@pheem49/mint 1.16.0 → 1.17.0

package/src/renderer/shared/components/workspace/WorkspacePdfPreview.tsx

@@ -0,0 +1,89 @@
+import { useEffect, useRef, useState } from 'react'
+import type { PDFDocumentProxy } from 'pdfjs-dist'
+import workerUrl from 'pdfjs-dist/legacy/build/pdf.worker.min.mjs?url'
+import { readPdfRange } from '../../utils/pdfRange'
+import WorkspaceFileInfo from './WorkspaceFileInfo'
+import '../../css/workspace-media-preview.css'
+
+export default function WorkspacePdfPreview({ url, path, root, byteLength, range }: { url: string; path: string; root?: string; byteLength?: number; range?: boolean }) {
+  const [pdf, setPdf] = useState<PDFDocumentProxy | null>(null)
+  const [pageNumber, setPageNumber] = useState(1)
+  const [zoom, setZoom] = useState(1)
+  const [error, setError] = useState('')
+  const [loading, setLoading] = useState(true)
+  const [retry, setRetry] = useState(0)
+  const [width, setWidth] = useState(500)
+  const area = useRef<HTMLDivElement>(null)
+  const canvas = useRef<HTMLCanvasElement>(null)
+
+  useEffect(() => {
+    const element = area.current
+    if (!element) return
+    const observer = new ResizeObserver(() => setWidth(Math.max(100, element.clientWidth - 32)))
+    observer.observe(element)
+    return () => observer.disconnect()
+  }, [])
+
+  useEffect(() => {
+    let cancelled = false
+    let task: ReturnType<typeof import('pdfjs-dist').getDocument> | undefined
+    const controllers = new Set<AbortController>()
+    setPdf(null); setError(''); setLoading(true); setPageNumber(1)
+    void (async () => {
+      const library = await import('pdfjs-dist/legacy/build/pdf.mjs')
+      if (cancelled) return
+      library.GlobalWorkerOptions.workerSrc = workerUrl
+      const assets = import.meta.env.DEV ? new URL('/pdfjs/', location.href).href : new URL(['..', 'pdfjs', ''].join('/'), import.meta.url).href
+      const options = { cMapUrl: `${assets}cmaps/`, cMapPacked: true, standardFontDataUrl: `${assets}standard_fonts/`, wasmUrl: `${assets}wasm/`, useSystemFonts: true, isEvalSupported: false, disableAutoFetch: true, disableStream: true }
+      if (range && byteLength) {
+        class FileRanges extends library.PDFDataRangeTransport {
+          requestDataRange(begin: number, end: number) {
+            const controller = new AbortController(); controllers.add(controller)
+            void readPdfRange(url, begin, end, controller.signal).then(bytes => { if (!cancelled) this.onDataRange(begin, bytes) }).catch(reason => {
+              if (!cancelled) { setError(String(reason instanceof Error ? reason.message : reason)); setLoading(false); void task?.destroy() }
+            }).finally(() => controllers.delete(controller))
+          }
+          abort() { for (const controller of controllers) controller.abort(); controllers.clear() }
+        }
+        task = library.getDocument({ ...options, range: new FileRanges(byteLength, new Uint8Array()), rangeChunkSize: 64 * 1024 })
+      } else task = library.getDocument({ ...options, url })
+      const document = await task.promise
+      if (!cancelled) setPdf(document)
+    })().catch(reason => { if (!cancelled) { setError(reason instanceof Error ? reason.message : String(reason)); setLoading(false) } })
+    return () => { cancelled = true; for (const controller of controllers) controller.abort(); void task?.destroy() }
+  }, [url, byteLength, range, retry])
+
+  useEffect(() => {
+    if (!pdf || !canvas.current) return
+    let cancelled = false
+    let render: ReturnType<Awaited<ReturnType<PDFDocumentProxy['getPage']>>['render']> | undefined
+    setLoading(true)
+    void pdf.getPage(pageNumber).then(page => {
+      if (cancelled || !canvas.current) return
+      const normal = page.getViewport({ scale: 1 })
+      const viewport = page.getViewport({ scale: width / normal.width * zoom })
+      const output = Math.min(window.devicePixelRatio || 1, 2, Math.sqrt(8_000_000 / (viewport.width * viewport.height)))
+      canvas.current.width = Math.ceil(viewport.width * output)
+      canvas.current.height = Math.ceil(viewport.height * output)
+      canvas.current.style.width = `${viewport.width}px`; canvas.current.style.height = `${viewport.height}px`
+      render = page.render({ canvas: canvas.current, viewport, transform: output === 1 ? undefined : [output, 0, 0, output, 0, 0] })
+      return render.promise
+    }).then(() => { if (!cancelled) setLoading(false) }).catch(reason => { if (!cancelled) { setError(reason instanceof Error ? reason.message : String(reason)); setLoading(false) } })
+    return () => { cancelled = true; render?.cancel() }
+  }, [pdf, pageNumber, width, zoom])
+
+  return <section className="workspace-pdf-preview" aria-label="PDF preview">
+    <div className="workspace-pdf-controls" role="toolbar" aria-label="PDF controls">
+      <button type="button" aria-label="Previous PDF page" disabled={!pdf || pageNumber <= 1} onClick={() => setPageNumber(value => value - 1)}>Previous</button>
+      <span aria-live="polite">{pageNumber} / {pdf?.numPages ?? '–'}</span>
+      <button type="button" aria-label="Next PDF page" disabled={!pdf || pageNumber >= pdf.numPages} onClick={() => setPageNumber(value => value + 1)}>Next</button>
+      <button type="button" aria-label="Zoom PDF out" disabled={zoom <= .5} onClick={() => setZoom(value => Math.max(.5, value - .25))}>−</button>
+      <span>{Math.round(zoom * 100)}%</span>
+      <button type="button" aria-label="Zoom PDF in" disabled={zoom >= 2} onClick={() => setZoom(value => Math.min(2, value + .25))}>+</button>
+    </div>
+    <div className="workspace-pdf-pages" ref={area}>
+      {loading && !error && <p role="status">Loading PDF…</p>}
+      {error ? <><p className="workspace-media-error" role="alert">Could not display PDF: {error}</p><button type="button" onClick={() => setRetry(value => value + 1)}>Retry PDF</button><WorkspaceFileInfo path={path} root={root} /></> : <canvas ref={canvas} aria-label={`PDF page ${pageNumber}`} />}
+    </div>
+  </section>
+}

