@geminilight/mindos 0.6.52 → 0.6.54

package/app/components/WikiHomeContent.tsx

@@ -0,0 +1,273 @@
+'use client';
+
+import { useState, useEffect, useMemo } from 'react';
+import Link from 'next/link';
+import { Brain, ChevronDown, FolderOpen, Plus, Sparkles, Search, FilePlus, ArrowRight } from 'lucide-react';
+import { useLocale } from '@/lib/stores/locale-store';
+import { encodePath, relativeTime, extractEmoji, stripEmoji } from '@/lib/utils';
+import { InboxSection } from '@/components/home/InboxSection';
+import type { SpaceInfo } from '@/app/page';
+
+interface RecentFile {
+  path: string;
+  mtime: number;
+}
+
+interface WikiHomeContentProps {
+  spaces: SpaceInfo[];
+  recent: RecentFile[];
+}
+
+function triggerSearch() {
+  window.dispatchEvent(new KeyboardEvent('keydown', { key: 'k', metaKey: true, bubbles: true }));
+}
+
+function triggerAsk() {
+  window.dispatchEvent(new KeyboardEvent('keydown', { key: '/', metaKey: true, bubbles: true }));
+}
+
+/**
+ * Calculate the max mtime for a space from recent files
+ */
+function getSpaceLatestMtime(spaceName: string, recentFiles: RecentFile[]): number {
+  let maxMtime = 0;
+  for (const file of recentFiles) {
+    if (file.path.startsWith(`${spaceName}/`)) {
+      maxMtime = Math.max(maxMtime, file.mtime);
+    }
+  }
+  return maxMtime;
+}
+
+const SPACES_COLLAPSED = 9;
+
+export default function WikiHomeContent({ spaces, recent }: WikiHomeContentProps) {
+  const { t } = useLocale();
+  const [sortBy, setSortBy] = useState<'recent' | 'name' | 'fileCount'>('recent');
+  const [showAllSpaces, setShowAllSpaces] = useState(false);
+  const [suggestionIdx, setSuggestionIdx] = useState(0);
+
+  const suggestions = t.ask?.suggestions ?? [
+    'Summarize this document',
+    'List all action items',
+    'What are the key points?',
+    'Find related notes',
+  ];
+
+  useEffect(() => {
+    const interval = setInterval(() => {
+      setSuggestionIdx(i => (i + 1) % suggestions.length);
+    }, 4000);
+    return () => clearInterval(interval);
+  }, [suggestions.length]);
+
+  // Sort spaces
+  const sortedSpaces = useMemo(() => {
+    const sorted = [...spaces];
+    if (sortBy === 'recent') {
+      sorted.sort((a, b) => {
+        const aMtime = getSpaceLatestMtime(a.name, recent);
+        const bMtime = getSpaceLatestMtime(b.name, recent);
+        return bMtime - aMtime;
+      });
+    } else if (sortBy === 'name') {
+      sorted.sort((a, b) => a.name.localeCompare(b.name));
+    } else if (sortBy === 'fileCount') {
+      sorted.sort((a, b) => b.fileCount - a.fileCount);
+    }
+    return sorted;
+  }, [spaces, recent, sortBy]);
+
+  const visibleSpaces = showAllSpaces ? sortedSpaces : sortedSpaces.slice(0, SPACES_COLLAPSED);
+  const formatTime = (mtime: number) => relativeTime(mtime, t.home.relativeTime);
+  const lastFile = recent[0];
+
+  return (
+    <div className="content-width px-4 md:px-6 py-10 md:py-14">
+
+      {/* ══════════ Hero ══════════ */}
+      <div className="mb-10">
+        <div className="flex items-center gap-3 mb-6">
+          <div className="w-1 h-7 rounded-full bg-gradient-to-b from-[var(--amber)] to-[var(--amber)]/20" />
+          <h1 className="text-2xl font-semibold tracking-tight text-foreground">
+            {t.sidebar.files}
+          </h1>
+        </div>
+
+        {/* Command bar */}
+        <div className="w-full max-w-xl flex flex-col sm:flex-row items-stretch sm:items-center gap-2 pl-4">
+          <button
+            onClick={triggerAsk}
+            title="⌘/"
+            className="flex-1 flex items-center gap-3 px-4 py-3.5 rounded-xl border border-border/50 shadow-sm bg-card/80 backdrop-blur-sm transition-all duration-200 hover:border-[var(--amber)]/40 hover:shadow-md hover:-translate-y-0.5 group"
+          >
+            <Sparkles size={16} className="shrink-0 text-[var(--amber)] group-hover:scale-110 transition-transform duration-150" />
+            <div className="flex-1 min-h-[1.5rem] flex items-center">
+              <span
+                key={suggestionIdx}
+                className="text-sm text-left text-muted-foreground animate-in fade-in duration-300"
+              >
+                {suggestions[suggestionIdx]}
+              </span>
+            </div>
+            <kbd className="hidden sm:inline-flex items-center gap-0.5 px-2 py-0.5 rounded text-xs font-mono font-medium bg-[var(--amber-dim)] text-[var(--amber-text)]">
+              ⌘/
+            </kbd>
+          </button>
+          <button
+            onClick={triggerSearch}
+            title="⌘K"
+            className="flex items-center gap-2 px-3.5 py-3 rounded-xl border border-border/50 text-sm text-muted-foreground transition-all duration-200 shrink-0 hover:bg-muted/60 hover:shadow-sm hover:-translate-y-0.5"
+          >
+            <Search size={14} />
+            <kbd className="hidden sm:inline-flex items-center px-1.5 py-0.5 rounded text-xs font-mono bg-muted">
+              ⌘K
+            </kbd>
+          </button>
+        </div>
+
+        {/* Quick actions */}
+        <div className="flex items-center gap-3 mt-4 pl-4">
+          <Link
+            href="/view/Untitled.md"
+            className="inline-flex items-center gap-2 px-4 py-2.5 rounded-lg text-sm font-medium transition-all duration-200 hover:shadow-md hover:-translate-y-0.5 bg-[var(--amber)] text-[var(--amber-foreground)]"
+          >
+            <FilePlus size={14} />
+            <span>{t.home.newNote}</span>
+          </Link>
+          {lastFile && (
+            <Link
+              href={`/view/${encodePath(lastFile.path)}`}
+              className="inline-flex items-center gap-2 px-3.5 py-2 rounded-lg text-sm font-medium transition-colors text-muted-foreground hover:text-foreground hover:bg-muted"
+            >
+              <ArrowRight size={14} className="text-[var(--amber)]/60" />
+              <span>{t.home.continueEditing}</span>
+              <span className="text-xs opacity-40 truncate max-w-32" suppressHydrationWarning>
+                {lastFile.path.split('/').pop()}
+              </span>
+            </Link>
+          )}
+        </div>
+      </div>
+
+      {/* ══════════ Spaces Grid ══════════ */}
+      <section className="mb-10">
+        <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)]">
+            <Brain size={14} />
+          </div>
+          <h2 className="text-[13px] font-semibold text-foreground tracking-wide">
+            {t.home.spaces}
+          </h2>
+          {spaces.length > 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">
+              {spaces.length}
+            </span>
+          )}
+          <div className="ml-auto flex items-center gap-3">
+            {spaces.length > 0 && (
+              <select
+                value={sortBy}
+                onChange={(e) => setSortBy(e.target.value as typeof sortBy)}
+                className="text-xs font-medium text-muted-foreground hover:text-foreground cursor-pointer focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring rounded px-2 py-1 transition-colors bg-transparent"
+              >
+                <option value="recent">{t.home.sortRecent ?? 'Recent'}</option>
+                <option value="name">{t.home.sortName ?? 'A-Z'}</option>
+                <option value="fileCount">{t.home.sortCount ?? 'File Count'}</option>
+              </select>
+            )}
+            <button
+              onClick={() => window.dispatchEvent(new Event('mindos:create-space'))}
+              className="flex items-center gap-1.5 text-xs font-medium text-[var(--amber)] transition-colors hover:opacity-80 cursor-pointer font-display"
+            >
+              <Plus size={12} />
+              <span>{t.home.newSpace}</span>
+            </button>
+          </div>
+        </div>
+
+        {spaces.length === 0 ? (
+          <div className="rounded-xl border border-border/40 bg-card/30 px-6 py-12 text-center">
+            <div className="inline-flex items-center justify-center w-12 h-12 rounded-full bg-[var(--amber-subtle)] mb-4">
+              <Brain size={22} className="text-[var(--amber)]/60" />
+            </div>
+            <p className="text-sm font-medium text-muted-foreground/70 mb-1">
+              {t.home.noSpacesYet ?? 'No spaces yet'}
+            </p>
+            <p className="text-xs text-muted-foreground/60 mb-4">
+              Create your first space to organize your knowledge
+            </p>
+            <button
+              onClick={() => window.dispatchEvent(new Event('mindos:create-space'))}
+              className="inline-flex items-center gap-2 px-4 py-2 text-sm font-medium rounded-lg transition-colors bg-[var(--amber)] text-[var(--amber-foreground)] hover:opacity-80"
+            >
+              <Plus size={14} />
+              Create Space
+            </button>
+          </div>
+        ) : (
+          <>
+            <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-2">
+              {visibleSpaces.map((space) => {
+                const emoji = extractEmoji(space.name);
+                const label = stripEmoji(space.name);
+                const latestMtime = getSpaceLatestMtime(space.name, recent);
+                const isEmpty = space.fileCount === 0;
+
+                return (
+                  <Link
+                    key={space.name}
+                    href={`/view/${encodePath(space.path)}`}
+                    className={`flex items-start gap-3 px-4 py-3.5 rounded-xl border transition-all duration-200 ${
+                      isEmpty
+                        ? 'border-dashed border-border/50 opacity-50 hover:opacity-70'
+                        : 'border-border/60 hover:border-[var(--amber)]/30 hover:shadow-md hover:-translate-y-0.5 bg-card/40'
+                    }`}
+                  >
+                    {emoji ? (
+                      <span className="text-lg leading-none shrink-0 mt-0.5" suppressHydrationWarning>{emoji}</span>
+                    ) : (
+                      <FolderOpen size={16} className="shrink-0 text-[var(--amber)] mt-0.5" />
+                    )}
+                    <div className="min-w-0 flex-1">
+                      <span className="text-sm font-medium truncate block text-foreground">{label}</span>
+                      {space.description && (
+                        <span className="text-xs text-muted-foreground line-clamp-1 mt-0.5" suppressHydrationWarning>
+                          {space.description}
+                        </span>
+                      )}
+                      <span className="text-xs text-muted-foreground/50 mt-0.5 block tabular-nums">
+                        {t.home.nFiles(space.fileCount)}
+                        {latestMtime > 0 && ` · ${formatTime(latestMtime)}`}
+                      </span>
+                    </div>
+                  </Link>
+                );
+              })}
+            </div>
+
+            {sortedSpaces.length > SPACES_COLLAPSED && (
+              <button
+                onClick={() => setShowAllSpaces(!showAllSpaces)}
+                aria-expanded={showAllSpaces}
+                className="flex items-center gap-1.5 text-xs font-medium text-[var(--amber)] transition-colors hover:opacity-80 cursor-pointer font-display mt-3"
+              >
+                <ChevronDown size={12} className={`transition-transform duration-200 ${showAllSpaces ? 'rotate-180' : ''}`} />
+                <span>{showAllSpaces ? t.home.showLess : t.home.showMore}</span>
+              </button>
+            )}
+          </>
+        )}
+      </section>
+
+      {/* ══════════ Inbox ══════════ */}
+      <InboxSection />
+
+      {/* Footer */}
+      <div className="py-6 border-t border-border/20 flex items-center gap-1.5 text-xs font-display text-muted-foreground/30">
+        <Sparkles size={10} className="text-[var(--amber)]/40" />
+        <span>{t.app.footer}</span>
+      </div>
+    </div>
+  );
+}

