@cmgmyr/hive 1.9.1 → 1.10.0

package/dist/dashboard.js

@@ -49,7 +49,7 @@ function formatDate(d) {
     return (`${d.getFullYear()}-${pad2(d.getMonth() + 1)}-${pad2(d.getDate())} ` +
         `${pad2(d.getHours())}:${pad2(d.getMinutes())}:${pad2(d.getSeconds())}`);
 }
-function formatLocal(utc) {
+export function formatLocal(utc) {
     if (!utc)
         return "-";
     const d = new Date(`${utc.replace(" ", "T")}Z`);
@@ -559,7 +559,7 @@ function renderCappedList(shownCount, total, pluralNoun, listClass, rowsHtml, em
             ? `<ul class="rows ${listClass}"${listId ? ` id="${listId}"` : ""}>${rowsHtml}</ul>`
             : emptyHtml));
 }
-function chevron() {
+export function chevron() {
     return `<span class="chev">${icon("chevron")}</span>`;
 }
 const DEFAULT_OPEN_SECTIONS = new Set(["throughput", "board", "todos"]);
@@ -583,7 +583,7 @@ function renderSectionNav(metas) {
         .join("");
     return `<nav class="secnav" aria-label="dashboard sections"><ul>${links}</ul></nav>`;
 }
-const SPRITE = `<svg class="sprite" aria-hidden="true" focusable="false"><defs>
+export const SPRITE = `<svg class="sprite" aria-hidden="true" focusable="false"><defs>
 <symbol id="i-chevron" viewBox="0 0 16 16"><path d="M4 6.5 8 10.5l4-4"/></symbol>
 <symbol id="i-users" viewBox="0 0 16 16"><circle cx="6" cy="5.2" r="2.4"/><path d="M1.9 13.4a4.1 4.1 0 0 1 8.2 0"/><path d="M11 3.2a2.4 2.4 0 0 1 0 4.4"/><path d="M12.1 9.6a4.1 4.1 0 0 1 2 3.8"/></symbol>
 <symbol id="i-clock" viewBox="0 0 16 16"><circle cx="8" cy="8" r="6.2"/><path d="M8 4.4V8l2.6 1.7"/></symbol>
@@ -598,6 +598,123 @@ const SPRITE = `<svg class="sprite" aria-hidden="true" focusable="false"><defs>
 <symbol id="i-inbox" viewBox="0 0 16 16"><path d="M1.9 9.2h3.3l1 2h3.6l1-2h3.3"/><path d="M3.6 2.9h8.8l1.7 6.3v3.3a1.6 1.6 0 0 1-1.6 1.6H3.5a1.6 1.6 0 0 1-1.6-1.6V9.2Z"/></symbol>
 <symbol id="i-info" viewBox="0 0 16 16"><circle cx="8" cy="8" r="6.2"/><path d="M8 7.4v3.6M8 5.2v.1"/></symbol>
 </defs></svg>`;
+export const SECTION_STYLE = `
+  [hidden] { display: none !important; }
+  svg.sprite { position: absolute; width: 0; height: 0; overflow: hidden; }
+  .icon { width: 1em; height: 1em; flex: 0 0 auto; fill: none; stroke: currentColor;
+    stroke-width: 1.4; stroke-linecap: round; stroke-linejoin: round; }
+  .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
+    overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
+  .mono { font-family: var(--font-mono); font-size: 0.9em; font-variant-numeric: tabular-nums; }
+  .prose { overflow-wrap: anywhere; }
+
+  .section { margin: 0 0 0.6rem; background: var(--panel); border: 1px solid var(--card-border);
+    border-radius: var(--r-card); box-shadow: var(--shadow);
+    scroll-margin-top: calc(var(--header-offset) + 0.75rem); }
+  summary { cursor: pointer; list-style: none; }
+  summary::-webkit-details-marker { display: none; }
+  .section > summary { display: flex; align-items: center; gap: 0.55rem; padding: 0.85rem 1rem;
+    border-radius: var(--r-card); font-size: 0.9375rem;
+    transition: background-color 130ms ease; }
+  .sec-icon { display: inline-flex; color: var(--accent); font-size: 1.0625rem; }
+  .section > summary .pb-label { font-weight: 600; letter-spacing: -0.006em; }
+  .pb-count { color: var(--fg-subtle); font-size: 0.78125rem; font-variant-numeric: tabular-nums;
+    margin-left: auto; text-align: right; }
+  .chev { display: inline-flex; color: var(--fg-subtle); font-size: 1rem; margin-left: 0.15rem;
+    transition: transform 180ms var(--ease-out); }
+  details[open] > summary .chev { transform: rotate(180deg); }
+  summary:focus-visible { outline: 2px solid var(--focus); outline-offset: -2px; border-radius: var(--r-ctl); }
+  .section-body { padding: 0 1rem 1rem; }
+  .section > .section-body { border-top: 1px solid var(--border); padding-top: 0.9rem; margin-top: -0.15rem; }
+
+  .row-summary { display: flex; align-items: center; gap: 0.5rem; padding: 0.5rem 0.6rem;
+    border-radius: var(--r-ctl); font-size: 0.875rem;
+    transition: background-color 130ms ease; }
+  .row-summary .pb-label { display: flex; align-items: center; gap: 0.42rem; flex-wrap: wrap;
+    min-width: 0; }
+  .row-summary .icon { color: var(--fg-subtle); }
+  details.pad-item, details.todo-item { margin: 0; }
+  details.pad-item > .section-body, details.todo-item > .section-body { padding: 0.1rem 0.6rem 0.7rem 0.6rem; }
+  .todo-body { overflow-wrap: anywhere; white-space: pre-wrap; color: var(--fg-muted);
+    font-size: 0.875rem; }
+  .todo-body + .todo-body { margin-top: 0.55rem; }
+
+  .meta, .muted { color: var(--fg-muted); }
+  .meta { font-size: 0.8125rem; margin: 0 0 0.75rem; max-width: 72ch; }
+  .muted { font-size: 0.8125rem; }
+  .cap-note { display: flex; align-items: center; gap: 0.4rem; color: var(--fg-subtle);
+    font-size: 0.78125rem; margin: 0 0 0.6rem; }
+  pre.board { white-space: pre-wrap; overflow-wrap: anywhere; overflow: auto; max-height: 60vh; background: var(--panel-sunken);
+    border: 1px solid var(--border); border-radius: var(--r-ctl); padding: 0.85rem;
+    font-family: var(--font-mono); font-size: 0.8125rem; line-height: 1.5; margin: 0;
+    overscroll-behavior: contain; }
+
+  ul.rows { list-style: none; margin: 0; padding: 0; }
+  ul.rows > li { padding: 0.35rem 0; border-bottom: 1px solid var(--border);
+    display: flex; flex-direction: column; gap: 0.15rem; }
+  ul.rows > li:last-child { border-bottom: none; }
+  ul.rows > li.todo, ul.rows > li:has(> details) { padding: 0.1rem 0; }
+  .row-main { display: flex; align-items: center; gap: 0.42rem; flex-wrap: wrap; }
+  .row-meta { font-size: 0.78125rem; color: var(--fg-subtle); }
+  .kind { color: var(--fg-subtle); font-size: 0.78125rem; }
+
+  .status { display: inline-flex; align-items: center; gap: 0.3rem; font-size: 0.71875rem;
+    font-weight: 600; letter-spacing: 0.01em; padding: 0.12rem 0.5rem; border-radius: var(--r-pill);
+    white-space: nowrap; }
+  .status::before { content: ""; width: 0.4rem; height: 0.4rem; border-radius: 50%;
+    background: currentColor; flex: 0 0 auto; }
+  .status-ok { color: var(--ok); background: var(--ok-bg); }
+  .status-warn { color: var(--warn); background: var(--warn-bg); }
+  .status-fail { color: var(--fail); background: var(--fail-bg); }
+  .status-live { color: var(--live); background: var(--live-bg); }
+
+  .chip { display: inline-flex; align-items: center; gap: 0.28rem; font-size: 0.71875rem;
+    font-weight: 600; padding: 0.12rem 0.48rem; border-radius: var(--r-pill); white-space: nowrap; }
+  .chip-blocked { color: var(--warn); background: var(--warn-bg); }
+  .chip-blocked .icon { stroke-width: 1.6; }
+
+  .tag { font-size: 0.6875rem; font-weight: 600; letter-spacing: 0.05em; text-transform: uppercase;
+    padding: 0.1rem 0.4rem; border-radius: 5px; background: var(--panel-sunken); color: var(--fg-subtle); }
+
+  .priority { font-size: 0.6875rem; font-weight: 650; letter-spacing: 0.04em; text-transform: uppercase; }
+  .priority-high { color: var(--fail); }
+  .priority-medium { color: var(--fg-muted); }
+  .priority-low { color: var(--fg-subtle); }
+  .blockers { font-size: 0.8125rem; color: var(--fg-muted); margin: 0 0 0.45rem 0.6rem; }
+  .wake-body { color: var(--fg); font-size: 0.875rem; overflow-wrap: anywhere; }
+  .activity-body { font-size: 0.8125rem; color: var(--fg-muted); white-space: pre-wrap;
+    overflow-wrap: anywhere; margin-top: 0.1rem; }
+
+  .filter { display: flex; align-items: center; gap: 0.75rem; flex-wrap: wrap; margin-bottom: 0.75rem; }
+  .filter-field { display: flex; align-items: center; gap: 0.45rem; flex: 1 1 18rem;
+    background: var(--panel-sunken); border: 1px solid var(--border); border-radius: var(--r-ctl);
+    padding: 0.4rem 0.65rem; color: var(--fg-subtle);
+    transition: border-color 130ms ease, background-color 130ms ease; }
+  .filter-field:focus-within { border-color: var(--accent); background: var(--panel); }
+  .filter-field input { flex: 1 1 auto; min-width: 0; border: 0; background: transparent;
+    font: inherit; font-size: 0.875rem; color: var(--fg); outline: none; padding: 0; }
+  .filter-field input::placeholder { color: var(--fg-subtle); }
+  .filter-field input::-webkit-search-cancel-button { -webkit-appearance: none; appearance: none; }
+  .filter-count { color: var(--fg-subtle); font-size: 0.78125rem; font-variant-numeric: tabular-nums;
+    margin: 0; flex: 0 0 auto; }
+  .filter-none { color: var(--fg-muted); font-size: 0.875rem; margin: 0.5rem 0; }
+
+  .empty { text-align: center; padding: 1.75rem 1rem 1.85rem; color: var(--fg-muted); }
+  .empty .icon { font-size: 1.5rem; color: var(--fg-subtle); stroke-width: 1.2; }
+  .empty-title { margin: 0.55rem 0 0.2rem; font-weight: 600; color: var(--fg); font-size: 0.9375rem; }
+  .empty-hint { margin: 0; font-size: 0.8125rem; color: var(--fg-subtle); max-width: 42ch;
+    margin-inline: auto; }
+
+  @media (hover: hover) and (pointer: fine) {
+    .section > summary:hover { background: var(--hover); }
+    .row-summary:hover { background: var(--hover); }
+  }
+  .section > summary:active, .row-summary:active { transform: scale(0.995); }
+  @media (max-width: 40rem) { .pb-count { font-size: 0.75rem; } }
+  @media (prefers-reduced-motion: reduce) {
+    .section > summary:active, .row-summary:active { transform: none; }
+  }
+`;
 const STYLE = `
   :root {
     color-scheme: light dark;
@@ -665,7 +782,6 @@ const STYLE = `
   }
 
   *, *::before, *::after { box-sizing: border-box; }