package/src/renderer/shared/components/{WorkspacePreviewActions.test.tsx → workspace/WorkspacePreviewActions.test.tsx}

@@ -16,9 +16,10 @@ describe('workspace preview menu', () => {
     expect(renderActions('index.html')).toContain('Open in Browser')
     for (const name of ['README.md', 'photo.png']) expect(renderActions(name)).not.toContain('Open in Browser')
   })
-  it('does not offer previews for directories or unsupported files', () => {
+  it('keeps directories out of previews and provides a menu alternative to dragging any file', () => {
     expect(renderActions('guide.md', 'directory')).toBe('')
-    expect(renderActions('script.rs')).toBe('')
+    expect(renderActions('script.rs')).toContain('Preview in Mint')
+    expect(renderActions('archive.zip')).toContain('Preview in Mint')
   })
   it('disables preview actions while another operation is pending', () => { expect(renderActions('README.md', 'file', true)).toContain('disabled=""') })
 })
@@ -30,15 +31,59 @@ it('uses a served HTML URL in the Preview iframe so relative CSS and scripts can
   expect(html).toContain('allow-same-origin')
 })
 
-it('renders images fitted inside Preview without a binary code tab', () => {
+it('renders images fitted inside Preview without a binary code tab and with format chip', () => {
   expect(detectArtifactType('assets/PHOTO.PNG')).toBe('image')
   const html = renderToStaticMarkup(<ArtifactPreviewPanel artifact={{ path: 'assets/PHOTO.PNG', url: 'http://127.0.0.1:12345/assets/PHOTO.PNG' }} onClose={() => {}} />)
   expect(html).toContain('src="http://127.0.0.1:12345/assets/PHOTO.PNG"')
   expect(html).toContain('object-fit:contain')
   expect(html).not.toMatch(/>Code<\/button>/)
+  expect(html).toContain('PNG')
+
+  const webpHtml = renderToStaticMarkup(<ArtifactPreviewPanel artifact={{ path: 'images/caster.webp', url: 'http://127.0.0.1:12345/caster.webp' }} onClose={() => {}} />)
+  expect(webpHtml).toContain('WEBP')
 })
 
 it('identifies the browser action as Mint Browser instead of a generic popup', () => {
   const html = renderToStaticMarkup(<ArtifactPreviewPanel artifact={{ path: 'site/index.html', url: 'http://127.0.0.1:12345/site/index.html' }} onClose={() => {}} />)
   expect(html).toContain('aria-label="Open in Mint Browser (Mint Auto)"')
 })
+
+it('renders pure code files in code mode with language chip and without preview toggle or browser button', () => {
+  expect(detectArtifactType('scripts/fetch_api.py')).toBe('code')
+  const html = renderToStaticMarkup(
+    <ArtifactPreviewPanel
+      artifact={{ path: 'scripts/fetch_api.py', content: 'import json\nprint("hello")' }}
+      onClose={() => {}}
+    />,
+  )
+  expect(html).not.toMatch(/>Preview<\/button>/)
+  expect(html).not.toMatch(/>Code<\/button>/)
+  expect(html).toContain('Python')
+  expect(html).toContain('import')
+  expect(html).toContain('json')
+  expect(html).toContain('hello')
+  expect(html).not.toContain('aria-label="Open in Mint Browser (Mint Auto)"')
+})
+
+it('renders dual-mode toggles for markdown, svg, and html without showing browser button for non-html', () => {
+  const mdHtml = renderToStaticMarkup(
+    <ArtifactPreviewPanel artifact={{ path: 'docs/README.md', content: '# Documentation' }} onClose={() => {}} />,
+  )
+  expect(mdHtml).toMatch(/>Preview<\/button>/)
+  expect(mdHtml).toMatch(/>Code<\/button>/)
+  expect(mdHtml).not.toContain('aria-label="Open in Mint Browser (Mint Auto)"')
+
+  const svgHtml = renderToStaticMarkup(
+    <ArtifactPreviewPanel artifact={{ path: 'icons/logo.svg', content: '<svg></svg>' }} onClose={() => {}} />,
+  )
+  expect(svgHtml).toMatch(/>Preview<\/button>/)
+  expect(svgHtml).toMatch(/>Code<\/button>/)
+  expect(svgHtml).not.toContain('aria-label="Open in Mint Browser (Mint Auto)"')
+
+  const webHtml = renderToStaticMarkup(
+    <ArtifactPreviewPanel artifact={{ path: 'index.html', content: '<h1>Hi</h1>' }} onClose={() => {}} />,
+  )
+  expect(webHtml).toMatch(/>Preview<\/button>/)
+  expect(webHtml).toMatch(/>Code<\/button>/)
+  expect(webHtml).toContain('aria-label="Open in Mint Browser (Mint Auto)"')
+})

package/src/renderer/shared/components/{WorkspacePreviewActions.tsx → workspace/WorkspacePreviewActions.tsx}

@@ -1,6 +1,6 @@
 import React from 'react'
-import { detectArtifactType } from './ArtifactPreviewPanel'
-import type { WorkspaceTreeEntry } from '../types'
+import { detectArtifactType } from '../../utils/artifacts'
+import type { WorkspaceTreeEntry } from '../../types'
 
 interface Props {
   entry: WorkspaceTreeEntry
@@ -11,7 +11,7 @@ interface Props {
 
 export default function WorkspacePreviewActions({ entry, pending, onPreview, onOpenHtml }: Props) {
   const type = detectArtifactType(entry.name)
-  if (entry.kind !== 'file' || type === 'code') return null
+  if (entry.kind !== 'file') return null
   return <>
     {type === 'html' && onOpenHtml && <button type="button" role="menuitem" disabled={pending} onClick={onOpenHtml}>Open in Browser</button>}
     {onPreview && <button type="button" role="menuitem" disabled={pending} onClick={onPreview}>Preview in Mint</button>}

package/src/renderer/shared/components/{WorkspaceSelector.tsx → workspace/WorkspaceSelector.tsx}

@@ -1,6 +1,8 @@
-import { useEffect, useId, useMemo, useRef, useState } from 'react'
+import { useEffect, useId, useLayoutEffect, useMemo, useRef, useState, useSyncExternalStore } from 'react'
+import { createPortal } from 'react-dom'
 
-import { normalizeWorkspacePath, workspacePaths } from '../utils/workspaces'
+import { normalizeWorkspacePath, workspacePaths } from '../../utils/workspaces'
+import { EMPTY_REMOVED_WORKSPACES, subscribeWorkspaceListPreferences, workspaceListPreferences } from '../../utils/workspaceListPreferences'
 import './workspace-selector.css'
 
 interface WorkspaceSelectorProps {
@@ -18,37 +20,82 @@ export default function WorkspaceSelector({ currentPath, recentPaths, onSelectWo
   const menuId = useId()
   const [open, setOpen] = useState(false)
   const [query, setQuery] = useState('')
+  const [actionsPath, setActionsPath] = useState<string | null>(null)
+  const [notice, setNotice] = useState('')
+  const removedPaths = useSyncExternalStore(subscribeWorkspaceListPreferences, workspaceListPreferences.getSnapshot, () => EMPTY_REMOVED_WORKSPACES)
   const rootRef = useRef<HTMLDivElement>(null)
   const triggerRef = useRef<HTMLButtonElement>(null)
   const searchRef = useRef<HTMLInputElement>(null)
+  const moreTriggerRef = useRef<HTMLButtonElement | null>(null)
+  const removeRef = useRef<HTMLButtonElement>(null)
+  const actionsMenuRef = useRef<HTMLDivElement>(null)
 
   const visiblePaths = useMemo(() => {
     const normalizedQuery = query.trim().toLocaleLowerCase()
-    return workspacePaths(recentPaths, currentPath).filter((path) => {
+    return workspacePaths(recentPaths, currentPath, [], removedPaths).filter((path) => {
       if (!normalizedQuery) return true
       return path.toLocaleLowerCase().includes(normalizedQuery)
         || workspaceLabel(path).toLocaleLowerCase().includes(normalizedQuery)
     })
-  }, [query, recentPaths, currentPath])
+  }, [query, recentPaths, currentPath, removedPaths])
+
+  useLayoutEffect(() => {
+    if (!open || !actionsPath) return
+    const positionDropdown = () => {
+      const trigger = moreTriggerRef.current
+      const menu = actionsMenuRef.current
+      if (!trigger || !menu) return
+      const anchor = trigger.getBoundingClientRect()
+      const bounds = menu.getBoundingClientRect()
+      const width = document.documentElement.clientWidth
+      const left = Math.max(8, Math.min(anchor.right - bounds.width, width - bounds.width - 8))
+      const top = anchor.bottom + bounds.height + 4 <= window.innerHeight
+        ? anchor.bottom + 4 : Math.max(8, anchor.top - bounds.height - 4)
+      menu.style.left = `${left}px`
+      menu.style.top = `${top}px`
+    }
+    positionDropdown()
+    removeRef.current?.focus()
+    window.addEventListener('resize', positionDropdown)
+    window.addEventListener('scroll', positionDropdown, true)
+    return () => {
+      window.removeEventListener('resize', positionDropdown)
+      window.removeEventListener('scroll', positionDropdown, true)
+    }
+  }, [open, actionsPath])
 
   useEffect(() => {
     if (!open) return
     searchRef.current?.focus()
+    const fitMenuToViewport = () => {
+      const root = rootRef.current
+      if (!root) return
+      const width = Math.min(360, document.documentElement.clientWidth - 32)
+      const rootLeft = root.getBoundingClientRect().left
+      const left = Math.max(16, Math.min(rootLeft, document.documentElement.clientWidth - width - 16))
+      root.style.setProperty('--workspace-menu-width', `${width}px`)
+      root.style.setProperty('--workspace-menu-offset', `${left - rootLeft}px`)
+    }
+    fitMenuToViewport()
 
     const closeOnOutsidePointer = (event: MouseEvent) => {
+      if (actionsMenuRef.current?.contains(event.target as Node)) return
+      if (!moreTriggerRef.current?.contains(event.target as Node)) setActionsPath(null)
       if (!rootRef.current?.contains(event.target as Node)) setOpen(false)
     }
     const closeOnEscape = (event: KeyboardEvent) => {
-      if (event.key !== 'Escape') return
+      if (event.key !== 'Escape' || event.defaultPrevented) return
       event.preventDefault()
       setOpen(false)
       triggerRef.current?.focus()
     }
     document.addEventListener('mousedown', closeOnOutsidePointer)
     window.addEventListener('keydown', closeOnEscape)
+    window.addEventListener('resize', fitMenuToViewport)
     return () => {
       document.removeEventListener('mousedown', closeOnOutsidePointer)
       window.removeEventListener('keydown', closeOnEscape)
+      window.removeEventListener('resize', fitMenuToViewport)
     }
   }, [open])
 
@@ -67,6 +114,8 @@ export default function WorkspaceSelector({ currentPath, recentPaths, onSelectWo
         className={`workspace-select-btn ${currentPath ? 'has-workspace' : 'needs-workspace'}`}
         onClick={() => {
           setQuery('')
+          setActionsPath(null)
+          setNotice('')
           setOpen((current) => !current)
         }}
         aria-label={`${currentPath ? 'Change' : 'Choose'} workspace: ${currentPath ? workspaceLabel(currentPath) : 'Select Project'}`}
@@ -99,7 +148,7 @@ export default function WorkspaceSelector({ currentPath, recentPaths, onSelectWo
               ref={searchRef}
               type="search"
               value={query}
-              onChange={(event) => setQuery(event.target.value)}
+              onChange={(event) => { setQuery(event.target.value); setActionsPath(null) }}
               placeholder="Search workspaces"
               aria-label="Search workspaces"
             />
@@ -109,8 +158,8 @@ export default function WorkspaceSelector({ currentPath, recentPaths, onSelectWo
             {visiblePaths.length > 0 ? visiblePaths.map((path) => {
               const isCurrent = path === normalizeWorkspacePath(currentPath)
               return (
+                <div className="workspace-select-row" key={path}>
                 <button
-                  key={path}
                   type="button"
                   className="workspace-select-option"
                   onClick={() => chooseWorkspace(path)}
@@ -130,6 +179,27 @@ export default function WorkspaceSelector({ currentPath, recentPaths, onSelectWo
                     </svg>
                   )}
                 </button>
+                <button
+                  type="button"
+                  className="workspace-select-more"
+                  aria-label={`Workspace actions: ${workspaceLabel(path)}`}
+                  title="Workspace actions"
+                  aria-haspopup="menu"
+                  aria-expanded={actionsPath === path}
+                  onClick={(event) => {
+                    moreTriggerRef.current = event.currentTarget
+                    setActionsPath(current => current === path ? null : path)
+                  }}
+                  onKeyDown={(event) => {
+                    if (event.key === 'ArrowDown') { event.preventDefault(); moreTriggerRef.current = event.currentTarget; setActionsPath(path) }
+                  }}
+                >
+                  <svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
+                    <circle cx="5" cy="12" r="1.8" /><circle cx="12" cy="12" r="1.8" /><circle cx="19" cy="12" r="1.8" />
+                  </svg>
+                </button>
+
+                </div>
               )
             }) : (
               <div className="workspace-select-empty">
@@ -138,6 +208,8 @@ export default function WorkspaceSelector({ currentPath, recentPaths, onSelectWo
             )}
           </div>
 
+          {notice && <p className="workspace-select-notice" role="status">{notice}</p>}
+
           <div className="workspace-select-menu-footer">
             <button type="button" className="workspace-select-open-folder" onClick={() => chooseWorkspace()}>
               <svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.8" strokeLinecap="round" strokeLinejoin="round" aria-hidden="true">
@@ -149,6 +221,26 @@ export default function WorkspaceSelector({ currentPath, recentPaths, onSelectWo
           </div>
         </div>
       )}
+      {open && actionsPath && visiblePaths.includes(actionsPath) && createPortal(
+        <div ref={actionsMenuRef} className="workspace-select-row-menu" role="menu" aria-label={`Workspace actions: ${workspaceLabel(actionsPath)}`}
+          onKeyDown={(event) => {
+            if (event.key === 'Escape') {
+              event.preventDefault(); event.stopPropagation(); setActionsPath(null); moreTriggerRef.current?.focus()
+            }
+            if (event.key === 'ArrowDown' || event.key === 'ArrowUp') event.preventDefault()
+          }}>
+          <button ref={removeRef} type="button" role="menuitem" className="workspace-select-remove"
+            onClick={() => {
+              workspaceListPreferences.remove(actionsPath)
+              setActionsPath(null)
+              setNotice('Removed from list. Use Open folder… to add it again.')
+              searchRef.current?.focus()
+            }}>
+            <span>Remove from list</span>
+            <small>Does not delete files or folders.</small>
+          </button>
+        </div>, document.body,
+      )}
     </div>
   )
 }

package/src/renderer/shared/components/{workspace-selector.css → workspace/workspace-selector.css}

@@ -84,9 +84,10 @@
 .workspace-select-menu {
   position: absolute;
   z-index: 80;
-  left: 0;
+  left: var(--workspace-menu-offset, 0px);
   bottom: calc(100% + 6px);
-  width: min(360px, calc(100vw - 32px));
+  width: var(--workspace-menu-width, min(360px, calc(100vw - 32px)));
+  box-sizing: border-box;
   max-height: min(420px, 65vh);
   display: flex;
   flex-direction: column;
@@ -151,6 +152,87 @@
   cursor: pointer;
 }
 
+.workspace-select-row {
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) 32px;
+  align-items: center;
+  border-radius: var(--radius-sm);
+}
+
+.workspace-select-more {
+  width: 32px;
+  min-height: 32px;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  padding: 0;
+  color: var(--text-muted);
+  background: transparent;
+  border: 0;
+  border-radius: var(--radius-sm);
+  cursor: pointer;
+}
+
+.workspace-select-more:hover,
+.workspace-select-more[aria-expanded="true"] {
+  color: var(--text-primary);
+  background: var(--bg-surface-hover);
+}
+
+.workspace-select-more:focus-visible,
+.workspace-select-remove:focus-visible {
+  outline: 2px solid var(--border-focus, var(--accent));
+  outline-offset: -2px;
+}
+
+.workspace-select-row-menu {
+  position: fixed;
+  z-index: 200;
+  width: min(232px, calc(100vw - 16px));
+  box-sizing: border-box;
+  margin: 0;
+  padding: 4px;
+  background: var(--bg-overlay);
+  border: 1px solid var(--border);
+  border-radius: var(--radius-sm);
+  box-shadow: var(--shadow-md);
+}
+
+.workspace-select-remove {
+  width: 100%;
+  min-height: 48px;
+  padding: 8px;
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: 3px;
+  color: var(--text-primary);
+  background: transparent;
+  border: 0;
+  border-radius: var(--radius-sm);
+  text-align: left;
+  font: inherit;
+  font-size: 0.78rem;
+  cursor: pointer;
+}
+
+.workspace-select-remove:hover {
+  background: var(--bg-surface-hover);
+}
+
+.workspace-select-remove small {
+  color: var(--text-muted);
+  font-size: 0.68rem;
+}
+
+.workspace-select-notice {
+  margin: 0;
+  padding: 8px 12px;
+  color: var(--text-muted);
+  font-size: 0.72rem;
+  border-top: 1px solid var(--border-subtle);
+}
+
 .workspace-select-option:hover,
 .workspace-select-option:focus-visible,
 .workspace-select-option[aria-current="true"] {

package/src/renderer/shared/constants/config.ts

@@ -38,6 +38,8 @@ export const DEFAULT_CONFIG = {
   proactiveCooldown: 120,
   enableVoiceReply: true,
   enableAgentCollaboration: false,
+  swarmMaxParallel: 4,
+  agentMaxSteps: 40,
   autoSkillWriting: false,
   ttsProvider: 'google',
   ttsVolume: 1.0,
@@ -65,6 +67,11 @@ export const DEFAULT_CONFIG = {
   bflApiKey: '',
   bflModel: 'flux-pro-1.1',
   automationBrowser: 'chromium',
+  browserAutomationEnabled: true,
+  browserAgentMode: 'headless',
+  browserExecutable: '',
+  browserViewportWidth: 1440,
+  browserViewportHeight: 900,
   browserDebugUrl: 'http://127.0.0.1:9222/json/list',
   browserExtensionContextUrl: 'http://127.0.0.1:3212/context',
   enableHeadlessTaskQueue: false,

package/src/renderer/shared/conversation/coordinator.test.ts

@@ -24,4 +24,50 @@ describe('conversation coordinator interface', () => {
     state = transitionConversation(state, { type: 'image_attached', image })
     expect(state.imageAttachments).toEqual([image])
   })
+
+  it('manages queued prompts with add, edit, dequeue, remove, and pause operations', () => {
+    let state = initialConversationState()
+    expect(state.queuedPrompts).toEqual([])
+    expect(state.queuePaused).toBe(false)
+
+    const prompt1 = {
+      id: 'q-1',
+      chatId: 'chat-1',
+      text: 'First queued prompt',
+      createdAt: 1000,
+    }
+    const prompt2 = {
+      id: 'q-2',
+      chatId: 'chat-1',
+      text: 'Second queued prompt',
+      imageAttachments: [{ dataUri: 'data:...', name: 'pic.png' }],
+      createdAt: 2000,
+    }
+
+    // Queue first prompt: should clear composer message and add to queuedPrompts
+    state = transitionConversation(state, { type: 'compose', message: 'First queued prompt' })
+    state = transitionConversation(state, { type: 'prompt_queued', prompt: prompt1 })
+    expect(state.message).toBe('')
+    expect(state.queuedPrompts).toHaveLength(1)
+    expect(state.queuedPrompts[0]).toEqual(prompt1)
+
+    // Queue second prompt with image
+    state = transitionConversation(state, { type: 'prompt_queued', prompt: prompt2 })
+    expect(state.queuedPrompts).toHaveLength(2)
+
+    // Pause queue (e.g. when user clicks stop)
+    state = transitionConversation(state, { type: 'queue_paused_set', paused: true })
+    expect(state.queuePaused).toBe(true)
+
+    // Edit second prompt: removes from queue and restores into composer
+    state = transitionConversation(state, { type: 'queued_prompt_restored_to_composer', prompt: prompt2 })
+    expect(state.queuedPrompts).toHaveLength(1)
+    expect(state.queuedPrompts[0].id).toBe('q-1')
+    expect(state.message).toBe('Second queued prompt')
+    expect(state.imageAttachments).toHaveLength(1)
+
+    // Dequeue first prompt
+    state = transitionConversation(state, { type: 'queued_prompt_dequeued', id: 'q-1' })
+    expect(state.queuedPrompts).toHaveLength(0)
+  })
 })

package/src/renderer/shared/conversation/coordinator.ts

@@ -1,4 +1,4 @@
-import type { AgentProgress, ChatResponse, DocumentAttachment } from '../types'
+import type { AgentProgress, ChatResponse, DocumentAttachment, QueuedPrompt } from '../types'
 import { reduceLiveAgentProgressBatch } from '../agentProgress'
 
 export interface ImageAttachment { dataUri: string; name: string; previewDataUri?: string; objectUrl?: string }
@@ -10,6 +10,8 @@ export interface ConversationState {
   imageAttachments: ImageAttachment[]
   videoAttachments: VideoAttachment[]
   documentAttachment: DocumentAttachment | null
+  queuedPrompts: QueuedPrompt[]
+  queuePaused: boolean
   sending: boolean
   sendingMessage: string
   sendingImageCount: number
@@ -29,6 +31,13 @@ export type ConversationEvent =
   | { type: 'video_removed'; index: number }
   | { type: 'document_attached'; document: DocumentAttachment | null }
   | { type: 'composer_cleared' }
+  | { type: 'prompt_queued'; prompt: QueuedPrompt }
+  | { type: 'queued_prompt_removed'; id: string }
+  | { type: 'queued_prompt_restored_to_composer'; prompt: QueuedPrompt }
+  | { type: 'queued_prompt_dequeued'; id: string }
+  | { type: 'queued_prompts_cleared' }
+  | { type: 'queue_paused_set'; paused: boolean }
+  | { type: 'queued_prompts_synced'; prompts: QueuedPrompt[]; paused: boolean }
   | { type: 'run_started'; message: string; imageCount: number; videoCount: number }
   | { type: 'chunk_received'; chunk: string }
   | { type: 'response_received'; response: ChatResponse }
@@ -44,7 +53,7 @@ export type ConversationEvent =
 export function initialConversationState(initial: Partial<ConversationState> = {}): ConversationState {
   return {
     workspacePath: '', message: '', imageAttachments: [], videoAttachments: [],
-    documentAttachment: null, sending: false, sendingMessage: '', sendingImageCount: 0,
+    documentAttachment: null, queuedPrompts: [], queuePaused: false, sending: false, sendingMessage: '', sendingImageCount: 0,
     sendingVideoCount: 0, streamedReply: '', streamedResponse: null, agentProgress: [],
     pendingApproval: null, ...initial,
   }
@@ -62,6 +71,45 @@ export function transitionConversation(state: ConversationState, event: Conversa
     case 'video_removed': return { ...state, videoAttachments: state.videoAttachments.filter((_, index) => index !== event.index) }
     case 'document_attached': return { ...state, documentAttachment: event.document }
     case 'composer_cleared': return { ...state, message: '', imageAttachments: [], videoAttachments: [], documentAttachment: null }
+    case 'prompt_queued': return {
+      ...state,
+      message: '',
+      imageAttachments: [],
+      videoAttachments: [],
+      documentAttachment: null,
+      queuedPrompts: [...state.queuedPrompts, event.prompt],
+      queuePaused: false,
+    }
+    case 'queued_prompt_removed': return {
+      ...state,
+      queuedPrompts: state.queuedPrompts.filter((p) => p.id !== event.id),
+    }
+    case 'queued_prompt_restored_to_composer': return {
+      ...state,
+      message: event.prompt.text,
+      imageAttachments: event.prompt.imageAttachments || [],
+      videoAttachments: event.prompt.videoAttachments || [],
+      documentAttachment: event.prompt.documentAttachment || null,
+      queuedPrompts: state.queuedPrompts.filter((p) => p.id !== event.prompt.id),
+    }
+    case 'queued_prompt_dequeued': return {
+      ...state,
+      queuedPrompts: state.queuedPrompts.filter((p) => p.id !== event.id),
+    }
+    case 'queued_prompts_cleared': return {
+      ...state,
+      queuedPrompts: [],
+      queuePaused: false,
+    }
+    case 'queue_paused_set': return {
+      ...state,
+      queuePaused: event.paused,
+    }
+    case 'queued_prompts_synced': return {
+      ...state,
+      queuedPrompts: event.prompts,
+      queuePaused: event.paused,
+    }
     case 'run_started': return { ...state, sending: true, sendingMessage: event.message,
       sendingImageCount: event.imageCount, sendingVideoCount: event.videoCount,
       streamedReply: '', streamedResponse: null, agentProgress: [] }