Place swarm HUD inside cockpit grid

This commit is contained in:
Meta Vens 2026-05-24 23:47:17 +01:00
commit 3253bdd959
2 changed files with 9 additions and 9 deletions

View file

@ -550,17 +550,17 @@ function renderHtml(snapshot) {
padding: 12px;
overflow: hidden;
grid-template-columns: minmax(280px, 0.88fr) minmax(360px, 1.4fr) minmax(280px, 0.92fr);
grid-template-rows: auto minmax(0, 1fr);
grid-template-rows: auto var(--status-size) minmax(0, 1fr);
grid-template-areas:
"header header controls"
"queue detail status"
"queue detail events";
}
.status-panel {
width: var(--status-size);
height: var(--status-size);
position: absolute;
z-index: 5;
grid-area: status;
align-self: center;
justify-self: center;
display: grid;
@ -736,8 +736,7 @@ function renderHtml(snapshot) {
align-items: center;
border-bottom: 1px solid var(--line);
}
.workspace { grid-row: 2; grid-column: 1; padding-bottom: calc(var(--status-size) + 20px); }
.status-panel { left: 50%; bottom: 8px; transform: translateX(-50%); }
.workspace { grid-row: 2; grid-column: 1; }
.turn-card { width: 76px; height: 96px; }
}
@ -754,16 +753,16 @@ function renderHtml(snapshot) {
.workspace {
grid-row: 1;
grid-column: 2;
padding-right: calc(var(--status-size) + 18px);
grid-template-columns: minmax(0, 1fr);
grid-template-rows: auto auto minmax(0, 1fr) minmax(0, 0.88fr);
grid-template-rows: auto auto var(--status-size) minmax(0, 1fr) minmax(0, 0.88fr);
grid-template-areas:
"header"
"controls"
"status"
"detail"
"queue";
}
.status-panel { right: 8px; top: 50%; transform: translateY(-50%); }
.status-panel { justify-self: end; }
.events-pane { display: none; }
.metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.facts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
@ -821,8 +820,8 @@ function renderHtml(snapshot) {
renderQueue(participants),
renderDetails(selected),
renderEvents(snapshot),
renderStatusPanel(snapshot, selected),
"</section>",
renderStatusPanel(snapshot, selected),
"</div>",
].join("");
attachControls();

View file

@ -329,3 +329,4 @@
{"ts":"2026-05-24T22:14:01Z","type":"implementation","status":"ok","note":"Swarm dashboard graph view was cut after proving awkward in use. The served SPA is now a direct cockpit: long-edge CTB rail plus summary, controls, participant list, selected-Face details, and recent mesh events, with scheduler/CultMesh ownership unchanged."}
{"ts":"2026-05-24T22:25:05Z","type":"implementation","status":"ok","note":"Swarm cockpit now has a square opposite-edge HUD panel: CTB remains on the long active edge, the HUD sits on the opposite edge, compressing mesh/heartbeat/cadence/heat/ready/mention/turn/load signals into two-column labels and health bars. Body font is Ubuntu, display font is Montserrat Thin, and only HUD labels use Repixelizer's Press Start 2P style."}
{"ts":"2026-05-24T22:35:07Z","type":"implementation","status":"ok","note":"The cockpit HUD now uses fixed opposite-edge positioning so portrait iPad layout cannot push it offscreen, and it reports old-panel-style watchdog/orchestrator organ health: WDOG, ORCH, FACE, MOOD, RUM, MESH, heartbeat age, and selected turn."}
{"ts":"2026-05-24T22:47:00Z","type":"implementation","status":"ok","note":"Fixed the missing HUD by moving the status panel into the cockpit workspace grid instead of leaving it as a shell sibling; browser verification places the square watchdog HUD in the visible right column between Controls and Mesh Events."}