@geminilight/mindos 0.5.3 → 0.5.6

package/app/components/SetupWizard.tsx

@@ -4,7 +4,7 @@ import { useState, useEffect, useCallback, useRef } from 'react';
 import {
   Sparkles, Globe, BookOpen, FileText, Copy, Check, RefreshCw,
   Loader2, ChevronLeft, ChevronRight, AlertTriangle, CheckCircle2,
-  XCircle, Zap, Brain, SkipForward,
+  XCircle, Zap, Brain, SkipForward, Info,
 } from 'lucide-react';
 import { useLocale } from '@/lib/LocaleContext';
 import { Field, Input, Select, ApiKeyInput } from '@/components/settings/Primitives';
@@ -39,12 +39,16 @@ interface AgentEntry {
   installed: boolean;
   hasProjectScope: boolean;
   hasGlobalScope: boolean;
+  preferredTransport: 'stdio' | 'http';
 }
 
 type AgentInstallState = 'pending' | 'installing' | 'ok' | 'error';
 interface AgentInstallStatus {
   state: AgentInstallState;
   message?: string;
+  transport?: string;
+  verified?: boolean;
+  verifyError?: string;
 }
 
 const TEMPLATES: Array<{ id: Template; icon: React.ReactNode; dirs: string[] }> = [
@@ -469,7 +473,7 @@ function Step3({
         <p className="text-xs" style={{ color: 'var(--muted-foreground)' }}>{s.portVerifyHint}</p>
       )}
       <p className="text-xs flex items-center gap-1.5" style={{ color: 'var(--muted-foreground)' }}>
-        <AlertTriangle size={12} /> {s.portRestartWarning}
+        <Info size={12} /> {s.portRestartWarning}
       </p>
     </div>
   );