-  [hidden] { display: none !important; }
   html { -webkit-text-size-adjust: 100%; }
   body {
     font-family: var(--font-sans);
@@ -678,13 +794,6 @@ const STYLE = `
     accent-color: var(--accent);
   }
   ::selection { background: var(--live-bg); color: var(--fg); }
-  svg.sprite { position: absolute; width: 0; height: 0; overflow: hidden; }
-  .icon { width: 1em; height: 1em; flex: 0 0 auto; fill: none; stroke: currentColor;
-    stroke-width: 1.4; stroke-linecap: round; stroke-linejoin: round; }
-  .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
-    overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
-  .mono { font-family: var(--font-mono); font-size: 0.9em; font-variant-numeric: tabular-nums; }
-  .prose { overflow-wrap: anywhere; }
 
   .skip { position: absolute; left: -999px; top: 0; z-index: 10;
     background: var(--panel); color: var(--fg); padding: 0.6rem 0.9rem; border-radius: var(--r-ctl); }
@@ -763,102 +872,6 @@ const STYLE = `
   .pulse-bar { fill: var(--series-1); }
   .pulse-none { fill: var(--border-strong); }
 
-  .section { margin: 0 0 0.6rem; background: var(--panel); border: 1px solid var(--card-border);
-    border-radius: var(--r-card); box-shadow: var(--shadow);
-    scroll-margin-top: calc(var(--header-offset) + 0.75rem); }
-  summary { cursor: pointer; list-style: none; }
-  summary::-webkit-details-marker { display: none; }
-  .section > summary { display: flex; align-items: center; gap: 0.55rem; padding: 0.85rem 1rem;
-    border-radius: var(--r-card); font-size: 0.9375rem;
-    transition: background-color 130ms ease; }
-  .sec-icon { display: inline-flex; color: var(--accent); font-size: 1.0625rem; }
-  .section > summary .pb-label { font-weight: 600; letter-spacing: -0.006em; }
-  .pb-count { color: var(--fg-subtle); font-size: 0.78125rem; font-variant-numeric: tabular-nums;
-    margin-left: auto; text-align: right; }
-  .chev { display: inline-flex; color: var(--fg-subtle); font-size: 1rem; margin-left: 0.15rem;
-    transition: transform 180ms var(--ease-out); }
-  details[open] > summary .chev { transform: rotate(180deg); }
-  summary:focus-visible { outline: 2px solid var(--focus); outline-offset: -2px; border-radius: var(--r-ctl); }
-  .section-body { padding: 0 1rem 1rem; }
-  .section > .section-body { border-top: 1px solid var(--border); padding-top: 0.9rem; margin-top: -0.15rem; }
-
-  .row-summary { display: flex; align-items: center; gap: 0.5rem; padding: 0.5rem 0.6rem;
-    border-radius: var(--r-ctl); font-size: 0.875rem;
-    transition: background-color 130ms ease; }
-  .row-summary .pb-label { display: flex; align-items: center; gap: 0.42rem; flex-wrap: wrap;
-    min-width: 0; }
-  .row-summary .icon { color: var(--fg-subtle); }
-  details.pad-item, details.todo-item { margin: 0; }
-  details.pad-item > .section-body, details.todo-item > .section-body { padding: 0.1rem 0.6rem 0.7rem 0.6rem; }
-  .todo-body { overflow-wrap: anywhere; white-space: pre-wrap; color: var(--fg-muted);
-    font-size: 0.875rem; }
-  .todo-body + .todo-body { margin-top: 0.55rem; }
-
-  .meta, .muted { color: var(--fg-muted); }
-  .meta { font-size: 0.8125rem; margin: 0 0 0.75rem; max-width: 72ch; }
-  .muted { font-size: 0.8125rem; }
-  .cap-note { display: flex; align-items: center; gap: 0.4rem; color: var(--fg-subtle);
-    font-size: 0.78125rem; margin: 0 0 0.6rem; }
-  pre.board { white-space: pre-wrap; overflow-wrap: anywhere; overflow: auto; max-height: 60vh; background: var(--panel-sunken);
-    border: 1px solid var(--border); border-radius: var(--r-ctl); padding: 0.85rem;
-    font-family: var(--font-mono); font-size: 0.8125rem; line-height: 1.5; margin: 0;
-    overscroll-behavior: contain; }
-
-  ul.rows { list-style: none; margin: 0; padding: 0; }
-  ul.rows > li { padding: 0.35rem 0; border-bottom: 1px solid var(--border);
-    display: flex; flex-direction: column; gap: 0.15rem; }
-  ul.rows > li:last-child { border-bottom: none; }
-  ul.rows > li.todo, ul.rows > li:has(> details) { padding: 0.1rem 0; }
-  .row-main { display: flex; align-items: center; gap: 0.42rem; flex-wrap: wrap; }
-  .row-meta { font-size: 0.78125rem; color: var(--fg-subtle); }
-  .kind { color: var(--fg-subtle); font-size: 0.78125rem; }
-
-  .status { display: inline-flex; align-items: center; gap: 0.3rem; font-size: 0.71875rem;
-    font-weight: 600; letter-spacing: 0.01em; padding: 0.12rem 0.5rem; border-radius: var(--r-pill);
-    white-space: nowrap; }
-  .status::before { content: ""; width: 0.4rem; height: 0.4rem; border-radius: 50%;
-    background: currentColor; flex: 0 0 auto; }
-  .status-ok { color: var(--ok); background: var(--ok-bg); }
-  .status-warn { color: var(--warn); background: var(--warn-bg); }
-  .status-fail { color: var(--fail); background: var(--fail-bg); }
-  .status-live { color: var(--live); background: var(--live-bg); }
-
-  .chip { display: inline-flex; align-items: center; gap: 0.28rem; font-size: 0.71875rem;
-    font-weight: 600; padding: 0.12rem 0.48rem; border-radius: var(--r-pill); white-space: nowrap; }
-  .chip-blocked { color: var(--warn); background: var(--warn-bg); }
-  .chip-blocked .icon { stroke-width: 1.6; }
-
-  .tag { font-size: 0.6875rem; font-weight: 600; letter-spacing: 0.05em; text-transform: uppercase;
-    padding: 0.1rem 0.4rem; border-radius: 5px; background: var(--panel-sunken); color: var(--fg-subtle); }
-
-  .priority { font-size: 0.6875rem; font-weight: 650; letter-spacing: 0.04em; text-transform: uppercase; }
-  .priority-high { color: var(--fail); }
-  .priority-medium { color: var(--fg-muted); }
-  .priority-low { color: var(--fg-subtle); }
-  .blockers { font-size: 0.8125rem; color: var(--fg-muted); margin: 0 0 0.45rem 0.6rem; }
-  .wake-body { color: var(--fg); font-size: 0.875rem; overflow-wrap: anywhere; }
-  .activity-body { font-size: 0.8125rem; color: var(--fg-muted); white-space: pre-wrap;
-    overflow-wrap: anywhere; margin-top: 0.1rem; }
-
-  .filter { display: flex; align-items: center; gap: 0.75rem; flex-wrap: wrap; margin-bottom: 0.75rem; }
-  .filter-field { display: flex; align-items: center; gap: 0.45rem; flex: 1 1 18rem;
-    background: var(--panel-sunken); border: 1px solid var(--border); border-radius: var(--r-ctl);
-    padding: 0.4rem 0.65rem; color: var(--fg-subtle);
-    transition: border-color 130ms ease, background-color 130ms ease; }
-  .filter-field:focus-within { border-color: var(--accent); background: var(--panel); }
-  .filter-field input { flex: 1 1 auto; min-width: 0; border: 0; background: transparent;
-    font: inherit; font-size: 0.875rem; color: var(--fg); outline: none; padding: 0; }
-  .filter-field input::placeholder { color: var(--fg-subtle); }
-  .filter-field input::-webkit-search-cancel-button { -webkit-appearance: none; appearance: none; }
-  .filter-count { color: var(--fg-subtle); font-size: 0.78125rem; font-variant-numeric: tabular-nums;
-    margin: 0; flex: 0 0 auto; }
-  .filter-none { color: var(--fg-muted); font-size: 0.875rem; margin: 0.5rem 0; }
-
-  .empty { text-align: center; padding: 1.75rem 1rem 1.85rem; color: var(--fg-muted); }
-  .empty .icon { font-size: 1.5rem; color: var(--fg-subtle); stroke-width: 1.2; }
-  .empty-title { margin: 0.55rem 0 0.2rem; font-weight: 600; color: var(--fg); font-size: 0.9375rem; }
-  .empty-hint { margin: 0; font-size: 0.8125rem; color: var(--fg-subtle); max-width: 42ch;
-    margin-inline: auto; }
 
   svg.chart { width: 100%; height: auto; display: block; margin: 0 0 0.9rem;
     color: var(--fg-muted); }
@@ -896,29 +909,24 @@ const STYLE = `
   .swatch-2 { background: var(--series-2); }
 
   @media (hover: hover) and (pointer: fine) {
-    .section > summary:hover { background: var(--hover); }
-    .row-summary:hover { background: var(--hover); }
     .navchip:hover { background: var(--hover); color: var(--fg); }
   }
-  .section > summary:active, .row-summary:active { transform: scale(0.995); }
   .navchip:active { transform: scale(0.97); }
 
   @media (max-width: 40rem) {
     .wrap { padding: 0 0.9rem; }
     .now { grid-template-columns: 1fr; }
-    .pb-count { font-size: 0.75rem; }
     .navchip-label { position: absolute; width: 1px; height: 1px; padding: 0;
       margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
   }
 
   @media (prefers-reduced-motion: reduce) {
     * { transition: none !important; animation: none !important; }
-    .section > summary:active, .row-summary:active, .navchip:active { transform: none; }
+    .navchip:active { transform: none; }
   }
-`;
-const SCRIPT = `
-  (function () {
-    var KEY = "hive-dashboard-state";
+${SECTION_STYLE}`;
+export const sectionScript = (key, between = "") => `
+    var KEY = "${key}";
     function load() {
       try { return JSON.parse(sessionStorage.getItem(KEY) || "{}"); } catch (e) { return {}; }
     }
@@ -999,8 +1007,6 @@ const SCRIPT = `
         s.filterCaret = filterInput.selectionStart;
         save(s);
         applyFilter(filterInput.value);
-        paintStamp();
-        deferReload();
       });
     }
 
