ABYSSAL THOUGHT ENGINE — containment console

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8},"actionData","errors","root",{"_106":107,"_108":109},"routes/embed.x.$handle.$name.$",{"_9":10,"_11":12,"_13":14,"_15":16,"_17":18,"_19":20,"_21":-5},"handle","brianchidiobi","name","amara","path","dashboard.tsx","project",{"_22":46,"_11":12,"_33":47,"_48":-5,"_49":42,"_50":51,"_52":51,"_53":54,"_55":-5,"_56":57,"_58":25,"_59":32,"_60":-5,"_61":-5,"_62":63,"_64":65,"_66":67,"_68":69,"_70":71,"_72":-5,"_73":74,"_75":74,"_76":77,"_78":77,"_79":77,"_80":74,"_81":74,"_82":83,"_84":85,"_86":87,"_88":42},"file",{"_22":23,"_11":14,"_24":25,"_26":-5,"_27":28,"_29":30,"_31":32,"_33":34,"_35":36,"_37":38,"_39":40,"_41":42,"_43":44,"_13":45},"permalink","https://www.val.town/x/brianchidiobi/amara/code/dashboard.tsx","extension","id","afa18234-0a81-4e28-9aa2-5bfd4c1b724c","fileId","d1f9d68a-a143-11f1-bba7-1607ee4eb77e","parentId","branchId","046ebc58-0a57-4703-9a3a-df48eff587f4","branchVersion",72,"latest",true,"createdAt",["D",1787747733710],"version",26,"fileType","http","content","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\nimport { renderToString } from \"https://esm.sh/react-dom@18.2.0/server\";\nimport { readFile } from \"https://esm.town/v/std/utils/index.ts\";\nimport {\n initDB,\n runCycle,\n approve,\n reject,\n rollback,\n metrics,\n getActive,\n getCandidates,\n getTimeline,\n getLogs,\n getById,\n type Generation,\n} from \"./core.ts\";\n\n/* ═══════════════════════════════════════════════════════════════════\n ABYSSAL THOUGHT ENGINE — LIVE CONTAINMENT CONSOLE\n Routes:\n GET / the dashboard (browser pump = real-time engine)\n POST /advance run one evolution cycle (the \"heart beat\")\n POST /approve/:id promote a PENDING proposal to ACTIVE\n POST /reject/:id reject a proposal (history preserved)\n POST /rollback/:id restore any previous generation as active\n GET /api/state JSON snapshot for the pump\n GET /gen/:id one generation (source + metadata)\n GET /client.js client module\n GET /source view source on val.town\n ═══════════════════════════════════════════════════════════════════ */\n\nconst STATUS_DOT: Record = {\n APPROVED: \"text-emerald-400\",\n PENDING: \"text-amber-400\",\n REJECTED: \"text-rose-400\",\n FAIL: \"text-rose-400\",\n PASS: \"text-emerald-400\",\n};\n\nfunction fmtTime(iso: string | null): string {\n if (!iso) return \"—\";\n return new Date(iso).toLocaleTimeString(\"en-GB\") + \".\" + new Date(iso).getMilliseconds().toString().padStart(3, \"0\");\n}\n\nfunction simpleDiffLines(a: string, b: string) {\n const A = a.split(\"\\n\"), B = b.split(\"\\n\");\n const setB = new Set(B);\n const added = B.filter((l) => l && !A.includes(l)).slice(0, 2000);\n const removed = A.filter((l) => l && !B.includes(l)).slice(0, 2000);\n return { added, removed };\n}\n\nfunction MadnessGauge({ value }: { value: number }) {\n return (\n

\n Madness Vector\n {Math.round(value * 100) / 100}/100\n

\n \n

\n );\n}\n\nfunction Box(p: { title: string; children: React.ReactNode }) {\n return (\n

{p.title}

\n {p.children}\n

\n );\n}\n\nfunction Metric(p: { label: string; value: React.ReactNode; mono?: boolean }) {\n return (\n

{p.label}

{p.value}

\n );\n}\n\nfunction CircuitBoard() {\n return (\n \n {/* radial circuits attaching to the central brain */}\n \n \n \n \n \n \n \n \n \n \n \n \n \n\n {/* the brain in the center */}\n \n \n \n \n \n \n \n \n \n \n \n\n {/* outer nodes the circuits plug into */}\n \n \n \n \n \n \n \n \n \n \n \n \n );\n}\n\nfunction Page(p: {\n m: any; active: Generation; candidates: Generation[]; timeline: Generation[]; logs: any[];\n}) {\n const { m, active, candidates, timeline, logs } = p;\n const latestCandidate = candidates[0] ?? null;\n const diff = latestCandidate\n ? simpleDiffLines(active.source, latestCandidate.source)\n : { added: [] as string[], removed: [] as string[] };\n\n return (\n \n \n \n \n \n ABYSSAL THOUGHT ENGINE — containment console\n