spencermandClaude Fable 5.1
37d9a0cb50
Migration 0003: projects, aliases, renumbers, units, packets and every child table, change orders, assets, documents, ITPs, station limits, department weld flag. Policy package: Principal, PacketState, Action rules, custody, preconditions, CO hold, order of checks, can/blocked/holder on reads. docs/POLICY.md with the tightenings table for Seth. Write pipeline: FOR UPDATE, CAS on status and dept, If-Match row versions, server-assigned numbers, field CAS, version bump, packet log, audit, NOTIFY, signatures, IT reasons, filed lock and HMAC seal. API: /api/packets (header, transitions, work orders, pages, docs, move, remove, BOM, shorts, welds, heat tags, heat table, stage, checklist, clock, warehouse stage, Q.C., change orders, log, seal), /api/projects, /api/units, /api/assets, /_blob. Frontend: Clerical home, projects and units, packet page with pdf.js and QR codes, hand draft, heat map, send to warehouse, department or Q.C. Tests: policy matrix, API, concurrency, schema, projects; Playwright Clerical draft scenario. Verified on docker-1 with the CI stack and the Samba DC. Co-Authored-By: Claude Fable 5.1 <[email protected]>
27 lines
818 B
TypeScript
27 lines
818 B
TypeScript
import type { ReactNode } from "react";
|
|
|
|
export interface Kpi {
|
|
n: ReactNode;
|
|
label: string;
|
|
/** Turns pink when above zero. */
|
|
alert?: boolean;
|
|
}
|
|
|
|
/** The old kpis(): number tiles. Zero is grey, an alert above zero is pink. */
|
|
export function Kpis({ items, label = "Numbers" }: { items: Kpi[]; label?: string }) {
|
|
return (
|
|
<div className="kpis" role="group" aria-label={label}>
|
|
{items.map((k) => {
|
|
const zero = String(k.n) === "0";
|
|
const cls = ["kpi", k.alert && !zero ? "hot" : "", zero ? "zero" : ""].filter(Boolean).join(" ");
|
|
return (
|
|
<div key={k.label} className={cls} aria-label={`${k.label}: ${String(k.n)}`}>
|
|
<div className="n">{k.n}</div>
|
|
<div className="l">{k.label}</div>
|
|
</div>
|
|
);
|
|
})}
|
|
</div>
|
|
);
|
|
}
|