feat: O2b risk queue live binding + SW v2

bot/tests/scientific/test_phase33_ops_stream_scientific.py

@@ -49,6 +49,19 @@ class TestOpsSnapshotReusesStudioAndAddsCoStreamer:
         assert routes.build_ops_snapshot(None)["channel"] == "default"
 
 
+class TestOpsSnapshotBindingContract:
+    """O2b: the snapshot sections must match what the panel renderers consume,
+    so the SSE can feed the panels (kills load-once) without a shape mismatch."""
+
+    def test_queue_section_matches_action_queue_endpoint_shape(self):
+        # renderActionQueuePayload reads payload.items / payload.summary; the
+        # snapshot queue must carry them (it is the /api/action-queue payload).
+        queue = routes.build_ops_snapshot("default")["queue"]
+        assert "items" in queue, "queue.items missing — binding would render nothing"
+        assert "summary" in queue, "queue.summary missing"
+        assert queue["ok"] is True
+
+
 class TestOpsStreamRouteWired:
     """Prove the SSE endpoint is registered and contractually declared."""
 

dashboard/features/action-queue/controller.js

@@ -199,6 +199,13 @@ export function createActionQueueController({
     bindActionQueueEvents,
     refreshActionQueue,
     scheduleActionQueuePolling,
+    // O2b: render the queue from the live ops snapshot (/api/ops/stream) instead
+    // of a fetch — snap.queue is byte-for-byte the /api/action-queue shape.
+    renderQueueFromSnapshot(queueSection) {
+      if (aqEls && queueSection) {
+        renderActionQueuePayload(queueSection, aqEls, decideQueueItem);
+      }
+    },
     setSelectedChannel(channelId) {
       selectedChannel =
         String(channelId || "")

dashboard/main.js

@@ -44,6 +44,9 @@ function initFocusMode() {
 let opsMood = { count: 0 };
 let opsMascotApi = null;
 let opsPresence = null;
+// O2b: set once the controllers exist; the SSE feeds the panels through it,
+// killing the load-once stale (the O4 debt). Wired in bootstrapDashboard.
+let opsPanelSync = null;
 
 // action type -> transient spark kind on the clicked card.
 const SPARK_FOR = {
@@ -98,6 +101,7 @@ function connectOpsStream() {
       opsMood = deriveOpsMood(snap);
       if (opsMascotApi) opsMascotApi.render();
       if (opsPresence) opsPresence.render(snap);
+      if (opsPanelSync) opsPanelSync(snap);
       document.getElementById("bytePresence")?.classList.add("has-data");
     } catch (_e) {
       /* ignore a malformed frame; the next one will arrive */
@@ -216,6 +220,19 @@ async function bootstrapDashboard() {
   actionQueueController.scheduleActionQueuePolling();
   clipsController.startPolling();
   hudController.startPolling();
+
+  // O2b: feed the live ops snapshot into the panels (kills the load-once stale).
+  // Incremental + verified: the risk queue first (snap.queue === the
+  // /api/action-queue shape, confirmed). More panels follow the same pattern.
+  opsPanelSync = (snap) => {
+    try {
+      if (snap && snap.queue) {
+        actionQueueController.renderQueueFromSnapshot(snap.queue);
+      }
+    } catch (_e) {
+      /* a malformed section must never break the others */
+    }
+  };
 }
 
 bootstrapDashboard().catch((err) =>

dashboard/sw.js

@@ -1,7 +1,7 @@
 // dashboard/sw.js — Byte Studio service worker (PWA shell + offline).
 // Scope "/" (served from /sw.js). Network for the API/SSE; cache-first for the
 // static shell so the dashboard opens instantly and works offline.
-const CACHE = "byte-studio-v1";
+const CACHE = "byte-studio-v2";
 const SHELL = [
   "/studio",
   "/dashboard/styles/studio.css",

docs/plan/ops-dashboard-redesign.md

@@ -229,7 +229,8 @@
 - **Implementação:** reusar herói de saúde + sparklines do studio (`health.js`/`sparkline.js`); bento assimétrico; micro-animações nativas transitórias.
 - **Critério:**
   - **O2a (entregue):** [x] **focus mode** (botão + hotkey `F`, ignora digitação; CSS colapsa pra presença + fila; `focus.js` puro, 11 asserts); [x] **empty-state com propósito** (presence bar fica quieta até o 1º snapshot — `has-data`); [x] 60fps/reduced-motion; [x] suíte verde (node 149/150).
-  - **O2b:** [x] **View Transitions** na troca de aba (progressive enhancement + reduced-motion); [x] **bento grid 1–2–3** na Operation (CSS `grid-template-areas` escopado: intro full-width · health=hero + autonomy à esquerda · risk queue=ação coluna alta à direita · events=rodapé; responsivo 1-col ≤1024px; **densidade preservada** — render-validado); [ ] **ligar os painéis existentes ao snapshot** (mata o load-once — dívida da O4); [ ] dado faltando/label longo/extremo nos painéis. **Validado ao vivo:** O0→O2a deployados + confirmados na Space real (mascote/foco/pele/`/api/ops/stream` 403-gated).
+  - **O2b:** [x] **View Transitions** na troca de aba (progressive enhancement + reduced-motion); [x] **bento grid 1–2–3** na Operation (densidade preservada, render-validado, **deployado ao vivo**); [~] **ligar painéis ao snapshot** (mata o load-once — dívida da O4): **risk queue ligada** (`snap.queue → renderQueueFromSnapshot`; `snap.queue` é byte-a-byte o shape do `/api/action-queue` — verificado + **teste de contrato** guarda contra drift); demais painéis seguem o **mesmo padrão incremental verificado**; [ ] dado faltando/label longo/extremo nos painéis. **Validado ao vivo:** O0→bento deployados + confirmados na Space real; mascote **68px ops / 60px studio** (bug do `className` que comia a classe de tamanho — corrigido + teste de regressão).
+  - **Meta-reflexão (O2b binding):** *Claim tentador:* "painéis em tempo real". **Verdade:** só a **risk queue** foi ligada (1 de ~5); as demais seguem o padrão mas **não** estão ligadas ainda. *Método:* cada painel exige **verificar shape `snap.<seção>` == response do endpoint** antes de ligar (senão quebra silencioso) — por isso incremental. *Honesto:* sem token, o SSE dá 403 → o binding só rende ao vivo com o admin token (que o operador tem); a lógica é shape-verificada + contrato. *Dono restante:* demais painéis (observability/autonomy/control-plane) — mesmo padrão.
 - **Validação ao vivo:** [x] render da ops com botão FOCO + presence bar + layout intacto (zero regressão); [ ] colapso do focus mode + bento (render com estado) — pendente.
 - **Meta-reflexão (O2a):**
   1. *Claim tentador:* "O2 (wow/bento) pronto". **Verdade:** entregue **focus mode** + polish de empty-state; o **bento** (a manchete da O2) e o **binding dos painéis ao snapshot** **não** — são O2b.