ImBenjiandClaude Opus 5
0a5b30ab63
The old admin was five separate html pages, so every navigation was a full reload and the operational picture was scattered across all of them. Worth saying: the api was never the problem, every endpoint answers in under 200ms. It felt slow because of the architecture, not the backend. This is a single page console. React and htm from a cdn, no bundler and no babel-in-the-browser, because a runtime transpiler on every load is exactly the slowness we are trying to get rid of. Hash routing, polling that keeps the last good payload on screen instead of flashing a spinner, and stale responses are dropped so a slow request cannot overwrite a newer one. /admin/api/ops/overview answers the whole dashboard in one call rather than making the browser fan out and stitch. It carries the things that actually matter and were not visible anywhere before: when live evidence matures, why a cohort does or does not clear the trade gate, which stage of the pipeline has gone quiet, and what is sitting in dead letters. Controls, all of which change production and all of which ask twice: - requeue dead letters, which only ever moves dead_letter back to pending - execution mode and a kill switch, now read from autonomy_settings on every poll instead of only from AUTONOMY_EXECUTION_MODE, so halting no longer needs a redeploy first - run the reaction analysis and read its output The d3 graph is framed rather than ported. It works, and rewriting it would risk something valuable for nothing the operator can see. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01WnNxwxfXSbeNtjvtz5gayb
28 lines
1.2 KiB
HTML
28 lines
1.2 KiB
HTML
<!doctype html>
|
|
<html lang="en" data-theme="dark">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>Duriin Ops</title>
|
|
<link rel="stylesheet" href="/admin/assets/css/ops.css?v=20260901-1">
|
|
<link rel="preconnect" href="https://cdnjs.cloudflare.com">
|
|
</head>
|
|
<body>
|
|
<div id="root">
|
|
<div class="boot">
|
|
<div class="boot-mark">DURIIN</div>
|
|
<div class="boot-note">loading console…</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- UMD builds, no bundler and no in-browser transpiler. htm gives us JSX-ish
|
|
tagged templates for ~700 bytes, which is the whole reason we can skip Babel
|
|
standalone -- that thing compiles on every page load and is exactly the kind
|
|
of slow we are trying to get away from. -->
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/18.3.1/umd/react.production.min.js" crossorigin></script>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/18.3.1/umd/react-dom.production.min.js" crossorigin></script>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/htm/3.1.1/htm.js" crossorigin></script>
|
|
<script type="module" src="/admin/assets/js/ops/main.js?v=20260901-1"></script>
|
|
</body>
|
|
</html>
|