@geminilight/mindos 0.5.50 → 0.5.52

package/README.md

@@ -5,7 +5,7 @@
 <h1 align="center">MindOS</h1>
 
 <p align="center">
-  <strong>Human Thinks Here, Agent Acts There.</strong>
+  <strong>Human Thinks Here, Agents Act There.</strong>
 </p>
 
 <p align="center">
@@ -20,7 +20,7 @@
   <a href="LICENSE"><img src="https://img.shields.io/badge/License-MIT-6366f1.svg?style=for-the-badge" alt="MIT License"></a>
 </p>
 
-MindOS is a **Human-AI Collaborative Mind System**—a local-first knowledge base that ensures your notes, workflows, and personal context are both human-readable and directly executable by Agents. **Share your brain with every AI — auditable, correctable, and more YOU with every use.**
+MindOS is where you think, and where your AI agents act — a local-first knowledge base shared between you and every AI you use. **Share your brain with every AI — every thought grows.**
 
 ---
 

package/README_zh.md

@@ -20,7 +20,7 @@
   <a href="LICENSE"><img src="https://img.shields.io/badge/License-MIT-6366f1.svg?style=for-the-badge" alt="MIT License"></a>
 </p>
 
-MindOS 是一个**人机协同心智系统**——基于本地优先的协作知识库，让你的笔记、工作流、个人上下文既对人类阅读友好，也能直接被 Agent 调用和执行。**和所有 AI 共享你的大脑——可审计、可修正、越用越是你。**
+MindOS 是你思考的地方，也是 AI Agent 行动的起点——一个你和所有 AI 共享的本地知识库。**每次思考，都在生长。**
 
 ---
 

package/app/app/api/mcp/install/route.ts

@@ -4,6 +4,13 @@ import fs from 'fs';
 import path from 'path';
 import { MCP_AGENTS, expandHome } from '@/lib/mcp-agents';
 
