@pheem49/mint 1.16.0 → 1.18.0

package/src/renderer/tests/webSources.browser.tsx

@@ -1,98 +1,2 @@
-import React, { useState } from 'react'
-import { createRoot } from 'react-dom/client'
-import ChatPanel from '../shared/components/ChatPanel'
-import { chatPanelFixture } from './chatPanelFixture'
-import { installRendererPlatform, installWorkspacePlatform } from '../shared/platform'
-import * as webAdapter from '../src-web/tauri'
-import type { AgentProgress, ConversationSources } from '../shared/types'
-import '../shared/theme/tokens.css'
-import '../src-web/css/app-shell.css'
-import '../src-web/css/chat.css'
-import '../src-web/css/mobile.css'
-
-const image = 'data:image/svg+xml;base64,' + btoa('<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40"><rect width="40" height="40" fill="#73d6b0"/></svg>')
-const search = (url: string): AgentProgress => ({ type: 'ToolEnd', data: { action: 'web_search', input: {}, result: `1. Source reference\nURL: ${url}\nReference` } })
-const data: ConversationSources = { attachments: [
-  { id: 1, interactionId: 2, libraryItemId: 'reference', name: 'reference.png', kind: 'image', mimeType: 'image/png', thumbnailDataUri: image },
-  { id: 2, interactionId: 2, libraryItemId: 'notes', name: 'notes.pdf', kind: 'file', mimeType: 'application/pdf', thumbnailDataUri: null },
-], webSearchProgress: [search('https://example.com/reference')] }
-const requests: string[] = []
-let fail = false, deferA = false
-let resolveA: ((data: ConversationSources) => void) | undefined
-installRendererPlatform({ ...webAdapter,
-  getConversationSources: async chatId => { requests.push(chatId); if (fail) throw new Error('Offline'); if (chatId === 'A' && deferA) return new Promise(resolve => { resolveA = resolve }); return chatId === 'A' ? data : { attachments: [], webSearchProgress: [] } },
-  modsOperation: async () => ({ mods: [] }), fetchProviderModels: async () => [],
-})
-installWorkspacePlatform({ getGitBranchInfo: async () => ({ isRepository: false, currentBranch: null, branches: [], remoteBranches: [], detachedHead: null, isDirty: false }) } as any)
-const originalFetch = window.fetch.bind(window)
-window.fetch = (input, options) => String(input).includes('localhost:11434') ? Promise.resolve(new Response('{"models":[]}')) : originalFetch(input, options)
-let selectChat = (_id: string) => {}, addLiveSearch = () => {}, setRunning = (_running: boolean) => {}
-let cancellations = 0
-function Fixture() {
-  const props = chatPanelFixture()
-  const [chatId, setChatId] = useState('A')
-  const [draft, setDraft] = useState('Keep my draft')
-  const [live, setLive] = useState<AgentProgress[]>([])
-  const [running, changeRunning] = useState(false)
-  setRunning = changeRunning
-  selectChat = id => { setChatId(id); setLive([]) }
-  addLiveSearch = () => setLive([search('https://example.com/live')])
-  return <>
-    <style>{`html,body,#root{margin:0;height:100%;width:100%;background:var(--bg-overlay);color:var(--text-main);font-family:Arial,sans-serif}*{box-sizing:border-box}#root{display:flex;flex-direction:column}.fixture-controls{padding:6px;flex:0 0 auto}.assistant-workspace{flex:1;min-height:0;min-width:0;display:flex}#qa-results{position:fixed;bottom:0;left:0;max-width:100vw;font-size:9px;white-space:pre-wrap;overflow-wrap:anywhere;pointer-events:none;z-index:900}`}</style>
-    <div className="fixture-controls">Real Web ChatPanel · Sources fixture</div>
-    <main className="assistant-workspace chat-only"><ChatPanel {...props as any} conversation={{ ...props.conversation, chatId, message: draft, sending: running, agentProgress: live, workspacePath: '/workspace/a-very-long-project-name' }} actions={{ ...props.actions, onSetMessage: setDraft, onCancelMessage: () => { cancellations++ } }} showSessionSources /></main>
-    <pre id="qa-results">Running…</pre>
-  </>
-}
-createRoot(document.getElementById('root')!).render(<Fixture />)
-const delay = (ms = 50) => new Promise(resolve => setTimeout(resolve, ms))
-async function waitFor(check: () => boolean, name: string) { for (let i = 0; i < 100; i++) { if (check()) return; await delay() } throw new Error(name) }
-const results: string[] = []
-const check = (value: unknown, name: string) => { if (!value) throw new Error(name); results.push(`PASS ${name}`) }
-const click = (selector: string) => { const element = document.querySelector<HTMLElement>(selector); if (!element) throw new Error(`Missing ${selector}`); element.focus(); element.click() }
-async function run() {
-  await waitFor(() => Boolean(document.querySelector('.session-sources-toggle')), 'Sources entry appears')
-  check(requests.length === 0, 'closed Sources does not fetch')
-  const actions = document.querySelector('.chat-header-actions')!
-  check(actions.firstElementChild?.classList.contains('session-sources-toggle'), 'Sources sits beside Tools in the real chat header')
-  check(actions.getBoundingClientRect().right <= innerWidth, 'header actions fit the viewport')
-  click('.session-sources-toggle')
-  await waitFor(() => document.querySelectorAll('.session-source-row').length === 3, 'Session sources load')
-  check(requests[0] === 'A', 'Web fetches the current conversation')
-  check(document.querySelector('.session-sources-heading')?.textContent?.includes('This session'), 'panel identifies its session scope')
-  const bounds = document.querySelector('.session-sources-popover')!.getBoundingClientRect()
-  check(bounds.left >= 0 && bounds.right <= innerWidth && bounds.bottom <= innerHeight, 'Sources panel fits the viewport')
-  check(Boolean(document.querySelector('.session-source-icon.is-web img, .session-source-icon.is-web svg')), 'website sources retain their favicon or fallback')
-  addLiveSearch(); await waitFor(() => document.querySelectorAll('.session-source-row').length === 4, 'Live source updates')
-  check(true, 'live search sources appear without reopening')
-  if (location.search.includes('preview')) { document.getElementById('qa-results')!.textContent = ''; return }
-  setRunning(true); await delay()
-  window.dispatchEvent(new KeyboardEvent('keydown', { key: 'Escape', bubbles: true }))
-  await waitFor(() => !document.querySelector('.session-sources-popover'), 'Escape closes Sources')
-  check(document.activeElement === document.querySelector('.session-sources-toggle'), 'Escape restores focus to Sources')
-  check(cancellations === 0, 'closing Sources with Escape does not cancel the running agent')
-  window.dispatchEvent(new KeyboardEvent('keydown', { key: 'Escape', bubbles: true }))
-  check(cancellations === 1, 'Escape still cancels the agent when Sources is closed')
-  setRunning(false); await delay()
-  const closedCount = requests.length; await delay(2200)
-  check(requests.length === closedCount, 'closing Sources stops its polling')
-  deferA = true; click('.session-sources-toggle'); await waitFor(() => Boolean(resolveA), 'Deferred A request')
-  selectChat('B'); await waitFor(() => Boolean(document.querySelector('.session-sources-empty')), 'Session B is empty')
-  resolveA!(data); await delay()
-  check(document.querySelectorAll('.session-source-row').length === 0, 'late A response cannot leak into B')
-  fail = true; deferA = false; selectChat('A'); await waitFor(() => Boolean(document.querySelector('.session-sources-error')), 'Source error')
-  fail = false; click('.session-sources-error button'); await waitFor(() => document.querySelectorAll('.session-source-row').length === 3, 'Retry loads saved sources')
-  check(true, 'Sources retries a failed request')
-  let navigated = false
-  const onNavigate = () => { navigated = true }; window.addEventListener('popstate', onNavigate)
-  click('.session-source-row[href^="/library"]'); await waitFor(() => !document.querySelector('.session-sources-popover'), 'Library navigation closes Sources')
-  check(navigated && location.pathname === '/library', 'source link opens Library through SPA navigation')
-  check(document.querySelector<HTMLTextAreaElement>('#chat-input')?.value === 'Keep my draft', 'opening a source preserves the composer draft')
-  window.removeEventListener('popstate', onNavigate)
-  click('.session-sources-toggle'); await waitFor(() => Boolean(document.querySelector('.session-sources-popover')), 'Sources reopens')
-  document.body.dispatchEvent(new MouseEvent('mousedown', { bubbles: true }))
-  await waitFor(() => !document.querySelector('.session-sources-popover'), 'Outside click closes')
-  check(true, 'outside click closes Sources')
-  document.getElementById('qa-results')!.textContent = results.join('\n') + '\nALL PASSED'
-}
-run().catch(error => { document.getElementById('qa-results')!.textContent = results.join('\n') + `\nFAIL ${error.message}` })
+// Desktop and Web share the same Sources-in-Tools integration checks.
+import './sessionSources.browser'

