@pheem49/mint 1.16.0 → 1.18.0

package/src/renderer/shared/components/{MintDashboard.tsx → app/MintDashboard.tsx}

@@ -1,19 +1,19 @@
-import { createWorkspacePreview } from '../utils/workspacePreview'
-import { shouldNotify } from '../utils/notificationSettings'
-import { deliverNotification, receiveProactiveNotification } from '../utils/notifications'
-import '../css/notification-notice.css'
+import { createWorkspacePreviewOpener } from '../../utils/workspacePreview'
+import { shouldNotify } from '../../utils/notificationSettings'
+import { deliverNotification, receiveProactiveNotification } from '../../utils/notifications'
+import '../../css/notification-notice.css'
 import { lazy, Suspense, type ChangeEvent, type CSSProperties, type FormEvent, useCallback, useEffect, useMemo, useRef, useState } from 'react'
 import {
   mergeFileChanges,
   parseFileChangesFromProgress,
-} from '../agentProgress'
-import { catalogPlatform, conversationPlatform, mediaPlatform, runtimePlatform, workspacePlatform, type SlashResponse } from '../platform'
-import type { ChatSession, DocumentAttachment, RuntimeStatus } from '../types'
+} from '../../agentProgress'
+import { catalogPlatform, conversationPlatform, mediaPlatform, runtimePlatform, workspacePlatform, type SlashResponse } from '../../platform'
+import type { ChatSession, DocumentAttachment, RuntimeStatus } from '../../types'
 
 const {
   clearChatHistory, deleteChatSession, renameChatSession,
   saveSystemInteraction, updateChatSessionWorkspace,
-  listen, readClipboardImage,
+  listen, readClipboardImage, listChatSessions, pendingCompanionChat,
 } = conversationPlatform
 const { getRuntimeStatus, setActiveModel, selectWorkspaceDirectory, selectLinkedFolderPath, isTauriRuntime } = runtimePlatform
 const { convertFileSrc } = mediaPlatform
@@ -24,12 +24,16 @@ const {
   linkedFolderStatus, refreshLinkedFolder, listLinkedFolderNotes, readLinkedFolderNote, openLinkedFolderNote,
 } = catalogPlatform
 
-import ChatPanel, { type ConversationActions, type ConversationViewModel } from './ChatPanel'
-import ScreenCaptureDialog from './ScreenCaptureDialog'
+import ChatPanel, { type ConversationActions, type ConversationViewModel } from '../chat/ChatPanel'
+import ScreenCaptureDialog from '../studio/ScreenCaptureDialog'
 import DashboardSidebar, { type DashboardView } from './DashboardSidebar'
 import DesktopTitlebar from './DesktopTitlebar'
 import ErrorNotice from './ErrorNotice'
-import type { ToolSurface } from './ToolSurfacePage'
+import type { ToolSurface } from '../workspace/ToolSurfacePage'
+import SessionSources from '../workspace/SessionSources'
+import { shouldPollSessionSources, useSessionSources } from '../../utils/useSessionSources'
+import { useLatestCallback } from '../../utils/useLatestCallback'
+import { PreviewObjectUrls } from '../../utils/previewObjectUrls'
 import {
   errorMessage,
   readImage,
@@ -37,19 +41,19 @@ import {
   createTrimmedImagePreview,
   createObjectUrlPreview,
   applyThemeStyles,
-  parseUtcDate,
-} from '../utils/ui'
-import { workspacePaths } from '../utils/workspaces'
-import { executeSlashCommand } from '../utils/slashCommandProcessor'
-import { captureScreenForChat } from '../utils/screenCapture'
-import { useConversationCoordinator } from '../conversation/useConversationCoordinator'
-import { isPersistedConversation } from '../conversation/projectNavigation'
-import type { PromptOptions } from '../conversation/lifecycle'
+} from '../../utils/ui'
+import { workspacePaths } from '../../utils/workspaces'
+import { workspaceListPreferences } from '../../utils/workspaceListPreferences'
+import { executeSlashCommand } from '../../utils/slashCommandProcessor'
+import { captureScreenForChat } from '../../utils/screenCapture'
+import { useConversationCoordinator } from '../../conversation/useConversationCoordinator'
+import { isPersistedConversation, navigateToSavedConversation } from '../../conversation/projectNavigation'
+import type { PromptOptions } from '../../conversation/lifecycle'
 
 
 
-import { DEFAULT_CONFIG, migrateFontFamily, migrateTypographyScale } from '../constants/config'
-import { BackgroundTerminals } from './BackgroundTerminals'
+import { DEFAULT_CONFIG, migrateFontFamily, migrateTypographyScale } from '../../constants/config'
+import { BackgroundTerminals } from '../workspace/BackgroundTerminals'
 
 const LAST_WORKSPACE_PATH_KEY = 'mint:last-workspace-path'
 const RECENT_WORKSPACE_PATHS_KEY = 'mint:recent-workspace-paths'