@@ -1016,6 +1022,46 @@ const SCRIPT = `
     }
     measureHeader();
 
+${between}    function absTop(el) { return el.getBoundingClientRect().top + window.scrollY; }
+    var anchorEl = state.anchor && typeof state.anchor.id === "string"
+      ? document.getElementById(state.anchor.id) : null;
+    if (anchorEl && typeof state.anchor.offset === "number") {
+      window.scrollTo(0, absTop(anchorEl) + state.anchor.offset);
+    } else if (typeof state.scrollY === "number") {
+      window.scrollTo(0, state.scrollY);
+    }
+    var itemSel = "details.pad-item, details.todo-item";
+    var padItems = document.querySelectorAll("details.pad-item");
+    for (var pi = 0; pi < padItems.length; pi++) {
+      var saved = state.padScroll && state.padScroll[padItems[pi].id];
+      var padPre = padItems[pi].querySelector("pre.board");
+      if (padItems[pi].open && padPre && typeof saved === "number") padPre.scrollTop = saved;
+    }
+
+    window.addEventListener("beforeunload", function () {
+      var s = load();
+      s.scrollY = window.scrollY;
+      s.anchor = null;
+      var secs = document.querySelectorAll("details.section");
+      for (var k = 0; k < secs.length; k++) {
+        if (secs[k].getBoundingClientRect().top <= headerOffset) {
+          s.anchor = { id: secs[k].id, offset: window.scrollY - absTop(secs[k]) };
+        }
+      }
+      s.padScroll = {};
+      var openPads = document.querySelectorAll("details.pad-item");
+      for (var m = 0; m < openPads.length; m++) {
+        var pre = openPads[m].querySelector("pre.board");
+        if (openPads[m].open && pre && pre.scrollTop > 0) s.padScroll[openPads[m].id] = pre.scrollTop;
+      }
+      if (filterInput) {
+        s.filterFocused = document.activeElement === filterInput;
+        s.filterCaret = filterInput.selectionStart;
+      }
+      save(s);
+    });
+`;
+const NAV_SCRIPT = `
     // Section nav: mark the section the reader is currently in.
     var navLinks = document.querySelectorAll(".navchip");
     function paintNav() {
@@ -1040,22 +1086,10 @@ const SCRIPT = `
       window.addEventListener("resize", function () { measureHeader(); paintNav(); });
     }
 
