@pheem49/mint 1.15.0 → 1.17.0

package/src/renderer/src/css/widget.css

@@ -7,7 +7,7 @@ body {
     justify-content: center;
     align-items: center;
     height: 100vh;
-    font-family: 'Outfit', sans-serif;
+    font-family: var(--font-ui, 'Inter', 'Noto Sans Thai', ui-sans-serif, system-ui, sans-serif);
     user-select: none;
 }
 
@@ -47,7 +47,7 @@ body {
 .character-body {
     width: 50px;
     height: 50px;
-    background: linear-gradient(135deg, #1e293b, #0f172a);
+    background: var(--bg-surface-raised, linear-gradient(135deg, #1e293b, #0f172a));
     border: 2px solid var(--accent);
     border-radius: 50%;
     box-shadow: 0 0 15px var(--accent-glow);
@@ -73,10 +73,10 @@ body {
     right: 10px;
     width: 22px;
     height: 22px;
-    border: 1px solid rgba(255, 255, 255, 0.18);
+    border: 1px solid var(--border-default, rgba(255, 255, 255, 0.18));
     border-radius: 50%;
-    background: rgba(15, 23, 42, 0.92);
-    color: #fff;
+    background: var(--bg-overlay, rgba(15, 23, 42, 0.92));
+    color: var(--text-primary, #fff);
     font: inherit;
     line-height: 1;
     cursor: pointer;
@@ -91,7 +91,8 @@ body {
 
 .widget-hide-btn:hover {
     transform: scale(1.08);
-    background: #ef4444;
+    background: var(--status-error, #ef4444);
+    color: #ffffff;
 }
 
 .eyes {

package/src/renderer/src/env.d.ts

@@ -1,9 +1,21 @@
 declare module '*.css';
 declare module '*.svg?url';
+declare module '*.svg?raw' {
+  const content: string;
+  export default content;
+}
 declare module '*.md?raw' {
   const content: string;
   export default content;
 }
+declare module 'react-dom' {
+  export function createPortal(children: any, container: any, key?: any): any;
+  export function flushSync<R>(fn: () => R): R;
+}
+declare module 'react-dom/server' {
+  export function renderToStaticMarkup(element: any): string;
+  export function renderToString(element: any): string;
+}
 
 type Unlisten = () => void;
 
@@ -29,8 +41,6 @@ interface Window {
     saveSettings: (config: any) => Promise<any>;
     onSettingsChanged: (callback: (data: any) => void) => Promise<void>;
     startVision: () => Promise<any>;
-    onVisionReady: (callback: (data: string) => void) => Promise<Unlisten>;
-    captureSilentScreen: () => Promise<string | null>;
     getSmartContext: () => Promise<any>;
     onProactiveSuggestion: (callback: (data: any) => void) => Promise<Unlisten>;
     onProactiveNotification: (callback: (data: any) => void) => Promise<Unlisten>;
@@ -39,10 +49,11 @@ interface Window {
     executeProactiveAction: (action: any) => Promise<any>;
     executeApprovedAction: (action: any) => Promise<any>;
     onSpotlightToChat: (callback: (query: string) => void) => Promise<Unlisten>;
-    notifyAiResponse: (preview: string) => void;
+    notifyAiResponse: (preview: string, chatId?: string) => Promise<void>;
     clearAiNotifications: () => void;
     getTtsUrls: (text: string) => Promise<Array<{ shortText: string; url: string }>>;
     setAiState: (state: string) => void;
+    openExternal: (url: string) => Promise<any>;
   };
   settingsApi: {
     getSettings: () => Promise<any>;
@@ -65,13 +76,7 @@ interface Window {
     onSettingsChanged: (callback: (config: any) => void) => Promise<void>;
   };
   screenPickerApi: {
-    onScreenshot: (callback: (data: string) => void) => void;
-    sendSelection: (base64Image: string) => void;
-    startContinuousTranslation: (rect: any) => void;
-    stopContinuousTranslation: () => void;
-    onTranslationResult: (callback: (text: string) => void) => void;
     closePicker: () => void;
-    setOverlayInteractable: (isInteractable: boolean) => void;
   };
   widgetAPI: {
     onStateChange: (callback: (state: any) => void) => void;

package/src/renderer/src/index.css

@@ -13,8 +13,13 @@ body, html, #root {
   background: transparent;
 }
 
+[data-theme="studio"],
+[data-theme="studio"] body {
+  background-color: #101010;
+}
+
 body, html {
-  font-family: 'Prompt', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+  font-family: var(--font-ui, 'Inter', 'Noto Sans Thai', ui-sans-serif, system-ui, sans-serif);
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }
@@ -56,12 +61,12 @@ button {
 
 .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 */
@@ -103,7 +108,7 @@ 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;
 }
@@ -130,7 +135,7 @@ button {
 }
 
 .chat-code-action-btn:hover {
-  background: rgba(255, 255, 255, 0.06);
+  background: var(--bg-surface-hover);
   color: var(--text-main, #f1f5f9);
 }
 
@@ -183,7 +188,7 @@ button {
 }
 
 .chat-code-line:hover {
-  background: rgba(255, 255, 255, 0.02);
+  background: var(--bg-surface-soft);
 }
 
 .chat-code-line-num {
@@ -206,70 +211,17 @@ 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-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); }

package/src/renderer/src/main.tsx

@@ -7,7 +7,7 @@ import { installTauriAdapters } from './tauri'
 import * as tauriPlatform from './tauri'
 import {
   checkoutRemoteGitBranch, createGitBranch, createWorkspaceFile, createWorkspaceFolder,
-  deleteWorkspaceItem, getGitBranchInfo, getGitGraph, getWorkspaceGitDiff, getWorkspaceSnapshot, switchGitBranch,
+  deleteWorkspaceItem, moveWorkspaceItem, startHtmlPreview, listWorkspaceHistory, undoWorkspaceAction, getGitBranchInfo, getGitGraph, getWorkspaceGitDiff, getWorkspaceSnapshot, switchGitBranch,
 } from './tauri'
 import { installRendererPlatform, installWorkspacePlatform } from '@shared/platform'
 
@@ -16,6 +16,7 @@ installRendererPlatform(tauriPlatform)
 installWorkspacePlatform({
   getWorkspaceSnapshot, getWorkspaceGitDiff, getGitBranchInfo, switchGitBranch, createGitBranch,
   checkoutRemoteGitBranch, getGitGraph, createWorkspaceFile, createWorkspaceFolder, deleteWorkspaceItem,
+  moveWorkspaceItem, startHtmlPreview, listWorkspaceHistory, undoWorkspaceAction,
 })
 
 ReactDOM.createRoot(document.getElementById('root')!).render(

package/src/renderer/src/proactiveSuggestions.ts

@@ -0,0 +1,29 @@
+import { useEffect, useState } from 'react'
+
+export function useProactiveSuggestions(onError: (message: string) => void) {
+  const [proactiveSuggestion, setProactiveSuggestion] = useState<any>(null)
+
+  useEffect(() => {
+    const unlistenProactive = window.api.onProactiveSuggestion?.((suggestion: any) => {
+      setProactiveSuggestion(suggestion)
+    })
+    return () => {
+      unlistenProactive?.then?.((unlisten) => unlisten?.())
+    }
+  }, [])
+
+  const dismissProactiveSuggestion = () => setProactiveSuggestion(null)
+
+  const handleProactiveAction = async (action: any) => {
+    setProactiveSuggestion(null)
+    if (action && action.type !== 'none') {
+      try {
+        await window.api.executeProactiveAction(action)
+      } catch (err) {
+        onError(String(err))
+      }
+    }
+  }
+
+  return { proactiveSuggestion, dismissProactiveSuggestion, handleProactiveAction }
+}