@@ -226,20 +230,20 @@ const MOCK_WELCOME_INTERACTION = {
 }
 
 
-import { isSupportedDocument } from '../utils/documentTypes'
+import { isSupportedDocument } from '../../utils/documentTypes'
 import { useProactiveSuggestions } from '@/proactiveSuggestions'
 
 const WorkspacePanel = lazy(() => import('@/components/WorkspacePanel'))
-const ToolSurfacePage = lazy(() => import('./ToolSurfacePage'))
-const SkillsView = lazy(() => import('./SkillsView'))
-const ScheduledTasksView = lazy(() => import('./ScheduledTasksView'))
-const LinkedFoldersView = lazy(() => import('./LinkedFoldersView'))
-const McpServersView = lazy(() => import('./McpServersView'))
-const PluginsView = lazy(() => import('./PluginsView'))
-const CliSessionsView = lazy(() => import('./CliSessionsView'))
-const LibraryPage = lazy(() => import('./LibraryPage'))
-const ImageStudioPanel = lazy(() => import('./ImageStudioPanel'))
-const VeoStudioPanel = lazy(() => import('./VeoStudioPanel'))
+const ToolSurfacePage = lazy(() => import('../workspace/ToolSurfacePage'))
+const SkillsView = lazy(() => import('../extensions/SkillsView'))
+const ScheduledTasksView = lazy(() => import('../extensions/ScheduledTasksView'))
+const LinkedFoldersView = lazy(() => import('../extensions/LinkedFoldersView'))
+const McpServersView = lazy(() => import('../extensions/McpServersView'))
+const PluginsView = lazy(() => import('../extensions/PluginsView'))
+const CliSessionsView = lazy(() => import('../extensions/CliSessionsView'))
+const LibraryPage = lazy(() => import('../studio/LibraryPage'))
+const ImageStudioPanel = lazy(() => import('../studio/ImageStudioPanel'))
+const VeoStudioPanel = lazy(() => import('../studio/VeoStudioPanel'))
 const CommandPalette = lazy(() => import('./CommandPalette').then(({ CommandPalette: Component }) => ({ default: Component })))
 
 function LazyPanelFallback() {
@@ -348,6 +352,7 @@ export default function MintDashboard() {
   )
   const {
     conversationId, workspacePath, message, imageAttachments, videoAttachments, documentAttachment,
+    queuedPrompts, queuePaused,
     sending, sendingMessage, sendingImageCount, sendingVideoCount, streamedReply,
     streamedResponse, agentProgress, interactions, hasOlderInteractions,
     streamingConversationId, activeTurnId, agentActivitySnapshots, pendingApprovals,
@@ -419,8 +424,28 @@ export default function MintDashboard() {
     })
   }
 
