@pheem49/mint 1.17.0 → 1.18.0

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

@@ -5,7 +5,7 @@ import { detectArtifactType, type ArtifactFile } from '../../utils/artifacts'
 import TerminalDock from './TerminalDock'
 import type { FileChange } from '../../types'
 import { ListTodo, Paperclip, Puzzle, Image as ImageIcon, Layers, ChevronLeft, ChevronRight } from 'lucide-react'
-import { WORKSPACE_FILE_MIME, parseWorkspaceFileDrag, type WorkspaceFileDrag } from '../../utils/workspaceDrag'
+import { WORKSPACE_FILE_MIME, parseWorkspaceFileDrag, setWorkspaceDragData, type WorkspaceFileDrag } from '../../utils/workspaceDrag'
 
 const ArtifactPreviewPanel = lazy(() => import('./ArtifactPreviewPanel').then(m => ({ default: m.ArtifactPreviewPanel })))
 const CodeReviewPage = lazy(() => import('./CodeReviewPage'))
@@ -531,34 +531,45 @@ export default function ToolSurfacePage({
               role="tablist"
               aria-label="Open tool pages"
             >
-              {surfaces.map((surface) => (
-                <div
-                  className={`tool-surface-tab ${surface.id === active.id ? 'is-active' : ''}`}
-                  key={surface.id}
-                  onContextMenu={(event) => {
-                    event.preventDefault()
-                    event.stopPropagation()
-                    setTabMenuState({
-                      id: surface.id,
-                      x: Math.min(event.clientX, window.innerWidth - 180),
-                      y: Math.min(event.clientY, window.innerHeight - 150),
-                    })
-                  }}
-                >
-                  <button
-                    type="button"
-                    role="tab"
-                    aria-selected={surface.id === active.id}
-                    title={surface.title}
-                    aria-label={surface.title}
-                    onClick={() => { setTabMenuState(null); onSelect(surface.id) }}
+              {surfaces.map((surface) => {
+                const isPreview = surface.kind === 'preview' && Boolean(surface.artifact?.path)
+                return (
+                  <div
+                    className={`tool-surface-tab ${surface.id === active.id ? 'is-active' : ''}`}
+                    key={surface.id}
+                    draggable={isPreview}
+                    onDragStart={isPreview ? (event) => {
+                      setWorkspaceDragData(event.dataTransfer, {
+                        path: surface.artifact.path,
+                        root: surface.artifact.workspacePath || workspacePath,
+                        url: surface.artifact.url,
+                      })
+                    } : undefined}
+                    onContextMenu={(event) => {
+                      event.preventDefault()
+                      event.stopPropagation()
+                      setTabMenuState({
+                        id: surface.id,
+                        x: Math.min(event.clientX, window.innerWidth - 180),
+                        y: Math.min(event.clientY, window.innerHeight - 150),
+                      })
+                    }}
                   >
-                    <span className={`tool-surface-tab-icon is-${surface.kind}`} aria-hidden="true">{surfaceIcon(surface)}</span>
-                    <span className="tool-surface-tab-title">{surface.title}</span>
-                  </button>
-                  <button type="button" className="tool-surface-tab-close" onClick={() => onClose(surface.id)} aria-label={`Close ${surface.title}`} title="Close">×</button>
-                </div>
-              ))}
+                    <button
+                      type="button"
+                      role="tab"
+                      aria-selected={surface.id === active.id}
+                      title={surface.title}
+                      aria-label={surface.title}
+                      onClick={() => { setTabMenuState(null); onSelect(surface.id) }}
+                    >
+                      <span className={`tool-surface-tab-icon is-${surface.kind}`} aria-hidden="true">{surfaceIcon(surface)}</span>
+                      <span className="tool-surface-tab-title">{surface.title}</span>
+                    </button>
+                    <button type="button" className="tool-surface-tab-close" onClick={() => onClose(surface.id)} aria-label={`Close ${surface.title}`} title="Close">×</button>
+                  </div>
+                )
+              })}
             </div>
             {hasOverflow && (
               <button
@@ -636,10 +647,19 @@ export default function ToolSurfacePage({
                   <div className="tool-surface-tabs-dropdown-list">
                     {surfaces.map((s) => {
                       const isActive = s.id === active.id
+                      const isPreview = s.kind === 'preview' && Boolean(s.artifact?.path)
                       return (
                         <div
                           key={s.id}
                           className={`tool-surface-tabs-dropdown-item ${isActive ? 'is-active' : ''}`}
+                          draggable={isPreview}
+                          onDragStart={isPreview ? (event) => {
+                            setWorkspaceDragData(event.dataTransfer, {
+                              path: s.artifact.path,
+                              root: s.artifact.workspacePath || workspacePath,
+                              url: s.artifact.url,
+                            })
+                          } : undefined}
                           onClick={() => {
                             onSelect(s.id)
                             setTabsSwitcherOpen(false)

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

@@ -1,11 +1,128 @@
-import { useEffect, useRef, useState } from 'react'
+import { useEffect, useRef, useState, useCallback } 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 }) {
+function PdfPageItem({
+  pdf,
+  pageNumber,
+  width,
+  zoom,
+  onVisible,
+}: {
+  pdf: PDFDocumentProxy
+  pageNumber: number
+  width: number
+  zoom: number
+  onVisible?: (page: number) => void
+}) {
+  const canvasRef = useRef<HTMLCanvasElement>(null)
+  const containerRef = useRef<HTMLDivElement>(null)
+
+  useEffect(() => {
+    let cancelled = false
+    let renderTask: any = null
+
+    void pdf.getPage(pageNumber).then((page) => {
+      if (cancelled || !canvasRef.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))
+      )
+      const canvas = canvasRef.current
+      canvas.width = Math.ceil(viewport.width * output)
+      canvas.height = Math.ceil(viewport.height * output)
+      canvas.style.width = `${viewport.width}px`
+      canvas.style.height = `${viewport.height}px`
+
+      renderTask = page.render({
+        canvas,
+        viewport,
+        transform: output === 1 ? undefined : [output, 0, 0, output, 0, 0],
+      })
+      return renderTask.promise
+    }).catch(() => {})
+
+    return () => {
+      cancelled = true
+      renderTask?.cancel()
+    }
+  }, [pdf, pageNumber, width, zoom])
+
+  useEffect(() => {
+    if (!containerRef.current || !onVisible) return
+    const el = containerRef.current
+    const observer = new IntersectionObserver(
+      (entries) => {
+        for (const entry of entries) {
+          if (entry.isIntersecting && entry.intersectionRatio >= 0.4) {
+            onVisible(pageNumber)
+          }
+        }
+      },
+      { threshold: 0.4 }
+    )
+    observer.observe(el)
+    return () => observer.disconnect()
+  }, [pageNumber, onVisible])
+
+  return (
+    <div
+      ref={containerRef}
+      id={`pdf-page-${pageNumber}`}
+      className="workspace-pdf-page-container"
+      style={{
+        display: 'flex',
+        flexDirection: 'column',
+        alignItems: 'center',
+        marginBottom: '24px',
+        position: 'relative',
+        width: '100%',
+      }}
+    >
+      <canvas
+        ref={canvasRef}
+        style={{
+          boxShadow: '0 6px 24px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(255, 255, 255, 0.08)',
+          borderRadius: 'var(--radius-xs, 6px)',
+          display: 'block',
+          background: '#ffffff',
+          maxWidth: '100%',
+        }}
+        aria-label={`PDF page ${pageNumber}`}
+      />
+      <span
+        style={{
+          marginTop: '8px',
+          fontSize: '11px',
+          color: 'var(--text-muted, #a1a1aa)',
+          fontWeight: 500,
+        }}
+      >
+        Slide {pageNumber} of {pdf.numPages}
+      </span>
+    </div>
+  )
+}
+
+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)
@@ -14,7 +131,6 @@ export default function WorkspacePdfPreview({ url, path, root, byteLength, range
   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
@@ -28,62 +144,165 @@ export default function WorkspacePdfPreview({ url, path, root, byteLength, range
     let cancelled = false
     let task: ReturnType<typeof import('pdfjs-dist').getDocument> | undefined
     const controllers = new Set<AbortController>()
-    setPdf(null); setError(''); setLoading(true); setPageNumber(1)
+    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 }
+      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))
+            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()
           }
-          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 })
+        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() }
+      if (!cancelled) {
+        setPdf(document)
+        setLoading(false)
+      }
+    })().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])
 
+  const scrollToPage = useCallback((p: number) => {
+    if (!pdf) return
+    const target = Math.max(1, Math.min(pdf.numPages, p))
+    setPageNumber(target)
+    const el = document.getElementById(`pdf-page-${target}`)
+    if (el) {
+      el.scrollIntoView({ behavior: 'smooth', block: 'start' })
+    }
+  }, [pdf])
+
   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])
