@geminilight/mindos 0.5.50 → 0.5.52

package/app/components/settings/McpSkillsSection.tsx

@@ -3,10 +3,11 @@
 import { useState, useEffect, useCallback, useMemo } from 'react';
 import {
   Loader2, ChevronDown, ChevronRight,
-  Plus, X, Search,
+  Plus, X, Search, Copy, Check,
 } from 'lucide-react';
 import { apiFetch } from '@/lib/api';
 import { useMcpDataOptional } from '@/hooks/useMcpData';
+import { copyToClipboard } from '@/lib/clipboard';
 import type { SkillInfo, McpSkillsSectionProps } from './types';
 import SkillRow from './McpSkillRow';
 import SkillCreateForm from './McpSkillCreateForm';
@@ -24,7 +25,7 @@ export default function SkillsSection({ t }: McpSkillsSectionProps) {
   const [createError, setCreateError] = useState('');
 
   const [search, setSearch] = useState('');
-  const [builtinCollapsed, setBuiltinCollapsed] = useState(true);
+  const [builtinCollapsed, setBuiltinCollapsed] = useState(false);
   const [editing, setEditing] = useState<string | null>(null);
   const [editContent, setEditContent] = useState('');
   const [editError, setEditError] = useState('');
@@ -354,6 +355,91 @@ export default function SkillsSection({ t }: McpSkillsSectionProps) {
           {m?.addSkill ?? '+ Add Skill'}
         </button>
       )}
+
+      {/* CLI install hint with agent selector */}
+      <SkillCliHint
+        agents={mcp?.agents ?? []}
+        skillName={(() => {
+          const mindosEnabled = skills.find(s => s.name === 'mindos')?.enabled ?? true;
+          return mindosEnabled ? 'mindos' : 'mindos-zh';
+        })()}
+        m={m}
+      />
+    </div>
+  );
+}
+
+/* ── Skill CLI Install Hint ── */
+
+function SkillCliHint({ agents, skillName, m }: {
+  agents: { key: string; name: string; present?: boolean; installed?: boolean }[];
+  skillName: string;
+  m: Record<string, any> | undefined;
+}) {
+  const [selectedAgent, setSelectedAgent] = useState('claude-code');
+  const [copied, setCopied] = useState(false);
+
+  const cmd = `npx skills add GeminiLight/MindOS --skill ${skillName} -a ${selectedAgent} -g -y`;
+  const skillPath = `~/.agents/skills/${skillName}/SKILL.md`;
+
+  const handleCopy = async () => {
+    const ok = await copyToClipboard(cmd);
+    if (ok) { setCopied(true); setTimeout(() => setCopied(false), 2000); }
+  };
+
+  // Group agents: connected first, then detected, then not found
+  const connected = agents.filter(a => a.present && a.installed);
+  const detected = agents.filter(a => a.present && !a.installed);
+  const notFound = agents.filter(a => !a.present);
+
+  return (
+    <div className="border-t border-border pt-3 mt-3 space-y-2.5">
+      <p className="text-2xs font-medium text-muted-foreground">
+        {m?.cliInstallHint ?? 'Install via CLI:'}
+      </p>
+
+      {/* Agent selector */}
+      <div className="relative">
+        <select
+          value={selectedAgent}
+          onChange={(e) => setSelectedAgent(e.target.value)}
+          className="w-full appearance-none px-2.5 py-1.5 pr-7 text-2xs rounded-md border border-border bg-background text-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring"
+        >
+          {connected.length > 0 && (
+            <optgroup label={m?.connectedGroup ?? 'Connected'}>
+              {connected.map(a => <option key={a.key} value={a.key}>✓ {a.name}</option>)}
+            </optgroup>
+          )}
+          {detected.length > 0 && (
+            <optgroup label={m?.detectedGroup ?? 'Detected'}>
+              {detected.map(a => <option key={a.key} value={a.key}>○ {a.name}</option>)}
+            </optgroup>
+          )}
+          {notFound.length > 0 && (
+            <optgroup label={m?.notFoundGroup ?? 'Not Installed'}>
+              {notFound.map(a => <option key={a.key} value={a.key}>· {a.name}</option>)}
+            </optgroup>
+          )}
+        </select>
+        <ChevronDown size={12} className="absolute right-2 top-1/2 -translate-y-1/2 text-muted-foreground pointer-events-none" />
+      </div>
+
+      {/* Command */}
+      <div className="flex items-center gap-1.5">
+        <code className="flex-1 text-[10px] font-mono bg-muted/50 border border-border rounded-lg px-2.5 py-2 text-muted-foreground select-all overflow-x-auto whitespace-nowrap">
+          {cmd}
+        </code>
+        <button onClick={handleCopy}
+          className="p-1.5 rounded-md border border-border text-muted-foreground hover:text-foreground hover:bg-muted transition-colors shrink-0">
+          {copied ? <Check size={11} /> : <Copy size={11} />}
+        </button>
+      </div>
+
+      {/* Path hint */}
+      <p className="text-2xs text-muted-foreground">
+        {m?.skillPathHint ?? 'Skill files installed at:'}{' '}
+        <code className="font-mono text-[10px] bg-muted px-1 py-0.5 rounded">{skillPath}</code>
+      </p>
     </div>
   );
 }

