bede/tfm_ainventory
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Build [v1.14.31]

Browse Source
This commit is contained in:
Daniel Bedeleanu
2026-04-25 12:53:41 +03:00
parent d0f166a370
commit de8c5c7135
42 changed files with 441 additions and 354 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/app/admin/page.tsx
View File

@@ -37,7 +37,7 @@ export default function AdminPage() {
</div>
<button
onClick={admin.handleLogout}
className="ml-auto p-3 bg-surface border border-slate-800 text-secondary hover:text-rose-500 transition-all active:scale-95 focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-offset-background focus-visible:ring-rose-500 focus-visible:outline-none"
className="ml-auto p-3 bg-surface border border-border text-secondary hover:text-rose-500 transition-all active:scale-95 focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-offset-background focus-visible:ring-rose-500 focus-visible:outline-none"
title="Secure Logout"
aria-label="Logout from admin panel"
>

4
frontend/app/inventory/page.tsx
View File

@@ -284,14 +284,14 @@ export default function InventoryPage() {
</div>
<button
onClick={() => setShowSearchModal(true)}
className="ml-auto p-3 bg-surface border border-slate-800 text-secondary hover:text-primary transition-all active:scale-95"
className="ml-auto p-3 bg-surface border border-border text-secondary hover:text-primary transition-all active:scale-95"
title="Search Inventory"
>
<Search size={20} />
</button>
<button
onClick={() => setShowBoxManager(true)}
className="p-3 bg-surface border border-slate-800 text-secondary hover:text-primary transition-all active:scale-95"
className="p-3 bg-surface border border-border text-secondary hover:text-primary transition-all active:scale-95"
title="Manage Boxes"
>
<Layout size={20} />

80
frontend/app/items/create.tsx
View File

@@ -111,16 +111,16 @@ export default function CreateItemPage() {
return (
<div
className={`flex items-center gap-2 text-xs font-normal ${
isActive ? 'text-primary' : isCompleted ? 'text-slate-400' : 'text-slate-500'
isActive ? 'text-primary' : isCompleted ? 'text-secondary' : 'text-secondary'
}`}
>
<div
className={`w-6 h-6 rounded-full flex items-center justify-center ${
className={`w-6 h-6 rounded-none flex items-center justify-center ${
isActive
? 'bg-primary text-white'
: isCompleted
? 'bg-slate-400 text-white'
: 'bg-slate-700'
: 'bg-[#222222]'
}`}
>
{stepNum}
@@ -131,24 +131,24 @@ export default function CreateItemPage() {
};
return (
<div className="min-h-screen bg-slate-950 text-white p-4">
<div className="min-h-screen bg-surface text-white p-4">
{/* Header */}
<div className="max-w-2xl mx-auto mb-6">
<button
onClick={() => router.back()}
className="flex items-center gap-2 text-sm text-slate-400 hover:text-white transition-colors mb-6"
className="flex items-center gap-2 text-sm text-secondary hover:text-white transition-colors mb-6"
>
<ArrowLeft size={16} />
Back
</button>
<div className="flex items-center gap-4 mb-8">
<div className="p-3 bg-primary/10 rounded-lg border border-primary/20">
<div className="p-3 bg-primary/10 rounded-none border border-primary/20">
<Upload size={24} className="text-primary" />
</div>
<div>
<h1 className="text-2xl font-normal">Create New Item</h1>
<p className="text-xs text-slate-500 mt-1">
<p className="text-xs text-secondary mt-1">
Step {step === 'details' ? 1 : step === 'photo' ? 2 : step === 'preview' ? 3 : 4} of 4
</p>
</div>
@@ -167,7 +167,7 @@ export default function CreateItemPage() {
<div className="max-w-2xl mx-auto">
{/* Details Step */}
{step === 'details' && (
<div className="bg-slate-900 rounded-lg border border-slate-800 p-6">
<div className="bg-surface-container rounded-none border border-border p-6">
<h2 className="text-lg font-normal mb-6">Item Details</h2>
<div className="space-y-4">
@@ -179,7 +179,7 @@ export default function CreateItemPage() {
value={formData.name}
onChange={(e) => setFormData({ name: e.target.value })}
placeholder="Enter item name"
className="w-full px-3 py-2 bg-slate-800 border border-slate-700 rounded-lg text-white placeholder-slate-500 focus:border-primary focus:outline-none"
className="w-full px-3 py-2 bg-surface-bright border border-border rounded-none text-white placeholder-slate-500 focus:border-primary focus:outline-none"
disabled={isLoading}
/>
</div>
@@ -190,7 +190,7 @@ export default function CreateItemPage() {
<select
value={formData.category}
onChange={(e) => setFormData({ category: e.target.value })}
className="w-full px-3 py-2 bg-slate-800 border border-slate-700 rounded-lg text-white focus:border-primary focus:outline-none"
className="w-full px-3 py-2 bg-surface-bright border border-border rounded-none text-white focus:border-primary focus:outline-none"
disabled={isLoading}
>
<option value="">Select a category</option>
@@ -210,7 +210,7 @@ export default function CreateItemPage() {
value={formData.item_type}
onChange={(e) => setFormData({ item_type: e.target.value })}
placeholder="e.g., Component, Part, Equipment"
className="w-full px-3 py-2 bg-slate-800 border border-slate-700 rounded-lg text-white placeholder-slate-500 focus:border-primary focus:outline-none"
className="w-full px-3 py-2 bg-surface-bright border border-border rounded-none text-white placeholder-slate-500 focus:border-primary focus:outline-none"
disabled={isLoading}
/>
</div>
@@ -223,7 +223,7 @@ export default function CreateItemPage() {
min="1"
value={formData.quantity}
onChange={(e) => setFormData({ quantity: parseInt(e.target.value) || 1 })}
className="w-full px-3 py-2 bg-slate-800 border border-slate-700 rounded-lg text-white focus:border-primary focus:outline-none"
className="w-full px-3 py-2 bg-surface-bright border border-border rounded-none text-white focus:border-primary focus:outline-none"
disabled={isLoading}
/>
</div>
@@ -236,7 +236,7 @@ export default function CreateItemPage() {
value={formData.part_number || ''}
onChange={(e) => setFormData({ part_number: e.target.value })}
placeholder="e.g., PN-12345"
className="w-full px-3 py-2 bg-slate-800 border border-slate-700 rounded-lg text-white placeholder-slate-500 focus:border-primary focus:outline-none"
className="w-full px-3 py-2 bg-surface-bright border border-border rounded-none text-white placeholder-slate-500 focus:border-primary focus:outline-none"
disabled={isLoading}
/>
</div>
@@ -249,14 +249,14 @@ export default function CreateItemPage() {
value={formData.barcode || ''}
onChange={(e) => setFormData({ barcode: e.target.value })}
placeholder="e.g., 1234567890"
className="w-full px-3 py-2 bg-slate-800 border border-slate-700 rounded-lg text-white placeholder-slate-500 focus:border-primary focus:outline-none"
className="w-full px-3 py-2 bg-surface-bright border border-border rounded-none text-white placeholder-slate-500 focus:border-primary focus:outline-none"
disabled={isLoading}
/>
</div>
{/* Error Message */}
{error && (
<div className="p-3 bg-red-500/10 border border-red-500/30 rounded-lg text-red-400 text-sm">
<div className="p-3 bg-red-500/10 border border-red-500/30 rounded-none text-red-400 text-sm">
{error}
</div>
)}
@@ -265,7 +265,7 @@ export default function CreateItemPage() {
<div className="flex gap-3 pt-4">
<button
onClick={() => router.back()}
className="flex-1 px-4 py-2 border border-slate-700 text-slate-300 rounded-lg hover:border-slate-600 transition-colors font-normal"
className="flex-1 px-4 py-2 border border-border text-[#CCCCCC] rounded-none hover:border-slate-600 transition-colors font-normal"
disabled={isLoading}
>
Discard Draft
@@ -273,7 +273,7 @@ export default function CreateItemPage() {
<button
onClick={handleDetailsSubmit}
disabled={isLoading}
className="flex-1 px-4 py-2 bg-primary text-white rounded-lg hover:bg-primary/90 transition-colors font-normal flex items-center justify-center gap-2"
className="flex-1 px-4 py-2 bg-primary text-white rounded-none hover:bg-primary/90 transition-colors font-normal flex items-center justify-center gap-2"
>
{isLoading ? <Loader2 size={16} className="animate-spin" /> : <ChevronRight size={16} />}
{isLoading ? 'Creating...' : 'Next: Upload Photo'}
@@ -285,9 +285,9 @@ export default function CreateItemPage() {
{/* Photo Upload Step */}
{step === 'photo' && (
<div className="bg-slate-900 rounded-lg border border-slate-800 p-6">
<div className="bg-surface-container rounded-none border border-border p-6">
<h2 className="text-lg font-normal mb-4">Upload Item Photo</h2>
<p className="text-sm text-slate-400 mb-6">
<p className="text-sm text-secondary mb-6">
Take a photo or upload an image. You can crop it manually on the next step.
</p>
@@ -304,7 +304,7 @@ export default function CreateItemPage() {
</div>
{photoError && (
<div className="p-3 bg-red-500/10 border border-red-500/30 rounded-lg text-red-400 text-sm mb-6">
<div className="p-3 bg-red-500/10 border border-red-500/30 rounded-none text-red-400 text-sm mb-6">
{photoError}
</div>
)}
@@ -313,14 +313,14 @@ export default function CreateItemPage() {
<div className="flex gap-3">
<button
onClick={prevStep}
className="flex-1 px-4 py-2 border border-slate-700 text-slate-300 rounded-lg hover:border-slate-600 transition-colors font-normal"
className="flex-1 px-4 py-2 border border-border text-[#CCCCCC] rounded-none hover:border-slate-600 transition-colors font-normal"
>
Back
</button>
<button
onClick={nextStep}
disabled={!uploadedPhoto}
className="flex-1 px-4 py-2 bg-primary text-white rounded-lg hover:bg-primary/90 disabled:bg-slate-700 disabled:text-slate-500 transition-colors font-normal flex items-center justify-center gap-2"
className="flex-1 px-4 py-2 bg-primary text-white rounded-none hover:bg-primary/90 disabled:bg-[#222222] disabled:text-secondary transition-colors font-normal flex items-center justify-center gap-2"
>
<ChevronRight size={16} />
Next: Crop & Preview
@@ -331,13 +331,13 @@ export default function CreateItemPage() {
{/* Preview Step (Crop) */}
{step === 'preview' && uploadedPhoto && (
<div className="bg-slate-900 rounded-lg border border-slate-800 p-6">
<div className="bg-surface-container rounded-none border border-border p-6">
<h2 className="text-lg font-normal mb-4">Crop & Preview</h2>
<p className="text-sm text-slate-400 mb-6">
<p className="text-sm text-secondary mb-6">
Adjust the crop area or use the full photo. Manual crop handles are visible.
</p>
<div className="mb-6 bg-slate-800 rounded-lg p-4">
<div className="mb-6 bg-surface-bright rounded-none p-4">
<ManualCropUI
imageUrl={uploadedPhoto.full_url}
onCropChange={setCropBounds}
@@ -346,7 +346,7 @@ export default function CreateItemPage() {
</div>
{/* Use Full Photo Toggle */}
<div className="flex items-center gap-3 mb-6 p-3 bg-slate-800 rounded-lg">
<div className="flex items-center gap-3 mb-6 p-3 bg-surface-bright rounded-none">
<input
type="checkbox"
id="use-full-photo"
@@ -359,7 +359,7 @@ export default function CreateItemPage() {
}}
className="w-4 h-4 rounded border-slate-600 accent-primary"
/>
<label htmlFor="use-full-photo" className="text-sm font-normal text-slate-300">
<label htmlFor="use-full-photo" className="text-sm font-normal text-[#CCCCCC]">
Use full photo (skip cropping)
</label>
</div>
@@ -368,13 +368,13 @@ export default function CreateItemPage() {
<div className="flex gap-3">
<button
onClick={prevStep}
className="flex-1 px-4 py-2 border border-slate-700 text-slate-300 rounded-lg hover:border-slate-600 transition-colors font-normal"
className="flex-1 px-4 py-2 border border-border text-[#CCCCCC] rounded-none hover:border-slate-600 transition-colors font-normal"
>
Back
</button>
<button
onClick={nextStep}
className="flex-1 px-4 py-2 bg-primary text-white rounded-lg hover:bg-primary/90 transition-colors font-normal flex items-center justify-center gap-2"
className="flex-1 px-4 py-2 bg-primary text-white rounded-none hover:bg-primary/90 transition-colors font-normal flex items-center justify-center gap-2"
>
<ChevronRight size={16} />
Next: Confirm
@@ -385,30 +385,30 @@ export default function CreateItemPage() {
{/* Confirm Step */}
{step === 'confirm' && (
<div className="bg-slate-900 rounded-lg border border-slate-800 p-6">
<div className="bg-surface-container rounded-none border border-border p-6">
<h2 className="text-lg font-normal mb-6">Confirm & Save</h2>
{/* Item Summary */}
<div className="bg-slate-800 rounded-lg p-4 mb-6 space-y-2">
<div className="bg-surface-bright rounded-none p-4 mb-6 space-y-2">
<div className="flex justify-between text-sm">
<span className="text-slate-400">Name:</span>
<span className="text-secondary">Name:</span>
<span className="font-normal">{formData.name}</span>
</div>
<div className="flex justify-between text-sm">
<span className="text-slate-400">Category:</span>
<span className="text-secondary">Category:</span>
<span className="font-normal">{formData.category}</span>
</div>
<div className="flex justify-between text-sm">
<span className="text-slate-400">Type:</span>
<span className="text-secondary">Type:</span>
<span className="font-normal">{formData.item_type}</span>
</div>
<div className="flex justify-between text-sm">
<span className="text-slate-400">Quantity:</span>
<span className="text-secondary">Quantity:</span>
<span className="font-normal">{formData.quantity}</span>
</div>
{uploadedPhoto && (
<div className="flex justify-between text-sm">
<span className="text-slate-400">Photo:</span>
<span className="text-secondary">Photo:</span>
<span className="font-normal text-green-400">Uploaded</span>
</div>
)}
@@ -417,11 +417,11 @@ export default function CreateItemPage() {
{/* Photo Thumbnail */}
{uploadedPhoto && (
<div className="mb-6">
<p className="text-sm text-slate-400 mb-2">Photo Preview</p>
<p className="text-sm text-secondary mb-2">Photo Preview</p>
<img
src={uploadedPhoto.thumbnail_url}
alt="Item"
className="w-full h-48 object-cover rounded-lg"
className="w-full h-48 object-cover rounded-none"
/>
</div>
)}
@@ -430,13 +430,13 @@ export default function CreateItemPage() {
<div className="flex gap-3">
<button
onClick={prevStep}
className="flex-1 px-4 py-2 border border-slate-700 text-slate-300 rounded-lg hover:border-slate-600 transition-colors font-normal"
className="flex-1 px-4 py-2 border border-border text-[#CCCCCC] rounded-none hover:border-slate-600 transition-colors font-normal"
>
Back
</button>
<button
onClick={handleConfirm}
className="flex-1 px-4 py-2 bg-green-600 text-white rounded-lg hover:bg-green-700 transition-colors font-normal flex items-center justify-center gap-2"
className="flex-1 px-4 py-2 bg-green-600 text-white rounded-none hover:bg-green-700 transition-colors font-normal flex items-center justify-center gap-2"
>
Save & Close
</button>

8
frontend/app/logs/page.tsx
View File

@@ -103,7 +103,7 @@ export default function LogsPage() {
<button
onClick={loadData}
disabled={loading}
className="flex items-center gap-2 px-5 py-2.5 bg-surface border border-slate-800 text-secondary hover:text-white text-xs font-normal transition-all active:scale-95 disabled:opacity-50"
className="flex items-center gap-2 px-5 py-2.5 bg-surface border border-border text-secondary hover:text-white text-xs font-normal transition-all active:scale-95 disabled:opacity-50"
>
<RefreshCw size={14} className={cn(loading && "animate-spin")} />
Sync Logs
@@ -142,7 +142,7 @@ export default function LogsPage() {
placeholder="Filter by user, action or asset..."
value={searchQuery}
onChange={(e) => setSearchQuery(e.target.value)}
className="w-full bg-surface/50 border border-slate-800 py-3 lg:py-4 xl:py-5.5 pr-4 pl-12 text-sm lg:text-base xl:text-lg lg:text-xl xl:text-2xl lg:text-3xl xl:text-4xl focus:border-primary outline-none transition-all placeholder:text-secondary"
className="w-full bg-surface/50 border border-border py-3 lg:py-4 xl:py-5.5 pr-4 pl-12 text-sm lg:text-base xl:text-lg lg:text-xl xl:text-2xl lg:text-3xl xl:text-4xl focus:border-primary outline-none transition-all placeholder:text-secondary"
/>
<div className="absolute left-4 top-1/2 -translate-y-1/2 text-secondary transition-colors group-focus-within:text-primary">
<Search size={18} />
@@ -156,7 +156,7 @@ export default function LogsPage() {
"px-5 py-2 text-xs font-normal transition-all whitespace-nowrap border",
filterAction === 'ALL'
? "bg-white text-slate-950 border-white"
: "bg-surface/70 text-secondary border-slate-800 hover:border-slate-700"
: "bg-surface/70 text-secondary border-border hover:border-border"
)}
>
All Streams
@@ -169,7 +169,7 @@ export default function LogsPage() {
"px-5 py-2 text-xs font-normal transition-all whitespace-nowrap border",
filterAction === f
? "bg-primary text-white border-primary"
: "bg-surface/70 text-secondary border-slate-800 hover:border-slate-700"
: "bg-surface/70 text-secondary border-border hover:border-border"
)}
>
{f}

14
frontend/app/page.tsx
View File

@@ -385,7 +385,7 @@ export default function Home() {
</div>
</div>
<div className="flex flex-wrap items-center justify-between sm:justify-end gap-2 md:gap-3 bg-surface/50 sm:bg-transparent px-3 py-2 sm:p-0 border border-slate-800/50 sm:border-none">
<div className="flex flex-wrap items-center justify-between sm:justify-end gap-2 md:gap-3 bg-surface/50 sm:bg-transparent px-3 py-2 sm:p-0 border border-border/50 sm:border-none">
<div className="flex flex-wrap items-center gap-2 md:gap-3">
{isScannerReady && (
<div className="flex items-center gap-2">
@@ -405,7 +405,7 @@ export default function Home() {
<div className="flex items-center gap-2">
<button
onClick={() => setShowSearch(true)}
className="p-2.5 bg-surface border border-slate-800 text-secondary hover:text-white transition-all active:scale-95"
className="p-2.5 bg-surface border border-border text-secondary hover:text-white transition-all active:scale-95"
title="Search (Ctrl+K)"
>
<Search size={18} />
@@ -414,7 +414,7 @@ export default function Home() {
onClick={handleSync}
disabled={syncing}
data-testid="manual-sync-button"
className="p-2.5 bg-surface border border-slate-800 text-secondary hover:text-white transition-all active:scale-95 disabled:opacity-50"
className="p-2.5 bg-surface border border-border text-secondary hover:text-white transition-all active:scale-95 disabled:opacity-50"
>
<RefreshCw size={18} className={syncing ? "animate-spin text-primary" : ""} />
</button>
@@ -498,7 +498,7 @@ export default function Home() {
{/* Box Contents Selection Modal */}
{boxMatches.length > 0 && !selectedItem && (
<div className="fixed inset-0 z-50 flex items-end sm:items-center justify-center p-4 bg-background/80 animate-in fade-in duration-200">
<div className="w-full max-w-lg bg-surface border border-slate-800 p-4 md:p-6 overflow-hidden animate-in slide-in-from-bottom-10 duration-300 flex flex-col max-h-[85vh]">
<div className="w-full max-w-lg bg-surface border border-border p-4 md:p-6 overflow-hidden animate-in slide-in-from-bottom-10 duration-300 flex flex-col max-h-[85vh]">
<div className="flex justify-between items-center mb-3 md:mb-4 shrink-0">
<div>
<h3 className="text-xl font-normal tracking-tight flex items-center gap-2">
@@ -507,7 +507,7 @@ export default function Home() {
</h3>
<p className="text-xs text-secondary font-normal mt-1">Select the item you want to {mode.replace('_', ' ').toLowerCase()}</p>
</div>
<button onClick={() => setBoxMatches([])} className="p-2 lg:p-3 xl:p-4 lg:p-5 xl:p-6 lg:p-8 xl:p-10 hover:bg-slate-800">
<button onClick={() => setBoxMatches([])} className="p-2 lg:p-3 xl:p-4 lg:p-5 xl:p-6 lg:p-8 xl:p-10 hover:bg-surface-bright">
<X size={20} />
</button>
</div>
@@ -520,7 +520,7 @@ export default function Home() {
setBoxMatches([]);
setAdjustType(mode === 'CHECK_IN' ? 'ADD' : 'REMOVE');
}}
className="w-full text-left bg-background/50 hover:bg-slate-800 border border-slate-800/80 p-3 md:p-4 flex items-center gap-2 md:gap-3 transition-all active:scale-[0.98] group"
className="w-full text-left bg-background/50 hover:bg-surface-bright border border-border/80 p-3 md:p-4 flex items-center gap-2 md:gap-3 transition-all active:scale-[0.98] group"
>
<div className="flex-1 min-w-0">
<p className="text-sm font-normal text-white">{item.name}</p>
@@ -538,7 +538,7 @@ export default function Home() {
{/* Footer Branding */}
<footer className="mt-12 md:mt-20 mb-4 md:mb-8 flex flex-col items-center gap-2 opacity-70">
<p className="text-sm font-normal text-secondary">Powered by TFM Group Software</p>
<div className="h-px w-16 bg-slate-700/60" />
<div className="h-px w-16 bg-[#222222]/60" />
<p className="text-xs lg:text-sm xl:text-base lg:text-lg xl:text-xl lg:text-2xl xl:text-3xl lg:text-4xl xl:text-5xl font-mono text-secondary">v{versionData.version} • {versionData.last_build} • BUILD: dev-{(versionData as any).commit || 'N/A'}</p>
</footer>
</div>