+    if (!pdf) return
+    const onKeyDown = (e: KeyboardEvent) => {
+      const targetTag = (e.target as HTMLElement)?.tagName
+      if (['INPUT', 'TEXTAREA'].includes(targetTag)) return
+      if (e.key === 'ArrowRight' || e.key === 'ArrowDown' || e.key === 'PageDown' || e.key === ' ') {
+        e.preventDefault()
+        scrollToPage(pageNumber + 1)
+      } else if (e.key === 'ArrowLeft' || e.key === 'ArrowUp' || e.key === 'PageUp') {
+        e.preventDefault()
+        scrollToPage(pageNumber - 1)
+      }
+    }
+    window.addEventListener('keydown', onKeyDown)
+    return () => window.removeEventListener('keydown', onKeyDown)
+  }, [pdf, pageNumber, scrollToPage])
 
-  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>
+  const pageCount = pdf?.numPages || 0
+  const pages = Array.from({ length: pageCount }, (_, i) => i + 1)
+
+  return (
+    <section className="workspace-pdf-preview" aria-label="PDF preview">
+      <div className="workspace-pdf-controls" role="toolbar" aria-label="PDF controls">
+        <span style={{ fontWeight: 600, fontSize: '12px', color: 'var(--text-main)' }} aria-live="polite">
+          Slide {pageNumber} / {pdf?.numPages ?? '–'}
+        </span>
+        <div style={{ height: '14px', width: '1px', background: 'var(--border)', margin: '0 4px' }} />
+        <div style={{ display: 'inline-flex', alignItems: 'center', gap: '6px' }}>
+          <button
+            type="button"
+            aria-label="Zoom PDF out"
+            disabled={zoom <= 0.5}
+            onClick={() => setZoom((value) => Math.max(0.5, value - 0.25))}
+          >
+            −
+          </button>
+          <span style={{ fontSize: '11px', minWidth: '36px', textAlign: 'center' }}>{Math.round(zoom * 100)}%</span>
+          <button
+            type="button"
+            aria-label="Zoom PDF in"
+            disabled={zoom >= 2}
+            onClick={() => setZoom((value) => Math.min(2, value + 0.25))}
+          >
+            +
+          </button>
+        </div>
+      </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} />
+          </>
+        ) : (
+          pdf && (
+            <div style={{ display: 'flex', flexDirection: 'column', width: '100%', alignItems: 'center' }}>
+              {pages.map((num) => (
+                <PdfPageItem
+                  key={num}
+                  pdf={pdf}
+                  pageNumber={num}
+                  width={width}
+                  zoom={zoom}
+                  onVisible={setPageNumber}
+                />
+              ))}
+            </div>
+          )
+        )}
+      </div>
+    </section>
+  )
 }

