@pheem49/mint 1.15.0 → 1.16.0

package/src/renderer/shared/components/CollapsiblePasteInput.tsx

@@ -0,0 +1,90 @@
+import { useEffect, useRef, useState, type RefObject, type TextareaHTMLAttributes } from 'react'
+import { insertPastedText, pastedTextLabel } from '../utils/pastedText'
+import '../css/collapsed-paste.css'
+
+type Props = Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'value'> & {
+  value: string
+  inputRef: RefObject<HTMLTextAreaElement | null>
+  onValueChange: (value: string) => void
+  onResizeInput?: (input: HTMLTextAreaElement) => void
+}
+
+export function CollapsiblePasteInput({ value, inputRef, onValueChange, onResizeInput, ...props }: Props) {
+  // The owner always keeps the complete prompt. Folding changes presentation,
+  // so every submit path (including queued messages) receives the real text.
+  const [folded, setFolded] = useState<{ value: string; text: string } | null>(null)
+  const [expanded, setExpanded] = useState(false)
+  const badgeRef = useRef<HTMLButtonElement>(null)
+  const collapsed = folded !== null && folded.value === value && !expanded
+  useEffect(() => {
+    if (folded && folded.value !== value) { setFolded(null); setExpanded(false) }
+    if (collapsed) badgeRef.current?.focus()
+  }, [value, folded, collapsed])
+  const open = () => {
+    setExpanded(true)
+    setTimeout(() => {
+      const input = inputRef.current
+      if (!input) return
+      input.focus()
+      input.setSelectionRange(0, 0)
+      onResizeInput?.(input)
+    }, 0)
+  }
+  return <>
+    {collapsed && <button
+      type="button"
+      ref={badgeRef}
+      className="chat-pasted-content"
+      aria-label={`${pastedTextLabel(folded.text)} — view or edit full prompt`}
+      onClick={open}
+      onKeyDown={event => {
+        if (event.key === 'F2') { event.preventDefault(); open() }
+        if (event.key === 'Enter' && !event.shiftKey && !event.nativeEvent.isComposing) {
+          event.preventDefault()
+          event.currentTarget.form?.requestSubmit()
+        }
+      }}
+    >
+      <span>{pastedTextLabel(folded.text)}</span>
+      <span className="chat-pasted-content-action">View / edit</span>
+    </button>}
+    <textarea
+      {...props}
+      ref={inputRef}
+      value={value}
+      hidden={collapsed}
+      style={{ ...props.style, display: collapsed ? 'none' : props.style?.display }}
+      aria-keyshortcuts={folded ? 'F2' : props['aria-keyshortcuts']}
+      title={folded ? 'F2: open/collapse pasted content' : props.title}
+      onKeyDown={event => {
+        if (event.key === 'F2' && folded && folded.value === value && !event.nativeEvent.isComposing) {
+          event.preventDefault()
+          event.stopPropagation()
+          setFolded({ value, text: value })
+          setExpanded(false)
+        } else props.onKeyDown?.(event)
+      }}
+      onChange={event => {
+        if (folded) setFolded({ value: event.target.value, text: event.target.value })
+        props.onChange?.(event)
+      }}
+      onPaste={event => {
+        props.onPaste?.(event)
+        if (event.defaultPrevented) return
+        const text = event.clipboardData.getData('text/plain')
+        if (!text) return
+        event.preventDefault()
+        event.stopPropagation()
+        const input = event.currentTarget
+        const draft = insertPastedText(value, input.selectionStart, input.selectionEnd, text)
+        setFolded(draft.collapsed ? { value: draft.value, text: draft.text } : folded ? { value: draft.value, text: draft.value } : null)
+        setExpanded(!draft.collapsed && folded !== null)
+        onValueChange(draft.value)
+        if (!draft.collapsed) setTimeout(() => {
+          input.setSelectionRange(draft.caret, draft.caret)
+          onResizeInput?.(input)
+        }, 0)
+      }}
+    />
+  </>
+}

package/src/renderer/shared/components/ContextCompactionStatus.tsx

@@ -0,0 +1,17 @@
+import { useEffect, useState } from 'react'
+
+export function ContextCompactionStatus({ elapsedSeconds }: { elapsedSeconds?: number }) {
+  const [seconds, setSeconds] = useState(0)
+  useEffect(() => {
+    const started = Date.now()
+    const timer = setInterval(() => setSeconds(Math.floor((Date.now() - started) / 1000)), 250)
+    return () => clearInterval(timer)
+  }, [])
+  return <div role="status" aria-live="polite" className="context-compaction-status">
+    <div className="thinking-status">
+      <span className="thinking-status-label"><span aria-hidden="true">✦ </span>Compacting context</span>
+      <span className="thinking-status-meta">{` · ${elapsedSeconds ?? seconds}s · Esc to cancel`}</span>
+    </div>
+    <div className="thinking-status-meta">Summarizing earlier steps to continue working</div>
+  </div>
+}

