@pheem49/mint 1.17.0 → 1.18.0

package/src/renderer/src/css/desktop-tools.css

@@ -46,7 +46,7 @@
 .mint-titlebar-icon-button {
   width: 30px;
   height: 28px;
-  border-radius: 5px;
+  border-radius: var(--radius-xs, 6px);
 }
 
 .mint-titlebar-icon-button svg {
@@ -93,7 +93,7 @@
   min-width: 38px;
   height: 28px;
   padding: 0 9px;
-  border-radius: 5px;
+  border-radius: var(--radius-xs, 6px);
   font: inherit;
   font-size: 0.76rem;
 }
@@ -106,7 +106,7 @@
   min-width: 210px;
   padding: 5px;
   border: 1px solid var(--border-default, rgba(255, 255, 255, 0.14));
-  border-radius: 8px;
+  border-radius: var(--radius-sm, 8px);
   background: var(--bg-surface, #20232a);
   box-shadow: var(--shadow-md, 0 8px 24px rgba(0, 0, 0, 0.3));
 }
@@ -120,7 +120,7 @@
   min-height: 32px;
   padding: 0 9px;
   border: 0;
-  border-radius: 5px;
+  border-radius: var(--radius-xs, 6px);
   color: var(--text-main, #f1f2f4);
   background: transparent;
   font: inherit;
@@ -256,7 +256,7 @@
   width: min(420px, calc(100vw - 32px));
   overflow: hidden;
   border: 1px solid var(--border-default, rgba(255, 255, 255, 0.14));
-  border-radius: 10px;
+  border-radius: var(--radius-lg, 14px);
   color: var(--text-main, #f1f2f4);
   background: var(--bg-surface, #20232a);
   box-shadow: var(--shadow-lg, 0 18px 48px rgba(0, 0, 0, 0.42));
@@ -280,7 +280,7 @@
   width: 28px;
   height: 28px;
   border: 0;
-  border-radius: 5px;
+  border-radius: var(--radius-xs, 6px);
   color: var(--text-secondary, #aeb4c0);
   background: transparent;
   font-size: 1.2rem;
@@ -306,7 +306,7 @@
   gap: 16px;
   min-height: 34px;
   padding: 0 8px;
-  border-radius: 5px;
+  border-radius: var(--radius-xs, 6px);
 }
 
 .mint-shortcuts-dialog dl > div:hover {
@@ -328,7 +328,7 @@
 .mint-shortcuts-dialog kbd {
   padding: 2px 5px;
   border: 1px solid var(--border-default, rgba(255, 255, 255, 0.14));
-  border-radius: 4px;
+  border-radius: var(--radius-2xs, 4px);
   color: var(--text-secondary, #aeb4c0);
   background: var(--bg-canvas, #18191d);
   font: 0.68rem/1.25 var(--font-mono, monospace);
@@ -482,7 +482,7 @@
   padding: 0 11px;
   border: 1px solid var(--border-default, rgba(255, 255, 255, 0.12));
   border-bottom: 0;
-  border-radius: 10px 10px 0 0;
+  border-radius: var(--radius-lg, 14px) var(--radius-lg, 14px) 0 0;
   color: var(--text-main, #e5e7eb);
   background: var(--bg-surface, #20232a);
 }
@@ -516,7 +516,7 @@
   width: 26px;
   height: 26px;
   border: 0;
-  border-radius: 6px;
+  border-radius: var(--radius-xs, 6px);
   color: var(--text-muted, #9ca3af);
   background: transparent;
   font-size: 20px;
@@ -541,7 +541,7 @@
   width: 26px;
   height: 26px;
   border: 0;
-  border-radius: 6px;
+  border-radius: var(--radius-xs, 6px);
   color: var(--text-muted, #9ca3af);
   background: transparent;
   font-size: 20px;

package/src/renderer/src/css/sidebar-workspace.css

@@ -540,7 +540,7 @@
   gap: 9px;
   padding: 0 10px;
   color: var(--text-secondary);
-  border-radius: 7px;
+  border-radius: var(--radius-sm, 8px);
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -1809,7 +1809,7 @@
   content: '';
   position: absolute;
   inset: 8px 3px;
-  border-radius: 2px;
+  border-radius: var(--radius-2xs, 4px);
   background: var(--border-default);
   transition: background 0.15s ease;
 }

package/src/renderer/src/css/tool-surfaces.css

@@ -301,7 +301,7 @@ body.is-tool-resizing .assistant-workspace {
 
 .tool-surface-switch-menu .tool-surface-launcher-item kbd {
   padding: 3px 5px;
-  border-radius: 5px;
+  border-radius: var(--radius-xs, 6px);
   font-size: 0.64rem;
 }
 
@@ -359,7 +359,7 @@ body.is-tool-resizing .assistant-workspace {
   min-width: 16px;
   height: 16px;
   padding: 0 4px;
-  border-radius: 8px;
+  border-radius: var(--radius-full, 9999px);
   background: var(--bg-surface-hover);
   color: var(--text-main, #f1f5f9);
   font-size: 0.65rem;
@@ -447,8 +447,8 @@ body.is-tool-resizing .assistant-workspace {
 }
 
 .tool-surface-tabs-dropdown-item.is-active {
-  background: var(--accent-subtle);
-  color: var(--interactive-fg);
+  background: var(--bg-surface-active, var(--surface-strong));
+  color: var(--text-main, #f8fafc);
   font-weight: 550;
 }
 
@@ -474,7 +474,7 @@ body.is-tool-resizing .assistant-workspace {
   width: 20px;
   height: 20px;
   border: 0;
-  border-radius: 4px;
+  border-radius: var(--radius-2xs, 4px);
   background: transparent;
   color: var(--text-muted, #94a3b8);
   opacity: 0.5;
@@ -672,7 +672,7 @@ body.is-tool-resizing .assistant-workspace {
   height: 28px;
   flex: 0 0 auto;
   border: 0;
-  border-radius: 5px 0 0 5px;
+  border-radius: var(--radius-xs, 6px) 0 0 var(--radius-xs, 6px);
   color: var(--text-muted, #9ca3af);
   background: transparent;
   cursor: pointer;
@@ -821,7 +821,7 @@ body.is-tool-resizing .assistant-workspace {
   max-width: clamp(140px, 20vw, 320px);
   padding: 3px 9px;
   border: 1px solid var(--border-subtle, rgba(255, 255, 255, 0.08));
-  border-radius: 9999px;
+  border-radius: var(--radius-full, 9999px);
   background: var(--bg-surface-soft);
   font: 500 0.72rem ui-monospace, SFMono-Regular, Menlo, monospace;
   color: var(--text-muted, #94a3b8);
@@ -906,9 +906,9 @@ body.is-tool-resizing .assistant-workspace {
 .tool-surface-drop-error { color: var(--status-error); }
 .tool-surface-sources { width: 100%; height: 100%; min-width: 0; overflow-y: auto; padding: 12px; }
 .tool-surface-sources .session-sources { margin: 0; padding: 0; border: 0; }
-.tool-surface-menu-icon.is-sources, .tool-surface-tab-icon.is-sources { color: var(--accent); }
-.tool-surface-menu-icon.is-mods, .tool-surface-tab-icon.is-mods { color: var(--accent); }
-.tool-surface-menu-icon.is-background, .tool-surface-tab-icon.is-background { color: var(--accent); }
+.tool-surface-menu-icon.is-sources, .tool-surface-tab-icon.is-sources { color: var(--text-main, #e2e8f0); }
+.tool-surface-menu-icon.is-mods, .tool-surface-tab-icon.is-mods { color: var(--text-main, #e2e8f0); }
+.tool-surface-menu-icon.is-background, .tool-surface-tab-icon.is-background { color: var(--text-main, #e2e8f0); }
 
 .tool-surface-launcher {
   display: flex;
@@ -924,7 +924,7 @@ body.is-tool-resizing .assistant-workspace {
   gap: 12px;
   padding: 0 16px;
   border: 1px solid var(--border-subtle, rgba(255, 255, 255, 0.08));
-  border-radius: 12px;
+  border-radius: var(--radius-xl, 18px);
   color: var(--text-main, #e2e8f0);
   background: var(--bg-surface-soft);
   text-align: left;
@@ -956,7 +956,7 @@ body.is-tool-resizing .assistant-workspace {
   margin-left: auto;
   padding: 3px 8px;
   border: 1px solid var(--border-subtle, rgba(255, 255, 255, 0.09));
-  border-radius: 6px;
+  border-radius: var(--radius-xs, 6px);
   color: var(--text-muted, #94a3b8);
   background: var(--bg-surface-soft);
   font: 500 0.72rem ui-monospace, SFMono-Regular, Menlo, monospace;

package/src/renderer/src/index.css

@@ -51,12 +51,26 @@ 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 {
@@ -75,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));
@@ -110,7 +124,7 @@ button {
   color: var(--text-soft, #64748b);
   background: var(--bg-surface-soft);
   padding: 1px 6px;
-  border-radius: 4px;
+  border-radius: var(--radius-2xs, 4px);
 }
 
 .chat-code-block-actions {
@@ -125,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;
@@ -143,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);
 }
@@ -164,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;
@@ -197,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;
 }
@@ -219,6 +237,7 @@ button {
 /* 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); font-style: italic; }
@@ -231,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

@@ -986,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();
@@ -2255,6 +2274,7 @@ const _apiCheck: MintPlatformApi = {
   saveSubagent,
   deleteSubagent,
   clearChatHistory,
+  truncateInteractionsFrom,
   listSavedPictures,
   deleteSavedPicture,
   generateImages,
@@ -2305,9 +2325,9 @@ 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

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

@@ -2,6 +2,7 @@ import React, { Suspense, useEffect, useState } from 'react'
 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, scheduleIdlePreload } from '../shared/utils/lazyWithRetry'
 
@@ -92,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/css/app-shell.css

@@ -789,7 +789,7 @@ h1 {
 .preview-split-resizer-grip {
   width: 4px;
   height: 28px;
-  border-radius: 2px;
+  border-radius: var(--radius-2xs, 4px);
   background: var(--border);
   position: relative;
   z-index: 1;
@@ -1224,7 +1224,7 @@ h1 {
   backdrop-filter: blur(14px);
   -webkit-backdrop-filter: blur(14px);
   border: 1px solid var(--border, rgba(255, 255, 255, 0.12));
-  border-radius: 12px;
+  border-radius: var(--radius-xl, 12px);
   padding: 10px 16px;
   display: flex;
   align-items: center;
@@ -1275,7 +1275,7 @@ h1 {
   color: var(--interactive-fg);
   border: 1px solid color-mix(in srgb, var(--accent) 35%, transparent);
   padding: 5px 12px;
-  border-radius: 6px;
+  border-radius: var(--radius-sm, 6px);
   font-size: 12px;
   font-weight: 600;
   cursor: pointer;
@@ -1300,7 +1300,7 @@ h1 {
   cursor: pointer;
   padding: 4px;
   font-size: 12px;
-  border-radius: 4px;
+  border-radius: var(--radius-xs, 4px);
   display: flex;
   align-items: center;
   justify-content: center;