package/src/renderer/shared/components/workspace/WorkspacePreviewActions.test.tsx

@@ -43,9 +43,9 @@ it('renders images fitted inside Preview without a binary code tab and with form
   expect(webpHtml).toContain('WEBP')
 })
 
-it('identifies the browser action as Mint Browser instead of a generic popup', () => {
+it('identifies the browser action as preview in system browser', () => {
   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)"')
+  expect(html).toContain('aria-label="Open preview"')
 })
 
 it('renders pure code files in code mode with language chip and without preview toggle or browser button', () => {
@@ -62,7 +62,7 @@ it('renders pure code files in code mode with language chip and without preview
   expect(html).toContain('import')
   expect(html).toContain('json')
   expect(html).toContain('hello')
-  expect(html).not.toContain('aria-label="Open in Mint Browser (Mint Auto)"')
+  expect(html).not.toContain('aria-label="Open preview"')
 })
 
 it('renders dual-mode toggles for markdown, svg, and html without showing browser button for non-html', () => {
@@ -71,19 +71,31 @@ it('renders dual-mode toggles for markdown, svg, and html without showing browse
   )
   expect(mdHtml).toMatch(/>Preview<\/button>/)
   expect(mdHtml).toMatch(/>Code<\/button>/)
-  expect(mdHtml).not.toContain('aria-label="Open in Mint Browser (Mint Auto)"')
+  expect(mdHtml).not.toContain('aria-label="Open preview"')
 
   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)"')
+  expect(svgHtml).not.toContain('aria-label="Open preview"')
 
   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)"')
+  expect(webHtml).toContain('aria-label="Open preview"')
 })
+
+it('makes the artifact header draggable for dragging into chat', () => {
+  const html = renderToStaticMarkup(
+    <ArtifactPreviewPanel
+      artifact={{ path: 'Harness_Presentation.pdf', content: '' }}
+      onClose={() => {}}
+    />,
+  )
+  expect(html).toContain('draggable="true"')
+  expect(html).toContain('artifact-preview-header-drag')
+})
+

