@pheem49/mint 1.8.0 → 1.8.1

package/crates/mint-core/src/skills.rs

@@ -53,10 +53,32 @@ pub fn learn_skill(path: &Path) -> Result<LearnedSkill, SkillError> {
     Ok(MemoryStore::open_default()?.add_learned_skill(name, &path.to_string_lossy(), &content)?)
 }
 
-pub fn learned_skills_context() -> Result<String, SkillError> {
-    let skills = MemoryStore::open_default()?.learned_skills(20)?;
-    let value = skills
-        .into_iter()
+pub fn learned_skills_context(workspace_root: Option<&Path>) -> Result<String, SkillError> {
+    let mut skills = MemoryStore::open_default()?.learned_skills(20)?;
+
+    if let Some(home) = dirs::home_dir() {
+        let global_skills_path = home.join(".config").join("mint").join("mint-skills");
+        if !global_skills_path.exists() {
+            let _ = std::fs::create_dir_all(&global_skills_path);
+        }
+        load_skills_from_dir(&global_skills_path, &mut skills);
+    }
+
+    if let Some(root) = workspace_root {
+        let workspace_skills_path1 = root.join(".agents").join("skills");
+        load_skills_from_dir(&workspace_skills_path1, &mut skills);
+
+        let workspace_skills_path2 = root.join("skills");
+        load_skills_from_dir(&workspace_skills_path2, &mut skills);
+    }
+
+    let mut unique_skills = std::collections::BTreeMap::new();
+    for skill in skills {
+        unique_skills.insert(skill.name.clone(), skill);
+    }
+
+    let value = unique_skills
+        .into_values()
         .map(|skill| format!("Skill: {}\n{}", skill.name, skill.content))
         .collect::<Vec<_>>()
         .join("\n\n");
@@ -69,3 +91,90 @@ pub fn learned_skills_context() -> Result<String, SkillError> {
     }
     Ok(format!("{}\n...<learned skills truncated>", &value[..end]))
 }
+
+pub fn load_skills_from_dir(dir: &Path, list: &mut Vec<LearnedSkill>) {
+    if !dir.is_dir() {
+        return;
+    }
+    if let Ok(entries) = fs::read_dir(dir) {
+        for entry in entries.flatten() {
+            let path = entry.path();
+            if path.is_dir() {
+                for filename in &["SKILL.md", "SKILL.txt", "skill.md", "skill.txt"] {
+                    let skill_file = path.join(filename);
+                    if skill_file.is_file() {
+                        if let Ok(content) = fs::read_to_string(&skill_file) {
+                            let name = path
+                                .file_name()
+                                .and_then(|n| n.to_str())
+                                .unwrap_or("skill")
+                                .to_string();
+                            list.push(LearnedSkill {
+                                id: 0,
+                                name,
+                                source_path: skill_file.to_string_lossy().to_string(),
+                                content,
+                                created_at: String::new(),
+                            });
+                        }
+                        break;
+                    }
+                }
+            } else if path.is_file() {
+                if let Some(ext) = path.extension().and_then(|e| e.to_str()) {
+                    if matches!(ext.to_ascii_lowercase().as_str(), "md" | "txt") {
+                        if let Ok(content) = fs::read_to_string(&path) {
+                            let name = path
+                                .file_stem()
+                                .and_then(|n| n.to_str())
+                                .unwrap_or("skill")
+                                .to_string();
+                            list.push(LearnedSkill {
+                                id: 0,
+                                name,
+                                source_path: path.to_string_lossy().to_string(),
+                                content,
+                                created_at: String::new(),
+                            });
+                        }
+                    }
+                }
+            }
+        }
+    }
+}
+
+#[cfg(test)]
+mod tests {
+    use super::*;
+
+    #[test]
+    fn test_fs_skills_loading() {
+        let test_dir = std::env::temp_dir().join("mint_skills_test_unique_dir");
+        let _ = std::fs::remove_dir_all(&test_dir);
+        let workspace_path = test_dir.join(".agents").join("skills");
+        std::fs::create_dir_all(&workspace_path).unwrap();
+
+        // Write a file skill
+        let file_skill_path = workspace_path.join("rust-style.md");
+        std::fs::write(&file_skill_path, "Use 4 spaces for Rust indent.").unwrap();
+
+        // Write a directory skill
+        let dir_skill_path = workspace_path.join("js-style");
+        std::fs::create_dir_all(&dir_skill_path).unwrap();
+        std::fs::write(dir_skill_path.join("SKILL.md"), "Use 2 spaces for JS.").unwrap();
+
+        let mut list = Vec::new();
+        load_skills_from_dir(&workspace_path, &mut list);
+
+        let _ = std::fs::remove_dir_all(&test_dir);
+
+        assert_eq!(list.len(), 2);
+
+        let rust_skill = list.iter().find(|s| s.name == "rust-style").unwrap();
+        assert_eq!(rust_skill.content, "Use 4 spaces for Rust indent.");
+
+        let js_skill = list.iter().find(|s| s.name == "js-style").unwrap();
+        assert_eq!(js_skill.content, "Use 2 spaces for JS.");
+    }
+}

package/crates/mint-core/src/workflows.rs

@@ -51,28 +51,7 @@ pub fn load_workflows() -> Result<Vec<Value>, WorkflowError> {
 fn save_default_workflows(path: &PathBuf) -> Result<(), WorkflowError> {
     let directory = path.parent().ok_or(WorkflowError::MissingDirectory)?;
     fs::create_dir_all(directory).map_err(WorkflowError::CreateDirectory)?;
-    let workflows = json!([
-        {
-            "id": "wf-1",
-            "name": "Check Mic on Zoom",
-            "trigger": { "type": "process_running", "processName": "zoom" },
-            "action": {
-                "type": "system_info",
-                "message": "Looks like you opened Zoom. Should I check your system resources?",
-                "target": ""
-            }
-        },
-        {
-            "id": "wf-2",
-            "name": "Coding Time",
-            "trigger": { "type": "process_running", "processName": "code" },
-            "action": {
-                "type": "open_app",
-                "message": "Coding time. Want me to open Spotify?",
-                "target": "spotify"
-            }
-        }
-    ]);
+    let workflows = json!([]);
     let raw = serde_json::to_string_pretty(&workflows).map_err(WorkflowError::Serialize)?;
     fs::write(path, format!("{raw}\n")).map_err(|source| WorkflowError::Write {
         path: path.clone(),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pheem49/mint",
-  "version": "1.8.0",
+  "version": "1.8.1",
   "description": "A native Tauri desktop AI assistant with a Rust backend and React UI.",
   "scripts": {
     "dev:web": "vite --config vite.config.web.ts",

package/src/renderer/src/components/ChatPanel.tsx

@@ -68,15 +68,7 @@ const LOCAL_MODELS = [
   'lmstudio-community/gemma-2-9b-it-GGUF'
 ]
 
-const OLLAMA_MODELS = [
-  'llama3:latest',
-  'llama3.1:latest',
-  'llama3.2:latest',
-  'gemma2:latest',
-  'mistral:latest',
-  'phi3:latest',
-  'qwen2.5:latest'
-]
+const OLLAMA_MODELS: string[] = []
 
 interface ApprovalDetails {
   title: string
@@ -122,6 +114,7 @@ interface AgentActivity {
   target: string
   kind: 'file' | 'folder' | 'search' | 'terminal' | 'tool'
   state: 'active' | 'done' | 'error'
+  action?: string
 }
 
 interface AgentActivityView {
@@ -153,7 +146,20 @@ function describeTool(action: string, input: Record<string, unknown>): AgentActi
   const command = activityDetail(input, 'command')
   const name = activityDetail(input, 'name')
   const tool = activityDetail(input, 'tool')
-  const target = path || query || command || name || tool || action.replaceAll('_', ' ')
+  const rawTarget = path || query || command || name || tool || action.replaceAll('_', ' ')
+
+  // Append line range for read_file when startLine / endLine are available
+  let target = rawTarget
+  if (action === 'read_file' && path) {
+    const startLine = typeof input.startLine === 'number' ? input.startLine : undefined
+    const endLine = typeof input.endLine === 'number' ? input.endLine : undefined
+    if (startLine !== undefined && endLine !== undefined) {
+      target = `${rawTarget} #L${startLine}-${endLine}`
+    } else if (startLine !== undefined) {
+      target = `${rawTarget} #L${startLine}`
+    }
+  }
+
   const labels: Record<string, string> = {
     apply_patch: 'Applying patch',
     ask_user: 'Asking user',
@@ -189,6 +195,7 @@ function describeTool(action: string, input: Record<string, unknown>): AgentActi
     target: formatActivityTarget(target),
     kind: activityKind(action, target),
     state: 'active',
+    action,
   }
 }
 
@@ -215,7 +222,13 @@ function activitiesFrom(progress: AgentProgress[]): AgentActivityView {
       for (let index = activities.length - 1; index >= 0; index -= 1) {
         if (activities[index].state !== 'active') continue
         activities[index].state = event.data.result.startsWith('Error:') ? 'error' : 'done'
-        if (activities[index].state === 'error') activities[index].label = 'Failed'
+        if (activities[index].state === 'error') {
+          activities[index].label = 'Failed'
+        }
+        if (activities[index].action === 'ask_user' && event.data.result.startsWith('User answered:')) {
+          const answer = event.data.result.replace('User answered:', '').trim()
+          activities[index].target = `(Answered: "${answer}") ${activities[index].target}`
+        }
         break
       }
     }
@@ -224,7 +237,16 @@ function activitiesFrom(progress: AgentProgress[]): AgentActivityView {
   return { summary: activitySummary(activities), items }
 }
 
-function renderAgentActivityTable(activityView: AgentActivityView) {
+function AgentActivityTable({ activityView }: { activityView: AgentActivityView }) {
+  const [expandedIndices, setExpandedIndices] = useState<Record<number, boolean>>({})
+
+  const toggleExpand = (index: number) => {
+    setExpandedIndices(prev => ({
+      ...prev,
+      [index]: !prev[index]
+    }))
+  }
+
   return (
     <div className="agent-activity-list">
       <div className="agent-activity-table-head" aria-hidden="true">
@@ -233,14 +255,39 @@ function renderAgentActivityTable(activityView: AgentActivityView) {
         <span>Target</span>
         <span />
       </div>
-      {activityView.items.map((activity, index) => (
-        <div className="agent-activity-item" data-kind={activity.kind} data-state={activity.state} key={`${index}-${activity.label}-${activity.target}`}>
-          <span className="agent-activity-label">{activity.label}</span>
-          <span className="agent-activity-icon" aria-hidden="true" />
-          <span className="agent-activity-text">{activity.target}</span>
-          <span className="agent-activity-chevron" aria-hidden="true">&gt;</span>
-        </div>
-      ))}
+      {activityView.items.map((activity, index) => {
+        const isExpanded = !!expandedIndices[index]
+        return (
+          <div 
+            className="agent-activity-item" 
+            data-kind={activity.kind} 
+            data-state={activity.state} 
+            key={`${index}-${activity.label}-${activity.target}`}
+            style={{ cursor: 'pointer' }}
+            onClick={() => toggleExpand(index)}
+          >
+            <span className="agent-activity-label">{activity.label}</span>
+            <span className="agent-activity-icon" aria-hidden="true" />
+            <span 
+              className="agent-activity-text" 
+              style={isExpanded ? { whiteSpace: 'normal', wordBreak: 'break-all', overflow: 'visible', textOverflow: 'clip' } : undefined}
+            >
+              {activity.target}
+            </span>
+            <span 
+              className="agent-activity-chevron" 
+              style={{ 
+                transform: isExpanded ? 'rotate(90deg)' : 'none', 
+                transition: 'transform 0.2s ease',
+                display: 'inline-block'
+              }}
+              aria-hidden="true"
+            >
+              &gt;
+            </span>
+          </div>
+        )
+      })}
     </div>
   )
 }
@@ -257,7 +304,7 @@ function renderApprovalDetails(approval: any): ApprovalDetails {
     return { title: `Run MCP Tool: ${server}/${tool}`, body: typeof args === 'string' ? args : JSON.stringify(args, null, 2), reason: 'Running external MCP tool.', isDangerous: false }
   }
   if (approval.UserApproval) return { title: approval.UserApproval.title, body: approval.UserApproval.prompt, reason: 'The agent requested explicit approval.', isDangerous: false }
-  if (approval.AskUser) return { title: 'Question From Agent', body: approval.AskUser.question, reason: 'Approve to continue without a typed answer, or cancel to decline.', isDangerous: false }
+  if (approval.AskUser) return { title: 'Question From Agent', body: approval.AskUser.question, reason: 'Type your answer below and submit to respond to the agent.', isDangerous: false }
   return { title: 'Unknown Action', body: JSON.stringify(approval, null, 2), reason: 'Requires approval to proceed.', isDangerous: false }
 }
 
@@ -355,7 +402,7 @@ interface ChatPanelProps {
   onSetAgentMode: (enabled: boolean) => void
   onSetProvider: (provider: string) => void
   onSelectWorkspace: () => void
-  onApproval: (approved: boolean, autoApproveSession?: boolean) => void
+  onApproval: (approved: boolean, autoApproveSession?: boolean, answer?: string) => void
   settingsConfig: any
   onSetModel: (model: string) => void
 }
@@ -450,7 +497,17 @@ function renderFormattedMessage(text: string) {
             </strong>
           )
         }
-        return boldPart
+        const mentionParts = boldPart.split(/(@[\w\-\.\/]+)/g)
+        return mentionParts.map((mentionPart, mentionIndex) => {
+          if (mentionIndex % 2 === 1) {
+            return (
+              <span key={`mention-${mentionIndex}`} className="chat-mention">
+                {mentionPart}
+              </span>
+            )
+          }
+          return mentionPart
+        })
       })
     })
   }
@@ -977,6 +1034,34 @@ export default function ChatPanel({
   const [openFileDiffs, setOpenFileDiffs] = useState<Record<string, boolean>>({})
   const [toolMenuOpen, setToolMenuOpen] = useState(false)
   const [elapsedSeconds, setElapsedSeconds] = useState(0)
+  const [dynamicOllamaModels, setDynamicOllamaModels] = useState<string[]>(OLLAMA_MODELS)
+  const [askAnswer, setAskAnswer] = useState('')
+
+  useEffect(() => {
+    setAskAnswer('')
+  }, [pendingApproval])
+
+  useEffect(() => {
+    const fetchOllamaModels = async () => {
+      if (status?.activeProvider !== 'ollama') return;
+      const host = settingsConfig?.ollamaHost || 'http://localhost:11434';
+      const cleanHost = host.endsWith('/') ? host.slice(0, -1) : host;
+      try {
+        const res = await fetch(`${cleanHost}/api/tags`);
+        if (res.ok) {
+          const data = await res.json();
+          if (data && Array.isArray(data.models)) {
+            setDynamicOllamaModels(data.models.map((m: any) => m.name));
+            return;
+          }
+        }
+      } catch (err) {
+        // fallback to default if fetch fails
+      }
+      setDynamicOllamaModels(OLLAMA_MODELS);
+    }
+    fetchOllamaModels();
+  }, [status?.activeProvider, settingsConfig?.ollamaHost])
 
   useEffect(() => {
     if (!sending) {
@@ -1037,7 +1122,7 @@ export default function ChatPanel({
       case 'local_openai':
         return LOCAL_MODELS
       case 'ollama':
-        return OLLAMA_MODELS
+        return dynamicOllamaModels
       default:
         return []
     }
@@ -1473,7 +1558,7 @@ export default function ChatPanel({
   const appendWorkspaceReference = (reference: string) => {
     const trimmed = reference.trim()
     if (!trimmed) return
-    onSetMessage(message.trim() ? `${message.trimEnd()} ${trimmed}` : trimmed)
+    onSetMessage(message.trim() ? `${message.trimEnd()} ${trimmed} ` : `${trimmed} `)
   }
   const handleWorkspaceDrop = (event: DragEvent<HTMLElement>) => {
     const reference =
@@ -1502,7 +1587,7 @@ export default function ChatPanel({
         </button>
         {isOpen && (
           <div className="agent-activity-card agent-activity-card-history">
-            {renderAgentActivityTable(activityView)}
+            <AgentActivityTable activityView={activityView} />
           </div>
         )}
       </div>
@@ -1701,6 +1786,12 @@ export default function ChatPanel({
 
   return (
     <section className={`conversation-panel ${isEmptyChat ? 'is-empty' : ''}`}>
+      <div className="chat-header">
+        <div className="chat-header-title">
+          <img src="./assets/icon.png" alt="Logo" className="chat-header-logo" />
+          <span>Mint Agent</span>
+        </div>
+      </div>
       <div className="chat-container">
         {interactions.map((interaction) => {
           const isSystemEvent = interaction.provider === 'system' && interaction.model === 'provider_change';
@@ -1777,7 +1868,7 @@ export default function ChatPanel({
                       {pendingApproval ? 'Waiting for approval' : 'Working'}
                     </span>
                   </div>
-                  {renderAgentActivityTable(agentActivities)}
+                  <AgentActivityTable activityView={agentActivities} />
                 </div>
               </div>
             )}
@@ -1847,6 +1938,7 @@ export default function ChatPanel({
           const writeFile = pendingApproval.approval?.WriteFile
           const applyPatch = pendingApproval.approval?.ApplyPatch
           const diffText = writeFile?.diff || applyPatch?.diff
+          const isAskUser = !!pendingApproval.approval?.AskUser
 
           return (
             <div className="message ai-message" style={{ width: '100%' }}>
@@ -1863,12 +1955,54 @@ export default function ChatPanel({
                     ) : (
                       details.reason && <div className="approval-card-reason" style={{ whiteSpace: 'pre-wrap', fontFamily: 'monospace' }}>{details.reason}</div>
                     )}
+                    {isAskUser && (
+                      <div className="approval-card-input-container" style={{ marginTop: '12px', width: '100%' }}>
+                        <textarea
+                          style={{
+                            width: '100%',
+                            minHeight: '70px',
+                            padding: '10px',
+                            background: 'rgba(0, 0, 0, 0.2)',
+                            border: '1px solid rgba(255, 255, 255, 0.1)',
+                            borderRadius: '6px',
+                            color: 'var(--text-main, #f8fafc)',
+                            fontSize: '0.9rem',
+                            fontFamily: 'inherit',
+                            resize: 'vertical',
+                            outline: 'none',
+                          }}
+                          placeholder="Type your answer here..."
+                          value={askAnswer}
+                          onChange={(e) => setAskAnswer(e.target.value)}
+                        />
+                      </div>
+                    )}
                   </div>
-                  <div className="approval-card-actions">
-                    <button type="button" className="approval-btn approval-btn-approve" onClick={() => onApproval(true)}>Approve</button>
-                    <button type="button" className="approval-btn" style={{ backgroundColor: 'rgba(16, 185, 129, 0.22)', borderColor: 'rgba(16, 185, 129, 0.4)', color: '#a7f3d0' }} onClick={() => onApproval(true, true)}>Approve this session</button>
-                    <button type="button" className="approval-btn approval-btn-cancel" onClick={() => onApproval(false)}>Cancel</button>
-                  </div>
+                  {isAskUser ? (
+                    <div className="approval-card-actions">
+                      <button 
+                        type="button" 
+                        className="approval-btn approval-btn-approve" 
+                        disabled={!askAnswer.trim()} 
+                        onClick={() => onApproval(true, false, askAnswer)}
+                      >
+                        Submit Answer
+                      </button>
+                      <button 
+                        type="button" 
+                        className="approval-btn approval-btn-cancel" 
+                        onClick={() => onApproval(false)}
+                      >
+                        Decline
+                      </button>
+                    </div>
+                  ) : (
+                    <div className="approval-card-actions">
+                      <button type="button" className="approval-btn approval-btn-approve" onClick={() => onApproval(true)}>Approve</button>
+                      <button type="button" className="approval-btn" style={{ backgroundColor: 'rgba(16, 185, 129, 0.22)', borderColor: 'rgba(16, 185, 129, 0.4)', color: '#a7f3d0' }} onClick={() => onApproval(true, true)}>Approve this session</button>
+                      <button type="button" className="approval-btn approval-btn-cancel" onClick={() => onApproval(false)}>Cancel</button>
+                    </div>
+                  )}
                 </div>
               </div>
             </div>
@@ -2048,7 +2182,7 @@ export default function ChatPanel({
                 return <option key={provider} value={provider}>{displayName}</option>
               })}
             </select>
-            {availableModels.length > 0 && (
+            {(availableModels.length > 0 || activeModel) && (
               <select 
                 value={activeModel} 
                 onChange={(event) => onSetModel(event.target.value)}
@@ -2106,6 +2240,9 @@ export default function ChatPanel({
           </button>
         </form>
       </div>
+      <p className="input-disclaimer">
+        Mint Agent is an AI gateway. Responses via third-party APIs. Verify critical info.
+      </p>
     </section>
   )
 }

package/src/renderer/src/components/ImageStudioPanel.tsx

@@ -16,6 +16,7 @@ interface ImageStudioPanelProps {
   view: string
   onRefreshPictures?: () => void
   onSendToChat?: (dataUri: string, prompt: string) => void
+  onToggleMobileSidebar?: () => void
 }
 
 const ASPECT_OPTIONS: { value: AspectRatio; label: string; icon: string }[] = [
@@ -85,7 +86,7 @@ function SkeletonCard() {
   )
 }
 
-export default function ImageStudioPanel({ view, onRefreshPictures, onSendToChat }: ImageStudioPanelProps) {
+export default function ImageStudioPanel({ view, onRefreshPictures, onSendToChat, onToggleMobileSidebar }: ImageStudioPanelProps) {
   const [prompt, setPrompt] = useState('')
   const [negativePrompt, setNegativePrompt] = useState('')
   const [showNegative, setShowNegative] = useState(false)
@@ -206,6 +207,15 @@ export default function ImageStudioPanel({ view, onRefreshPictures, onSendToChat
       {/* Header */}
       <header className="img-studio-header">
         <div className="img-studio-header-title">
+          <button
+            className="mobile-menu-btn"
+            type="button"
+            onClick={onToggleMobileSidebar}
+            aria-label="Toggle menu"
+            style={{ marginRight: '8px' }}
+          >
+            ☰
+          </button>
           <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" aria-hidden="true">
             <polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/>
           </svg>

package/src/renderer/src/components/MintDashboard.tsx

@@ -268,6 +268,7 @@ export default function MintDashboard() {
   const [chatSessions, setChatSessions] = useState<ChatSession[]>([])
   const chatEnd = useRef<HTMLDivElement | null>(null)
   const startupReady = (dashboardDataReady && modelReady) || startupTimedOut
+  const [proactiveSuggestion, setProactiveSuggestion] = useState<any>(null)
 
   const [isSearchOpen, setIsSearchOpen] = useState(false)
   const [searchQuery, setSearchQuery] = useState('')
@@ -419,10 +420,14 @@ export default function MintDashboard() {
         setPendingApproval(event.payload)
       }
     })
+    const unlistenProactive = window.api.onProactiveSuggestion?.((suggestion: any) => {
+      setProactiveSuggestion(suggestion)
+    })
     return () => {
       unlistenPromise?.then?.((unlisten) => unlisten?.())
       unlistenSpotlight?.then?.((unlisten) => unlisten?.())
       unlistenVision?.then?.((unlisten) => unlisten?.())
+      unlistenProactive?.then?.((unlisten) => unlisten?.())
     }
   }, [])
 
@@ -502,14 +507,14 @@ export default function MintDashboard() {
     }
   }, [sending])
 
-  async function handleApproval(approved: boolean, autoApproveSession = false) {
+  async function handleApproval(approved: boolean, autoApproveSession = false, answer?: string) {
     if (!pendingApproval) return
     try {
       if (autoApproveSession) {
         sessionAutoApprovedRef.current = true
         setSessionAutoApproved(true)
       }
-      await submitToolApproval(pendingApproval.token, approved)
+      await submitToolApproval(pendingApproval.token, approved, answer)
     } catch (reason) {
       setError(errorMessage(reason))
     } finally {
@@ -608,6 +613,17 @@ export default function MintDashboard() {
     }
   }
 
+  const handleProactiveAction = async (action: any) => {
+    setProactiveSuggestion(null)
+    if (action && action.type !== 'none') {
+      try {
+        await window.api.executeProactiveAction(action)
+      } catch (err) {
+        setError(String(err))
+      }
+    }
+  }
+
   async function handleSubmit(event: FormEvent<HTMLFormElement>) {
     event.preventDefault()
     const trimmed = message.trim()
@@ -1018,6 +1034,28 @@ export default function MintDashboard() {
           onSetSearchOpen={setIsSearchOpen}
         />
         <main className={`assistant-workspace ${layoutPreset === 'chat-wide' ? 'layout-chat-wide' : 'layout-model-wide'} ${modelVisible || view === 'workspace' ? '' : 'model-hidden'} ${view === 'workspace' ? 'workspace-open' : ''}`}>
+          {proactiveSuggestion && (
+            <div className="proactive-bar" style={{ position: 'absolute', top: 0, left: 0, right: 0, zIndex: 100 }}>
+              <div className="proactive-header">
+                <span className="proactive-icon">✨</span>
+                <div className="proactive-message">{proactiveSuggestion.message}</div>
+                <button className="proactive-dismiss-btn" onClick={() => setProactiveSuggestion(null)}>
+                  Dismiss
+                </button>
+              </div>
+              <div className="proactive-chips">
+                {proactiveSuggestion.suggestions?.map((sug: any, i: number) => (
+                  <button
+                    key={i}
+                    className="suggestion-chip"
+                    onClick={() => handleProactiveAction(sug.action)}
+                  >
+                    {sug.label}
+                  </button>
+                ))}
+              </div>
+            </div>
+          )}
           {view === 'workspace' && (
             <WorkspacePanel
               agentMode={agentMode}