package/src/renderer/shared/components/DashboardSidebar.tsx

@@ -1,9 +1,10 @@
 import { useState, useEffect, useRef, useMemo, type MouseEvent as ReactMouseEvent, type DragEvent as ReactDragEvent } from 'react'
+import { Check, ChevronDown, Folder, FolderInput, FolderMinus, Pencil, Plus, Trash2 } from 'lucide-react'
 import { renderSkillsSvgIcon, renderMcpHubSvgIcon, renderPluginsSvgIcon, renderScheduledTasksSvgIcon, renderLinkedFoldersSvgIcon } from '../constants/plugins'
 import { useAuthUser } from './AuthGate'
 import { runtimePlatform } from '../platform'
 
-export type DashboardView = 'chat' | 'pictures' | 'model' | 'workspace' | 'imagine' | 'veo' | 'skills' | 'mcp' | 'plugins' | 'cron' | 'link' | 'code'
+export type DashboardView = 'chat' | 'pictures' | 'workspace' | 'imagine' | 'veo' | 'skills' | 'mcp' | 'plugins' | 'cron' | 'link' | 'code'
 
 interface ChatSessionItem {
   id: string
@@ -40,20 +41,6 @@ interface DashboardSidebarProps {
    * difference between the two, not something to unify.
    */
   promoteMediaStudios?: boolean
-  /** Desktop only — the inline Live2D companion character doesn't exist on web. */
-  modelVisible?: boolean
-  expressionIndex?: number
-  accessoryIndex?: number
-  expressions?: string[]
-  accessories?: string[]
-  interactionEnabled?: boolean
-  showInteractionGuide?: boolean
-  onToggleModel?: () => void
-  onSetExpressionIndex?: (index: number) => void
-  onSetAccessoryIndex?: (index: number) => void
-  onSetInteractionEnabled?: (enabled: boolean) => void
-  onSetShowInteractionGuide?: (visible: boolean) => void
-  onShowToast?: (message: string) => void
   activeWorkspacePath?: string
   recentWorkspacePaths?: string[]
   onBrowseFolder?: () => Promise<string | null>
@@ -64,16 +51,9 @@ interface DashboardSidebarProps {
 export default function DashboardSidebar({
   view,
   sidebarCollapsed,
-  modelVisible,
   sending,
   chatSessions,
   activeConversationId,
-  expressionIndex = 0,
-  accessoryIndex = 0,
-  expressions = [],
-  accessories = [],
-  interactionEnabled,
-  showInteractionGuide,
   onToggleSidebar,
   onSidebarResize,
   onSidebarResizeEnd,
@@ -82,12 +62,6 @@ export default function DashboardSidebar({
   onDeleteConversation,
   onRenameConversation,
   onSetView,
-  onToggleModel,
-  onSetExpressionIndex,
-  onSetAccessoryIndex,
-  onSetInteractionEnabled,
-  onSetShowInteractionGuide,
-  onShowToast,
   isSearchOpen,
   onSetSearchOpen,
   showWorkspaceTab,
@@ -191,18 +165,6 @@ export default function DashboardSidebar({
     }
     setEditingSessionId(null)
   }
-  const toggleInteractionGuide = () => {
-    const next = !showInteractionGuide
-    onSetShowInteractionGuide?.(next)
-    onShowToast?.(next ? 'Show interaction zones ⊹' : 'Hide interaction zones ⊹')
-  }
-
-  const toggleInteraction = () => {
-    const next = !interactionEnabled
-    onSetInteractionEnabled?.(next)
-    onShowToast?.(next ? 'Enable model interaction ⦸' : 'Disable model interaction ⦸')
-  }
-
   const conversationSessions = chatSessions.filter((session) => session.kind !== 'cli' && !session.id.startsWith('cli') && session.id !== 'conversation-default')
   const cliSessions = chatSessions.filter((session) => session.kind === 'cli' || session.id.startsWith('cli'))
 
@@ -512,15 +474,13 @@ export default function DashboardSidebar({
         <span>Chat</span>
       </button>
 
-      <button className={`sidebar-top-action ${view === 'pictures' ? 'is-active' : ''}`} onClick={() => onSetView('pictures')} title="Pictures">
+      <button className={`sidebar-top-action ${view === 'pictures' ? 'is-active' : ''}`} onClick={() => onSetView('pictures')} title="Library">
         <span aria-hidden="true" style={{ display: 'inline-flex', alignItems: 'center' }}>
           <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.5" strokeLinecap="round" strokeLinejoin="round">
-            <rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect>
-            <circle cx="8.5" cy="8.5" r="1.5"></circle>
-            <polyline points="21 15 16 10 5 21"></polyline>
+            <path d="M4 4v16M8 8v12M12 6v14M16 6l4 14"></path>
           </svg>
         </span>
-        <span>Pictures</span>
+        <span>Library</span>
       </button>
       {promoteMediaStudios && (
         <>
@@ -560,18 +520,6 @@ export default function DashboardSidebar({
           <span>Workspace</span>
         </button>
       )}
-      {onToggleModel && (
-        <button className={`sidebar-top-action ${modelVisible ? 'is-active' : ''}`} onClick={onToggleModel} title="Live2D model">
-          <span aria-hidden="true" style={{ display: 'inline-flex', alignItems: 'center' }}>
-            <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.5" strokeLinecap="round" strokeLinejoin="round">
-              <path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path>
-              <circle cx="12" cy="7" r="4"></circle>
-            </svg>
-          </span>
-          <span>Live2D model</span>
-        </button>
-      )}
-
       <div className="sidebar-more-container" ref={moreContainerRef}>
         <button className={`sidebar-top-action ${isMoreOpen || (!promoteMediaStudios && (view === 'imagine' || view === 'veo')) || view === 'skills' || view === 'mcp' || view === 'plugins' || view === 'cron' || view === 'link' ? 'is-active' : ''}`} onClick={() => setIsMoreOpen(!isMoreOpen)} title="More" aria-expanded={isMoreOpen} aria-controls="sidebar-more-menu">
           <span aria-hidden="true" style={{ display: 'inline-flex', alignItems: 'center' }}>
@@ -631,66 +579,6 @@ export default function DashboardSidebar({
       </div>
 
 
-      {modelVisible && (
-        <div className="sidebar-model-controls">
-          <button
-            className="change-expression-btn"
-            onClick={() => {
-              const next = (expressionIndex + 1) % expressions.length
-              onSetExpressionIndex?.(next)
-              onSetAccessoryIndex?.(0)
-              onShowToast?.(`Expression: ${expressions[next]}`)
-            }}
-          >
-            <span aria-hidden="true" style={{ display: 'inline-flex', alignItems: 'center' }}>
-              <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.5" strokeLinecap="round" strokeLinejoin="round">
-                <circle cx="12" cy="12" r="10"></circle>
-                <path d="M8 14s1.5 2 4 2 4-2 4-2"></path>
-                <line x1="9" y1="9" x2="9.01" y2="9"></line>
-                <line x1="15" y1="9" x2="15.01" y2="9"></line>
-              </svg>
-            </span>
-            <span>Expression</span>
-          </button>
-          <button
-            className="accessory-cycle-btn"
-            onClick={() => {
-              const next = (accessoryIndex + 1) % accessories.length
-              onSetAccessoryIndex?.(next)
-              onSetExpressionIndex?.(0)
-              onShowToast?.(`Accessory: ${accessories[next]}`)
-            }}
-          >
-            <span aria-hidden="true" style={{ display: 'inline-flex', alignItems: 'center' }}>
-              <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.5" strokeLinecap="round" strokeLinejoin="round">
-                <path d="M12 12c-2-2.67-4-4-6-4a4 4 0 1 0 0 8c2 0 4-1.33 6-4Zm0 0c2 2.67 4 4 6 4a4 4 0 1 0 0-8c-2 0-4 1.33-6 4Z"></path>
-              </svg>
-            </span>
-            <span>Accessory</span>
-          </button>
-          <button className={`toggle-interaction-btn ${interactionEnabled ? 'active' : ''}`} onClick={toggleInteraction}>
-            <span aria-hidden="true" style={{ display: 'inline-flex', alignItems: 'center' }}>
-              <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.5" strokeLinecap="round" strokeLinejoin="round">
-                <path d="M18 11V6a2 2 0 0 0-2-2v0a2 2 0 0 0-2 2v5m-4 0V4a2 2 0 0 0-2-2v0a2 2 0 0 0-2 2v7m-4 0V5a2 2 0 0 0-2-2v0a2 2 0 0 0-2 2v9M4 22V13a3 3 0 0 1 6 0v0M4 22h14a2 2 0 0 0 2-2V11a2 2 0 0 0-2-2h-2"></path>
-              </svg>
-            </span>
-            <span className="mint-status-label">Interact</span>
-          </button>
-          <button className={`interaction-guide-btn ${showInteractionGuide ? 'active' : ''}`} onClick={toggleInteractionGuide}>
-            <span aria-hidden="true" style={{ display: 'inline-flex', alignItems: 'center' }}>
-              <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.5" strokeLinecap="round" strokeLinejoin="round">
-                <circle cx="12" cy="12" r="10"></circle>
-                <line x1="22" y1="12" x2="18" y2="12"></line>
-                <line x1="6" y1="12" x2="2" y2="12"></line>
-                <line x1="12" y1="6" x2="12" y2="2"></line>
-                <line x1="12" y1="22" x2="12" y2="18"></line>
-              </svg>
-            </span>
-            <span>Areas</span>
-          </button>
-        </div>
-      )}
-
       {sidebarCollapsed ? (
         <div className="sidebar-collapsed-sessions">
           <button
@@ -901,8 +789,8 @@ export default function DashboardSidebar({
                     </div>
                     {projectMenu?.projectId === group.id && (
                       <div className="sidebar-project-menu-popover" role="menu" style={{ top: projectMenu.top, left: projectMenu.left }} onClick={(e) => e.stopPropagation()}>
-                        {onNewChatInProject && <button type="button" role="menuitem" onClick={() => { setCollapsedProjects((prev) => ({ ...prev, [group.id]: false })); onNewChatInProject(group.id); setProjectMenu(null) }}>＋ <span>New chat in project</span></button>}
-                        <button type="button" role="menuitem" className="is-destructive" onClick={() => removeProjectFromSidebar(group.id)}>⌫ <span>Remove from sidebar</span></button>
+                        {onNewChatInProject && <button type="button" role="menuitem" onClick={() => { setCollapsedProjects((prev) => ({ ...prev, [group.id]: false })); onNewChatInProject(group.id); setProjectMenu(null) }}><Plus className="sidebar-menu-icon" size={14} aria-hidden="true" /><span>New chat in project</span></button>}
+                        <button type="button" role="menuitem" className="is-destructive" onClick={() => removeProjectFromSidebar(group.id)}><FolderMinus className="sidebar-menu-icon" size={14} aria-hidden="true" /><span>Remove from sidebar</span></button>
                       </div>
                     )}
                     {!isCollapsed && (
@@ -1033,9 +921,8 @@ export default function DashboardSidebar({
                             className="sidebar-show-more-btn"
                             onClick={() => toggleShowMore(group.id)}
                           >
-                            {isExpanded
-                              ? 'Show less ⌃'
-                              : `Show more (${group.sessions.length - maxVisible}) ⌄`}
+                            <span>{isExpanded ? 'Show less' : `Show more (${group.sessions.length - maxVisible})`}</span>
+                            <ChevronDown className={isExpanded ? 'is-expanded' : ''} size={13} aria-hidden="true" />
                           </button>
                         )}
                       </div>
@@ -1275,9 +1162,9 @@ export default function DashboardSidebar({
                   }}
                   title={p.path}
                 >
-                  <span className="sidebar-move-item-icon">📁</span>
+                  <span className="sidebar-move-item-icon"><Folder size={14} aria-hidden="true" /></span>
                   <span className="sidebar-move-item-name">{p.name}</span>
-                  {isCurrent && <span className="sidebar-move-item-check">✓</span>}
+                  {isCurrent && <span className="sidebar-move-item-check"><Check size={14} aria-hidden="true" /></span>}
                 </button>
               )
             })}
@@ -1300,7 +1187,7 @@ export default function DashboardSidebar({
               </svg>
             </span>
             <span className="sidebar-move-item-name">Recents (No project)</span>
-            {!moveMenu.currentWorkspacePath && <span className="sidebar-move-item-check">✓</span>}
+            {!moveMenu.currentWorkspacePath && <span className="sidebar-move-item-check"><Check size={14} aria-hidden="true" /></span>}
           </button>
 
           {onBrowseFolder && (
@@ -1331,9 +1218,9 @@ export default function DashboardSidebar({
         const session = conversationSessions.find((item) => item.id === conversationMenu.sessionId)
         if (!session) return null
         return <div className="sidebar-conversation-menu-popover" role="menu" style={{ top: conversationMenu.top, left: conversationMenu.left }} onClick={(event) => event.stopPropagation()}>
-          <button type="button" role="menuitem" onClick={() => { setEditingSessionId(session.id); setEditTitleValue(session.title || ''); setConversationMenu(null) }}>✎ <span>Rename</span></button>
-          {onUpdateSessionWorkspace && <button type="button" role="menuitem" onClick={(event) => { setConversationMenu(null); openMoveMenu(event as any, session) }}>↗ <span>Move to project</span></button>}
-          <button type="button" role="menuitem" className="is-destructive" onClick={() => { onDeleteConversation(session.id); setConversationMenu(null) }}>⌫ <span>Delete conversation</span></button>
+          <button type="button" role="menuitem" onClick={() => { setEditingSessionId(session.id); setEditTitleValue(session.title || ''); setConversationMenu(null) }}><Pencil className="sidebar-menu-icon" size={14} aria-hidden="true" /><span>Rename</span></button>
+          {onUpdateSessionWorkspace && <button type="button" role="menuitem" onClick={(event) => { setConversationMenu(null); openMoveMenu(event as any, session) }}><FolderInput className="sidebar-menu-icon" size={14} aria-hidden="true" /><span>Move to project</span></button>}
+          <button type="button" role="menuitem" className="is-destructive" onClick={() => { onDeleteConversation(session.id); setConversationMenu(null) }}><Trash2 className="sidebar-menu-icon" size={14} aria-hidden="true" /><span>Delete conversation</span></button>
         </div>
       })()}
     </aside>

package/src/renderer/shared/components/DesktopTitlebar.tsx

@@ -1,6 +1,8 @@
 import { useEffect, useRef, useState } from 'react'
-import type { FileChange } from '../types'
+import type { AgentProgress, FileChange } from '../types'
 import WorkspaceContextPopover from './WorkspaceContextPopover'
+import { useWorkspaceUndo } from '../workspaceUndo'
+import ToolsPanelToggle from './ToolsPanelToggle'
 
 type ResizeDirection = 'East' | 'North' | 'NorthEast' | 'NorthWest' | 'South' | 'SouthEast' | 'SouthWest' | 'West'
 
@@ -15,13 +17,19 @@ interface DesktopTitlebarProps {
   onToggleTerminal: () => void
   onOpenBrowser: () => void
   toolsPanelOpen: boolean
+  backgroundTaskCount?: number
   onToggleToolsPanel: () => void
   onOpenSettings: () => void
   onCheckForUpdates: () => void
   onShowAbout: () => void
   workspacePath: string
+  workspaceActive: boolean
+  workspaceRevision: number
+  sending: boolean
+  onWorkspaceUndoError: (message: string) => void
   terminalCount: number
-  sourceNames: string[]
+  chatId: string
+  liveProgress: AgentProgress[]
   recentChanges: FileChange[]
   onOpenReview: (changes: FileChange[]) => void
   onRefreshWorkspace: () => void
@@ -39,13 +47,19 @@ export default function DesktopTitlebar({
   onToggleTerminal,
   onOpenBrowser,
   toolsPanelOpen,
+  backgroundTaskCount,
   onToggleToolsPanel,
   onOpenSettings,
   onCheckForUpdates,
   onShowAbout,
   workspacePath,
+  workspaceActive,
+  workspaceRevision,
+  sending,
+  onWorkspaceUndoError,
   terminalCount,
-  sourceNames,
+  chatId,
+  liveProgress,
   recentChanges,
   onOpenReview,
   onRefreshWorkspace,
@@ -57,6 +71,12 @@ export default function DesktopTitlebar({
   const [shortcutsOpen, setShortcutsOpen] = useState(false)
   const [hasEditableFocus, setHasEditableFocus] = useState(false)
   const rootRef = useRef<HTMLElement>(null)
+  const editableRef = useRef<HTMLElement | null>(null)
+  const history = useWorkspaceUndo(workspacePath, workspaceRevision, () => onRefreshWorkspace())
+  const undoWorkspace = workspaceActive && !hasEditableFocus
+  const undoErrorHandler = useRef(onWorkspaceUndoError)
+  undoErrorHandler.current = onWorkspaceUndoError
+  useEffect(() => { if (history.error) undoErrorHandler.current(history.error) }, [history.error])
 
   useEffect(() => {
     let mounted = true
@@ -116,11 +136,13 @@ export default function DesktopTitlebar({
   )
 
   const runEditCommand = (command: 'undo' | 'redo' | 'cut' | 'copy' | 'selectAll') => {
+    if (editableRef.current?.isConnected) editableRef.current.focus()
     if (!isEditable(document.activeElement) && command !== 'copy') return
     document.execCommand(command)
   }
 
   const pasteClipboard = async () => {
+    if (editableRef.current?.isConnected) editableRef.current.focus()
     if (!isEditable(document.activeElement)) return
     try {
       const text = await window.api.readClipboard()
@@ -152,7 +174,14 @@ export default function DesktopTitlebar({
   }, [])
 
   useEffect(() => {
-    const updateEditableFocus = () => setHasEditableFocus(isEditable(document.activeElement))
+    const updateEditableFocus = () => {
+      const target = document.activeElement
+      if (target instanceof Node && rootRef.current?.contains(target)) return
+      const editing = isEditable(target)
+      if (editing) editableRef.current = target as HTMLElement
+      else editableRef.current = null
+      setHasEditableFocus(editing)
+    }
     document.addEventListener('focusin', updateEditableFocus)
     document.addEventListener('focusout', updateEditableFocus)
     return () => {
@@ -173,7 +202,11 @@ export default function DesktopTitlebar({
       if (!modifier || editing) return
 
       const key = event.key.toLowerCase()
-      if (key === 'n') { event.preventDefault(); onNewChat() }
+      if (key === 'z' && !event.shiftKey && workspaceActive) {
+        event.preventDefault()
+        if (!history.busy && !sending) void history.undo()
+      }
+      else if (key === 'n') { event.preventDefault(); onNewChat() }
       else if (key === 'o') { event.preventDefault(); onOpenWorkspace() }
       else if (key === 'b' && event.shiftKey) { event.preventDefault(); onOpenBrowser() }
       else if (key === 'b') { event.preventDefault(); onToggleSidebar() }
@@ -186,7 +219,7 @@ export default function DesktopTitlebar({
     }
     window.addEventListener('keydown', handleShortcut)
     return () => window.removeEventListener('keydown', handleShortcut)
-  }, [zoom, onNewChat, onOpenWorkspace, onOpenBrowser, onOpenSettings, onToggleSidebar, onToggleTerminal])
+  }, [zoom, onNewChat, onOpenWorkspace, onOpenBrowser, onOpenSettings, onToggleSidebar, onToggleTerminal, workspaceActive, history.undo, history.busy, sending])
 
   const runMenuAction = (action: () => void | Promise<void>) => {
     void action()
@@ -202,7 +235,7 @@ export default function DesktopTitlebar({
       { label: 'Quit Mint', shortcut: 'Ctrl+Q', action: () => window.api.quitApp() },
     ],
     Edit: [
-      { label: 'Undo', shortcut: 'Ctrl+Z', disabled: !hasEditableFocus, action: () => runEditCommand('undo') },
+      { label: undoWorkspace ? history.entries[0]?.label || 'Undo workspace action' : 'Undo', shortcut: 'Ctrl+Z', disabled: undoWorkspace ? !history.entries.length || history.busy || sending : !hasEditableFocus, action: async () => { if (undoWorkspace) await history.undo(); else runEditCommand('undo') } },
       { label: 'Redo', shortcut: 'Ctrl+Shift+Z', disabled: !hasEditableFocus, action: () => runEditCommand('redo') },
       { label: 'Cut', shortcut: 'Ctrl+X', disabled: !hasEditableFocus, action: () => runEditCommand('cut') },
       { label: 'Copy', shortcut: 'Ctrl+C', action: () => runEditCommand('copy') },
@@ -253,6 +286,7 @@ export default function DesktopTitlebar({
                 className={`mint-titlebar-menu-button${openMenu === name ? ' is-open' : ''}`}
                 aria-haspopup="menu"
                 aria-expanded={openMenu === name}
+                onMouseDown={(event) => event.preventDefault()}
                 onClick={() => setOpenMenu((current) => current === name ? null : name)}
               >
                 {name}
@@ -260,7 +294,7 @@ export default function DesktopTitlebar({
               {openMenu === name && (
                 <div className="mint-titlebar-menu" role="menu">
                   {menuItems[name].map((item) => (
-                    <button type="button" role="menuitem" key={item.label} disabled={item.disabled} onClick={() => runMenuAction(item.action)}>
+                    <button type="button" role="menuitem" key={item.label} disabled={item.disabled} onMouseDown={(event) => event.preventDefault()} onClick={() => runMenuAction(item.action)}>
                       <span>{item.label}</span>
                       {item.shortcut && <kbd>{item.shortcut}</kbd>}
                     </button>
@@ -280,22 +314,14 @@ export default function DesktopTitlebar({
         <WorkspaceContextPopover
           workspacePath={workspacePath}
           terminalCount={terminalCount}
-          sourceNames={sourceNames}
+          chatId={chatId}
+          liveProgress={liveProgress}
           recentChanges={recentChanges}
           onOpenWorkspace={onOpenWorkspace}
           onOpenReview={onOpenReview}
           onRefreshWorkspace={onRefreshWorkspace}
         />
-        <button
-          type="button"
-          className={`mint-titlebar-icon-button mint-tools-panel-toggle${toolsPanelOpen ? ' is-open' : ''}`}
-          aria-label={toolsPanelOpen ? 'Close tools panel' : 'Open tools panel'}
-          aria-pressed={toolsPanelOpen}
-          title={toolsPanelOpen ? 'Close tools panel' : 'Open tools panel'}
-          onClick={onToggleToolsPanel}
-        >
-          <svg viewBox="0 0 24 24" aria-hidden="true"><rect x="3" y="4" width="18" height="16" rx="2"/><path d="M15 4v16M18 8h1M18 12h1M18 16h1"/></svg>
-        </button>
+        <ToolsPanelToggle className="mint-titlebar-icon-button mint-tools-panel-toggle" open={toolsPanelOpen} count={backgroundTaskCount} onToggle={onToggleToolsPanel} />
         <div className="mint-titlebar-window-controls">
           <button type="button" className="mint-window-control" aria-label="Minimize window" title="Minimize" onClick={minimizeWindow}>
             <svg viewBox="0 0 12 12" aria-hidden="true"><path d="M2 6h8"/></svg>

package/src/renderer/shared/components/ErrorNotice.tsx

@@ -0,0 +1,29 @@
+import '../css/error-notice.css'
+
+export default function ErrorNotice({ message, onDismiss }: { message: string; onDismiss: () => void }) {
+  const summary = /HTTP\s+429\b|"code"\s*:\s*429/.test(message)
+    ? 'The provider is temporarily rate-limited (HTTP 429). Wait briefly or select another model.'
+    : message.includes('invalid arguments for tool')
+      ? 'AI sent invalid tool arguments. Correct the arguments and try again.'
+      : message.length > 240 ? `${message.slice(0, 240)}…` : message
+
+  return (
+    <section className="mint-error mint-error-notice" role="alert" aria-label="Error notification">
+      <div className="mint-error-notice-content">
+        <p>{summary}</p>
+        {summary !== message && (
+          <details>
+            <summary>Error details</summary>
+            <pre>{message.slice(0, 12000)}{message.length > 12000 ? '\n… (details truncated)' : ''}</pre>
+          </details>
+        )}
+      </div>
+      <button type="button" className="mint-error-notice-close" aria-label="Dismiss error" onClick={onDismiss}>
+        <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.5" strokeLinecap="round" strokeLinejoin="round" aria-hidden="true">
+          <line x1="18" y1="6" x2="6" y2="18" />
+          <line x1="6" y1="6" x2="18" y2="18" />
+        </svg>
+      </button>
+    </section>
+  )
+}

package/src/renderer/shared/components/FormattedMessage.tsx

@@ -0,0 +1,11 @@
+import { memo } from 'react'
+import { renderFormattedMessage } from '../utils/markdown'
+import type { WebSearchSource } from '../utils/agentActivity'
+
+// Keep the Markdown subtree stable when copy, speech, timers, or activity change.
+export const FormattedMessage = memo(function FormattedMessage({ text, sources }: {
+  text: string
+  sources?: WebSearchSource[]
+}) {
+  return renderFormattedMessage(text, sources)
+})

package/src/renderer/shared/components/GeminiLiveOverlay.css

@@ -0,0 +1,86 @@
+/* Orb is the visual focus; labels and controls carry the actual call state. */
+.gemini-live-overlay.live-orb-dialog {
+  position: fixed; inset: 0; z-index: 10000;
+  display: flex; align-items: center; justify-content: center;
+  box-sizing: border-box; padding: 24px;
+  overscroll-behavior: contain; font-family: inherit;
+  background: color-mix(in srgb, var(--bg-base, #09090b) 85%, transparent);
+  overflow: auto;
+}
+.live-orb-dialog .gemini-live-card {
+  position: relative; display: flex; flex-direction: column; align-items: center;
+  box-sizing: border-box; width: min(100%, 520px); max-width: 520px;
+  max-height: calc(100dvh - 48px); padding: 28px; gap: 18px;
+  overflow-y: auto; background: var(--bg-overlay, #16181c);
+  border: 1px solid var(--border-default); border-radius: var(--radius-2xl);
+  color: var(--text-main); box-shadow: var(--shadow-lg);
+}
+.live-orb-header { text-align: center; }
+.live-orb-dialog .gemini-live-badge {
+  position: static; display: inline-block; transform: none;
+  font-size: 12px; letter-spacing: .04em; color: var(--text-muted);
+}
+.live-orb-header h2 { margin: 12px 0 0; font-size: 23px; font-weight: 500; letter-spacing: -.025em; }
+.live-orb-stage { width: min(100%, 300px); aspect-ratio: 1; flex-shrink: 0; }
+.live-orb-state { text-align: center; }
+.live-orb-dialog .gemini-live-status { font-size: 18px; font-weight: 500; }
+.live-orb-state p { margin: 8px 0 0; color: var(--text-muted); font-size: 13px; line-height: 1.5; }
+.live-orb-dialog[data-status='paused'] .live-orb-stage { opacity: .45; }
+.live-orb-dialog[data-status='error'] .gemini-live-status { color: var(--danger); }
+.live-orb-dialog .gemini-live-transcript {
+  flex-shrink: 1; min-height: 44px; max-height: 150px; width: 100%;
+  padding: 14px 0; border-top: 1px solid var(--border-default); border-bottom: 1px solid var(--border-default);
+  box-sizing: border-box; text-align: left; overflow-wrap: anywhere;
+  font-size: 14px; line-height: 1.6; color: var(--text-soft); overflow-y: auto; overscroll-behavior: contain;
+}
+.live-orb-dialog .gemini-live-transcript-speaker { display: block; margin-bottom: 2px; font-size: 11px; letter-spacing: .04em; color: var(--text-muted); font-weight: 600; }
+.live-orb-empty { margin: 0; color: var(--text-muted); text-align: center; }
+.live-orb-dialog .gemini-live-transcript-line { margin: 0 0 8px; }
+.live-orb-dialog .gemini-live-transcript-line:last-child { margin-bottom: 0; }
+.live-orb-dialog .gemini-live-voice-picker { position: relative; }
+.live-orb-dialog .gemini-live-voice-btn {
+  display: inline-flex; align-items: center; gap: 6px; padding: 5px 12px;
+  height: 36px; font-family: inherit; font-size: 13px; border: 0;
+  border-radius: var(--radius-full); color: var(--text-soft); background: var(--bg-surface-soft);
+}
+.live-orb-dialog .gemini-live-voice-menu {
+  position: absolute; bottom: calc(100% + 8px); left: 50%; transform: translateX(-50%);
+  display: flex; flex-direction: column; gap: 2px; min-width: 140px; padding: 6px;
+  border-radius: var(--radius-lg); background: var(--bg-overlay);
+  border: 1px solid var(--border-default); box-shadow: var(--shadow-md);
+  max-height: 180px; overflow: auto; z-index: 2;
+}
+.live-orb-dialog .gemini-live-voice-option {
+  padding: 7px 10px; border-radius: var(--radius-md); border: 0;
+  background: transparent; color: var(--text-soft); font: inherit; font-size: 13px; text-align: left;
+}
+.live-orb-dialog .gemini-live-voice-option:hover,
+.live-orb-dialog .gemini-live-voice-option.active { background: var(--bg-surface-hover); color: var(--text-main); }
+.live-orb-dialog .gemini-live-controls { display: flex; align-items: center; margin: 0; padding: 0; background: none; border: 0; gap: 12px; width: 100%; }
+.live-orb-dialog .gemini-live-btn {
+  display: inline-flex; align-items: center; justify-content: center;
+  border: 0; background: var(--bg-surface-soft); color: var(--text-main);
+  box-sizing: border-box; flex: 1; width: auto; height: 44px; gap: 8px; padding: 0 16px;
+  font-family: inherit; font-size: 14px; font-weight: 500; border-radius: var(--radius-lg);
+}
+.live-orb-dialog .gemini-live-btn:hover { background: var(--bg-surface-hover); }
+.live-orb-dialog .gemini-live-end { background: var(--danger); color: var(--pure-white); }
+.live-orb-dialog .gemini-live-end:hover { background: color-mix(in srgb, var(--danger) 85%, black); }
+.live-orb-dialog button:disabled { opacity: .5; cursor: default; }
+.live-orb-dialog button:focus-visible, .live-orb-dialog .gemini-live-transcript:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
+@media (max-width: 560px) {
+  .gemini-live-overlay.live-orb-dialog { padding: 12px; }
+  .live-orb-dialog .gemini-live-card { padding: 22px 18px; max-height: calc(100dvh - 24px); gap: 16px; }
+  .live-orb-stage { width: min(100%, 250px); }
+}
+@media (max-height: 720px) {
+  .live-orb-stage { width: min(100%, 200px); }
+  .live-orb-dialog .gemini-live-card { gap: 12px; padding-block: 18px; }
+}
+@media (prefers-reduced-motion: reduce) {
+  .gemini-live-overlay.live-orb-dialog { animation: none; }
+  .live-orb-dialog button { transition: none; }
+}
+@media (forced-colors: active) {
+  .live-orb-dialog .gemini-live-card, .live-orb-dialog .gemini-live-btn { border: 1px solid ButtonText; }
+}