package/app/components/agents/AgentDetailContent.tsx

@@ -251,7 +251,7 @@ export default function AgentDetailContent({ agentKey }: { agentKey: string }) {
         <div className="flex items-center gap-3.5 px-5 py-4">
           <AgentAvatar name={agent.name} status={status} size="md" />
           <div className="min-w-0 flex-1">
-            <h1 className="text-lg font-semibold tracking-tight font-display text-foreground truncate">{agent.name}</h1>
+            <h1 className="text-lg font-semibold tracking-tight text-foreground truncate">{agent.name}</h1>
             <div className="flex flex-wrap items-center gap-x-2 gap-y-0.5 mt-0.5 text-2xs text-muted-foreground/60">
               <span className={`font-medium px-1.5 py-px rounded-full ${
                 status === 'connected' ? 'bg-muted text-muted-foreground'
@@ -902,7 +902,7 @@ function KnowledgeInteractionSection() {
           <BookOpen size={12} className="text-muted-foreground/50" />
           {d?.knowledgeInteraction ?? 'Knowledge Interaction'}
         </h2>
-        <div className="rounded-lg border border-dashed border-border/50 bg-muted/10 px-4 py-6 text-center">
+        <div className="rounded-lg border border-border/40 bg-card/30 px-4 py-6 text-center">
           <BookOpen size={20} className="text-muted-foreground/30 mx-auto mb-2" />
           <p className="text-2xs text-muted-foreground/50">{d?.knowledgeNoData ?? 'No interactions yet. Agents will show activity here once they start working with your knowledge base.'}</p>
         </div>
@@ -920,7 +920,7 @@ function KnowledgeInteractionSection() {
         </h2>
         <Link
           href={`/view/${encodePath('.mindos/agent-audit-log.json')}`}
-          className="text-2xs font-medium text-[var(--amber)] hover:opacity-80 transition-opacity font-display"
+          className="text-2xs font-medium text-[var(--amber)] hover:opacity-80 transition-opacity"
         >
           {d?.viewFullLog ?? 'View log'} →
         </Link>
@@ -961,7 +961,7 @@ function KnowledgeInteractionSection() {
       {/* Timeline */}
       <div className="border-t border-border/40">
         <div className="px-4 py-2 flex items-center justify-between">
-          <p className="text-2xs text-muted-foreground/40 uppercase tracking-wider font-display">{d?.recentOps ?? 'Recent operations'}</p>
+          <p className="text-2xs text-muted-foreground/40 uppercase tracking-wider">{d?.recentOps ?? 'Recent operations'}</p>
         </div>
         {visible.map((ev, i) => {
           const kind = classifyTool(ev.tool);
@@ -1039,7 +1039,7 @@ function ActivitySection({ agent }: { agent: AgentInfo }) {
           <StatCard label={d.activityLast7d} value={agent.runtimeUsageSignal ? 'Active' : '—'} />
         </div>
       ) : (
-        <div className="rounded-lg border border-dashed border-border/50 bg-muted/10 px-4 py-6 text-center">
+        <div className="rounded-lg border border-border/40 bg-card/30 px-4 py-6 text-center">
           <Activity size={20} className="text-muted-foreground/30 mx-auto mb-2" />
           <p className="text-2xs text-muted-foreground/50">{d.activityNoData}</p>
         </div>

package/app/components/agents/AgentsContentPage.tsx

@@ -62,16 +62,18 @@ export default function AgentsContentPage({ tab }: { tab: AgentsDashboardTab })
   }, [a, tab]);
 
   const buckets = useMemo(() => bucketAgents(mcp.agents), [mcp.agents]);
+  const mcpEnabled = mcp.status?.connectionMode?.mcp ?? false;
   const riskQueue = useMemo(
     () =>
       buildRiskQueue({
         mcpRunning: !!mcp.status?.running,
+        mcpEnabled,
         detectedCount: buckets.detected.length,
         notFoundCount: buckets.notFound.length,
         allSkillsDisabled: mcp.skills.length > 0 && mcp.skills.every((s) => !s.enabled),
         copy: a.overview,
       }),
-    [mcp.skills, mcp.status?.running, buckets.detected.length, buckets.notFound.length, a.overview],
+    [mcp.skills, mcp.status?.running, mcpEnabled, buckets.detected.length, buckets.notFound.length, a.overview],
   );
   const enabledSkillCount = useMemo(
     () => mcp.skills.filter((skill) => skill.enabled).length,
@@ -89,7 +91,7 @@ export default function AgentsContentPage({ tab }: { tab: AgentsDashboardTab })
   return (
     <div className="content-width px-4 md:px-6 py-8 md:py-10">
       <header className="mb-6">
-        <h1 className="text-2xl font-semibold tracking-tight font-display text-foreground">{pageHeader.title}</h1>
+        <h1 className="text-2xl font-semibold tracking-tight text-foreground">{pageHeader.title}</h1>
         <p className="mt-1 text-sm text-muted-foreground">{pageHeader.subtitle}</p>
       </header>
 
@@ -104,6 +106,7 @@ export default function AgentsContentPage({ tab }: { tab: AgentsDashboardTab })
           mcpRunning={!!mcp.status?.running}
           mcpPort={mcp.status?.port ?? null}
           mcpToolCount={mcp.status?.toolCount ?? 0}
+          mcpEnabled={mcpEnabled}
           enabledSkillCount={enabledSkillCount}
           allAgents={mcp.agents}
           pulseCopy={a.workspacePulse}
@@ -111,10 +114,18 @@ export default function AgentsContentPage({ tab }: { tab: AgentsDashboardTab })
         />
       )}
 
-      {tab === 'mcp' && (
+      {tab === 'mcp' && mcpEnabled && (
         <AgentsMcpSection copy={{ ...a.mcp, status: a.status }} mcp={mcp} buckets={buckets} copyState={null} onCopySnippet={copySnippet} />
       )}
 
+      {/* MCP tab accessed but mode disabled — show hint */}
+      {tab === 'mcp' && !mcpEnabled && !mcp.loading && (
+        <div className="flex flex-col items-center justify-center py-16 text-center">
+          <p className="text-sm text-muted-foreground">{a.mcp?.mcpDisabledMessage ?? 'MCP mode is not enabled.'}</p>
+          <p className="text-xs text-muted-foreground/60 mt-1">{a.mcp?.mcpDisabledHint ?? 'Enable it in Settings → Connections to use MCP agents.'}</p>
+        </div>
+      )}
+
       {tab === 'skills' && (
         <AgentsSkillsSection copy={a.skills} mcp={mcp} buckets={buckets} />
       )}

package/app/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 && (