package/src/renderer/shared/components/workspace/background-terminals.css

@@ -48,7 +48,7 @@
   height: 36px;
   place-items: center;
   border: 1px solid color-mix(in srgb, var(--accent, #10b981) 28%, transparent);
-  border-radius: 11px;
+  border-radius: var(--radius-md, 10px);
   background: color-mix(in srgb, var(--accent, #10b981) 10%, transparent);
   color: var(--accent, #10b981);
   font-weight: 700;
@@ -80,7 +80,7 @@
   min-height: 38px;
   padding: 0 10px;
   border: 1px solid var(--border, #343438);
-  border-radius: 10px;
+  border-radius: var(--radius-md, 10px);
   background: var(--bg-surface-soft, rgba(255, 255, 255, 0.03));
   color: var(--text-main, #eeeeef);
   cursor: pointer;
@@ -95,7 +95,7 @@
 .background-terminal-panel > p {
   margin: 0;
   padding: 9px 10px;
-  border-radius: 9px;
+  border-radius: var(--radius-sm, 8px);
   background: color-mix(in srgb, var(--status-error, #f18585) 9%, transparent);
 }
 
@@ -116,7 +116,7 @@
   gap: 7px;
   padding: 22px 14px;
   border: 1px dashed var(--border, #343438);
-  border-radius: 12px;
+  border-radius: var(--radius-xl, 18px);
   color: var(--text-muted, #94a3b8);
   text-align: center;
 }
@@ -126,7 +126,7 @@
   width: 34px;
   height: 34px;
   place-items: center;
-  border-radius: 10px;
+  border-radius: var(--radius-md, 10px);
   background: var(--bg-surface-soft, rgba(255, 255, 255, 0.05));
   color: var(--accent, #10b981);
   font-weight: 700;
@@ -147,7 +147,7 @@
   min-width: 0;
   padding: 11px;
   border: 1px solid var(--border, #343438);
-  border-radius: 12px;
+  border-radius: var(--radius-xl, 18px);
   background: var(--bg-surface-soft, rgba(255, 255, 255, 0.025));
 }
 
@@ -172,7 +172,7 @@
 
 .background-terminal-state {
   padding: 2px 7px;
-  border-radius: 999px;
+  border-radius: var(--radius-full, 9999px);
   background: var(--bg-surface-hover, rgba(255, 255, 255, 0.06));
   font-size: 10px;
   text-transform: capitalize;
@@ -187,7 +187,7 @@
   margin: 9px 0 7px;
   padding: 8px 9px;
   border: 1px solid var(--border, #343438);
-  border-radius: 8px;
+  border-radius: var(--radius-sm, 8px);
   background: var(--input-bg, #101012);
   color: var(--text-main, #eeeeef);
   white-space: pre-wrap;
@@ -211,7 +211,7 @@
   min-height: 30px;
   padding: 5px 9px;
   border: 1px solid var(--border, #343438);
-  border-radius: 8px;
+  border-radius: var(--radius-sm, 8px);
   background: var(--bg-surface-soft, rgba(255, 255, 255, 0.04));
   cursor: pointer;
   text-decoration: none;
@@ -254,7 +254,7 @@
   overflow: auto;
   padding: 10px;
   border: 1px solid var(--border, #343438);
-  border-radius: 9px;
+  border-radius: var(--radius-sm, 8px);
   background: var(--input-bg, #101012);
 }
 
@@ -285,7 +285,7 @@
 .background-terminal-output > header > button {
   display: inline-flex; align-items: center; justify-content: center;
   width: 26px; height: 26px; margin-left: auto; padding: 0;
-  border: 1px solid var(--border, #343438); border-radius: 7px;
+  border: 1px solid var(--border, #343438); border-radius: var(--radius-sm, 8px);
   background: var(--bg-surface-soft, rgba(255,255,255,.04)); color: var(--text-muted, #94a3b8);
   cursor: pointer;
 }

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

@@ -9,6 +9,7 @@ export const DEFAULT_CONFIG = {
   theme: 'dark',
   tuiTheme: 'dark' as 'system' | 'dark' | 'light',
   accentColor: '#10b981',
+  textColor: '#f8fafc',
   systemTextColor: '#f8fafc',
   chatTextColor: '#f8fafc',
   customBgStart: '#0f172a',
@@ -66,14 +67,9 @@ export const DEFAULT_CONFIG = {
   hfApiKey: '',
   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,
   enableAutoUpdate: false,
   updaterEndpoint: '',