@pheem49/mint 1.8.1 → 1.9.0

package/src/renderer/src/css/styles.css

@@ -1670,12 +1670,28 @@ h1 {
   width: 15px;
 }
 
+.agent-activity-icon[data-has-img="true"]::before,
+.agent-activity-icon[data-has-img="true"]::after {
+  display: none !important;
+}
+
+.agent-activity-icon img {
+  width: 14px;
+  height: 14px;
+  display: block;
+  object-fit: contain;
+  filter: drop-shadow(0 1px 0 rgba(0, 0, 0, 0.12));
+  pointer-events: none;
+  user-select: none;
+}
+
 .agent-activity-icon::before,
 .agent-activity-icon::after {
   content: "";
   position: absolute;
 }
 
+
 .agent-activity-item[data-kind="folder"] .agent-activity-icon::before {
   background: var(--text-muted);
   border-radius: 2px 2px 1px 1px;
@@ -4292,3 +4308,87 @@ input:checked + .slider:before {
   -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/tauri.ts

@@ -1,115 +1,46 @@
-export interface RuntimeStatus {
-  backend: string
-  configPath: string
-  activeProvider: string
-  availableProviders: string[]
-  integrations: Record<string, unknown>
+/** Returns true when running inside the Tauri webview (desktop app). */
+export const isTauriRuntime = (): boolean =>
+  typeof window !== 'undefined' && Boolean((window as any).__TAURI_INTERNALS__)
+
+/**
+ * Returns the local API base URL.
+ * Uses the current hostname so LAN access (e.g. from another device) works correctly.
+ * Mirrors the same helper in src-web/tauri.ts.
+ */
+export const getLocalApiBase = (): string => {
+  const host = typeof window !== 'undefined' ? window.location.hostname : 'localhost'
+  return `http://${host}:3000/api`
 }
 
-export interface ChatResponse {
-  provider: string
-  model: string
-  text: string
-  fallbackProvider?: string | null
-}
-
-export interface TtsUrl {
-  shortText: string
-  url: string
-}
+export * from '../shared/types'
+import type { MintPlatformApi } from '../shared/platform'
+import type {
+
+  RuntimeStatus,
+  ChatResponse,
+  TtsUrl,
+  DocumentAttachment,
+  AgentProgress,
+  InteractionMemory,
+  ChatSession,
+  PictureEntry,
+  ImageGenRequest,
+  ImageGenProviders,
+  ImageGenResponse,
+  WorkspaceTreeEntry,
+  CodeEdit,
+  CodeEditProposal,
+} from '../shared/types'
 
-export interface DocumentAttachment {
-  filename: string
-  dataUri: string
-}
-
-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 WorkspaceTreeEntry {
-  name: string
-  path: string
-  kind: 'file' | 'directory'
-  children: WorkspaceTreeEntry[]
-}
-
-export interface CodeEdit {
-  path: string
-  content: string
-}
-
-export interface CodeEditProposal {
-  approvalRequired: boolean
-  approvalToken: string
-  edits: Array<{ path: string; existed: boolean; diff: string }>
-}
 
 export async function getRuntimeStatus(): Promise<RuntimeStatus> {
-  if (typeof window === 'undefined' || !(window as any).__TAURI_INTERNALS__) {
-    const API_BASE = "http://localhost:3000/api";
+  if (!isTauriRuntime()) {
+    const API_BASE = getLocalApiBase();
     try {
       const res = await fetch(`${API_BASE}/status`);
       return await res.json();
@@ -136,8 +67,8 @@ export interface DetectedTools {
 }
 
 export async function detectSystemTools(): Promise<DetectedTools> {
-  if (typeof window === 'undefined' || !(window as any).__TAURI_INTERNALS__) {
-    const API_BASE = "http://localhost:3000/api";
+  if (!isTauriRuntime()) {
+    const API_BASE = getLocalApiBase();
     try {
       const res = await fetch(`${API_BASE}/detect-tools`);
       return await res.json();
@@ -157,15 +88,16 @@ 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' || !(window as any).__TAURI_INTERNALS__) {
-    const API_BASE = "http://localhost:3000/api";
+  if (!isTauriRuntime()) {
+    const API_BASE = getLocalApiBase();
     try {
       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) {
@@ -186,7 +118,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', {
@@ -208,14 +140,15 @@ export async function streamChatMessage(
   documentAttachment?: DocumentAttachment | null,
   workspacePath?: string | null,
   chatId?: string | null,
+  agentId?: string | null,
 ): Promise<ChatResponse> {
-  if (typeof window === 'undefined' || !(window as any).__TAURI_INTERNALS__) {
-    const API_BASE = "http://localhost:3000/api";
+  if (!isTauriRuntime()) {
+    const API_BASE = getLocalApiBase();
     const outgoingMessage = withImagePlaceholder(message, imageDataUri);
     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);
@@ -261,7 +194,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) {
@@ -287,9 +220,23 @@ export async function getTtsUrls(text: string): Promise<TtsUrl[]> {
   return invoke<TtsUrl[]>('get_tts_urls', { text })
 }
 
+export async function cancelChatMessage(chatId: string): Promise<void> {
+  if (!isTauriRuntime()) {
+    const API_BASE = getLocalApiBase();
+    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' || !(window as any).__TAURI_INTERNALS__) {
-    const API_BASE = "http://localhost:3000/api";
+  if (!isTauriRuntime()) {
+    const API_BASE = getLocalApiBase();
     try {
       const params = new URLSearchParams({ limit: String(limit) });
       if (chatId) params.set('chatId', chatId);
@@ -310,8 +257,8 @@ export async function saveSystemInteraction(
   provider: string,
   model: string,
 ): Promise<any> {
-  if (typeof window === 'undefined' || !(window as any).__TAURI_INTERNALS__) {
-    const API_BASE = "http://localhost:3000/api";
+  if (!isTauriRuntime()) {
+    const API_BASE = getLocalApiBase();
     try {
       const res = await fetch(`${API_BASE}/interactions`, {
         method: 'POST',
@@ -332,8 +279,8 @@ export async function saveInteractionAgentActivity(
   interactionId: number,
   activity: AgentProgress[],
 ): Promise<void> {
-  if (typeof window === 'undefined' || !(window as any).__TAURI_INTERNALS__) {
-    const API_BASE = "http://localhost:3000/api";
+  if (!isTauriRuntime()) {
+    const API_BASE = getLocalApiBase();
     try {
       const res = await fetch(`${API_BASE}/interactions/agent-activity`, {
         method: 'POST',
@@ -353,8 +300,8 @@ export async function saveInteractionAgentActivity(
 }
 
 export async function listChatSessions(): Promise<ChatSession[]> {
-  if (typeof window === 'undefined' || !(window as any).__TAURI_INTERNALS__) {
-    const API_BASE = "http://localhost:3000/api";
+  if (!isTauriRuntime()) {
+    const API_BASE = getLocalApiBase();
     try {
       const res = await fetch(`${API_BASE}/chat-sessions`);
       const data = await res.json();
@@ -369,8 +316,8 @@ export async function listChatSessions(): Promise<ChatSession[]> {
 }
 
 export async function deleteChatSession(chatId: string): Promise<number> {
-  if (typeof window === 'undefined' || !(window as any).__TAURI_INTERNALS__) {
-    const API_BASE = "http://localhost:3000/api";
+  if (!isTauriRuntime()) {
+    const API_BASE = getLocalApiBase();
     try {
       const params = new URLSearchParams({ chatId });
       const res = await fetch(`${API_BASE}/chat-sessions/delete?${params.toString()}`, { method: 'POST' });
@@ -386,8 +333,8 @@ export async function deleteChatSession(chatId: string): Promise<number> {
 }
 
 export async function renameChatSession(chatId: string, newTitle: string): Promise<number> {
-  if (typeof window === 'undefined' || !(window as any).__TAURI_INTERNALS__) {
-    const API_BASE = "http://localhost:3000/api";
+  if (!isTauriRuntime()) {
+    const API_BASE = getLocalApiBase();
     try {
       const res = await fetch(`${API_BASE}/chat-sessions/rename`, {
         method: 'POST',
@@ -406,8 +353,8 @@ export async function renameChatSession(chatId: string, newTitle: string): Promi
 }
 
 export async function getProfileValue(key: string): Promise<string> {
-  if (typeof window === 'undefined' || !(window as any).__TAURI_INTERNALS__) {
-    const API_BASE = "http://localhost:3000/api";
+  if (!isTauriRuntime()) {
+    const API_BASE = getLocalApiBase();
     try {
       const params = new URLSearchParams({ key });
       const res = await fetch(`${API_BASE}/profile?${params.toString()}`);
@@ -423,8 +370,8 @@ export async function getProfileValue(key: string): Promise<string> {
 }
 
 export async function setProfileValue(key: string, value: string): Promise<boolean> {
-  if (typeof window === 'undefined' || !(window as any).__TAURI_INTERNALS__) {
-    const API_BASE = "http://localhost:3000/api";
+  if (!isTauriRuntime()) {
+    const API_BASE = getLocalApiBase();
     try {
       const res = await fetch(`${API_BASE}/profile`, {
         method: 'POST',
@@ -509,8 +456,8 @@ export async function deleteLearnedSkill(name: string): Promise<number> {
 }
 
 export async function clearChatHistory(chatId?: string | null): Promise<number> {
-  if (typeof window === 'undefined' || !(window as any).__TAURI_INTERNALS__) {
-    const API_BASE = "http://localhost:3000/api";
+  if (!isTauriRuntime()) {
+    const API_BASE = getLocalApiBase();
     try {
       const params = new URLSearchParams();
       if (chatId) params.set('chatId', chatId);
@@ -528,14 +475,15 @@ export async function clearChatHistory(chatId?: string | null): Promise<number>
 }
 
 export async function listSavedPictures(): Promise<PictureEntry[]> {
-  if (typeof window === 'undefined' || !(window as any).__TAURI_INTERNALS__) {
-    const API_BASE = "http://localhost:3000/api";
+  if (!isTauriRuntime()) {
+    const API_BASE = getLocalApiBase();
     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,
@@ -557,8 +505,8 @@ export async function listSavedPictures(): Promise<PictureEntry[]> {
 export async function generateImages(
   request: ImageGenRequest
 ): Promise<ImageGenResponse> {
-  if (typeof window === 'undefined' || !(window as any).__TAURI_INTERNALS__) {
-    const API_BASE = 'http://localhost:3000/api'
+  if (!isTauriRuntime()) {
+    const API_BASE = getLocalApiBase()
     const res = await fetch(`${API_BASE}/image-generate`, {
       method: 'POST',
       headers: { 'Content-Type': 'application/json' },
@@ -592,8 +540,8 @@ export async function generateImages(
 
 /** Fetch which image-generation providers are currently configured on the backend. */
 export async function getImageGenProviders(): Promise<ImageGenProviders> {
-  if (typeof window === 'undefined' || !(window as any).__TAURI_INTERNALS__) {
-    const API_BASE = 'http://localhost:3000/api'
+  if (!isTauriRuntime()) {
+    const API_BASE = getLocalApiBase()
     try {
       const res = await fetch(`${API_BASE}/image-gen/providers`)
       if (res.ok) return await res.json()
@@ -622,8 +570,8 @@ export async function getImageGenProviders(): Promise<ImageGenProviders> {
 
 /** Updates the default image generation provider in the configuration. */
 export async function setDefaultImageProvider(provider: string): Promise<boolean> {
-  if (typeof window === 'undefined' || !(window as any).__TAURI_INTERNALS__) {
-    const API_BASE = "http://localhost:3000/api";
+  if (!isTauriRuntime()) {
+    const API_BASE = getLocalApiBase();
     try {
       const getRes = await fetch(`${API_BASE}/config`)
       if (!getRes.ok) return false
@@ -742,9 +690,9 @@ export function convertFileSrc(filePath: string, protocol = 'asset'): string {
 }
 
 export function installTauriAdapters() {
-  if (typeof window === 'undefined' || !(window as any).__TAURI_INTERNALS__) {
-    console.warn("Not running inside Tauri. Connecting to local API server fallback at http://localhost:3000/api.");
-    const API_BASE = "http://localhost:3000/api";
+  if (!isTauriRuntime()) {
+    const API_BASE = getLocalApiBase();
+    console.warn(`Not running inside Tauri. Connecting to local API server fallback at ${API_BASE}.`);
 
     (window as any).settingsApi = {
       getSettings: async () => {
@@ -1280,3 +1228,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,
+}
+

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

@@ -1,39 +1,11 @@
-import type { AgentProgress, InteractionMemory } from './tauri'
-
-export function thoughtsFrom(progress: AgentProgress[]): string[] {
-  return progress
-    .filter((event) => event.type === 'Thought')
-    .map((event) => (event as Extract<AgentProgress, { type: 'Thought' }>).data.thought)
-    .filter(Boolean)
-}
-
-export function trimAgentProgress(progress: AgentProgress[], maxNonThought = 20): AgentProgress[] {
-  if (progress.length === 0) return progress
-  const keptNonThought = new Set(
-    progress.filter((event) => event.type !== 'Thought').slice(-maxNonThought),
-  )
-  return progress.filter((event) => event.type === 'Thought' || keptNonThought.has(event))
-}
-
-export function hasAgentToolActivity(progress: AgentProgress[]): boolean {
-  return progress.some((event) => event.type === 'ToolStart' || event.type === 'ToolEnd')
-}
-
-export function mergeActivitySnapshots(
-  current: Record<string, AgentProgress[]>,
-  interactions: InteractionMemory[],
-): Record<string, AgentProgress[]> {
-  const merged = { ...current }
-  for (const interaction of interactions) {
-    const key = String(interaction.id)
-    if (interaction.agentActivity?.length && !merged[key]) {
-      merged[key] = interaction.agentActivity
-    }
-  }
-  return merged
-}
-
-export function parseAgentActivity(value: unknown): AgentProgress[] | undefined {
-  if (!Array.isArray(value)) return undefined
-  return value as AgentProgress[]
-}
+// Re-export everything from the shared module — do NOT add logic here.
+// Edit src/renderer/shared/agentProgress.ts instead.
+export type { AgentProgress, InteractionMemory } from '../shared/agentProgress'
+export {
+  thoughtsFrom,
+  trimAgentProgress,
+  hasAgentToolActivity,
+  mergeActivitySnapshots,
+  parseAgentActivity,
+  parseFileChangesFromProgress,
+} from '../shared/agentProgress'

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

@@ -1,47 +1,4 @@
-export function evaluateArithmetic(source: string): number {
-  const tokens = source.replace(/\s+/g, '')
-  let index = 0
+// Re-export from the shared module — do NOT add logic here.
+// Edit src/renderer/shared/calculator.ts instead.
+export { evaluateArithmetic } from '../shared/calculator'
 
-  function parseExpression(): number {
-    let value = parseTerm()
-    while (tokens[index] === '+' || tokens[index] === '-') {
-      const operator = tokens[index++]
-      const right = parseTerm()
-      value = operator === '+' ? value + right : value - right
-    }
-    return value
-  }
-
-  function parseTerm(): number {
-    let value = parseFactor()
-    while (tokens[index] === '*' || tokens[index] === '/') {
-      const operator = tokens[index++]
-      const right = parseFactor()
-      value = operator === '*' ? value * right : value / right
-    }
-    return value
-  }
-
-  function parseFactor(): number {
-    if (tokens[index] === '+' || tokens[index] === '-') {
-      return tokens[index++] === '-' ? -parseFactor() : parseFactor()
-    }
-    if (tokens[index] === '(') {
-      index += 1
-      const value = parseExpression()
-      if (tokens[index++] !== ')') throw new Error('missing closing parenthesis')
-      return value
-    }
-    const match = tokens.slice(index).match(/^(?:\d+(?:\.\d*)?|\.\d+)/)
-    if (!match) throw new Error('expected a number')
-    index += match[0].length
-    return Number(match[0])
-  }
-
-  if (!tokens) throw new Error('expression is empty')
-  const result = parseExpression()
-  if (index !== tokens.length || !Number.isFinite(result)) {
-    throw new Error('invalid arithmetic expression')
-  }
-  return result
-}