Build [v1.10.6]

frontend/VERSION.json

@@ -1,6 +1,6 @@
 {
-  "version": "1.10.5",
+  "version": "1.10.6",
-  "last_build": "2026-04-15-1921",
+  "last_build": "2026-04-15-1928",
   "codename": "AccessibleUI",
-  "commit": "2d162ff3"
+  "commit": "019b941b"
 }

frontend/app/login/page.tsx

@@ -124,7 +124,7 @@ export default function LoginPage() {
               <div className="pt-2 grid grid-cols-2 gap-3">
                 <button
                   onClick={() => setIsEnterprise(true)}
-                  className="flex items-center justify-center gap-2 py-4 rounded-2xl border border-dashed border-slate-700 text-slate-500 hover:text-white hover:border-slate-500 transition-all font-bold text-[10px]"
+                  className="flex items-center justify-center gap-2 py-4 rounded-2xl border border-dashed border-slate-700 text-slate-500 hover:text-white hover:border-slate-500 transition-all font-bold text-xs"
                 >
                   <Lock size={12} />
                   Enterprise
@@ -134,7 +134,7 @@ export default function LoginPage() {
                     setSelectedUserForLogin({ username: '' });
                     // We use an empty username object to trigger the manual input view
                   }}
-                  className="flex items-center justify-center gap-2 py-4 rounded-2xl border border-primary/20 bg-primary/5 text-primary hover:bg-primary/10 transition-all font-bold text-[10px]"
+                  className="flex items-center justify-center gap-2 py-4 rounded-2xl border border-primary/20 bg-primary/5 text-primary hover:bg-primary/10 transition-all font-bold text-xs"
                 >
                   <User size={12} />
                   Manual Login

frontend/components/AIOnboarding.tsx

