Place swarm HUD inside cockpit grid
This commit is contained in:
parent
1b06014eec
commit
3253bdd959
2 changed files with 9 additions and 9 deletions
|
|
@ -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();
|
||||
|
|
|
|||
|
|
@ -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."}
|
||||
|
|
|
|||
Loading…
Reference in a new issue