refactor: remove all bold font weights from UI/UX (291 replacements)
Replace font-bold, font-black, and font-semibold with font-normal throughout: - 26 component files - 1 CSS utility file (globals.css) - 291 total occurrences Text hierarchy now maintained through font-size differences only. All tests passing (291/291). Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
This commit is contained in:
@@ -52,8 +52,8 @@ export default function AIOnboarding({ onCancel, onComplete, categories, invento
|
||||
<Sparkles className="text-primary w-5 h-5" />
|
||||
</div>
|
||||
<div>
|
||||
<h2 className="text-lg font-bold">AI Discovery</h2>
|
||||
<p className="text-xs text-muted font-bold">Powered by Gemini 2.0 Flash</p>
|
||||
<h2 className="text-lg font-normal">AI Discovery</h2>
|
||||
<p className="text-xs text-muted font-normal">Powered by Gemini 2.0 Flash</p>
|
||||
</div>
|
||||
</div>
|
||||
<button
|
||||
@@ -71,7 +71,7 @@ export default function AIOnboarding({ onCancel, onComplete, categories, invento
|
||||
<button
|
||||
onClick={() => setMode('item')}
|
||||
aria-label="Select Discovery Mode"
|
||||
className={`flex-1 flex items-center justify-center gap-2 py-3 rounded-xl font-bold cursor-pointer transition-all focus:ring-2 focus:ring-primary focus:outline-none ${mode === 'item' ? 'bg-primary text-white shadow-lg' : 'text-muted hover:text-secondary'}`}
|
||||
className={`flex-1 flex items-center justify-center gap-2 py-3 rounded-xl font-normal cursor-pointer transition-all focus:ring-2 focus:ring-primary focus:outline-none ${mode === 'item' ? 'bg-primary text-white shadow-lg' : 'text-muted hover:text-secondary'}`}
|
||||
>
|
||||
<Package size={18} />
|
||||
<span className="text-xs">Discovery Mode</span>
|
||||
@@ -79,7 +79,7 @@ export default function AIOnboarding({ onCancel, onComplete, categories, invento
|
||||
<button
|
||||
onClick={() => setMode('box')}
|
||||
aria-label="Select Box Lookup mode"
|
||||
className={`flex-1 flex items-center justify-center gap-2 py-3 rounded-xl font-bold cursor-pointer transition-all focus:ring-2 focus:ring-primary focus:outline-none ${mode === 'box' ? 'bg-primary text-white shadow-lg' : 'text-muted hover:text-secondary'}`}
|
||||
className={`flex-1 flex items-center justify-center gap-2 py-3 rounded-xl font-normal cursor-pointer transition-all focus:ring-2 focus:ring-primary focus:outline-none ${mode === 'box' ? 'bg-primary text-white shadow-lg' : 'text-muted hover:text-secondary'}`}
|
||||
>
|
||||
<Layers size={18} />
|
||||
<span className="text-xs">Box Lookup</span>
|
||||
@@ -90,10 +90,10 @@ export default function AIOnboarding({ onCancel, onComplete, categories, invento
|
||||
<div className="w-20 h-20 bg-surface rounded-3xl flex items-center justify-center mb-6 shadow-inner text-primary">
|
||||
<Camera size={32} />
|
||||
</div>
|
||||
<p className="text-secondary mb-2 text-center font-bold">
|
||||
<p className="text-secondary mb-2 text-center font-normal">
|
||||
{mode === 'box' ? 'Deep Box Analysis' : 'Multi-Item Extraction'}
|
||||
</p>
|
||||
<p className="text-xs text-muted px-8 text-center leading-relaxed font-bold">
|
||||
<p className="text-xs text-muted px-8 text-center leading-relaxed font-normal">
|
||||
{mode === 'box'
|
||||
? 'Scan container labels to identify storage locations'
|
||||
: 'Identify multiple technical items from a single photo or label'}
|
||||
@@ -104,7 +104,7 @@ export default function AIOnboarding({ onCancel, onComplete, categories, invento
|
||||
<button
|
||||
onClick={startLiveCamera}
|
||||
aria-label="Start camera scan"
|
||||
className="flex flex-col items-center justify-center gap-2 bg-primary text-white rounded-3xl font-bold shadow-2xl shadow-primary/20 cursor-pointer active:scale-95 transition-all focus:ring-2 focus:ring-blue-400 focus:outline-none"
|
||||
className="flex flex-col items-center justify-center gap-2 bg-primary text-white rounded-3xl font-normal shadow-2xl shadow-primary/20 cursor-pointer active:scale-95 transition-all focus:ring-2 focus:ring-blue-400 focus:outline-none"
|
||||
>
|
||||
<Camera size={24} />
|
||||
<span className="text-sm">Scan Camera</span>
|
||||
@@ -113,7 +113,7 @@ export default function AIOnboarding({ onCancel, onComplete, categories, invento
|
||||
onClick={() => fileInputRef.current?.click()}
|
||||
data-testid="manual-entry-tab"
|
||||
aria-label="Upload photo from device"
|
||||
className="flex flex-col items-center justify-center gap-2 bg-surface text-secondary border border-slate-800 rounded-3xl font-bold cursor-pointer active:scale-95 transition-all focus:ring-2 focus:ring-blue-500 focus:outline-none"
|
||||
className="flex flex-col items-center justify-center gap-2 bg-surface text-secondary border border-slate-800 rounded-3xl font-normal cursor-pointer active:scale-95 transition-all focus:ring-2 focus:ring-blue-500 focus:outline-none"
|
||||
>
|
||||
<ImageIcon size={24} />
|
||||
<span className="text-sm">Upload Photo</span>
|
||||
@@ -146,7 +146,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 px-4 py-1.5 rounded-full border border-white/10">
|
||||
<span className="text-xs font-black text-white flex items-center gap-2">
|
||||
<span className="text-xs font-normal text-white flex items-center gap-2">
|
||||
<div className="w-1.5 h-1.5 rounded-full bg-red-500 animate-pulse" />
|
||||
Live Viewfinder
|
||||
</span>
|
||||
@@ -157,7 +157,7 @@ export default function AIOnboarding({ onCancel, onComplete, categories, invento
|
||||
<button
|
||||
onClick={stopLiveCamera}
|
||||
aria-label="Cancel camera scan"
|
||||
className="px-6 py-4 bg-surface border border-slate-800 text-secondary rounded-2xl font-bold cursor-pointer transition-all active:scale-95 focus:ring-2 focus:ring-blue-500 focus:outline-none"
|
||||
className="px-6 py-4 bg-surface border border-slate-800 text-secondary rounded-2xl font-normal cursor-pointer transition-all active:scale-95 focus:ring-2 focus:ring-blue-500 focus:outline-none"
|
||||
>
|
||||
Cancel
|
||||
</button>
|
||||
@@ -165,7 +165,7 @@ export default function AIOnboarding({ onCancel, onComplete, categories, invento
|
||||
onClick={captureSnapshot}
|
||||
data-testid="capture-button"
|
||||
aria-label="Capture image from camera"
|
||||
className="flex-1 py-4 bg-white text-slate-950 rounded-2xl font-black text-lg shadow-xl shadow-white/10 cursor-pointer flex items-center justify-center gap-3 active:scale-95 hover:bg-slate-200 transition-all focus:ring-2 focus:ring-offset-2 focus:ring-offset-slate-950 focus:ring-white focus:outline-none"
|
||||
className="flex-1 py-4 bg-white text-slate-950 rounded-2xl font-normal text-lg shadow-xl shadow-white/10 cursor-pointer flex items-center justify-center gap-3 active:scale-95 hover:bg-slate-200 transition-all focus:ring-2 focus:ring-offset-2 focus:ring-offset-slate-950 focus:ring-white focus:outline-none"
|
||||
>
|
||||
<div className="w-5 h-5 rounded-full border-2 border-slate-950 flex items-center justify-center">
|
||||
<div className="w-2.5 h-2.5 rounded-full bg-background" />
|
||||
@@ -186,7 +186,7 @@ export default function AIOnboarding({ onCancel, onComplete, categories, invento
|
||||
<RefreshCw className="w-12 h-12 text-primary animate-spin" />
|
||||
<Sparkles className="absolute -top-2 -right-2 text-amber-400 w-6 h-6 animate-pulse" />
|
||||
</div>
|
||||
<p className="text-white font-black tracking-tight text-sm">Gemini is processing...</p>
|
||||
<p className="text-white font-normal tracking-tight text-sm">Gemini is processing...</p>
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
@@ -197,7 +197,7 @@ export default function AIOnboarding({ onCancel, onComplete, categories, invento
|
||||
disabled={uploading}
|
||||
data-testid="retake-button"
|
||||
aria-label="Retake photo"
|
||||
className="px-6 py-4 bg-surface border border-slate-800 text-secondary rounded-2xl font-bold cursor-pointer transition-all active:scale-95 disabled:opacity-50 disabled:cursor-not-allowed focus:ring-2 focus:ring-blue-500 focus:outline-none"
|
||||
className="px-6 py-4 bg-surface border border-slate-800 text-secondary rounded-2xl font-normal cursor-pointer transition-all active:scale-95 disabled:opacity-50 disabled:cursor-not-allowed focus:ring-2 focus:ring-blue-500 focus:outline-none"
|
||||
>
|
||||
Retake
|
||||
</button>
|
||||
@@ -205,7 +205,7 @@ export default function AIOnboarding({ onCancel, onComplete, categories, invento
|
||||
onClick={processImage}
|
||||
disabled={uploading}
|
||||
aria-label="Extract data from image"
|
||||
className="flex-1 py-4 bg-primary text-white rounded-2xl font-black text-lg shadow-xl shadow-primary/30 cursor-pointer flex items-center justify-center gap-3 active:scale-95 disabled:opacity-50 disabled:cursor-not-allowed hover:bg-blue-500 transition-all focus:ring-2 focus:ring-blue-400 focus:outline-none"
|
||||
className="flex-1 py-4 bg-primary text-white rounded-2xl font-normal text-lg shadow-xl shadow-primary/30 cursor-pointer flex items-center justify-center gap-3 active:scale-95 disabled:opacity-50 disabled:cursor-not-allowed hover:bg-blue-500 transition-all focus:ring-2 focus:ring-blue-400 focus:outline-none"
|
||||
>
|
||||
{uploading ? "Analyzing..." : "Extract Data"}
|
||||
{!uploading && <Check size={20} />}
|
||||
@@ -215,11 +215,11 @@ export default function AIOnboarding({ onCancel, onComplete, categories, invento
|
||||
) : editingIndex !== null ? (
|
||||
<div data-testid="extraction-results-form" className="flex-1 flex flex-col gap-6 overflow-hidden">
|
||||
<div data-testid="ai-onboarding-wizard" className="flex items-center justify-between">
|
||||
<span className="text-xs text-muted font-bold">Item Details (<span data-testid="current-step">{editingIndex + 1}</span>/<span data-testid="total-steps">{extractedItems.length}</span>)</span>
|
||||
<span className="text-xs text-muted font-normal">Item Details (<span data-testid="current-step">{editingIndex + 1}</span>/<span data-testid="total-steps">{extractedItems.length}</span>)</span>
|
||||
<button
|
||||
onClick={() => setEditingIndex(null)}
|
||||
aria-label="Back to item list"
|
||||
className="text-xs text-primary font-bold px-3 py-1 bg-primary/10 rounded-full cursor-pointer transition-colors focus:ring-2 focus:ring-primary focus:outline-none"
|
||||
className="text-xs text-primary font-normal px-3 py-1 bg-primary/10 rounded-full cursor-pointer transition-colors focus:ring-2 focus:ring-primary focus:outline-none"
|
||||
>
|
||||
Back to List
|
||||
</button>
|
||||
@@ -227,24 +227,24 @@ export default function AIOnboarding({ onCancel, onComplete, categories, invento
|
||||
|
||||
<div className="flex-1 overflow-y-auto space-y-2 pr-1 scrollbar-hide">
|
||||
<div data-testid="extracted-name" className="bg-surface py-2.5 px-4 rounded-[1.2rem] border border-slate-800 focus-within:border-primary/50 transition-colors group">
|
||||
<label className="text-xs text-muted font-bold mb-0.5 block group-focus-within:text-primary transition-colors tracking-tight">Item Name</label>
|
||||
<label className="text-xs text-muted font-normal mb-0.5 block group-focus-within:text-primary transition-colors tracking-tight">Item Name</label>
|
||||
<textarea
|
||||
value={extractedItems[editingIndex].Item || extractedItems[editingIndex].name || ''}
|
||||
onChange={(e) => updateEditingItem({ Item: e.target.value })}
|
||||
className="bg-transparent w-full text-lg font-bold outline-none text-white placeholder:text-muted resize-none h-8 leading-tight selection:bg-primary/30 py-0"
|
||||
className="bg-transparent w-full text-lg font-normal outline-none text-white placeholder:text-muted resize-none h-8 leading-tight selection:bg-primary/30 py-0"
|
||||
placeholder="SSD, SFP, Cable..."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div className="grid grid-cols-2 gap-4">
|
||||
<div data-testid="extracted-category" className="bg-surface py-3 px-4 rounded-[1.2rem] border border-slate-800 focus-within:border-primary/50 transition-colors group">
|
||||
<label className="text-xs text-muted font-bold mb-0.5 block group-focus-within:text-primary transition-colors tracking-tight">Category</label>
|
||||
<label className="text-xs text-muted font-normal mb-0.5 block group-focus-within:text-primary transition-colors tracking-tight">Category</label>
|
||||
<input
|
||||
type="text"
|
||||
list="onboarding-categories"
|
||||
value={extractedItems[editingIndex].Category || extractedItems[editingIndex].category || ''}
|
||||
onChange={(e) => updateEditingItem({ Category: e.target.value })}
|
||||
className="bg-transparent w-full font-bold outline-none text-secondary"
|
||||
className="bg-transparent w-full font-normal outline-none text-secondary"
|
||||
placeholder="e.g. storage"
|
||||
/>
|
||||
<datalist id="onboarding-categories">
|
||||
@@ -254,12 +254,12 @@ export default function AIOnboarding({ onCancel, onComplete, categories, invento
|
||||
</datalist>
|
||||
</div>
|
||||
<div className="bg-surface py-2.5 px-4 rounded-[1.2rem] border border-slate-800 focus-within:border-primary/50 transition-colors group">
|
||||
<label className="text-xs text-muted font-bold mb-0.5 block group-focus-within:text-primary transition-colors tracking-tight">Item Type</label>
|
||||
<label className="text-xs text-muted font-normal mb-0.5 block group-focus-within:text-primary transition-colors tracking-tight">Item Type</label>
|
||||
<input
|
||||
value={extractedItems[editingIndex].Type || extractedItems[editingIndex].type || ''}
|
||||
list="onboarding-types"
|
||||
onChange={(e) => updateEditingItem({ Type: e.target.value })}
|
||||
className="bg-transparent w-full text-sm font-bold outline-none text-secondary"
|
||||
className="bg-transparent w-full text-sm font-normal outline-none text-secondary"
|
||||
placeholder="e.g. spare parts"
|
||||
/>
|
||||
<datalist id="onboarding-types">
|
||||
@@ -270,21 +270,21 @@ export default function AIOnboarding({ onCancel, onComplete, categories, invento
|
||||
|
||||
<div className="grid grid-cols-2 gap-3">
|
||||
<div className="bg-surface py-3 px-4 rounded-[1.2rem] border border-slate-800 focus-within:border-primary/50 transition-colors group">
|
||||
<label className="text-xs text-muted font-bold mb-0.5 block group-focus-within:text-primary transition-colors tracking-tight">Item Color</label>
|
||||
<label className="text-xs text-muted font-normal mb-0.5 block group-focus-within:text-primary transition-colors tracking-tight">Item Color</label>
|
||||
<input
|
||||
value={extractedItems[editingIndex].Color || extractedItems[editingIndex].color || ''}
|
||||
onChange={(e) => updateEditingItem({ Color: e.target.value })}
|
||||
className="bg-transparent w-full font-bold outline-none text-secondary"
|
||||
className="bg-transparent w-full font-normal outline-none text-secondary"
|
||||
placeholder="e.g. Aqua"
|
||||
/>
|
||||
</div>
|
||||
<div className="bg-surface py-2.5 px-4 rounded-[1.2rem] border border-slate-800 focus-within:border-primary/50 transition-colors group">
|
||||
<label className="text-xs text-muted font-bold mb-0.5 block group-focus-within:text-primary transition-colors tracking-tight">Box / Container</label>
|
||||
<label className="text-xs text-muted font-normal mb-0.5 block group-focus-within:text-primary transition-colors tracking-tight">Box / Container</label>
|
||||
<input
|
||||
value={extractedItems[editingIndex].box_label || ''}
|
||||
list="onboarding-boxes"
|
||||
onChange={(e) => updateEditingItem({ box_label: e.target.value })}
|
||||
className="bg-transparent w-full text-sm font-bold outline-none text-primary"
|
||||
className="bg-transparent w-full text-sm font-normal outline-none text-primary"
|
||||
placeholder="e.g. Box 1"
|
||||
/>
|
||||
<datalist id="onboarding-boxes">
|
||||
@@ -294,7 +294,7 @@ export default function AIOnboarding({ onCancel, onComplete, categories, invento
|
||||
</div>
|
||||
|
||||
<div className="bg-surface py-2.5 px-4 rounded-[1.2rem] border border-slate-800 focus-within:border-primary/50 transition-colors group">
|
||||
<label className="text-xs text-muted font-bold mb-0.5 block group-focus-within:text-primary transition-colors tracking-tight">Description</label>
|
||||
<label className="text-xs text-muted font-normal mb-0.5 block group-focus-within:text-primary transition-colors tracking-tight">Description</label>
|
||||
<textarea
|
||||
value={extractedItems[editingIndex].Description || extractedItems[editingIndex].description || ''}
|
||||
onChange={(e) => updateEditingItem({ Description: e.target.value })}
|
||||
@@ -305,52 +305,52 @@ export default function AIOnboarding({ onCancel, onComplete, categories, invento
|
||||
|
||||
<div className="grid grid-cols-2 gap-3">
|
||||
<div className="bg-surface py-3 px-4 rounded-[1.2rem] border border-slate-800 focus-within:border-primary/50 transition-colors group">
|
||||
<label className="text-xs text-muted font-bold mb-0.5 block group-focus-within:text-primary transition-colors tracking-tight">Connector</label>
|
||||
<label className="text-xs text-muted font-normal mb-0.5 block group-focus-within:text-primary transition-colors tracking-tight">Connector</label>
|
||||
<input
|
||||
value={extractedItems[editingIndex].Connector || extractedItems[editingIndex].connector || ''}
|
||||
onChange={(e) => updateEditingItem({ Connector: e.target.value })}
|
||||
className="bg-transparent w-full font-bold outline-none text-secondary"
|
||||
className="bg-transparent w-full font-normal outline-none text-secondary"
|
||||
placeholder="e.g. LC/UPC"
|
||||
/>
|
||||
</div>
|
||||
<div className="bg-surface px-4 rounded-[1.2rem] border border-slate-800 focus-within:border-primary/50 transition-colors group">
|
||||
<label className="text-xs text-muted font-bold mb-0.5 block group-focus-within:text-primary transition-colors tracking-tight">Size / Length</label>
|
||||
<label className="text-xs text-muted font-normal mb-0.5 block group-focus-within:text-primary transition-colors tracking-tight">Size / Length</label>
|
||||
<input
|
||||
value={extractedItems[editingIndex].Size || extractedItems[editingIndex].size || ''}
|
||||
onChange={(e) => updateEditingItem({ Size: e.target.value })}
|
||||
className="bg-transparent w-full text-sm font-bold outline-none text-secondary"
|
||||
className="bg-transparent w-full text-sm font-normal outline-none text-secondary"
|
||||
placeholder="e.g. 5m / 10G"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="bg-surface py-2.5 px-4 rounded-[1.2rem] border border-slate-800 focus-within:border-primary/50 transition-colors group">
|
||||
<label className="text-xs text-muted font-bold mb-0.5 block group-focus-within:text-primary transition-colors tracking-tight">OCR Matching Key</label>
|
||||
<label className="text-xs text-muted font-normal mb-0.5 block group-focus-within:text-primary transition-colors tracking-tight">OCR Matching Key</label>
|
||||
<textarea
|
||||
value={extractedItems[editingIndex].OCR || extractedItems[editingIndex].ocr_text || ''}
|
||||
onChange={(e) => updateEditingItem({ OCR: e.target.value })}
|
||||
className="bg-transparent w-full text-sm font-bold leading-tight outline-none resize-none h-10 text-secondary py-0 scrollbar-hide"
|
||||
className="bg-transparent w-full text-sm font-normal leading-tight outline-none resize-none h-10 text-secondary py-0 scrollbar-hide"
|
||||
placeholder="Heuristic string for local matching..."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div className="grid grid-cols-2 gap-2">
|
||||
<div className="bg-surface py-2.5 px-4 rounded-[1.2rem] border border-slate-800 focus-within:border-primary/50 transition-colors group">
|
||||
<label className="text-xs text-muted font-bold mb-0.5 block group-focus-within:text-primary transition-colors tracking-tight">Part Number</label>
|
||||
<label className="text-xs text-muted font-normal mb-0.5 block group-focus-within:text-primary transition-colors tracking-tight">Part Number</label>
|
||||
<input
|
||||
value={extractedItems[editingIndex].PartNr || extractedItems[editingIndex].part_number || ''}
|
||||
onChange={(e) => updateEditingItem({ PartNr: e.target.value })}
|
||||
className="bg-transparent w-full font-mono text-sm font-bold outline-none text-secondary"
|
||||
className="bg-transparent w-full font-mono text-sm font-normal outline-none text-secondary"
|
||||
placeholder="ID code..."
|
||||
/>
|
||||
</div>
|
||||
<div className="bg-surface py-2.5 px-4 rounded-[1.2rem] border border-slate-800 focus-within:border-primary/50 transition-colors group">
|
||||
<label className="text-xs text-muted font-bold mb-0.5 block group-focus-within:text-primary transition-colors tracking-tighter">Initial Qty</label>
|
||||
<label className="text-xs text-muted font-normal mb-0.5 block group-focus-within:text-primary transition-colors tracking-tighter">Initial Qty</label>
|
||||
<input
|
||||
type="number"
|
||||
value={extractedItems[editingIndex].quantity || 1}
|
||||
onChange={(e) => updateEditingItem({ quantity: parseFloat(e.target.value) })}
|
||||
className="bg-transparent w-full font-black text-base outline-none text-secondary"
|
||||
className="bg-transparent w-full font-normal text-base outline-none text-secondary"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
@@ -361,7 +361,7 @@ export default function AIOnboarding({ onCancel, onComplete, categories, invento
|
||||
onClick={() => confirmSingleItem(editingIndex)}
|
||||
data-testid="confirm-extraction"
|
||||
aria-label="Add item to catalog"
|
||||
className="py-5 bg-primary text-white rounded-[1.8rem] font-black text-lg shadow-2xl shadow-primary/20 cursor-pointer active:scale-95 transition-all hover:bg-blue-500 focus:ring-2 focus:ring-blue-400 focus:outline-none"
|
||||
className="py-5 bg-primary text-white rounded-[1.8rem] font-normal text-lg shadow-2xl shadow-primary/20 cursor-pointer active:scale-95 transition-all hover:bg-blue-500 focus:ring-2 focus:ring-blue-400 focus:outline-none"
|
||||
>
|
||||
Add to Catalog
|
||||
</button>
|
||||
@@ -370,8 +370,8 @@ export default function AIOnboarding({ onCancel, onComplete, categories, invento
|
||||
) : (
|
||||
<div data-testid="manual-entry-form" className="flex-1 flex flex-col gap-6 overflow-hidden">
|
||||
<div className="flex items-center justify-between">
|
||||
<h3 className="text-sm font-black text-secondary">Discovery Dashboard</h3>
|
||||
<span data-testid="wizard-progress" className="text-xs bg-primary/20 text-primary px-3 py-1 rounded-full font-bold">
|
||||
<h3 className="text-sm font-normal text-secondary">Discovery Dashboard</h3>
|
||||
<span data-testid="wizard-progress" className="text-xs bg-primary/20 text-primary px-3 py-1 rounded-full font-normal">
|
||||
{extractedItems.length} items found
|
||||
</span>
|
||||
</div>
|
||||
@@ -400,13 +400,13 @@ export default function AIOnboarding({ onCancel, onComplete, categories, invento
|
||||
<div className="w-8 h-8 rounded-xl bg-primary/10 flex items-center justify-center text-primary">
|
||||
<Package size={16} />
|
||||
</div>
|
||||
<h4 className="font-black text-secondary truncate">{item.Item || item.name || "Unknown Item"}</h4>
|
||||
<h4 className="font-normal text-secondary truncate">{item.Item || item.name || "Unknown Item"}</h4>
|
||||
</div>
|
||||
<div className="flex gap-2">
|
||||
<span className="text-xs font-black px-2 py-0.5 bg-slate-800 text-secondary rounded-md">
|
||||
<span className="text-xs font-normal px-2 py-0.5 bg-slate-800 text-secondary rounded-md">
|
||||
{item.Type || item.type || "Generic"}
|
||||
</span>
|
||||
<span className="text-xs font-black px-2 py-0.5 bg-slate-800 text-muted rounded-md">
|
||||
<span className="text-xs font-normal px-2 py-0.5 bg-slate-800 text-muted rounded-md">
|
||||
{item.PartNr || item.part_number || "No P/N"}
|
||||
</span>
|
||||
</div>
|
||||
@@ -440,7 +440,7 @@ export default function AIOnboarding({ onCancel, onComplete, categories, invento
|
||||
<button
|
||||
onClick={confirmAllItems}
|
||||
aria-label={`Add ${extractedItems.length} items to catalog`}
|
||||
className="py-5 bg-white text-slate-950 rounded-[1.8rem] font-black text-lg shadow-2xl shadow-white/10 cursor-pointer active:scale-95 transition-all hover:bg-slate-200 focus:ring-2 focus:ring-offset-2 focus:ring-offset-slate-950 focus:ring-white focus:outline-none"
|
||||
className="py-5 bg-white text-slate-950 rounded-[1.8rem] font-normal text-lg shadow-2xl shadow-white/10 cursor-pointer active:scale-95 transition-all hover:bg-slate-200 focus:ring-2 focus:ring-offset-2 focus:ring-offset-slate-950 focus:ring-white focus:outline-none"
|
||||
>
|
||||
Add {extractedItems.length} items to catalog
|
||||
</button>
|
||||
@@ -451,7 +451,7 @@ export default function AIOnboarding({ onCancel, onComplete, categories, invento
|
||||
}}
|
||||
data-testid="reject-extraction"
|
||||
aria-label="Discard discovery session"
|
||||
className="py-3 text-xs text-secondary font-bold cursor-pointer hover:text-secondary transition-colors focus:ring-2 focus:ring-slate-500 focus:outline-none rounded px-2"
|
||||
className="py-3 text-xs text-secondary font-normal cursor-pointer hover:text-secondary transition-colors focus:ring-2 focus:ring-slate-500 focus:outline-none rounded px-2"
|
||||
>
|
||||
Discard Discovery
|
||||
</button>
|
||||
|
||||
Reference in New Issue
Block a user