-    function absTop(el) { return el.getBoundingClientRect().top + window.scrollY; }
-    var anchorEl = state.anchor && typeof state.anchor.id === "string"
-      ? document.getElementById(state.anchor.id) : null;
-    if (anchorEl && typeof state.anchor.offset === "number") {
-      window.scrollTo(0, absTop(anchorEl) + state.anchor.offset);
-    } else if (typeof state.scrollY === "number") {
-      window.scrollTo(0, state.scrollY);
-    }
-    var itemSel = "details.pad-item, details.todo-item";
-    var padItems = document.querySelectorAll("details.pad-item");
-    for (var pi = 0; pi < padItems.length; pi++) {
-      var saved = state.padScroll && state.padScroll[padItems[pi].id];
-      var padPre = padItems[pi].querySelector("pre.board");
-      if (padItems[pi].open && padPre && typeof saved === "number") padPre.scrollTop = saved;
-    }
-
+`;
+const SCRIPT = `
+  (function () {
+${sectionScript("hive-dashboard-state", NAV_SCRIPT)}
     // Live toggle. Replaces <meta http-equiv="refresh">, which the browser
     // schedules at PARSE TIME - removing the tag afterward does not cancel it,
     // so a toggle could never turn it off. A setTimeout can be cleared, so this
@@ -1102,6 +1136,9 @@ const SCRIPT = `
     if (toggle) toggle.checked = live;
     paintStamp();
     deferReload();
+    if (filterInput) {
+      filterInput.addEventListener("input", function () { paintStamp(); deferReload(); });
+    }
     var items = document.querySelectorAll(itemSel);
     for (var ii = 0; ii < items.length; ii++) {
       items[ii].addEventListener("toggle", function () { paintStamp(); deferReload(); });
@@ -1124,28 +1161,6 @@ const SCRIPT = `
       if (reloadTimer !== null) deferReload();
     }, { passive: true });
 