package/src/renderer/tests/workspaceDrop.browser.html

@@ -0,0 +1 @@
+<!doctype html><html><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1"></head><body><div id="root"></div><pre id="result">RUNNING</pre><script type="module" src="./workspaceDrop.browser.tsx"></script></body></html>

package/src/renderer/tests/workspaceDrop.browser.tsx

@@ -0,0 +1,183 @@
+import React, { useRef, useState } from 'react'
+import { createRoot } from 'react-dom/client'
+import WorkspacePanel from '../src/components/WorkspacePanel'
+import ToolSurfacePage, { type ToolSurface } from '../shared/components/workspace/ToolSurfacePage'
+import { installRendererPlatform, installWorkspacePlatform, runtimePlatform, workspacePlatform } from '../shared/platform'
+import { createWorkspacePreviewOpener } from '../shared/utils/workspacePreview'
+import { WORKSPACE_FILE_MIME, workspacePreviewId } from '../shared/utils/workspaceDrag'
+import { samplePdf, sampleWav } from './mediaFixtures'
+import videoUrl from './fixtures/preview.webm?url'
+import { PreviewObjectUrls } from '../shared/utils/previewObjectUrls'
+import '../shared/theme/tokens.css'
+import '../src/css/sidebar-workspace.css'
+
+const roots = ['/tmp/mint-drop-a', '/tmp/mint-drop-b']
+const names = ['photo.png', 'notes.md', 'main.py', 'archive.zip', 'broken.txt', 'index.html', 'guide.pdf', 'tone.wav', 'clip.webm', 'broken.wav', 'broken.webm']
+const calls: string[] = []
+const revoked: string[] = []
+const originalRevoke = URL.revokeObjectURL.bind(URL)
+URL.revokeObjectURL = url => { revoked.push(url); originalRevoke(url) }
+let failRead = true
+let externalTarget = ''
+;(window as any).__TAURI_INTERNALS__ = { invoke: async (command: string, args: any) => {
+  if (command !== 'run_desktop_action') throw Error(`Unexpected native call: ${command}`)
+  externalTarget = args.action.target
+  return { success: true }
+} }
+const image = 'data:image/svg+xml,' + encodeURIComponent('<svg xmlns="http://www.w3.org/2000/svg" width="400" height="260"><rect width="400" height="260" fill="#0e6551"/><text x="80" y="140" fill="white" font-size="36">Workspace image</text></svg>')
+installRendererPlatform({
+  isTauriRuntime: () => false,
+  readWorkspaceMedia: async (path: string, root: string) => {
+    calls.push(`media:${root}:${path}`)
+    if (path.startsWith('broken.') && path !== 'broken.txt') { const blob = new Blob(['invalid media'], { type: path.endsWith('.wav') ? 'audio/wav' : 'video/webm' }); return { url: URL.createObjectURL(blob), mimeType: blob.type, objectUrl: true } }
+    if (path === 'clip.webm') return { url: videoUrl, mimeType: 'video/webm' }
+    const blob = new Blob([path === 'guide.pdf' ? samplePdf() : sampleWav()], { type: path === 'guide.pdf' ? 'application/pdf' : 'audio/wav' })
+    return { url: URL.createObjectURL(blob), mimeType: blob.type, objectUrl: true, byteLength: blob.size }
+  },
+  readWorkspaceImage: async (path: string, root: string) => { calls.push(`image:${root}:${path}`); return image },
+  readWorkspaceFile: async (path: string, root: string) => { calls.push(`read:${root}:${path}`); if (path === 'broken.txt' && failRead) throw Error('File unavailable'); return path.endsWith('.md') ? '# Preview heading\n\nMarkdown content' : 'print("Hello from Workspace")' },
+} as any)
+installWorkspacePlatform({
+  listWorkspaceHistory: async () => [],
+  getWorkspaceSnapshot: async ({ root }: { root: string }) => ({ path: root, revision: 1, git: { isRepository: false, branches: [], remoteBranches: [], isDirty: false }, tree: { name: root.split('/').at(-1), path: '.', kind: 'directory', children: [
+    ...names.map(name => ({ name, path: name, kind: 'file', children: [] })),
+    { name: 'folder', path: 'folder', kind: 'directory', children: [] },
+  ] } }),
+  startHtmlPreview: async (root: string, path: string) => { calls.push(`serve:${root}:${path}`); await new Promise(r => setTimeout(r, 30)); return { url: path === 'index.html' ? 'data:text/html,<h1>HTML preview</h1>' : image, jobId: 'preview' } },
+} as any)
+const noop = () => {}
+function Fixture() {
+  const [root, setRoot] = useState(roots[0])
+  const [surfaces, setSurfaces] = useState<ToolSurface[]>([])
+  const [active, setActive] = useState<string | null>(null)
+  const current = useRef(surfaces); current.current = surfaces
+  const owner = useRef(new PreviewObjectUrls())
+  React.useEffect(() => { owner.current.update(surfaces.flatMap(tab => tab.kind === 'preview' ? [tab.artifact] : [])) }, [surfaces])
+  const opener = useRef<ReturnType<typeof createWorkspacePreviewOpener> | null>(null)
+  opener.current ??= createWorkspacePreviewOpener({
+    readWorkspaceFile: (path, root) => runtimePlatform.readWorkspaceFile(path, root),
+    readWorkspaceImage: (path, root) => runtimePlatform.readWorkspaceImage(path, root),
+    readWorkspaceMedia: (path, root) => runtimePlatform.readWorkspaceMedia(path, root),
+    startHtmlPreview: (root, path) => workspacePlatform.startHtmlPreview(root, path),
+    selectIfOpen: id => { if (!current.current.some(tab => tab.id === id)) return false; setActive(id); return true },
+    open: artifact => { owner.current.accept(artifact); const id = workspacePreviewId(artifact.workspacePath!, artifact.path); setSurfaces(tabs => [...tabs, { id, kind: 'preview', title: artifact.path, artifact }]); setActive(id) },
+  })
+  return <>
+    <style>{`*{box-sizing:border-box}html,body,#root{margin:0;height:100%;overflow:hidden;background:var(--bg-overlay);color:var(--text-main);font-family:Arial,sans-serif}.fixture-header{height:40px;padding:6px}.app-body{position:relative;height:calc(100% - 40px);display:flex}.fixture-workspace{width:320px;overflow:auto}.assistant-workspace{flex:1;min-width:0;padding:20px}#result{position:fixed;bottom:0;left:0;max-width:40%;font-size:9px;white-space:pre-wrap;pointer-events:none;z-index:900}`}</style>
+    <header className="fixture-header"><button id="switch-root" onClick={() => setRoot(value => value === roots[0] ? roots[1] : roots[0])}>Switch workspace</button></header>
+    <div className="app-body tool-surface-active" style={{ '--tool-surface-width': '480px' } as React.CSSProperties}>
+      <div className="fixture-workspace"><WorkspacePanel workspacePath={root} agentMode sending={false} onEnableAgentMode={noop} onSetMessage={noop} onWorkspaceReady={noop} /></div>
+      <main className="assistant-workspace"><h1>Conversation</h1><textarea defaultValue="Keep my draft" /></main>
+      <ToolSurfacePage surfaces={surfaces} activeSurfaceId={active} workspacePath={root} terminalSize={480} desktopTools onDropWorkspaceFile={file => opener.current!(file.root, file.path)}
+        onSelect={setActive} onClose={id => { setSurfaces(tabs => tabs.filter(tab => tab.id !== id)); setActive(null) }} onCloseAll={noop} onDuplicate={noop} onRename={noop} onCloseOthers={noop} onResizeTerminal={noop} onResizePanel={noop}
+        onOpenSources={noop} onOpenTerminal={noop} onOpenBrowser={noop} onOpenReview={noop} onOpenFiles={noop} onOpenMods={noop} onOpenBackgroundTasks={noop} onModsPanelTarget={noop} onBackgroundPanelTarget={noop} onClosePanel={noop} />
+    </div>
+  </>
+}
+createRoot(document.getElementById('root')!).render(<Fixture />)
+const delay = (ms = 40) => new Promise(resolve => setTimeout(resolve, ms))
+async function until(check: () => unknown) { for (let i = 0; i < 100; i++) { if (check()) return; await delay() } throw Error('Timed out') }
+const results: string[] = []
+function check(value: unknown, name: string) { if (!value) throw Error(name); results.push(name) }
+const tools = () => document.querySelector<HTMLElement>('.tool-surface-page')!
+async function begin(path: string) {
+  const row = document.querySelector<HTMLElement>(`.workspace-tree-row[title="${path}"]`)!
+  const dataTransfer = new DataTransfer()
+  row.dispatchEvent(new DragEvent('dragstart', { bubbles: true, cancelable: true, dataTransfer }))
+  await delay()
+  return dataTransfer
+}
+async function drop(path: string) {
+  const dataTransfer = await begin(path)
+  tools().dispatchEvent(new DragEvent('dragenter', { bubbles: true, cancelable: true, dataTransfer }))
+  tools().dispatchEvent(new DragEvent('dragover', { bubbles: true, cancelable: true, dataTransfer }))
+  await delay()
+  tools().dispatchEvent(new DragEvent('drop', { bubbles: true, cancelable: true, dataTransfer }))
+  await delay()
+}
+async function run() {
+  await until(() => document.querySelector('.workspace-tree-row[title="photo.png"]'))
+  const drag = await begin('photo.png')
+  check(JSON.parse(drag.getData(WORKSPACE_FILE_MIME)).root === roots[0], 'real Workspace drag includes its source root')
+  check(drag.getData('text/plain') === '@photo.png', 'dragging into chat keeps the existing file mention payload')
+  check(document.querySelector('.tool-surface-drag-shield'), 'internal file drags protect the drop target above iframe previews')
+  tools().dispatchEvent(new DragEvent('dragenter', { bubbles: true, dataTransfer: drag }))
+  await delay()
+  check(document.querySelector('.tool-surface-drop-overlay')?.textContent?.includes('Drop to preview'), 'dragging over Tools shows the Mint drop overlay')
+  tools().dispatchEvent(new DragEvent('drop', { bubbles: true, cancelable: true, dataTransfer: drag }))
+  await until(() => document.querySelector<HTMLImageElement>('.artifact-preview-panel img')?.naturalWidth)
+  check(!document.querySelector('.tool-surface-drop-overlay'), 'dropping clears the drag overlay')
+  check(calls.filter(call => call.startsWith('serve:')).length === 0 && calls.filter(call => call.startsWith('image:')).length === 1, 'image reads directly without starting any background preview service')
+  check(!document.querySelector('[aria-label="Open preview"]'), 'direct images do not offer an HTTP-only browser action')
+  await drop('notes.md'); await until(() => document.querySelector('.artifact-preview-panel')?.textContent?.includes('Preview heading') && !document.querySelector('.artifact-preview-panel')?.textContent?.includes('# Preview heading'))
+  check(true, 'Markdown opens rendered content')
+  await drop('main.py'); await until(() => document.querySelector('.artifact-preview-panel')?.textContent?.includes('Hello from Workspace'))
+  check(true, 'code opens readable content')
+  let before = calls.length
+  await drop('photo.png'); await until(() => document.querySelector<HTMLImageElement>('.artifact-preview-panel img')?.naturalWidth)
+  check(calls.length === before && document.querySelectorAll('[role="tab"]').length === 3, 'dropping an open file selects its existing tab without reloading')
+  document.querySelector<HTMLButtonElement>('[title="Reload content from file"]')!.click()
+  await until(() => calls.length === before + 1)
+  await until(() => document.querySelector<HTMLImageElement>('.artifact-preview-panel img')?.naturalWidth)
+  check(calls.at(-1) === `image:${roots[0]}:photo.png` && !calls.some(call => call.startsWith('serve:')), 'Reload rereads the image directly without a service')
+  before = calls.length
+  await drop('archive.zip'); await until(() => document.querySelector('.workspace-file-info'))
+  check(document.querySelector('.workspace-file-info')?.textContent?.includes('ZIP') && calls.length === before, 'unsupported files show details without decoding binary content')
+  document.querySelector<HTMLButtonElement>('.workspace-file-info button')!.click()
+  await until(() => externalTarget)
+  check(externalTarget === 'file:///tmp/mint-drop-a/archive.zip', 'external-app button opens the original local file through the native boundary')
+  await drop('broken.txt'); await until(() => document.querySelector('.tool-surface-drop-error'))
+  check(document.querySelectorAll('[role="tab"]').length === 4, 'a failed preview leaves existing tabs intact')
+  failRead = false; await drop('broken.txt'); await until(() => document.querySelectorAll('[role="tab"]').length === 5)
+  check(!document.querySelector('.tool-surface-drop-error'), 'failed drops can be retried')
+  await drop('index.html'); await until(() => document.querySelector('.artifact-preview-panel iframe'))
+  const nextDrag = await begin('photo.png')
+  check(document.querySelector('.tool-surface-drag-shield'), 'a drop shield remains available when the active preview is an iframe')
+  tools().dispatchEvent(new DragEvent('dragenter', { bubbles: true, dataTransfer: nextDrag }))
+  await delay(); window.dispatchEvent(new DragEvent('dragend'))
+  await delay()
+  check(!document.querySelector('.tool-surface-drag-shield') && !document.querySelector('.tool-surface-drop-overlay'), 'cancelling a drag clears all drag feedback')
+  const folder = await begin('folder')
+  check(!folder.types.includes(WORKSPACE_FILE_MIME) && !document.querySelector('.tool-surface-drag-shield'), 'folders are not treated as previewable files')
+  window.dispatchEvent(new DragEvent('dragend'))
+  document.querySelector<HTMLButtonElement>('#switch-root')!.click()
+  await until(() => document.querySelector('.workspace-root-row')?.textContent?.includes('mint-drop-b'))
+  await drop('photo.png'); await until(() => document.querySelectorAll('[role="tab"]').length === 7)
+  check(calls.includes('image:/tmp/mint-drop-b:photo.png'), 'same filename from another Workspace opens its own pinned preview')
+  check(document.querySelector<HTMLTextAreaElement>('textarea')?.value === 'Keep my draft', 'preview drops preserve the chat draft')
+  const serverCalls = calls.filter(call => call.startsWith('serve:')).length
+  await drop('guide.pdf')
+  await until(() => document.querySelector<HTMLCanvasElement>('.workspace-pdf-preview canvas')?.width && document.querySelector('.workspace-pdf-controls')?.textContent?.includes('1 / 2') && !document.querySelector('.workspace-pdf-pages [role="status"]'))
+  check(!document.querySelector('.workspace-pdf-pages [role="alert"]'), 'PDF renders inside Tools with the bundled viewer')
+  document.querySelector<HTMLButtonElement>('[aria-label="Next PDF page"]')!.click()
+  await until(() => document.querySelector('.workspace-pdf-controls')?.textContent?.includes('2 / 2') && !document.querySelector('.workspace-pdf-pages [role="status"]'))
+  check(true, 'PDF next-page navigation renders the second page')
+  document.querySelector<HTMLButtonElement>('[aria-label="Zoom PDF in"]')!.click()
+  await until(() => document.querySelector('.workspace-pdf-controls')?.textContent?.includes('125%'))
+  check(true, 'PDF zoom controls work')
+  await drop('tone.wav')
+  await until(() => document.querySelector<HTMLAudioElement>('audio')?.readyState! >= 1)
+  const audio = document.querySelector<HTMLAudioElement>('audio')!
+  check(audio.controls && !audio.autoplay && audio.duration > 0, 'audio decodes with controls and does not autoplay')
+  const audioBlob = audio.querySelector('source')!.src
+  audio.currentTime = .25
+  await until(() => audio.currentTime >= .2)
+  check(true, 'audio can seek within the file')
+  await drop('clip.webm')
+  await until(() => document.querySelector<HTMLVideoElement>('video')?.readyState! >= 1)
+  const video = document.querySelector<HTMLVideoElement>('video')!
+  check(video.controls && !video.autoplay && video.videoWidth > 0, 'video decodes with native controls and does not autoplay')
+  check(audio.paused && !audio.querySelector('source')?.getAttribute('src'), 'switching tabs stops and releases the old media element')
+  check(calls.filter(call => call.startsWith('serve:')).length === serverCalls, 'PDF, audio and video do not start preview services')
+  document.querySelector<HTMLButtonElement>('[aria-label="Close tone.wav"]')!.click()
+  await until(() => revoked.includes(audioBlob))
+  check(true, 'closing the last media tab releases its Blob URL')
+  for (const name of ['broken.wav', 'broken.webm']) {
+    await drop(name)
+    await until(() => document.querySelector('.workspace-media-error') && document.querySelector('.workspace-file-info button'))
+    check(true, `${name} falls back to file details and an external-app button`)
+  }
+  if (location.search.includes('preview')) { document.getElementById('result')!.textContent = ''; return }
+  document.getElementById('result')!.textContent = JSON.stringify({ status: 'PASS', checks: results })
+}
+run().catch(error => { document.getElementById('result')!.textContent = JSON.stringify({ status: 'FAIL', error: String(error), checks: results }) })

