feat: better icons and overlay panes

apps/desktop/src/app/session/hooks/use-message-stream.ts

@@ -394,9 +394,10 @@ export function useMessageStream({
           appendAssistantDelta(sessionId, coerceGatewayText(payload?.text))
         }
       } else if (event.type === 'thinking.delta') {
-        if (sessionId) {
-          appendReasoningDelta(sessionId, coerceThinkingText(payload?.text))
-        }
+        // thinking.delta carries the kawaii spinner status (face + verb from
+        // KawaiiSpinner), not real reasoning. The bottom-of-thread loading
+        // indicator already covers that UX, so we ignore these events to
+        // avoid a duplicative "Thinking" disclosure showing spinner text.
       } else if (event.type === 'reasoning.delta') {
         if (sessionId) {
           appendReasoningDelta(sessionId, coerceThinkingText(payload?.text))

apps/desktop/src/app/session/hooks/use-prompt-actions.ts

@@ -18,7 +18,12 @@ import {
   isDesktopSlashCommand
 } from '@/lib/desktop-slash-commands'
 import { triggerHaptic } from '@/lib/haptics'
-import { $composerAttachments, addComposerAttachment, clearComposerAttachments, type ComposerAttachment } from '@/store/composer'
+import {
+  $composerAttachments,
+  addComposerAttachment,
+  clearComposerAttachments,
+  type ComposerAttachment
+} from '@/store/composer'
 import { clearNotifications, notify, notifyError } from '@/store/notifications'
 import { $busy, $messages, setAwaitingResponse, setBusy, setMessages } from '@/store/session'
 
@@ -647,6 +652,7 @@ export function usePromptActions({
 
       updateSessionState(sessionId, state => {
         let changed = false
+
         const messages = state.messages.map(message => {
           if (message.role !== 'assistant' || !message.branchGroupId) {
             return message

apps/desktop/src/app/session/hooks/use-session-actions.ts

@@ -82,7 +82,13 @@ function preserveReasoningParts(message: ChatMessage, previous: ChatMessage): Ch
 }
 
 function chatMessagesEquivalent(a: ChatMessage, b: ChatMessage): boolean {
-  if (a.id !== b.id || a.role !== b.role || a.pending !== b.pending || a.hidden !== b.hidden || a.branchGroupId !== b.branchGroupId) {
+  if (
+    a.id !== b.id ||
+    a.role !== b.role ||
+    a.pending !== b.pending ||
+    a.hidden !== b.hidden ||
+    a.branchGroupId !== b.branchGroupId
+  ) {
     return false
   }
 
@@ -290,7 +296,15 @@ export function useSessionActions({
         creatingSessionRef.current = false
       }, 0)
     }
-  }, [activeSessionIdRef, creatingSessionRef, ensureSessionState, getRouteToken, navigate, requestGateway, selectedStoredSessionIdRef])
+  }, [
+    activeSessionIdRef,
+    creatingSessionRef,
+    ensureSessionState,
+    getRouteToken,
+    navigate,
+    requestGateway,
+    selectedStoredSessionIdRef
+  ])
 
   const selectSidebarItem = useCallback(
     (item: SidebarNavItem) => {
@@ -402,11 +416,12 @@ export function useSessionActions({
         // exists; use gateway messages only as a fallback when no local
         // snapshot was available.
 
-        const messagesForView = localSnapshot.length > 0
-          ? localSnapshot
-          : chatMessageArraysEquivalent(currentMessages, resumedMessages)
-            ? currentMessages
-            : resumedMessages
+        const messagesForView =
+          localSnapshot.length > 0
+            ? localSnapshot
+            : chatMessageArraysEquivalent(currentMessages, resumedMessages)
+              ? currentMessages
+              : resumedMessages
 
         setActiveSessionId(resumed.session_id)
         activeSessionIdRef.current = resumed.session_id