@pheem49/mint 1.15.0 → 1.17.0

package/src/renderer/shared/utils/workspacePreview.ts

@@ -0,0 +1,47 @@
+import { detectArtifactType, type ArtifactFile } from './artifacts'
+import { parseWorkspaceFileDrag, workspacePreviewId } from './workspaceDrag'
+
+interface PreviewApi {
+  readWorkspaceFile(path: string, root?: string): Promise<string>
+  readWorkspaceImage?(path: string, root: string): Promise<string>
+  readWorkspaceMedia?(path: string, root: string): Promise<import('../types').WorkspaceMediaSource>
+  startHtmlPreview(root: string, path: string): Promise<{ url: string; jobId: string }>
+}
+
+export async function createWorkspacePreview(root: string, path: string, api: PreviewApi): Promise<ArtifactFile> {
+  const type = detectArtifactType(path)
+  if (type === 'pdf' || type === 'audio' || type === 'video') {
+    if (!api.readWorkspaceMedia) throw Error('Direct media reading is unavailable')
+    return { path, workspacePath: root, type, ...await api.readWorkspaceMedia(path, root) }
+  }
+  if (type === 'image' || type === 'svg') {
+    if (!api.readWorkspaceImage) throw Error('Direct image reading is unavailable')
+    return { path, workspacePath: root, type, url: await api.readWorkspaceImage(path, root) }
+  }
+  const name = path.replace(/\\/g, '/').split('/').pop() || ''
+  const text = /\.(txt|log|csv|tsv|jsonl?|ya?ml|toml|ini|conf|cfg|env|lock|js|jsx|mjs|cjs|ts|tsx|css|scss|sass|less|xml|sql|rs|py|pyi|sh|bash|zsh|fish|ps1|bat|cmd|go|java|kt|kts|c|h|cpp|hpp|cc|cs|rb|php|swift|dart|vue|svelte|lua|r|ex|exs|erl|hs|clj|proto|graphql|gql|gitignore|gitattributes|editorconfig)$/i.test(name) || /^(Dockerfile|Containerfile|Makefile|Gemfile|Procfile|LICENSE|NOTICE|README|\.env(?:\..*)?)$/i.test(name)
+  if (type === 'code' && !text) return { path, workspacePath: root, type: 'file' }
+  if (type === 'markdown' || type === 'code') {
+    return { path, workspacePath: root, type, content: await api.readWorkspaceFile(path, root) }
+  }
+  const { url } = await api.startHtmlPreview(root, path)
+  return { path, workspacePath: root, type, url }
+}
+
+/** Reuse open tabs and coalesce simultaneous drops before starting preview servers. */
+export function createWorkspacePreviewOpener(api: PreviewApi & {
+  selectIfOpen: (id: string) => boolean
+  open: (artifact: ArtifactFile) => void
+}) {
+  const pending = new Map<string, Promise<void>>()
+  return async (root: string, path: string): Promise<void> => {
+    const file = parseWorkspaceFileDrag(JSON.stringify({ root, path, kind: 'file' }))
+    const id = workspacePreviewId(file.root, file.path)
+    if (api.selectIfOpen(id)) return
+    const existing = pending.get(id)
+    if (existing) { await existing; api.selectIfOpen(id); return }
+    const request = createWorkspacePreview(file.root, file.path, api).then(api.open)
+    pending.set(id, request)
+    try { await request } finally { pending.delete(id) }
+  }
+}

package/src/renderer/shared/utils/workspaceSnapshot.test.ts

