@pheem49/mint 1.15.0 → 1.16.0

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

@@ -0,0 +1,93 @@
+import React, { useState } from 'react'
+import { createRoot } from 'react-dom/client'
+import ChatMessageItem from '../shared/components/ChatMessageItem'
+import { ProgressActivity } from '../shared/components/ProgressActivity'
+import ViewedImages from '../shared/components/ViewedImages'
+import type { AgentProgress } from '../shared/types'
+import { compactAgentProgressForPersistence, reduceLiveAgentProgress } from '../shared/agentProgress'
+import '../shared/theme/tokens.css'
+if (new URLSearchParams(location.search).get('platform') === 'desktop') {
+  await import('../src/css/app-shell.css'); await import('../src/css/chat.css')
+} else {
+  await import('../src-web/css/app-shell.css'); await import('../src-web/css/chat.css')
+}
+
+const canvas = document.createElement('canvas'); canvas.width = 960; canvas.height = 600
+const context = canvas.getContext('2d')!
+context.fillStyle = '#1b3534'; context.fillRect(0, 0, 960, 600)
+context.fillStyle = '#8bd8c3'; context.fillRect(56, 56, 848, 100)
+context.fillStyle = '#dce9e4'; context.font = '28px sans-serif'; context.fillText('view_image · screenshot.png', 56, 220)
+context.strokeStyle = '#8bd8c3'; context.lineWidth = 3; context.strokeRect(56, 270, 390, 260); context.strokeRect(480, 270, 424, 260)
+const image = canvas.toDataURL('image/png')
+const svg = `data:image/svg+xml;base64,${btoa('<svg xmlns="http://www.w3.org/2000/svg" width="420" height="260"><rect width="420" height="260" fill="#21343b"/><circle cx="210" cy="130" r="80" fill="#91d6b5"/></svg>')}`
+const input = { path: '/workspace/ภาพตัวอย่างที่มีชื่อไฟล์ยาวเพื่อทดสอบการแสดงผลบนโทรศัพท์มือถือ.png' }
+const start: AgentProgress = { type: 'ToolStart', data: { action: 'view_image', input } }
+const textActivity: AgentProgress = { type: 'ToolEnd', data: { action: 'read_file', input: {}, result: 'Read' } }
+const finished: AgentProgress[] = [textActivity, textActivity, start,
+  { type: 'ToolEnd', data: { action: 'view_image', input, result: `${image}\n\n[Hook] Viewed successfully` } },
+  { type: 'ToolEnd', data: { callId: 'image-2', action: 'view_image', input: { path: '/workspace/diagram.svg' }, result: svg } },
+]
+const noop = () => {}
+let continueRun = noop
+function Fixture() {
+  const [done, setDone] = useState(false)
+  const [mode, setMode] = useState('live')
+  const [open, setOpen] = useState(true)
+  const [continued, setContinued] = useState(false)
+  continueRun = () => setContinued(true)
+  const progress = done ? continued ? Array.from({ length: 40 }, () => ({ ...textActivity })).reduce(reduceLiveAgentProgress, finished) : finished : [start]
+  return <>
+    <style>{`*{box-sizing:border-box}body{margin:0;padding:16px;background:#101112;color:var(--text-main);font-family:Arial,sans-serif}.fixture-controls{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.fixture-message{max-width:760px;margin:auto;min-width:0}#qa-results{white-space:pre-wrap;font-size:10px;overflow-wrap:anywhere}.message-bubble{width:100%}`}</style>
+    <div className="fixture-controls"><button id="finish" onClick={() => setDone(true)}>Finish view_image</button><button id="history" onClick={() => setMode('history')}>Reload saved history</button><button id="switch" onClick={() => setMode('other')}>Other conversation</button><button id="live" onClick={() => setMode('live')}>Live view</button></div>
+    <div className="fixture-message">
+      {mode === 'live' ? <><ProgressActivity progress={progress} id="live" isOpen={open} onToggle={() => setOpen(value => !value)} /><div className="message ai-message"><div className="bubble-wrapper"><div className="message-bubble"><ViewedImages progress={progress} /></div></div></div></>
+        : <ChatMessageItem interaction={{ id: mode === 'other' ? 8 : 7, status: 'completed', aiText: 'I have inspected the images.', userText: 'ช่วยดูรูปภาพนี้หน่อย', createdAt: '2026-10-16T05:00:00Z', agentActivity: mode === 'other' ? [] : JSON.parse(JSON.stringify(compactAgentProgressForPersistence(finished))) }} copiedId={null} speakingText={null} agentActivitySnapshots={{}} thinkingExpanded={{}} onThinkingExpandedChange={noop} handleCopyMessage={noop} speak={noop} toggleActivity={noop} renderFileChanges={() => null} />}
+    </div><pre id="qa-results">Running…</pre>
+  </>
+}
+createRoot(document.getElementById('root')!).render(<Fixture />)
+const delay = (ms = 40) => new Promise(resolve => setTimeout(resolve, ms))
+async function waitFor(check: () => boolean, name: string) { for (let i = 0; i < 120; 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('.agent-activity-item')), 'Tool starts')
+  check(!document.querySelector('[data-viewed-image]'), 'no image appears before view_image completes')
+  click('#finish')
+  await waitFor(() => document.querySelectorAll('.viewed-image-button img').length === 2, 'Both results appear')
+  await waitFor(() => [...document.querySelectorAll<HTMLImageElement>('.viewed-image-button img')].every(img => img.naturalWidth > 0), 'PNG and SVG load')
+  // Capture final layout without depending on headless compositor animation timing.
+  document.getAnimations().forEach(animation => { if (animation.effect?.getTiming().iterations !== Infinity) animation.finish() })
+  check(getComputedStyle(document.querySelector('.message')!).opacity === '1', 'chat content is visibly rendered')
+  check(document.querySelector('.agent-activity-target-text')!.getBoundingClientRect().width > 40, 'view_image row keeps room for the file path')
+  check(document.documentElement.scrollWidth <= innerWidth, 'images and long filenames fit viewport')
+  click('.agent-activity-item')
+  await waitFor(() => Boolean(document.querySelector('.agent-activity-output')), 'Expanded tool output')
+  check(!document.querySelector('.agent-activity-output')?.textContent?.includes('data:image/'), 'tool output does not dump base64')
+  check(document.querySelector('.agent-activity-output')?.textContent?.includes('[Hook] Viewed successfully'), 'hook notes remain readable')
+  if (location.search.includes('preview')) { document.getElementById('qa-results')!.textContent = ''; return }
+  const trigger = document.querySelector<HTMLButtonElement>('.viewed-image-button')!
+  trigger.focus(); trigger.click()
+  await waitFor(() => Boolean(document.querySelector('dialog[open] img')), 'Expanded preview')
+  check(document.querySelector<HTMLImageElement>('dialog[open] img')?.naturalWidth === 960, 'expanded preview uses original pixels')
+  const rect = document.querySelector('dialog[open]')!.getBoundingClientRect()
+  check(rect.left >= 0 && rect.right <= innerWidth && rect.bottom <= innerHeight, 'expanded preview fits viewport')
+  const openedDialog = document.querySelector('dialog[open]')
+  continueRun(); await delay(100)
+  check(document.querySelector('dialog[open]') === openedDialog, 'preview stays open as older activity is trimmed during a run')
+  click('dialog[open] button')
+  await waitFor(() => !document.querySelector('dialog[open]'), 'Preview closes')
+  check(document.activeElement === trigger, 'closing preview restores keyboard focus')
+  click('#history')
+  await waitFor(() => Boolean(document.querySelector('.agent-activity-history')), 'Saved history mounts')
+  check(!document.querySelector('.agent-activity-card-history') && document.querySelectorAll('[data-viewed-image]').length === 2, 'saved images remain visible with Activity collapsed')
+  click('#switch'); await waitFor(() => !document.querySelector('[data-viewed-image]'), 'Session switch')
+  check(!document.querySelector('[data-viewed-image]'), 'images do not leak into another conversation')
+  click('#live'); await waitFor(() => document.querySelectorAll('[data-viewed-image]').length === 2, 'Live view returns')
+  document.querySelector('.viewed-image-button img')!.dispatchEvent(new Event('error'))
+  await waitFor(() => Boolean(document.querySelector('.viewed-image-error')), 'Image error')
+  check(document.querySelectorAll('.viewed-image-button').length === 1, 'a broken image leaves other images available')
+  document.getElementById('qa-results')!.textContent = results.join('\n') + '\nALL PASSED'
+}
+run().catch(error => { document.getElementById('qa-results')!.textContent = results.join('\n') + `\nFAIL ${error.message}` })

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