package/app/components/settings/McpTab.tsx

@@ -1,6 +1,10 @@
-import { Loader2 } from 'lucide-react';
+import { useState, useMemo, useRef, useEffect } from 'react';
+import { Loader2, ChevronDown, Copy, Check, Monitor, Globe, AlertCircle, RotateCcw, RefreshCw } from 'lucide-react';
 import { useMcpDataOptional } from '@/hooks/useMcpData';
-import type { McpTabProps } from './types';
+import { generateSnippet } from '@/lib/mcp-snippets';
+import { copyToClipboard } from '@/lib/clipboard';
+import { apiFetch } from '@/lib/api';
+import type { McpTabProps, McpStatus, AgentInfo } from './types';
 import AgentInstall from './McpAgentInstall';
 import SkillsSection from './McpSkillsSection';
 
@@ -13,6 +17,15 @@ export function McpTab({ t }: McpTabProps) {
   const mcp = useMcpDataOptional();
   const m = t.settings?.mcp;
 
+  const [restarting, setRestarting] = useState(false);
+  const [selectedAgent, setSelectedAgent] = useState('');
+  const [transport, setTransport] = useState<'stdio' | 'http'>('stdio');
+  const [copied, setCopied] = useState(false);
+  const restartPollRef = useRef<ReturnType<typeof setInterval>>(undefined);
+
+  // Cleanup restart poll on unmount
+  useEffect(() => () => clearInterval(restartPollRef.current), []);
+
   if (!mcp || mcp.loading) {
     return (
       <div className="flex justify-center py-8">
@@ -21,29 +34,62 @@ export function McpTab({ t }: McpTabProps) {
     );
   }
 
+  const connectedAgents = mcp.agents.filter(a => a.present && a.installed);
+  const detectedAgents = mcp.agents.filter(a => a.present && !a.installed);
+  const notFoundAgents = mcp.agents.filter(a => !a.present);
+
+  // Auto-select first agent if none selected
+  const effectiveSelected = selectedAgent || (mcp.agents[0]?.key ?? '');
+  const currentAgent = mcp.agents.find(a => a.key === effectiveSelected);
+
   return (
     <div className="space-y-6">
-      {/* Server status summary (minimal — full status is in sidebar AgentsPanel) */}
-      {mcp.status && (
-        <div className="rounded-xl border p-4 space-y-2" style={{ borderColor: 'var(--border)', background: 'var(--card)' }}>
-          <div className="flex items-center gap-2.5 text-xs">
-            <span className={`inline-block w-1.5 h-1.5 rounded-full shrink-0 ${mcp.status.running ? 'bg-success' : 'bg-muted-foreground'}`} />
-            <span className="text-foreground font-medium">
-              {mcp.status.running ? (m?.running ?? 'Running') : (m?.stopped ?? 'Stopped')}
-            </span>
-            {mcp.status.running && (
-              <>
-                <span className="text-muted-foreground">·</span>
-                <span className="font-mono text-muted-foreground">{mcp.status.endpoint}</span>
-                <span className="text-muted-foreground">·</span>
-                <span className="text-muted-foreground">{mcp.status.toolCount} tools</span>
-              </>
-            )}
-          </div>
+      {/* Server status with restart */}
+      <McpStatusCard
+        status={mcp.status}
+        restarting={restarting}
+        onRestart={async () => {
+          setRestarting(true);
+          try { await apiFetch('/api/mcp/restart', { method: 'POST' }); } catch {}
+          const deadline = Date.now() + 60_000;
+          clearInterval(restartPollRef.current);
+          restartPollRef.current = setInterval(async () => {
+            if (Date.now() > deadline) { clearInterval(restartPollRef.current); setRestarting(false); return; }
+            try {
+              const s = await apiFetch<McpStatus>('/api/mcp/status', { timeout: 3000 });
+              if (s.running) { clearInterval(restartPollRef.current); setRestarting(false); mcp.refresh(); }
+            } catch {}
+          }, 3000);
+        }}
+        onRefresh={mcp.refresh}
+        m={m}
+      />
+
+      {/* MCP Config Viewer */}
+      {mcp.agents.length > 0 && (
+        <div>
+          <h3 className="text-sm font-medium text-foreground mb-3">MCP</h3>
+          <AgentConfigViewer
+            connectedAgents={connectedAgents}
+            detectedAgents={detectedAgents}
+            notFoundAgents={notFoundAgents}
+            currentAgent={currentAgent ?? null}
+            mcpStatus={mcp.status}
+            selectedAgent={effectiveSelected}
+            onSelectAgent={(key) => setSelectedAgent(key)}
+            transport={transport}
+            onTransportChange={setTransport}
+            copied={copied}
+            onCopy={async (snippet) => {
+              const ok = await copyToClipboard(snippet);
+              if (ok) { setCopied(true); setTimeout(() => setCopied(false), 2000); }
+            }}
+            m={m}
+          />
         </div>
       )}
 
-      {/* Skills (full CRUD — search, edit, delete, create, language switch) */}
+      {/* Skills */}
       <div>
         <h3 className="text-sm font-medium text-foreground mb-3">{m?.skillsTitle ?? 'Skills'}</h3>
         <SkillsSection t={t} />
@@ -57,3 +103,195 @@ export function McpTab({ t }: McpTabProps) {
     </div>
   );
 }
+
+/* ── MCP Status Card ── */
+
+function McpStatusCard({ status, restarting, onRestart, onRefresh, m }: {
+  status: McpStatus | null;
+  restarting: boolean;
+  onRestart: () => void;
+  onRefresh: () => void;
+  m: Record<string, any> | undefined;
+}) {
+  if (!status) return null;
+  return (
+    <div className="rounded-xl border border-border bg-card p-4 flex items-center justify-between">
+      <div className="flex items-center gap-2.5 text-xs">
+        {restarting ? (
+          <>
+            <Loader2 size={12} className="animate-spin" style={{ color: 'var(--amber)' }} />
+            <span style={{ color: 'var(--amber)' }}>{m?.restarting ?? 'Restarting...'}</span>
+          </>
+        ) : (
+          <>
+            <span className={`inline-block w-1.5 h-1.5 rounded-full shrink-0 ${status.running ? 'bg-success' : 'bg-muted-foreground'}`} />
+            <span className="text-foreground font-medium">
+              {status.running ? (m?.running ?? 'Running') : (m?.stopped ?? 'Stopped')}
+            </span>
+            {status.running && (
+              <>
+                <span className="text-muted-foreground">·</span>
+                <span className="font-mono text-muted-foreground">{status.endpoint}</span>
+                <span className="text-muted-foreground">·</span>
+                <span className="text-muted-foreground">{status.toolCount} tools</span>
+              </>
+            )}
+          </>
+        )}
+      </div>
+      <div className="flex items-center gap-2">
+        {!status.running && !restarting && (
+          <button onClick={onRestart}
+            className="flex items-center gap-1.5 px-2.5 py-1 text-xs rounded-lg font-medium text-white transition-colors"
+            style={{ background: 'var(--amber)' }}>
+            <RotateCcw size={12} /> {m?.restart ?? 'Restart'}
+          </button>
+        )}
+        <button onClick={onRefresh}
+          className="p-1.5 rounded-lg border border-border text-muted-foreground hover:text-foreground hover:bg-muted transition-colors">
+          <RefreshCw size={12} />
+        </button>
+      </div>
+    </div>
+  );
+}
+
+/* ── Agent Config Viewer (dropdown + snippet) ── */
+
+function AgentConfigViewer({ connectedAgents, detectedAgents, notFoundAgents, currentAgent, mcpStatus, selectedAgent, onSelectAgent, transport, onTransportChange, copied, onCopy, m }: {
+  connectedAgents: AgentInfo[];
+  detectedAgents: AgentInfo[];
+  notFoundAgents: AgentInfo[];
+  currentAgent: AgentInfo | null;
+  mcpStatus: McpStatus | null;
+  selectedAgent: string;
+  onSelectAgent: (key: string) => void;
+  transport: 'stdio' | 'http';
+  onTransportChange: (t: 'stdio' | 'http') => void;
+  copied: boolean;
+  onCopy: (snippet: string) => void;
+  m: Record<string, any> | undefined;
+}) {
+  const snippet = useMemo(
+    () => currentAgent ? generateSnippet(currentAgent, mcpStatus, transport) : null,
+    [currentAgent, mcpStatus, transport]
+  );
+
+  return (
+    <div className="rounded-xl border border-border bg-card p-4 space-y-3">
+      {/* Agent selector */}
+      <div className="relative">
+        <select
+          value={selectedAgent}
+          onChange={(e) => onSelectAgent(e.target.value)}
+          className="w-full appearance-none px-3 py-2 pr-8 text-xs rounded-lg border border-border bg-background text-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring"
+        >
+          {connectedAgents.length > 0 && (
+            <optgroup label={m?.connectedGroup ?? 'Connected'}>
+              {connectedAgents.map(a => (
+                <option key={a.key} value={a.key}>
+                  ✓ {a.name} — {a.transport ?? 'stdio'} · {a.scope ?? 'global'}
+                </option>
+              ))}
+            </optgroup>
+          )}
+          {detectedAgents.length > 0 && (
+            <optgroup label={m?.detectedGroup ?? 'Detected (not configured)'}>
+              {detectedAgents.map(a => (
+                <option key={a.key} value={a.key}>
+                  ○ {a.name} — {m?.notConfigured ?? 'not configured'}
+                </option>
+              ))}
+            </optgroup>
+          )}
+          {notFoundAgents.length > 0 && (
+            <optgroup label={m?.notFoundGroup ?? 'Not Installed'}>
+              {notFoundAgents.map(a => (
+                <option key={a.key} value={a.key}>
+                  · {a.name}
+                </option>
+              ))}
+            </optgroup>
+          )}
+        </select>
+        <ChevronDown size={14} className="absolute right-2.5 top-1/2 -translate-y-1/2 text-muted-foreground pointer-events-none" />
+      </div>
+
+      {currentAgent && (
+        <>
+          {/* Agent status badge */}
+          <div className="flex items-center gap-2">
+            {currentAgent.present && currentAgent.installed ? (
+              <span className="inline-flex items-center gap-1 px-2 py-0.5 rounded-full text-2xs font-medium bg-emerald-500/10 text-emerald-600 dark:text-emerald-400">
+                <span className="w-1.5 h-1.5 rounded-full bg-emerald-500 inline-block" />
+                {m?.tagConnected ?? 'Connected'}
+              </span>
+            ) : currentAgent.present && !currentAgent.installed ? (
+              <span className="inline-flex items-center gap-1 px-2 py-0.5 rounded-full text-2xs font-medium" style={{ background: 'var(--amber-subtle, rgba(200,135,58,0.1))', color: 'var(--amber)' }}>
+                <span className="w-1.5 h-1.5 rounded-full inline-block" style={{ background: 'var(--amber)' }} />
+                {m?.tagDetected ?? 'Detected — not configured'}
+              </span>
+            ) : (
+              <span className="inline-flex items-center gap-1 px-2 py-0.5 rounded-full text-2xs font-medium bg-muted text-muted-foreground">
+                <span className="w-1.5 h-1.5 rounded-full bg-zinc-400 inline-block" />
+                {m?.tagNotInstalled ?? 'Not installed'}
+              </span>
+            )}
+            {currentAgent.transport && (
+              <span className="px-1.5 py-0.5 rounded text-2xs bg-muted text-muted-foreground">{currentAgent.transport}</span>
+            )}
+            {currentAgent.scope && (
+              <span className="px-1.5 py-0.5 rounded text-2xs bg-muted text-muted-foreground">{currentAgent.scope}</span>
+            )}
+          </div>
+
+          {/* Transport toggle */}
+          <div className="flex items-center rounded-lg border border-border overflow-hidden w-fit">
+            <button
+              onClick={() => onTransportChange('stdio')}
+              className={`flex items-center gap-1.5 px-3 py-1.5 text-xs transition-colors ${
+                transport === 'stdio' ? 'bg-muted text-foreground font-medium' : 'text-muted-foreground hover:text-foreground'
+              }`}
+            >
+              <Monitor size={12} /> {m?.transportLocal ?? 'Local (stdio)'}
+            </button>
+            <button
+              onClick={() => onTransportChange('http')}
+              className={`flex items-center gap-1.5 px-3 py-1.5 text-xs transition-colors ${
+                transport === 'http' ? 'bg-muted text-foreground font-medium' : 'text-muted-foreground hover:text-foreground'
+              }`}
+            >
+              <Globe size={12} /> {m?.transportRemote ?? 'Remote (HTTP)'}
+            </button>
+          </div>
+
+          {/* Auth warning */}
+          {transport === 'http' && mcpStatus && !mcpStatus.authConfigured && (
+            <p className="flex items-center gap-1.5 text-xs" style={{ color: 'var(--amber)' }}>
+              <AlertCircle size={12} />
+              {m?.noAuthWarning ?? 'Auth not configured. Run `mindos token` to set up.'}
+            </p>
+          )}
+
+          {/* Snippet */}
+          {snippet && (
+            <>
+              <pre className="text-[11px] font-mono bg-muted/50 border border-border rounded-lg p-3 overflow-x-auto whitespace-pre select-all max-h-[240px] overflow-y-auto">
+                {snippet.displaySnippet}
+              </pre>
+              <div className="flex items-center gap-3 text-xs">
+                <button onClick={() => onCopy(snippet.snippet)}
+                  className="inline-flex items-center gap-1.5 px-2.5 py-1.5 rounded-lg border border-border text-muted-foreground hover:text-foreground hover:bg-muted transition-colors shrink-0">
+                  {copied ? <Check size={12} /> : <Copy size={12} />}
+                  {copied ? (m?.copied ?? 'Copied!') : (m?.copyConfig ?? 'Copy config')}
+                </button>
+                <span className="text-muted-foreground">→</span>
+                <span className="font-mono text-muted-foreground truncate text-2xs">{snippet.path}</span>
+              </div>
+            </>
+          )}
+        </>
+      )}
+    </div>
+  );
+}

package/app/components/settings/UpdateTab.tsx

@@ -29,6 +29,7 @@ type UpdateState = 'idle' | 'checking' | 'updating' | 'updated' | 'error' | 'tim
 const CHANGELOG_URL = 'https://github.com/GeminiLight/MindOS/releases';
 const POLL_INTERVAL = 3_000;
 const POLL_TIMEOUT = 5 * 60 * 1000; // 5 minutes
+const UPDATE_STATE_KEY = 'mindos_update_in_progress';
 
 const STAGE_LABELS: Record<string, { en: string; zh: string }> = {
   downloading: { en: 'Downloading update', zh: '下载更新' },
@@ -77,8 +78,6 @@ export function UpdateTab() {
     }
   }, [u]);
 
-  useEffect(() => { checkUpdate(); }, [checkUpdate]);
-
   const cleanup = useCallback(() => {
     clearInterval(pollRef.current);
     clearTimeout(timeoutRef.current);
@@ -91,33 +90,14 @@ export function UpdateTab() {
     setState('updated');
     localStorage.removeItem('mindos_update_latest');
     localStorage.removeItem('mindos_update_dismissed');
+    localStorage.removeItem(UPDATE_STATE_KEY);
     window.dispatchEvent(new Event('mindos:update-dismissed'));
     setTimeout(() => window.location.reload(), 2000);
   }, [cleanup]);
 
-  useEffect(() => cleanup, [cleanup]);
-
-  const handleUpdate = useCallback(async () => {
-    setState('updating');
-    setErrorMsg('');
-    setUpdateError(null);
-    setServerDown(false);
-    setStages([
-      { id: 'downloading', status: 'pending' },
-      { id: 'skills',      status: 'pending' },
-      { id: 'rebuilding',  status: 'pending' },
-      { id: 'restarting',  status: 'pending' },
-    ]);
-
-    try {
-      await apiFetch('/api/update', { method: 'POST' });
-    } catch {
-      // Expected — server may die during update
-    }
-
-    // Poll update-status for stage progress
+  /** Start polling for update progress */
+  const startPolling = useCallback(() => {
     pollRef.current = setInterval(async () => {
-      // Try status endpoint first (may fail when server is restarting)
       try {
         const status = await apiFetch<UpdateStatus>('/api/update-status', { timeout: 5000 });
         setServerDown(false);
@@ -128,13 +108,13 @@ export function UpdateTab() {
 
         if (status.stage === 'failed') {
           cleanup();
+          localStorage.removeItem(UPDATE_STATE_KEY);
           setUpdateError(status.error || 'Update failed');
           setState('error');
           return;
         }
 
         if (status.stage === 'done') {
-          // Verify version actually changed
           try {
             const data = await apiFetch<UpdateInfo>('/api/update-check');
             if (data.current !== originalVersion.current) {
@@ -144,11 +124,11 @@ export function UpdateTab() {
           } catch { /* new server may not be fully ready */ }
         }
       } catch {
-        // Server restarting — also try update-check as fallback
+        // Server restarting — try update-check as fallback
         setServerDown(true);
         try {
           const data = await apiFetch<UpdateInfo>('/api/update-check', { timeout: 5000 });
-          if (data.current !== originalVersion.current) {
+          if (data.current && data.current !== originalVersion.current) {
             setStages(prev => prev.map(s => ({ ...s, status: 'done' as const })));
             completeUpdate(data);
           }
@@ -160,10 +140,68 @@ export function UpdateTab() {
 
     timeoutRef.current = setTimeout(() => {
       cleanup();
+      localStorage.removeItem(UPDATE_STATE_KEY);
       setState('timeout');
     }, POLL_TIMEOUT);
   }, [cleanup, completeUpdate]);
 
+  // On mount: check if an update was in progress (survives page reload / white screen)
+  useEffect(() => {
+    const savedState = localStorage.getItem(UPDATE_STATE_KEY);
+    if (savedState) {
+      try {
+        const { originalVer } = JSON.parse(savedState);
+        originalVersion.current = originalVer;
+        setState('updating');
+        setServerDown(true);
+        setStages([
+          { id: 'downloading', status: 'done' },
+          { id: 'skills',      status: 'done' },
+          { id: 'rebuilding',  status: 'done' },
+          { id: 'restarting',  status: 'running' },
+        ]);
+        startPolling();
+      } catch {
+        localStorage.removeItem(UPDATE_STATE_KEY);
+        checkUpdate();
+      }
+    } else {
+      checkUpdate();
+    }
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+
+  useEffect(() => cleanup, [cleanup]);
+
+  const handleUpdate = useCallback(async () => {
+    setState('updating');
+    setErrorMsg('');
+    setUpdateError(null);
+    setServerDown(false);
+    setStages([
+      { id: 'downloading', status: 'pending' },
+      { id: 'skills',      status: 'pending' },
+      { id: 'rebuilding',  status: 'pending' },
+      { id: 'restarting',  status: 'pending' },
+    ]);
+
+    // Persist update state to localStorage — survives process restart / page reload
+    localStorage.setItem(UPDATE_STATE_KEY, JSON.stringify({
+      originalVer: originalVersion.current || info?.current,
+      startedAt: Date.now(),
+    }));
+    // Notify UpdateOverlay (same-tab, storage event doesn't fire for same-tab writes)
+    window.dispatchEvent(new Event('mindos:update-started'));
+
+    try {
+      await apiFetch('/api/update', { method: 'POST' });
+    } catch {
+      // Expected — server may die during update
+    }
+
+    startPolling();
+  }, [startPolling, info]);
+
   const handleRetry = useCallback(() => {
     setUpdateError(null);
     handleUpdate();

package/app/lib/i18n-en.ts

@@ -352,6 +352,8 @@ export const en = {
       skillBuiltin: 'Built-in',
       skillUser: 'Custom',
       addSkill: '+ Add Skill',
+      cliInstallHint: 'Install via CLI:',
+      skillPathHint: 'Skill files installed at:',
       deleteSkill: 'Delete',
       editSkill: 'Edit',
       saveSkill: 'Save',
@@ -415,6 +417,8 @@ export const en = {
       mcpServer: 'MCP Server',
       running: 'Running',
       stopped: 'Not running',
+      restarting: 'Restarting...',
+      restart: 'Restart',
       onPort: (port: number) => `on :${port}`,
       refresh: 'Refresh',
       refreshing: 'Refreshing...',

package/app/lib/i18n-zh.ts

@@ -377,6 +377,8 @@ export const zh = {
       skillBuiltin: '内置',
       skillUser: '自定义',
       addSkill: '+ 添加 Skill',
+      cliInstallHint: '通过命令行安装：',
+      skillPathHint: 'Skill 文件安装路径：',
       deleteSkill: '删除',
       editSkill: '编辑',
       saveSkill: '保存',
@@ -440,6 +442,8 @@ export const zh = {
       mcpServer: 'MCP 服务器',
       running: '运行中',
       stopped: '未运行',
+      restarting: '重启中...',
+      restart: '重启',
       onPort: (port: number) => `端口 :${port}`,
       refresh: '刷新',
       refreshing: '刷新中...',

package/app/lib/mcp-agents.ts

@@ -3,6 +3,16 @@ import path from 'path';
 import os from 'os';
 import { execSync } from 'child_process';
 
+/** Parse JSONC — strips single-line (//) and block comments before JSON.parse */
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+function parseJsonc(text: string): any {
+  // Strip single-line comments (not inside strings)
+  let stripped = text.replace(/\\"|"(?:\\"|[^"])*"|(\/\/.*$)/gm, (m, g) => g ? '' : m);
+  // Strip block comments
+  stripped = stripped.replace(/\/\*[\s\S]*?\*\//g, '');
+  return JSON.parse(stripped);
+}
+
 export function expandHome(p: string): string {
   return p.startsWith('~/') ? path.resolve(os.homedir(), p.slice(2)) : p;
 }
@@ -91,11 +101,11 @@ export const MCP_AGENTS: Record<string, AgentDef> = {
   'codebuddy': {
     name: 'CodeBuddy',
     project: null,
-    global: '~/.claude-internal/.claude.json',
+    global: '~/.codebuddy/mcp.json',
     key: 'mcpServers',
     preferredTransport: 'stdio',
-    presenceCli: 'claude-internal',
-    presenceDirs: ['~/.claude-internal/'],
+    presenceCli: 'codebuddy',
+    presenceDirs: ['~/.codebuddy/'],
   },
   'iflow-cli': {
     name: 'iFlow CLI',
@@ -227,7 +237,7 @@ export function detectInstalled(agentKey: string): { installed: boolean; scope?:
         }
       } else {
         // JSON format (default)
-        const config = JSON.parse(content);
+        const config = parseJsonc(content);
         const servers = config[agent.key];
         if (servers?.mindos) {
           const entry = servers.mindos;

package/app/next-env.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="next" />
 /// <reference types="next/image-types/global" />
-import "./.next/types/routes.d.ts";
+import "./.next/dev/types/routes.d.ts";
 
 // NOTE: This file should not be edited
 // see https://nextjs.org/docs/app/api-reference/config/typescript for more information.