@@ -0,0 +1,49 @@
+import { expect, it } from 'vitest'
+import { WorkspaceSnapshotReader } from './workspaceSnapshot'
+import type { WorkspaceSnapshot } from '../types'
+
+const snapshot = (path: string): WorkspaceSnapshot => ({ path, revision: 1, git: { isRepository: false, currentBranch: null, detachedHead: null, branches: [], remoteBranches: [], isDirty: false }, tree: { name: path, path: '', kind: 'directory', children: [] } })
+const request = (root: string) => ({ root, relativePath: '', revision: 0 })
+
+it('starts the new project load immediately and discards the late previous project snapshot', async () => {
+  let finish!: (value: WorkspaceSnapshot) => void
+  const reader = new WorkspaceSnapshotReader(async ({ root }) => root === '/old' ? new Promise(resolve => { finish = resolve }) : snapshot(root))
+  const old = reader.refresh(request('/old'))
+  expect(await reader.refresh(request('/new'))).toMatchObject({ path: '/new' })
+  finish(snapshot('/old-canonical'))
+  expect(await old).toBeNull()
+})
+it('does not publish a snapshot or canonical path after the panel unmounts', async () => {
+  let finish!: (value: WorkspaceSnapshot) => void
+  const reader = new WorkspaceSnapshotReader(() => new Promise(resolve => { finish = resolve }))
+  const pending = reader.refresh(request('/old'))
+  reader.dispose()
+  finish(snapshot('/old-canonical'))
+  expect(await pending).toBeNull()
+})
+it('suppresses errors from superseded requests while reporting the current project failure', async () => {
+  let reject!: (error: Error) => void
+  const reader = new WorkspaceSnapshotReader(async ({ root }) => {
+    if (root === '/old') return new Promise((_resolve, fail) => { reject = fail })
+    throw new Error('new project unavailable')
+  })
+  const old = reader.refresh(request('/old'))
+  await expect(reader.refresh(request('/new'))).rejects.toThrow('new project unavailable')
+  reject(new Error('old project unavailable'))
+  expect(await old).toBeNull()
+})
+it('deduplicates simultaneous refreshes for one root without dropping later refreshes', async () => {
+  let finish!: (value: WorkspaceSnapshot) => void
+  let reads = 0
+  const reader = new WorkspaceSnapshotReader(() => { reads++; return new Promise(resolve => { finish = resolve }) })
+  const first = reader.refresh(request('/project'))
+  const duplicate = reader.refresh(request('/project'))
+  expect(reads).toBe(1)
+  expect(await duplicate).toBeNull()
+  finish(snapshot('/project'))
+  expect(await first).toMatchObject({ path: '/project' })
+  const later = reader.refresh(request('/project'))
+  expect(reads).toBe(2)
+  finish(snapshot('/project'))
+  expect(await later).toMatchObject({ path: '/project' })
+})

package/src/renderer/shared/utils/workspaceSnapshot.ts

@@ -0,0 +1,26 @@
+import type { WorkspaceOperation, WorkspaceSnapshot } from '../types'
+export class WorkspaceSnapshotReader {
+  private generation = 0
+  private inFlightRoot: string | null = null
+  private disposed = false
+  constructor(private read: (request: WorkspaceOperation) => Promise<WorkspaceSnapshot>) {}
+  async refresh(request: WorkspaceOperation): Promise<WorkspaceSnapshot | null> {
+    if (this.disposed || this.inFlightRoot === request.root) return null
+    const generation = ++this.generation
+    this.inFlightRoot = request.root
+    try {
+      const snapshot = await this.read(request)
+      return !this.disposed && generation === this.generation ? snapshot : null
+    } catch (error) {
+      if (this.disposed || generation !== this.generation) return null
+      throw error
+    } finally {
+      if (generation === this.generation) this.inFlightRoot = null
+    }
+  }
+  dispose() {
+    this.disposed = true
+    this.generation++
+    this.inFlightRoot = null
+  }
+}

package/src/renderer/shared/utils/workspaces.ts

@@ -0,0 +1,11 @@
+/** Workspace catalog shared by the chat and Code hub pickers. */
+export function normalizeWorkspacePath(path?: string | null): string {
+  const normalized = (path || '').trim().replace(/\\/g, '/')
+  if (/^[a-z]:\/+$/i.test(normalized)) return normalized.slice(0, 3)
+  return normalized.replace(/\/+$/, '') || (normalized.startsWith('/') ? '/' : '')
+}
+
+export function workspacePaths(recentPaths: string[], currentPath?: string, sessionPaths: (string | undefined)[] = [], removedPaths: string[] = []): string[] {
+  const removed = new Set(removedPaths.map(normalizeWorkspacePath))
+  return [...new Set([...recentPaths, currentPath, ...sessionPaths].map(normalizeWorkspacePath).filter(path => Boolean(path) && !removed.has(path)))]
+}

