@pheem49/mint 1.6.3 → 1.7.0

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

@@ -2,6 +2,7 @@
 @import './css/settings.css';
 @import './css/spotlight.css';
 @import './css/widget.css';
+@import './css/image-studio.css';
 
 * {
   box-sizing: border-box;
@@ -377,3 +378,154 @@ button {
     text-align: center;
   }
 }
+
+/* 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);
+  color: #34d399;
+  padding: 2px 6px;
+  border-radius: 6px;
+  font-family: 'Fira Code', 'Courier New', Courier, monospace;
+  font-size: 0.88em;
+}
+
+.chat-code-block-container {
+  display: flex;
+  flex-direction: column;
+  background: var(--input-bg, #0f172a);
+  border: 1px solid var(--border);
+  border-radius: 8px;
+  margin: 12px 0;
+  overflow: hidden;
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
+}
+
+.chat-code-block-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  background: var(--surface-bg, #1e293b);
+  padding: 8px 14px;
+  border-bottom: 1px solid var(--border);
+}
+
+.chat-code-block-lang {
+  color: var(--accent);
+  font-size: 0.78rem;
+  font-weight: 650;
+  text-transform: capitalize;
+  font-family: ui-sans-serif, system-ui, sans-serif;
+}
+
+.chat-code-block-actions {
+  display: flex;
+  gap: 10px;
+}
+
+.chat-code-action-btn {
+  background: transparent;
+  border: none;
+  color: var(--text-soft, #94a3b8);
+  cursor: pointer;
+  padding: 4px;
+  border-radius: 4px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  transition: all 0.2s ease;
+}
+
+.chat-code-action-btn:hover {
+  background: rgba(255, 255, 255, 0.05);
+  color: var(--accent-hover, #34d399);
+}
+
+.chat-code-block-body {
+  margin: 0;
+  padding: 14px;
+  overflow-x: auto;
+  background: var(--input-bg, #0f172a);
+}
+
+.chat-code-block-body code {
+  font-family: 'Fira Code', 'Courier New', Courier, monospace;
+  font-size: 0.88rem;
+  color: var(--text-main, #e2e8f0);
+  line-height: 1.5;
+  white-space: pre;
+}
+
+.chat-ordered-list,
+.chat-unordered-list {
+  margin: 8px 0;
+  padding-left: 24px;
+}
+
+.chat-ordered-list {
+  list-style-type: decimal;
+}
+
+.chat-unordered-list {
+  list-style-type: disc;
+}
+
+.chat-bold-highlight {
+  color: var(--accent) !important;
+}
+
+.chat-inline-code {
+  background: color-mix(in srgb, var(--accent) 12%, transparent);
+  border: 1px solid color-mix(in srgb, var(--accent) 24%, transparent);
+  color: var(--accent);
+  padding: 2px 6px;
+  border-radius: 4px;
+  font-family: 'Fira Code', 'Courier New', Courier, monospace;
+  font-size: 0.9em;
+}
+
+/* Premium Table Styles for Chat Panel */
+.chat-table-container {
+  overflow-x: auto;
+  margin: 14px 0;
+  width: 100%;
+  border-radius: 8px;
+  border: 1px solid rgba(255, 255, 255, 0.12);
+  background: rgba(30, 41, 59, 0.35);
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
+}
+
+.chat-table {
+  width: 100%;
+  border-collapse: collapse;
+  font-size: 0.86rem;
+  text-align: left;
+  line-height: 1.5;
+}
+
+.chat-table th {
+  padding: 12px 16px;
+  font-weight: 700;
+  color: var(--accent);
+  background: rgba(255, 255, 255, 0.04);
+  border-bottom: 2px solid rgba(255, 255, 255, 0.15);
+  font-family: ui-sans-serif, system-ui, sans-serif;
+}
+
+.chat-table td {
+  padding: 12px 16px;
+  color: var(--text-main, #e2e8f0);
+  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
+}
+
+.chat-table tbody tr {
+  transition: background 0.15s ease;
+}
+
+.chat-table tbody tr:hover {
+  background: rgba(255, 255, 255, 0.03);
+}
+
+.chat-table tbody tr:last-child td {
+  border-bottom: none;
+}

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

@@ -43,6 +43,7 @@ export interface InteractionMemory {
   model: string
   fallbackProvider?: string | null
   createdAt: string
+  agentActivity?: AgentProgress[] | null
 }
 
 export interface ChatSession {
@@ -66,6 +67,30 @@ export interface PictureEntry {
   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
@@ -268,6 +293,30 @@ export async function getRecentInteractions(limit = 50, chatId?: string | null):
   return invoke<InteractionMemory[]>('get_recent_interactions', { limit, chatId })
 }
 
+export async function saveInteractionAgentActivity(
+  interactionId: number,
+  activity: AgentProgress[],
+): Promise<void> {
+  if (typeof window === 'undefined' || !isTauriRuntime()) {
+    const API_BASE = getApiBase();
+    try {
+      const res = await fetch(`${API_BASE}/interactions/agent-activity`, {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({ interactionId, activity }),
+      });
+      if (!res.ok) {
+        throw new Error(`HTTP ${res.status}`);
+      }
+    } catch (error) {
+      console.error('Failed to persist agent activity:', error);
+    }
+    return;
+  }
+  const { invoke } = await import('@tauri-apps/api/core')
+  await invoke('save_interaction_agent_activity', { interactionId, activity })
+}
+
 export async function listChatSessions(): Promise<ChatSession[]> {
   if (typeof window === 'undefined' || !isTauriRuntime()) {
     const API_BASE = getApiBase();
@@ -404,6 +453,106 @@ export async function listSavedPictures(): Promise<PictureEntry[]> {
   return invoke<PictureEntry[]>('list_pictures')
 }
 
+export async function generateImages(
+  request: ImageGenRequest
+): Promise<ImageGenResponse> {
+  if (typeof window === 'undefined' || !isTauriRuntime()) {
+    const API_BASE = getApiBase()
+    const res = await fetch(`${API_BASE}/image-generate`, {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({
+        prompt: request.prompt,
+        negativePrompt: request.negativePrompt,
+        aspectRatio: request.aspectRatio ?? '1:1',
+        numImages: request.numImages ?? 1,
+        model: request.model,
+        provider: request.provider,
+      }),
+    })
+    if (!res.ok) {
+      const err = await res.json().catch(() => null)
+      throw new Error(err?.error || `Image generation failed: HTTP ${res.status}`)
+    }
+    const data = await res.json()
+    // Normalize image URLs for web mode
+    const images: PictureEntry[] = Array.isArray(data.images)
+      ? data.images.map((pic: PictureEntry) => {
+          const pictureUrl = pic.url ? `${API_BASE.replace('/api', '')}${pic.url}` : pic.url
+          return { ...pic, url: pictureUrl, thumbnailUrl: pictureUrl }
+        })
+      : []
+    return { ...data, images }
+  }
+  // Desktop / Tauri mode
+  const { invoke } = await import('@tauri-apps/api/core')
+  return invoke<ImageGenResponse>('generate_images', { request })
+}
+
+/** Fetch which image-generation providers are currently configured on the backend. */
+export async function getImageGenProviders(): Promise<ImageGenProviders> {
+  if (typeof window === 'undefined' || !isTauriRuntime()) {
+    const API_BASE = getApiBase()
+    try {
+      const res = await fetch(`${API_BASE}/image-gen/providers`)
+      if (res.ok) return await res.json()
+    } catch (_) { /* ignore */ }
+    return { active: 'nanobanana', available: ['nanobanana'] }
+  }
+  // Desktop / Tauri: read config to know which keys are set
+  try {
+    const { invoke } = await import('@tauri-apps/api/core')
+    const config = await invoke<Record<string, string>>('get_config')
+    const available: string[] = []
+    if (config.api_key)            available.push('nanobanana')
+    if (config.openai_api_key)     available.push('dalle')
+    if (config.stability_api_key)  available.push('stability')
+    if (config.ideogram_api_key)   available.push('ideogram')
+    if (config.replicate_api_key)  available.push('replicate')
+    if (available.length === 0)    available.push('nanobanana')
+    const active = available.includes(config.image_gen_provider)
+      ? config.image_gen_provider
+      : available[0]
+    return { active, available }
+  } catch (_) {
+    return { active: 'nanobanana', available: ['nanobanana'] }
+  }
+}
+
+/** Updates the default image generation provider in the configuration. */
+export async function setDefaultImageProvider(provider: string): Promise<boolean> {
+  if (typeof window === 'undefined' || !isTauriRuntime()) {
+    const API_BASE = getApiBase()
+    try {
+      const getRes = await fetch(`${API_BASE}/config`)
+      if (!getRes.ok) return false
+      const config = await getRes.json()
+      config.image_gen_provider = provider
+      const saveRes = await fetch(`${API_BASE}/config`, {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify(config)
+      })
+      return saveRes.ok
+    } catch (_) {
+      return false
+    }
+  }
+
+  // Desktop / Tauri
+  try {
+    const { invoke } = await import('@tauri-apps/api/core')
+    const config = await invoke<any>('get_config')
+    config.image_gen_provider = provider
+    await invoke('update_config', { config })
+    return true
+  } catch (_) {
+    return false
+  }
+}
+
+
+
 export async function submitToolApproval(token: string, approved: boolean): Promise<void> {
   if (typeof window === 'undefined' || !isTauriRuntime()) {
     return;

package/src-tauri/src/lib.rs

@@ -32,11 +32,12 @@ use tokio::sync::oneshot;
 use integrations::{channel_inventory, list_plugins};
 use mint_core::{
     AgentApproval, AgentProgress, AppliedCodeEdit, ApprovalOutcome, ChatRequest, ChatResponse,
-    ChatSession, CodeEdit, CodeEditProposal, InteractionMemory, MemoryStore, MintConfig,
-    PictureEntry, TtsUrl, WeatherReport, apply_code_edits, classify_shell_command, config_path,
-    extract_document_text, google_tts_urls, list_saved_pictures, load_config, load_workflows,
-    orchestrate_agent_loop, orchestrate_chat_stream_with_fallback, orchestrate_chat_with_fallback,
-    propose_code_edits, save_chat_images, save_config, start_channels, weather, workflows_path,
+    ChatSession, CodeEdit, CodeEditProposal, ImageGenRequest, InteractionMemory, MemoryStore,
+    MintConfig, PictureEntry, TtsUrl, WeatherReport, apply_code_edits, classify_shell_command,
+    config_path, extract_document_text, google_tts_urls, list_saved_pictures, load_config,
+    load_workflows, orchestrate_agent_loop, orchestrate_chat_stream_with_fallback,
+    orchestrate_chat_with_fallback, propose_code_edits, save_chat_images, save_config,
+    start_channels, weather, workflows_path,
 };
 use plugins::execute_plugin;
 
@@ -546,6 +547,22 @@ async fn stream_chat_message(
     })
 }
 
+#[tauri::command]
+fn save_interaction_agent_activity(
+    interaction_id: i64,
+    activity: Vec<AgentProgress>,
+) -> Result<(), String> {
+    let activity_json =
+        serde_json::to_string(&activity).map_err(|error| error.to_string())?;
+    MemoryStore::open_default()
+        .and_then(|memory| {
+            memory
+                .set_interaction_agent_activity_json(interaction_id, &activity_json)
+                .map(|_| ())
+        })
+        .map_err(|error| error.to_string())
+}
+
 #[tauri::command]
 fn get_recent_interactions(
     limit: Option<usize>,
@@ -626,6 +643,47 @@ async fn submit_tool_approval(
     }
 }
 
+#[derive(serde::Serialize)]
+#[serde(rename_all = "camelCase")]
+struct DesktopImageGenResponse {
+    images: Vec<PictureEntry>,
+    model: String,
+    provider: String,
+    prompt: String,
+    description: Option<String>,
+}
+
+#[tauri::command]
+async fn generate_images(request: ImageGenRequest) -> Result<DesktopImageGenResponse, String> {
+    let config = load_config().map_err(|error| error.to_string())?;
+
+    // Call core generate_images logic
+    let result = mint_core::generate_images(&config, &request)
+        .await
+        .map_err(|error| error.to_string())?;
+
+    // Save images to Pictures library (just like api_server does)
+    let data_uris: Vec<String> = result
+        .images
+        .iter()
+        .map(|img| img.data_uri.clone())
+        .collect();
+    let saved = save_chat_images(
+        data_uris,
+        Some("nanobanana".into()),
+        Some(request.prompt.clone()),
+    )
+    .map_err(|error| error.to_string())?;
+
+    Ok(DesktopImageGenResponse {
+        images: saved,
+        model: result.model,
+        provider: result.provider,
+        prompt: result.prompt,
+        description: result.description,
+    })
+}
+
 #[tauri::command]
 fn list_pictures() -> Result<Vec<PictureEntry>, String> {
     list_saved_pictures().map_err(|error| error.to_string())
@@ -978,6 +1036,7 @@ pub fn run() {
         .invoke_handler(tauri::generate_handler![
             get_runtime_status,
             get_workspace_tree,
+            generate_images,
             select_workspace_directory,
             get_config,
             get_updater_status,
@@ -989,6 +1048,7 @@ pub fn run() {
             stream_chat_message,
             submit_tool_approval,
             get_recent_interactions,
+            save_interaction_agent_activity,
             list_chat_sessions,
             delete_chat_session,
             rename_chat_session,

package/src-tauri/tauri.conf.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://schema.tauri.app/config/2",
   "productName": "Mint",
-  "version": "1.6.2",
+  "version": "1.7.0",
   "identifier": "com.pheem49.mint",
   "build": {
     "beforeDevCommand": "npm run dev:desktop",