adr-kit 0.9.0 → 0.11.0

package/dist/core/canvas-view.js

@@ -0,0 +1,316 @@
+import { escapeHtml } from './view-text.js';
+import { GITHUB_MARK_PATH, SHARE_BUTTON_HTML, SHARE_WATERMARK } from './share.js';
+/** Derived from the credit line, so the link and the image cannot drift apart. */
+const REPOSITORY_URL = 'https://github.com/' + SHARE_WATERMARK;
+/**
+ * The GitHub mark beside the wordmark — the same glyph the shared image
+ * credits with, filled rather than stroked because it is a logo here, and it
+ * inherits the link's colour so hover reaches it too.
+ */
+const BRAND_MARK = '<svg viewBox="0 0 16 16" width="14" height="14" aria-hidden="true" focusable="false">'
+    + '<path d="' + GITHUB_MARK_PATH + '" fill="currentColor"/></svg>';
+/** Shared compact shell for both offline viewers. */
+export const CANVAS_STYLE = String.raw `
+:root { font-family: Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; color: #233c36; background: #f6f8f5; }
+* { box-sizing: border-box; }
+body { margin: 0; }
+main { position: relative; }
+button, summary { font: inherit; color: inherit; cursor: pointer; }
+button:focus-visible, summary:focus-visible, main:focus-visible, a:focus-visible { outline: 2px solid #7750a5; outline-offset: -2px; }
+.viewer-bar { position: relative; z-index: 5; display: flex; align-items: center; gap: 16px; padding: 8px 16px; min-height: 52px; background: #fff; border-bottom: 1px solid #e1e7e1; }
+.viewer-heading { display: flex; align-items: center; gap: 12px; flex: 1; min-width: 0; }
+.viewer-brand { display: inline-flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 650; white-space: nowrap; padding-right: 12px; border-right: 1px solid #dce4dc; color: inherit; text-decoration: none; }
+.viewer-brand svg { display: block; }
+.viewer-brand:hover { color: #294d3e; text-decoration: underline; text-decoration-color: #a6bcae; text-underline-offset: 2px; }
+.viewer-heading h1 { margin: 0; min-width: 0; font-size: 14px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
+.viewer-count { flex: none; font-size: 12px; color: #64756c; }
+.viewer-sep { flex: none; width: 1px; height: 18px; background: #dce4dc; }
+.viewer-actions { display: flex; align-items: center; gap: 10px; flex: none; }
+/* The controls are icon buttons: square, and close enough together to read as
+   one cluster while the count and the divider keep their distance. */
+.viewer-tools { display: flex; align-items: center; gap: 4px; }
+.viewer-bar button, .viewer-info > summary { border: 0; border-radius: 7px; background: transparent; padding: 7px; font-size: 12px; line-height: 20px; white-space: nowrap; }
+.viewer-bar button:hover, .viewer-info > summary:hover, .viewer-info[open] > summary { background: #edf3ef; }
+.viewer-info > summary { list-style: none; }
+.viewer-info > summary::-webkit-details-marker { display: none; }
+/* Toolbar icons sit on their own line: an inline SVG adds the font's descender
+   space below it, which lifts the icon out of line with its neighbour. This
+   belongs to the shared shell, or one view aligns and the other does not. */
+.viewer-bar button svg, .viewer-bar summary svg { display: block; }
+.viewer-panel { position: absolute; right: 12px; top: calc(100% + 8px); width: min(360px, calc(100vw - 24px)); max-height: calc(100vh - 120px); max-height: calc(100dvh - 120px); overflow: auto; overscroll-behavior: contain; padding: 20px; background: #fff; border: 1px solid #dce4dc; border-radius: 12px; box-shadow: 0 12px 36px #233c3620; font-size: 12px; line-height: 1.6; }
+.viewer-panel h2 { margin: 0 0 10px; font-size: 15px; overflow-wrap: anywhere; }
+.viewer-panel p { margin: 10px 0; color: #64756c; }
+.viewer-stats { display: flex; gap: 8px 16px; flex-wrap: wrap; margin: 16px 0 0; }
+.viewer-stats strong { margin-right: 4px; }
+.canvas-dock { position: absolute; z-index: 4; left: 0; right: 0; bottom: 0; display: flex; align-items: flex-end; justify-content: space-between; gap: 12px; flex-wrap: wrap; padding: 12px 16px; pointer-events: none; }
+.canvas-dock > * { pointer-events: auto; }
+/* Without the script there is no floating canvas: the dock sits at the end of the content. */
+body:not(.interactive) main { padding-bottom: 84px; }
+.canvas-legend { display: grid; gap: 6px; min-width: 0; max-width: min(620px, 100%); padding: 10px 12px; background: #ffffffe8; border: 1px solid #e1e7e1; border-radius: 10px; box-shadow: 0 4px 20px #294d3e0a; font-size: 11px; color: #55655c; }
+.canvas-legend .legend { display: flex; flex-wrap: wrap; gap: 6px 16px; }
+.canvas-legend .legend span { display: flex; align-items: center; gap: 8px; }
+.viewer-panel .hint { border-top: 1px solid #e1e7e1; padding-top: 14px; margin: 16px 0 0; }
+.controls { display: none; align-items: center; gap: 2px; padding: 5px; background: #fff; border: 1px solid #dce4dc; border-radius: 11px; box-shadow: 0 4px 20px #294d3e0a; }
+.controls button { border: 0; background: none; font: inherit; color: inherit; cursor: pointer; padding: 6px 9px; border-radius: 7px; }
+.controls button:hover { background: #edf3ef; }
+.controls output { font: 11px monospace; min-width: 44px; text-align: center; }
+.js-control { display: none; }
+body.interactive { height: 100vh; height: 100dvh; display: flex; flex-direction: column; overflow: hidden; }
+.interactive .viewer-bar { flex: none; }
+.interactive main { flex: 1; min-width: 0; min-height: 0; overflow: hidden; touch-action: none; cursor: grab; user-select: none; }
+.interactive #world { position: absolute; }
+.interactive .js-control { display: block; }
+.interactive .controls { display: flex; }
+.interactive main.dragging { cursor: grabbing; }
+@media (max-width: 760px) {
+  .viewer-bar { flex-wrap: wrap; gap: 4px 12px; padding: 6px 10px; }
+  .viewer-heading { flex-basis: 100%; min-height: 28px; }
+  .viewer-actions { width: 100%; justify-content: flex-end; }
+  .viewer-count { margin-right: auto; }
+  .viewer-panel { right: 10px; }
+  .canvas-legend { max-width: 100%; }
+}
+/* Below the count's breakpoint the row it sat on would hold two icons and
+   nothing else, so the bar goes back to one line and keeps its height for the
+   canvas. The brand gives up its room to the title, which needs it more. */
+@media (max-width: 480px) {
+  .viewer-count, .viewer-sep, .viewer-brand { display: none; }
+  /* flex-basis 0, not auto: an auto basis measures the whole title, which no
+     row can hold, so the bar would wrap back into two lines. */
+  .viewer-heading { flex-basis: 0; }
+  .viewer-actions { width: auto; }
+}
+@media (pointer: coarse) {
+  .viewer-bar button, .viewer-info > summary { min-height: 44px; min-width: 44px; }
+}
+`;
+/**
+ * The Info disclosure is icon-only: the word carried no information of its
+ * own, and the glyph is unambiguous. The label keeps it accessible, and the
+ * separator sets the read-only count apart from the controls.
+ */
+const INFO_ICON = '<svg viewBox="0 0 16 16" width="16" height="16" aria-hidden="true" focusable="false">'
+    + '<circle cx="8" cy="8" r="6.6" fill="none" stroke="currentColor" stroke-width="1.4"/>'
+    + '<circle cx="8" cy="5.1" r=".95" fill="currentColor"/>'
+    + '<path d="M8 7.4v4.2" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"/></svg>';
+/**
+ * The compact toolbar: brand, title, one headline count, and the controls —
+ * the Info disclosure and the Save-as-image camera, as one cluster. The canvas
+ * dock keeps the gesture controls. A statistic is listed only when its count is
+ * non-zero: a zero names something the view does not contain, which sends the
+ * reader looking for it.
+ */
+export function canvasHeaderHTML(title, stats, description) {
+    const listed = stats.filter(([, value]) => value !== 0);
+    const first = listed[0];
+    return '<header class="viewer-bar">'
+        + '<div class="viewer-heading"><a class="viewer-brand" href="' + REPOSITORY_URL + '" target="_blank" rel="noopener noreferrer" title="' + SHARE_WATERMARK + ' on GitHub">' + BRAND_MARK + 'ADR Kit</a><h1>' + escapeHtml(title) + '</h1></div>'
+        + '<div class="viewer-actions"><span class="viewer-count">' + (first ? first[1] + ' ' + escapeHtml(first[0]) : '') + '</span>'
+        + '<span class="viewer-sep" aria-hidden="true"></span>'
+        + '<div class="viewer-tools">'
+        + '<details class="viewer-info"><summary aria-label="View information" title="View information">' + INFO_ICON + '</summary><section class="viewer-panel" aria-label="View information">'
+        + '<h2>' + escapeHtml(title) + '</h2><p>' + escapeHtml(description) + '</p>'
+        + '<div class="viewer-stats">' + listed.map(([label, value]) => '<span><strong>' + value + '</strong>' + escapeHtml(label) + '</span>').join('') + '</div>'
+        + '<p id="instructions" class="hint">' + CANVAS_HINT + '</p>'
+        + '</section></details>'
+        + SHARE_BUTTON_HTML
+        + '</div>'
+        + '</div></header>';
+}
+/**
+ * The canvas dock: the legend over the bottom-left corner, the zoom cluster
+ * over the bottom-right. Both float above the canvas, so the header can stay
+ * compact without hiding what the picture means. A view with nothing to key
+ * draws no legend panel rather than an empty one.
+ */
+export function canvasDockHTML(legend, fitLabel) {
+    return '<div class="canvas-dock">'
+        + (legend === '' ? '' : '<section class="canvas-legend" aria-label="Legend"><div class="legend">' + legend + '</div></section>')
+        + canvasControlsHTML(fitLabel)
+        + '</div>';
+}
+/** Shared pan/zoom controller for the offline HTML views. */
+export const CANVAS_SCRIPT = String.raw `
+
+(() => {
+  const viewport = document.getElementById('viewport');
+  const world = document.getElementById('world');
+  if (!viewport || !world) return;
+  document.body.classList.add('interactive');
+  const info = document.querySelector('.viewer-info');
+  document.addEventListener('keydown', event => {
+    if (event.key === 'Escape' && info && info.open) {
+      info.open = false;
+      info.querySelector('summary').focus();
+    }
+  });
+  document.addEventListener('pointerdown', event => {
+    if (info && info.open && !info.contains(event.target)) info.open = false;
+  });
+  let scale = 1, tx = 0, ty = 0, frame = 0;
+
+  function paint() {
+    world.style.transform = 'translate(' + tx + 'px,' + ty + 'px) scale(' + scale + ')';
+    const zoom = document.getElementById('zoom');
+    if (zoom) zoom.value = Math.round(scale * 100) + '%';
+  }
+  /** Overview: the whole diagram inside the viewport, behind the Fit control. */
+  function fit() {
+    const width = world.offsetWidth, height = world.offsetHeight;
+    if (!width || !height) return;
+    // Fit above the dock so no card hides behind the legend panel.
+    const dock = viewport.querySelector('.canvas-dock');
+    const padY = 48 + (dock ? dock.offsetHeight : 0);
+    scale = Math.max(.01, Math.min(1, (viewport.clientWidth - 48) / width, (viewport.clientHeight - padY) / height));
+    tx = (viewport.clientWidth - width * scale) / 2;
+    ty = (viewport.clientHeight - height * scale) / 2;
+    paint();
+  }
+  /**
+   * The view a diagram opens in: readable first. Fit the width and never past
+   * 1:1, so a tall tree runs past the fold and pans instead of shrinking to a
+   * thumbnail whose text cannot be read. Fit is still the overview.
+   */
+  function fitWidth() {
+    const width = world.offsetWidth, height = world.offsetHeight;
+    if (!width || !height) return;
+    scale = Math.max(.01, Math.min(1, (viewport.clientWidth - 48) / width));
+    tx = (viewport.clientWidth - width * scale) / 2;
+    const dock = viewport.querySelector('.canvas-dock');
+    const room = viewport.clientHeight - 48 - (dock ? dock.offsetHeight : 0);
+    ty = height * scale <= room ? (viewport.clientHeight - height * scale) / 2 : 24;
+    paint();
+  }
+  function zoomAt(factor, clientX, clientY) {
+    const next = Math.max(Math.min(scale, .05), Math.min(2, scale * factor));
+    const rect = viewport.getBoundingClientRect();
+    const x = clientX === undefined ? viewport.clientWidth / 2 : clientX - rect.left;
+    const y = clientY === undefined ? viewport.clientHeight / 2 : clientY - rect.top;
+    tx = x - (x - tx) * next / scale;
+    ty = y - (y - ty) * next / scale;
+    scale = next;
+    paint();
+  }
+  function zoom(factor) { zoomAt(factor); }
+  function addPan(dx, dy) { tx += dx; ty += dy; paint(); }
+  function relayout() { if (typeof window.__adrCanvasLayout === 'function') window.__adrCanvasLayout(); }
+  function schedule() {
+    if (frame) return;
+    frame = requestAnimationFrame(() => { frame = 0; relayout(); });
+  }
+
+  const plus = document.getElementById('plus');
+  const minus = document.getElementById('minus');
+  const fitButton = document.getElementById('fit');
+  const reset = document.getElementById('reset');
+  if (plus) plus.addEventListener('click', () => zoom(1.2));
+  if (minus) minus.addEventListener('click', () => zoom(1 / 1.2));
+  if (fitButton) fitButton.addEventListener('click', fit);
+  if (reset) reset.addEventListener('click', () => zoom(1 / scale));
+
+  let drag = null;
+  let panned = false;
+  // A press that moves pans; a press that stays is a click. The slop
+  // threshold is what lets links live inside the canvas: pointer capture
+  // would retarget their click, so capture waits until the gesture has
+  // committed to being a pan.
+  const CLICK_SLOP = 4;
+  viewport.addEventListener('pointerdown', event => {
+    if (event.button !== 0) return;
+    // Real controls keep their native press behavior: with pointer capture
+    // their click would land on the viewport and never reach them.
+    if (event.target.closest('button, summary, input, select, textarea, .controls, .canvas-legend')) return;
+    panned = false;
+    drag = { x: event.clientX, y: event.clientY, id: event.pointerId, moved: false };
+  });
+  viewport.addEventListener('pointermove', event => {
+    if (!drag || drag.id !== event.pointerId) return;
+    if (!drag.moved) {
+      if (Math.abs(event.clientX - drag.x) + Math.abs(event.clientY - drag.y) < CLICK_SLOP) return;
+      drag.moved = true;
+      viewport.setPointerCapture(event.pointerId);
+      viewport.classList.add('dragging');
+    }
+    tx += event.clientX - drag.x;
+    ty += event.clientY - drag.y;
+    drag.x = event.clientX;
+    drag.y = event.clientY;
+    paint();
+  });
+  viewport.addEventListener('pointerup', event => {
+    panned = drag !== null && drag.moved && drag.id === event.pointerId;
+    drag = null;
+    viewport.classList.remove('dragging');
+  });
+  for (const name of ['pointercancel', 'lostpointercapture']) {
+    viewport.addEventListener(name, () => { drag = null; viewport.classList.remove('dragging'); });
+  }
+  // The pan must not also open the link it started on, and a native link
+  // drag would cancel the pointer gesture outright.
+  viewport.addEventListener('click', event => {
+    if (!panned) return;
+    panned = false;
+    event.preventDefault();
+    event.stopPropagation();
+  }, true);
+  viewport.addEventListener('dragstart', event => { if (drag) event.preventDefault(); });
+  // A trackpad pinch arrives as a ctrlKey wheel event; macOS also reports
+  // Command as metaKey. Either one zooms toward the pointer so the point under
+  // the cursor stays put (ADR 11), matching the on-screen hint. A plain wheel
+  // pans.
+  viewport.addEventListener('wheel', event => {
+    event.preventDefault();
+    if (event.ctrlKey || event.metaKey) {
+      zoomAt(Math.exp(-event.deltaY / 100), event.clientX, event.clientY);
+      return;
+    }
+    tx -= event.deltaX;
+    ty -= event.deltaY;
+    paint();
+  }, { passive: false });
+  viewport.addEventListener('keydown', event => {
+    if (event.target !== viewport) return;
+    const actions = {
+      ArrowLeft: () => { tx += 50; }, ArrowRight: () => { tx -= 50; },
+      ArrowUp: () => { ty += 50; }, ArrowDown: () => { ty -= 50; },
+      '+': () => zoom(1.2), '=': () => zoom(1.2), '-': () => zoom(1 / 1.2), '0': fit
+    };
+    if (actions[event.key]) { event.preventDefault(); actions[event.key](); paint(); }
+  });
+  viewport.addEventListener('focusin', event => {
+    if (!event.target.closest('.card, #world a')) return;
+    const target = event.target.getBoundingClientRect();
+    const view = viewport.getBoundingClientRect();
+    if (target.left < view.left || target.right > view.right || target.top < view.top || target.bottom > view.bottom) {
+      tx += view.left + view.width / 2 - (target.left + target.width / 2);
+      ty += view.top + view.height / 2 - (target.top + target.height / 2);
+      paint();
+    }
+  });
+  window.addEventListener('resize', () => { relayout(); fitWidth(); });
+
+  window.__adrCanvas = {
+    viewport, world,
+    get scale() { return scale; },
+    paint, fit, fitWidth, zoom, zoomAt, addPan, schedule, relayout
+  };
+
+  // Open in the readable view, from the shared controller that owns it: the
+  // map has no layout step of its own, so without this it would sit unfitted.
+  // The tree's cards are laid out by the script that follows this one, which
+  // fits again once they are measured.
+  relayout();
+  fitWidth();
+})();
+`;
+export const CANVAS_HINT = 'Drag anywhere or scroll to pan · Pinch or Ctrl/⌘ + scroll to zoom at the pointer · Arrow keys move · + / − zoom · 0 fits';
+function canvasControlsHTML(fitLabel) {
+    return '<div class="controls js-control">'
+        + '<button id="minus" aria-label="Zoom out">−</button>'
+        + '<output id="zoom" aria-label="Zoom level">100%</output>'
+        + '<button id="plus" aria-label="Zoom in">+</button>'
+        + '<button id="fit" aria-label="' + escapeHtml(fitLabel) + '">Fit</button>'
+        + '<button id="reset">1:1</button>'
+        + '</div>';
+}
+//# sourceMappingURL=canvas-view.js.map