@@ -321,7 +321,7 @@ export default function AIOnboarding({ onCancel, onComplete, categories, invento
             </div>
             
             <div className="absolute top-6 left-1/2 -translate-x-1/2 bg-black/60 backdrop-blur-md px-4 py-1.5 rounded-full border border-white/10">
-               <span className="text-[10px] font-black text-white uppercase tracking-widest flex items-center gap-2">
+               <span className="text-xs font-black text-white uppercase tracking-widest flex items-center gap-2">
                  <div className="w-1.5 h-1.5 rounded-full bg-red-500 animate-pulse" />
                  Live Viewfinder
                </span>
@@ -395,7 +395,7 @@ export default function AIOnboarding({ onCancel, onComplete, categories, invento
           
           <div className="flex-1 overflow-y-auto space-y-2 pr-1 scrollbar-hide">
             <div className="bg-slate-900/80 py-2.5 px-4 rounded-[1.2rem] border border-slate-800 focus-within:border-primary/50 transition-colors group">
-              <label className="text-[10px] text-slate-500 font-bold mb-0.5 block group-focus-within:text-primary transition-colors tracking-tight uppercase">Item Name</label>
+              <label className="text-xs text-slate-500 font-bold mb-0.5 block group-focus-within:text-primary transition-colors tracking-tight uppercase">Item Name</label>
               <textarea 
                 value={extractedItems[editingIndex].Item || extractedItems[editingIndex].name || ''} 
                 onChange={(e) => updateEditingItem({ Item: e.target.value })}
@@ -406,7 +406,7 @@ export default function AIOnboarding({ onCancel, onComplete, categories, invento
 
             <div className="grid grid-cols-2 gap-4">
                <div className="bg-slate-900/80 py-3 px-4 rounded-[1.2rem] border border-slate-800 focus-within:border-primary/50 transition-colors group">
-                 <label className="text-[10px] text-slate-500 font-bold mb-0.5 block group-focus-within:text-primary transition-colors tracking-tight uppercase">Category</label>
+                 <label className="text-xs text-slate-500 font-bold mb-0.5 block group-focus-within:text-primary transition-colors tracking-tight uppercase">Category</label>
                 <input 
                   type="text"
                   list="onboarding-categories"
@@ -422,7 +422,7 @@ export default function AIOnboarding({ onCancel, onComplete, categories, invento
                 </datalist>
               </div>
               <div className="bg-slate-900/80 py-2.5 px-4 rounded-[1.2rem] border border-slate-800 focus-within:border-primary/50 transition-colors group">
-                <label className="text-[10px] text-slate-500 font-bold mb-0.5 block group-focus-within:text-primary transition-colors tracking-tight uppercase">Item Type</label>
+                <label className="text-xs text-slate-500 font-bold mb-0.5 block group-focus-within:text-primary transition-colors tracking-tight uppercase">Item Type</label>
                 <input 
                   value={extractedItems[editingIndex].Type || extractedItems[editingIndex].type || ''} 
                   list="onboarding-types"
@@ -438,7 +438,7 @@ export default function AIOnboarding({ onCancel, onComplete, categories, invento
 
             <div className="grid grid-cols-2 gap-3">
               <div className="bg-slate-900/80 py-3 px-4 rounded-[1.2rem] border border-slate-800 focus-within:border-primary/50 transition-colors group">
-                <label className="text-[10px] text-slate-500 font-bold mb-0.5 block group-focus-within:text-primary transition-colors tracking-tight uppercase">Item Color</label>
+                <label className="text-xs text-slate-500 font-bold mb-0.5 block group-focus-within:text-primary transition-colors tracking-tight uppercase">Item Color</label>
                 <input 
                   value={extractedItems[editingIndex].Color || extractedItems[editingIndex].color || ''} 
                   onChange={(e) => updateEditingItem({ Color: e.target.value })}
@@ -447,7 +447,7 @@ export default function AIOnboarding({ onCancel, onComplete, categories, invento
                 />
               </div>
               <div className="bg-slate-900/80 py-2.5 px-4 rounded-[1.2rem] border border-slate-800 focus-within:border-primary/50 transition-colors group">
-                <label className="text-[10px] text-slate-500 font-bold mb-0.5 block group-focus-within:text-primary transition-colors tracking-tight uppercase">Box / Container</label>
+                <label className="text-xs text-slate-500 font-bold mb-0.5 block group-focus-within:text-primary transition-colors tracking-tight uppercase">Box / Container</label>
                 <input 
                   value={extractedItems[editingIndex].box_label || ''} 
                   list="onboarding-boxes"
@@ -462,7 +462,7 @@ export default function AIOnboarding({ onCancel, onComplete, categories, invento
             </div>
 
             <div className="bg-slate-900/80 py-2.5 px-4 rounded-[1.2rem] border border-slate-800 focus-within:border-primary/50 transition-colors group">
-              <label className="text-[10px] text-slate-500 font-bold mb-0.5 block group-focus-within:text-primary transition-colors tracking-tight uppercase">Description</label>
+              <label className="text-xs text-slate-500 font-bold mb-0.5 block group-focus-within:text-primary transition-colors tracking-tight uppercase">Description</label>
               <textarea 
                 value={extractedItems[editingIndex].Description || extractedItems[editingIndex].description || ''} 
                 onChange={(e) => updateEditingItem({ Description: e.target.value })}
@@ -473,7 +473,7 @@ export default function AIOnboarding({ onCancel, onComplete, categories, invento
 
             <div className="grid grid-cols-2 gap-3">
                <div className="bg-slate-900/80 py-3 px-4 rounded-[1.2rem] border border-slate-800 focus-within:border-primary/50 transition-colors group">
-                <label className="text-[10px] text-slate-500 font-bold mb-0.5 block group-focus-within:text-primary transition-colors tracking-tight uppercase">Connector</label>
+                <label className="text-xs text-slate-500 font-bold mb-0.5 block group-focus-within:text-primary transition-colors tracking-tight uppercase">Connector</label>
                 <input 
                   value={extractedItems[editingIndex].Connector || extractedItems[editingIndex].connector || ''} 
                   onChange={(e) => updateEditingItem({ Connector: e.target.value })}
@@ -482,7 +482,7 @@ export default function AIOnboarding({ onCancel, onComplete, categories, invento
                 />
               </div>
               <div className="bg-slate-900/80 px-4 rounded-[1.2rem] border border-slate-800 focus-within:border-primary/50 transition-colors group">
-                <label className="text-[10px] text-slate-500 font-bold mb-0.5 block group-focus-within:text-primary transition-colors tracking-tight uppercase">Size / Length</label>
+                <label className="text-xs text-slate-500 font-bold mb-0.5 block group-focus-within:text-primary transition-colors tracking-tight uppercase">Size / Length</label>
                 <input 
                   value={extractedItems[editingIndex].Size || extractedItems[editingIndex].size || ''} 
                   onChange={(e) => updateEditingItem({ Size: e.target.value })}
@@ -493,7 +493,7 @@ export default function AIOnboarding({ onCancel, onComplete, categories, invento
             </div>
 
             <div className="bg-slate-900/80 py-2.5 px-4 rounded-[1.2rem] border border-slate-800 focus-within:border-primary/50 transition-colors group">
-              <label className="text-[10px] text-slate-500 font-bold mb-0.5 block group-focus-within:text-primary transition-colors tracking-tight uppercase">OCR Matching Key</label>
+              <label className="text-xs text-slate-500 font-bold mb-0.5 block group-focus-within:text-primary transition-colors tracking-tight uppercase">OCR Matching Key</label>
               <textarea 
                 value={extractedItems[editingIndex].OCR || extractedItems[editingIndex].ocr_text || ''} 
                 onChange={(e) => updateEditingItem({ OCR: e.target.value })}
@@ -504,7 +504,7 @@ export default function AIOnboarding({ onCancel, onComplete, categories, invento
 
             <div className="grid grid-cols-2 gap-2">
               <div className="bg-slate-900/80 py-2.5 px-4 rounded-[1.2rem] border border-slate-800 focus-within:border-primary/50 transition-colors group">
-                <label className="text-[10px] text-slate-500 font-bold mb-0.5 block group-focus-within:text-primary transition-colors tracking-tight uppercase">Part Number</label>
+                <label className="text-xs text-slate-500 font-bold mb-0.5 block group-focus-within:text-primary transition-colors tracking-tight uppercase">Part Number</label>
                 <input 
                   value={extractedItems[editingIndex].PartNr || extractedItems[editingIndex].part_number || ''} 
                   onChange={(e) => updateEditingItem({ PartNr: e.target.value })}
@@ -513,7 +513,7 @@ export default function AIOnboarding({ onCancel, onComplete, categories, invento
                 />
               </div>
               <div className="bg-slate-900/80 py-2.5 px-4 rounded-[1.2rem] border border-slate-800 focus-within:border-primary/50 transition-colors group">
-                <label className="text-[10px] text-slate-500 font-bold mb-0.5 block group-focus-within:text-primary transition-colors uppercase tracking-tighter">Initial Qty</label>
+                <label className="text-xs text-slate-500 font-bold mb-0.5 block group-focus-within:text-primary transition-colors uppercase tracking-tighter">Initial Qty</label>
                 <input 
                   type="number"
                   value={extractedItems[editingIndex].quantity || 1} 
@@ -559,10 +559,10 @@ export default function AIOnboarding({ onCancel, onComplete, categories, invento
                     <h4 className="font-black text-slate-100 truncate">{item.Item || item.name || "Unknown Item"}</h4>
                   </div>
                   <div className="flex gap-2">
-                    <span className="text-[10px] font-black uppercase px-2 py-0.5 bg-slate-800 text-slate-400 rounded-md tracking-wider">
+                    <span className="text-xs font-black uppercase px-2 py-0.5 bg-slate-800 text-slate-400 rounded-md tracking-wider">
                       {item.Type || item.type || "Generic"}
                     </span>
-                    <span className="text-[10px] font-black uppercase px-2 py-0.5 bg-slate-800 text-slate-500 rounded-md tracking-wider">
+                    <span className="text-xs font-black uppercase px-2 py-0.5 bg-slate-800 text-slate-500 rounded-md tracking-wider">
                       {item.PartNr || item.part_number || "No P/N"}
                     </span>
                   </div>

frontend/components/IdentityCheckOverlay.tsx

@@ -70,7 +70,7 @@ const IdentityCheckOverlay = memo(({ show, users, onAuthenticated }: IdentityChe
             <Shield size={40} className="italic" />
           </div>
           <h2 className="text-3xl font-black text-white tracking-tight">Protocol Access</h2>
-          <p className="text-slate-500 text-[10px] font-black uppercase tracking-widest">Select operator profile to initialize</p>
+          <p className="text-slate-500 text-xs font-black uppercase tracking-widest">Select operator profile to initialize</p>
         </div>
         
         <div className="grid gap-3.5">
@@ -88,7 +88,7 @@ const IdentityCheckOverlay = memo(({ show, users, onAuthenticated }: IdentityChe
                     </div>
                     <div>
                       <p className="text-slate-100 font-black text-sm tracking-tight">{user.username}</p>
-                      <p className="text-[9px] text-slate-600 font-black uppercase tracking-widest mt-0.5">{user.role}</p>
+                      <p className="text-xs text-slate-600 font-black uppercase tracking-widest mt-0.5">{user.role}</p>
                     </div>
                   </div>
                   <div className="p-1.5 rounded-full bg-slate-900/50 text-slate-700 group-hover:text-primary group-hover:bg-primary/10 transition-all">
@@ -99,7 +99,7 @@ const IdentityCheckOverlay = memo(({ show, users, onAuthenticated }: IdentityChe
               <div className="pt-4">
                 <button
                   onClick={() => setIsEnterprise(true)}
-                  className="w-full flex items-center justify-center gap-3 py-5 rounded-[1.5rem] border border-dashed border-slate-800 text-slate-600 hover:text-primary hover:border-primary/40 hover:bg-primary/5 transition-all font-black text-[10px] uppercase tracking-widest"
+                  className="w-full flex items-center justify-center gap-3 py-5 rounded-[1.5rem] border border-dashed border-slate-800 text-slate-600 hover:text-primary hover:border-primary/40 hover:bg-primary/5 transition-all font-black text-xs uppercase tracking-widest"
                 >
                   <Lock size={14} />
                   Enterprise Directory
@@ -109,10 +109,10 @@ const IdentityCheckOverlay = memo(({ show, users, onAuthenticated }: IdentityChe
           ) : isEnterprise ? (
             <div className="space-y-5 animate-in slide-in-from-bottom-5 duration-300">
                <div className="flex justify-between items-center px-1">
-                 <p className="text-[10px] font-black text-slate-600 uppercase tracking-widest italic">LDAP Authentication</p>
+                 <p className="text-xs font-black text-slate-600 uppercase tracking-widest italic">LDAP Authentication</p>
                  <button 
                    onClick={() => setIsEnterprise(false)}
-                   className="text-[10px] font-black text-primary hover:underline uppercase tracking-tighter"
+                   className="text-xs font-black text-primary hover:underline uppercase tracking-tighter"
                  >
                    Profile Swap
                  </button>
@@ -146,7 +146,7 @@ const IdentityCheckOverlay = memo(({ show, users, onAuthenticated }: IdentityChe
                
                <button 
                  onClick={handleLogin}
-                 className="w-full bg-primary text-white font-black py-5 rounded-[1.5rem] shadow-2xl shadow-primary/20 hover:shadow-primary/30 active:scale-95 transition-all uppercase text-[10px] tracking-widest border border-primary/20"
+                 className="w-full bg-primary text-white font-black py-5 rounded-[1.5rem] shadow-2xl shadow-primary/20 hover:shadow-primary/30 active:scale-95 transition-all uppercase text-xs tracking-widest border border-primary/20"
                >
                  Initialize Session
                </button>
@@ -159,7 +159,7 @@ const IdentityCheckOverlay = memo(({ show, users, onAuthenticated }: IdentityChe
                     <Shield size={20} />
                   </div>
                   <div>
-                    <p className="text-[9px] font-black text-slate-600 uppercase tracking-widest">Active Profile</p>
+                    <p className="text-xs font-black text-slate-600 uppercase tracking-widest">Active Profile</p>
                     <p className="text-white font-black tracking-tight">{selectedUserForLogin.username}</p>
                   </div>
                 </div>
@@ -188,7 +188,7 @@ const IdentityCheckOverlay = memo(({ show, users, onAuthenticated }: IdentityChe
               
               <button 
                 onClick={handleLogin}
-                className="w-full bg-primary text-white font-black py-5 rounded-[1.5rem] shadow-2xl shadow-primary/20 hover:shadow-primary/30 active:scale-95 transition-all uppercase text-[10px] tracking-widest border border-primary/20"
+                className="w-full bg-primary text-white font-black py-5 rounded-[1.5rem] shadow-2xl shadow-primary/20 hover:shadow-primary/30 active:scale-95 transition-all uppercase text-xs tracking-widest border border-primary/20"
               >
                 Unlock Account
               </button>
@@ -197,7 +197,7 @@ const IdentityCheckOverlay = memo(({ show, users, onAuthenticated }: IdentityChe
         </div>
         
         {users.length === 0 && (
-          <div className="text-center p-8 text-slate-700 animate-pulse font-black text-[10px] uppercase tracking-[0.2em]">
+          <div className="text-center p-8 text-slate-700 animate-pulse font-black text-xs uppercase tracking-[0.2em]">
             Synchronizing User Tokens...
           </div>
         )}

frontend/components/Scanner.tsx

@@ -257,11 +257,11 @@ export default function Scanner({ onScanSuccess, onOCRMatch, paused }: ScannerPr
             <div className="p-6 bg-slate-900/90 backdrop-blur-xl border-t border-slate-800 flex flex-col gap-4">
                <div className="flex flex-col items-center gap-1">
                  <p className="text-sm font-black text-white italic text-center">Protocol Detected</p>
-                 <p className="text-[10px] text-slate-500 font-black uppercase tracking-widest text-center">Select identity from label matrix</p>
+                 <p className="text-xs text-slate-500 font-black uppercase tracking-widest text-center">Select identity from label matrix</p>
                </div>
                <button 
                  onClick={() => { setIsSelecting(false); setCapturedImage(null); setCountdown(4); }}
-                 className="w-full py-4 bg-slate-800 hover:bg-slate-700 text-white rounded-2xl font-black text-[10px] uppercase tracking-widest transition-all active:scale-95 border border-slate-700"
+                 className="w-full py-4 bg-slate-800 hover:bg-slate-700 text-white rounded-2xl font-black text-xs uppercase tracking-widest transition-all active:scale-95 border border-slate-700"
                >
                  Abort Cycle
                </button>
@@ -315,7 +315,7 @@ export default function Scanner({ onScanSuccess, onOCRMatch, paused }: ScannerPr
                 className="h-14 px-5 bg-slate-800/80 hover:bg-slate-700 border border-slate-700 text-white rounded-2xl flex flex-col items-center justify-center shadow-lg transition-all active:scale-95 shrink-0"
               >
                 <span className="text-xs font-black tabular-nums">{zoom.toFixed(1)}x</span>
-                <span className="text-[8px] text-primary font-black uppercase tracking-tighter">Zoom</span>
+                <span className="text-xs text-primary font-black uppercase tracking-tighter">Zoom</span>
               </button>
             )}
 
@@ -323,13 +323,13 @@ export default function Scanner({ onScanSuccess, onOCRMatch, paused }: ScannerPr
                 {ocrProcessing ? (
                   <>
                     <RefreshCw className="animate-spin text-primary" size={18} />
-                    <span className="text-[10px] font-black text-slate-200 uppercase tracking-widest leading-none">Analyzing</span>
+                    <span className="text-xs font-black text-slate-200 uppercase tracking-widest leading-none">Analyzing</span>
                   </>
                 ) : (
                   <>
                     <Search className={cn("text-slate-600 transition-colors group-hover:text-primary", !isStarted && "opacity-20")} size={18} />
                     <div className="flex flex-col">
-                        <span className="text-[8px] text-slate-500 font-black leading-none uppercase tracking-widest">Optical Assist</span>
+                        <span className="text-xs text-slate-500 font-black leading-none uppercase tracking-widest">Optical Assist</span>
                         <span className="text-xs font-black text-primary leading-tight uppercase tabular-nums">
                             {countdown === 0 ? "Scanning" : `${countdown}s Cycle`}
                         </span>
@@ -347,7 +347,7 @@ export default function Scanner({ onScanSuccess, onOCRMatch, paused }: ScannerPr
 
         <div className="w-full flex justify-center items-center gap-2">
           <div className="w-1 h-1 rounded-full bg-green-500 animate-pulse" />
-          <p className="text-[9px] text-slate-600 font-black uppercase tracking-[0.15em]">
+          <p className="text-xs text-slate-600 font-black uppercase tracking-[0.15em]">
             Optical Data Stream Active
           </p>
         </div>

frontend/components/admin/AiManager.tsx

@@ -64,7 +64,7 @@ export default function AiManager({
               <div>
                 <p className={cn("text-xs font-black tracking-tight", p.active ? "text-white" : "text-slate-200")}>{p.name}</p>
                 <p className={cn(
-                  "text-[11px] font-bold mt-1 px-0.5 rounded",
+                  "text-xs font-bold mt-1 px-0.5 rounded",
                   p.active 
                     ? (p.configured ? "text-emerald-200" : "text-rose-100") 
                     : (p.configured ? "text-emerald-500" : "text-rose-500")
@@ -74,7 +74,7 @@ export default function AiManager({
               </div>
             </div>
             {p.active && (
-              <div className="bg-white/20 px-2.5 py-1 rounded-full text-[10px] font-black text-white tracking-tight">
+              <div className="bg-white/20 px-2.5 py-1 rounded-full text-xs font-black text-white tracking-tight">
                 Active
               </div>
             )}
@@ -113,7 +113,7 @@ export default function AiManager({
                 onClick={() => onTestAiKey('gemini')}
                 disabled={isTestingKeys.gemini}
                 className={cn(
-                  "px-4 py-2 rounded-xl text-[11px] font-bold tracking-tight transition-all border shadow-lg flex items-center gap-1.5",
+                  "px-4 py-2 rounded-xl text-xs font-bold tracking-tight transition-all border shadow-lg flex items-center gap-1.5",
                   isTestingKeys.gemini 
                     ? "bg-slate-800 border-slate-700 text-slate-500 cursor-wait"
                     : "bg-indigo-600 border-indigo-500 text-white hover:bg-indigo-500"
@@ -138,7 +138,7 @@ export default function AiManager({
                 onClick={() => onTestAiKey('claude')}
                 disabled={isTestingKeys.claude}
                 className={cn(
-                  "px-4 py-2 rounded-xl text-[11px] font-bold tracking-tight transition-all border shadow-lg flex items-center gap-1.5",
+                  "px-4 py-2 rounded-xl text-xs font-bold tracking-tight transition-all border shadow-lg flex items-center gap-1.5",
                   isTestingKeys.claude 
                     ? "bg-slate-800 border-slate-700 text-slate-500 cursor-wait"
                     : "bg-indigo-600 border-indigo-500 text-white hover:bg-indigo-500"

inventory.env

@@ -15,13 +15,13 @@ BACKEND_SSL_PORT=8918
 FRONTEND_PORT=8917
 FRONTEND_SSL_PORT=8919
 
-# Security & AI
+# Security
 JWT_SECRET_KEY=change_me_in_production
+
+# AI
 GEMINI_API_KEY=AIzaSyAajthWG2agpDLyJHY11U5qFLP4WnV5z0w
+CLAUDE_API_KEY=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
 
 # External Access (CORS)
 # Comma-separated list of extra IPs or FQDNs allowed to connect (e.g. Tailscale, VPN)
 EXTRA_ALLOWED_ORIGINS=100.78.182.27
-
-# --- Automatically Added Keys ---
-CLAUDE_API_KEY=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