@pheem49/mint 1.16.0 → 1.18.0

package/src/renderer/src/index.css

@@ -13,6 +13,11 @@ body, html, #root {
   background: transparent;
 }
 
+[data-theme="studio"],
+[data-theme="studio"] body {
+  background-color: #101010;
+}
+
 body, html {
   font-family: var(--font-ui, 'Inter', 'Noto Sans Thai', ui-sans-serif, system-ui, sans-serif);
   -webkit-font-smoothing: antialiased;
@@ -46,22 +51,36 @@ button {
   background: color-mix(in srgb, var(--accent, #10b981) 12%, transparent);
   border: 1px solid color-mix(in srgb, var(--accent, #10b981) 25%, transparent);
   color: var(--interactive-fg);
-  padding: 2px 6px;
-  border-radius: 6px;
+  padding: 1px 6px;
+  border-radius: var(--radius-xs, 6px);
   font-weight: 500;
-  font-size: 0.9em;
-  display: inline-block;
+  font-size: 0.88em;
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+  vertical-align: middle;
   margin: 0 2px;
+  line-height: 1.4;
+}
+
+.chat-mention.chat-file-mention {
+  cursor: pointer;
+  transition: background 0.15s ease, border-color 0.15s ease;
+}
+
+.chat-mention.chat-file-mention:hover {
+  background: color-mix(in srgb, var(--accent, #10b981) 20%, transparent);
+  border-color: color-mix(in srgb, var(--accent, #10b981) 40%, transparent);
 }
 
 .chat-ui-grid-item:hover {
   transform: translateY(-2px);
-  border-color: rgba(255, 255, 255, 0.16) !important;
-  box-shadow: 0 6px 20px -4px rgba(0, 0, 0, 0.3);
+  border-color: var(--border-strong) !important;
+  box-shadow: var(--shadow-md);
 }
 
 .chat-ui-feature-item:hover {
-  border-color: rgba(255, 255, 255, 0.18) !important;
+  border-color: var(--border-strong) !important;
 }
 
 /* Minimalist AI Workspace (Claude / Cursor style) Code Block */
@@ -70,7 +89,7 @@ button {
   flex-direction: column;
   background: var(--panel-soft, #121214);
   border: 1px solid var(--border, rgba(255, 255, 255, 0.08));
-  border-radius: 16px;
+  border-radius: var(--radius-xl, 18px);
   margin: 12px 0;
   overflow: hidden;
   box-shadow: var(--shadow-sm, 0 4px 16px rgba(0, 0, 0, 0.18));
@@ -103,9 +122,9 @@ button {
 .chat-code-block-lines {
   font-size: 0.7rem;
   color: var(--text-soft, #64748b);
-  background: rgba(255, 255, 255, 0.04);
+  background: var(--bg-surface-soft);
   padding: 1px 6px;
-  border-radius: 4px;
+  border-radius: var(--radius-2xs, 4px);
 }
 
 .chat-code-block-actions {
@@ -120,7 +139,7 @@ button {
   color: var(--text-soft, #94a3b8);
   cursor: pointer;
   padding: 4px 8px;
-  border-radius: 5px;
+  border-radius: var(--radius-xs, 6px);
   display: inline-flex;
   align-items: center;
   gap: 5px;
@@ -130,7 +149,7 @@ button {
 }
 
 .chat-code-action-btn:hover {
-  background: rgba(255, 255, 255, 0.06);
+  background: var(--bg-surface-hover);
   color: var(--text-main, #f1f5f9);
 }
 
@@ -138,6 +157,10 @@ button {
   padding: 4px 6px;
 }
 
+.chat-code-toggle-lines-btn.is-active {
+  color: var(--interactive-fg, #38bdf8);
+}
+
 .chat-code-copy-btn.is-copied {
   color: var(--interactive-fg);
 }
@@ -159,9 +182,9 @@ button {
 }
 
 .chat-code-block-body code {
-  font-family: 'Fira Code', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
-  font-size: 13px;
-  line-height: 1.6;
+  font-family: 'Fira Code', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Noto Sans Thai', monospace;
+  font-size: 14.5px;
+  line-height: 1.65;
   white-space: pre;
   color: var(--text-chat, var(--text-main, #e2e8f0));
   display: block;
@@ -183,7 +206,7 @@ button {
 }
 
 .chat-code-line:hover {
-  background: rgba(255, 255, 255, 0.02);
+  background: var(--bg-surface-soft);
 }
 
 .chat-code-line-num {
@@ -192,7 +215,7 @@ button {
   padding-right: 14px;
   text-align: right;
   color: var(--text-soft, #475569);
-  font-size: 0.76rem;
+  font-size: 0.82rem;
   user-select: none;
   opacity: 0.65;
 }
@@ -206,70 +229,18 @@ button {
   padding-left: 16px;
 }
 
-/* Syntax Highlighting Tokens - Claude / Cursor low-saturation theme */
-.token-command {
-  color: #38bdf8; /* Soft sky blue */
-  font-weight: 500;
-}
-
-.token-keyword {
-  color: #818cf8; /* Soft indigo / violet */
-  font-weight: 500;
-}
-
-.token-string {
-  color: #86efac; /* Calm emerald green */
-}
-
-.token-flag {
-  color: #fde047; /* Soft yellow / amber */
-}
-
-.token-comment {
-  color: #64748b; /* Muted slate */
-  font-style: italic;
-}
-
-.token-number {
-  color: #fdba74; /* Soft warm orange */
-}
-
-.token-variable {
-  color: #f472b6; /* Soft pink */
-}
-
-.token-property {
-  color: #93c5fd; /* Soft light blue */
-}
-
-.token-function {
-  color: #38bdf8; /* Soft sky blue */
-}
-
-.token-type {
-  color: #a78bfa; /* Soft purple */
-}
-
-.token-boolean {
-  color: #fb7185; /* Soft rose */
-}
-
-.token-operator {
-  color: #94a3b8; /* Muted slate */
-}
-
-.token-punctuation {
-  color: #64748b; /* Darker muted slate */
-}
-
 .chat-bold-highlight {
   color: var(--text-chat, var(--text-main, inherit));
   font-weight: 600;
 }
+
 /* Code Syntax Highlighting (Driven by tokens.css) */
+.token-command { color: var(--syntax-command); font-weight: 500; }
+.token-keyword { color: var(--syntax-keyword); font-weight: 500; }
+.token-tag { color: var(--syntax-variable, #f43f5e); font-weight: 500; }
 .token-string { color: var(--syntax-string); }
 .token-flag { color: var(--syntax-flag); }
-.token-comment { color: var(--syntax-comment); }
+.token-comment { color: var(--syntax-comment); font-style: italic; }
 .token-number { color: var(--syntax-number); }
 .token-variable { color: var(--syntax-variable); }
 .token-property { color: var(--syntax-property); }
@@ -279,19 +250,18 @@ button {
 .token-operator { color: var(--syntax-operator); }
 .token-punctuation { color: var(--syntax-punctuation); }
 
-/* Tech Pill Inline Code (ChatGPT style) */
+/* Minimal Inline Code */
 .chat-inline-code {
-  background: var(--bg-surface-soft);
-  border: 1px solid var(--border-default);
-  color: var(--text-primary);
-  padding: 2px 7px;
-  border-radius: var(--radius-sm, 6px);
+  background: var(--bg-surface-hover, rgba(127, 127, 127, 0.14));
+  border: none;
+  color: var(--text-chat, var(--text-primary, inherit));
+  padding: 1.5px 5px;
+  border-radius: var(--radius-xs, 4px);
   font-family: 'Fira Code', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
-  font-size: 0.86em;
+  font-size: 0.88em;
   font-weight: 500;
   letter-spacing: -0.01em;
-  box-shadow: var(--shadow-sm);
-  display: inline-block;
+  box-shadow: none;
   vertical-align: baseline;
 }
 

package/src/renderer/src/tauri.ts

@@ -1,5 +1,8 @@
+import { createWorkspaceMediaReader } from '../shared/utils/workspaceMedia'
+import { createWorkspaceImageReader } from '../shared/utils/workspaceImage'
 import { createLibraryTransport } from '../shared/library/transport'
 import { createSourcesTransport } from '../shared/conversation/sourcesTransport'
+import { createExternalLinkInterceptor } from '../shared/utils/externalLinks'
 /** Returns true when running inside the Tauri webview (desktop app). */
 export const isTauriRuntime = (): boolean =>
   typeof window !== 'undefined' && Boolean((window as any).__TAURI_INTERNALS__)
@@ -451,6 +454,17 @@ export async function cancelMicRecording(): Promise<void> {
 }
 
 
+export async function speechRequest(request: import('../shared/speech/types').SpeechRequest): Promise<import('../shared/speech/types').SpeechReply> {
+  if (isTauriRuntime()) {
+    const { invoke } = await import('@tauri-apps/api/core')
+    return invoke('speech_request', { request })
+  }
+  const response = await authFetch(`${getLocalApiBase()}/speech`, { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify(request) })
+  const result = await response.json()
+  if (!response.ok) throw new Error(result.error || 'Speech request failed')
+  return result
+}
+
 export async function getTtsUrls(text: string): Promise<TtsUrl[]> {
   if (typeof window === 'undefined' || !(window as any).__TAURI_INTERNALS__) return []
   const { invoke } = await import('@tauri-apps/api/core')
@@ -561,6 +575,12 @@ export async function saveInteractionAgentActivity(
   await invoke('save_interaction_agent_activity', { interactionId, activity })
 }
 
+export async function pendingCompanionChat(acknowledgedId?: string): Promise<string | null> {
+  if (!isTauriRuntime()) return null
+  const { invoke } = await import('@tauri-apps/api/core')
+  return invoke<string | null>('pending_companion_chat', { acknowledgedId: acknowledgedId ?? null })
+}
+
 export async function listChatSessions(): Promise<ChatSession[]> {
   if (!isTauriRuntime()) {
     const API_BASE = getLocalApiBase();
@@ -966,6 +986,25 @@ export async function clearChatHistory(chatId?: string | null): Promise<number>
   return invoke<number>('clear_chat_history', { chatId })
 }
 
+export async function truncateInteractionsFrom(chatId: string | null | undefined, fromId: number): Promise<number> {
+  if (!isTauriRuntime()) {
+    const API_BASE = getLocalApiBase();
+    try {
+      const params = new URLSearchParams();
+      if (chatId) params.set('chatId', chatId);
+      params.set('fromId', String(fromId));
+      const res = await authFetch(`${API_BASE}/interactions/truncate?${params.toString()}`, { method: 'POST' });
+      const data = await res.json();
+      return data.status === 'ok' ? 1 : 0;
+    } catch (e) {
+      console.error("Failed to truncate interactions on local server:", e);
+      return 0;
+    }
+  }
+  const { invoke } = await import('@tauri-apps/api/core')
+  return invoke<number>('truncate_interactions_from', { chatId, fromId })
+}
+
 export async function listSavedPictures(): Promise<PictureEntry[]> {
   if (!isTauriRuntime()) {
     const API_BASE = getLocalApiBase();
@@ -1288,7 +1327,49 @@ export function convertFileSrc(filePath: string, protocol = 'asset'): string {
   return `https://asset.localhost/${encodeURIComponent(path)}`;
 }
 
+/**
+ * Opens an external URL in the system's default browser (via Tauri desktop action in Tauri runtime,
+ * or window.open in fallback browser environments).
+ */
+export async function openExternal(url: string): Promise<any> {
+  if (isTauriRuntime()) {
+    const { invoke } = await import('@tauri-apps/api/core')
+    return invoke('run_desktop_action', { action: { type: 'open_url', target: url } })
+  }
+  if (typeof window !== 'undefined') {
+    return window.open(url, '_blank', 'noopener,noreferrer')
+  }
+}
+
+let activeLinkInterceptorCleanup: (() => void) | null = null
+
+/**
+ * Global link interceptor: Catches clicks on anchor tags pointing to external URLs
+ * and opens them in the system default browser via Tauri desktop actions (or window.open fallback).
+ */
+export const installExternalLinkInterceptor = createExternalLinkInterceptor(openExternal)
+
 export function installTauriAdapters() {
+  if (typeof document !== 'undefined') {
+    if (activeLinkInterceptorCleanup) {
+      activeLinkInterceptorCleanup()
+    }
+    activeLinkInterceptorCleanup = installExternalLinkInterceptor(document)
+  }
+
+  if (typeof window !== 'undefined' && isTauriRuntime() && !(window as any).__MINT_WINDOW_OPEN_PATCHED__) {
+    ;(window as any).__MINT_WINDOW_OPEN_PATCHED__ = true
+    const originalWindowOpen = window.open.bind(window)
+    window.open = (url?: string | URL, target?: string, features?: string): Window | null => {
+      const urlStr = url ? String(url) : ''
+      if (/^https?:\/\//i.test(urlStr) && target === '_blank') {
+        void openExternal(urlStr)
+        return null
+      }
+      return originalWindowOpen(url, target, features)
+    }
+  }
+
   if (!isTauriRuntime()) {
     const API_BASE = getLocalApiBase();
     console.warn(`Not running inside Tauri. Connecting to local API server fallback at ${API_BASE}.`);
@@ -1323,7 +1404,7 @@ export function installTauriAdapters() {
         window.location.hash = '#/';
       },
       quitApp: () => {},
-      openExternal: () => {},
+      openExternal: (url: string) => openExternal(url),
       openFolder: () => {},
     };
 
@@ -1504,6 +1585,7 @@ export function installTauriAdapters() {
       clearAiNotifications: clearBrowserNotifications,
       getTtsUrls: async () => [],
       setAiState: () => {},
+      openExternal: (url: string) => openExternal(url),
     };
     return;
   }
@@ -1547,10 +1629,7 @@ export function installTauriAdapters() {
       const { invoke } = await import('@tauri-apps/api/core')
       return void invoke('exit_app')
     },
-    openExternal: async (url) => {
-      const { invoke } = await import('@tauri-apps/api/core')
-      return invoke('run_desktop_action', { action: { type: 'open_url', target: url } })
-    },
+    openExternal: (url: string) => openExternal(url),
     openFolder: async (path) => {
       const { invoke } = await import('@tauri-apps/api/core')
       return invoke('open_folder', { path })
@@ -1709,6 +1788,7 @@ export function installTauriAdapters() {
       const { invoke } = await import('@tauri-apps/api/core')
       return void invoke('set_ai_state', { state })
     },
+    openExternal: (url: string) => openExternal(url),
   }
 }
 
@@ -2132,6 +2212,10 @@ export async function undoGitCheckpoint(
   }
 }
 
+export const readWorkspaceMedia = createWorkspaceMediaReader({ isNative: isTauriRuntime, apiBase: getLocalApiBase, fetch: authFetch, convertFileSrc })
+
+export const readWorkspaceImage = createWorkspaceImageReader({ isNative: isTauriRuntime, apiBase: getLocalApiBase, fetch: authFetch })
+
 export const readWorkspaceFile = async (path: string, workspacePath?: string): Promise<string> => {
   const { invoke } = await import('@tauri-apps/api/core')
   return invoke('read_workspace_file', { path, workspacePath })
@@ -2170,14 +2254,14 @@ const _apiCheck: MintPlatformApi = {
   detectSystemTools,
   sendChatMessage,
   streamChatMessage,
-  getTtsUrls,
+  getTtsUrls, speechRequest,
   cancelChatMessage,
   getRecentInteractions,
   getConversationSnapshot,
   getConversationChanges,
   saveSystemInteraction,
   saveInteractionAgentActivity,
-  listChatSessions,
+  listChatSessions, pendingCompanionChat,
   updateChatSessionWorkspace,
   deleteChatSession,
   renameChatSession,
@@ -2190,6 +2274,7 @@ const _apiCheck: MintPlatformApi = {
   saveSubagent,
   deleteSubagent,
   clearChatHistory,
+  truncateInteractionsFrom,
   listSavedPictures,
   deleteSavedPicture,
   generateImages,
@@ -2219,7 +2304,8 @@ const _apiCheck: MintPlatformApi = {
   listGitCheckpoints,
   rollbackGitCheckpoint,
   undoGitCheckpoint,
-  readWorkspaceFile,
+  readWorkspaceFile, readWorkspaceImage, readWorkspaceMedia,
+  openExternal,
   testMcpConnection,
 }
 
@@ -2239,21 +2325,21 @@ export async function getBackgroundJob(id: string) { if (isTauriRuntime()) { con
 export async function stopBackgroundJob(id: string) { if (isTauriRuntime()) { const { invoke } = await import('@tauri-apps/api/core'); return invoke<import('../shared/types').BackgroundJob>('stop_background_job', { id, ownerToken: getStoredAuthToken() }) } return backgroundRequest<import('../shared/types').BackgroundJob>(`/${encodeURIComponent(id)}/stop`, 'POST') }
 export async function deleteBackgroundJob(id: string) { if (isTauriRuntime()) { const { invoke } = await import('@tauri-apps/api/core'); await invoke('remove_background_job', { id, ownerToken: getStoredAuthToken() }); return } await backgroundRequest<{deleted: boolean}>(`/${encodeURIComponent(id)}`, 'DELETE') }
 
-export async function startHtmlPreview(root: string, relativePath: string, mintBrowser = false): Promise<{url: string; jobId: string}> {
+export async function startHtmlPreview(root: string, relativePath: string, _mintBrowser = false): Promise<{url: string; jobId: string}> {
   if (isTauriRuntime()) { const { invoke } = await import('@tauri-apps/api/core'); return invoke('start_html_preview', { root, relativePath, ownerToken: getStoredAuthToken() }) }
-  const response = await authFetch(`${getLocalApiBase()}/html-preview`, { method: 'POST', headers: {'Content-Type':'application/json'}, body: JSON.stringify({root, relativePath, mintBrowser}) })
+  const response = await authFetch(`${getLocalApiBase()}/html-preview`, { method: 'POST', headers: {'Content-Type':'application/json'}, body: JSON.stringify({root, relativePath}) })
   const value = await response.json()
   if (!response.ok) throw new Error(value.message || 'Could not start HTML preview')
   return value
 }
 
 /** Loads artifacts by ID; no server-provided filesystem path is accepted. */
-export async function readMcpArtifact(id: string): Promise<string> {
+export async function readMcpArtifact(id: string, chatId?: string): Promise<string> {
   if (isTauriRuntime()) {
     const { invoke } = await import('@tauri-apps/api/core')
-    return invoke<string>('read_mcp_artifact', { id })
+    return invoke<string>('read_mcp_artifact', { id, chatId })
   }
-  const response = await authFetch(`${getLocalApiBase()}/mcp-artifacts/${encodeURIComponent(id)}`)
+  const response = await authFetch(`${getLocalApiBase()}/mcp-artifacts/${encodeURIComponent(id)}${chatId ? `?chatId=${encodeURIComponent(chatId)}` : ''}`)
   if (!response.ok) throw new Error('Artifact unavailable')
   return URL.createObjectURL(await response.blob())
 }

package/src/renderer/src/voiceInput.ts

@@ -10,7 +10,9 @@ export type VoiceInputOptions = SpeechToTextOptions
 
 export function useVoiceInput(options: VoiceInputOptions) {
   return useNativeVoiceInput({
-    onSendVoiceMessage: options.onSendVoiceMessage,
+    chatId: options.chatId,
+    message: options.message,
+    onSetMessage: options.onSetMessage,
     startRecording: startMicRecording,
     stopRecordingAndTranscribe: stopMicRecordingAndTranscribe,
     cancelRecording: cancelMicRecording,

package/src/renderer/src-web/App.tsx

@@ -1,9 +1,10 @@
 import React, { Suspense, useEffect, useState } from 'react'
-import AuthGate from '../shared/components/AuthGate'
-import ChunkErrorBoundary from '../shared/components/ChunkErrorBoundary'
-import ModalErrorBoundary from '../shared/components/ModalErrorBoundary'
+import AuthGate from '../shared/components/app/AuthGate'
+import ChunkErrorBoundary from '../shared/components/app/ChunkErrorBoundary'
+import ModalErrorBoundary from '../shared/components/app/ModalErrorBoundary'
+import { ErrorRecovery } from '../shared/components/ui/error-recovery'
 import PullToRefresh from './components/PullToRefresh'
-import { lazyWithRetry } from '../shared/utils/lazyWithRetry'
+import { lazyWithRetry, scheduleIdlePreload } from '../shared/utils/lazyWithRetry'
 
 const SettingsWindow = lazyWithRetry(() => import('./components/SettingsWindow'))
 const MintDashboard = lazyWithRetry(() => import('./components/MintDashboard'))
@@ -72,11 +73,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(() => {
@@ -94,6 +93,19 @@ export default function App() {
   }, [])
 
 
+  if (route.startsWith('/error-preview') || route.startsWith('/error-recovery')) {
+    return (
+      <div style={{ width: '100%', height: '100vh', display: 'flex', flexDirection: 'column', background: 'var(--bg-canvas, #09090b)' }}>
+        <ErrorRecovery
+          onBackToChat={() => {
+            window.location.hash = '#/'
+          }}
+          onRefresh={() => window.location.reload()}
+        />
+      </div>
+    )
+  }
+
   let content = <MintDashboard />
 
   // For web, show settings as a centered modal overlay instead of a full-page route

package/src/renderer/src-web/agentProgress.ts

@@ -5,6 +5,7 @@ export {
   thoughtsFrom,
   trimAgentProgress,
   hasAgentToolActivity,
+  hasAgentDrawerActivity,
   mergeActivitySnapshots,
   parseAgentActivity,
   parseFileChangesFromProgress,

package/src/renderer/src-web/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-web/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-web/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-web/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'