-    window.addEventListener("beforeunload", function () {
-      var s = load();
-      s.scrollY = window.scrollY;
-      s.anchor = null;
-      var secs = document.querySelectorAll("details.section");
-      for (var k = 0; k < secs.length; k++) {
-        if (secs[k].getBoundingClientRect().top <= headerOffset) {
-          s.anchor = { id: secs[k].id, offset: window.scrollY - absTop(secs[k]) };
-        }
-      }
-      s.padScroll = {};
-      var openPads = document.querySelectorAll("details.pad-item");
-      for (var m = 0; m < openPads.length; m++) {
-        var pre = openPads[m].querySelector("pre.board");
-        if (openPads[m].open && pre && pre.scrollTop > 0) s.padScroll[openPads[m].id] = pre.scrollTop;
-      }
-      if (filterInput) {
-        s.filterFocused = document.activeElement === filterInput;
-        s.filterCaret = filterInput.selectionStart;
-      }
-      save(s);
-    });
   })();
 `;
 const BRAND_MARK = `<svg class="mark" viewBox="0 0 32 32" role="img" aria-label="hive">
@@ -1207,3 +1222,11 @@ export function renderDashboardForWrite(projectId, procs = []) {
     const contentHash = createHash("sha256").update(projectName).update("\0").update(sections).digest("hex");
     return { html, contentHash };
 }