+  const savedNavigationEpoch = useRef(0)
+  useEffect(() => () => { savedNavigationEpoch.current += 1 }, [])
+  const savedNavigationRef = useRef<(id: string) => Promise<void>>(async () => {})
+  savedNavigationRef.current = async (id: string) => {
+    const epoch = ++savedNavigationEpoch.current
+    try {
+      const opened = await navigateToSavedConversation(id, {
+        listSessions: listChatSessions,
+        openSession: (session, view) => selectConversation(session.id, session, view),
+        isCurrent: () => savedNavigationEpoch.current === epoch,
+      })
+      if (!opened && savedNavigationEpoch.current === epoch) {
+        setError('This conversation no longer exists. Choose another conversation.')
+        changeView('chat')
+        setMobileSidebarOpen(true)
+      }
+    } catch (reason) { if (savedNavigationEpoch.current === epoch) setError(errorMessage(reason)) }
+  }
+
   useEffect(() => {
     const handleUrlChange = () => {
+      savedNavigationEpoch.current += 1
       if (window.location.hash === '#' || window.location.hash === '#/') {
         window.history.replaceState({}, '', window.location.pathname + window.location.search)
       }
@@ -432,11 +457,7 @@ export default function MintDashboard() {
 
       const urlSessionId = getConversationIdFromUrl()
       if (urlSessionId && urlSessionId !== conversationId) {
-        window.localStorage.setItem(ACTIVE_CONVERSATION_ID_KEY, urlSessionId)
-        activateConversation(urlSessionId)
-        conversationActions.refreshHistory().catch((error) => {
-          console.error('Failed to load conversation history:', error)
-        })
+        void savedNavigationRef.current(urlSessionId)
       } else if (!urlSessionId && isRootOrNewChatRoute()) {
         const next = createConversationId()
         activateConversation(next)
@@ -492,6 +513,21 @@ export default function MintDashboard() {
     }
     const clicked = (event: Event) => openChat((event as CustomEvent).detail?.chatId)
     window.addEventListener('mint:notification-click', clicked)
+    const openCompanionChat = async () => {
+      try {
+        const chatId = await pendingCompanionChat()
+        if (!chatId || disposed) return
+        initialRouteValidated.current = true
+        await savedNavigationRef.current(chatId)
+        if (!disposed) await pendingCompanionChat(chatId)
+      } catch (reason) { if (!disposed) setError(errorMessage(reason)) }
+    }
+    if (isTauriRuntime()) {
+      register(listen('companion-open-chat', () => { void openCompanionChat() }).then(unlisten => {
+        if (!disposed) void openCompanionChat()
+        return unlisten
+      }))
+    }
     register(listen('notification-clicked', (event: { payload: { chatId?: string } }) => openChat(event.payload?.chatId)))
     register(Promise.resolve(window.api?.onProactiveNotification?.((payload: any) => {
       if (disposed) return
@@ -515,8 +551,24 @@ export default function MintDashboard() {
   const liveExtendedThinkingOpenRef = useRef(true)
   const [sidebarCollapsed, setSidebarCollapsed] = useState(() => window.localStorage.getItem('mint:sidebar-collapsed') === 'true')
   const [toolSurfaces, setToolSurfaces] = useState<ToolSurface[]>([])
+  const toolSurfacesRef = useRef(toolSurfaces)
+  toolSurfacesRef.current = toolSurfaces
+  const workspacePreviewOpener = useRef<ReturnType<typeof createWorkspacePreviewOpener> | null>(null)
+  const previewObjectUrls = useRef(new PreviewObjectUrls())
+  useEffect(() => {
+    previewObjectUrls.current = new PreviewObjectUrls()
+    return () => previewObjectUrls.current.dispose()
+  }, [])
+  useEffect(() => {
+    previewObjectUrls.current.update(toolSurfaces.flatMap(surface => surface.kind === 'preview' ? [surface.artifact] : []))
+  }, [toolSurfaces])
   const [activeSurfaceId, setActiveSurfaceId] = useState<string | null>(null)
   const [toolsPanelOpen, setToolsPanelOpen] = useState(false)
+  const sessionSources = useSessionSources(
+    conversationId,
+    streamingConversationId === conversationId ? agentProgress : [],
+    shouldPollSessionSources(toolsPanelOpen, activeSurfaceId),
+  )
   const [modsPanelTarget, setModsPanelTarget] = useState<HTMLDivElement | null>(null)
   const [backgroundPanelTarget, setBackgroundPanelTarget] = useState<HTMLDivElement | null>(null)
   const [backgroundTaskCount, setBackgroundTaskCount] = useState(0)
@@ -529,19 +581,18 @@ export default function MintDashboard() {
     const saved = Number(window.localStorage.getItem('mint:sidebar-width'))
     return saved >= SIDEBAR_MIN_WIDTH && saved <= SIDEBAR_MAX_WIDTH ? saved : SIDEBAR_DEFAULT_WIDTH
   })
-  const recentAgentChanges = parseFileChangesFromProgress(agentProgress)
-  const conversationReviewChanges = mergeFileChanges([
-    ...interactions.map((interaction) => {
-      const interactionId = String(interaction.id)
-      return parseFileChangesFromProgress(agentActivitySnapshots[interactionId] ?? interaction.agentActivity ?? [])
-    }),
-    parseFileChangesFromProgress(agentProgress),
-  ])
 
   const [agentMode, setAgentMode] = useState(() => window.localStorage.getItem('mint:agent-mode') === 'true')
   const [planMode, setPlanMode] = useState(() => window.localStorage.getItem('mint:plan-mode') === 'true')
   const [toastMessage, setToastMessage] = useState('')
   const [dashboardDataReady, setDashboardDataReady] = useState(false)
+  const initialRouteValidated = useRef(false)
+  useEffect(() => {
+    if (!dashboardDataReady || initialRouteValidated.current) return
+    initialRouteValidated.current = true
+    const chatId = getConversationIdFromUrl()
+    if (chatId) void savedNavigationRef.current(chatId)
+  }, [dashboardDataReady])
   const [startupTimedOut, setStartupTimedOut] = useState(false)
   const [settingsConfig, setSettingsConfig] = useState<any>(null)
   const notificationConfigRef = useRef(settingsConfig)
@@ -558,85 +609,21 @@ export default function MintDashboard() {
   const { proactiveSuggestion, dismissProactiveSuggestion, handleProactiveAction } = useProactiveSuggestions((message) => setError(message))
   const startupReady = dashboardDataReady || startupTimedOut
 
-  const [mcpName, setMcpName] = useState('')
-  const [mcpCmd, setMcpCmd] = useState('')
-  const [mcpArgs, setMcpArgs] = useState('')
-  const [mcpEnv, setMcpEnv] = useState('')
-  const [mcpIcon, setMcpIcon] = useState('')
-
   const handleUpdateSettingsField = async (field: string, value: any) => {
-    const currentConfig = settingsConfig || DEFAULT_CONFIG
-    const updatedConfig = { ...currentConfig, [field]: value }
-    setSettingsConfig(updatedConfig)
-
-    if ((window as any).settingsApi) {
-      await (window as any).settingsApi.saveSettings(updatedConfig)
-    } else {
-      try {
-        await setProfileValue('user-settings', JSON.stringify(updatedConfig))
-      } catch (e) {
-        console.error('Failed to save settings field:', e)
-      }
-    }
-  }
-
-  const handleAddMcpServer = async (allowAll?: boolean) => {
-    if (!mcpName.trim() || !mcpCmd.trim()) {
-      alert('Please provide at least a server name and command.')
-      return
-    }
+    const currentConfig = notificationConfigRef.current || settingsConfig || DEFAULT_CONFIG
+    const nextConfig = { ...currentConfig, [field]: value }
+    notificationConfigRef.current = nextConfig
+    setSettingsConfig(nextConfig)
 
-    let parsedEnv = {}
-    if (mcpEnv.trim()) {
-      try {
-        parsedEnv = JSON.parse(mcpEnv)
-      } catch {
-        alert('Invalid JSON in Environment variable field.')
-        return
-      }
-    }
-
-    const name = mcpName.trim()
-    const argList = mcpArgs.split(/\s+/).filter(Boolean)
-    const currentConfig = settingsConfig || DEFAULT_CONFIG
-    const updated: any = {
-      ...currentConfig,
-      mcpServers: {
-        ...currentConfig?.mcpServers,
-        [name]: {
-          command: mcpCmd.trim(),
-          args: argList,
-          env: parsedEnv,
-          icon: mcpIcon.trim() || undefined,
-        },
-      },
-    }
-    if (allowAll) {
-      updated.allowedMcpTools = { ...(currentConfig?.allowedMcpTools || {}), [name]: ['*'] }
-    }
-
-    setSettingsConfig(updated)
     if ((window as any).settingsApi) {
-      await (window as any).settingsApi.saveSettings(updated)
+      await (window as any).settingsApi.saveSettings(nextConfig)
     } else {
       try {
-        await setProfileValue('user-settings', JSON.stringify(updated))
+        await setProfileValue('user-settings', JSON.stringify(nextConfig))
       } catch (e) {
         console.error('Failed to save settings field:', e)
       }
     }
-    setMcpName('')
-    setMcpCmd('')
-    setMcpArgs('')
-    setMcpEnv('')
-    setMcpIcon('')
-  }
-
-  const handleRemoveMcpServer = async (name: string) => {
-    const currentConfig = settingsConfig || DEFAULT_CONFIG
-    const updated = { ...(currentConfig?.mcpServers || {}) }
-    delete updated[name]
-    await handleUpdateSettingsField('mcpServers', updated)
   }
 
   const handleConnectPlugin = (_plugin: string) => {}
@@ -646,7 +633,6 @@ export default function MintDashboard() {
   const [pendingSlashChoice, setPendingSlashChoice] = useState<
     { command: string; title: string; options: { label: string; value: string }[] } | null
   >(null)
-  const [searchQuery, setSearchQuery] = useState('')
 
   useEffect(() => {
     function handleKeyDown(event: KeyboardEvent) {
@@ -661,62 +647,6 @@ export default function MintDashboard() {
     return () => window.removeEventListener('keydown', handleKeyDown)
   }, [])
 
-  useEffect(() => {
-    if (!isSearchOpen) {
-      setSearchQuery('')
-    }
-  }, [isSearchOpen])
-
-  const filteredSessions = chatSessions.filter((session) => {
-    if (session.kind === 'cli' || session.id === 'conversation-default') return false
-    return session.title.toLowerCase().includes(searchQuery.toLowerCase())
-  })
-
-  const groupSessionsByDate = (sessions: ChatSession[]) => {
-    const groups: { [key: string]: ChatSession[] } = {}
-    
-    sessions.forEach((session) => {
-      const dateStr = session.updatedAt || session.createdAt
-      if (!dateStr) {
-        const groupName = 'Other'
-        if (!groups[groupName]) groups[groupName] = []
-        groups[groupName].push(session)
-        return
-      }
-
-      const date = parseUtcDate(dateStr)
-      const today = new Date()
-      const yesterday = new Date()
-      yesterday.setDate(today.getDate() - 1)
-
-      let groupName = ''
-      if (date.toDateString() === today.toDateString()) {
-        groupName = 'Today'
-      } else if (date.toDateString() === yesterday.toDateString()) {
-        groupName = 'Yesterday'
-      } else {
-        const diffTime = Math.abs(today.getTime() - date.getTime())
-        const diffDays = Math.ceil(diffTime / (1000 * 60 * 60 * 24))
-        if (diffDays <= 7) {
-          groupName = 'Previous 7 days'
-        } else if (diffDays <= 30) {
-          groupName = 'Previous 30 days'
-        } else {
-          groupName = date.toLocaleDateString('en-US', { month: 'long', year: 'numeric' })
-        }
-      }
-
-      if (!groups[groupName]) {
-        groups[groupName] = []
-      }
-      groups[groupName].push(session)
-    })
-
-    return groups
-  }
-
-  const groupedSearchSessions = groupSessionsByDate(filteredSessions)
-
 
   const refreshHistory = conversationActions.refreshHistory
   const refreshChatSessions = useCallback(async () => {
@@ -821,33 +751,25 @@ export default function MintDashboard() {
   }
 
   const openMintBrowser = async (url: string, throwOnError = false) => {
-    if (!isDesktopApp) {
-      window.open(url, '_blank', 'noopener,noreferrer')
-      return
-    }
     try {
-      showToast('Opening Co-browsing browser (Mint Auto)...')
-      const { invoke } = await import('@tauri-apps/api/core')
-      await invoke('open_mint_browser', { url })
+      showToast('Opening in system browser...')
+      await runtimePlatform.openExternal(url)
     } catch (error) {
       if (throwOnError) throw error
       showToast(`Could not open browser: ${String(error)}`)
     }
   }
 
-  const openHtmlFile = async (root: string, relativePath: string, mode: 'external' | 'mint') => {
+  const openHtmlFile = async (root: string, relativePath: string, _mode: 'external' | 'mint' = 'external') => {
     if (!isDesktopApp && !['localhost', '127.0.0.1', '[::1]', '::1'].includes(window.location.hostname)) {
       throw new Error('HTML preview requires a browser on the same machine as the Mint backend.')
     }
-    const popup = !isDesktopApp && mode === 'external' ? window.open('about:blank', '_blank') : null
+    const popup = !isDesktopApp ? window.open('about:blank', '_blank') : null
     if (popup) popup.opener = null
     try {
-      const preview = await workspacePlatform.startHtmlPreview(root, relativePath, !isDesktopApp && mode === 'mint')
-      if (mode === 'mint') {
-        if (isDesktopApp) await openMintBrowser(preview.url, true)
-      } else if (isDesktopApp) {
-        const { invoke } = await import('@tauri-apps/api/core')
-        await invoke('run_desktop_action', { action: { type: 'open_url', target: preview.url } })
+      const preview = await workspacePlatform.startHtmlPreview(root, relativePath)
+      if (isDesktopApp) {
+        await runtimePlatform.openExternal(preview.url)
       } else {
         if (!popup) throw new Error('Allow browser popups, then open the HTML file again.')
         popup.location.replace(preview.url)
@@ -877,9 +799,9 @@ export default function MintDashboard() {
     })
   }
 
-  const openUtilitySurface = (kind: 'mods' | 'background') => {
+  const openUtilitySurface = (kind: 'sources' | 'mods' | 'background') => {
     setToolsPanelOpen(true)
-    setToolSurfaces(current => current.some(surface => surface.id === kind) ? current : [...current, { id: kind, kind, title: kind === 'mods' ? 'Mods' : 'Background tasks' }])
+    setToolSurfaces(current => current.some(surface => surface.id === kind) ? current : [...current, { id: kind, kind, title: kind === 'sources' ? 'Sources' : kind === 'mods' ? 'Mods' : 'Background tasks' }])
     setActiveSurfaceId(kind)
   }
 
@@ -896,7 +818,7 @@ export default function MintDashboard() {
     setToolSurfaces((current) => {
       const source = current.find((surface) => surface.id === id)
       if (!source) return current
-      if (source.kind === 'mods' || source.kind === 'background') return current
+      if (source.kind === 'sources' || source.kind === 'mods' || source.kind === 'background') return current
       const duplicateId = `${source.kind}:${Date.now()}:${Math.random().toString(36).slice(2, 7)}`
       const duplicate = { ...source, id: duplicateId, title: `${source.title} copy` } as ToolSurface
       setActiveSurfaceId(duplicateId)
@@ -939,7 +861,8 @@ export default function MintDashboard() {
     }
   }
 
-  const openArtifactSurface = (artifact: import('./ArtifactPreviewPanel').ArtifactFile) => {
+  const openArtifactSurface = (artifact: import('../../utils/artifacts').ArtifactFile) => {
+    if (!previewObjectUrls.current.accept(artifact)) return
     setToolsPanelOpen(true)
     const fileName = artifact.path.replace(/\\/g, '/').split('/').pop() || artifact.path
     artifact = { ...artifact, workspacePath: artifact.workspacePath ?? workspacePath }
@@ -952,11 +875,20 @@ export default function MintDashboard() {
   }
 
   const openWorkspacePreview = async (root: string, path: string) => {
-    const artifact = await createWorkspacePreview(root, path, {
+    setToolsPanelOpen(true)
+    workspacePreviewOpener.current ??= createWorkspacePreviewOpener({
       readWorkspaceFile: (file, workspace) => runtimePlatform.readWorkspaceFile(file, workspace),
+      readWorkspaceImage: (file, workspace) => runtimePlatform.readWorkspaceImage(file, workspace),
+      readWorkspaceMedia: (file, workspace) => runtimePlatform.readWorkspaceMedia(file, workspace),
       startHtmlPreview: (workspace, file) => workspacePlatform.startHtmlPreview(workspace, file),
+      selectIfOpen: id => {
+        if (!toolSurfacesRef.current.some(surface => surface.id === id)) return false
+        setActiveSurfaceId(id)
+        return true
+      },
+      open: openArtifactSurface,
     })
-    openArtifactSurface(artifact)
+    await workspacePreviewOpener.current(root, path)
   }
 
   const openReviewSurface = (review: Extract<ToolSurface, { kind: 'review' }>) => {
@@ -966,6 +898,13 @@ export default function MintDashboard() {
   }
 
   const openConversationReview = () => {
+    const conversationReviewChanges = mergeFileChanges([
+      ...interactions.map((interaction) => {
+        const interactionId = String(interaction.id)
+        return parseFileChangesFromProgress(agentActivitySnapshots[interactionId] ?? interaction.agentActivity ?? [])
+      }),
+      parseFileChangesFromProgress(agentProgress),
+    ])
     setToolsPanelOpen(true)
     setToolSurfaces((current) => {
       const reviewCount = current.filter((surface) => surface.kind === 'review').length
@@ -1062,12 +1001,23 @@ export default function MintDashboard() {
 
   async function handleSubmit(event: FormEvent<HTMLFormElement>) {
     event.preventDefault()
-    const trimmed = message.trim()
+    const trimmed = conversationActions.getSnapshot().message.trim()
     const currentImages = imageAttachments
     const currentVideos = videoAttachments
     const currentDocument = documentAttachment
     const hasAttachments = currentImages.length > 0 || currentVideos.length > 0 || Boolean(currentDocument)
-    if ((!trimmed && !hasAttachments) || sending) return
+    if (!trimmed && !hasAttachments) return
+
+    if (sending) {
+      conversationActions.queuePrompt({
+        text: trimmed,
+        imageAttachments: currentImages.map(img => ({ dataUri: img.dataUri, name: img.name })),
+        videoAttachments: currentVideos.map(vid => ({ dataUri: vid.dataUri, name: vid.name })),
+        documentAttachment: currentDocument,
+      })
+      conversationActions.clearComposer()
+      return
+    }
 
     if (trimmed.startsWith('/')) {
       // Shared Rust engine first (mint_core::slash). Anything it doesn't own
@@ -1100,6 +1050,12 @@ export default function MintDashboard() {
         } else if (slashResult.action === 'generate_veo') {
           changeView('veo')
           return
+        } else if (slashResult.action === 'open_settings') {
+          window.location.hash = '#/settings'
+          return
+        } else if (slashResult.action === 'start_voice') {
+          window.dispatchEvent(new CustomEvent('mint:trigger-voice'))
+          return
         } else if (slashResult.action === 'resume_session') {
           const query = (slashResult.payload?.query || '').trim().toLowerCase()
           const target = query
@@ -1307,13 +1263,18 @@ export default function MintDashboard() {
 
   function startWebSearch() {
     updateAgentMode(true)
-    conversationActions.compose(message.trim() ? `Search web: ${message.trim()}` : 'Search web: ')
+    const currentMessage = conversationActions.getSnapshot().message.trim()
+    conversationActions.compose(currentMessage ? `Search web: ${currentMessage}` : 'Search web: ')
   }
 
   async function selectWorkspace(path?: string, showWorkspace = false) {
     const targetView = isDesktopApp && (showWorkspace || view === 'workspace') ? 'workspace' : 'chat'
     await conversationActions.selectProject(
-      async () => path || await selectLinkedFolderPath(),
+      async () => {
+        const selected = path || await selectLinkedFolderPath()
+        if (selected) workspaceListPreferences.restore(selected)
+        return selected
+      },
       {
         openSession: (session, nextView) => selectConversation(session.id, session, nextView),
         newChat: (targetPath, nextView) => clearHistory('New chat', targetPath, nextView),
@@ -1482,6 +1443,7 @@ export default function MintDashboard() {
   }
 
   async function selectConversation(id: string, selectedSession?: ChatSession, targetView: 'chat' | 'workspace' = 'chat') {
+    savedNavigationEpoch.current += 1
     window.localStorage.setItem(ACTIVE_CONVERSATION_ID_KEY, id)
     touchActiveTimestamp()
     activateConversation(id)
@@ -1759,6 +1721,8 @@ export default function MintDashboard() {
     isCliSession: conversationId.startsWith('cli') || conversationId === 'cli',
     cliSessionId: conversationId.startsWith('cli') ? conversationId : undefined,
     conversationTitle: chatSessions.find((session) => session.id === conversationId)?.title,
+    queuedPrompts: queuedPrompts ?? [],
+    queuePaused: queuePaused ?? false,
   }
   const chatActions: ConversationActions = {
     onSelectSlashChoice: (value) => {
@@ -1778,7 +1742,10 @@ export default function MintDashboard() {
     onSelectVideo: selectVideo,
     onSelectDocument: selectDocument,
     onPasteImage: pasteImage,
+    onAttachImage: (image) => conversationActions.attachImage(image),
     onSetMessage: conversationActions.compose,
+    subscribeMessage: conversationActions.subscribe,
+    getMessage: () => conversationActions.getSnapshot().message,
     onSendVoiceMessage: sendVoiceMessage,
     onRemoveImage: conversationActions.removeImage,
     onRemoveVideo: conversationActions.removeVideo,
@@ -1799,10 +1766,40 @@ export default function MintDashboard() {
     onSetGeminiLiveVoice: changeGeminiLiveVoice,
     onToggleMobileSidebar: () => setMobileSidebarOpen(!mobileSidebarOpen),
     onBackToCode: () => changeView('code'),
-    onOpenArtifact: isDesktopApp ? openArtifactSurface : undefined,
-    onOpenReview: isDesktopApp ? openReviewSurface : undefined,
+    onOpenArtifact: openArtifactSurface,
+    onOpenReview: openReviewSurface,
+    onRemoveQueuedPrompt: conversationActions.removeQueuedPrompt,
+    onEditQueuedPrompt: conversationActions.editQueuedPrompt,
+    onClearQueuedPrompts: conversationActions.clearQueuedPrompts,
+    onSteerQueuedPrompt: conversationActions.steerQueuedPrompt,
+    onResumeQueue: conversationActions.resumeQueue,
+    onSyncHistory: () => {
+      void conversationActions.syncHistory()
+    },
+    onReceiveApproval: (approval) => {
+      conversationActions.receiveApproval(conversationId, approval)
+    },
+    onResendFrom: async (fromId: number, newPrompt: string) => {
+      if (conversationActions.getSnapshot().sending) return
+      setError('')
+      liveThinkingOpenRef.current = true
+      liveExtendedThinkingOpenRef.current = true
+      setThinkingExpanded(current => ({ ...current, live: true, 'live-extended': true }))
+      await conversationActions.resendFromInteraction(fromId, newPrompt, { agentMode, planMode })
+    },
   }
 
+  const stableToggleSidebar = useLatestCallback(toggleSidebar)
+  const stableSidebarResize = useLatestCallback(handleSidebarResize)
+  const stableSidebarResizeEnd = useLatestCallback(handleSidebarResizeEnd)
+  const stableClearHistory = useLatestCallback(clearHistory)
+  const stableSelectConversation = useLatestCallback(selectConversation)
+  const stableDeleteConversation = useLatestCallback(deleteConversation)
+  const stableRenameConversation = useLatestCallback(renameConversation)
+  const stableChangeView = useLatestCallback(changeView)
+  const stableBrowseFolderForMove = useLatestCallback(handleBrowseFolderForMove)
+  const stableNewChatInProject = useLatestCallback(handleNewChatInProject)
+
   return (
     <div className={`app-container ${startupReady ? '' : 'is-loading'}`}>
       {screenCaptureOpen && (
@@ -1819,6 +1816,7 @@ export default function MintDashboard() {
           onToggleSidebar={toggleSidebar}
           onNewChat={() => clearHistory('New chat')}
           onOpenWorkspace={() => selectWorkspace(undefined, true)}
+          onShowWorkspace={() => { setToolsPanelOpen(false); changeView('workspace') }}
           onOpenTerminal={openTerminalSurface}
           onToggleTerminal={toggleTerminalSurface}
           onOpenBrowser={() => openNativeBrowser()}
@@ -1833,11 +1831,6 @@ export default function MintDashboard() {
           workspaceRevision={workspaceRefreshRevision}
           sending={sending}
           onWorkspaceUndoError={showToast}
-          terminalCount={toolSurfaces.filter((surface) => surface.kind === 'terminal').length}
-          chatId={conversationId}
-          liveProgress={streamingConversationId === conversationId ? agentProgress : []}
-          recentChanges={recentAgentChanges}
-          onOpenReview={(changes) => openReviewSurface({ id: `review:workspace:${Date.now()}`, kind: 'review', title: 'Review', reviewTitle: 'Recent agent changes', changes })}
           onRefreshWorkspace={() => setWorkspaceRefreshRevision((revision) => revision + 1)}
         />
       )}
@@ -1893,30 +1886,30 @@ export default function MintDashboard() {
             }}
           />
         )}
-        {toastMessage && <div role="status" style={{ position: 'fixed', bottom: 22, right: 22, zIndex: 10000, padding: '12px 18px', borderRadius: 10, background: 'var(--bg-surface)', color: 'var(--text-main)', border: '1px solid var(--border-color)' }}>{toastMessage}</div>}
+        {toastMessage && <div role="status" style={{ position: 'fixed', bottom: 22, right: 22, zIndex: 10000, padding: '12px 18px', borderRadius: 'var(--radius-lg, 14px)', background: 'var(--bg-surface)', color: 'var(--text-main)', border: '1px solid var(--border-color)' }}>{toastMessage}</div>}
         <DashboardSidebar
           view={view}
           sidebarCollapsed={sidebarCollapsed}
           sending={sending}
-          onToggleSidebar={toggleSidebar}
-          onSidebarResize={handleSidebarResize}
-          onSidebarResizeEnd={handleSidebarResizeEnd}
-          onClearHistory={clearHistory}
+          onToggleSidebar={stableToggleSidebar}
+          onSidebarResize={stableSidebarResize}
+          onSidebarResizeEnd={stableSidebarResizeEnd}
+          onClearHistory={stableClearHistory}
           chatSessions={chatSessions}
           activeConversationId={conversationId}
-          onSelectConversation={selectConversation}
-          onDeleteConversation={deleteConversation}
-          onRenameConversation={renameConversation}
-          onSetView={changeView}
+          onSelectConversation={stableSelectConversation}
+          onDeleteConversation={stableDeleteConversation}
+          onRenameConversation={stableRenameConversation}
+          onSetView={stableChangeView}
           isSearchOpen={isSearchOpen}
           onSetSearchOpen={setIsSearchOpen}
           showWorkspaceTab={isDesktopApp}
           promoteMediaStudios={!isDesktopApp}
           activeWorkspacePath={workspacePath}
           recentWorkspacePaths={recentWorkspacePaths}
-          onBrowseFolder={isDesktopApp ? handleBrowseFolderForMove : undefined}
+          onBrowseFolder={isDesktopApp ? stableBrowseFolderForMove : undefined}
           onUpdateSessionWorkspace={handleUpdateSessionWorkspace}
-          onNewChatInProject={handleNewChatInProject}
+          onNewChatInProject={stableNewChatInProject}
         />
         <main className={`assistant-workspace ${view === 'workspace' ? '' : 'chat-only'} ${view === 'workspace' ? 'workspace-open' : ''}`} style={(view === 'skills' || view === 'mcp' || view === 'plugins' || view === 'cron' || view === 'link' || view === 'pictures' || view === 'imagine' || view === 'veo' || view === 'code') ? { display: 'none' } : undefined}>
           {proactiveSuggestion && (
@@ -1957,7 +1950,7 @@ export default function MintDashboard() {
               />
             </Suspense>
           )}
-        <ChatPanel conversation={chatConversation} actions={chatActions} showSessionSources={!isDesktopApp} tools={{
+        <ChatPanel conversation={chatConversation} actions={chatActions} tools={{
           modsPanelTarget, onOpenMods: () => openUtilitySurface('mods'),
           open: toolsPanelOpen, backgroundTaskCount,
           onToggle: isDesktopApp ? undefined : () => setToolsPanelOpen(open => !open),
@@ -1970,7 +1963,15 @@ export default function MintDashboard() {
               activeSurfaceId={activeSurfaceId}
               workspacePath={workspacePath}
               desktopTools={isDesktopApp}
+              onDropWorkspaceFile={isDesktopApp ? file => openWorkspacePreview(file.root, file.path) : undefined}
               backgroundTaskCount={backgroundTaskCount}
+              sourceCount={sessionSources.sources.length}
+              onOpenSources={() => openUtilitySurface('sources')}
+              sourcesContent={<SessionSources key={conversationId} {...sessionSources} onRetry={sessionSources.retry} onOpenLibrary={url => {
+                window.history.pushState({}, '', url)
+                window.dispatchEvent(new PopStateEvent('popstate'))
+                setToolsPanelOpen(false)
+              }} onOpenArtifact={openArtifactSurface} />}
               onOpenMods={() => openUtilitySurface('mods')}
               onOpenBackgroundTasks={() => openUtilitySurface('background')}
               onModsPanelTarget={setModsPanelTarget}
@@ -2028,18 +2029,6 @@ export default function MintDashboard() {
               <McpServersView
                 config={settingsConfig || DEFAULT_CONFIG}
                 updateField={handleUpdateSettingsField}
-                mcpName={mcpName}
-                setMcpName={setMcpName}
-                mcpCmd={mcpCmd}
-                setMcpCmd={setMcpCmd}
-                mcpArgs={mcpArgs}
-                setMcpArgs={setMcpArgs}
-                mcpEnv={mcpEnv}
-                setMcpEnv={setMcpEnv}
-                mcpIcon={mcpIcon}
-                setMcpIcon={setMcpIcon}
-                handleAddMcpServer={handleAddMcpServer}
-                handleRemoveMcpServer={handleRemoveMcpServer}
                 detectTools={detectSystemTools}
                 onReauth={reauthMcpServer}
                 listServerTools={listMcpServerTools}