lorentz
9658640c04
The soft reset to 77073ba inadvertently staged deletions of all phase 2
and 3 artifacts. This commit restores them from their source commits so
subsequent task commits build on the complete prior-phase foundation:
- components/mobile/{BottomNav,HeaderBar,KpiCardMobile,MoreDrawer,NeedsAttentionStrip,WorkerStatusRow}
- app/mobile/layout.tsx, dashboard/page.tsx, analyzer/page.tsx
- app/api/mobile/dashboard/route.ts
- All .planning/** files from phases 01-04
- CLAUDE.md, app/layout.tsx, app/styles/brand.css, public/manifest.json
55 lines
1.6 KiB
TypeScript
55 lines
1.6 KiB
TypeScript
'use client';
|
|
|
|
/* WorkerStatusRow — phase 03 (DASH-03).
|
|
*
|
|
* Compact 3-cell read-only status row showing analyzer worker, RMM worker,
|
|
* and backup success rate. Each cell is a next/link to the corresponding
|
|
* desktop admin page. status='ok' = emerald dot, 'warn' = amber, 'down' =
|
|
* destructive. */
|
|
|
|
import Link from 'next/link';
|
|
import { ExternalLink } from 'lucide-react';
|
|
|
|
export type WorkerStatus = 'ok' | 'warn' | 'down';
|
|
|
|
export interface WorkerStatusEntry {
|
|
id: string;
|
|
label: string;
|
|
value: string;
|
|
status: WorkerStatus;
|
|
href: string;
|
|
}
|
|
|
|
interface WorkerStatusRowProps {
|
|
entries: WorkerStatusEntry[];
|
|
}
|
|
|
|
const DOT_COLOR: Record<WorkerStatus, string> = {
|
|
ok: 'bg-emerald-500',
|
|
warn: 'bg-amber-500',
|
|
down: 'bg-destructive',
|
|
};
|
|
|
|
export function WorkerStatusRow({ entries }: WorkerStatusRowProps) {
|
|
return (
|
|
<div>
|
|
<p className="text-xs font-semibold text-muted-foreground uppercase tracking-wider mb-2">
|
|
Workers & backups
|
|
</p>
|
|
<div className="rounded-2xl border divide-y overflow-hidden">
|
|
{entries.map(e => (
|
|
<Link
|
|
key={e.id}
|
|
href={e.href}
|
|
className="flex items-center gap-3 px-4 py-3 hover:bg-accent transition-colors"
|
|
>
|
|
<span className={`inline-block w-2 h-2 rounded-full shrink-0 ${DOT_COLOR[e.status]}`} aria-hidden="true" />
|
|
<span className="text-sm font-medium flex-1">{e.label}</span>
|
|
<span className="text-sm tabular-nums text-muted-foreground">{e.value}</span>
|
|
<ExternalLink className="w-3.5 h-3.5 text-muted-foreground shrink-0" />
|
|
</Link>
|
|
))}
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|