@geminilight/mindos 0.6.52 → 0.6.54

package/_standalone/components/FileTree.tsx

@@ -438,7 +438,6 @@ function DirectoryNode({ node, depth, currentPath, onNavigate, maxOpenDepth, onI
         <button
           type="button"
           onClick={handleSingleClick}
-          onDoubleClick={handleDoubleClick}
           draggable
           onDragStart={(e) => {
             e.dataTransfer.setData('text/mindos-path', node.path);
@@ -448,7 +447,7 @@ function DirectoryNode({ node, depth, currentPath, onNavigate, maxOpenDepth, onI
           className={`
             flex-1 flex items-center gap-1.5 px-1 py-1 rounded text-left min-w-0 pr-16
             text-sm transition-colors duration-100
-            hover:bg-muted cursor-text
+            hover:bg-muted cursor-default
             ${isActive ? 'text-foreground' : 'text-muted-foreground hover:text-foreground'}
           `}
         >
@@ -461,9 +460,6 @@ function DirectoryNode({ node, depth, currentPath, onNavigate, maxOpenDepth, onI
               : <Folder size={14} className="text-yellow-400 shrink-0" />
           }
           <span className="truncate leading-5" suppressHydrationWarning>{node.name}</span>
-          <span className="ml-auto text-xs text-muted-foreground/30 group-hover/dir:text-muted-foreground/60 transition-colors shrink-0 hidden group-hover/dir:inline-flex items-center gap-1">
-            <Pencil size={10} />
-          </span>
           {isSpace && !open && (
             <span className="ml-auto text-xs text-muted-foreground shrink-0 tabular-nums pr-1">{contentCount}</span>
           )}
@@ -657,14 +653,13 @@ function FileNodeItem({ node, depth, currentPath, onNavigate }: {
     <div className="relative group/file">
       <button
         onClick={handleClick}
-        onDoubleClick={isProtected ? undefined : startRename}
         onContextMenu={handleContextMenu}
         draggable
         onDragStart={handleDragStart}
         data-filepath={node.path}
         className={`
           w-full flex items-center gap-1.5 px-2 py-1 rounded text-left
-          text-sm transition-colors duration-100 cursor-text pr-16
+          text-sm transition-colors duration-100 cursor-default pr-16
           ${isActive
             ? 'bg-accent text-foreground'
             : 'hover:bg-muted text-muted-foreground hover:text-foreground'
@@ -674,9 +669,6 @@ function FileNodeItem({ node, depth, currentPath, onNavigate }: {
       >
         {getIcon(node)}
         <span className="truncate leading-5" suppressHydrationWarning>{node.name}</span>
-        <span className="ml-auto text-xs text-muted-foreground/30 group-hover/file:text-muted-foreground/60 transition-colors shrink-0 hidden group-hover/file:inline-flex items-center gap-1">
-          <Pencil size={10} />
-        </span>
         {pinned && <Star size={10} className="shrink-0 fill-[var(--amber)] text-[var(--amber)] opacity-60" />}
       </button>
       <div className="absolute right-1 top-1/2 -translate-y-1/2 hidden group-hover/file:flex items-center gap-0.5">
@@ -759,7 +751,10 @@ export default function FileTree({ nodes, depth = 0, onNavigate, maxOpenDepth, p
   const showHidden = useShowHiddenFiles();
 
   const isRoot = depth === 0;
-  const visibleNodes = showHidden ? nodes : filterHiddenNodes(nodes, isRoot);
+  const filtered = showHidden ? nodes : filterHiddenNodes(nodes, isRoot);
+  const visibleNodes = isRoot
+    ? filtered.filter(n => !(n.type === 'directory' && n.name === 'Inbox'))
+    : filtered;
 
   useEffect(() => {
     if (!currentPath || depth !== 0) return;

package/_standalone/components/GuideCard.tsx

@@ -232,7 +232,7 @@ export default function GuideCard() {
       {/* Header */}
       <div className="flex items-center gap-3 px-5 pt-4 pb-2">
         <Sparkles size={16} className="text-[var(--amber)]" />
-        <span className="text-sm font-semibold flex-1 font-display text-foreground">
+        <span className="text-sm font-semibold flex-1 text-foreground">
           {g.title}
         </span>
         <button onClick={handleDismiss} className="p-1 rounded hover:bg-muted transition-colors text-muted-foreground">

package/_standalone/components/ImportModal.tsx

@@ -114,8 +114,7 @@ export default function ImportModal({ open, onClose, defaultSpace, initialFiles,
       const prompt = attachments.length === 1
         ? (t.fileImport.digestPromptSingle as (name: string, space?: string) => string)(attachments[0].name, space)
         : (t.fileImport.digestPromptMulti as (n: number, space?: string) => string)(attachments.length, space);
-      // Start AI organize and immediately close modal — toast takes over
-      aiOrganize.start(attachments, prompt);
+      aiOrganize.start(attachments, prompt, 'import-modal');
       onClose();
       im.reset();
     }

package/_standalone/components/KeyboardShortcuts.tsx

@@ -54,7 +54,7 @@ export default function KeyboardShortcuts() {
       >
         {/* Header */}
         <div className="flex items-center justify-between px-5 py-3.5 border-b border-border">
-          <span className="text-sm font-medium font-display text-foreground">{s.title}</span>
+          <span className="text-sm font-medium text-foreground">{s.title}</span>
           <button
             onClick={() => setOpen(false)}
             className="p-1 rounded hover:bg-muted text-muted-foreground hover:text-foreground transition-colors"

package/_standalone/components/MarkdownEditor.tsx

@@ -35,7 +35,7 @@ export default function MarkdownEditor({ value, onChange, viewMode, onViewModeCh
           <button
             key={m.id}
             onClick={() => onViewModeChange(m.id)}
-            className={`flex items-center gap-1.5 px-2.5 py-1.5 rounded text-xs font-medium transition-colors font-display ${
+            className={`flex items-center gap-1.5 px-2.5 py-1.5 rounded text-xs font-medium transition-colors ${
               viewMode === m.id
                 ? 'bg-card text-foreground shadow-sm'
                 : 'text-muted-foreground hover:text-foreground'

package/_standalone/components/OnboardingView.tsx

@@ -64,7 +64,7 @@ export default function OnboardingView() {
       <div className="text-center mb-10">
         <div className="inline-flex items-center gap-2 mb-4">
           <Sparkles size={18} className="text-[var(--amber)]" />
-          <h1 className="text-2xl font-semibold tracking-tight font-display text-foreground">
+          <h1 className="text-2xl font-brand text-foreground">
             MindOS
           </h1>
         </div>
@@ -131,7 +131,7 @@ export default function OnboardingView() {
       </div>
 
       {/* Import hint */}
-      <p className="text-center text-xs leading-relaxed max-w-sm mx-auto font-display text-muted-foreground opacity-60">
+      <p className="text-center text-xs leading-relaxed max-w-sm mx-auto text-muted-foreground/60">
         {ob.importHint}
       </p>
       <p className="text-center mt-2">

package/_standalone/components/OrganizeToast.tsx

@@ -119,10 +119,12 @@ export default function OrganizeToast({
           undone: c.undone,
         })),
         status: 'completed',
+        source: aiOrganize.source,
+        durationMs: aiOrganize.durationMs,
       });
       onHistoryUpdate?.();
     }
-  }, [isDone, aiOrganize.changes, aiOrganize.sourceFileNames, onHistoryUpdate]);
+  }, [isDone, aiOrganize.changes, aiOrganize.sourceFileNames, aiOrganize.source, aiOrganize.durationMs, onHistoryUpdate]);
 
   // Auto-dismiss timer (3 min after done, reset on user interaction)
   const resetTimer = useCallback(() => {

package/_standalone/components/Panel.tsx

@@ -2,7 +2,7 @@
 
 import { useMemo, useState, useRef, useEffect, useCallback } from 'react';
 import { useRouter } from 'next/navigation';
-import { ChevronsDownUp, ChevronsUpDown, Plus, Import, FileText, Layers, MoreHorizontal, Eye, EyeOff, Trash2 } from 'lucide-react';
+import { ChevronsDownUp, ChevronsUpDown, Plus, Import, FileText, Layers, MoreHorizontal, Eye, EyeOff, Trash2, Inbox } from 'lucide-react';
 import type { PanelId } from './ActivityBar';
 import type { FileNode } from '@/lib/types';
 import FileTree, { setShowHiddenFiles, useShowHiddenFiles } from './FileTree';
@@ -128,14 +128,25 @@ export default function Panel({
     };
   }, [morePopover]);
 
-  // Fetch trash count on mount and when files change
+  const [inboxCount, setInboxCount] = useState(0);
+
   useEffect(() => {
-    const fetchCount = () => {
+    const fetchTrash = () => {
       listTrashAction().then(items => setTrashCount(items.length)).catch(() => {});
     };
-    fetchCount();
-    window.addEventListener('mindos:files-changed', fetchCount);
-    return () => window.removeEventListener('mindos:files-changed', fetchCount);
+    const fetchInbox = () => {
+      fetch('/api/inbox').then(r => r.json()).then(d => {
+        if (Array.isArray(d.files)) setInboxCount(d.files.length);
+      }).catch(() => {});
+    };
+    fetchTrash();
+    fetchInbox();
+    window.addEventListener('mindos:files-changed', fetchTrash);
+    window.addEventListener('mindos:inbox-updated', fetchInbox);
+    return () => {
+      window.removeEventListener('mindos:files-changed', fetchTrash);
+      window.removeEventListener('mindos:inbox-updated', fetchInbox);
+    };
   }, []);
 
   // Double-click hint: show only until user has used it once.
@@ -280,6 +291,16 @@ export default function Panel({
                     {showHidden && <span className="text-[var(--amber)] text-xs">✓</span>}
                   </button>
                   <div className="my-1 border-t border-border/50" />
+                  <button
+                    className="w-full flex items-center gap-2 px-3 py-1.5 text-sm text-foreground hover:bg-muted transition-colors text-left"
+                    onClick={() => { setMorePopover(false); router.push('/view/Inbox/'); }}
+                  >
+                    <Inbox size={14} className="shrink-0 text-[var(--amber)]" />
+                    <span className="flex-1">{t.sidebar.capture}</span>
+                    {inboxCount > 0 && (
+                      <span className="text-xs font-medium text-[var(--amber)] tabular-nums">{inboxCount}</span>
+                    )}
+                  </button>
                   <button
                     className="w-full flex items-center gap-2 px-3 py-1.5 text-sm text-foreground hover:bg-muted transition-colors text-left"
                     onClick={() => { setMorePopover(false); router.push('/trash'); }}

package/_standalone/components/Sidebar.tsx

@@ -94,7 +94,7 @@ export default function Sidebar({ fileTree, collapsed = false, onCollapse, onExp
       <div className="flex items-center justify-between px-4 py-4 border-b border-border shrink-0">
         <Link href="/" className="flex items-center gap-2 hover:opacity-80 transition-opacity">
           <Logo id="desktop" />
-          <span className="font-semibold text-foreground text-sm tracking-wide font-display">MindOS</span>
+          <span className="text-foreground text-sm font-brand">MindOS</span>
         </Link>
         {/* Mobile close */}
         <button onClick={() => setMobileOpen(false)} className="md:hidden p-1 rounded hover:bg-muted text-muted-foreground hover:text-foreground transition-colors">

package/_standalone/components/SidebarLayout.tsx

@@ -184,12 +184,14 @@ export default function SidebarLayout({ fileTree, children }: SidebarLayoutProps
   }, [handleOpenImport]);
 
   // ── Inbox: batch AI organize from InboxSection ──
+  const organizedFileNamesRef = useRef<string[]>([]);
   useEffect(() => {
     const handler = (e: Event) => {
       const files = (e as CustomEvent).detail?.files as Array<{ name: string; path: string }> | undefined;
       if (!files || files.length === 0 || aiOrganize.phase === 'organizing') return;
 
       const prompt = t.inbox.organizePrompt(files.map(f => f.name));
+      organizedFileNamesRef.current = files.map(f => f.name);
 
       (async () => {
         const attachments: Array<{ name: string; content: string }> = [];
@@ -203,7 +205,7 @@ export default function SidebarLayout({ fileTree, children }: SidebarLayoutProps
           } catch { /* skip unreadable files */ }
         }
         if (attachments.length > 0) {
-          aiOrganize.start(attachments, prompt);
+          aiOrganize.start(attachments, prompt, 'inbox-organize');
         } else {
           toast.error(t.inbox.organizeFailed, 4000);
           window.dispatchEvent(new Event('mindos:organize-done'));
@@ -214,12 +216,28 @@ export default function SidebarLayout({ fileTree, children }: SidebarLayoutProps
     return () => window.removeEventListener('mindos:inbox-organize', handler);
   }, [aiOrganize, t]);
 
-  // Notify InboxSection when organize finishes
+  // Notify InboxSection when organize finishes + clean up source inbox files
   useEffect(() => {
-    if (aiOrganize.phase === 'done' || aiOrganize.phase === 'error') {
+    if (aiOrganize.phase === 'done') {
+      const hasSuccessfulChanges = aiOrganize.changes.some(c => c.ok);
+      const names = organizedFileNamesRef.current;
+      if (hasSuccessfulChanges && names.length > 0) {
+        fetch('/api/inbox', {
+          method: 'DELETE',
+          headers: { 'Content-Type': 'application/json' },
+          body: JSON.stringify({ names }),
+        })
+          .then(() => {
+            window.dispatchEvent(new Event('mindos:inbox-updated'));
+          })
+          .catch(() => { /* best-effort cleanup */ });
+        organizedFileNamesRef.current = [];
+      }
+      window.dispatchEvent(new Event('mindos:organize-done'));
+    } else if (aiOrganize.phase === 'error') {
       window.dispatchEvent(new Event('mindos:organize-done'));
     }
-  }, [aiOrganize.phase]);
+  }, [aiOrganize.phase, aiOrganize.changes]);
 
   // Listen for cross-component "open panel" events (e.g. GuideCard → Agents)
   useEffect(() => {
@@ -381,7 +399,7 @@ export default function SidebarLayout({ fileTree, children }: SidebarLayoutProps
       {/* Skip link */}
       <a
         href="#main-content"
-        className="sr-only focus:not-sr-only focus:fixed focus:top-2 focus:left-2 focus:z-[60] focus:px-4 focus:py-2 focus:rounded-lg focus:text-sm focus:font-medium focus:font-display bg-[var(--amber)] text-[var(--amber-foreground)]"
+        className="sr-only focus:not-sr-only focus:fixed focus:top-2 focus:left-2 focus:z-[60] focus:px-4 focus:py-2 focus:rounded-lg focus:text-sm focus:font-medium bg-[var(--amber)] text-[var(--amber-foreground)]"
       >
         Skip to main content
       </a>
@@ -406,6 +424,11 @@ export default function SidebarLayout({ fileTree, children }: SidebarLayoutProps
           lp.setActivePanel(wasActive ? null : 'discover');
           if (!wasActive) router.push('/explore');
         }}
+        onSpacesClick={() => {
+          const wasActive = lp.activePanel === 'files';
+          lp.setActivePanel(wasActive ? null : 'files');
+          if (!wasActive) router.push('/wiki');
+        }}
         syncStatus={syncStatus}
         expanded={lp.railExpanded}
         onExpandedChange={handleExpandedChange}
@@ -509,7 +532,7 @@ export default function SidebarLayout({ fileTree, children }: SidebarLayoutProps
         </button>
         <Link href="/" className="flex items-center gap-2 hover:opacity-80 transition-opacity">
           <Logo id="mobile" />
-          <span className="font-semibold text-foreground text-sm tracking-wide">MindOS</span>
+          <span className="text-foreground text-sm font-brand">MindOS</span>
         </Link>
         <div className="flex items-center gap-0.5">
           <button onClick={openSyncSettings} className="p-3 rounded-lg hover:bg-muted text-muted-foreground hover:text-foreground transition-colors active:bg-accent flex items-center justify-center" aria-label="Sync status">
@@ -529,7 +552,7 @@ export default function SidebarLayout({ fileTree, children }: SidebarLayoutProps
         <div className="flex items-center justify-between px-4 py-4 border-b border-border shrink-0">
           <Link href="/" className="flex items-center gap-2 hover:opacity-80 transition-opacity">
             <Logo id="drawer" />
-            <span className="font-semibold text-foreground text-sm tracking-wide font-display">MindOS</span>
+            <span className="text-foreground text-sm font-brand">MindOS</span>
           </Link>
           <button onClick={() => setMobileOpen(false)} className="p-1 rounded hover:bg-muted text-muted-foreground hover:text-foreground transition-colors">
             <X size={16} />

package/_standalone/components/SystemPulse.tsx

@@ -78,14 +78,14 @@ export default function SystemPulse() {
     return (
       <section className="mb-10">
         {/* Use same title style as other sections */}
-        <div className="flex items-center gap-2 mb-4">
-          <span className="text-[var(--amber)]"><Bot size={13} /></span>
-          <h2 className="text-sm font-semibold font-display text-foreground">{pulse.title}</h2>
+        <div className="flex items-center gap-2.5 mb-5">
+          <div className="flex items-center justify-center w-6 h-6 rounded-md bg-[var(--amber-subtle)] text-[var(--amber)]"><Bot size={13} /></div>
+          <h2 className="text-[13px] font-semibold text-foreground tracking-wide">{pulse.title}</h2>
         </div>
-        <div className="rounded-xl border border-dashed border-border/60 p-4">
+        <div className="rounded-xl border border-border/40 bg-card/30 p-5">
           <div className="flex items-center gap-4">
-            <div className="w-9 h-9 rounded-lg bg-[var(--amber)]/8 flex items-center justify-center shrink-0">
-              <Bot size={16} className="text-[var(--amber)]" />
+            <div className="w-10 h-10 rounded-full bg-[var(--amber-subtle)] flex items-center justify-center shrink-0">
+              <Bot size={18} className="text-[var(--amber)]" />
             </div>
             <div className="flex-1 min-w-0">
               <p className="text-sm font-medium text-foreground">{pulse.connectTitle}</p>
@@ -114,10 +114,10 @@ export default function SystemPulse() {
           onClick={toggleCollapsed}
           className="w-full flex items-center gap-2 group cursor-pointer focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring rounded"
         >
-          <span className="text-[var(--amber)]"><Bot size={13} /></span>
-          <h2 className="text-sm font-semibold font-display text-foreground">{pulse.title}</h2>
+          <div className="flex items-center justify-center w-6 h-6 rounded-md bg-[var(--amber-subtle)] text-[var(--amber)]"><Bot size={13} /></div>
+          <h2 className="text-[13px] font-semibold text-foreground tracking-wide">{pulse.title}</h2>
           {totalConnected > 0 && (
-            <span className="text-xs tabular-nums text-muted-foreground font-display">{totalConnected}</span>
+            <span className="inline-flex items-center justify-center min-w-[20px] h-5 px-1.5 text-[10px] font-semibold rounded-full bg-muted text-muted-foreground tabular-nums">{totalConnected}</span>
           )}
           {/* Inline status */}
           <div className="flex items-center gap-2 ml-1">
@@ -144,11 +144,11 @@ export default function SystemPulse() {
   return (
     <section className="mb-10">
       {/* Section title — same pattern as Spaces / Recently Edited */}
-      <div className="flex items-center gap-2 mb-4">
-        <span className="text-[var(--amber)]"><Bot size={13} /></span>
-        <h2 className="text-sm font-semibold font-display text-foreground">{pulse.title}</h2>
-        {totalConnected > 0 && (
-          <span className="text-xs tabular-nums text-muted-foreground font-display">{totalConnected}</span>
+      <div className="flex items-center gap-2.5 mb-5">
+        <div className="flex items-center justify-center w-6 h-6 rounded-md bg-[var(--amber-subtle)] text-[var(--amber)]"><Bot size={13} /></div>
+          <h2 className="text-[13px] font-semibold text-foreground tracking-wide">{pulse.title}</h2>
+          {totalConnected > 0 && (
+            <span className="inline-flex items-center justify-center min-w-[20px] h-5 px-1.5 text-[10px] font-semibold rounded-full bg-muted text-muted-foreground tabular-nums">{totalConnected}</span>
         )}
         {mcpRunning && (
           <span className="inline-flex items-center gap-1 text-xs text-muted-foreground/50 ml-1">
@@ -159,7 +159,7 @@ export default function SystemPulse() {
         <div className="flex items-center gap-2 ml-auto">
           <Link
             href="/agents"
-            className="text-xs font-medium text-[var(--amber)] hover:opacity-80 transition-opacity font-display"
+            className="text-xs font-medium text-[var(--amber)] hover:opacity-80 transition-opacity"
           >
             {pulse.manage}
           </Link>
@@ -181,7 +181,7 @@ export default function SystemPulse() {
             <Link
               key={agent.key}
               href={`/agents/${encodeURIComponent(agent.key)}`}
-              className="flex items-center gap-3 px-3.5 py-3 rounded-xl border border-border hover:border-[var(--amber)]/30 hover:shadow-sm transition-all duration-150 hover:bg-muted/30 cursor-pointer focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
+              className="flex items-center gap-3 px-3.5 py-3 rounded-xl border border-border hover:border-[var(--amber)]/30 hover:shadow-md hover:-translate-y-0.5 transition-all duration-200 hover:bg-muted/30 cursor-pointer focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
             >
               {/* Avatar */}
               <div className="relative w-8 h-8 rounded-lg bg-[var(--amber)]/8 text-[var(--amber-text)] ring-1 ring-[var(--amber)]/15 flex items-center justify-center text-xs font-semibold font-display shrink-0">

package/_standalone/components/agents/AgentsOverviewSection.tsx

@@ -4,7 +4,6 @@ import Link from 'next/link';
 import { useMemo, useState } from 'react';
 import {
   AlertTriangle,
-  ArrowRight,
   Cable,
   ChevronDown,
   Globe,
@@ -62,6 +61,7 @@ export default function AgentsOverviewSection({
   mcpRunning,
   mcpPort,
   mcpToolCount,
+  mcpEnabled = true,
   enabledSkillCount,
   allAgents,
   pulseCopy,
@@ -73,12 +73,13 @@ export default function AgentsOverviewSection({
   mcpRunning: boolean;
   mcpPort: number | null;
   mcpToolCount: number;
+  mcpEnabled?: boolean;
   enabledSkillCount: number;
   allAgents: AgentInfo[];
   pulseCopy: PulseCopy;
   a2aCount?: number;
 }) {
-  const allHealthy = riskQueue.length === 0 && mcpRunning;
+  const allHealthy = riskQueue.length === 0 && (!mcpEnabled || mcpRunning);
   const [riskOpen, setRiskOpen] = useState(false);
 
   const sortedAgents = useMemo(
@@ -113,26 +114,20 @@ export default function AgentsOverviewSection({
             value={buckets.detected.length}
             tone={buckets.detected.length > 0 ? 'warn' : 'muted'}
           />
-          {buckets.notFound.length > 0 && (
-            <StatCell
-              icon={<AlertTriangle size={14} aria-hidden="true" />}
-              label={pulseCopy.notFound}
-              value={buckets.notFound.length}
-              tone="muted"
-            />
-          )}
           <StatCell
             icon={<Zap size={14} aria-hidden="true" />}
             label={pulseCopy.enabledSkills}
             value={enabledSkillCount}
             tone="ok"
           />
-          <StatCell
-            icon={<Server size={14} aria-hidden="true" />}
-            label={copy.pulseMcp as string}
-            value={mcpRunning ? `:${mcpPort}` : '—'}
-            tone={mcpRunning ? 'ok' : 'warn'}
-          />
+          {mcpEnabled && (
+            <StatCell
+              icon={<Server size={14} aria-hidden="true" />}
+              label={copy.pulseMcp as string}
+              value={mcpRunning ? `:${mcpPort}` : '—'}
+              tone={mcpRunning ? 'ok' : 'warn'}
+            />
+          )}
           {a2aCount != null && (
             <StatCell
               icon={<Globe size={14} aria-hidden="true" />}
@@ -144,26 +139,6 @@ export default function AgentsOverviewSection({
         </div>
       </section>
 
-      {/* ═══════════ QUICK NAVIGATION ═══════════ */}
-      <nav className="grid grid-cols-1 md:grid-cols-2 gap-3" aria-label="Quick navigation">
-        <QuickNavCard
-          href="/agents?tab=mcp"
-          icon={<Server size={18} aria-hidden="true" />}
-          title="MCP"
-          stat={mcpRunning ? copy.toolsUnit(mcpToolCount) : copy.mcpOffline}
-          statTone={mcpRunning ? 'ok' : 'warn'}
-          description={copy.nextActionHint as string}
-        />
-        <QuickNavCard
-          href="/agents?tab=skills"
-          icon={<Zap size={18} aria-hidden="true" />}
-          title="Skills"
-          stat={copy.enabledUnit(enabledSkillCount)}
-          statTone="ok"
-          description={`${pulseCopy.enabledSkills}: ${enabledSkillCount}`}
-        />
-      </nav>
-
       {/* ═══════════ RISK CAPSULE ═══════════ */}
       {riskQueue.length > 0 && (
         <div>
@@ -241,13 +216,13 @@ export default function AgentsOverviewSection({
           </div>
           <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-3">
             {sortedAgents.map((agent, i) => (
-              <AgentCard key={agent.key} agent={agent} copy={copy} index={i} />
+              <AgentCard key={agent.key} agent={agent} copy={copy} index={i} mcpEnabled={mcpEnabled} />
             ))}
           </div>
         </section>
       ) : (
         <section
-          className="rounded-xl border border-dashed border-border/60 bg-gradient-to-b from-card/80 to-card/40 p-12 text-center"
+          className="rounded-xl border border-border/40 bg-card/30 p-12 text-center"
           aria-label={copy.usagePulse}
         >
           <div className="w-14 h-14 rounded-2xl bg-muted/40 flex items-center justify-center mx-auto mb-4">
@@ -316,69 +291,18 @@ function StatCell({
   );
 }
 
-/* ────────── Quick Nav Card ────────── */
-
-function QuickNavCard({
-  href,
-  icon,
-  title,
-  stat,
-  statTone,
-  description,
-}: {
-  href: string;
-  icon: React.ReactNode;
-  title: string;
-  stat: string;
-  statTone: 'ok' | 'warn';
-  description: string;
-}) {
-  return (
-    <Link
-      href={href}
-      className="group rounded-xl border border-border bg-card p-4 flex items-start gap-3.5
-        hover:border-[var(--amber)]/30 hover:shadow-[0_2px_12px_rgba(0,0,0,0.04)]
-        active:scale-[0.99]
-        transition-all duration-200
-        focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
-    >
-      <div className="shrink-0 w-10 h-10 rounded-xl bg-muted/50 flex items-center justify-center text-muted-foreground/70 group-hover:text-[var(--amber)] group-hover:bg-[var(--amber)]/[0.08] transition-all duration-200">
-        {icon}
-      </div>
-      <div className="flex-1 min-w-0">
-        <div className="flex items-center gap-2 mb-1">
-          <span className="text-sm font-semibold text-foreground">{title}</span>
-          <span
-            className={`text-2xs px-2 py-0.5 rounded-full font-medium select-none ${
-              statTone === 'ok'
-                ? 'bg-muted text-muted-foreground'
-                : 'bg-[var(--amber-dim)] text-[var(--amber-text)]'
-            }`}
-          >
-            {stat}
-          </span>
-        </div>
-        <p className="text-xs text-muted-foreground/70 leading-relaxed line-clamp-2">{description}</p>
-      </div>
-      <ArrowRight
-        size={14}
-        className="shrink-0 mt-1.5 text-muted-foreground/20 group-hover:text-[var(--amber)] group-hover:translate-x-0.5 transition-all duration-200"
-        aria-hidden="true"
-      />
-    </Link>
-  );
-}
-
 /* ────────── Agent Card ────────── */
 
 function AgentCard({
   agent,
   copy,
   index,
+  mcpEnabled = true,
 }: {
   agent: AgentInfo;
   copy: OverviewCopy;
   index: number;
+  mcpEnabled?: boolean;
 }) {
   const status = resolveAgentStatus(agent);
   const mcpCount = agent.configuredMcpServerCount ?? agent.configuredMcpServers?.length ?? 0;
@@ -421,7 +345,9 @@ function AgentCard({
 
       {/* Metrics row */}
       <div className="flex items-center gap-1 pt-2.5 border-t border-border/40">
-        <MetricChip icon={<Server size={11} aria-hidden="true" />} value={mcpCount} label={copy.colMcp as string} />
+        {mcpEnabled && (
+          <MetricChip icon={<Server size={11} aria-hidden="true" />} value={mcpCount} label={copy.colMcp as string} />
+        )}
         <MetricChip icon={<Zap size={11} aria-hidden="true" />} value={skillCount} label={copy.colSkills as string} />
         <span className="flex-1 min-w-[4px]" />
         {hasRuntime && (