@@ -0,0 +1,80 @@
+<!doctype html><html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><title>Mint VoicePill interaction checks</title></head>
+<body style="background:#18181b;color:#f5f5f5;font-family:system-ui;margin:32px"><h1>Mint VoicePill</h1><div id="root" style="padding:24px 140px"></div><pre id="result">RUNNING</pre>
+<script type="module">
+import React from 'react';import {createRoot} from 'react-dom/client';
+import VoicePill from '../shared/components/VoicePill';
+import {useNativeVoiceInput} from '../shared/utils/useNativeVoiceInput';
+import {useSpeechToText} from '../shared/utils/speech';
+const wait=(ms=60)=>new Promise(done=>setTimeout(done,ms));const lines=[];
+const assert=(ok,line)=>{if(!ok)throw Error(line);lines.push(line)};
+// Drive scheduled component frames deterministically; Chrome virtual-time timers can outrun compositor frames.
+const frames=new Map();let frameId=0;
+window.requestAnimationFrame=callback=>{frames.set(++frameId,callback);return frameId};
+window.cancelAnimationFrame=id=>frames.delete(id);
+const advanceFrames=count=>{const now=performance.now();for(let i=0;i<count;i++){const batch=[...frames.values()];frames.clear();batch.forEach(callback=>callback(now+i*20))}};
+const root=createRoot(document.getElementById('root'));
+const events=[];let setDisabled,unmountPill;
+const button=()=>document.querySelector('.voice-pill');
+const pointer=(type,x=180)=>button().dispatchEvent(new PointerEvent(type,{button:0,pointerId:7,isPrimary:true,clientX:x,bubbles:true,cancelable:true}));
+const tap=async()=>{pointer('pointerdown');await wait(30);pointer('pointerup');await wait()};
+const key=key=>button().dispatchEvent(new KeyboardEvent('keydown',{key,bubbles:true,cancelable:true}));
+try {
+ function Fixture(){
+  const [disabled,disable]=React.useState(false);setDisabled=disable;
+  const [shown,show]=React.useState(true);unmountPill=()=>show(false);
+  return shown?React.createElement(VoicePill,{disabled,onStart:e=>events.push(['start',e]),onStop:e=>events.push(['stop',e])}):null;
+ }
+ root.render(React.createElement(Fixture));await wait(180);
+ assert(button().getAttribute('aria-pressed')==='false','idle microphone is not marked recording');
+ await tap();assert(button().getAttribute('aria-pressed')==='true','short tap latches recording');
+ advanceFrames(64);assert(button().querySelector('.voice-pill__time').textContent!=='0:00','elapsed clock advances');
+ const canvas=button().querySelector('canvas');const pixels=canvas.getContext('2d').getImageData(0,0,canvas.width,canvas.height).data;
+ assert(pixels.some((v,i)=>i%4===3&&v>0),'authored scrolling waveform renders canvas pixels ('+canvas.width+'x'+canvas.height+')');
+ await tap();assert(events.at(-1)[1].reason==='tap'&&button().getAttribute('aria-pressed')==='false','second tap stops latched recording');
+ pointer('pointerdown');await wait(360);pointer('pointerup');await wait();assert(events.at(-1)[1].reason==='release','held recording stops on release');
+ pointer('pointerdown');await wait();pointer('pointermove',140);await wait();assert(button().dataset.sliding!==undefined,'held left drag reveals cancel affordance');
+ pointer('pointermove',110);await wait();const count=events.length;pointer('pointerup',110);await wait();
+ assert(events.at(-1)[1].reason==='cancel'&&events.length===count,'crossing cancel distance cancels once without release result');
+ pointer('pointerdown');await wait();pointer('pointercancel');await wait();assert(events.at(-1)[1].reason==='cancel','pointer cancellation never submits');
+ key('Enter');await wait();assert(button().getAttribute('aria-pressed')==='true','keyboard starts recording');
+ key('Escape');await wait();assert(events.at(-1)[1].reason==='escape','Escape cancels keyboard recording');
+ await tap();window.dispatchEvent(new Event('blur'));await wait();assert(events.at(-1)[1].reason==='blur','window blur cancels latched recording');
+ await tap();setDisabled(true);await wait();assert(events.at(-1)[1].reason==='disabled'&&button().disabled,'disabling cancels microphone');
+ setDisabled(false);await wait();await tap();unmountPill();await wait();assert(events.at(-1)[1].reason==='unmount'&&frames.size===0,'unmount stops listening and animation frames');
+ const calls=[];let ready;
+ function NativeFixture(){
+  const voice=useNativeVoiceInput({startRecording:()=>new Promise(resolve=>{calls.push('start');ready=resolve}),
+   cancelRecording:async()=>{calls.push('discard')},stopRecordingAndTranscribe:async()=>{calls.push('transcribe');return 'Native words'},onSendVoiceMessage:async text=>calls.push('send:'+text)});
+  return React.createElement(VoicePill,{active:voice.isRecording,onStart:voice.startRecognition,
+   onStop:e=>['tap','release','key'].includes(e.reason)?voice.stopRecognition():voice.cancelRecognition()});
+ }
+ root.render(React.createElement(NativeFixture));await wait();pointer('pointerdown');await wait();
+ assert(button().getAttribute('aria-pressed')==='false'&&button().getAttribute('aria-busy')==='true','actual state waits for native device startup');
+ pointer('pointermove',110);pointer('pointerup',110);ready();await wait();
+ assert(calls.join(',')==='start,discard'&&button().getAttribute('aria-pressed')==='false','native pending-start cancellation discards without transcription');
+ pointer('pointerdown');await wait();ready();await wait();pointer('pointerup');await wait();
+ assert(button().getAttribute('aria-pressed')==='true','native success opens listening capsule');
+ await tap();await wait();assert(calls.at(-2)==='transcribe'&&calls.at(-1)==='send:Native words','normal native stop sends one transcript');
+ root.render(React.createElement('div'));await wait();
+ const instances=[],messages=[],sends=[];let denied=false;
+ class Recognition {
+  constructor(){instances.push(this)}
+  start(){setTimeout(()=>{if(denied){this.onerror?.({error:'not-allowed'});this.onend?.()}else this.onstart?.()},20)}
+  result(text){const result=[{transcript:text}];result.isFinal=true;this.onresult?.({resultIndex:0,results:[result]})}
+  stop(){setTimeout(()=>this.onend?.(),20)}
+  abort(){this.aborted=true;setTimeout(()=>this.onend?.(),20)}
+ }
+ window.SpeechRecognition=Recognition;
+ function WebFixture(){
+  const voice=useSpeechToText({language:'en',message:'Existing',sending:false,isSpeaking:false,onSetMessage:text=>messages.push(text),onSendVoiceMessage:async text=>sends.push(text)});
+  return React.createElement(VoicePill,{active:voice.isRecording,onStart:()=>voice.startRecognition(),
+   onStop:e=>['tap','release','key'].includes(e.reason)?voice.stopRecognition():voice.cancelRecognition()});
+ }
+ root.render(React.createElement(WebFixture));await wait();await tap();instances.at(-1).result('cancelled words');
+ key('Escape');await wait();assert(instances.at(-1).aborted&&messages.length===0&&sends.length===0,'Web cancellation aborts and discards recognized text');
+ await tap();instances.at(-1).result('hello');await tap();await wait();
+ assert(messages.join(',')==='Existing hello'&&sends.length===0,'Web normal stop preserves dictation into existing composer');
+ denied=true;await tap();await wait();assert(button().getAttribute('aria-pressed')==='false'&&!button().getAttribute('aria-busy'),'permission refusal returns to idle');
+ document.getElementById('result').textContent='PASS\n'+lines.join('\n');
+} catch(error){document.getElementById('result').textContent='FAIL: '+error.message+'\n'+lines.join('\n');console.error(error)}
+</script></body></html>

