@geminilight/mindos 0.6.39 → 0.6.40

package/_standalone/components/settings/KnowledgeTab.tsx

@@ -1,7 +1,7 @@
 'use client';
 
 import { useState, useEffect, useCallback, useSyncExternalStore, useRef } from 'react';
-import { Copy, Check, RefreshCw, Trash2, Sparkles, ChevronDown, ChevronRight, Loader2, Cpu, Zap, Database as DatabaseIcon, HardDrive, RotateCcw } from 'lucide-react';
+import { Copy, Check, RefreshCw, Trash2, Sparkles, ChevronDown, ChevronRight, Loader2, Cpu, Zap, Database as DatabaseIcon, HardDrive, RotateCcw, FlaskConical } from 'lucide-react';
 import { toast } from '@/lib/toast';
 import type { KnowledgeTabProps } from './types';
 import { Field, Input, EnvBadge, SectionLabel, Toggle, SettingCard, SettingRow } from './Primitives';
@@ -15,6 +15,15 @@ import { scanExampleFilesAction, cleanupExamplesAction } from '@/lib/actions';
 export function KnowledgeTab({ data, setData, t }: KnowledgeTabProps) {
   const env = data.envOverrides ?? {};
   const k = t.settings.knowledge;
+  const a = t.settings.appearance;
+
+  // Labs feature flags
+  const [labsEcho, setLabsEcho] = useState(() =>
+    typeof window !== 'undefined' ? localStorage.getItem('mindos:labs-echo') === '1' : false
+  );
+  const [labsWorkflows, setLabsWorkflows] = useState(() =>
+    typeof window !== 'undefined' ? localStorage.getItem('mindos:labs-workflows') === '1' : false
+  );
 
   // Hidden files toggle
   const [showHidden, setShowHidden] = useState(() =>
@@ -139,12 +148,12 @@ export function KnowledgeTab({ data, setData, t }: KnowledgeTabProps) {
       {/* ── Card 1: Knowledge Base ── */}
       <SettingCard
         icon={<DatabaseIcon size={15} />}
-        title="Knowledge Base"
-        description={k.sopRootHint}
+        title={k.cardTitle ?? 'Knowledge Base'}
+        description={k.mindRootHint}
       >
         <Field
-          label={<>{k.sopRoot} <EnvBadge overridden={env.MIND_ROOT} /></>}
-          hint={env.MIND_ROOT ? k.envNote : k.sopRootHint}
+          label={<>{k.mindRoot} <EnvBadge overridden={env.MIND_ROOT} /></>}
+          hint={env.MIND_ROOT ? k.envNote : k.mindRootHint}
         >
           <Input
             value={data.mindRoot}
@@ -186,7 +195,7 @@ export function KnowledgeTab({ data, setData, t }: KnowledgeTabProps) {
       {/* ── Card 2: Security ── */}
       <SettingCard
         icon={<HardDrive size={15} />}
-        title="Security"
+        title={k.securityTitle ?? 'Security'}
       >
         <Field label={k.webPassword} hint={k.webPasswordHint}>
           <div className="flex gap-2">
@@ -195,14 +204,14 @@ export function KnowledgeTab({ data, setData, t }: KnowledgeTabProps) {
               value={isPasswordMasked ? '••••••••' : (data.webPassword ?? '')}
               onChange={e => setData(d => d ? { ...d, webPassword: e.target.value } : d)}
               onFocus={() => { if (isPasswordMasked) setData(d => d ? { ...d, webPassword: '' } : d); }}
-              placeholder="Leave empty to disable"
+              placeholder={k.passwordPlaceholder ?? 'Leave empty to disable'}
             />
             <button
               type="button"
               onClick={() => setShowPassword(v => !v)}
               className="px-3 py-2 text-sm rounded-lg border border-border text-muted-foreground hover:text-foreground hover:bg-muted transition-colors shrink-0"
             >
-              {showPassword ? 'Hide' : 'Show'}
+              {showPassword ? (k.passwordHide ?? 'Hide') : (k.passwordShow ?? 'Show')}
             </button>
           </div>
         </Field>
@@ -215,7 +224,7 @@ export function KnowledgeTab({ data, setData, t }: KnowledgeTabProps) {
             {/* Token display */}
             <div className="flex items-center gap-2 px-3 py-2 bg-background border border-border rounded-lg min-h-[38px]">
               <code className="flex-1 text-xs font-mono text-foreground break-all select-all">
-                {displayToken || <span className="text-muted-foreground italic">— not set —</span>}
+                {displayToken || <span className="text-muted-foreground italic">{k.tokenNotSet ?? '— not set —'}</span>}
               </code>
               {displayToken && (
                 <button
@@ -233,7 +242,7 @@ export function KnowledgeTab({ data, setData, t }: KnowledgeTabProps) {
               <p className="text-xs text-muted-foreground">
                 {k.authTokenMcpPort}: <code className="font-mono">{data.mcpPort}</code>
                 {displayToken && (
-                  <> &nbsp;·&nbsp; MCP URL: <code className="font-mono select-all">
+                  <> &nbsp;·&nbsp; {k.mcpUrl ?? 'MCP URL'}: <code className="font-mono select-all">
                     {`${origin}:${data.mcpPort}/mcp`}
                   </code></>
                 )}
@@ -264,7 +273,7 @@ export function KnowledgeTab({ data, setData, t }: KnowledgeTabProps) {
             </div>
             {revealedToken && (
               <p className="text-xs text-[var(--amber-text)]">
-                New token generated. Copy it now — it won&apos;t be shown in full again.
+                {k.tokenGenerated}
               </p>
             )}
           </div>
@@ -290,15 +299,41 @@ export function KnowledgeTab({ data, setData, t }: KnowledgeTabProps) {
         </SettingCard>
       )}
 
+      {/* ── Card 4: Labs — experimental features ── */}
+      <SettingCard icon={<FlaskConical size={15} />} title={a.labsTitle ?? 'Labs'} description={a.labsDesc ?? 'Experimental features that are still in development.'}>
+        <div className="space-y-3">
+          <LabsToggle
+            label={a.labsEcho ?? 'Echo'}
+            description={a.labsEchoDesc ?? 'Reflective journaling powered by your notes.'}
+            checked={labsEcho}
+            onChange={v => {
+              setLabsEcho(v);
+              localStorage.setItem('mindos:labs-echo', v ? '1' : '0');
+              window.dispatchEvent(new Event('mindos:labs-changed'));
+            }}
+          />
+          <LabsToggle
+            label={a.labsWorkflows ?? 'Flows'}
+            description={a.labsWorkflowsDesc ?? 'Visual workflow automation for agents.'}
+            checked={labsWorkflows}
+            onChange={v => {
+              setLabsWorkflows(v);
+              localStorage.setItem('mindos:labs-workflows', v ? '1' : '0');
+              window.dispatchEvent(new Event('mindos:labs-changed'));
+            }}
+          />
+        </div>
+      </SettingCard>
+
       {/* System Monitoring — collapsible */}
-      <MonitoringSection />
+      <MonitoringSection k={k} />
 
       <ConfirmDialog
         open={showResetConfirm}
         title={k.authTokenReset ?? 'Regenerate Token'}
         message={k.authTokenResetConfirm}
         confirmLabel={k.authTokenReset ?? 'Regenerate'}
-        cancelLabel="Cancel"
+        cancelLabel={k.cancel ?? 'Cancel'}
         onConfirm={() => { setShowResetConfirm(false); doResetToken(); }}
         onCancel={() => setShowResetConfirm(false)}
       />
@@ -307,7 +342,7 @@ export function KnowledgeTab({ data, setData, t }: KnowledgeTabProps) {
         title={k.cleanupExamples ?? 'Cleanup Examples'}
         message={exampleCount !== null ? k.cleanupExamplesConfirm(exampleCount) : ''}
         confirmLabel={k.cleanupExamplesButton ?? 'Clean up'}
-        cancelLabel="Cancel"
+        cancelLabel={k.cancel ?? 'Cancel'}
         variant="destructive"
         onConfirm={async () => {
           setShowCleanupConfirm(false);
@@ -325,6 +360,36 @@ export function KnowledgeTab({ data, setData, t }: KnowledgeTabProps) {
   );
 }
 
+/* ── Labs Toggle ── */
+function LabsToggle({ label, description, checked, onChange }: {
+  label: string;
+  description: string;
+  checked: boolean;
+  onChange: (v: boolean) => void;
+}) {
+  return (
+    <label className="flex items-center gap-3 cursor-pointer group">
+      <div className="flex-1 min-w-0">
+        <span className="text-sm font-medium text-foreground block">{label}</span>
+        <span className="text-xs text-muted-foreground">{description}</span>
+      </div>
+      <button
+        type="button"
+        role="switch"
+        aria-checked={checked}
+        onClick={() => onChange(!checked)}
+        className={`relative w-9 h-5 rounded-full transition-colors shrink-0 ${
+          checked ? 'bg-[var(--amber)]' : 'bg-muted-foreground/20'
+        }`}
+      >
+        <span className={`absolute top-0.5 left-0.5 w-4 h-4 rounded-full bg-white shadow-sm transition-transform ${
+          checked ? 'translate-x-4' : 'translate-x-0'
+        }`} />
+      </button>
+    </label>
+  );
+}
+
 /* ── Inline Monitoring Section ── */
 
 interface MonitoringData {
@@ -348,7 +413,7 @@ interface MonitoringData {
   mcp: { running: boolean; port: number };
 }
 
-function MonitoringSection() {
+function MonitoringSection({ k }: { k: Record<string, unknown> }) {
   const [expanded, setExpanded] = useState(false);
   const [data, setData] = useState<MonitoringData | null>(null);
   const [loading, setLoading] = useState(false);
@@ -379,57 +444,57 @@ function MonitoringSection() {
       >
         {expanded ? <ChevronDown size={14} /> : <ChevronRight size={14} />}
         <Cpu size={12} />
-        System Monitoring
+        {(k.monitoringTitle as string) ?? 'System Monitoring'}
         {loading && <Loader2 size={10} className="animate-spin ml-1" />}
       </button>
 
       {expanded && data && (
         <div className="mt-3 grid grid-cols-2 gap-x-6 gap-y-2 text-xs">
           <div>
-            <span className="text-muted-foreground">Heap</span>
+            <span className="text-muted-foreground">{(k.monitorHeap as string) ?? 'Heap'}</span>
             <span className="ml-2 tabular-nums">{formatBytes(data.system.memory.heapUsed)} / {formatBytes(data.system.memory.heapTotal)}</span>
           </div>
           <div>
-            <span className="text-muted-foreground">RSS</span>
+            <span className="text-muted-foreground">{(k.monitorRss as string) ?? 'RSS'}</span>
             <span className="ml-2 tabular-nums">{formatBytes(data.system.memory.rss)}</span>
           </div>
           <div>
-            <span className="text-muted-foreground">Uptime</span>
+            <span className="text-muted-foreground">{(k.monitorUptime as string) ?? 'Uptime'}</span>
             <span className="ml-2 tabular-nums">{formatUptime(data.system.uptimeMs)}</span>
           </div>
           <div>
-            <span className="text-muted-foreground">Node</span>
+            <span className="text-muted-foreground">{(k.monitorNode as string) ?? 'Node'}</span>
             <span className="ml-2">{data.system.nodeVersion}</span>
           </div>
           <div>
-            <span className="text-muted-foreground">Requests</span>
+            <span className="text-muted-foreground">{(k.monitorRequests as string) ?? 'Requests'}</span>
             <span className="ml-2 tabular-nums">{data.application.agentRequests}</span>
           </div>
           <div>
-            <span className="text-muted-foreground">Tool Calls</span>
+            <span className="text-muted-foreground">{(k.monitorToolCalls as string) ?? 'Tool Calls'}</span>
             <span className="ml-2 tabular-nums">{data.application.toolExecutions}</span>
           </div>
           <div>
-            <span className="text-muted-foreground">Tokens</span>
+            <span className="text-muted-foreground">{(k.monitorTokens as string) ?? 'Tokens'}</span>
             <span className="ml-2 tabular-nums">{(data.application.totalTokens.input + data.application.totalTokens.output).toLocaleString()}</span>
           </div>
           <div>
-            <span className="text-muted-foreground">Files</span>
+            <span className="text-muted-foreground">{(k.monitorFiles as string) ?? 'Files'}</span>
             <span className="ml-2 tabular-nums">{data.knowledgeBase.fileCount} ({formatBytes(data.knowledgeBase.totalSizeBytes)})</span>
           </div>
           <div>
             <span className="text-muted-foreground">MCP</span>
-            <span className="ml-2">{data.mcp.running ? `Running :${data.mcp.port}` : 'Stopped'}</span>
+            <span className="ml-2">{data.mcp.running ? ((k.monitorMcpRunning as (p: number) => string)?.(data.mcp.port) ?? `Running :${data.mcp.port}`) : ((k.monitorMcpStopped as string) ?? 'Stopped')}</span>
           </div>
           <div>
-            <span className="text-muted-foreground">Errors</span>
+            <span className="text-muted-foreground">{(k.monitorErrors as string) ?? 'Errors'}</span>
             <span className="ml-2 tabular-nums">{data.application.errors}</span>
           </div>
         </div>
       )}
 
       {expanded && !data && !loading && (
-        <p className="mt-2 text-xs text-muted-foreground">Failed to load monitoring data</p>
+        <p className="mt-2 text-xs text-muted-foreground">{(k.monitoringFailed as string) ?? 'Failed to load monitoring data'}</p>
       )}
     </div>
   );

package/_standalone/components/settings/McpAgentInstall.tsx

@@ -12,7 +12,7 @@ export default function AgentInstall({ agents, t, onRefresh }: McpAgentInstallPr
   const m = t.settings?.mcp;
   const [selected, setSelected] = useState<Set<string>>(new Set());
   const [transport, setTransport] = useState<'auto' | 'stdio' | 'http'>('auto');
-  const [httpUrl, setHttpUrl] = useState('http://localhost:8787/mcp');
+  const [httpUrl, setHttpUrl] = useState('http://localhost:8781/mcp');
   const [httpToken, setHttpToken] = useState('');
   const [scopes, setScopes] = useState<Record<string, 'project' | 'global'>>({});
   const [installing, setInstalling] = useState(false);

package/_standalone/components/settings/McpSkillsSection.tsx

@@ -7,7 +7,7 @@ import {
 } from 'lucide-react';
 import { toast } from '@/lib/toast';
 import { apiFetch } from '@/lib/api';
-import { useMcpDataOptional } from '@/hooks/useMcpData';
+import { useMcpDataOptional } from '@/lib/stores/mcp-store';
 import { ConfirmDialog } from '@/components/agents/AgentsPrimitives';
 import { copyToClipboard } from '@/lib/clipboard';
 import type { SkillInfo, McpSkillsSectionProps } from './types';

package/_standalone/components/settings/McpTab.tsx

@@ -1,7 +1,7 @@
-import { useState, useMemo, useRef, useEffect } from 'react';
-import { Loader2, Copy, Monitor, Globe, AlertCircle, RotateCcw, RefreshCw } from 'lucide-react';
+import { useState, useMemo, useRef, useEffect, useCallback } from 'react';
+import { Loader2, Copy, Check, Monitor, Globe, AlertCircle, RotateCcw, RefreshCw, Eye, EyeOff, ChevronDown, ChevronRight, Link2, Shield } from 'lucide-react';
 import { toast } from '@/lib/toast';
-import { useMcpDataOptional } from '@/hooks/useMcpData';
+import { useMcpDataOptional } from '@/lib/stores/mcp-store';
 import { generateSnippet } from '@/lib/mcp-snippets';
 import { copyToClipboard } from '@/lib/clipboard';
 import { apiFetch } from '@/lib/api';
@@ -11,9 +11,6 @@ import type { McpTabProps, McpStatus, AgentInfo } from './types';
 import AgentInstall from './McpAgentInstall';
 import SkillsSection from './McpSkillsSection';
 
-// Re-export types for backward compatibility
-export type { McpStatus, AgentInfo, SkillInfo, McpTabProps } from './types';
-
 /* ── Main McpTab ───────────────────────────────────────────────── */
 
 export function McpTab({ t }: McpTabProps) {
@@ -85,6 +82,9 @@ export function McpTab({ t }: McpTabProps) {
         m={m}
       />
 
+      {/* Connection Info — token + URL */}
+      <McpConnectionCard status={mcp.status} m={m} />
+
       {/* MCP Config Viewer */}
       {mcp.agents.length > 0 && (
         <div>
@@ -152,7 +152,7 @@ function McpStatusCard({ status, restarting, onRestart, onRefresh, m }: {
                 <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>
+                <span className="text-muted-foreground">{status.toolCount} {m?.tools ?? 'tools'}</span>
               </>
             )}
           </>
@@ -303,3 +303,141 @@ function AgentConfigViewer({ connectedAgents, detectedAgents, notFoundAgents, cu
     </div>
   );
 }
+
+/* ── MCP Connection Card (Token + URL + How-to) ── */
+
+function McpConnectionCard({ status, m }: {
+  status: McpStatus | null;
+  m: Record<string, any> | undefined;
+}) {
+  const [revealed, setRevealed] = useState(false);
+  const [howToOpen, setHowToOpen] = useState(false);
+  const [copiedField, setCopiedField] = useState<'token' | 'url' | null>(null);
+
+  // Auto-hide token when component unmounts (tab switch)
+  useEffect(() => () => setRevealed(false), []);
+
+  // Clear "copied" feedback after 2s
+  useEffect(() => {
+    if (!copiedField) return;
+    const t = setTimeout(() => setCopiedField(null), 2000);
+    return () => clearTimeout(t);
+  }, [copiedField]);
+
+  const handleCopy = useCallback(async (text: string, field: 'token' | 'url') => {
+    if (!text) return;
+    const ok = await copyToClipboard(text);
+    if (ok) {
+      setCopiedField(field);
+      toast.copy();
+    }
+  }, []);
+
+  if (!status) return null;
+
+  const hasToken = status.authConfigured && !!status.authToken;
+  const displayToken = revealed ? (status.authToken ?? '') : (status.maskedToken ?? '');
+  const serverUrl = status.endpoint || `http://127.0.0.1:${status.port}/mcp`;
+
+  return (
+    <div className="rounded-xl border border-border bg-card overflow-hidden">
+      {/* Header */}
+      <div className="flex items-center gap-2.5 px-4 pt-4 pb-1">
+        <div className="w-7 h-7 rounded-lg bg-[var(--amber-subtle)] flex items-center justify-center shrink-0">
+          <Link2 size={14} className="text-[var(--amber)]" />
+        </div>
+        <div className="flex-1 min-w-0">
+          <h3 className="text-sm font-semibold text-foreground">{m?.connectionTitle ?? 'Connection'}</h3>
+          <p className="text-xs text-muted-foreground">{m?.connectionHint ?? 'Use these credentials to connect AI agents.'}</p>
+        </div>
+      </div>
+
+      <div className="p-4 space-y-3">
+        {/* Auth Token */}
+        <div className="space-y-1.5">
+          <label className="flex items-center gap-1.5 text-xs font-medium text-muted-foreground uppercase tracking-wider">
+            <Shield size={11} />
+            {m?.tokenLabel ?? 'Auth Token'}
+          </label>
+          {hasToken ? (
+            <div className="flex items-center gap-2">
+              <div className="flex-1 flex items-center gap-2 px-3 py-2 bg-muted/50 border border-border rounded-lg min-h-[38px]">
+                <code className="flex-1 text-xs font-mono text-foreground break-all select-all leading-relaxed">
+                  {displayToken}
+                </code>
+              </div>
+              <button
+                type="button"
+                onClick={() => setRevealed(v => !v)}
+                className="shrink-0 p-2 rounded-lg border border-border text-muted-foreground hover:text-foreground hover:bg-muted transition-colors focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1"
+                title={revealed ? (m?.tokenHide ?? 'Hide') : (m?.tokenShow ?? 'Show')}
+              >
+                {revealed ? <EyeOff size={14} /> : <Eye size={14} />}
+              </button>
+              <button
+                type="button"
+                onClick={() => handleCopy(status.authToken ?? '', 'token')}
+                className={`shrink-0 p-2 rounded-lg border transition-colors focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1 ${
+                  copiedField === 'token'
+                    ? 'border-success/50 bg-success/10 text-success'
+                    : 'border-border text-muted-foreground hover:text-foreground hover:bg-muted'
+                }`}
+                title={m?.tokenCopy ?? 'Copy'}
+              >
+                {copiedField === 'token' ? <Check size={14} /> : <Copy size={14} />}
+              </button>
+            </div>
+          ) : (
+            <div className="px-3 py-2.5 bg-[var(--amber-subtle)] border border-[var(--amber)]/20 rounded-lg">
+              <p className="text-xs text-[var(--amber-text)]">{m?.tokenNone ?? 'No token set.'}</p>
+              <p className="text-xs text-muted-foreground mt-1">{m?.tokenNoneAction ?? 'Generate one in Settings \u2192 General \u2192 Security.'}</p>
+            </div>
+          )}
+        </div>
+
+        {/* Server URL */}
+        <div className="space-y-1.5">
+          <label className="flex items-center gap-1.5 text-xs font-medium text-muted-foreground uppercase tracking-wider">
+            <Globe size={11} />
+            {m?.serverUrl ?? 'MCP Server URL'}
+          </label>
+          <div className="flex items-center gap-2">
+            <div className="flex-1 flex items-center px-3 py-2 bg-muted/50 border border-border rounded-lg min-h-[38px]">
+              <code className="flex-1 text-xs font-mono text-foreground select-all">{serverUrl}</code>
+            </div>
+            <button
+              type="button"
+              onClick={() => handleCopy(serverUrl, 'url')}
+              className={`shrink-0 p-2 rounded-lg border transition-colors focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1 ${
+                copiedField === 'url'
+                  ? 'border-success/50 bg-success/10 text-success'
+                  : 'border-border text-muted-foreground hover:text-foreground hover:bg-muted'
+              }`}
+              title={m?.serverUrlCopy ?? 'Copy URL'}
+            >
+              {copiedField === 'url' ? <Check size={14} /> : <Copy size={14} />}
+            </button>
+          </div>
+        </div>
+
+        {/* How to connect (collapsible) */}
+        <button
+          type="button"
+          onClick={() => setHowToOpen(v => !v)}
+          className="flex items-center gap-1.5 text-xs text-muted-foreground hover:text-foreground transition-colors py-1 focus-visible:ring-2 focus-visible:ring-ring rounded"
+        >
+          {howToOpen ? <ChevronDown size={12} /> : <ChevronRight size={12} />}
+          {m?.howToConnect ?? 'How to connect an AI agent'}
+        </button>
+        {howToOpen && (
+          <ol className="ml-1 pl-3 border-l-2 border-border space-y-1.5 text-xs text-muted-foreground list-decimal list-inside">
+            <li>{m?.howToStep1 ?? 'Open your agent\'s MCP settings'}</li>
+            <li>{m?.howToStep2 ?? 'Add MCP server with the URL above'}</li>
+            <li>{m?.howToStep3 ?? 'Set Auth Token as bearer token'}</li>
+            <li>{m?.howToStep4 ?? 'Save and verify the connection'}</li>
+          </ol>
+        )}
+      </div>
+    </div>
+  );
+}

package/_standalone/components/settings/PluginsTab.tsx

@@ -31,7 +31,7 @@ export function PluginsTab({ pluginStates, setPluginStates, t }: PluginsTabProps
                         <span className="text-sm font-medium text-foreground">{renderer.name}</span>
                         {isCore && (
                           <span className="text-2xs px-1.5 py-0.5 rounded bg-[var(--amber-subtle)] text-[var(--amber-text)] font-mono">
-                            core
+                            {t.settings.plugins.coreBadge ?? 'core'}
                           </span>
                         )}
                         {renderer.builtin && !isCore && (

package/_standalone/components/settings/SettingsContent.tsx

@@ -3,7 +3,7 @@
 import { useEffect, useState, useCallback, useRef } from 'react';
 import { Settings, Loader2, AlertCircle, CheckCircle2, RotateCcw, Sparkles, Palette, Database, RefreshCw, Plug, Download, X, Trash2, HelpCircle } from 'lucide-react';
 import { useRouter } from 'next/navigation';
-import { useLocale } from '@/lib/LocaleContext';
+import { useLocale } from '@/lib/stores/locale-store';
 import { apiFetch } from '@/lib/api';
 import type { AiSettings, AgentSettings, SettingsData, Tab } from './types';
 import { AiTab } from './AiTab';
@@ -146,7 +146,10 @@ export default function SettingsContent({ visible, initialTab, variant, onClose
     if (!data) return;
     const defaults: AiSettings = {
       provider: 'anthropic',
-      providers: { anthropic: { apiKey: '', model: '' }, openai: { apiKey: '', model: '', baseUrl: '' } },
+      providers: {
+        anthropic: { apiKey: '', model: 'claude-sonnet-4-6' },
+        openai: { apiKey: '', model: 'gpt-5.4', baseUrl: '' },
+      },
     };
     setData(d => d ? { ...d, ai: defaults } : d);
     const DEBOUNCE_DELAY = 800;