@pheem49/mint 1.8.0 → 1.8.2

package/src/renderer/src-web/css/styles.css

@@ -916,7 +916,7 @@ h1 {
 
 .assistant-workspace.model-hidden .conversation-panel {
   flex: 1;
-  max-width: 900px;
+  max-width: 1100px;
   margin: 0 auto;
 }
 
@@ -1486,7 +1486,7 @@ h1 {
   gap: 8px;
   margin-bottom: 8px;
   margin-top: 0;
-  max-width: min(680px, 100%);
+  max-width: 100%;
 }
 
 .agent-activity-toggle {
@@ -1521,7 +1521,7 @@ h1 {
   border: 0;
   border-radius: 0;
   color: var(--text-main);
-  width: min(680px, 100%);
+  width: 100%;
   max-width: 100%;
   padding: 4px 0;
   box-shadow: none;
@@ -3047,12 +3047,12 @@ input:checked + .slider:before {
 .assistant-workspace.model-hidden .conversation-panel {
   position: relative;
   display: grid;
-  grid-template-rows: minmax(0, 1fr) auto;
-  width: min(840px, calc(100% - 64px));
+  grid-template-rows: auto minmax(0, 1fr) auto auto;
+  width: min(1100px, calc(100% - 64px));
   height: 100%;
   max-width: none;
   margin: 0 auto;
-  padding: 56px 0 28px;
+  padding: 32px 0 8px;
   grid-column: 1 / -1;
   z-index: 1;
 }
@@ -3075,13 +3075,13 @@ input:checked + .slider:before {
 }
 
 .assistant-workspace.model-hidden .conversation-panel.is-empty {
-  grid-template-rows: auto minmax(0, 1fr);
-  align-content: center;
+  grid-template-rows: auto minmax(0, 1fr) auto auto;
+  align-content: stretch;
   justify-content: stretch;
   width: min(840px, calc(100% - 64px));
   margin: 0 auto;
-  padding-top: 56px;
-  padding-bottom: 0;
+  padding-top: 0;
+  padding-bottom: 8px;
 }
 
 .conversation-panel.is-empty .chat-container {
@@ -3643,9 +3643,14 @@ input:checked + .slider:before {
 
   .assistant-workspace {
     display: flex;
+    flex-direction: column;
     margin-left: 0;
-    padding: 12px;
-    gap: 12px;
+    padding: 0;
+    gap: 0;
+    flex: 1;
+    min-height: 0;
+    height: 100%;
+    overflow: hidden;
   }
 
   .assistant-workspace.layout-chat {
@@ -3654,6 +3659,10 @@ input:checked + .slider:before {
 
   .app-body {
     grid-template-columns: 1fr;
+    display: flex;
+    flex-direction: column;
+    min-height: 0;
+    flex: 1;
   }
 
   .sidebar-toggle {
@@ -3701,15 +3710,28 @@ input:checked + .slider:before {
   .conversation-panel {
     position: static;
     width: 100%;
+    height: 100%;
     max-height: none;
     transform: none;
     flex: 1;
     min-width: 0;
+    min-height: 0;
+    border-radius: 0;
+    overflow: hidden;
   }
 
   .chat-container {
     max-height: none;
   }
+  
+  .input-area {
+    padding: 10px;
+  }
+  
+  #chat-form {
+    min-height: auto;
+    padding: 6px;
+  }
 }
 
 /* Chat Bold Highlight styling */
@@ -3726,6 +3748,19 @@ input:checked + .slider:before {
   color: #38bdf8; /* Sky-400 for midnight theme */
 }
 
+/* Input Disclaimer Footer */
+.input-disclaimer {
+  text-align: center;
+  font-size: 0.7rem;
+  color: var(--text-muted);
+  opacity: 0.55;
+  padding: 6px 20px 10px;
+  margin: 0;
+  flex-shrink: 0;
+  line-height: 1.5;
+  user-select: none;
+}
+
 /* Web-Native Chat Header */
 .chat-header {
   display: flex;
@@ -3839,6 +3874,51 @@ input:checked + .slider:before {
   .mobile-menu-btn {
     display: flex;
   }
+
+  /* Override desktop grid layout so chat-header (hamburger) is visible on mobile */
+  .assistant-workspace.model-hidden .conversation-panel,
+  .assistant-workspace.model-hidden .conversation-panel.is-empty {
+    display: flex;
+    flex-direction: column;
+    width: 100%;
+    height: 100%;
+    padding: 0;
+    margin: 0;
+    grid-template-rows: none;
+    grid-column: auto;
+  }
+
+  /* Solid header fixed to top with background and blur */
+  .chat-header {
+    position: fixed;
+    top: 0;
+    left: 0;
+    right: 0;
+    z-index: 200;
+    background: var(--chrome-bg);
+    backdrop-filter: var(--glass-blur);
+    -webkit-backdrop-filter: var(--glass-blur);
+    border-bottom: 1px solid var(--border);
+    height: 52px;
+    padding: 10px 16px;
+  }
+
+  .assistant-workspace.model-hidden .chat-header {
+    display: flex;
+    flex-shrink: 0;
+  }
+
+  /* Push chat content below fixed header */
+  .assistant-workspace.model-hidden .chat-container {
+    flex: 1;
+    overflow-y: auto;
+    padding: 64px 12px 8px;
+  }
+
+  .assistant-workspace.model-hidden .input-area {
+    width: 100%;
+    flex-shrink: 0;
+  }
 }
 
 /* System Event Divider with Pill */
@@ -4079,3 +4159,95 @@ input:checked + .slider:before {
   font-size: 0.9rem;
 }
 
+/* Allow global text selection everywhere */
+* {
+  user-select: text !important;
+  -webkit-user-select: text !important;
+  -moz-user-select: text !important;
+  -ms-user-select: text !important;
+}
+
+/* Stop button styling overrides for ChatPanel */
+#send-btn.stop-btn {
+  background: #ef4444 !important;
+  color: #ffffff !important;
+  box-shadow: 0 8px 18px rgba(239, 68, 68, 0.28) !important;
+}
+
+#send-btn.stop-btn:hover {
+  background: #dc2626 !important;
+}
+
+/* Breathing voice-active aura glow */
+@keyframes aura-breathe-form {
+  0% {
+    box-shadow: 0 4px 15px color-mix(in srgb, var(--accent) 22%, transparent);
+  }
+  50% {
+    box-shadow: 0 4px 25px color-mix(in srgb, var(--accent) 42%, transparent);
+  }
+  100% {
+    box-shadow: 0 4px 15px color-mix(in srgb, var(--accent) 22%, transparent);
+  }
+}
+
+@keyframes aura-breathe-bar {
+  0% {
+    box-shadow: 0 -4px 15px color-mix(in srgb, var(--accent) 22%, transparent);
+  }
+  50% {
+    box-shadow: 0 -4px 25px color-mix(in srgb, var(--accent) 42%, transparent);
+  }
+  100% {
+    box-shadow: 0 -4px 15px color-mix(in srgb, var(--accent) 22%, transparent);
+  }
+}
+
+.input-area.voice-active #chat-form {
+  border-color: var(--accent) !important;
+  animation: aura-breathe-form 2s infinite ease-in-out;
+  transition: border-color 0.3s ease;
+}
+
+.input-area.voice-active .voice-mode-bar {
+  border-color: var(--accent) !important;
+  animation: aura-breathe-bar 2s infinite ease-in-out;
+  transition: border-color 0.3s ease;
+}
+
+/* Saved Pictures Gallery Load More styles */
+.pictures-load-more-container {
+  display: flex;
+  justify-content: center;
+  margin-top: 36px;
+  margin-bottom: 24px;
+}
+
+.pictures-load-more-btn {
+  height: 40px;
+  padding: 0 24px;
+  border: 1px solid var(--border);
+  border-radius: 10px;
+  background: var(--card-bg, rgba(255, 255, 255, 0.04));
+  color: var(--text-main);
+  font-size: 0.88rem;
+  font-weight: 500;
+  cursor: pointer;
+  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
+.pictures-load-more-btn:hover {
+  background: var(--border);
+  border-color: var(--accent);
+  color: var(--accent);
+  box-shadow: 0 0 12px color-mix(in srgb, var(--accent) 20%, transparent);
+}
+
+.pictures-load-more-btn:active {
+  transform: scale(0.98);
+}
+
+

package/src/renderer/src-web/index.css

@@ -379,7 +379,6 @@ button {
   }
 }
 
-/* Premium Markdown Styles for Chat Messages */
 .chat-inline-code {
   background: rgba(16, 185, 129, 0.15);
   border: 1px solid rgba(16, 185, 129, 0.25);
@@ -390,6 +389,18 @@ button {
   font-size: 0.88em;
 }
 
+.chat-mention {
+  background: color-mix(in srgb, var(--accent, #10b981) 12%, transparent);
+  border: 1px solid color-mix(in srgb, var(--accent, #10b981) 25%, transparent);
+  color: var(--accent, #34d399);
+  padding: 2px 6px;
+  border-radius: 6px;
+  font-weight: 500;
+  font-size: 0.9em;
+  display: inline-block;
+  margin: 0 2px;
+}
+
 .chat-code-block-container {
   display: flex;
   flex-direction: column;

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

@@ -1,106 +1,29 @@
-export interface RuntimeStatus {
-  backend: string
-  configPath: string
-  activeProvider: string
-  availableProviders: string[]
-  integrations: Record<string, unknown>
-  localIp?: string
-}
-
-export interface ChatResponse {
-  provider: string
-  model: string
-  text: string
-  fallbackProvider?: string | null
-}
+export * from '../shared/types'
+import type { MintPlatformApi } from '../shared/platform'
+import type {
 
-export interface TtsUrl {
-  shortText: string
-  url: string
-}
-
-export interface DocumentAttachment {
-  filename: string
-  dataUri: string
-}
+  RuntimeStatus,
+  ChatResponse,
+  TtsUrl,
+  DocumentAttachment,
+  AgentProgress,
+  InteractionMemory,
+  ChatSession,
+  PictureEntry,
+  ImageGenRequest,
+  ImageGenProviders,
+  ImageGenResponse,
+  WorkspaceTreeEntry,
+  CodeEdit,
+  CodeEditProposal,
+  LearnedSkill,
+} from '../shared/types'
 
-export type AgentProgress =
-  | { type: 'Thinking'; data: { elapsed_secs: number } }
-  | { type: 'Thought'; data: { thought: string } }
-  | { type: 'ToolStart'; data: { action: string; input: Record<string, unknown> } }
-  | { type: 'ToolEnd'; data: { action: string; input: Record<string, unknown>; result: string } }
 
 type DesktopStreamEvent =
   | { type: 'chunk'; chunk: string }
   | { type: 'progress'; progress: AgentProgress }
 
-export interface InteractionMemory {
-  id: number
-  chatId: string
-  userText: string
-  aiText: string
-  provider: string
-  model: string
-  fallbackProvider?: string | null
-  createdAt: string
-  agentActivity?: AgentProgress[] | null
-}
-
-export interface ChatSession {
-  id: string
-  title: string
-  kind: string
-  createdAt: string
-  updatedAt: string
-}
-
-export interface PictureEntry {
-  id: string
-  filename: string
-  path: string
-  mimeType: string
-  createdAt: string
-  source: string
-  message: string
-  thumbnailPath?: string
-  url?: string
-  thumbnailUrl?: string
-}
-
-export interface ImageGenRequest {
-  prompt: string
-  negativePrompt?: string
-  aspectRatio?: '1:1' | '16:9' | '9:16' | '4:3'
-  numImages?: number
-  model?: string
-  /** Which image generation provider to use. Falls back to config default when omitted. */
-  provider?: string
-}
-
-export interface ImageGenProviders {
-  active: string
-  available: string[]
-}
-
-export interface ImageGenResponse {
-  images: PictureEntry[]
-  model: string
-  provider: string
-  prompt: string
-  description?: string | null
-}
-
-
-export interface CodeEdit {
-  path: string
-  content: string
-}
-
-export interface CodeEditProposal {
-  approvalRequired: boolean
-  approvalToken: string
-  edits: Array<{ path: string; existed: boolean; diff: string }>
-}
 
 export const isTauriRuntime = () => (
   typeof window !== 'undefined' && Boolean((window as any).__TAURI_INTERNALS__)
@@ -134,6 +57,28 @@ export async function getRuntimeStatus(): Promise<RuntimeStatus> {
   return invoke<RuntimeStatus>('get_runtime_status')
 }
 
+export interface DetectedTools {
+  docker: boolean
+  git: boolean
+  gh: boolean
+  node: boolean
+}
+
+export async function detectSystemTools(): Promise<DetectedTools> {
+  if (typeof window === 'undefined' || !isTauriRuntime()) {
+    const API_BASE = getApiBase();
+    try {
+      const res = await fetch(`${API_BASE}/detect-tools`);
+      return await res.json();
+    } catch (e) {
+      console.error("Failed to detect tools from local server:", e);
+      return { docker: false, git: false, gh: false, node: false };
+    }
+  }
+  const { invoke } = await import('@tauri-apps/api/core')
+  return invoke<DetectedTools>('detect_system_tools')
+}
+
 export async function sendChatMessage(
   message: string,
   imageDataUri?: string | null,
@@ -141,6 +86,7 @@ export async function sendChatMessage(
   documentAttachment?: DocumentAttachment | null,
   workspacePath?: string | null,
   chatId?: string | null,
+  agentId?: string | null,
 ): Promise<ChatResponse> {
   const outgoingMessage = withImagePlaceholder(message, imageDataUri)
   if (typeof window === 'undefined' || !isTauriRuntime()) {
@@ -149,7 +95,7 @@ export async function sendChatMessage(
       const res = await fetch(`${API_BASE}/chat`, {
         method: 'POST',
         headers: { 'Content-Type': 'application/json' },
-        body: JSON.stringify({ message: outgoingMessage, systemInstruction: '', chatId, imageDataUri, audioDataUri, documentAttachment })
+        body: JSON.stringify({ message: outgoingMessage, systemInstruction: '', chatId, imageDataUri, audioDataUri, documentAttachment, agentId })
       });
       const data = await res.json().catch(() => null);
       if (!res.ok) {
@@ -174,7 +120,7 @@ export async function sendChatMessage(
   }
   const { invoke } = await import('@tauri-apps/api/core')
   const response = await invoke<ChatResponse>('send_chat_message', {
-    request: { message: outgoingMessage, systemInstruction: '', chatId, imageDataUri, audioDataUri, documentAttachment, workspacePath },
+    request: { message: outgoingMessage, systemInstruction: '', chatId, imageDataUri, audioDataUri, documentAttachment, workspacePath, agentId },
   })
   if (imageDataUri) {
     await invoke('save_pictures', {
@@ -196,6 +142,7 @@ export async function streamChatMessage(
   documentAttachment?: DocumentAttachment | null,
   workspacePath?: string | null,
   chatId?: string | null,
+  agentId?: string | null,
 ): Promise<ChatResponse> {
   if (typeof window === 'undefined' || !isTauriRuntime()) {
     const API_BASE = getApiBase();
@@ -203,7 +150,7 @@ export async function streamChatMessage(
     const res = await fetch(`${API_BASE}/chat-stream`, {
       method: 'POST',
       headers: { 'Content-Type': 'application/json' },
-      body: JSON.stringify({ message: outgoingMessage, systemInstruction, chatId, imageDataUri, audioDataUri, documentAttachment })
+      body: JSON.stringify({ message: outgoingMessage, systemInstruction, chatId, imageDataUri, audioDataUri, documentAttachment, agentId })
     });
     if (!res.ok) {
       const data = await res.json().catch(() => null);
@@ -249,7 +196,7 @@ export async function streamChatMessage(
     else onProgress?.(event.progress)
   }
   const response = await invoke<ChatResponse>('stream_chat_message', {
-    request: { message: outgoingMessage, systemInstruction, chatId, imageDataUri, audioDataUri, documentAttachment, workspacePath },
+    request: { message: outgoingMessage, systemInstruction, chatId, imageDataUri, audioDataUri, documentAttachment, workspacePath, agentId },
     onEvent,
   })
   if (imageDataUri) {
@@ -276,6 +223,20 @@ export async function getTtsUrls(text: string): Promise<TtsUrl[]> {
   return invoke<TtsUrl[]>('get_tts_urls', { text })
 }
 
+export async function cancelChatMessage(chatId: string): Promise<void> {
+  if (typeof window === 'undefined' || !isTauriRuntime()) {
+    const API_BASE = getApiBase();
+    await fetch(`${API_BASE}/cancel-chat`, {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({ chatId })
+    });
+    return;
+  }
+  const { invoke } = await import('@tauri-apps/api/core')
+  await invoke('cancel_chat_message', { chatId })
+}
+
 export async function getRecentInteractions(limit = 50, chatId?: string | null): Promise<InteractionMemory[]> {
   if (typeof window === 'undefined' || !isTauriRuntime()) {
     const API_BASE = getApiBase();
@@ -454,11 +415,12 @@ export async function listSavedPictures(): Promise<PictureEntry[]> {
   if (typeof window === 'undefined' || !isTauriRuntime()) {
     const API_BASE = getApiBase();
     try {
-      const res = await fetch(`${API_BASE}/pictures`);
+      const res = await fetch(`${API_BASE}/pictures?_t=${Date.now()}`);
       const pictures = await res.json();
+      const timestamp = Date.now();
       return Array.isArray(pictures)
         ? pictures.map((picture) => {
-            const pictureUrl = picture.url ? `${API_BASE.replace('/api', '')}${picture.url}` : undefined
+            const pictureUrl = picture.url ? `${API_BASE.replace('/api', '')}${picture.url}?_t=${timestamp}` : undefined
             return {
               ...picture,
               path: pictureUrl || picture.path,
@@ -577,12 +539,12 @@ export async function setDefaultImageProvider(provider: string): Promise<boolean
 
 
 
-export async function submitToolApproval(token: string, approved: boolean): Promise<void> {
+export async function submitToolApproval(token: string, approved: boolean, answer?: string): Promise<void> {
   if (typeof window === 'undefined' || !isTauriRuntime()) {
     return;
   }
   const { invoke } = await import('@tauri-apps/api/core')
-  return invoke('submit_tool_approval', { token, approved })
+  return invoke('submit_tool_approval', { token, approved, answer })
 }
 
 export async function proposeCodeEdits(root: string, edits: CodeEdit[]): Promise<CodeEditProposal> {
@@ -1154,8 +1116,109 @@ async function captureSharedScreen(): Promise<string> {
   }
 }
 
+export async function listLearnedSkills(workspacePath?: string): Promise<LearnedSkill[]> {
+  if (typeof window === 'undefined' || !isTauriRuntime()) {
+    try {
+      const val = await getProfileValue('learned-skills-web-mock')
+      if (val) {
+        return JSON.parse(val)
+      }
+      return []
+    } catch (e) {
+      console.error("Failed to load web mock skills:", e)
+      return []
+    }
+  }
+  const { invoke } = await import('@tauri-apps/api/core')
+  return invoke<LearnedSkill[]>('list_learned_skills', { workspacePath })
+}
+
+export async function addLearnedSkill(name: string, content: string): Promise<LearnedSkill> {
+  if (typeof window === 'undefined' || !isTauriRuntime()) {
+    try {
+      const list = await listLearnedSkills()
+      const newSkill: LearnedSkill = {
+        id: Date.now(),
+        name,
+        sourcePath: 'ui_manual',
+        content,
+        updatedAt: new Date().toISOString()
+      }
+      list.push(newSkill)
+      await setProfileValue('learned-skills-web-mock', JSON.stringify(list))
+      return newSkill
+    } catch (e) {
+      console.error("Failed to add web mock skill:", e)
+      throw e
+    }
+  }
+  const { invoke } = await import('@tauri-apps/api/core')
+  return invoke<LearnedSkill>('add_learned_skill', { name, content })
+}
+
+export async function deleteLearnedSkill(name: string): Promise<number> {
+  if (typeof window === 'undefined' || !isTauriRuntime()) {
+    try {
+      const list = await listLearnedSkills()
+      const filtered = list.filter(s => s.name !== name)
+      const deletedCount = list.length - filtered.length
+      await setProfileValue('learned-skills-web-mock', JSON.stringify(filtered))
+      return deletedCount
+    } catch (e) {
+      console.error("Failed to delete web mock skill:", e)
+      return 0
+    }
+  }
+  const { invoke } = await import('@tauri-apps/api/core')
+  return invoke<number>('delete_learned_skill', { name })
+}
+
+export async function getWorkspaceTree(path?: string | null): Promise<WorkspaceTreeEntry> {
+  if (typeof window === 'undefined' || !isTauriRuntime()) {
+    return {
+      name: 'Workspace',
+      path: '.',
+      kind: 'directory',
+      children: [
+        { name: 'src', path: 'src', kind: 'directory', children: [] },
+        { name: 'package.json', path: 'package.json', kind: 'file', children: [] },
+      ],
+    }
+  }
+  const { invoke } = await import('@tauri-apps/api/core')
+  return invoke<WorkspaceTreeEntry>('get_workspace_tree', { path })
+}
+
+export async function createWorkspaceFile(path: string): Promise<void> {
+  if (typeof window === 'undefined' || !isTauriRuntime()) return
+  const { invoke } = await import('@tauri-apps/api/core')
+  return invoke('create_workspace_file', { path })
+}
+
+export async function createWorkspaceFolder(path: string): Promise<void> {
+  if (typeof window === 'undefined' || !isTauriRuntime()) return
+  const { invoke } = await import('@tauri-apps/api/core')
+  return invoke('create_workspace_folder', { path })
+}
+
+export async function deleteWorkspaceItem(path: string): Promise<void> {
+  if (typeof window === 'undefined' || !isTauriRuntime()) return
+  const { invoke } = await import('@tauri-apps/api/core')
+  return invoke('delete_workspace_item', { path })
+}
+
+export async function selectWorkspaceDirectory(): Promise<string | null> {
+  if (typeof window === 'undefined' || !isTauriRuntime()) {
+    return null
+  }
+  const { invoke } = await import('@tauri-apps/api/core')
+  const selected = await invoke<string | null>('select_workspace_directory')
+  return selected
+}
+
 export async function readClipboardImage(): Promise<string | null> {
   if (typeof window === 'undefined' || !isTauriRuntime()) {
+
     return null
   }
   const { invoke } = await import('@tauri-apps/api/core')
@@ -1166,3 +1229,40 @@ export async function readClipboardImage(): Promise<string | null> {
     return null
   }
 }
+
+// Enforce compile-time check against the shared platform interface
+const _apiCheck: MintPlatformApi = {
+  getRuntimeStatus,
+  detectSystemTools,
+  sendChatMessage,
+  streamChatMessage,
+  getTtsUrls,
+  cancelChatMessage,
+  getRecentInteractions,
+  saveSystemInteraction,
+  saveInteractionAgentActivity,
+  listChatSessions,
+  deleteChatSession,
+  renameChatSession,
+  getProfileValue,
+  setProfileValue,
+  listLearnedSkills,
+  addLearnedSkill,
+  deleteLearnedSkill,
+  clearChatHistory,
+  listSavedPictures,
+  generateImages,
+  getImageGenProviders,
+  setDefaultImageProvider,
+  getWorkspaceTree,
+  createWorkspaceFile,
+  createWorkspaceFolder,
+  deleteWorkspaceItem,
+  selectWorkspaceDirectory,
+  submitToolApproval,
+  proposeCodeEdits,
+  applyCodeEdits,
+  listen,
+  readClipboardImage,
+}
+