package/dist/core/canvas-view.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"canvas-view.js","sourceRoot":"","sources":["../../src/core/canvas-view.ts"],"names":[],"mappings":"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"}

package/dist/core/deliberation-html.d.ts

@@ -0,0 +1,4 @@
+import type { DeliberationNode } from './deliberation.js';
+/** Render semantic cards on the server; the embedded script only lays them out. */
+export declare function renderCardTree(nodes: DeliberationNode[], title: string): string;
+//# sourceMappingURL=deliberation-html.d.ts.map

package/dist/core/deliberation-html.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"deliberation-html.d.ts","sourceRoot":"","sources":["../../src/core/deliberation-html.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AA8C1D,mFAAmF;AACnF,wBAAgB,cAAc,CAAC,KAAK,EAAE,gBAAgB,EAAE,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,CAyH/E"}

package/dist/core/deliberation-html.js

@@ -0,0 +1,153 @@
+import { RELATION_STYLE, RELATION_SCRIPT } from './relation-focus.js';
+import { isUnlockedQuestion } from './deliberation.js';
+import { CANVAS_STYLE, CANVAS_SCRIPT, canvasHeaderHTML, canvasDockHTML } from './canvas-view.js';
+import { TREE_STYLE, TREE_SCRIPT } from './deliberation-view.js';
+import { SHARE_SCRIPT, SHARE_STYLE } from './share.js';
+import { escapeHtml } from './view-text.js';
+function kindOf(node) {
+    return node.type ?? (node.children.length > 0 ? 'question' : 'option');
+}
+/** Only option children can be answers; a settled follow-up is not an answer. */
+function overridden(card) {
+    const chosen = card.options.filter(({ node }) => node.status === 'settled');
+    return card.kind === 'question' && chosen.length > 0
+        && card.options.some(({ node }) => node.recommended)
+        && !chosen.some(({ node }) => node.recommended);
+}
+function reason(node) {
+    return node.reason === undefined ? '' : `<p class="reason">${escapeHtml(node.reason)}</p>`;
+}
+/**
+ * The exception states, with the gloss the legend gives each one. `settled` is
+ * absent on purpose: it is what a node is when nothing else is said, so a chip
+ * would repeat the same word on every card.
+ */
+const STATE_LEGEND = [
+    ['open', 'unresolved'],
+    ['rejected', 'not taken'],
+    ['unrecorded', 'no state marker'],
+];
+/** Render semantic cards on the server; the embedded script only lays them out. */
+export function renderCardTree(nodes, title) {
+    const cards = [];
+    let sequence = 0;
+    function collect(node, parent = '', anchor = '', depth = 0) {
+        const kind = depth === 0 && node.type === undefined ? 'root' : kindOf(node);
+        const card = { id: `n${++sequence}`, node, kind, parent, anchor, depth, options: [], children: [], unlocked: false };
+        cards.push(card);
+        for (const child of node.children) {
+            if (kind !== 'option' && kindOf(child) === 'option') {
+                const id = `n${++sequence}`;
+                card.options.push({ id, node: child });
+                for (const followup of child.children) {
+                    card.children.push(collect(followup, card.id, id, depth + 1).id);
+                }
+            }
+            else {
+                card.children.push(collect(child, card.id, '', depth + 1).id);
+            }
+        }
+        return card;
+    }
+    // A session that settles several decisions records them as sibling roots,
+    // which the canvas would draw as unrelated islands. Group them under one
+    // presentational card; recorded roots keep their kind, depth, and content.
+    // The card carries only its label: no heading, no count, no state.
+    const virtual = nodes.length > 1
+        ? {
+            id: `n${++sequence}`,
+            node: { text: '', children: [] },
+            kind: 'virtual', parent: '', anchor: '', depth: 0, options: [], children: [], unlocked: false,
+        }
+        : undefined;
+    if (virtual !== undefined)
+        cards.push(virtual);
+    nodes.forEach((node) => {
+        const card = collect(node, virtual?.id ?? '');
+        virtual?.children.push(card.id);
+    });
+    // Whether each card's incoming edge is an unlocked one. The question is the
+    // outline's, not the drawing's: the node that raised this card is the option
+    // it anchors to, or the card it hangs off when it anchors to none. Asking it
+    // here lets the drawn edge and the legend read one answer.
+    const byId = new Map(cards.map((card) => [card.id, card]));
+    const optionNodes = new Map(cards.flatMap((card) => card.options.map(({ id, node }) => [id, node])));
+    for (const card of cards) {
+        const parent = byId.get(card.parent);
+        if (parent === undefined || card.kind === 'virtual')
+            continue;
+        const anchor = optionNodes.get(card.anchor);
+        card.unlocked = isUnlockedQuestion(card.node, anchor ?? parent.node, anchor === undefined && parent.kind === 'root');
+    }
+    let questionNumber = 0;
+    /** The states that actually draw a chip, so the legend keys only what it can point at. */
+    const chipped = new Set();
+    const markup = cards.map((card) => {
+        const { node, id, kind } = card;
+        const override = overridden(card);
+        const chosen = card.options.filter((option) => option.node.status === 'settled');
+        const other = card.options.filter((option) => option.node.status !== 'settled');
+        const status = node.status ?? 'unrecorded';
+        // Only an exception earns a chip; a settled node already reads as settled
+        // from its chosen answer, so the same word on every card would say nothing.
+        const chip = kind !== 'virtual' && status !== 'settled';
+        if (chip)
+            chipped.add(status);
+        const label = kind === 'question' ? `QUESTION ${String(++questionNumber).padStart(2, '0')}`
+            : kind === 'virtual' ? 'DELIBERATION' : kind.toUpperCase();
+        const stateChip = chip ? `<span class="state ${status}">${status}</span>` : '';
+        // A folded option writes its state as plain text, not as a chip, so it earns
+        // no legend key: the word is already readable and the pill is what needs one.
+        const optionMarkup = (option) => {
+            const selected = option.node.status === 'settled';
+            const state = option.node.status ?? 'unrecorded';
+            return `<div id="${option.id}" class="${selected ? 'answer' : 'alt'}" data-state="${state}">
+        <span class="badge">${selected ? '✓ Selected' : escapeHtml(state)}${option.node.recommended ? ' · Agent recommended' : ''}</span>
+        <p>${escapeHtml(option.node.text)}</p>${reason(option.node)}</div>`;
+        };
+        const heading = kind === 'virtual' ? '' : `<h2 id="${id}-title">${escapeHtml(node.text)}</h2>`;
+        const labelledBy = kind === 'virtual' ? '' : ` aria-labelledby="${id}-title"`;
+        const toggleLabel = kind === 'virtual' ? 'Toggle all decisions' : `Toggle follow-ups: ${escapeHtml(node.text)}`;
+        return `<article id="${id}" class="card ${kind}" data-parent="${card.parent}" data-anchor="${card.anchor}" data-state="${status}" data-unlocked="${card.unlocked}" style="--depth:${card.depth}"${labelledBy}${kind === 'virtual' ? '' : ' tabindex="0"'}>
+      <div class="cardhead"><div class="label"><span>${label}</span>${stateChip}</div>
+      ${heading}${reason(node)}
+      ${node.recommended ? '<p class="badge">Agent recommended</p>' : ''}
+      ${override ? '<p class="override">Human override · recommendation not taken</p>' : ''}</div>
+      ${chosen.map(optionMarkup).join('\n')}
+      ${other.length === 0 ? '' : `<details class="alts"><summary>${other.length} other option${other.length === 1 ? '' : 's'}${override ? ' · includes recommendation' : ''}</summary>${other.map(optionMarkup).join('\n')}</details>`}
+      ${card.children.length === 0 ? '' : `<button class="branch" aria-expanded="true" aria-controls="${card.children.join(' ')}" aria-label="${toggleLabel}">−</button>`}
+    </article>`;
+    }).join('\n');
+    const overrides = cards.filter(overridden).length;
+    const stats = [
+        ['questions', questionNumber],
+        ['options', cards.reduce((sum, card) => sum + card.options.length, 0)],
+        ['overrides', overrides],
+    ];
+    // The legend quotes what the picture draws: an entry for something no card
+    // shows sends the reader looking for it, so each one waits for its object.
+    // The edge keys carry a line sample in the stroke the view draws, because a
+    // dashed text dash looks like neither of the two edges it would be naming.
+    const legend = [
+        cards.some((card) => card.options.some(({ node }) => node.status === 'settled'))
+            ? '<span data-share-selector=".card:not([hidden]) .answer">✓ Selected answer</span>' : '',
+        cards.some((card) => card.parent !== '') ? '<span data-share-selector="#edges path[data-unlocked=false]"><i class="edge-key"></i>Raised by</span>' : '',
+        cards.some((card) => card.unlocked) ? '<span data-share-selector="#edges path[data-unlocked=true]"><i class="edge-key unlocked"></i>Unlocked question</span>' : '',
+        overrides === 0 ? '' : '<span class="override-key" data-share-selector=".card:not([hidden]) .override">● Human override</span>',
+        ...STATE_LEGEND
+            .filter(([state]) => chipped.has(state))
+            .map(([state, gloss]) => `<span data-share-selector=".card:not([hidden]) .cardhead .state.${state}"><span class="state ${state}">${state}</span>${gloss}</span>`),
+    ].filter(Boolean).join('');
+    return `<!doctype html>
+<html lang="en">
+<head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1">
+<title>${escapeHtml(title)} — deliberation tree</title><style>${TREE_STYLE}${CANVAS_STYLE}${SHARE_STYLE}${RELATION_STYLE}</style></head>
+<body>
+${canvasHeaderHTML(title, stats, 'Hover or focus a card to trace its ancestors and follow-ups. Escape clears the highlight.')}
+<main id="viewport" tabindex="0" aria-label="Decision tree" aria-describedby="instructions"><div id="world"><svg id="edges" aria-hidden="true"></svg><div id="cards">${markup}</div></div>
+${canvasDockHTML(legend, 'Fit tree')}</main>
+<noscript><p class="no-script">JavaScript is disabled. All cards are shown in outline order; expand other options to read their reasons.</p></noscript>
+<script>${CANVAS_SCRIPT}${SHARE_SCRIPT}${TREE_SCRIPT}${RELATION_SCRIPT}</script>
+</body></html>\n`;
+}
+//# sourceMappingURL=deliberation-html.js.map

package/dist/core/deliberation-html.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"deliberation-html.js","sourceRoot":"","sources":["../../src/core/deliberation-html.ts"],"names":[],"mappings":"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"}

package/dist/core/deliberation-view.d.ts

@@ -0,0 +1,4 @@
+/** Inline assets for the offline tree viewer. No network or runtime dependency. */
+export declare const TREE_STYLE: string;
+export declare const TREE_SCRIPT: string;
+//# sourceMappingURL=deliberation-view.d.ts.map

package/dist/core/deliberation-view.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"deliberation-view.d.ts","sourceRoot":"","sources":["../../src/core/deliberation-view.ts"],"names":[],"mappings":"AAAA,mFAAmF;AACnF,eAAO,MAAM,UAAU,QA4NtB,CAAC;AAIF,eAAO,MAAM,WAAW,QAmHvB,CAAC"}