@@ -479,19 +483,20 @@ function Step3({
 function Step5({
   agents, agentsLoading, selectedAgents, setSelectedAgents,
   agentTransport, setAgentTransport, agentScope, setAgentScope,
-  agentStatuses, s, settingsMcp,
+  agentStatuses, s, settingsMcp, template,
 }: {
   agents: AgentEntry[];
   agentsLoading: boolean;
   selectedAgents: Set<string>;
   setSelectedAgents: React.Dispatch<React.SetStateAction<Set<string>>>;
-  agentTransport: 'stdio' | 'http';
-  setAgentTransport: (v: 'stdio' | 'http') => void;
+  agentTransport: 'auto' | 'stdio' | 'http';
+  setAgentTransport: (v: 'auto' | 'stdio' | 'http') => void;
   agentScope: 'global' | 'project';
   setAgentScope: (v: 'global' | 'project') => void;
   agentStatuses: Record<string, AgentInstallStatus>;
   s: ReturnType<typeof useLocale>['t']['setup'];
   settingsMcp: ReturnType<typeof useLocale>['t']['settings']['mcp'];
+  template: Template;
 }) {
   const toggleAgent = (key: string) => {
     setSelectedAgents(prev => {
@@ -501,6 +506,11 @@ function Step5({
     });
   };
 
+  const getEffectiveTransport = (agent: AgentEntry) => {
+    if (agentTransport === 'auto') return agent.preferredTransport;
+    return agentTransport;
+  };
+
   const getStatusBadge = (key: string, installed: boolean) => {
     const st = agentStatuses[key];
     if (st) {
@@ -567,13 +577,24 @@ function Step5({
                   disabled={agentStatuses[agent.key]?.state === 'installing'}
                 />
                 <span className="text-sm flex-1" style={{ color: 'var(--foreground)' }}>{agent.name}</span>
+                <span className="text-[10px] px-1.5 py-0.5 rounded font-mono"
+                  style={{ background: 'rgba(100,100,120,0.08)', color: 'var(--muted-foreground)' }}>
+                  {getEffectiveTransport(agent)}
+                </span>
                 {getStatusBadge(agent.key, agent.installed)}
               </label>
             ))}
           </div>
+          {/* Skill auto-install hint */}
+          <div className="flex items-center gap-2 px-3 py-2 rounded-lg text-xs"
+            style={{ background: 'rgba(100,100,120,0.06)', color: 'var(--muted-foreground)' }}>
+            <Brain size={13} className="shrink-0" />
+            <span>{s.skillAutoHint(template === 'zh' ? 'mindos-zh' : 'mindos')}</span>
+          </div>
           <div className="grid grid-cols-2 gap-4">
             <Field label={s.agentTransport}>
-              <Select value={agentTransport} onChange={e => setAgentTransport(e.target.value as 'stdio' | 'http')}>
+              <Select value={agentTransport} onChange={e => setAgentTransport(e.target.value as 'auto' | 'stdio' | 'http')}>
+                <option value="auto">{s.agentTransportAuto}</option>
                 <option value="stdio">{settingsMcp.transportStdio}</option>
                 <option value="http">{settingsMcp.transportHttp}</option>
               </Select>
@@ -660,6 +681,7 @@ function RestartBlock({ s, newPort }: { s: ReturnType<typeof useLocale>['t']['se
 // ─── Step 6: Review ───────────────────────────────────────────────────────────
 function Step6({
   state, selectedAgents, agentStatuses, onRetryAgent, error, needsRestart, maskKey, s,
+  skillInstallResult,
 }: {
   state: SetupState;
   selectedAgents: Set<string>;
@@ -669,7 +691,9 @@ function Step6({
   needsRestart: boolean;
   maskKey: (key: string) => string;
   s: ReturnType<typeof useLocale>['t']['setup'];
+  skillInstallResult: { ok?: boolean; skill?: string; error?: string } | null;
 }) {
+  const skillName = state.template === 'zh' ? 'mindos-zh' : 'mindos';
   const rows: [string, string][] = [
     [s.kbPath, state.mindRoot],
     [s.template, state.template || '—'],
@@ -683,9 +707,11 @@ function Step6({
     [s.authToken, state.authToken || '—'],
     [s.webPassword, state.webPassword ? '••••••••' : '(none)'],
     [s.agentToolsTitle, selectedAgents.size > 0 ? Array.from(selectedAgents).join(', ') : '—'],
+    [s.skillLabel, skillName],
   ];
 
   const failedAgents = Object.entries(agentStatuses).filter(([, v]) => v.state === 'error');
+  const successAgents = Object.entries(agentStatuses).filter(([, v]) => v.state === 'ok');
 
   return (
     <div className="space-y-5">
@@ -702,6 +728,43 @@ function Step6({
           </div>
         ))}
       </div>
+
+      {/* Agent verification results */}
+      {successAgents.length > 0 && (
+        <div className="space-y-1.5">
+          <p className="text-xs font-medium" style={{ color: 'var(--muted-foreground)' }}>{s.reviewInstallResults}</p>
+          {successAgents.map(([key, st]) => (
+            <div key={key} className="flex items-center gap-2 text-xs px-3 py-1.5 rounded"
+              style={{ background: 'rgba(34,197,94,0.06)' }}>
+              <CheckCircle2 size={11} className="text-green-500 shrink-0" />
+              <span style={{ color: 'var(--foreground)' }}>{key}</span>
+              <span className="font-mono text-[10px] px-1 py-0.5 rounded"
+                style={{ background: 'rgba(100,100,120,0.08)', color: 'var(--muted-foreground)' }}>
+                {st.transport || 'stdio'}
+              </span>
+              {st.transport === 'http' ? (
+                st.verified ? (
+                  <span className="text-[10px] px-1.5 py-0.5 rounded"
+                    style={{ background: 'rgba(34,197,94,0.12)', color: '#22c55e' }}>
+                    {s.agentVerified}
+                  </span>
+                ) : (
+                  <span className="text-[10px] px-1.5 py-0.5 rounded"
+                    style={{ background: 'rgba(239,168,68,0.12)', color: '#f59e0b' }}
+                    title={st.verifyError}>
+                    {s.agentUnverified}
+                  </span>
+                )
+              ) : (
+                <span className="text-[10px]" style={{ color: 'var(--muted-foreground)' }}>
+                  {s.agentVerifyNote}
+                </span>
+              )}
+            </div>
+          ))}
+        </div>
+      )}
+
       {failedAgents.length > 0 && (
         <div className="p-3 rounded-lg space-y-2" style={{ background: 'rgba(239,68,68,0.08)' }}>
           <p className="text-xs font-medium" style={{ color: '#ef4444' }}>{s.reviewInstallResults}</p>
@@ -723,6 +786,22 @@ function Step6({
           <p className="text-xs" style={{ color: 'var(--muted-foreground)' }}>{s.agentFailureNote}</p>
         </div>
       )}
+      {/* Skill install result */}
+      {skillInstallResult && (
+        <div className={`flex items-center gap-2 text-xs px-3 py-2 rounded-lg ${
+          skillInstallResult.ok ? '' : ''
+        }`} style={{
+          background: skillInstallResult.ok ? 'rgba(34,197,94,0.06)' : 'rgba(239,68,68,0.06)',
+        }}>
+          {skillInstallResult.ok ? (
+            <><CheckCircle2 size={11} className="text-green-500 shrink-0" />
+            <span style={{ color: 'var(--foreground)' }}>{s.skillInstalled} — {skillInstallResult.skill}</span></>
+          ) : (
+            <><XCircle size={11} className="text-red-500 shrink-0" />
+            <span style={{ color: '#ef4444' }}>{s.skillFailed}{skillInstallResult.error ? `: ${skillInstallResult.error}` : ''}</span></>
+          )}
+        </div>
+      )}
       {error && (
         <div className="p-3 rounded-lg text-sm text-red-500" style={{ background: 'rgba(239,68,68,0.1)' }}>
           {s.completeFailed}: {error}
@@ -798,9 +877,10 @@ export default function SetupWizard() {
   const [agents, setAgents] = useState<AgentEntry[]>([]);
   const [agentsLoading, setAgentsLoading] = useState(false);
   const [selectedAgents, setSelectedAgents] = useState<Set<string>>(new Set());
-  const [agentTransport, setAgentTransport] = useState<'stdio' | 'http'>('stdio');
+  const [agentTransport, setAgentTransport] = useState<'auto' | 'stdio' | 'http'>('auto');
   const [agentScope, setAgentScope] = useState<'global' | 'project'>('global');
   const [agentStatuses, setAgentStatuses] = useState<Record<string, AgentInstallStatus>>({});
+  const [skillInstallResult, setSkillInstallResult] = useState<{ ok?: boolean; skill?: string; error?: string } | null>(null);
 
   // Load existing config as defaults on mount, generate token if none exists
   useEffect(() => {
@@ -970,7 +1050,13 @@ export default function SetupWizard() {
       setAgentStatuses(initialStatuses);
 
       try {
-        const agentsPayload = Array.from(selectedAgents).map(key => ({ key, scope: agentScope }));
+        const agentsPayload = Array.from(selectedAgents).map(key => {
+          const agent = agents.find(a => a.key === key);
+          const effectiveTransport = agentTransport === 'auto'
+            ? (agent?.preferredTransport || 'stdio')
+            : agentTransport;
+          return { key, scope: agentScope, transport: effectiveTransport };
+        });
         const res = await fetch('/api/mcp/install', {
           method: 'POST',
           headers: { 'Content-Type': 'application/json' },
@@ -984,8 +1070,14 @@ export default function SetupWizard() {
         const data = await res.json();
         if (data.results) {
           const updated: Record<string, AgentInstallStatus> = {};
-          for (const r of data.results as Array<{ agent: string; status: string; message?: string }>) {
-            updated[r.agent] = { state: r.status === 'ok' ? 'ok' : 'error', message: r.message };
+          for (const r of data.results as Array<{ agent: string; status: string; message?: string; transport?: string; verified?: boolean; verifyError?: string }>) {
+            updated[r.agent] = {
+              state: r.status === 'ok' ? 'ok' : 'error',
+              message: r.message,
+              transport: r.transport,
+              verified: r.verified,
+              verifyError: r.verifyError,
+            };
           }
           setAgentStatuses(updated);
         }
@@ -996,6 +1088,20 @@ export default function SetupWizard() {
       }
     }
 
+    // 3. Install skill to agents
+    const skillName = state.template === 'zh' ? 'mindos-zh' : 'mindos';
+    try {
+      const skillRes = await fetch('/api/mcp/install-skill', {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({ skill: skillName, agents: Array.from(selectedAgents) }),
+      });
+      const skillData = await skillRes.json();
+      setSkillInstallResult(skillData);
+    } catch {
+      setSkillInstallResult({ error: 'Failed to install skill' });
+    }
+
     setSubmitting(false);
     setCompleted(true);
 
@@ -1009,11 +1115,15 @@ export default function SetupWizard() {
   const retryAgent = useCallback(async (key: string) => {
     setAgentStatuses(prev => ({ ...prev, [key]: { state: 'installing' } }));
     try {
+      const agent = agents.find(a => a.key === key);
+      const effectiveTransport = agentTransport === 'auto'
+        ? (agent?.preferredTransport || 'stdio')
+        : agentTransport;
       const res = await fetch('/api/mcp/install', {
         method: 'POST',
         headers: { 'Content-Type': 'application/json' },
         body: JSON.stringify({
-          agents: [{ key, scope: agentScope }],
+          agents: [{ key, scope: agentScope, transport: effectiveTransport }],
           transport: agentTransport,
           url: `http://localhost:${state.mcpPort}/mcp`,
           token: state.authToken || undefined,
@@ -1021,13 +1131,22 @@ export default function SetupWizard() {
       });
       const data = await res.json();
       if (data.results?.[0]) {
-        const r = data.results[0] as { agent: string; status: string; message?: string };
-        setAgentStatuses(prev => ({ ...prev, [key]: { state: r.status === 'ok' ? 'ok' : 'error', message: r.message } }));
+        const r = data.results[0] as { agent: string; status: string; message?: string; transport?: string; verified?: boolean; verifyError?: string };
+        setAgentStatuses(prev => ({
+          ...prev,
+          [key]: {
+            state: r.status === 'ok' ? 'ok' : 'error',
+            message: r.message,
+            transport: r.transport,
+            verified: r.verified,
+            verifyError: r.verifyError,
+          },
+        }));
       }
     } catch {
       setAgentStatuses(prev => ({ ...prev, [key]: { state: 'error' } }));
     }
-  }, [agentScope, agentTransport, state.mcpPort, state.authToken]);
+  }, [agents, agentScope, agentTransport, state.mcpPort, state.authToken]);
 
   return (
     <div className="fixed inset-0 z-50 flex items-center justify-center overflow-y-auto"
@@ -1075,6 +1194,7 @@ export default function SetupWizard() {
             agentTransport={agentTransport} setAgentTransport={setAgentTransport}
             agentScope={agentScope} setAgentScope={setAgentScope}
             agentStatuses={agentStatuses} s={s} settingsMcp={t.settings.mcp}
+            template={state.template}
           />
         )}
         {step === 5 && (
@@ -1083,6 +1203,7 @@ export default function SetupWizard() {
             agentStatuses={agentStatuses} onRetryAgent={retryAgent}
             error={error} needsRestart={needsRestart}
             maskKey={maskKey} s={s}
+            skillInstallResult={skillInstallResult}
           />
         )}
 

package/app/components/renderers/config/manifest.ts

@@ -8,6 +8,7 @@ export const manifest: RendererDefinition = {
   icon: '🧩',
   tags: ['config', 'json', 'settings', 'schema'],
   builtin: true,
+  core: true,
   entryPath: 'CONFIG.json',
   match: ({ filePath, extension }) => extension === 'json' && /(^|\/)CONFIG\.json$/i.test(filePath),
   load: () => import('./ConfigRenderer').then(m => ({ default: m.ConfigRenderer })),

package/app/components/renderers/csv/CsvRenderer.tsx

@@ -1,10 +1,11 @@
 'use client';
 
-import { useState, useMemo, useCallback, useEffect } from 'react';
+import { useMemo, useCallback, useState } from 'react';
 import { LayoutGrid, Columns, Table2, Settings2 } from 'lucide-react';
 import type { RendererContext } from '@/lib/renderers/registry';
 import type { ViewType, CsvConfig } from './types';
-import { defaultConfig, loadConfig, saveConfig, parseCSV } from './types';
+import { defaultConfig, parseCSV } from './types';
+import { useRendererState } from '@/lib/renderers/useRendererState';
 import { TableView } from './TableView';
 import { GalleryView } from './GalleryView';
 import { BoardView } from './BoardView';
@@ -18,21 +19,14 @@ const VIEW_TABS: { id: ViewType; icon: React.ReactNode; label: string }[] = [
 
 export function CsvRenderer({ filePath, content, saveAction }: RendererContext) {
   const { headers, rows } = useMemo(() => parseCSV(content), [content]);
-  const [cfg, setCfg] = useState<CsvConfig>(() => defaultConfig(headers));
-  const [configLoaded, setConfigLoaded] = useState(false);
+  const def = useMemo(() => defaultConfig(headers), [headers]);
+  const [cfg, setCfg] = useRendererState<CsvConfig>('csv', filePath, def);
   const [showConfig, setShowConfig] = useState(false);
 
-  useEffect(() => {
-    setCfg(loadConfig(filePath, headers));
-    setConfigLoaded(true);
-  }, [filePath]); // eslint-disable-line react-hooks/exhaustive-deps
-
   const updateConfig = useCallback((next: CsvConfig) => {
     setCfg(next);
-    saveConfig(filePath, next);
-  }, [filePath]);
+  }, [setCfg]);
 
-  if (!configLoaded) return null;
   const view = cfg.activeView;
 
   return (

package/app/components/renderers/csv/manifest.ts

@@ -8,6 +8,7 @@ export const manifest: RendererDefinition = {
   icon: '📊',
   tags: ['csv', 'table', 'gallery', 'board', 'data'],
   builtin: true,
+  core: true,
   entryPath: 'Resources/Products.csv',
   match: ({ extension, filePath }) => extension === 'csv' && !/\bTODO\b/i.test(filePath),
   load: () => import('./CsvRenderer').then(m => ({ default: m.CsvRenderer })),

package/app/components/renderers/graph/manifest.ts

@@ -8,7 +8,8 @@ export const manifest: RendererDefinition = {
   icon: '🕸️',
   tags: ['graph', 'wiki', 'links', 'visualization'],
   builtin: true,
-  entryPath: 'README.md',
-  match: ({ extension }) => extension === 'md',
+  // No entryPath — Graph is a global toggle, not bound to a specific file.
+  // Graph is opt-in via a global toggle; never auto-match in the registry.
+  match: () => false,
   load: () => import('./GraphRenderer').then(m => ({ default: m.GraphRenderer })),
 };

package/app/components/renderers/todo/manifest.ts

@@ -8,6 +8,7 @@ export const manifest: RendererDefinition = {
   icon: '✅',
   tags: ['productivity', 'tasks', 'markdown'],
   builtin: true,
+  core: true,
   entryPath: 'TODO.md',
   match: ({ filePath }) => /\bTODO\b.*\.(md|csv)$/i.test(filePath),
   load: () => import('./TodoRenderer').then(m => ({ default: m.TodoRenderer })),

package/app/components/settings/McpTab.tsx

@@ -28,6 +28,7 @@ interface AgentInfo {
   configPath?: string;
   hasProjectScope: boolean;
   hasGlobalScope: boolean;
+  preferredTransport: 'stdio' | 'http';
 }
 
 interface SkillInfo {
@@ -133,13 +134,18 @@ function ServerStatus({ status, t }: { status: McpStatus | null; t: any }) {
 function AgentInstall({ agents, t, onRefresh }: { agents: AgentInfo[]; t: any; onRefresh: () => void }) {
   const m = t.settings?.mcp;
   const [selected, setSelected] = useState<Set<string>>(new Set());
-  const [transport, setTransport] = useState<'stdio' | 'http'>('stdio');
+  const [transport, setTransport] = useState<'auto' | 'stdio' | 'http'>('auto');
   const [httpUrl, setHttpUrl] = useState('http://localhost:8787/mcp');
   const [httpToken, setHttpToken] = useState('');
   const [scopes, setScopes] = useState<Record<string, 'project' | 'global'>>({});
   const [installing, setInstalling] = useState(false);
   const [message, setMessage] = useState<{ type: 'success' | 'error'; text: string } | null>(null);
 
+  const getEffectiveTransport = (agent: AgentInfo) => {
+    if (transport === 'auto') return agent.preferredTransport;
+    return transport;
+  };
+
   const toggle = (key: string) => {
     setSelected(prev => {
       const next = new Set(prev);
@@ -154,12 +160,21 @@ function AgentInstall({ agents, t, onRefresh }: { agents: AgentInfo[]; t: any; o
     setMessage(null);
     try {
       const payload = {
-        agents: [...selected].map(key => ({
-          key,
-          scope: scopes[key] || (agents.find(a => a.key === key)?.hasProjectScope ? 'project' : 'global'),
-        })),
+        agents: [...selected].map(key => {
+          const agent = agents.find(a => a.key === key);
+          const effectiveTransport = transport === 'auto'
+            ? (agent?.preferredTransport || 'stdio')
+            : transport;
+          return {
+            key,
+            scope: scopes[key] || (agents.find(a => a.key === key)?.hasProjectScope ? 'project' : 'global'),
+            transport: effectiveTransport,
+          };
+        }),
         transport,
         ...(transport === 'http' ? { url: httpUrl, token: httpToken } : {}),
+        // For auto mode, pass http settings for agents that need it
+        ...(transport === 'auto' ? { url: httpUrl, token: httpToken } : {}),
       };
       const res = await apiFetch<{ results: Array<{ agent: string; status: string; message?: string }> }>('/api/mcp/install', {
         method: 'POST',
@@ -183,6 +198,12 @@ function AgentInstall({ agents, t, onRefresh }: { agents: AgentInfo[]; t: any; o
     }
   };
 
+  // Show http fields if transport is 'http', or 'auto' with any http-preferred agent selected
+  const showHttpFields = transport === 'http' || (transport === 'auto' && [...selected].some(key => {
+    const agent = agents.find(a => a.key === key);
+    return agent?.preferredTransport === 'http';
+  }));
+
   return (
     <div className="space-y-3">
       <SectionLabel>{m?.agentsTitle ?? 'Agent Configuration'}</SectionLabel>
@@ -198,6 +219,10 @@ function AgentInstall({ agents, t, onRefresh }: { agents: AgentInfo[]; t: any; o
               className="rounded border-border accent-amber-500"
             />
             <span className="w-28 shrink-0 text-xs">{agent.name}</span>
+            <span className="text-[10px] px-1.5 py-0.5 rounded font-mono"
+              style={{ background: 'rgba(100,100,120,0.08)' }}>
+              {getEffectiveTransport(agent)}
+            </span>
             {agent.installed ? (
               <>
                 <span className="text-[10px] px-1.5 py-0.5 rounded bg-green-500/15 text-green-500 font-mono">
@@ -225,6 +250,16 @@ function AgentInstall({ agents, t, onRefresh }: { agents: AgentInfo[]; t: any; o
 
       {/* Transport selector */}
       <div className="flex items-center gap-4 text-xs pt-1">
+        <label className="flex items-center gap-1.5 cursor-pointer">
+          <input
+            type="radio"
+            name="transport"
+            checked={transport === 'auto'}
+            onChange={() => setTransport('auto')}
+            className="accent-amber-500"
+          />
+          {m?.transportAuto ?? 'auto (recommended)'}
+        </label>
         <label className="flex items-center gap-1.5 cursor-pointer">
           <input
             type="radio"
@@ -233,7 +268,7 @@ function AgentInstall({ agents, t, onRefresh }: { agents: AgentInfo[]; t: any; o
             onChange={() => setTransport('stdio')}
             className="accent-amber-500"
           />
-          {m?.transportStdio ?? 'stdio (recommended)'}
+          {m?.transportStdio ?? 'stdio'}
         </label>
         <label className="flex items-center gap-1.5 cursor-pointer">
           <input
@@ -248,7 +283,7 @@ function AgentInstall({ agents, t, onRefresh }: { agents: AgentInfo[]; t: any; o
       </div>
 
       {/* HTTP settings */}
-      {transport === 'http' && (
+      {showHttpFields && (
         <div className="space-y-2 pl-5 text-xs">
           <div className="space-y-1">
             <label className="text-muted-foreground">{m?.httpUrl ?? 'MCP URL'}</label>
@@ -379,6 +414,49 @@ function SkillsSection({ t }: { t: any }) {
     <div className="space-y-3">
       <SectionLabel>{m?.skillsTitle ?? 'Skills'}</SectionLabel>
 
+      {/* Skill language switcher */}
+      {(() => {
+        const mindosEnabled = skills.find(s => s.name === 'mindos')?.enabled ?? true;
+        const currentLang = mindosEnabled ? 'en' : 'zh';
+        const handleLangSwitch = async (lang: 'en' | 'zh') => {
+          if (lang === currentLang) return;
+          if (lang === 'en') {
+            await handleToggle('mindos', true);
+            await handleToggle('mindos-zh', false);
+          } else {
+            await handleToggle('mindos-zh', true);
+            await handleToggle('mindos', false);
+          }
+        };
+        return (
+          <div className="flex items-center gap-2 text-xs">
+            <span className="text-muted-foreground">{m?.skillLanguage ?? 'Skill Language'}</span>
+            <div className="flex rounded-md border border-border overflow-hidden">
+              <button
+                onClick={() => handleLangSwitch('en')}
+                className={`px-2.5 py-1 text-xs transition-colors ${
+                  currentLang === 'en'
+                    ? 'bg-amber-500/15 text-amber-600 font-medium'
+                    : 'text-muted-foreground hover:bg-muted'
+                }`}
+              >
+                {m?.skillLangEn ?? 'English'}
+              </button>
+              <button
+                onClick={() => handleLangSwitch('zh')}
+                className={`px-2.5 py-1 text-xs transition-colors border-l border-border ${
+                  currentLang === 'zh'
+                    ? 'bg-amber-500/15 text-amber-600 font-medium'
+                    : 'text-muted-foreground hover:bg-muted'
+                }`}
+              >
+                {m?.skillLangZh ?? '中文'}
+              </button>
+            </div>
+          </div>
+        );
+      })()}
+
       {skills.map(skill => (
         <div key={skill.name} className="border border-border rounded-lg overflow-hidden">
           <div

package/app/components/settings/PluginsTab.tsx

@@ -19,7 +19,8 @@ export function PluginsTab({ pluginStates, setPluginStates, t }: PluginsTabProps
       ) : (
         <div className="flex flex-col gap-3">
           {getAllRenderers().map(renderer => {
-            const enabled = pluginStates[renderer.id] ?? true;
+            const isCore = !!renderer.core;
+            const enabled = isCore ? true : (pluginStates[renderer.id] ?? true);
             return (
               <div
                 key={renderer.id}
@@ -31,7 +32,12 @@ export function PluginsTab({ pluginStates, setPluginStates, t }: PluginsTabProps
                     <div className="min-w-0">
                       <div className="flex items-center gap-2 flex-wrap">
                         <span className="text-sm font-medium text-foreground">{renderer.name}</span>
-                        {renderer.builtin && (
+                        {isCore && (
+                          <span className="text-[10px] px-1.5 py-0.5 rounded bg-amber-600/15 text-amber-600 font-mono">
+                            core
+                          </span>
+                        )}
+                        {renderer.builtin && !isCore && (
                           <span className="text-[10px] px-1.5 py-0.5 rounded bg-muted text-muted-foreground font-mono">
                             {t.settings.plugins.builtinBadge}
                           </span>
@@ -51,21 +57,30 @@ export function PluginsTab({ pluginStates, setPluginStates, t }: PluginsTabProps
                     </div>
                   </div>
 
-                  <button
-                    onClick={() => {
-                      const next = !enabled;
-                      setRendererEnabled(renderer.id, next);
-                      setPluginStates(s => ({ ...s, [renderer.id]: next }));
-                    }}
-                    role="switch"
-                    aria-checked={enabled}
-                    className={`shrink-0 w-9 h-5 rounded-full transition-colors relative ${enabled ? 'bg-amber-600' : 'bg-muted border border-border'}`}
-                    title={enabled ? t.settings.plugins.enabled : t.settings.plugins.disabled}
-                  >
+                  {isCore ? (
                     <span
-                      className={`absolute top-[3px] w-3.5 h-3.5 rounded-full shadow-sm transition-all ${enabled ? 'left-[18px] bg-white' : 'left-[3px] bg-muted-foreground/50'}`}
-                    />
-                  </button>
+                      className="shrink-0 w-9 h-5 rounded-full bg-amber-600 relative cursor-not-allowed opacity-60"
+                      title={t.settings.plugins.coreHint ?? 'Core renderer — always enabled'}
+                    >
+                      <span className="absolute top-[3px] left-[18px] w-3.5 h-3.5 rounded-full shadow-sm bg-white" />
+                    </span>
+                  ) : (
+                    <button
+                      onClick={() => {
+                        const next = !enabled;
+                        setRendererEnabled(renderer.id, next);
+                        setPluginStates(s => ({ ...s, [renderer.id]: next }));
+                      }}
+                      role="switch"
+                      aria-checked={enabled}
+                      className={`shrink-0 w-9 h-5 rounded-full transition-colors relative ${enabled ? 'bg-amber-600' : 'bg-muted border border-border'}`}
+                      title={enabled ? t.settings.plugins.enabled : t.settings.plugins.disabled}
+                    >
+                      <span
+                        className={`absolute top-[3px] w-3.5 h-3.5 rounded-full shadow-sm transition-all ${enabled ? 'left-[18px] bg-white' : 'left-[3px] bg-muted-foreground/50'}`}
+                      />
+                    </button>
+                  )}
                 </div>
               </div>
             );