feat: add text truncation hook and marquee support (#217)

Introduce a hook to detect text truncation for dynamic UI updates
Replace static marquee spans with a reusable marquee component in files and labels
Enable copying of terminal selection on mouse up and touch end

packages/ui/src/stores/messageQueueStore.ts

@@ -33,7 +33,7 @@ export const useMessageQueueStore = create<MessageQueueStore>()(
         persist(
             (set, get) => ({
                 queuedMessages: {},
-                queueModeEnabled: false,
+                queueModeEnabled: true,
 
                 addToQueue: (sessionId, message) => {
                     const id = `queued-${Date.now()}-${Math.random().toString(36).substring(2, 9)}`;

packages/ui/src/stores/useUIStore.ts

@@ -145,7 +145,7 @@ export const useUIStore = create<UIStore>()(
         sidebarSection: 'sessions',
         eventStreamStatus: 'idle',
         eventStreamHint: null,
-        showReasoningTraces: false,
+        showReasoningTraces: true,
         showTextJustificationActivity: false,
         autoDeleteEnabled: false,
         autoDeleteAfterDays: 30,
@@ -160,10 +160,10 @@ export const useUIStore = create<UIStore>()(
         inputBarOffset: 0,
         favoriteModels: [],
         recentModels: [],
-        diffLayoutPreference: 'dynamic',
+        diffLayoutPreference: 'inline',
         diffFileLayout: {},
         diffWrapLines: false,
-        diffViewMode: 'single',
+        diffViewMode: 'stacked',
         isTimelineDialogOpen: false,
         nativeNotificationsEnabled: false,
         notificationMode: 'hidden-only',