package/src/renderer/shared/workspaceUndo.ts

@@ -0,0 +1,88 @@
+import { useCallback, useEffect, useRef, useState } from 'react'
+import { workspacePlatform } from './platform'
+import type { WorkspaceHistoryEntry, WorkspaceSnapshot } from './types'
+
+const busyRoots = new Set<string>()
+const HISTORY_EVENT = 'mint:workspace-history-changed'
+
+export function announceWorkspaceChange(snapshot: WorkspaceSnapshot) {
+  window.dispatchEvent(new CustomEvent(HISTORY_EVENT, { detail: snapshot }))
+}
+
+/** Shared by the workspace panel and titlebar; actions stay scoped to a root. */
+export function useWorkspaceUndo(root: string, revision = 0, onSnapshot?: (snapshot: WorkspaceSnapshot) => void) {
+  const [entries, setEntries] = useState<WorkspaceHistoryEntry[]>([])
+  const [loading, setLoading] = useState(false)
+  const loadedRoot = useRef(root)
+  const [busy, setBusy] = useState(false)
+  const [error, setError] = useState('')
+  const rootRef = useRef(root)
+  rootRef.current = root
+  const snapshotHandler = useRef(onSnapshot)
+  snapshotHandler.current = onSnapshot
+
+  useEffect(() => {
+    let active = true
+    let request = 0
+    if (loadedRoot.current !== root) {
+      loadedRoot.current = root
+      setEntries([])
+      setError('')
+      setBusy(false)
+    }
+    const refresh = async () => {
+      const current = ++request
+      if (!root.trim()) { setLoading(false); return }
+      setLoading(true)
+      try {
+        const result = await workspacePlatform.listWorkspaceHistory(root)
+        if (active && current === request) setEntries(result)
+      } catch (reason) {
+        if (active && current === request) setError(reason instanceof Error ? reason.message : String(reason))
+      } finally {
+        if (active && current === request) setLoading(false)
+      }
+    }
+    const changed = (event: Event) => {
+      const snapshot = (event as CustomEvent<WorkspaceSnapshot>).detail
+      if (snapshot?.path === root) {
+        snapshotHandler.current?.(snapshot)
+        void refresh()
+      }
+    }
+    void refresh()
+    window.addEventListener('focus', refresh)
+    window.addEventListener(HISTORY_EVENT, changed)
+    return () => {
+      active = false
+      window.removeEventListener('focus', refresh)
+      window.removeEventListener(HISTORY_EVENT, changed)
+    }
+  }, [root, revision])
+
+  const undo = useCallback(async (expectedId?: string) => {
+    if (!entries.length || busyRoots.has(root)) return false
+    if (expectedId && entries[0].id !== expectedId) {
+      setError("Workspace history changed; review the latest action before undoing")
+      return false
+    }
+    busyRoots.add(root)
+    setBusy(true)
+    setError('')
+    try {
+      const snapshot = await workspacePlatform.undoWorkspaceAction(root, revision, expectedId || entries[0].id)
+      announceWorkspaceChange(snapshot)
+      const result = await workspacePlatform.listWorkspaceHistory(root)
+      if (rootRef.current === root) setEntries(result)
+      return true
+    } catch (reason) {
+      if (rootRef.current === root) setError(reason instanceof Error ? reason.message : String(reason))
+      return false
+    } finally {
+      busyRoots.delete(root)
+      if (rootRef.current === root) setBusy(false)
+    }
+  }, [entries, root, revision])
+
+  return { entries, busy, loading, error, undo }
+}

package/src/renderer/src/App.tsx

@@ -1,8 +1,8 @@
 import React, { lazy, Suspense, useEffect, useState } from 'react'
