feat(sp6): InboxHeader + CandidateBreakdown

2026-06-20 18:41:07 -06:00
parent 5f3339ac1f
commit 610e580844
4 changed files with 143 additions and 0 deletions
@@ -0,0 +1,50 @@
+export function InboxHeader({
+  needEyesCount,
+  doneTodayCount,
+}: {
+  needEyesCount: number;
+  doneTodayCount: number;
+}) {
+  const now = new Date();
+  const day = now.toLocaleDateString("en-US", { weekday: "short" }).toUpperCase();
+  const time = now.toLocaleTimeString("en-US", {
+    hour: "2-digit",
+    minute: "2-digit",
+    hour12: false,
+  });
+
+  return (
+    <header
+      className="sticky top-0 z-10 px-6 py-4"
+      style={{
+        background: "var(--tt-bg)",
+        borderBottom: "1px solid var(--tt-bg-elev)",
+      }}
+    >
+      <h1
+        className="tracking-tight"
+        style={{
+          color: "var(--tt-ink)",
+          fontFamily: "'Inter Tight', system-ui, sans-serif",
+          fontWeight: 700,
+          fontSize: 22,
+        }}
+      >
+        INBOX{" "}
+        <span
+          className="font-mono"
+          style={{ color: "var(--tt-amber)", fontSize: 16 }}
+        >
+          · {day} {time}
+        </span>
+      </h1>
+      <p
+        className="font-mono mt-1"
+        style={{ color: "var(--tt-ink-dim)", fontSize: 11, letterSpacing: "0.05em" }}
+      >
+        <span style={{ color: "var(--tt-amber)" }}>{needEyesCount}</span> items need eyes ·{" "}
+        <span style={{ color: "var(--tt-ink)" }}>{doneTodayCount}</span> done today
+      </p>
+    </header>
+  );
+}