History: AI-driven alternate-history simulator

Pax Historia-style sim where the LLM is the world engine.

- React 19 + Vite 6 + Tailwind v4 + shadcn/ui frontend
- Express single-port backend (/api + /sse + built client + SPA fallback)
- SQLite (better-sqlite3) persistence, one row per game
- MapLibre choropleth map (OpenFreeMap dark + ISO_A3 regions)
- Defensive turn loop: strip fences, balanced-{} extract, parse, clamp 0-100,
  retry-once nudge, generic 'unclear' fallback; never crashes on bad output
- 5 seed presets (wwii-1939, coldwar-1955, modern-2025, no-wwii-1940, aegis-2400)
- LLM client over native fetch w/ injectable transport (mesh-bot pattern);
  LLM_STUB=1 deterministic transport for tests/e2e
- Unit (vitest, 19) + deterministic Playwright e2e
- Multi-stage node:22-slim Docker + Traefik (history.dev.kkhost.pl:4321)

Co-Authored-By: OpenCode <opencode@users.noreply.github.com>

src/components/StatBar.tsx

@@ -0,0 +1,28 @@
+import { cn } from '@/lib/utils';
+
+interface Props {
+  label: string;
+  value: number;
+  color?: string;
+  testId?: string;
+  className?: string;
+}
+
+/** A compact 0-100 stat bar with a value readout. */
+export default function StatBar({ label, value, color, testId, className }: Props) {
+  const v = Math.max(0, Math.min(100, Math.round(value)));
+  return (
+    <div className={cn('flex items-center gap-2 text-xs', className)}>
+      <span className="w-12 shrink-0 capitalize text-muted-foreground">{label}</span>
+      <div className="h-2 flex-1 overflow-hidden rounded-full bg-muted">
+        <div
+          className="h-full rounded-full transition-all"
+          style={{ width: `${v}%`, background: color ?? 'var(--primary)' }}
+        />
+      </div>
+      <span className="w-7 text-right tabular-nums" data-testid={testId}>
+        {v}
+      </span>
+    </div>
+  );
+}