-import AuthGate from '../shared/components/AuthGate'
-import ChunkErrorBoundary from '../shared/components/ChunkErrorBoundary'
-import ModalErrorBoundary from '../shared/components/ModalErrorBoundary'
-import { lazyWithRetry } from '../shared/utils/lazyWithRetry'
+import AuthGate from '../shared/components/app/AuthGate'
+import ChunkErrorBoundary from '../shared/components/app/ChunkErrorBoundary'
+import ModalErrorBoundary from '../shared/components/app/ModalErrorBoundary'
+import { lazyWithRetry, scheduleIdlePreload } from '../shared/utils/lazyWithRetry'
 import { listen } from './tauri'
 import BrowserShell from './components/BrowserShell'
 import BrowserSuggestionsPopup from './components/BrowserSuggestionsPopup'
@@ -12,6 +12,7 @@ const SpotlightWindow = lazy(() => import('./components/SpotlightWindow'))
 const WidgetWindow = lazy(() => import('./components/WidgetWindow'))
 const ProactiveGlow = lazy(() => import('./components/ProactiveGlow'))
 const ScreenPicker = lazy(() => import('./components/ScreenPicker'))
+const LiveTranslateControls = lazy(() => import('./components/LiveTranslateControls'))
 const MintDashboard = lazyWithRetry(() => import('./components/MintDashboard'))
 function getCurrentRoute(): string {
   if (typeof window === 'undefined') return '/'
@@ -32,7 +33,7 @@ export default function App() {
     window.addEventListener('popstate', handleUrlChange)
     window.addEventListener('hashchange', handleUrlChange)
 
-    // Fired by the tray "Settings" item (src-tauri/src/lib.rs) so it opens
+    // Fired by the tray "Settings" item (src-tauri/src/app/tray.rs) so it opens
     // the settings view in this window instead of spawning a separate one.
     const unlistenPromise = listen('open-settings', () => {
       window.location.hash = '#/settings'
@@ -46,11 +47,9 @@ export default function App() {
   }, [])
 
   useEffect(() => {
-    // Preload SettingsWindow chunk in background so opening settings is instantaneous
-    const timer = setTimeout(() => {
+    return scheduleIdlePreload(() => {
       import('./components/SettingsWindow').catch(() => {})
-    }, 1200)
-    return () => clearTimeout(timer)
+    })
   }, [])
 
   useEffect(() => {
@@ -101,6 +100,13 @@ export default function App() {
       </Suspense>
     )
   }
+  if (route.startsWith('/live-translate-controls')) {
+    return (
+      <Suspense fallback={null}>
+        <LiveTranslateControls />
+      </Suspense>
+    )
+  }
 
   const content = route.startsWith('/settings') ? (
     <>

package/src/renderer/src/components/ChatPanel.tsx

@@ -1,3 +1,3 @@
 // Re-export from the shared module — do NOT add logic here.
 // Edit src/renderer/shared/components/ChatPanel.tsx instead.
-export { default } from '../../shared/components/ChatPanel'
+export { default } from '../../shared/components/chat/ChatPanel'

package/src/renderer/src/components/DashboardSidebar.tsx

@@ -1,4 +1,4 @@
 // Re-export from the shared module — do NOT add logic here.
 // Edit src/renderer/shared/components/DashboardSidebar.tsx instead.
-export { default } from '../../shared/components/DashboardSidebar'
-export type { DashboardView } from '../../shared/components/DashboardSidebar'
+export { default } from '../../shared/components/app/DashboardSidebar'
+export type { DashboardView } from '../../shared/components/app/DashboardSidebar'

package/src/renderer/src/components/ImageStudioPanel.tsx

@@ -1,3 +1,3 @@
 // Re-export from the shared module — do NOT add logic here.
 // Edit src/renderer/shared/components/ImageStudioPanel.tsx instead.
-export { default } from '../../shared/components/ImageStudioPanel'
+export { default } from '../../shared/components/studio/ImageStudioPanel'

package/src/renderer/src/components/LiveTranslateControls.tsx

@@ -0,0 +1,65 @@
+import SelectField from '../../shared/components/ui/SelectField'
+import { useState } from 'react'
+import { invoke } from '@tauri-apps/api/core'
+import { emitTo } from '@tauri-apps/api/event'
+import { LANGUAGE_KEY, LANGUAGES } from './liveTranslateLanguage'
+import './ScreenPicker.css'
+
+type ControlAction = { type: 'pause' | 'resume' | 'change-area' | 'language'; languageChoice?: string; customLanguage?: string }
+
+export default function LiveTranslateControls() {
+  const [savedLanguage] = useState(() => window.localStorage.getItem(LANGUAGE_KEY) || 'Thai')
+  const [languageChoice, setLanguageChoice] = useState(() => LANGUAGES.includes(savedLanguage) ? savedLanguage : 'custom')
+  const [customLanguage, setCustomLanguage] = useState(() => LANGUAGES.includes(savedLanguage) ? '' : savedLanguage)
+  const [paused, setPaused] = useState(false)
+  const [error, setError] = useState('')
+
+  const send = async (action: ControlAction) => {
+    try {
+      await emitTo('screen-picker', 'live-translate-control', action)
+      setError('')
+      return true
+    } catch (reason) {
+      setError(reason instanceof Error ? reason.message : String(reason))
+      return false
+    }
+  }
+
+  const chooseLanguage = (choice: string, custom = customLanguage) => {
+    setLanguageChoice(choice)
+    if (choice === 'custom') setCustomLanguage(custom)
+    const language = choice === 'custom' ? custom.trim() : choice
+    if (language) window.localStorage.setItem(LANGUAGE_KEY, language)
+    void send({ type: 'language', languageChoice: choice, customLanguage: custom })
+  }
+
+  const close = async () => {
+    try {
+      await invoke('close_desktop_window', { label: 'screen-picker' })
+    } catch (reason) {
+      setError(reason instanceof Error ? reason.message : String(reason))
+    }
+  }
+
+  return (
+    <div className="live-translate-controls">
+      <div className="live-translate-toolbar">
+        <div className="live-translate-brand" data-tauri-drag-region>
+          <span aria-hidden="true">◈</span>
+          <div><strong>Live translate</strong><small>Click through the frame</small></div>
+        </div>
+        <label className="live-translate-language">To
+          <SelectField fullWidth={false} value={languageChoice} onValueChange={(nextValue) => chooseLanguage(nextValue)} aria-label="Target language">
+            {LANGUAGES.map((language) => <option key={language} value={language}>{language}</option>)}
+            <option value="custom">Other language…</option>
+          </SelectField>
+        </label>
+        {languageChoice === 'custom' && <input className="live-translate-custom-language" value={customLanguage} onChange={(event) => { setCustomLanguage(event.target.value); chooseLanguage('custom', event.target.value) }} maxLength={64} placeholder="Language name" aria-label="Custom target language" />}
+        <button type="button" onClick={() => { void send({ type: paused ? 'resume' : 'pause' }).then((sent) => { if (sent) setPaused(!paused) }) }}>{paused ? 'Resume' : 'Pause'}</button>
+        <button type="button" onClick={() => { void send({ type: 'change-area' }) }}>Change area</button>
+        <button type="button" className="live-translate-close" onClick={() => void close()} aria-label="Close live translate">×</button>
+      </div>
+      {error && <div className="live-translate-controls-error" role="alert">{error}</div>}
+    </div>
+  )
+}

package/src/renderer/src/components/MintDashboard.tsx

@@ -2,4 +2,4 @@
 import '../css/dashboard.css'
 
 // Re-export from the shared module — edit its logic there.
-export { default } from '../../shared/components/MintDashboard'
+export { default } from '../../shared/components/app/MintDashboard'

package/src/renderer/src/components/ProactiveGlow.tsx

@@ -8,7 +8,7 @@ export default function ProactiveGlow() {
             position: absolute;
             inset: 0;
             pointer-events: none;
-            box-shadow: inset 0 0 70px rgba(16, 185, 129, 0.2);
+            box-shadow: inset 0 0 70px var(--accent-glow, rgba(16, 185, 129, 0.2));
             opacity: 0.7;
             z-index: 100;
         }

package/src/renderer/src/components/ScreenPicker.css

@@ -12,14 +12,14 @@
   inset: 0;
   cursor: crosshair;
   touch-action: none;
-  background: var(--zinc-950);
+  background: transparent;
 }
 
-.live-translate-picker img {
-  display: block;
-  width: 100%;
-  height: 100%;
-  user-select: none;
+.live-translate-crosshair {
+  position: absolute;
+  inset: 0;
+  pointer-events: none;
+  background: linear-gradient(rgba(8, 10, 14, 0.13), rgba(8, 10, 14, 0.13));
 }
 
 .live-translate-loading {
@@ -58,6 +58,36 @@
   color: var(--pure-white);
 }
 
+.live-translate-controls {
+  position: fixed;
+  inset: 0;
+  background: transparent;
+  color: var(--pure-white);
+}
+
+.live-translate-controls .live-translate-toolbar {
+  top: 0;
+  left: 0;
+  box-sizing: border-box;
+  width: 100%;
+  height: 100%;
+  max-width: none;
+  transform: none;
+}
+
+.live-translate-controls .live-translate-brand { cursor: move; }
+
+.live-translate-controls-error {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  padding: 5px 10px;
+  background: var(--status-error);
+  color: var(--pure-white);
+  font-size: 0.72rem;
+}
+
 .live-translate-brand {
   display: flex;
   align-items: center;
@@ -140,41 +170,49 @@
   z-index: 2;
   display: flex;
   flex-direction: column;
+  box-sizing: border-box;
   overflow: hidden;
-  padding: 12px 16px;
-  border: 2px solid var(--accent);
+  padding: 5px 7px;
+  border: 1px solid rgba(255, 255, 255, 0.12);
   border-radius: var(--radius-sm);
-  background: rgba(10, 10, 12, 0.97);
-  box-shadow: var(--shadow-lg);
+  background: rgba(10, 10, 12, 0.28);
+  -webkit-backdrop-filter: blur(8px);
+  backdrop-filter: blur(8px);
   color: var(--pure-white);
   pointer-events: none;
 }
 
-.live-translate-result-label {
-  flex: none;
-  margin-bottom: 6px;
-  color: var(--slate-300);
-  font-size: 0.68rem;
-  font-weight: 700;
-  letter-spacing: 0.06em;
-  text-transform: uppercase;
+.live-translate-result-backdrop {
+  position: absolute;
+  inset: -8px;
+  width: calc(100% + 16px);
+  height: calc(100% + 16px);
+  object-fit: fill;
+  opacity: 0.55;
+  filter: blur(8px);
+  pointer-events: none;
+}
+
+.live-translate-live-frame {
+  position: absolute;
+  z-index: 1;
+  outline: 2px solid var(--accent);
+  border-radius: 4px;
+  box-shadow: 0 0 16px color-mix(in srgb, var(--accent) 38%, transparent);
+  pointer-events: none;
 }
 
 .live-translate-result-text {
-  overflow: auto;
-  font-size: clamp(13px, 1.3vw, 22px);
-  font-weight: 500;
-  line-height: 1.5;
+  position: relative;
+  overflow: hidden;
+  font-size: 14px;
+  font-weight: 400;
+  line-height: 1.4;
+  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.8);
   white-space: pre-wrap;
   overflow-wrap: anywhere;
 }
 
-.live-translate.is-sampling .live-translate-toolbar,
-.live-translate.is-sampling .live-translate-result,
-.live-translate.is-sampling .live-translate-error {
-  visibility: hidden;
-}
-
 .live-translate button:focus-visible,
 .live-translate select:focus-visible,
 .live-translate input:focus-visible {
@@ -185,6 +223,5 @@
 @media (max-width: 760px) {
   .live-translate-toolbar { justify-content: center; flex-wrap: wrap; width: calc(100vw - 24px); }
   .live-translate-brand { flex: 1 1 100%; }
-  .live-translate-result { padding: 8px 10px; }
-  .live-translate-result-label { font-size: 0.6rem; }
+  .live-translate-result { padding: 5px 7px; }
 }