+export function renderBoardPadsTodos(projectId) {
+    const index = [];
+    return [
+        renderBoardSection(index, projectId),
+        renderTodosSection(index, projectId),
+        renderPadsSection(index, projectId),
+    ].join("\n");
+}

package/dist/db.js

@@ -429,6 +429,7 @@ ALTER TABLE agent_messages ADD COLUMN target_identity TEXT;
 ALTER TABLE agent_messages ADD COLUMN sender_tag TEXT;
 CREATE INDEX idx_agent_messages_delivery ON agent_messages(delivery_status, id) WHERE delivery_status IS NOT NULL;
 `,
+    `ALTER TABLE agents ADD COLUMN todo_id INTEGER REFERENCES todos(id) ON DELETE SET NULL;`,
 ];
 export function storeSchemaAhead(database) {
     try {

package/dist/heldLabel.js

@@ -0,0 +1,17 @@
+import { HELD_REASON_CONVERSATION, HELD_REASON_LEAD_PANE_DEAD, isLeadRowClosedHold, isUnclassifiablePaneHold, isUnsubmittedInputHold, wasHeldForPaneIdentity, } from "./scheduler.js";
+// test/docs.test.mjs fails if a label here is missing from docs/install.md. It checks
+// presence only: docs/install.md also counts the set in prose, and nothing guards that number.
+export const HELD_REASON_LABELS = ["typing", "talking", "needs you", "blocked"];
+export function heldReasonLabel(heldReason) {
+    if (isUnsubmittedInputHold(heldReason))
+        return "typing";
+    if (heldReason === HELD_REASON_LEAD_PANE_DEAD ||
+        wasHeldForPaneIdentity(heldReason) ||
+        isLeadRowClosedHold(heldReason) ||
+        isUnclassifiablePaneHold(heldReason)) {
+        return "needs you";
+    }
+    if (heldReason === HELD_REASON_CONVERSATION)
+        return "talking";
+    return "blocked";
+}

package/dist/leadState.js

@@ -3,6 +3,12 @@ import { FIRST_MESSAGE_SHA_ENV, firstMessageDigest } from "./firstMessage.js";
 export function readLeadTurnState(agentId) {
     return db.prepare("SELECT * FROM lead_turn_state WHERE agent_id = ?").get(agentId) ?? null;
 }
+export function leadSessionEnded(row, ownership) {
+    if ((ownership !== "gone" && ownership !== "reissued") || row.pane_pid === "")
+        return null;
+    const turn = readLeadTurnState(row.id);
+    return turn?.last_event === "session_end" && turn.pane_pid === row.pane_pid ? { ended_at: turn.changed_at } : null;
+}
 function isHiveFirstMessage(payload) {
     if (typeof payload.prompt !== "string")
         return false;
@@ -44,7 +50,8 @@ const applyInTransaction = db.transaction((agentId, panePid, event, payload, sub
         cur.pane_pid === next.pane_pid &&
         cur.session_id === next.session_id &&
         cur.state === next.state &&
-        cur.idle_seq === next.idle_seq) {
+        cur.idle_seq === next.idle_seq &&
+        (event !== "session_end" || cur.last_event === "session_end")) {
         return;
     }
     db.prepare(`INSERT INTO lead_turn_state (agent_id, pane_pid, session_id, state, idle_seq, last_event, changed_at)

