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

Build [v1.10.4]

Browse Source
This commit is contained in:
Daniel Bedeleanu
2026-04-15 18:10:04 +03:00
parent 6760ab0abf
commit 2d162ff3c0
10 changed files with 237 additions and 226 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -95,7 +95,7 @@ export default function LogsPage() {
</div>
<div>
<h1 className="text-2xl md:text-3xl font-black tracking-tight text-white leading-tight">Operations Audit</h1>
<p className="text-[10px] md:text-xs text-slate-500 font-bold uppercase tracking-widest mt-0.5">Real-time Intervention Tracking</p>
<p className="text-xs md:text-sm text-slate-400 font-bold uppercase tracking-widest mt-0.5">Real-time Intervention Tracking</p>
</div>
</div>
@@ -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-slate-900 border border-slate-800 text-slate-400 hover:text-white rounded-2xl text-[10px] font-black transition-all active:scale-95 disabled:opacity-50 shadow-xl"
className="flex items-center gap-2 px-5 py-2.5 bg-slate-900 border border-slate-800 text-slate-400 hover:text-white rounded-2xl text-xs font-black transition-all active:scale-95 disabled:opacity-50 shadow-xl"
>
<RefreshCw size={14} className={cn(loading && "animate-spin")} />
Sync Logs
@@ -153,10 +153,10 @@ export default function LogsPage() {
<button
onClick={() => setFilterAction('ALL')}
className={cn(
"px-5 py-2 rounded-full text-[10px] font-black transition-all whitespace-nowrap border uppercase tracking-widest",
"px-5 py-2 rounded-full text-xs font-bold transition-all whitespace-nowrap border uppercase tracking-widest",
filterAction === 'ALL'
? "bg-white text-slate-950 border-white shadow-xl shadow-white/10"
: "bg-slate-900/50 text-slate-500 border-slate-800 hover:border-slate-700"
: "bg-slate-900/50 text-slate-400 border-slate-800 hover:border-slate-700"
)}
>
All Streams
@@ -166,10 +166,10 @@ export default function LogsPage() {
key={f}
onClick={() => setFilterAction(f)}
className={cn(
"px-5 py-2 rounded-full text-[10px] font-black transition-all whitespace-nowrap border uppercase tracking-widest",
"px-5 py-2 rounded-full text-xs font-bold transition-all whitespace-nowrap border uppercase tracking-widest",
filterAction === f
? "bg-primary text-white border-primary shadow-xl shadow-primary/10"
: "bg-slate-900/50 text-slate-500 border-slate-800 hover:border-slate-700"
: "bg-slate-900/50 text-slate-400 border-slate-800 hover:border-slate-700"
)}
>
{f}
@@ -182,7 +182,7 @@ export default function LogsPage() {
{loading ? (
<div className="flex flex-col items-center justify-center py-32 text-slate-600 gap-4 animate-pulse">
<div className="w-10 h-10 border-4 border-primary/20 border-t-primary rounded-full animate-spin" />
<p className="text-[10px] font-black tracking-widest uppercase italic">Securing Audit Stream...</p>
<p className="text-xs font-black tracking-widest uppercase italic">Securing Audit Stream...</p>
</div>
) : filteredLogs.length === 0 ? (
<div className="bg-slate-900/20 border border-slate-800/50 border-dashed rounded-[2.5rem] py-20 flex flex-col items-center justify-center text-center gap-6">
@@ -205,7 +205,7 @@ export default function LogsPage() {
<div className="flex-1 min-w-0 z-10 flex items-center gap-4">
{/* Compact Action Badge */}
<div className={cn(
"text-[8px] font-black px-2 py-1 rounded-lg border min-w-[75px] text-center uppercase tracking-tighter",
"text-[10px] font-black px-3 py-1.5 rounded-lg border min-w-[85px] text-center uppercase tracking-tight",
log.action.includes('CHECK_IN') ? "bg-green-500/10 text-green-500 border-green-500/20" :
(log.action.includes('TRASH') ? "bg-rose-500/10 text-rose-500 border-rose-500/20" :
(log.action.includes('DB') ? "bg-sky-500/10 text-sky-400 border-sky-500/20" :
@@ -216,13 +216,13 @@ export default function LogsPage() {
</div>
<div className="flex-1 min-w-0">
<h3 className="text-sm font-bold text-slate-100 group-hover:text-primary transition-colors truncate">
<h3 className="text-base font-bold text-slate-100 group-hover:text-primary transition-colors truncate">
{log.resolved_name}
</h3>
<div className="flex items-center gap-2 mt-0.5">
<span className="text-[9px] font-black text-slate-500 uppercase tracking-tighter shrink-0">{log.username || 'System'}</span>
<span className="w-0.5 h-0.5 rounded-full bg-slate-800 shrink-0" />
<span className="text-[9px] text-slate-600 font-bold tabular-nums truncate">
<span className="text-[11px] font-bold text-slate-400 uppercase tracking-tight shrink-0">{log.username || 'System'}</span>
<span className="w-1 h-1 rounded-full bg-slate-800 shrink-0" />
<span className="text-[11px] text-slate-400 font-medium tabular-nums truncate">
{new Date(log.timestamp).toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' })} · {new Date(log.timestamp).toLocaleDateString()}
</span>
</div>
@@ -250,7 +250,7 @@ export default function LogsPage() {
<div className="flex justify-between items-start">
<div className="space-y-1 pr-4">
<div className={cn(
"text-[9px] font-black px-3 py-1 rounded-full border inline-block uppercase tracking-widest",
"text-xs font-bold px-4 py-1.5 rounded-full border inline-block uppercase tracking-widest",
selectedLog.action.includes('CHECK_IN') ? "bg-green-500/10 text-green-500 border-green-500/30" :
(selectedLog.action.includes('TRASH') ? "bg-rose-500/10 text-rose-500 border-rose-500/30" : "bg-primary/10 text-primary border-primary/30")
)}>
@@ -267,11 +267,11 @@ export default function LogsPage() {
<div className="grid grid-cols-2 gap-4">
<div className="space-y-1 bg-slate-950/50 p-4 rounded-2xl border border-slate-800/50">
<p className="text-[9px] font-black text-slate-600 uppercase tracking-widest">Protocol Operator</p>
<p className="text-[11px] font-bold text-slate-500 uppercase tracking-widest">Protocol Operator</p>
<p className="text-sm font-black text-slate-200">{selectedLog.username || 'Automated Process'}</p>
</div>
<div className="space-y-1 bg-slate-950/50 p-4 rounded-2xl border border-slate-800/50">
<p className="text-[9px] font-black text-slate-600 uppercase tracking-widest">Quantity Delta</p>
<p className="text-[11px] font-bold text-slate-500 uppercase tracking-widest">Quantity Delta</p>
<p className={cn(
"text-xl font-black tabular-nums",
(selectedLog.quantity_change || 0) > 0 ? "text-green-500" : "text-rose-500"
@@ -285,7 +285,7 @@ export default function LogsPage() {
<div className="space-y-5">
<div className="space-y-1">
<p className="text-[9px] font-black text-slate-600 uppercase tracking-widest ml-1">Universal Timestamp</p>
<p className="text-[11px] font-bold text-slate-500 uppercase tracking-widest ml-1">Universal Timestamp</p>
<p className="text-xs font-bold text-slate-400 bg-slate-950/30 p-4 rounded-2xl border border-slate-800/30 tabular-nums">
{new Date(selectedLog.timestamp).toLocaleString(undefined, { dateStyle: 'full', timeStyle: 'medium' })}
</p>
@@ -305,8 +305,8 @@ export default function LogsPage() {
{Object.entries(snap).map(([key, val]) => (
(val && key !== 'image_url' && key !== 'id') ? (
<div key={key} className="bg-slate-950/20 p-3 rounded-xl border border-slate-800/20">
<p className="text-[7px] font-black text-slate-600 uppercase mb-1 tracking-tighter opacity-70">{key.replace('_', ' ')}</p>
<p className="text-[10px] font-bold text-slate-400 truncate" title={String(val)}>{String(val)}</p>
<p className="text-[10px] font-bold text-slate-500 uppercase mb-1 tracking-tight opacity-70">{key.replace('_', ' ')}</p>
<p className="text-xs font-bold text-slate-300 truncate" title={String(val)}>{String(val)}</p>
</div>
) : null
))}
@@ -318,8 +318,8 @@ export default function LogsPage() {
{selectedLog.details && (
<div className="space-y-1.5">
<p className="text-[9px] font-black text-slate-600 uppercase tracking-widest ml-1">Intervention Details</p>
<div className="bg-primary/5 text-primary/80 p-5 rounded-3xl border border-primary/10 text-xs font-bold leading-relaxed italic shadow-inner">
<p className="text-[11px] font-bold text-slate-500 uppercase tracking-widest ml-1">Intervention Details</p>
<div className="bg-primary/5 text-primary/80 p-5 rounded-3xl border border-primary/10 text-sm font-medium leading-relaxed italic shadow-inner">
"{selectedLog.details}"
</div>
</div>