package/src/renderer/tests/workspaceExpansion.browser.html

@@ -0,0 +1 @@
+<!doctype html><html><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1"></head><body><div id="root"></div><pre id="result">RUNNING</pre><script type="module" src="./workspaceExpansion.browser.tsx"></script></body></html>

package/src/renderer/tests/workspaceExpansion.browser.tsx

@@ -0,0 +1,66 @@
+import React, { useState } from 'react'
+import { createRoot } from 'react-dom/client'
+import WorkspacePanel from '../src/components/WorkspacePanel'
+import { installWorkspacePlatform } from '../shared/platform'
+import type { WorkspaceSnapshot } from '../shared/types'
+
+const roots = ['/tmp/mint-expansion-a', '/tmp/mint-expansion-b']
+for (const root of roots) localStorage.removeItem(`mint:workspace-expanded-folders:${encodeURIComponent(root)}`)
+const snapshot = (root: string): WorkspaceSnapshot => ({ path: root, revision: 1,
+  tree: { name: root.split('/').at(-1)!, path: '.', kind: 'directory', children: [
+    { name: 'docs', path: 'docs', kind: 'directory', children: [
+      { name: 'nested', path: 'docs/nested', kind: 'directory', children: [
+        { name: 'note.txt', path: 'docs/nested/note.txt', kind: 'file', children: [] },
+      ] },
+    ] },
+  ] },
+  git: { isRepository: false, currentBranch: null, isDirty: false, branches: [], remoteBranches: [], detachedHead: null },
+})
+installWorkspacePlatform({
+  getWorkspaceSnapshot: async operation => snapshot(operation.root),
+  listWorkspaceHistory: async () => [],
+} as any)
+const noop = () => {}
+function Fixture() {
+  const [root, setRoot] = useState(roots[0])
+  const [mounted, setMounted] = useState(true)
+  return <>
+    <button id="switch" onClick={() => setRoot(value => value === roots[0] ? roots[1] : roots[0])}>Switch workspace</button>
+    <button id="mount" onClick={() => setMounted(value => !value)}>Toggle view</button>
+    {mounted && <WorkspacePanel workspacePath={root} agentMode sending={false} onEnableAgentMode={noop} onSetMessage={noop} onWorkspaceReady={noop} />}
+  </>
+}
+createRoot(document.getElementById('root')!).render(<Fixture />)
+const delay = () => new Promise(resolve => setTimeout(resolve, 30))
+async function until(check: () => boolean) { for (let i = 0; i < 100; i++) { if (check()) return; await delay() } throw Error('Timed out') }
+const row = (path: string) => document.querySelector<HTMLButtonElement>(`.workspace-tree-row[title="${path}"]`)
+async function click(selector: string) { document.querySelector<HTMLButtonElement>(selector)!.click(); await delay() }
+const checks: string[] = []
+function check(value: unknown, name: string) { if (!value) throw Error(name); checks.push(name) }
+try {
+  await until(() => Boolean(row('docs')))
+  check(row('docs')?.getAttribute('aria-expanded') === 'false' && !row('docs/nested'), 'first visit starts with every child folder collapsed')
+  await click('[title="docs"]')
+  check(row('docs/nested')?.getAttribute('aria-expanded') === 'false' && !row('docs/nested/note.txt'), 'opening a parent keeps unvisited descendants collapsed')
+  await click('[title="docs/nested"]')
+  check(row('docs/nested/note.txt'), 'nested folder can be expanded')
+  await click('[title="docs"]'); await click('[title="docs"]')
+  check(row('docs/nested/note.txt'), 'collapsing a parent preserves its nested expansion state')
+  await click('#switch')
+  await until(() => document.querySelector('.workspace-root-row')?.textContent?.includes('mint-expansion-b') === true)
+  check(!row('docs/nested'), 'another workspace with the same relative paths starts collapsed')
+  await click('[title="docs"]')
+  await click('#switch')
+  await until(() => document.querySelector('.workspace-root-row')?.textContent?.includes('mint-expansion-a') === true)
+  check(row('docs/nested/note.txt'), 'returning to a workspace restores its own expanded folders')
+  await click('#mount'); await click('#mount')
+  await until(() => Boolean(row('docs')))
+  check(row('docs/nested/note.txt'), 'reopening Workspace restores saved expansion')
+  await click('[title="docs/nested"]')
+  await click('#mount'); await click('#mount')
+  await until(() => Boolean(row('docs/nested')))
+  check(!row('docs/nested/note.txt'), 'reopening also restores an explicitly collapsed folder')
+  await click('[aria-label="Refresh workspace"]')
+  check(!row('docs/nested/note.txt'), 'snapshot refresh preserves expansion choices')
+  document.getElementById('result')!.textContent = JSON.stringify({ status: 'PASS', checks })
+} catch (error) { document.getElementById('result')!.textContent = JSON.stringify({ status: 'FAIL', error: String(error), checks }) }

