@geminilight/mindos 0.5.9 → 0.5.11

package/README.md

@@ -417,7 +417,7 @@ MindOS/
 ~/.mindos/            # User data directory (outside project, never committed)
 ├── config.json       # All configuration (AI keys, port, auth token, sync settings)
 ├── sync-state.json   # Sync state (last sync time, conflicts)
-└── my-mind/          # Your private knowledge base (default path, customizable on onboard)
+└── mind/             # Your private knowledge base (default: ~/MindOS/mind, customizable on onboard)
 ```
 
 ---

package/app/app/api/settings/test-key/route.ts

@@ -0,0 +1,111 @@
+export const dynamic = 'force-dynamic';
+import { NextRequest, NextResponse } from 'next/server';
+import { effectiveAiConfig } from '@/lib/settings';
+
+const TIMEOUT = 10_000;
+
+type ErrorCode = 'auth_error' | 'model_not_found' | 'rate_limited' | 'network_error' | 'unknown';
+
+function classifyError(status: number, body: string): { code: ErrorCode; error: string } {
+  if (status === 401 || status === 403) return { code: 'auth_error', error: 'Invalid API key' };
+  if (status === 404) return { code: 'model_not_found', error: 'Model not found' };
+  if (status === 429) return { code: 'rate_limited', error: 'Rate limited' };
+  // Try to extract error message from response body
+  try {
+    const parsed = JSON.parse(body);
+    const msg = parsed?.error?.message || parsed?.error || '';
+    if (typeof msg === 'string' && msg.length > 0) return { code: 'unknown', error: msg.slice(0, 200) };
+  } catch { /* not JSON */ }
+  return { code: 'unknown', error: `HTTP ${status}` };
+}
+
+async function testAnthropic(apiKey: string, model: string): Promise<{ ok: boolean; latency?: number; code?: ErrorCode; error?: string }> {
+  const start = Date.now();
+  const ctrl = new AbortController();
+  const timer = setTimeout(() => ctrl.abort(), TIMEOUT);
+  try {
+    const res = await fetch('https://api.anthropic.com/v1/messages', {
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/json',
+        'x-api-key': apiKey,
+        'anthropic-version': '2023-06-01',
+      },
+      body: JSON.stringify({ model, max_tokens: 1, messages: [{ role: 'user', content: 'hi' }] }),
+      signal: ctrl.signal,
+    });
+    const latency = Date.now() - start;
+    if (res.ok) return { ok: true, latency };
+    const body = await res.text();
+    return { ok: false, ...classifyError(res.status, body) };
+  } catch (e: unknown) {
+    if (e instanceof Error && e.name === 'AbortError') return { ok: false, code: 'network_error', error: 'Request timed out' };
+    return { ok: false, code: 'network_error', error: e instanceof Error ? e.message : 'Network error' };
+  } finally {
+    clearTimeout(timer);
+  }
+}
+
+async function testOpenAI(apiKey: string, model: string, baseUrl: string): Promise<{ ok: boolean; latency?: number; code?: ErrorCode; error?: string }> {
+  const start = Date.now();
+  const ctrl = new AbortController();
+  const timer = setTimeout(() => ctrl.abort(), TIMEOUT);
+  const url = (baseUrl || 'https://api.openai.com/v1').replace(/\/+$/, '') + '/chat/completions';
+  try {
+    const res = await fetch(url, {
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/json',
+        'Authorization': `Bearer ${apiKey}`,
+      },
+      body: JSON.stringify({ model, max_tokens: 1, messages: [{ role: 'user', content: 'hi' }] }),
+      signal: ctrl.signal,
+    });
+    const latency = Date.now() - start;
+    if (res.ok) return { ok: true, latency };
+    const body = await res.text();
+    return { ok: false, ...classifyError(res.status, body) };
+  } catch (e: unknown) {
+    if (e instanceof Error && e.name === 'AbortError') return { ok: false, code: 'network_error', error: 'Request timed out' };
+    return { ok: false, code: 'network_error', error: e instanceof Error ? e.message : 'Network error' };
+  } finally {
+    clearTimeout(timer);
+  }
+}
+
+export async function POST(req: NextRequest) {
+  try {
+    const body = await req.json();
+    const { provider, apiKey, model, baseUrl } = body as {
+      provider?: string;
+      apiKey?: string;
+      model?: string;
+      baseUrl?: string;
+    };
+
+    if (provider !== 'anthropic' && provider !== 'openai') {
+      return NextResponse.json({ ok: false, code: 'unknown', error: 'Invalid provider' }, { status: 400 });
+    }
+
+    // Resolve actual API key: use provided key, fallback to config/env for masked or missing
+    const cfg = effectiveAiConfig();
+    let resolvedKey = apiKey || '';
+    if (!resolvedKey || resolvedKey === '***set***') {
+      resolvedKey = provider === 'anthropic' ? cfg.anthropicApiKey : cfg.openaiApiKey;
+    }
+
+    if (!resolvedKey) {
+      return NextResponse.json({ ok: false, code: 'auth_error', error: 'No API key configured' });
+    }
+
+    const resolvedModel = model || (provider === 'anthropic' ? cfg.anthropicModel : cfg.openaiModel);
+
+    const result = provider === 'anthropic'
+      ? await testAnthropic(resolvedKey, resolvedModel)
+      : await testOpenAI(resolvedKey, resolvedModel, baseUrl || cfg.openaiBaseUrl);
+
+    return NextResponse.json(result);
+  } catch (err) {
+    return NextResponse.json({ ok: false, code: 'unknown', error: String(err) }, { status: 500 });
+  }
+}

package/app/app/api/skills/route.ts

@@ -9,7 +9,7 @@ const PROJECT_ROOT = path.resolve(process.cwd(), '..');
 
 function getMindRoot(): string {
   const s = readSettings();
-  return s.mindRoot || process.env.MIND_ROOT || path.join(os.homedir(), 'MindOS');
+  return s.mindRoot || process.env.MIND_ROOT || path.join(os.homedir(), 'MindOS', 'mind');
 }
 
 interface SkillInfo {

package/app/app/api/sync/route.ts

@@ -95,25 +95,13 @@ export async function POST(req: NextRequest) {
           return NextResponse.json({ error: 'Sync already configured' }, { status: 400 });
         }
 
-        // Build the effective remote URL (inject token for HTTPS)
-        let effectiveRemote = remote;
-        if (isHTTPS && body.token) {
-          try {
-            const urlObj = new URL(remote);
-            urlObj.username = 'oauth2';
-            urlObj.password = body.token;
-            effectiveRemote = urlObj.toString();
-          } catch {
-            return NextResponse.json({ error: 'Invalid remote URL' }, { status: 400 });
-          }
-        }
-
         const branch = body.branch?.trim() || 'main';
 
-        // Call CLI's sync init via execFile (avoids module resolution issues with Turbopack)
+        // Call CLI's sync init — pass clean remote + token separately (never embed token in URL)
         try {
           const cliPath = resolve(process.cwd(), '..', 'bin', 'cli.js');
-          const args = ['sync', 'init', '--non-interactive', '--remote', effectiveRemote, '--branch', branch];
+          const args = ['sync', 'init', '--non-interactive', '--remote', remote, '--branch', branch];
+          if (body.token) args.push('--token', body.token);
 
           await new Promise<void>((res, rej) => {
             execFile('node', [cliPath, ...args], { timeout: 30000 }, (err, stdout, stderr) => {
@@ -132,23 +120,20 @@ export async function POST(req: NextRequest) {
         if (!isGitRepo(mindRoot)) {
           return NextResponse.json({ error: 'Not a git repository' }, { status: 400 });
         }
-        // Pull
-        try { execSync('git pull --rebase --autostash', { cwd: mindRoot, stdio: 'pipe' }); } catch {
-          try { execSync('git rebase --abort', { cwd: mindRoot, stdio: 'pipe' }); } catch {}
-          try { execSync('git pull --no-rebase', { cwd: mindRoot, stdio: 'pipe' }); } catch {}
-        }
-        // Commit + push
-        execSync('git add -A', { cwd: mindRoot, stdio: 'pipe' });
-        const status = execSync('git status --porcelain', { cwd: mindRoot, encoding: 'utf-8' }).trim();
-        if (status) {
-          const timestamp = new Date().toISOString().replace('T', ' ').slice(0, 19);
-          execSync(`git commit -m "auto-sync: ${timestamp}"`, { cwd: mindRoot, stdio: 'pipe' });
-          execSync('git push', { cwd: mindRoot, stdio: 'pipe' });
+        // Delegate to CLI for unified conflict handling
+        try {
+          const cliPath = resolve(process.cwd(), '..', 'bin', 'cli.js');
+          await new Promise<void>((res, rej) => {
+            execFile('node', [cliPath, 'sync', 'now'], { timeout: 60000 }, (err, stdout, stderr) => {
+              if (err) rej(new Error(stderr?.trim() || err.message));
+              else res();
+            });
+          });
+          return NextResponse.json({ ok: true });
+        } catch (err: unknown) {
+          const errMsg = err instanceof Error ? err.message : String(err);
+          return NextResponse.json({ error: errMsg }, { status: 500 });
         }
-        const state = loadSyncState();
-        state.lastSync = new Date().toISOString();
-        writeFileSync(SYNC_STATE_PATH, JSON.stringify(state, null, 2) + '\n');
-        return NextResponse.json({ ok: true });
       }
 
       case 'on': {

package/app/app/globals.css

@@ -28,6 +28,7 @@
   --color-destructive: var(--destructive);
   --color-success: var(--success);
   --color-error: var(--error);
+  --color-amber-foreground: var(--amber-foreground);
   --color-accent-foreground: var(--accent-foreground);
   --color-accent: var(--accent);
   --color-muted-foreground: var(--muted-foreground);
@@ -65,7 +66,7 @@ body {
   --secondary: #e8e4db;
   --secondary-foreground: #1c1a17;
   --muted: #e8e4db;
-  --muted-foreground: #7a7568;
+  --muted-foreground: #685f52;
   --accent: #d9d3c6;
   --accent-foreground: #1c1a17;
   --destructive: oklch(0.58 0.22 27);
@@ -75,6 +76,7 @@ body {
   --radius: 0.5rem;
   --amber: #c8873a;
   --amber-dim: rgba(200, 135, 58, 0.12);
+  --amber-foreground: #131210;
   --success: #7aad80;
   --error: #c85050;
   --sidebar: #ede9e1;
@@ -108,6 +110,7 @@ body {
   --ring: var(--amber);
   --amber: #d4954a;
   --amber-dim: rgba(212, 149, 74, 0.12);
+  --amber-foreground: #131210;
   --success: #7aad80;
   --error: #c85050;
   --sidebar: #1c1a17;
@@ -282,6 +285,11 @@ body {
   -webkit-backdrop-filter: blur(8px);
 }
 
+/* Micro type scale: text-2xs = 10px (between nothing and text-xs 12px) */
+@layer utilities {
+  .text-2xs { font-size: 10px; line-height: 1.4; }
+}
+
 /* Hide scrollbar but keep scroll functionality */
 .scrollbar-none { -ms-overflow-style: none; scrollbar-width: none; }
 .scrollbar-none::-webkit-scrollbar { display: none; }
@@ -341,7 +349,7 @@ a:focus-visible,
 /* Selection */
 .wysiwyg-editor ::selection {
   background: var(--amber);
-  color: #131210;
+  color: var(--amber-foreground);
   opacity: 0.35;
 }
 

package/app/app/login/page.tsx

@@ -101,7 +101,7 @@ function LoginForm() {
           <button
             type="submit"
             disabled={loading || !password}
-            className="w-full flex items-center justify-center gap-2 py-2 px-4 rounded-lg text-sm font-medium transition-opacity disabled:opacity-50 disabled:cursor-not-allowed mt-2 bg-[var(--amber)] text-[#131210]"
+            className="w-full flex items-center justify-center gap-2 py-2 px-4 rounded-lg text-sm font-medium transition-opacity disabled:opacity-50 disabled:cursor-not-allowed mt-2 bg-[var(--amber)] text-[var(--amber-foreground)]"
           >
             {loading ? (
               <Loader2 size={14} className="animate-spin" />

package/app/app/view/[...path]/ViewPageClient.tsx

@@ -118,6 +118,11 @@ export default function ViewPageClient({
       setSaveError('Please enter a file name');
       return;
     }
+    // Reject path traversal and illegal filename characters
+    if (/[/\\:*?"<>|]/.test(trimmed) || trimmed.includes('..')) {
+      setSaveError('File name contains invalid characters');
+      return;
+    }
     if (!createDraftAction) {
       setSaveError('Draft save is not available');
       return;
@@ -283,7 +288,7 @@ export default function ViewPageClient({
                   onClick={isDraft && showSaveAs ? handleConfirmDraftSave : handleSave}
                   disabled={isPending}
                   className="flex items-center gap-1.5 px-3 py-1.5 rounded-md text-xs font-medium disabled:opacity-50 font-display"
-                  style={{ background: 'var(--amber)', color: '#131210' }}
+                  style={{ background: 'var(--amber)', color: 'var(--amber-foreground)' }}
                 >
                   {isPending ? <Loader2 size={13} className="animate-spin" /> : <Save size={13} />}
                   <span className="hidden sm:inline">Save</span>

package/app/app/view/[...path]/not-found.tsx

@@ -69,7 +69,7 @@ export default function ViewNotFound() {
             onClick={handleCreate}
             disabled={creating}
             className="flex items-center gap-2 px-4 py-2.5 text-sm font-medium rounded-lg transition-colors disabled:opacity-50"
-            style={{ background: 'var(--amber)', color: '#131210' }}
+            style={{ background: 'var(--amber)', color: 'var(--amber-foreground)' }}
           >
             <FilePlus size={14} />
             {creating

package/app/components/AskModal.tsx

@@ -289,7 +289,7 @@ export default function AskModal({ open, onClose, currentFile }: AskModalProps)
           {/* Attached file chips */}
           {attachedFiles.length > 0 && (
             <div className="px-4 pt-2.5 pb-1">
-              <div className="text-[11px] text-muted-foreground/70 mb-1.5">Knowledge Base Context</div>
+              <div className="text-xs text-muted-foreground/70 mb-1.5">Knowledge Base Context</div>
               <div className="flex flex-wrap gap-1.5">
                 {attachedFiles.map(f => (
                   <FileChip key={f} path={f} onRemove={() => setAttachedFiles(prev => prev.filter(x => x !== f))} />
@@ -300,7 +300,7 @@ export default function AskModal({ open, onClose, currentFile }: AskModalProps)
 
           {upload.localAttachments.length > 0 && (
             <div className="px-4 pb-1">
-              <div className="text-[11px] text-muted-foreground/70 mb-1.5">Uploaded Files</div>
+              <div className="text-xs text-muted-foreground/70 mb-1.5">Uploaded Files</div>
               <div className="flex flex-wrap gap-1.5">
                 {upload.localAttachments.map((f, idx) => (
                   <FileChip key={`${f.name}-${idx}`} path={f.name} variant="upload" onRemove={() => upload.removeAttachment(idx)} />
@@ -371,7 +371,7 @@ export default function AskModal({ open, onClose, currentFile }: AskModalProps)
                 <StopCircle size={15} />
               </button>
             ) : (
-              <button type="submit" disabled={!input.trim()} className="p-1.5 rounded-md disabled:opacity-40 disabled:cursor-not-allowed transition-opacity shrink-0" style={{ background: 'var(--amber)', color: '#131210' }}>
+              <button type="submit" disabled={!input.trim()} className="p-1.5 rounded-md disabled:opacity-40 disabled:cursor-not-allowed transition-opacity shrink-0" style={{ background: 'var(--amber)', color: 'var(--amber-foreground)' }}>
                 <Send size={14} />
               </button>
             )}
@@ -384,7 +384,7 @@ export default function AskModal({ open, onClose, currentFile }: AskModalProps)
           <span><kbd className="font-mono">@</kbd> {t.ask.attachFile}</span>
           <span className="inline-flex items-center gap-1">
             <span>Agent steps</span>
-            <select value={maxSteps} onChange={(e) => setMaxSteps(Number(e.target.value))} disabled={isLoading} className="bg-transparent border border-border rounded px-1.5 py-0.5 text-[11px] text-foreground">
+            <select value={maxSteps} onChange={(e) => setMaxSteps(Number(e.target.value))} disabled={isLoading} className="bg-transparent border border-border rounded px-1.5 py-0.5 text-xs text-foreground">
               <option value={10}>10</option>
               <option value={20}>20</option>
               <option value={30}>30</option>

package/app/components/Breadcrumb.tsx

@@ -5,8 +5,8 @@ import { ChevronRight, Home, FileText, Table, Folder } from 'lucide-react';
 
 function FileTypeIcon({ name }: { name: string }) {
   const ext = name.includes('.') ? name.slice(name.lastIndexOf('.')).toLowerCase() : '';
-  if (ext === '.csv') return <Table size={13} className="text-emerald-400 shrink-0" />;
-  if (ext) return <FileText size={13} className="text-zinc-400 shrink-0" />;
+  if (ext === '.csv') return <Table size={13} className="text-success shrink-0" />;
+  if (ext) return <FileText size={13} className="text-muted-foreground shrink-0" />;
   return <Folder size={13} className="text-yellow-400 shrink-0" />;
 }
 

package/app/components/DirView.tsx

@@ -15,14 +15,14 @@ interface DirViewProps {
 
 function FileIcon({ node }: { node: FileNode }) {
   if (node.type === 'directory') return <Folder size={16} className="text-yellow-400 shrink-0" />;
-  if (node.extension === '.csv') return <Table size={16} className="text-emerald-400 shrink-0" />;
-  return <FileText size={16} className="text-zinc-400 shrink-0" />;
+  if (node.extension === '.csv') return <Table size={16} className="text-success shrink-0" />;
+  return <FileText size={16} className="text-muted-foreground shrink-0" />;
 }
 
 function FileIconLarge({ node }: { node: FileNode }) {
   if (node.type === 'directory') return <FolderOpen size={28} className="text-yellow-400" />;
-  if (node.extension === '.csv') return <Table size={28} className="text-emerald-400" />;
-  return <FileText size={28} className="text-zinc-400" />;
+  if (node.extension === '.csv') return <Table size={28} className="text-success" />;
+  return <FileText size={28} className="text-muted-foreground" />;
 }
 
 function countFiles(node: FileNode): number {
@@ -125,10 +125,10 @@ export default function DirView({ dirPath, entries }: DirViewProps) {
                     {entry.name}
                   </span>
                   {entry.type === 'directory' && (
-                    <span className="text-[10px] text-muted-foreground">{t.dirView.fileCount(fileCounts.get(entry.path) ?? 0)}</span>
+                    <span className="text-2xs text-muted-foreground">{t.dirView.fileCount(fileCounts.get(entry.path) ?? 0)}</span>
                   )}
                   {entry.type === 'file' && entry.mtime && (
-                    <span className="text-[10px] text-muted-foreground font-display" suppressHydrationWarning>
+                    <span className="text-2xs text-muted-foreground font-display" suppressHydrationWarning>
                       {formatTime(entry.mtime)}
                     </span>
                   )}

package/app/components/FileTree.tsx

@@ -16,8 +16,8 @@ interface FileTreeProps {
 
 function getIcon(node: FileNode) {
   if (node.type === 'directory') return null;
-  if (node.extension === '.csv') return <Table size={14} className="text-emerald-400 shrink-0" />;
-  return <FileText size={14} className="text-zinc-400 shrink-0" />;
+  if (node.extension === '.csv') return <Table size={14} className="text-success shrink-0" />;
+  return <FileText size={14} className="text-muted-foreground shrink-0" />;
 }
 
 function getCurrentFilePath(pathname: string): string {

package/app/components/HomeContent.tsx

@@ -102,7 +102,7 @@ export default function HomeContent({ recent, existingFiles }: { recent: RecentF
               {suggestions[suggestionIdx]}
             </span>
             <kbd
-              className="hidden sm:inline-flex items-center gap-0.5 px-2 py-0.5 rounded text-[11px] font-mono font-medium"
+              className="hidden sm:inline-flex items-center gap-0.5 px-2 py-0.5 rounded text-xs font-mono font-medium"
               style={{ background: 'var(--amber-dim)', color: 'var(--amber)' }}
             >
               ⌘/
@@ -118,7 +118,7 @@ export default function HomeContent({ recent, existingFiles }: { recent: RecentF
           >
             <Search size={14} />
             <span className="hidden sm:inline">{t.home.shortcuts.searchFiles}</span>
-            <kbd className="hidden sm:inline-flex items-center px-1.5 py-0.5 rounded text-[10px] font-mono" style={{ background: 'var(--muted)' }}>
+            <kbd className="hidden sm:inline-flex items-center px-1.5 py-0.5 rounded text-2xs font-mono" style={{ background: 'var(--muted)' }}>
               ⌘K
             </kbd>
           </button>
@@ -189,17 +189,17 @@ export default function HomeContent({ recent, existingFiles }: { recent: RecentF
                         {r.name}
                       </span>
                     </div>
-                    <p className="text-[11px] leading-relaxed line-clamp-2" style={{ color: 'var(--muted-foreground)' }}>
+                    <p className="text-xs leading-relaxed line-clamp-2" style={{ color: 'var(--muted-foreground)' }}>
                       {r.description}
                     </p>
                     {hintId === r.id ? (
-                      <p className="text-[10px] animate-in" style={{ color: 'var(--amber)' }} role="status">
+                      <p className="text-2xs animate-in" style={{ color: 'var(--amber)' }} role="status">
                         {(t.home.createToActivate ?? 'Create {file} to activate').replace('{file}', entryPath ?? '')}
                       </p>
                     ) : (
                       <div className="flex flex-wrap gap-1">
                         {r.tags.slice(0, 3).map(tag => (
-                          <span key={tag} className="text-[10px] px-1.5 py-0.5 rounded-full" style={{ background: 'var(--muted)', color: 'var(--muted-foreground)' }}>
+                          <span key={tag} className="text-2xs px-1.5 py-0.5 rounded-full" style={{ background: 'var(--muted)', color: 'var(--muted-foreground)' }}>
                             {tag}
                           </span>
                         ))}
@@ -222,12 +222,12 @@ export default function HomeContent({ recent, existingFiles }: { recent: RecentF
                       {r.name}
                     </span>
                   </div>
-                  <p className="text-[11px] leading-relaxed line-clamp-2" style={{ color: 'var(--muted-foreground)' }}>
+                  <p className="text-xs leading-relaxed line-clamp-2" style={{ color: 'var(--muted-foreground)' }}>
                     {r.description}
                   </p>
                   <div className="flex flex-wrap gap-1">
                     {r.tags.slice(0, 3).map(tag => (
-                      <span key={tag} className="text-[10px] px-1.5 py-0.5 rounded-full" style={{ background: 'var(--muted)', color: 'var(--muted-foreground)' }}>
+                      <span key={tag} className="text-2xs px-1.5 py-0.5 rounded-full" style={{ background: 'var(--muted)', color: 'var(--muted-foreground)' }}>
                         {tag}
                       </span>
                     ))}

package/app/components/OnboardingView.tsx

@@ -110,7 +110,7 @@ export default function OnboardingView() {
 
               {/* Directory preview */}
               <div
-                className="w-full rounded-lg px-3 py-2 text-[11px] leading-relaxed font-display"
+                className="w-full rounded-lg px-3 py-2 text-xs leading-relaxed font-display"
                 style={{
                   background: 'var(--muted)',
                   color: 'var(--muted-foreground)',

package/app/components/SearchModal.tsx

@@ -158,7 +158,7 @@ export default function SearchModal({ open, onClose }: SearchModalProps) {
                 `}
               >
                 {ext === '.csv'
-                  ? <Table size={14} className="text-emerald-400 shrink-0 mt-0.5" />
+                  ? <Table size={14} className="text-success shrink-0 mt-0.5" />
                   : <FileText size={14} className="text-muted-foreground shrink-0 mt-0.5" />
                 }
                 <div className="min-w-0 flex-1">

