From 922d9e431e67277613ba9936b6dbbb90f13f3940 Mon Sep 17 00:00:00 2001
From: Daniel Bedeleanu <bede@tfm.ro>
Date: Sun, 19 Apr 2026 12:04:41 +0300
Subject: [PATCH] style: step 9 - uniform text tokens in admin sub-components

---
 docs/superpowers/plans/2026-04-19-ui-uniformity.md | 2 +-
 frontend/components/admin/AiManager.tsx            | 6 +++---
 frontend/components/admin/DatabaseManager.tsx      | 6 +++---
 frontend/components/admin/LdapManager.tsx          | 8 ++++----
 4 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/docs/superpowers/plans/2026-04-19-ui-uniformity.md b/docs/superpowers/plans/2026-04-19-ui-uniformity.md
index 44c6c758..6095a0a3 100644
--- a/docs/superpowers/plans/2026-04-19-ui-uniformity.md
+++ b/docs/superpowers/plans/2026-04-19-ui-uniformity.md
@@ -55,7 +55,7 @@ Mark each step `[x]` when complete. Commit the file with the step.
 - [x] **Step 6** — Fix: `components/AdminOverlay.tsx` text tokens
 - [x] **Step 7** — Fix: `components/IdentityCheckOverlay.tsx` text tokens
 - [x] **Step 8** — Fix: `components/Scanner.tsx` + `components/AIOnboarding.tsx`
-- [ ] **Step 9** — Fix: `components/admin/` (all 5 files)
+- [x] **Step 9** — Fix: `components/admin/` (all 5 files)
 - [ ] **Step 10** — Fix: Modals (`CreateUserModal`, `ConfirmationModal`, `CategoryCreationModal`, `ItemComparisonModal`)
 - [ ] **Step 11** — Fix: `lib/` and remaining components
 - [ ] **Step 12** — Final build verification + visual smoke check