package/src/renderer/tests/workspaceRemoval.browser.html

@@ -0,0 +1,66 @@
+<!doctype html><html lang="th"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><title>Workspace list removal checks</title>
+<style>*{box-sizing:border-box}body{margin:16px;background:#101012;color:#eee;font-family:system-ui}#chat{display:flex;align-items:flex-end;height:430px}#code{margin-top:24px}pre{white-space:pre-wrap;overflow-wrap:anywhere}</style></head>
+<body><div id="chat"></div><div id="code"></div><pre id="result">RUNNING</pre><script type="module">
+import React from 'react';import {createRoot} from 'react-dom/client';
+import '/shared/theme/tokens.css';
+import WorkspaceSelector from '/shared/components/WorkspaceSelector.tsx';
+import CliSessionsView from '/shared/components/CliSessionsView.tsx';
+import {workspaceListPreferences} from '/shared/utils/workspaceListPreferences';
+const current='/projects/Current workspace', other='/projects/Long workspace name with Thai ภาษาไทย/other';
+const wait=ms=>new Promise(resolve=>setTimeout(resolve,ms));const checks=[];
+const assert=(condition,message)=>{if(!condition)throw Error(message);checks.push(message)};
+async function until(predicate){for(let i=0;i<100;i++){if(predicate())return;await wait(20)}throw Error('Timed out waiting for UI')}
+const chat=document.getElementById('chat'),code=document.getElementById('code');
+const rootChat=createRoot(chat),rootCode=createRoot(code);let selectionCalls=0,deletedSessions=0,folderCalls=0;
+const session={id:'cli::kept',kind:'cli',workspacePath:current,title:'Existing session',createdAt:'2026-10-17T00:00:00Z',messageCount:1};
+const render=()=>{
+ rootChat.render(React.createElement(WorkspaceSelector,{currentPath:current,recentPaths:[other,current],onSelectWorkspace:()=>selectionCalls++}));
+ rootCode.render(React.createElement(CliSessionsView,{chatSessions:[session],workspacePath:current,recentWorkspacePaths:[other,current],activeConversationId:'conversation',
+  onSelectSession:()=>selectionCalls++,onDeleteSession:()=>deletedSessions++,onRenameSession:()=>{},onSelectFolder:async()=>{folderCalls++;return current}}));
+};
+const options=host=>[...host.querySelectorAll('.workspace-select-option')].map(button=>button.title);
+const open=async host=>{host.querySelector('.workspace-select-btn').click();await until(()=>host.querySelector('.workspace-select-menu'))};
+const remove=async(host,path)=>{
+ const row=[...host.querySelectorAll('.workspace-select-row')].find(row=>row.querySelector('.workspace-select-option').title===path);
+ const more=row.querySelector('.workspace-select-more');more.click();await until(()=>document.querySelector('[role="menuitem"]'));
+ assert(document.activeElement===document.querySelector('[role="menuitem"]'),'action menu receives keyboard focus');
+ document.querySelector('[role="menuitem"]').click();await until(()=>!options(host).includes(path));
+};
+window.runWorkspaceRemovalChecks=async()=>{
+ try{
+  workspaceListPreferences.restore(current);workspaceListPreferences.restore(other);render();await until(()=>code.querySelector('.code-session-row'));
+  await open(chat);await open(code);
+  assert(options(chat).join('|')===options(code).join('|'),'both pickers start with the same paths');
+  const firstMore=chat.querySelector('.workspace-select-more');const rowHeight=firstMore.closest('.workspace-select-row').getBoundingClientRect().height;firstMore.click();await until(()=>document.querySelector('[role="menuitem"]'));
+  const actions=document.querySelector('.workspace-select-row-menu');
+  assert(!chat.contains(actions)&&firstMore.closest('.workspace-select-row').getBoundingClientRect().height===rowHeight,'actions open as a floating dropdown without moving workspace rows');
+  assert(actions.textContent.includes('Remove from list')&&!/[\u0E00-\u0E7F]/.test(actions.textContent),'workspace dropdown uses English only');
+  actions.querySelector('button').dispatchEvent(new MouseEvent('mousedown',{bubbles:true}));await wait(0);
+  assert(!!chat.querySelector('.workspace-select-menu')&&!!document.querySelector('[role="menuitem"]'),'pointer down inside floating dropdown does not dismiss it before click');
+  document.querySelector('[role="menuitem"]').dispatchEvent(new KeyboardEvent('keydown',{key:'Escape',bubbles:true}));
+  await until(()=>!document.querySelector('[role="menuitem"]'));
+  assert(document.activeElement===firstMore&&!!chat.querySelector('.workspace-select-menu'),'Escape closes row actions and restores focus without closing picker');
+  if(!code.querySelector('.workspace-select-menu'))await open(code);
+  await remove(chat,current);
+  await until(()=>!options(code).includes(current));
+  assert(selectionCalls===0&&deletedSessions===0,'removal never selects a project or deletes a session');
+  assert(chat.querySelector('.workspace-select-btn').title===current&&code.querySelector('.workspace-select-btn').title===current,'removing active workspace keeps both active selections');
+  assert(code.querySelectorAll('.code-session-row').length===1,'active project sessions remain visible');
+  assert(document.activeElement===chat.querySelector('input'),'removal returns focus to search');
+  render();await wait(50);
+  assert(!options(chat).includes(current)&&!options(code).includes(current),'session references and rerenders do not reintroduce a removed path');
+  code.querySelector('.workspace-select-open-folder').click();await until(()=>folderCalls===1);await wait(50);
+  assert(options(chat).includes(current),'Open folder restores a removed workspace in the other picker');
+  await open(code);await remove(code,other);await until(()=>!options(chat).includes(other));
+  assert(selectionCalls===0&&deletedSessions===0,'removal from Code sessions also leaves project and session data intact');
+  assert(document.documentElement.scrollWidth<=innerWidth,'workspace controls fit the viewport');
+  workspaceListPreferences.restore(other);
+  const more=chat.querySelector('.workspace-select-more');more.click();await until(()=>document.querySelector('[role="menuitem"]'));
+  const bounds=chat.querySelector('.workspace-select-menu').getBoundingClientRect();
+  assert(bounds.left>=0&&bounds.right<=innerWidth,'workspace menu stays inside the viewport');
+  const dropdown=document.querySelector('.workspace-select-row-menu').getBoundingClientRect();
+  assert(dropdown.left>=0&&dropdown.right<=document.documentElement.clientWidth&&dropdown.top>=0&&dropdown.bottom<=innerHeight,'action dropdown stays inside the viewport');
+  document.getElementById('result').textContent='PASS\n'+checks.join('\n');
+ }catch(error){document.getElementById('result').textContent='FAIL\n'+error.stack+'\n'+checks.join('\n')}
+};
+</script></body></html>

package/src/renderer/tests/workspaceUndo.browser.html

@@ -9,6 +9,7 @@ import { installWorkspacePlatform } from '/shared/platform.ts';
 let entries = [{ id: 'first', label: 'Undo Move to Trash: note.txt', path: 'note.txt', kind: 'trash' }];
 let undoCalls = 0, trashCalls = 0, confirmCalls = 0, textCommands = [];
 let confirmation;
+let showWorkspaceCalls = 0, pickWorkspaceCalls = 0;
 window.__TAURI_INTERNALS__ = { invoke: async (command) => {
   if (command === 'plugin:dialog|message') { confirmCalls++; return new Promise(resolve => confirmation = resolve); }
   return false;
@@ -34,10 +35,10 @@ installWorkspacePlatform({
   createWorkspaceFile: noop, createWorkspaceFolder: noop,
 });
 createRoot(document.getElementById('root')).render(React.createElement(React.Fragment, null,
-  React.createElement(DesktopTitlebar, { sidebarCollapsed: false, onToggleSidebar: noop, onNewChat: noop, onOpenWorkspace: noop,
+  React.createElement(DesktopTitlebar, { sidebarCollapsed: false, onToggleSidebar: noop, onNewChat: noop, onOpenWorkspace: () => { pickWorkspaceCalls++; }, onShowWorkspace: () => { showWorkspaceCalls++; },
     onOpenTerminal: noop, onToggleTerminal: noop, onOpenBrowser: noop, toolsPanelOpen: false, onToggleToolsPanel: noop,
     onOpenSettings: noop, onCheckForUpdates: noop, onShowAbout: noop, workspacePath: root, workspaceActive: true,
-    workspaceRevision: 0, sending: false, onWorkspaceUndoError: noop, terminalCount: 0, sourceNames: [], recentChanges: [], onOpenReview: noop, onRefreshWorkspace: noop }),
+    workspaceRevision: 0, sending: false, onWorkspaceUndoError: noop, onRefreshWorkspace: noop }),
   React.createElement('textarea', { id: 'composer' }),
   React.createElement(WorkspacePanel, { workspacePath: root, agentMode: true, sending: false,
     onEnableAgentMode: noop, onSetMessage: noop, onWorkspaceReady: noop })));
@@ -50,6 +51,12 @@ function click(element) { element.dispatchEvent(new MouseEvent('mousedown', { bu
 function openMenu() { document.querySelector('.workspace-tree-row').dispatchEvent(new MouseEvent('contextmenu', { bubbles: true, cancelable: true, clientX: 100, clientY: 100 })); }
 function button(container, label) { return [...document.querySelectorAll(container + ' button')].find(element => (element.querySelector('span')?.textContent || element.textContent) === label); }
 try {
+  await until(() => document.querySelector('[aria-label="Show workspace"]'));
+  click(document.querySelector('[aria-label="Show workspace"]'));
+  assert(showWorkspaceCalls === 1 && pickWorkspaceCalls === 0, 'folder button must show Workspace without launching a folder picker');
+  assert(!document.querySelector('.workspace-context-popover'), 'folder button must not open a context popover');
+  ok('titlebar folder opens Workspace directly');
+  if (!new URLSearchParams(location.search).has('titlebar')) {
   await until(() => document.querySelector('.workspace-tree-row') && document.querySelector('.workspace-undo-bar button'));
   const composer = document.getElementById('composer'); composer.focus(); await sleep();
   const key = new KeyboardEvent('keydown', { bubbles: true, cancelable: true, key: 'z', ctrlKey: true }); composer.dispatchEvent(key);
@@ -87,6 +94,7 @@ try {
   assert(document.querySelector('.workspace-undo-bar button').textContent.includes('note.txt'), 'undo must name target');
   click(document.querySelector('.workspace-undo-bar button'));
   await until(() => undoCalls === 2); ok('Trash shows named Undo and Undo invokes restoration');
+  }
   document.getElementById('result').textContent = JSON.stringify({ status: 'PASS', checks });
 } catch (error) { document.getElementById('result').textContent = JSON.stringify({ status: 'FAIL', error: String(error), checks }); }
 </script></body></html>

package/src-tauri/src/app/lifecycle.rs

@@ -9,7 +9,25 @@ use crate::native::terminal::TerminalSessions;
 use crate::native::windows::{open_desktop_window, position_widget};
 use crate::{app, background, commands, native};
 use mint_core::{load_config, start_channels, start_cron_scheduler};
-use tauri::{AppHandle, Manager};
+use tauri::{AppHandle, Emitter, Manager};
+
+#[derive(Default)]
+struct CompanionNavigation(std::sync::Mutex<Option<String>>);
+
+#[tauri::command]
+fn pending_companion_chat(
+    state: tauri::State<'_, CompanionNavigation>,
+    acknowledged_id: Option<String>,
+) -> Option<String> {
+    let mut pending = state.0.lock().unwrap();
+    if acknowledged_id
+        .as_ref()
+        .is_some_and(|id| pending.as_ref() == Some(id))
+    {
+        *pending = None;
+    }
+    pending.clone()
+}
 
 #[tauri::command]
 pub(crate) fn exit_app(app: AppHandle) {
@@ -64,6 +82,7 @@ pub fn run() {
         .plugin(tauri_plugin_dialog::init())
         .plugin(tauri_plugin_notification::init())
         .plugin(tauri_plugin_updater::Builder::new().build())
+        .manage(CompanionNavigation::default())
         .manage(ApprovalsState::default())
         .manage(GeminiLiveState::default())
         .manage(MicRecordingState::default())
@@ -89,6 +108,26 @@ pub fn run() {
                     eprintln!("[mint] Library startup: {error}")
                 }
             });
+            let navigation_app = app.handle().clone();
+            mint_core::companion::navigation::configure(
+                mint_core::companion::navigation::Surface::Desktop,
+                move |session, _| {
+                    let main = navigation_app
+                        .get_webview_window("main")
+                        .ok_or("Mint window is unavailable")?;
+                    *navigation_app
+                        .state::<CompanionNavigation>()
+                        .0
+                        .lock()
+                        .unwrap() = Some(session.chat_id);
+                    main.show().map_err(|error| error.to_string())?;
+                    main.unminimize().map_err(|error| error.to_string())?;
+                    main.set_focus().map_err(|error| error.to_string())?;
+                    main.emit("companion-open-chat", ())
+                        .map_err(|error| error.to_string())?;
+                    Ok(mint_core::companion::navigation::NavigationOutcome::Opened)
+                },
+            );
             install_tray(app.handle())?;
             install_shortcuts(app.handle())?;
             start_system_events(app.handle().clone());
@@ -112,21 +151,13 @@ pub fn run() {
             Ok(())
         })
         .invoke_handler(tauri::generate_handler![
+            pending_companion_chat,
             commands::mods::mods_operation,
             native::notifications::send_mint_notification,
             native::terminal::start_interactive_terminal,
             native::terminal::write_interactive_terminal,
             native::terminal::resize_interactive_terminal,
             native::terminal::stop_interactive_terminal,
-            native::browser::open_mint_browser,
-            native::browser::close_mint_browser,
-            native::browser::show_mint_browser_suggestions,
-            native::browser::hide_mint_browser_suggestions,
-            native::browser::get_mint_browser_suggestion_query,
-            native::browser::navigate_mint_browser,
-            native::browser::browser_go_back,
-            native::browser::browser_go_forward,
-            native::browser::browser_reload,
             commands::settings::get_runtime_status,
             commands::settings::detect_system_tools,
             commands::integrations::reauth_mcp_server,
@@ -188,6 +219,7 @@ pub fn run() {
             commands::auth::auth_update_profile,
             commands::auth::auth_upload_avatar,
             commands::conversation::clear_chat_history,
+            commands::conversation::truncate_interactions_from,
             commands::integrations::list_learned_skills,
             commands::integrations::add_learned_skill,
             commands::integrations::delete_learned_skill,
@@ -224,6 +256,7 @@ pub fn run() {
             commands::media::upload_file,
             commands::workspace::open_folder,
             commands::media::get_tts_urls,
+            commands::media::speech_request,
             commands::media::get_weather,
             commands::workspace::propose_desktop_code_edits,
             commands::workspace::apply_desktop_code_edits,
@@ -231,6 +264,8 @@ pub fn run() {
             commands::workspace::rollback_git_checkpoint,
             commands::workspace::undo_git_checkpoint,
             commands::workspace::read_workspace_file,
+            commands::workspace::read_workspace_image,
+            commands::workspace::prepare_workspace_media,
             native::windows::open_window,
             native::windows::hide_desktop_window,
             native::windows::close_desktop_window,
@@ -243,11 +278,6 @@ pub fn run() {
             native::capture::capture_translation_frame,
             native::capture::translate_captured_frame,
             native::actions::get_smart_context,
-            native::browser::get_browser_tabs,
-            native::browser::navigate_browser,
-            native::browser::read_browser_page,
-            native::browser::click_browser_selector,
-            native::browser::type_in_browser,
             native::capture::start_live_translate,
             native::capture::open_live_translate_controls,
             native::capture::live_translate_geometry,