package/app/components/SettingsModal.tsx

@@ -234,7 +234,7 @@ export default function SettingsModal({ open, onClose, initialTab }: SettingsMod
               )}
               <div className="flex items-center gap-1.5 text-xs">
                 {status === 'saved' && (
-                  <><CheckCircle2 size={13} className="text-green-500" /><span className="text-green-500">{t.settings.saved}</span></>
+                  <><CheckCircle2 size={13} className="text-success" /><span className="text-success">{t.settings.saved}</span></>
                 )}
                 {status === 'error' && (
                   <><AlertCircle size={13} className="text-destructive" /><span className="text-destructive">{t.settings.saveFailed}</span></>
@@ -245,7 +245,7 @@ export default function SettingsModal({ open, onClose, initialTab }: SettingsMod
               onClick={handleSave}
               disabled={saving || !data}
               className="flex items-center gap-1.5 px-4 py-1.5 text-sm rounded-lg disabled:opacity-40 disabled:cursor-not-allowed transition-opacity"
-              style={{ background: 'var(--amber)', color: '#131210' }}
+              style={{ background: 'var(--amber)', color: 'var(--amber-foreground)' }}
             >
               {saving ? <Loader2 size={13} className="animate-spin" /> : <Save size={13} />}
               {t.settings.save}