From 62bdd79b3473262dde5fb0a90eab34fe7bf344fd Mon Sep 17 00:00:00 2001
From: Tyler Hoang <tyler@tylerhoang.xyz>
Date: Sun, 17 May 2026 13:07:40 -0700
Subject: 'UI Shell and General Architecture'

---
 frontend/components/prism/KPIStrip.tsx | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)
 create mode 100644 frontend/components/prism/KPIStrip.tsx

(limited to 'frontend/components/prism/KPIStrip.tsx')

diff --git a/frontend/components/prism/KPIStrip.tsx b/frontend/components/prism/KPIStrip.tsx
new file mode 100644
index 0000000..b3cd34c
--- /dev/null
+++ b/frontend/components/prism/KPIStrip.tsx
@@ -0,0 +1,16 @@
+import type { KpiItem } from "@/lib/overview";
+
+export function KPIStrip({ items }: { items: KpiItem[] }) {
+  return (
+    <section className="psm-card psm-kpis" aria-label="Key metrics">
+      {items.map((item) => (
+        <div className="psm-kpi" key={item.key}>
+          <span className="psm-kpi-key">{item.key}</span>
+          <span className={`psm-kpi-value${item.missing ? " missing" : ""}`}>{item.value}</span>
+          <span className="psm-kpi-sub">{item.sublabel}</span>
+        </div>
+      ))}
+    </section>
+  );
+}
+
-- 
cgit v1.3-2-g0d8e