diff --git a/frontend/components/admin/AiManager.tsx b/frontend/components/admin/AiManager.tsx
index 1ce89838..812ca4df 100644
--- a/frontend/components/admin/AiManager.tsx
+++ b/frontend/components/admin/AiManager.tsx
@@ -63,7 +63,7 @@ export default function AiManager({
                 {p.id === 'gemini' ? <Cpu size={16} /> : <Zap size={16} />}
               </div>
               <div>
-                <p className={cn("text-xs font-black tracking-tight", p.active ? "text-white" : "text-slate-200")}>{p.name}</p>
+                <p className={cn("text-xs font-black tracking-tight", p.active ? "text-white" : "text-secondary")}>{p.name}</p>
                 <p className={cn(
                   "text-xs font-bold mt-1 px-0.5 rounded",
                   p.active 
@@ -87,7 +87,7 @@ export default function AiManager({
         <div className="flex items-center justify-between">
           <div className="flex items-center gap-3">
             <div className="p-2 bg-primary/10 rounded-lg text-primary"><Lock size={14} /></div>
-            <h3 className="text-sm font-bold text-slate-200 tracking-tight">Provider Access Keys</h3>
+            <h3 className="text-sm font-bold text-secondary tracking-tight">Provider Access Keys</h3>
           </div>
           <button
             onClick={onSaveAiKeys}
@@ -172,7 +172,7 @@ export default function AiManager({
           <textarea 
             value={aiPrompt}
             onChange={(e) => setAiPrompt(e.target.value)}
-            className="w-full bg-background/80 border border-slate-800 rounded-2xl p-6 text-xs font-mono font-bold text-slate-300 leading-relaxed outline-none focus:border-purple-500/50 transition-all min-h-[200px] custom-scrollbar shadow-inner"
+            className="w-full bg-background/80 border border-slate-800 rounded-2xl p-6 text-xs font-mono font-bold text-secondary leading-relaxed outline-none focus:border-purple-500/50 transition-all min-h-[200px] custom-scrollbar shadow-inner"
           />
         </div>
         <div className="bg-primary/5 border border-purple-500/10 rounded-2xl p-4 flex gap-4 items-start">
diff --git a/frontend/components/admin/DatabaseManager.tsx b/frontend/components/admin/DatabaseManager.tsx
index e99c7137..e734b60e 100644
--- a/frontend/components/admin/DatabaseManager.tsx
+++ b/frontend/components/admin/DatabaseManager.tsx
@@ -48,12 +48,12 @@ export default function DatabaseManager({
             <p className="text-xs font-bold text-muted tracking-tight">Database Health</p>
             <div className="flex items-center gap-2">
               <div className="w-2 h-2 rounded-full bg-green-500 animate-pulse shadow-[0_0_8px_rgba(34,197,94,0.3)]" />
-              <span className="text-sm font-bold text-slate-200">Operational</span>
+              <span className="text-sm font-bold text-secondary">Operational</span>
             </div>
           </div>
           <div className="sm:pl-6 sm:border-l border-slate-800">
             <p className="text-xs font-bold text-muted tracking-tight">Last Backup</p>
-            <p className="text-sm font-bold text-slate-200 tabular-nums">{dbStats.backup_count > 0 ? 'Verified' : 'Pending...'}</p>
+            <p className="text-sm font-bold text-secondary tabular-nums">{dbStats.backup_count > 0 ? 'Verified' : 'Pending...'}</p>
           </div>
           <div className="ml-auto">
               <button
@@ -137,7 +137,7 @@ export default function DatabaseManager({
                     <Database size={14} />
                   </div>
                   <div>
-                     <p className="text-xs font-bold text-slate-200">{bak.filename}</p>
+                     <p className="text-xs font-bold text-secondary">{bak.filename}</p>
                      <p className="text-[11px] text-secondary font-medium tabular-nums">
                        {new Date(bak.created_at).toLocaleString()} • {formatSize(bak.size_bytes)}
                      </p>
diff --git a/frontend/components/admin/LdapManager.tsx b/frontend/components/admin/LdapManager.tsx
index bca1771b..ac583fc7 100644
--- a/frontend/components/admin/LdapManager.tsx
+++ b/frontend/components/admin/LdapManager.tsx
@@ -61,7 +61,7 @@ export default function LdapManager({
         <div className="space-y-1.5">
           <label className="text-sm font-bold text-secondary tracking-tight ml-1">LDAP URI</label>
           <div className="relative">
-            <Server className="absolute left-3.5 top-1/2 -translate-y-1/2 text-slate-700" size={14} />
+            <Server className="absolute left-3.5 top-1/2 -translate-y-1/2 text-muted" size={14} />
             <input 
               type="text" 
               placeholder="ldap://host:389"
@@ -74,7 +74,7 @@ export default function LdapManager({
         <div className="space-y-1.5">
           <label className="text-sm font-bold text-secondary tracking-tight ml-1">Context DN</label>
           <div className="relative">
-            <Shield className="absolute left-3.5 top-1/2 -translate-y-1/2 text-slate-700" size={14} />
+            <Shield className="absolute left-3.5 top-1/2 -translate-y-1/2 text-muted" size={14} />
             <input 
               type="text" 
               placeholder="dc=example,dc=com"
@@ -90,7 +90,7 @@ export default function LdapManager({
         <div className="space-y-1.5">
           <label className="text-sm font-bold text-secondary tracking-tight ml-1">User DN Template</label>
           <div className="relative">
-            <User className="absolute left-3.5 top-1/2 -translate-y-1/2 text-slate-700" size={14} />
+            <User className="absolute left-3.5 top-1/2 -translate-y-1/2 text-muted" size={14} />
             <input 
               type="text" 
               placeholder="uid={username},ou=people..."
@@ -103,7 +103,7 @@ export default function LdapManager({
         <div className="space-y-1.5">
           <label className="text-sm font-bold text-secondary tracking-tight ml-1">Groups Base DN</label>
           <div className="relative">
-            <Layers className="absolute left-3.5 top-1/2 -translate-y-1/2 text-slate-700" size={14} />
+            <Layers className="absolute left-3.5 top-1/2 -translate-y-1/2 text-muted" size={14} />
             <input 
               type="text" 
               placeholder="ou=groups"