Phase 3a: shadcn init + Home/Case List view

Initialize shadcn/ui (radix-nova preset) and wire its semantic tokens
to the editorial navy/cream/gold palette so primitives inherit the
judicial voice without per-component overrides.

Replace the Phase 2 live-probe with a real dashboard: KPI tiles,
conic-gradient status donut (ported from the vanilla renderHero),
and a TanStack Table cases list with search + sort. Add useCase(n)
hook with 5s staleTime/refetchInterval to replace the old manual
polling loop when Case Detail ships next.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

web-ui/src/components/cases/status-badge.tsx

@@ -0,0 +1,53 @@
+import { Badge } from "@/components/ui/badge";
+import type { CaseStatus } from "@/lib/api/cases";
+
+const STATUS_LABELS: Record<CaseStatus, string> = {
+  new: "חדש",
+  uploading: "מעלה",
+  processing: "בעיבוד",
+  documents_ready: "מסמכים מוכנים",
+  outcome_set: "תוצאה נקבעה",
+  brainstorming: "סיעור מוחות",
+  direction_approved: "כיוון אושר",
+  drafting: "בכתיבה",
+  qa_review: "QA",
+  drafted: "טיוטה",
+  exported: "יוצא",
+  reviewed: "נבדק",
+  final: "סופי",
+};
+
+/* Status color groups:
+ * intake  → new, uploading, processing          (muted parchment)
+ * prep    → documents_ready, outcome_set        (info blue)
+ * thinking→ brainstorming, direction_approved   (gold)
+ * writing → drafting, qa_review, drafted        (warn amber)
+ * done    → exported, reviewed, final           (success green) */
+const STATUS_TONE: Record<CaseStatus, string> = {
+  new:              "bg-rule-soft text-ink-muted border-rule",
+  uploading:        "bg-rule-soft text-ink-muted border-rule",
+  processing:       "bg-info-bg text-info border-info/30",
+  documents_ready:  "bg-info-bg text-info border-info/40",
+  outcome_set:      "bg-info-bg text-info border-info/40",
+  brainstorming:    "bg-gold-wash text-gold-deep border-gold/40",
+  direction_approved:"bg-gold-wash text-gold-deep border-gold/50",
+  drafting:         "bg-warn-bg text-warn border-warn/40",
+  qa_review:        "bg-warn-bg text-warn border-warn/40",
+  drafted:          "bg-warn-bg text-warn border-warn/50",
+  exported:         "bg-success-bg text-success border-success/40",
+  reviewed:         "bg-success-bg text-success border-success/50",
+  final:            "bg-success-bg text-success border-success/60 font-semibold",
+};
+
+export function StatusBadge({ status }: { status: CaseStatus }) {
+  return (
+    <Badge
+      variant="outline"
+      className={`rounded-full px-2.5 py-0.5 text-[0.72rem] font-medium ${STATUS_TONE[status] ?? ""}`}
+    >
+      {STATUS_LABELS[status] ?? status}
+    </Badge>
+  );
+}
+
+export { STATUS_LABELS };