package/dist/portfolio.js

@@ -3,7 +3,7 @@ import { listProjects } from "./context.js";
 import { existsSync } from "node:fs";
 import { parseTags } from "./result.js";
 import { OPEN_BLOCKERS_SQL } from "./tools/todos.js";
-import { readLeadTurnState } from "./leadState.js";
+import { leadSessionEnded, readLeadTurnState } from "./leadState.js";
 import { liveTargets, ownershipLiveness, rowOwnership } from "./tmux.js";
 export const PORTFOLIO_REASONS = [
     "needs_human",
@@ -88,14 +88,17 @@ function projectRow(project, now, snapshot) {
     const workers = { working: 0, idle: 0, needs_input: 0, other: 0, unreachable: 0, unconfirmed: 0 };
     let liveWorking = 0;
     let liveWaiting = 0;
-    let lead = { state: "none", agent_id: null, turn: "unknown" };
+    let lead = { state: "none", agent_id: null, turn: "unknown", ended_at: null };
     for (const a of agents) {
         if (a.kind === "lead") {
-            const live = liveness(a);
+            const ownership = rowOwnership(a, snapshot);
+            const live = ownershipLiveness(ownership);
+            const ended = leadSessionEnded(a, ownership);
             lead = {
-                state: live === true ? "alive" : live === false ? "dead_pane" : "unknown",
+                state: live === true ? "alive" : live === false ? (ended ? "dormant" : "dead_pane") : "unknown",
                 agent_id: a.id,
                 turn: live === true ? leadTurnFor(a.id, a.pane_pid) : "unknown",
+                ended_at: ended?.ended_at ?? null,
             };
             continue;
         }
@@ -135,7 +138,7 @@ function projectRow(project, now, snapshot) {
     const found = new Set();
     if (tagged.length > 0)
         found.add("needs_human");
-    if (lead.state === "dead_pane" && (todos.in_progress > 0 || wakeCounts.pending > 0))
+    if ((lead.state === "dead_pane" || lead.state === "dormant") && (todos.in_progress > 0 || wakeCounts.pending > 0))
         found.add("dead_lead_pane");
     if (!rootExists && (activeTodos > 0 || wakeCounts.pending > 0))
         found.add("missing_root_with_work");

package/dist/projectYml.js

@@ -18,6 +18,7 @@ export const BUILT_IN_PROJECT_YML = Object.freeze({
     context_checkpoint_percent: null,
     lead_turn_budget: null,
     dashboard: false,
+    lead_sidebar: false,
     quiet_messaging: false,
     vars: Object.freeze({}),
     processes: Object.freeze({}),
@@ -199,6 +200,19 @@ function applyLayer(root, path, source, config, sources, warnings) {
         else
             warn(`dashboard must be true or false; ignoring "${String(value)}".`);
     }
+    if (has("lead_sidebar")) {
+        const value = root.lead_sidebar;
+        if (value == null) {
+            config.lead_sidebar = false;
+            sources.lead_sidebar = source;
+        }
+        else if (typeof value === "boolean") {
+            config.lead_sidebar = value;
+            sources.lead_sidebar = source;
+        }
+        else
+            warn(`lead_sidebar must be true or false; ignoring "${String(value)}".`);
+    }
     if (has("quiet_messaging")) {
         const value = root.quiet_messaging;
         if (value == null) {