@pheem49/mint 1.8.0 → 1.8.1

package/src/renderer/src/tauri.ts

@@ -128,6 +128,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' || !(window as any).__TAURI_INTERNALS__) {
+    const API_BASE = "http://localhost:3000/api";
+    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,
@@ -426,9 +448,10 @@ export interface LearnedSkill {
   sourcePath: string
   content: string
   updatedAt: string
+  location?: string
 }
 
-export async function listLearnedSkills(): Promise<LearnedSkill[]> {
+export async function listLearnedSkills(workspacePath?: string): Promise<LearnedSkill[]> {
   if (typeof window === 'undefined' || !(window as any).__TAURI_INTERNALS__) {
     try {
       const val = await getProfileValue('learned-skills-web-mock')
@@ -442,7 +465,7 @@ export async function listLearnedSkills(): Promise<LearnedSkill[]> {
     }
   }
   const { invoke } = await import('@tauri-apps/api/core')
-  return invoke<LearnedSkill[]>('list_learned_skills')
+  return invoke<LearnedSkill[]>('list_learned_skills', { workspacePath })
 }
 
 export async function addLearnedSkill(name: string, content: string): Promise<LearnedSkill> {
@@ -647,6 +670,24 @@ export async function getWorkspaceTree(path?: string | null): Promise<WorkspaceT
   return invoke<WorkspaceTreeEntry>('get_workspace_tree', { path })
 }
 
+export async function createWorkspaceFile(path: string): Promise<void> {
+  if (typeof window === 'undefined' || !(window as any).__TAURI_INTERNALS__) 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' || !(window as any).__TAURI_INTERNALS__) 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' || !(window as any).__TAURI_INTERNALS__) 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' || !(window as any).__TAURI_INTERNALS__) {
     return null
@@ -656,12 +697,12 @@ export async function selectWorkspaceDirectory(): Promise<string | null> {
   return selected?.trim() || null
 }
 
-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' || !(window as any).__TAURI_INTERNALS__) {
     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> {

package/src/renderer/src-web/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 }
 }
 
@@ -353,7 +400,7 @@ interface ChatPanelProps {
   onSetSmartContext: (enabled: boolean) => void
   onSetAgentMode: (enabled: boolean) => void
   onSetProvider: (provider: string) => void
-  onApproval: (approved: boolean, autoApproveSession?: boolean) => void
+  onApproval: (approved: boolean, autoApproveSession?: boolean, answer?: string) => void
   onToggleMobileSidebar: () => void
   settingsConfig: any
   onSetModel: (model: string) => void
@@ -449,7 +496,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
+        })
       })
     })
   }
@@ -975,6 +1032,34 @@ export default function ChatPanel({
   const [openFileDiffs, setOpenFileDiffs] = useState<Record<string, boolean>>({})
   const [toolMenuOpen, setToolMenuOpen] = useState(false)
   const toolMenuRef = useRef<HTMLDivElement | null>(null)
+  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])
   const canSubmit = Boolean(message.trim() || imageAttachments.length > 0 || documentName)
   const sendingImageMarkers = Array.from({ length: sendingImageCount }, (_, index) => `[Image #${index + 1}]`).join(' ')
 
@@ -995,7 +1080,7 @@ export default function ChatPanel({
       case 'local_openai':
         return LOCAL_MODELS
       case 'ollama':
-        return OLLAMA_MODELS
+        return dynamicOllamaModels
       default:
         return []
     }
@@ -1543,7 +1628,7 @@ export default function ChatPanel({
         </button>
         {isOpen && (
           <div className="agent-activity-card agent-activity-card-history">
-            {renderAgentActivityTable(activityView)}
+            <AgentActivityTable activityView={activityView} />
           </div>
         )}
       </div>
@@ -1885,7 +1970,7 @@ export default function ChatPanel({
                       {pendingApproval ? 'Waiting for approval' : 'Working'}
                     </span>
                   </div>
-                  {renderAgentActivityTable(agentActivities)}
+                  <AgentActivityTable activityView={agentActivities} />
                 </div>
               </div>
             )}
@@ -1967,6 +2052,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%' }}>
@@ -1983,12 +2069,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>
@@ -2134,7 +2262,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)}
@@ -2192,6 +2320,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-web/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-web/components/MintDashboard.tsx

@@ -384,6 +384,10 @@ export default function MintDashboard() {
   }
 
   const toggleSidebar = () => {
+    if (window.innerWidth <= 760) {
+      setMobileSidebarOpen(false)
+      return
+    }
     const next = !sidebarCollapsed
     window.localStorage.setItem('mint:sidebar-collapsed', String(next))
     setSidebarCollapsed(next)
@@ -400,10 +404,10 @@ export default function MintDashboard() {
     setAgentMode(enabled)
   }
 
-  async function handleApproval(approved: boolean, _autoApproveSession = false) {
+  async function handleApproval(approved: boolean, _autoApproveSession = false, answer?: string) {
     if (!pendingApproval) return
     try {
-      await submitToolApproval(pendingApproval.token, approved)
+      await submitToolApproval(pendingApproval.token, approved, answer)
     } catch (reason) {
       setError(errorMessage(reason))
     } finally {
@@ -825,7 +829,7 @@ export default function MintDashboard() {
 
   return (
     <div className={`app-container ${startupReady ? '' : 'is-loading'}`}>
-      <div className={`app-body ${sidebarCollapsed ? 'sidebar-collapsed' : ''} ${view === 'pictures' ? 'pictures-open' : ''} ${mobileSidebarOpen ? 'mobile-sidebar-open' : ''}`}>
+      <div className={`app-body ${(sidebarCollapsed && window.innerWidth > 760) ? 'sidebar-collapsed' : ''} ${view === 'pictures' ? 'pictures-open' : ''} ${mobileSidebarOpen ? 'mobile-sidebar-open' : ''}`}>
         {mobileSidebarOpen && (
           <div
             className="sidebar-backdrop"
@@ -908,6 +912,7 @@ export default function MintDashboard() {
             setView('chat')
             setMessage(imgPrompt)
           }}
+          onToggleMobileSidebar={() => setMobileSidebarOpen(!mobileSidebarOpen)}
         />
       </div>
       <div className={`startup-loading ${startupReady ? 'is-hidden' : ''}`} aria-live="polite" aria-busy={!startupReady}>