package/src/renderer/tests/voicePill.preview.html

@@ -0,0 +1,34 @@
+<!doctype html><html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><title>Mint VoicePill composer preview</title></head>
+<body><div id="root"></div><pre id="result">PREVIEW</pre><script type="module">
+import React from 'react';import {createRoot} from 'react-dom/client';
+import VoicePill from '../shared/components/VoicePill';
+import '../shared/theme/tokens.css';import '../src-web/css/chat.css';
+if(location.search.includes('mobile')) await import('../src-web/css/mobile.css');
+const frames=new Map();let id=0;
+window.requestAnimationFrame=cb=>{frames.set(++id,cb);return id};window.cancelAnimationFrame=id=>frames.delete(id);
+function Preview(){
+ return React.createElement('main',{style:{width:'min(760px,calc(100vw - 40px))',margin:'100px auto',fontFamily:'system-ui',color:'#eee'}},
+  React.createElement('h2',null,'Voice input'),React.createElement('p',null,'Tap to dictate · Hold to record · Slide left to cancel'),
+  React.createElement('div',{className:'input-area voice-active'},React.createElement('form',{id:'chat-form',className:'has-live-btn',onSubmit:e=>e.preventDefault()},
+   React.createElement('textarea',{id:'chat-input',placeholder:'Ask Mint anything…',rows:2}),
+   React.createElement('span',{className:'chat-tool-menu-wrap'},React.createElement('button',{id:'chat-tool-btn',type:'button'},'+')),
+   React.createElement('button',{id:'screen-capture-btn',type:'button','aria-label':'Capture screen'},'▣'),
+   React.createElement('div',{className:'model-selector-container',style:{minWidth:0}},React.createElement('button',{className:'model-selector-trigger',type:'button',style:{maxWidth:'100%',overflow:'hidden',whiteSpace:'nowrap',textOverflow:'ellipsis'}},'OpenAI ▾')),
+   React.createElement(VoicePill,{id:'voice-input-btn',className:'composer-voice-pill',ariaLabel:'Voice input'}),
+   React.createElement('button',{id:'gemini-live-btn',type:'button'},'◉'),React.createElement('button',{id:'send-btn',type:'button'},'↑'))));
+}
+createRoot(document.getElementById('root')).render(React.createElement(Preview));
+setTimeout(()=>{
+ const mic=document.getElementById('voice-input-btn');mic.dispatchEvent(new KeyboardEvent('keydown',{key:'Enter',bubbles:true,cancelable:true}));
+ setTimeout(()=>{
+  const now=performance.now();for(let i=0;i<160;i++){const batch=[...frames.values()];frames.clear();batch.forEach(cb=>cb(now+i*20));}
+  const capsule=mic.querySelector('.voice-pill__capsule').getBoundingClientRect();
+  const model=document.querySelector('.model-selector-container').getBoundingClientRect();
+  const send=document.getElementById('send-btn').getBoundingClientRect();
+  const formStyle=getComputedStyle(document.getElementById('chat-form'));
+  const flat=formStyle.animationName==='none'&&formStyle.boxShadow==='none'&&getComputedStyle(document.getElementById('send-btn')).boxShadow==='none';
+  const ok=flat&&(capsule.left>=model.right||capsule.top>=model.bottom)&&capsule.right<=send.left&&capsule.left>=0&&capsule.right<=window.innerWidth;
+  document.getElementById('result').textContent=ok?'PASS: flat composer and VoicePill fit without glow or overlapping controls':'FAIL: composer glow or overlapping controls '+JSON.stringify({flat,animation:formStyle.animationName,shadow:formStyle.boxShadow,capsule:{left:capsule.left,right:capsule.right},model:{left:model.left,right:model.right},send:{left:send.left}});
+ },500);
+},500);
+</script><style>body{margin:0;background:#111114}#root{width:100%}#chat-form{width:100%}*{box-sizing:border-box}#result{color:#a1a1aa;text-align:center;font-family:system-ui;font-size:12px}.model-selector-container{grid-column:3;grid-row:2;align-self:center}.model-selector-trigger{background:#27272a;color:#ddd;border:0;border-radius:6px;padding:6px}</style></body></html>

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

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

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

@@ -0,0 +1,98 @@
+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}` })

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

@@ -0,0 +1,92 @@
+<!-- Browser regression fixture: serve with Vite and open /tests/workspaceUndo.browser.html. Uses mocked native dialogs and workspace storage. -->
+<!doctype html><html><body><div id="root"></div><pre id="result">RUNNING</pre>
+<script type="module">
+import React from 'react';
+import { createRoot } from 'react-dom/client';
+import WorkspacePanel from '/src/components/WorkspacePanel.tsx';
+import DesktopTitlebar from '/shared/components/DesktopTitlebar.tsx';
+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;
+window.__TAURI_INTERNALS__ = { invoke: async (command) => {
+  if (command === 'plugin:dialog|message') { confirmCalls++; return new Promise(resolve => confirmation = resolve); }
+  return false;
+}};
+window.api = { readClipboard: async () => '', quitApp() {}, closeWindow() {} };
+const nativeExec = document.execCommand.bind(document);
+document.execCommand = (...args) => { textCommands.push(args[0]); return nativeExec(...args); };
+const noop = () => {};
+const root = '/tmp/undo-ui';
+const snapshot = () => ({ path: root, revision: undoCalls + trashCalls + 1,
+  tree: { name: 'Demo', path: '.', kind: 'directory', children: [{ name: 'note.txt', path: 'note.txt', kind: 'file', children: [] }] },
+  git: { isRepository: false, branches: [], remoteBranches: [], isDirty: false } });
+installWorkspacePlatform({
+  getWorkspaceSnapshot: async () => snapshot(), listWorkspaceHistory: async () => [...entries],
+  undoWorkspaceAction: async (_root, _rev, expected) => {
+    if (expected !== entries[0]?.id) throw new Error('stale history');
+    undoCalls++; entries.shift(); return snapshot();
+  },
+  deleteWorkspaceItem: async () => { trashCalls++; entries.unshift({ id: 'trash', label: 'Undo Move to Trash: note.txt', path: 'note.txt', kind: 'trash' }); return snapshot(); },
+  moveWorkspaceItem: async () => { throw new Error('Destination already exists'); },
+  getWorkspaceGitDiff: async () => [], getGitBranchInfo: async () => snapshot().git,
+  switchGitBranch: noop, createGitBranch: noop, checkoutRemoteGitBranch: noop, getGitGraph: async () => [],
+  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,
+    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 }),
+  React.createElement('textarea', { id: 'composer' }),
+  React.createElement(WorkspacePanel, { workspacePath: root, agentMode: true, sending: false,
+    onEnableAgentMode: noop, onSetMessage: noop, onWorkspaceReady: noop })));
+const sleep = () => new Promise(resolve => setTimeout(resolve, 25));
+async function until(check) { for (let i = 0; i < 160; i++) { if (check()) return; await sleep(); } throw new Error('Timed out'); }
+function assert(value, name) { if (!value) throw new Error(name); }
+const checks = [];
+function ok(name) { checks.push(name); }
+function click(element) { element.dispatchEvent(new MouseEvent('mousedown', { bubbles: true, cancelable: true })); element.click(); }
+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('.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);
+  assert(!key.defaultPrevented && undoCalls === 0, 'text Ctrl+Z must stay local'); ok('text Ctrl+Z keeps browser text undo');
+  click(button('.mint-titlebar-nav', 'Edit') || [...document.querySelectorAll('.mint-titlebar-menu-button')].find(b => b.textContent === 'Edit'));
+  await sleep();
+  click(button('.mint-titlebar-menu', 'Undo')); await sleep();
+  assert(textCommands.includes('undo') && undoCalls === 0, 'Edit Undo must restore text focus'); ok('Edit Undo targets focused text');
+  const row = document.querySelector('.workspace-tree-row'); row.focus(); await sleep();
+  row.dispatchEvent(new KeyboardEvent('keydown', { bubbles: true, cancelable: true, key: 'z', ctrlKey: true }));
+  await until(() => undoCalls === 1); ok('workspace Ctrl+Z invokes the labelled file action');
+  openMenu(); await until(() => document.querySelector('.workspace-file-menu'));
+  assert(trashCalls === 0 && confirmCalls === 0, 'right-click is not deletion'); ok('right-click only opens menu');
+  click(button('.workspace-file-menu', 'Rename…'));
+  await until(() => document.querySelector('.workspace-file-dialog'));
+  document.querySelector('.workspace-file-dialog').dispatchEvent(new Event('submit', { bubbles: true, cancelable: true }));
+  await sleep();
+  // The unchanged name closes without changing files. Reopen with a new name.
+  openMenu(); await sleep(); click(button('.workspace-file-menu', 'Move…'));
+  await until(() => document.querySelector('.workspace-file-dialog'));
+  const input = document.querySelector('.workspace-file-dialog input');
+  Object.getOwnPropertyDescriptor(HTMLInputElement.prototype, 'value').set.call(input, 'taken.txt');
+  input.dispatchEvent(new Event('input', { bubbles: true })); await sleep();
+  document.querySelector('.workspace-file-dialog').dispatchEvent(new Event('submit', { bubbles: true, cancelable: true }));
+  await until(() => document.querySelector('.workspace-file-dialog [role=alert]'));
+  assert(document.querySelector('.workspace-file-dialog [role=alert]').textContent.includes('already exists'), 'move collision must be visible'); ok('Move keeps dialog open for destination conflicts');
+  click(button('.workspace-file-dialog', 'Cancel')); await sleep();
+  openMenu(); await sleep(); click(button('.workspace-file-menu', 'Move to Trash'));
+  await until(() => confirmCalls === 1);
+  assert(trashCalls === 0, 'must wait for native confirmation'); confirmation('Cancel'); await sleep();
+  assert(trashCalls === 0, 'Cancel must preserve file'); ok('Trash waits for confirmation; Cancel preserves file');
+  openMenu(); await sleep(); click(button('.workspace-file-menu', 'Move to Trash'));
+  await until(() => confirmCalls === 2); confirmation('Move to Trash');
+  await until(() => trashCalls === 1 && document.querySelector('.workspace-undo-bar button'));
+  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/Cargo.toml

@@ -0,0 +1,40 @@
+[package]
+name = "mint-desktop"
+version.workspace = true
+edition.workspace = true
+license.workspace = true
+
+[lib]
+name = "mint_desktop_lib"
+crate-type = ["staticlib", "cdylib", "rlib"]
+
+[build-dependencies]
+tauri-build = { version = "2", features = [] }
+
+[dependencies]
+base64.workspace = true
+dirs.workspace = true
+futures-util.workspace = true
+image.workspace = true
+mint-core = { path = "../crates/mint-core" }
+portable-pty = "0.9"
+notify-rust = "4.18"
+reqwest.workspace = true
+serde.workspace = true
+serde_json.workspace = true
+# `macos-private-api` is required for transparent windows on macOS (the
+# spotlight/widget overlays and the main window all set `transparent`); it is a
+# no-op on other platforms. It also rules out Mac App Store distribution, which
+# is fine — macOS ships as a notarization-optional `.dmg`.
+tauri = { version = "2", features = ["protocol-asset", "tray-icon", "macos-private-api", "unstable"] }
+tauri-plugin-dialog = "2"
+tauri-plugin-global-shortcut = "2"
+tauri-plugin-notification = "2"
+tauri-plugin-updater = "2"
+tokio.workspace = true
+tokio-tungstenite.workspace = true
+uuid.workspace = true
+x11rb = { version = "0.13", features = ["composite"] }
+
+[target.'cfg(any(target_os = "linux", target_os = "dragonfly", target_os = "freebsd", target_os = "netbsd", target_os = "openbsd"))'.dependencies]
+webkit2gtk = "2.0"

package/src-tauri/build.rs

@@ -0,0 +1,3 @@
+fn main() {
+    tauri_build::build()
+}