feat: adopt shared dashboard section disclosures and slogan order

pulse/board.py

@@ -567,7 +567,7 @@ def render_html(views, now: str | None = None, campaign_data: dict | None = None
             + _html_detail(snapshot, now)
             + "</details>"
         )
-    return (
+    return shared.section_layout(
         '<!doctype html>\n<html lang="en"><head><meta charset="utf-8">'
         '<meta name="viewport" content="width=device-width,initial-scale=1">'
         "<title>PyAutoPulse dashboard</title>"

pulse/setup_browser.js

@@ -251,7 +251,13 @@
       const incoming = Object.fromEntries(
         new URLSearchParams(location.hash.slice(1)),
       );
-      route(incoming.instance === capture.instance ? incoming : {}, false);
+      const linked = incoming.instance === capture.instance;
+      // A setup deep link is not an element ID, so reveal the collapsed
+      // board sections around this browser itself (PyAutoBrain#490).
+      if (linked)
+        for (let p = root.parentElement; p; p = p.parentElement)
+          if (p.tagName === "DETAILS") p.open = true;
+      route(linked ? incoming : {}, false);
     }
     function navigation() {
       nav.replaceChildren();

tests/browser_setup.cjs

@@ -164,8 +164,28 @@ const { execFileSync } = require("node:child_process");
     await panel
       .locator("[data-orchestration-preview]")
       .evaluate((el) => (el.open = false));
+    // Major sections start collapsed (PyAutoBrain#490); nav cards reveal them.
+    assert.deepEqual(
+      await page
+        .locator("details.board-section")
+        .evaluateAll((nodes) => nodes.map((node) => node.open)),
+      [false, false],
+    );
+    assert.equal(await page.locator("[data-open]").first().isVisible(), false);
+    await page.locator('.board-nav-card[href="#campaigns"]').click();
+    await page.waitForFunction(
+      () =>
+        document.getElementById("campaigns").closest("details.board-section")
+          .open,
+    );
     await page.locator("[data-open]").first().click();
     assert.equal(await page.locator(".campaign-detail[open]").count(), 1);
+    await page.locator('.board-nav-card[href="#evidence"]').click();
+    await page.waitForFunction(
+      () =>
+        document.getElementById("evidence").closest("details.board-section")
+          .open,
+    );
     await choose();
     await root.locator(".metric-value").first().waitFor();
     assert.equal(
@@ -469,6 +489,10 @@ const { execFileSync } = require("node:child_process");
     const nojs = await browser.newContext({ javaScriptEnabled: false });
     const fallback = await nojs.newPage();
     await fallback.goto(base);
+    // Native disclosures still open without JavaScript.
+    await fallback
+      .locator("details.board-section:has(#evidence) > summary")
+      .click();
     await fallback
       .getByText("Original setup evidence (JavaScript disabled)", {
         exact: true,

tests/test_campaigns.py

@@ -65,7 +65,8 @@ def test_control_room_precedes_measurements_and_escapes():
     ):
         # Check content order independently of the section navigation labels.
         if "<main>" in text:
-            text = text.split("<main>", 1)[1]
+            assert text.index("Profiling Check In") < text.index('class="board-nav"')
+            text = "Profiling Check In" + text.split("<main>", 1)[1]
         assert (
             text.index("Profiling Check In")
             < text.index("Active campaigns")