+/** Parse JSONC — strips single-line (//) and block comments before JSON.parse */
+function parseJsonc(text: string): Record<string, unknown> {
+  let stripped = text.replace(/\\"|"(?:\\"|[^"])*"|(\/\/.*$)/gm, (m, g) => g ? '' : m);
+  stripped = stripped.replace(/\/\*[\s\S]*?\*\//g, '');
+  return JSON.parse(stripped);
+}
+
 interface AgentInstallItem {
   key: string;
   scope: 'project' | 'global';
@@ -92,7 +99,7 @@ export async function POST(req: NextRequest) {
         // Read existing config
         let config: Record<string, unknown> = {};
         if (fs.existsSync(absPath)) {
-          config = JSON.parse(fs.readFileSync(absPath, 'utf-8'));
+          config = parseJsonc(fs.readFileSync(absPath, 'utf-8'));
         }
 
         // Merge — only touch mcpServers.mindos

package/app/app/api/mcp/restart/route.ts

@@ -0,0 +1,88 @@
+export const dynamic = 'force-dynamic';
+import { NextResponse } from 'next/server';
+import { execSync, spawn } from 'node:child_process';
+import { existsSync, readFileSync } from 'node:fs';
+import { resolve } from 'node:path';
+import { homedir } from 'node:os';
+
+const CONFIG_PATH = resolve(homedir(), '.mindos', 'config.json');
+
+function readConfig(): Record<string, unknown> {
+  try { return JSON.parse(readFileSync(CONFIG_PATH, 'utf-8')); }
+  catch { return {}; }
+}
+
+/**
+ * Kill process(es) listening on the given port.
+ * Tries lsof first, falls back to ss + manual kill.
+ */
+function killByPort(port: number) {
+  try {
+    execSync(`lsof -ti :${port} | xargs kill -9 2>/dev/null`, { stdio: 'ignore' });
+    return;
+  } catch { /* lsof not available */ }
+  try {
+    const output = execSync('ss -tlnp 2>/dev/null', { encoding: 'utf-8' });
+    const portRe = new RegExp(`:${port}(?!\\d)`);
+    for (const line of output.split('\n')) {
+      if (!portRe.test(line)) continue;
+      const pidMatch = line.match(/pid=(\d+)/g);
+      if (pidMatch) {
+        for (const m of pidMatch) {
+          const pid = Number(m.slice(4));
+          if (pid > 0) try { process.kill(pid, 'SIGKILL'); } catch {}
+        }
+      }
+    }
+  } catch { /* no process to kill */ }
+}
+
+/**
+ * POST /api/mcp/restart — kill the MCP server process and spawn a new one.
+ *
+ * Unlike /api/restart which restarts the entire MindOS (Web + MCP),
+ * this endpoint only restarts the MCP server. The Web UI stays up.
+ */
+export async function POST() {
+  try {
+    const cfg = readConfig();
+    const mcpPort = (cfg.mcpPort as number) ?? 8781;
+    const webPort = process.env.MINDOS_WEB_PORT || '3456';
+    const authToken = cfg.authToken as string | undefined;
+
+    // Step 1: Kill process on MCP port
+    killByPort(mcpPort);
+
+    // Step 2: Wait briefly for port to free
+    await new Promise(r => setTimeout(r, 1000));
+
+    // Step 3: Spawn new MCP server
+    const root = resolve(process.cwd(), '..');
+    const mcpDir = resolve(root, 'mcp');
+
+    if (!existsSync(resolve(mcpDir, 'node_modules'))) {
+      return NextResponse.json({ error: 'MCP dependencies not installed' }, { status: 500 });
+    }
+
+    const env: NodeJS.ProcessEnv = {
+      ...process.env,
+      MCP_PORT: String(mcpPort),
+      MCP_HOST: process.env.MCP_HOST || '0.0.0.0',
+      MINDOS_URL: process.env.MINDOS_URL || `http://127.0.0.1:${webPort}`,
+      ...(authToken ? { AUTH_TOKEN: authToken } : {}),
+    };
+
+    const child = spawn('npx', ['tsx', 'src/index.ts'], {
+      cwd: mcpDir,
+      detached: true,
+      stdio: 'ignore',
+      env,
+    });
+    child.unref();
+
+    return NextResponse.json({ ok: true, pid: child.pid, port: mcpPort });
+  } catch (err) {
+    const message = err instanceof Error ? err.message : String(err);
+    return NextResponse.json({ error: message }, { status: 500 });
+  }
+}

package/app/app/layout.tsx

@@ -8,6 +8,7 @@ import { LocaleProvider } from '@/lib/LocaleContext';
 import ErrorBoundary from '@/components/ErrorBoundary';
 import RegisterSW from './register-sw';
 import UpdateBanner from '@/components/UpdateBanner';
+import UpdateOverlay from '@/components/UpdateOverlay';
 import { cookies } from 'next/headers';
 import type { Locale } from '@/lib/i18n';
 
@@ -108,6 +109,7 @@ export default async function RootLayout({
             </ErrorBoundary>
           </TooltipProvider>
           <RegisterSW />
+          <UpdateOverlay />
         </LocaleProvider>
       </body>
     </html>

package/app/components/UpdateOverlay.tsx

@@ -0,0 +1,124 @@
+'use client';
+
+import { useState, useEffect, useCallback, useRef } from 'react';
+import { Loader2, CheckCircle2 } from 'lucide-react';
+import { useLocale } from '@/lib/LocaleContext';
+
+const UPDATE_STATE_KEY = 'mindos_update_in_progress';
+const POLL_INTERVAL = 3_000;
+
+/**
+ * Global overlay shown when MindOS update kills the server.
+ * Mounted in root layout — persists across page navigations and Settings close.
+ * Reads localStorage flag set by UpdateTab. Auto-reloads when server comes back.
+ */
+export default function UpdateOverlay() {
+  const [visible, setVisible] = useState(false);
+  const [done, setDone] = useState(false);
+  const pollRef = useRef<ReturnType<typeof setInterval>>(undefined);
+  const { locale } = useLocale();
+  const zh = locale === 'zh';
+
+  const startPolling = useCallback(() => {
+    pollRef.current = setInterval(async () => {
+      try {
+        const res = await fetch('/api/health', { signal: AbortSignal.timeout(3000) });
+        if (res.ok) {
+          clearInterval(pollRef.current);
+          pollRef.current = undefined;
+          // Server is back — check if version changed
+          try {
+            const saved = localStorage.getItem(UPDATE_STATE_KEY);
+            if (saved) {
+              const { originalVer } = JSON.parse(saved);
+              const data = await fetch('/api/update-check').then(r => r.json());
+              if (data.current && data.current !== originalVer) {
+                setDone(true);
+                localStorage.removeItem(UPDATE_STATE_KEY);
+                localStorage.removeItem('mindos_update_latest');
+                localStorage.removeItem('mindos_update_dismissed');
+                setTimeout(() => window.location.reload(), 1500);
+                return;
+              }
+            }
+          } catch { /* check failed, still reload */ }
+          // Server is back but version unchanged (or no saved state) — just reload
+          localStorage.removeItem(UPDATE_STATE_KEY);
+          window.location.reload();
+        }
+      } catch {
+        // Still down
+      }
+    }, POLL_INTERVAL);
+  }, []);
+
+  // Check on mount and listen for update-started event from UpdateTab
+  useEffect(() => {
+    const check = () => {
+      const saved = localStorage.getItem(UPDATE_STATE_KEY);
+      if (saved) {
+        setVisible(true);
+        if (!pollRef.current) startPolling();
+      }
+    };
+
+    // Check immediately (handles page reload during update)
+    check();
+
+    // Listen for same-tab update start (localStorage 'storage' event only fires cross-tab)
+    const handler = () => check();
+    window.addEventListener('mindos:update-started', handler);
+    window.addEventListener('storage', handler); // cross-tab fallback
+
+    return () => {
+      clearInterval(pollRef.current);
+      pollRef.current = undefined;
+      window.removeEventListener('mindos:update-started', handler);
+      window.removeEventListener('storage', handler);
+    };
+  }, [startPolling]);
+
+  if (!visible) return null;
+
+  return (
+    <div
+      style={{
+        position: 'fixed',
+        inset: 0,
+        zIndex: 99999,
+        background: 'rgba(0,0,0,0.7)',
+        backdropFilter: 'blur(8px)',
+        display: 'flex',
+        flexDirection: 'column',
+        alignItems: 'center',
+        justifyContent: 'center',
+        fontFamily: 'system-ui, -apple-system, sans-serif',
+      }}
+    >
+      {done ? (
+        <>
+          <CheckCircle2 size={32} style={{ color: '#7aad80', marginBottom: 12 }} />
+          <div style={{ color: '#e8e4dc', fontSize: 18, fontWeight: 600 }}>
+            {zh ? '更新成功！' : 'Update Complete!'}
+          </div>
+          <div style={{ color: '#8a8275', fontSize: 13, marginTop: 6 }}>
+            {zh ? '正在刷新页面...' : 'Reloading...'}
+          </div>
+        </>
+      ) : (
+        <>
+          <Loader2 size={32} style={{ color: '#d4954a', marginBottom: 12, animation: 'spin 1s linear infinite' }} />
+          <div style={{ color: '#e8e4dc', fontSize: 18, fontWeight: 600 }}>
+            {zh ? 'MindOS 正在更新...' : 'MindOS is Updating...'}
+          </div>
+          <div style={{ color: '#8a8275', fontSize: 13, marginTop: 6, textAlign: 'center', maxWidth: 300, lineHeight: 1.5 }}>
+            {zh
+              ? '服务正在重启，请勿关闭此页面。完成后将自动刷新。'
+              : 'The server is restarting. Please do not close this page. It will auto-reload when ready.'}
+          </div>
+        </>
+      )}
+      <style>{`@keyframes spin { to { transform: rotate(360deg) } }`}</style>
+    </div>
+  );
+}

package/app/components/help/HelpContent.tsx

@@ -1,6 +1,6 @@
 'use client';
 
-import { useState, useMemo, useCallback } from 'react';
+import { useState, useMemo, useCallback, useEffect } from 'react';
 import { BookOpen, Rocket, Brain, Keyboard, HelpCircle, Bot, ChevronDown, Copy, Check } from 'lucide-react';
 import { useLocale } from '@/lib/LocaleContext';
 
@@ -39,7 +39,7 @@ function Section({ icon, title, defaultOpen = false, children }: {
 function StepCard({ step, title, desc }: { step: number; title: string; desc: string }) {
   return (
     <div className="flex gap-4 items-start">
-      <div className="shrink-0 w-8 h-8 rounded-full flex items-center justify-center text-sm font-bold font-mono" style={{ background: 'var(--amber-dim)', color: 'var(--amber)' }}>
+      <div className="shrink-0 w-8 h-8 rounded-full flex items-center justify-center text-sm font-bold font-mono bg-[var(--amber-dim)] text-[var(--amber)]">
         {step}
       </div>
       <div className="min-w-0">
@@ -59,12 +59,12 @@ function PromptBlock({ text, copyLabel }: { text: string; copyLabel: string }) {
     navigator.clipboard.writeText(clean).then(() => {
       setCopied(true);
       setTimeout(() => setCopied(false), 1500);
-    });
+    }).catch(() => {});
   }, [text]);
 
   return (
     <div className="group/prompt mt-2 flex items-start gap-2 bg-background border border-border rounded-md px-3 py-2">
-      <p className="flex-1 text-xs font-mono leading-relaxed" style={{ color: 'var(--amber)' }}>{text}</p>
+      <p className="flex-1 text-xs font-mono leading-relaxed text-[var(--amber)]">{text}</p>
       <button
         onClick={handleCopy}
         className="shrink-0 p-1 rounded hover:bg-muted text-muted-foreground hover:text-foreground transition-colors opacity-0 group-hover/prompt:opacity-100 focus-visible:opacity-100"
@@ -122,8 +122,11 @@ export default function HelpContent() {
   const { t } = useLocale();
   const h = t.help;
 
-  const isMac = typeof navigator !== 'undefined' && /Mac|iPhone|iPad/.test(navigator.userAgent);
-  const mod = isMac ? '⌘' : 'Ctrl';
+  const [mod, setMod] = useState('⌘');
+  useEffect(() => {
+    const isMac = /Mac|iPhone|iPad/.test(navigator.userAgent);
+    setMod(isMac ? '⌘' : 'Ctrl');
+  }, []);
 
   const shortcuts = useMemo(() => [
     { keys: `${mod} K`, label: h.shortcuts.search },
@@ -141,7 +144,7 @@ export default function HelpContent() {
       {/* ── Header ── */}
       <div className="mb-8">
         <div className="flex items-center gap-2 mb-1">
-          <div className="w-1 h-6 rounded-full" style={{ background: 'var(--amber)' }} />
+          <div className="w-1 h-6 rounded-full bg-[var(--amber)]" />
           <h1 className="text-2xl font-bold font-display text-foreground">{h.title}</h1>
         </div>
         <p className="text-muted-foreground text-sm ml-3 mt-1">{h.subtitle}</p>

package/app/components/panels/AgentsPanel.tsx

@@ -1,13 +1,11 @@
 'use client';
 
-import { useState, useCallback, useMemo } from 'react';
-import { Loader2, RefreshCw, ChevronDown, ChevronRight, CheckCircle2, AlertCircle, Copy, Check, Monitor, Globe, Settings } from 'lucide-react';
+import { useState } from 'react';
+import { Loader2, RefreshCw, ChevronDown, ChevronRight, CheckCircle2, AlertCircle, Settings } from 'lucide-react';
 import { useMcpData } from '@/hooks/useMcpData';
 import { useLocale } from '@/lib/LocaleContext';
-import { generateSnippet } from '@/lib/mcp-snippets';
-import { copyToClipboard } from '@/lib/clipboard';
 import { Toggle } from '../settings/Primitives';
-import type { AgentInfo, McpStatus, SkillInfo } from '../settings/types';
+import type { AgentInfo, SkillInfo } from '../settings/types';
 import PanelHeader from './PanelHeader';
 
 interface AgentsPanelProps {
@@ -22,7 +20,6 @@ export default function AgentsPanel({ active, maximized, onMaximize }: AgentsPan
   const mcp = useMcpData();
   const [refreshing, setRefreshing] = useState(false);
   const [showNotDetected, setShowNotDetected] = useState(false);
-  const [expandedAgent, setExpandedAgent] = useState<string | null>(null);
   const [showBuiltinSkills, setShowBuiltinSkills] = useState(false);
 
   const handleRefresh = async () => {
@@ -31,10 +28,6 @@ export default function AgentsPanel({ active, maximized, onMaximize }: AgentsPan
     setRefreshing(false);
   };
 
-  const toggleAgent = (key: string) => {
-    setExpandedAgent(prev => prev === key ? null : key);
-  };
-
   const connected = mcp.agents.filter(a => a.present && a.installed);
   const detected = mcp.agents.filter(a => a.present && !a.installed);
   const notFound = mcp.agents.filter(a => !a.present);
@@ -102,9 +95,6 @@ export default function AgentsPanel({ active, maximized, onMaximize }: AgentsPan
                       key={agent.key}
                       agent={agent}
                       agentStatus="connected"
-                      mcpStatus={mcp.status}
-                      expanded={expandedAgent === agent.key}
-                      onToggle={() => toggleAgent(agent.key)}
                       onInstallAgent={mcp.installAgent}
                       t={p}
                     />
@@ -123,9 +113,6 @@ export default function AgentsPanel({ active, maximized, onMaximize }: AgentsPan
                       key={agent.key}
                       agent={agent}
                       agentStatus="detected"
-                      mcpStatus={mcp.status}
-                      expanded={expandedAgent === agent.key}
-                      onToggle={() => toggleAgent(agent.key)}
                       onInstallAgent={mcp.installAgent}
                       t={p}
                     />
@@ -149,9 +136,6 @@ export default function AgentsPanel({ active, maximized, onMaximize }: AgentsPan
                         key={agent.key}
                         agent={agent}
                         agentStatus="notFound"
-                        mcpStatus={mcp.status}
-                        expanded={expandedAgent === agent.key}
-                        onToggle={() => toggleAgent(agent.key)}
                         onInstallAgent={mcp.installAgent}
                         t={p}
                       />
@@ -239,129 +223,55 @@ function SkillRow({ skill, onToggle }: { skill: SkillInfo; onToggle: (name: stri
   );
 }
 
-/* ── Agent Card ── */
+/* ── Agent Card (compact — no snippet, config viewing is in Settings) ── */
 
-function AgentCard({ agent, agentStatus, mcpStatus, expanded, onToggle, onInstallAgent, t }: {
+function AgentCard({ agent, agentStatus, onInstallAgent, t }: {
   agent: AgentInfo;
   agentStatus: 'connected' | 'detected' | 'notFound';
-  mcpStatus: McpStatus | null;
-  expanded: boolean;
-  onToggle: () => void;
-  onInstallAgent: (key: string, opts?: { scope?: string; transport?: string }) => Promise<boolean>;
+  onInstallAgent: (key: string) => Promise<boolean>;
   t: Record<string, any>;
 }) {
-  const [transport, setTransport] = useState<'stdio' | 'http'>('stdio');
-  const [copied, setCopied] = useState(false);
   const [installing, setInstalling] = useState(false);
   const [result, setResult] = useState<{ type: 'success' | 'error'; text: string } | null>(null);
 
   const dot = agentStatus === 'connected' ? 'bg-emerald-500' : agentStatus === 'detected' ? 'bg-amber-500' : 'bg-zinc-400';
 
-  const snippet = useMemo(() => generateSnippet(agent, mcpStatus, transport), [agent, mcpStatus, transport]);
-
-  const handleCopy = useCallback(async () => {
-    const ok = await copyToClipboard(snippet.snippet);
-    if (ok) {
-      setCopied(true);
-      setTimeout(() => setCopied(false), 2000);
-    }
-  }, [snippet.snippet]);
-
   const handleInstall = async () => {
     setInstalling(true);
     setResult(null);
     const ok = await onInstallAgent(agent.key);
-    if (ok) {
-      setResult({ type: 'success', text: `${agent.name} ${t.connected}` });
-    } else {
-      setResult({ type: 'error', text: 'Install failed' });
-    }
+    setResult(ok
+      ? { type: 'success', text: `${agent.name} ${t.connected}` }
+      : { type: 'error', text: 'Install failed' });
     setInstalling(false);
   };
 
   return (
-    <div className="rounded-lg border border-border/60 bg-card/30 overflow-hidden">
-      {/* Header row — always clickable to expand */}
-      <button
-        onClick={onToggle}
-        className="w-full px-3 py-2 flex items-center justify-between gap-2 hover:bg-muted/30 transition-colors text-left"
-      >
-        <div className="flex items-center gap-2 min-w-0">
-          <span className={`w-1.5 h-1.5 rounded-full shrink-0 ${dot}`} />
-          <span className="text-xs font-medium text-foreground truncate">{agent.name}</span>
-          {agentStatus === 'connected' && agent.transport && (
-            <span className="text-2xs px-1 py-0.5 rounded bg-muted text-muted-foreground shrink-0">{agent.transport}</span>
-          )}
-        </div>
-        {expanded ? <ChevronDown size={10} className="text-muted-foreground shrink-0" /> : <ChevronRight size={10} className="text-muted-foreground shrink-0" />}
-      </button>
-
-      {/* Expanded: snippet + actions */}
-      {expanded && (
-        <div className="px-3 pb-3 pt-1 border-t border-border/40 space-y-2.5">
-          {/* Detected: Connect button */}
-          {agentStatus === 'detected' && (
-            <>
-              <button onClick={handleInstall} disabled={installing}
-                className="w-full flex items-center justify-center gap-1.5 px-2.5 py-1.5 text-2xs rounded-md font-medium text-white disabled:opacity-50 transition-colors"
-                style={{ background: 'var(--amber)' }}>
-                {installing ? <Loader2 size={11} className="animate-spin" /> : null}
-                {installing ? t.installing : t.install(agent.name)}
-              </button>
-              {result && (
-                <div className={`flex items-center gap-1.5 text-2xs ${result.type === 'success' ? 'text-emerald-600 dark:text-emerald-400' : 'text-destructive'}`}>
-                  {result.type === 'success' ? <CheckCircle2 size={11} /> : <AlertCircle size={11} />}
-                  {result.text}
-                </div>
-              )}
-            </>
-          )}
-
-          {/* Transport toggle */}
-          <div className="flex items-center rounded-md border border-border overflow-hidden w-fit">
-            <button
-              onClick={() => setTransport('stdio')}
-              className={`flex items-center gap-1 px-2 py-1 text-2xs transition-colors ${
-                transport === 'stdio' ? 'bg-muted text-foreground font-medium' : 'text-muted-foreground hover:text-foreground'
-              }`}
-            >
-              <Monitor size={10} />
-              {t.transportLocal}
-            </button>
-            <button
-              onClick={() => setTransport('http')}
-              className={`flex items-center gap-1 px-2 py-1 text-2xs transition-colors ${
-                transport === 'http' ? 'bg-muted text-foreground font-medium' : 'text-muted-foreground hover:text-foreground'
-              }`}
-            >
-              <Globe size={10} />
-              {t.transportRemote}
-            </button>
-          </div>
-
-          {/* No auth warning for HTTP */}
-          {transport === 'http' && mcpStatus && !mcpStatus.authConfigured && (
-            <p className="text-2xs" style={{ color: 'var(--amber)' }}>{t.noAuthWarning}</p>
-          )}
+    <div className="rounded-lg border border-border/60 bg-card/30 px-3 py-2 flex items-center justify-between gap-2">
+      <div className="flex items-center gap-2 min-w-0">
+        <span className={`w-1.5 h-1.5 rounded-full shrink-0 ${dot}`} />
+        <span className="text-xs font-medium text-foreground truncate">{agent.name}</span>
+        {agentStatus === 'connected' && agent.transport && (
+          <span className="text-2xs px-1 py-0.5 rounded bg-muted text-muted-foreground shrink-0">{agent.transport}</span>
+        )}
+      </div>
 
-          {/* Config snippet */}
-          <pre className="text-[10px] font-mono bg-muted/50 border border-border rounded-lg p-2.5 overflow-x-auto whitespace-pre select-all max-h-[200px] overflow-y-auto">
-            {snippet.displaySnippet}
-          </pre>
+      {/* Detected: Install button */}
+      {agentStatus === 'detected' && (
+        <button onClick={handleInstall} disabled={installing}
+          className="flex items-center gap-1 px-2 py-1 text-2xs rounded-md font-medium text-white disabled:opacity-50 transition-colors shrink-0"
+          style={{ background: 'var(--amber)' }}>
+          {installing ? <Loader2 size={10} className="animate-spin" /> : null}
+          {installing ? t.installing : t.install(agent.name)}
+        </button>
+      )}
 
-          {/* Copy + path */}
-          <div className="flex items-center gap-2 text-2xs">
-            <button
-              onClick={handleCopy}
-              className="inline-flex items-center gap-1 px-2 py-1 rounded-md border border-border text-muted-foreground hover:text-foreground hover:bg-muted transition-colors shrink-0"
-            >
-              {copied ? <Check size={10} /> : <Copy size={10} />}
-              {copied ? t.copied : t.copyConfig}
-            </button>
-            <span className="text-muted-foreground">→</span>
-            <span className="font-mono text-muted-foreground truncate">{snippet.path}</span>
-          </div>
-        </div>
+      {/* Install result */}
+      {result && (
+        <span className={`flex items-center gap-1 text-2xs shrink-0 ${result.type === 'success' ? 'text-emerald-600 dark:text-emerald-400' : 'text-destructive'}`}>
+          {result.type === 'success' ? <CheckCircle2 size={10} /> : <AlertCircle size={10} />}
+          {result.text}
+        </span>
       )}
     </div>
   );