@reqlan/analytical 0.9.1 → 0.10.0

package/out/export/html-export-assets.js

@@ -1,2294 +0,0 @@
-import { PHYSICS_CORE_CLASSIC_SOURCE } from '../graph/physics-core-source.js';
-/**
- * physics-core.js with `export` keywords stripped, inlined at build time by
- * scripts/generate-physics-core-source.mjs. Using a pre-generated string
- * constant rather than readFileSync(import.meta.url) keeps this bundler-safe:
- * esbuild with format cjs + target es2017 empties import.meta.url, and the
- * source file does not exist on disk relative to the bundled main.cjs anyway.
- */
-function embedPhysicsCoreSource() {
-    return PHYSICS_CORE_CLASSIC_SOURCE;
-}
-export const SHARED_STYLES = `
-:root {
-    color-scheme: dark;
-    --bg: #14100e;
-    --bg-elev: #1f1815;
-    --bg-soft: #1f1815;
-    --bg-raised: #2a211d;
-    --fg: #ebe4de;
-    --muted: #a89488;
-    --faint: #6e5f56;
-    --line: #3d2f28;
-    --accent: #07a0e5;
-    --accent-strong: #0bbefb;
-    --accent-dim: #0371c1;
-    --rust: #b85c38;
-    --rust-muted: #8a4530;
-    --good: #4ade80;
-    --warn: #fbbf24;
-    --bad: #fb7185;
-    font-family: Inter, system-ui, sans-serif;
-}
-* { box-sizing: border-box; }
-html {
-    /* Keep fragment targets below the sticky .topbar (nav + padding ≈ 4.5–5rem). */
-    scroll-padding-top: 5.5rem;
-}
-body {
-    margin: 0;
-    background: var(--bg);
-    color: var(--fg);
-    line-height: 1.55;
-}
-a { color: var(--accent-strong); text-decoration: none; }
-a:hover { color: var(--accent); }
-main.layout {
-    max-width: 1360px; margin: 0 auto; padding: 1.5rem;
-    display: flex; flex-direction: column; gap: 1.5rem;
-}
-.topbar {
-    position: sticky; top: 0; z-index: 10;
-    background: var(--bg-elev); border-bottom: 1px solid var(--line); margin: 0 -1.5rem;
-    padding: 0.9rem 1.5rem;
-}
-.topbar-inner, .hero, .split, .grid, .detail-grid { display: grid; gap: 1.5rem; }
-.topbar-inner { grid-template-columns: 1.3fr auto; align-items: center; }
-.nav { display: flex; flex-wrap: wrap; gap: 0.75rem; align-items: center; }
-.nav a {
-    padding: 0.45rem 0.75rem; border-radius: 8px;
-    background: var(--bg-raised); color: var(--muted); border: 1px solid var(--line);
-}
-.nav a:hover { color: var(--fg); border-color: color-mix(in srgb, var(--accent) 35%, var(--line)); }
-.nav a.active {
-    background: color-mix(in srgb, var(--rust) 28%, var(--bg-raised));
-    color: var(--fg); border-color: var(--rust);
-}
-.nav a.brand-link {
-    background: transparent;
-    border-color: transparent;
-    color: var(--fg);
-    font-weight: 650;
-    letter-spacing: 0.02em;
-    padding-left: 0.15rem;
-    padding-right: 0.9rem;
-}
-.nav a.brand-link:hover {
-    color: var(--accent);
-    border-color: transparent;
-    background: transparent;
-}
-.hero { grid-template-columns: 2fr 1fr; }
-.grid {
-    display: grid;
-    grid-template-columns: repeat(auto-fit, minmax(min(100%, 140px), 1fr));
-    gap: 1.5rem;
-    row-gap: 1.5rem;
-    column-gap: 1.5rem;
-}
-.split, .detail-grid {
-    display: grid;
-    grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));
-    gap: 1.5rem;
-}
-.panel, .metric, .card, .table-shell, .graph-shell, .print-card, .search-result {
-    background: var(--bg-raised);
-    border: 1px solid var(--line);
-    border-radius: 10px;
-}
-.panel, .card, .table-shell, .graph-shell, .print-card, .search-result { padding: 1rem 1.1rem; }
-.metric { padding: 0; overflow: hidden; }
-.metric-link, .metric > span, .metric > strong {
-    display: flex; flex-direction: column; gap: 0.35rem; padding: 1rem; color: inherit;
-}
-.metric-link:hover { background: color-mix(in srgb, var(--accent) 10%, var(--bg-raised)); }
-.metric-label, .subtle, .eyebrow, .breadcrumbs { color: var(--muted); }
-.metric-value { font-size: 1.75rem; color: var(--accent-strong); }
-.eyebrow { text-transform: uppercase; letter-spacing: 0.08em; font-size: 0.75rem; color: var(--rust); }
-.page-header { display: grid; gap: 0.55rem; }
-.page-header h1 { margin: 0; }
-.page-header .eyebrow { margin: 0; }
-.page-header .subtle { margin: 0; }
-.toolbar {
-    display: flex; flex-wrap: wrap; gap: 0.75rem; align-items: center; justify-content: space-between;
-    margin-bottom: 0.9rem;
-}
-.toolbar .actions, .pill-row, .breadcrumbs { display: flex; gap: 0.75rem; row-gap: 0.85rem; flex-wrap: wrap; align-items: center; }
-.chip, .pill {
-    display: inline-flex; align-items: center; gap: 0.35rem;
-    padding: 0.28rem 0.6rem; border-radius: 8px;
-    border: 1px solid var(--line); background: var(--bg); color: var(--muted);
-}
-a.pill:hover { color: var(--accent-strong); border-color: color-mix(in srgb, var(--accent) 40%, var(--line)); }
-.graph-controls-bar {
-    display: flex;
-    flex-wrap: wrap;
-    gap: 0.65rem;
-    align-items: center;
-    margin-bottom: 0.9rem;
-    padding: 0.8rem;
-    border: 1px solid var(--line);
-    border-radius: 10px;
-    background: var(--bg);
-}
-.graph-shell > .pill-row { margin-bottom: 0.9rem; }
-.graph-filter {
-    flex: 1 1 180px;
-    min-width: 160px;
-}
-.scd {
-    position: relative;
-    flex: 1 1 180px;
-    min-width: 160px;
-}
-.scd-trigger {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    gap: 0.55rem;
-    width: 100%;
-    min-height: 2.35rem;
-    padding: 0.4rem 0.75rem;
-    border: 1px solid var(--line);
-    border-radius: 8px;
-    background: var(--bg-soft);
-    color: var(--fg);
-    font: inherit;
-    cursor: pointer;
-    text-align: left;
-}
-.scd.is-open .scd-trigger,
-.scd-trigger:hover {
-    border-color: var(--accent-dim);
-}
-.scd.has-selection .scd-trigger {
-    border-color: color-mix(in srgb, var(--accent) 45%, var(--line));
-}
-.scd.is-searching .scd-trigger {
-    border-color: var(--line);
-}
-.scd.is-loading .scd-trigger {
-    opacity: 0.72;
-}
-.scd-trigger-label {
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-}
-.scd-chevron {
-    width: 0;
-    height: 0;
-    border-left: 4px solid transparent;
-    border-right: 4px solid transparent;
-    border-top: 5px solid currentColor;
-    opacity: 0.7;
-    flex: 0 0 auto;
-}
-.scd.is-open .scd-chevron { transform: rotate(180deg); }
-.scd-panel {
-    position: absolute;
-    z-index: 50;
-    top: calc(100% + 0.35rem);
-    left: 0;
-    right: auto;
-    width: max(100%, 15rem);
-    max-width: min(20rem, 80vw);
-    max-height: 18rem;
-    display: flex;
-    flex-direction: column;
-    border: 1px solid var(--line);
-    border-radius: 10px;
-    background: var(--bg-elev);
-    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.35);
-    overflow: hidden;
-}
-/* Author display:flex overrides the UA [hidden] rule; keep closed panels invisible. */
-.scd-panel[hidden] {
-    display: none;
-}
-.scd-search-row {
-    display: flex;
-    gap: 0.45rem;
-    padding: 0.65rem;
-    border-bottom: 1px solid var(--line);
-    opacity: 0.72;
-}
-.scd-search-row.is-active { opacity: 1; }
-.scd-search {
-    flex: 1;
-    min-width: 0;
-    padding: 0.4rem 0.55rem;
-    border: 1px solid transparent;
-    border-radius: 6px;
-    background: color-mix(in srgb, var(--bg) 88%, transparent);
-    color: var(--muted);
-    font: inherit;
-}
-.scd.is-searching .scd-search,
-.scd-search:focus {
-    border-color: var(--accent-dim);
-    background: var(--bg);
-    color: var(--fg);
-    outline: none;
-}
-.scd-clear {
-    border: none;
-    background: transparent;
-    color: var(--accent-strong);
-    font: inherit;
-    cursor: pointer;
-}
-.scd-list {
-    overflow: auto;
-    padding: 0.25rem 0 0.55rem;
-}
-.scd-group-label {
-    padding: 0.55rem 0.85rem 0.25rem;
-    font-size: 0.72rem;
-    letter-spacing: 0.06em;
-    text-transform: uppercase;
-    color: var(--muted);
-}
-.scd-option {
-    display: flex;
-    align-items: center;
-    gap: 0.55rem;
-    padding: 0.45rem 0.85rem;
-    cursor: pointer;
-    color: var(--fg);
-}
-.scd-option:hover { background: color-mix(in srgb, var(--accent) 10%, transparent); }
-.scd-option input { margin: 0; }
-.scd-option-label {
-    flex: 1;
-    min-width: 0;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-}
-.scd-option-count {
-    flex: 0 0 auto;
-    font-variant-numeric: tabular-nums;
-    font-size: 0.85em;
-    color: var(--muted);
-    opacity: 0.65;
-}
-.scd-option.is-special .scd-option-label { font-style: italic; }
-.scd-option.is-not-present .scd-option-label { color: var(--faint); }
-.scd-option.is-empty .scd-option-label { color: var(--accent-strong); }
-.scd-option.is-unspecified .scd-option-label { color: var(--rust-muted); }
-.scd-empty {
-    margin: 0;
-    padding: 0.85rem;
-    color: var(--muted);
-    font-size: 0.9rem;
-}
-.rollup-list .rollup-special dt {
-    font-style: italic;
-}
-.rollup-list .rollup-not-present dt {
-    color: var(--faint);
-}
-.rollup-list .rollup-empty dt {
-    color: var(--accent-strong);
-}
-.rollup-list .rollup-unspecified dt {
-    color: var(--rust-muted);
-}
-.graph-action {
-    border: 1px solid var(--line);
-    background: var(--bg-soft);
-    color: var(--fg);
-    border-radius: 8px;
-    padding: 0.7rem 0.9rem;
-    cursor: pointer;
-}
-.graph-action:hover { border-color: var(--accent-dim); color: var(--accent-strong); }
-.graph-action.is-active {
-    background: color-mix(in srgb, var(--rust) 28%, var(--bg-soft));
-    border-color: var(--rust);
-    color: var(--fg);
-}
-.graph-file-treatment {
-    display: inline-flex;
-    align-items: center;
-}
-.graph-file-treatment .graph-select,
-select.graph-action {
-    border-radius: 8px;
-    padding-right: 1.6rem;
-    cursor: pointer;
-}
-.visually-hidden {
-    position: absolute;
-    width: 1px;
-    height: 1px;
-    padding: 0;
-    margin: -1px;
-    overflow: hidden;
-    clip: rect(0, 0, 0, 0);
-    white-space: nowrap;
-    border: 0;
-}
-.graph-status {
-    color: var(--muted);
-    font-size: 0.92rem;
-    margin-left: auto;
-}
-.searchbar, select, input[type="search"] {
-    width: min(100%, 440px); background: var(--bg); color: var(--fg);
-    border: 1px solid var(--line); border-radius: 8px; padding: 0.75rem 0.9rem;
-}
-.searchbar:focus, select:focus, input[type="search"]:focus {
-    outline: none;
-    border-color: var(--accent);
-    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent) 25%, transparent);
-}
-table { width: 100%; border-collapse: collapse; }
-th, td {
-    padding: 0.75rem 0.65rem; text-align: left; border-bottom: 1px solid var(--line); vertical-align: top;
-}
-th { color: var(--muted); font-size: 0.94rem; }
-tbody tr:hover { background: var(--bg-raised); }
-.table-shell { overflow-x: auto; }
-.scroll-window {
-    --scroll-window-max: min(28rem, 50vh);
-}
-body[data-runtime-mode="interactive"] .scroll-window {
-    max-height: var(--scroll-window-max);
-    overflow: auto;
-    border: 1px solid var(--line);
-    border-radius: 8px;
-    background: var(--bg);
-}
-body[data-runtime-mode="interactive"] .scroll-window > table {
-    margin: 0;
-}
-body[data-runtime-mode="interactive"] .scroll-window .entity-list,
-body[data-runtime-mode="interactive"] .scroll-window .rollup-list {
-    padding: 0.75rem;
-}
-.sortable-th { padding: 0.45rem 0.4rem; }
-.sort-button {
-    display: inline-flex; align-items: center; gap: 0.35rem;
-    width: 100%; margin: 0; padding: 0.3rem 0.25rem;
-    border: 0; background: transparent; color: inherit;
-    font: inherit; text-align: left; cursor: pointer;
-}
-.sort-button:hover { color: var(--fg); }
-.sort-button.sort-active { color: var(--accent-strong); }
-.sort-indicator { color: var(--faint); font-size: 0.8em; min-width: 1em; }
-.sort-button.sort-active .sort-indicator { color: var(--accent-strong); }
-.table-filter-toggle {
-    display: inline-flex; align-items: center; justify-content: center;
-    width: 2.25rem; height: 2.25rem; padding: 0;
-    border: 1px solid var(--line); border-radius: 8px;
-    background: var(--bg-raised); color: var(--muted); cursor: pointer;
-}
-.table-filter-toggle:hover { color: var(--fg); border-color: color-mix(in srgb, var(--accent) 40%, var(--line)); }
-.table-filter-toggle.is-active {
-    color: var(--fg);
-    border-color: var(--accent);
-    background: color-mix(in srgb, var(--accent) 18%, var(--bg-raised));
-}
-.table-filter-toggle.has-filters:not(.is-active) {
-    color: var(--accent-strong);
-    border-color: color-mix(in srgb, var(--accent) 45%, var(--line));
-}
-.table-filter-toggle svg { width: 1rem; height: 1rem; display: block; }
-.table-filter-actions {
-    display: flex; justify-content: flex-end; gap: 0.55rem;
-    margin-bottom: 0.65rem;
-}
-.column-filter-row { display: none; }
-.column-filter-row.is-open { display: table-row; }
-.column-filter-row th {
-    padding: 0.35rem 0.4rem 0.75rem; border-bottom: 1px solid var(--line); font-weight: 400;
-}
-.column-filter {
-    width: 100%; min-width: 4.5rem; background: var(--bg); color: var(--fg);
-    border: 1px solid var(--line); border-radius: 6px; padding: 0.4rem 0.55rem; font-size: 0.85rem;
-}
-.column-filter:focus {
-    outline: none;
-    border-color: var(--accent);
-    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent) 25%, transparent);
-}
-body[data-runtime-mode="interactive"] .scroll-window thead tr:first-child th {
-    position: sticky;
-    top: 0;
-    z-index: 2;
-    background: var(--bg-raised);
-    box-shadow: 0 1px 0 var(--line);
-}
-body[data-runtime-mode="interactive"] .scroll-window thead .column-filter-row.is-open th {
-    position: sticky;
-    top: 2.65rem;
-    z-index: 1;
-    background: var(--bg-raised);
-    box-shadow: 0 1px 0 var(--line);
-}
-.entity-list {
-    display: grid;
-    grid-template-columns: minmax(0, 1fr);
-    gap: 1.5rem;
-}
-.entity-card {
-    border: 1px solid var(--line); border-radius: 10px; padding: 0.9rem 1rem; background: var(--bg);
-    color: inherit;
-    min-width: 0;
-    max-width: 100%;
-    overflow-wrap: anywhere;
-    word-break: break-word;
-}
-.entity-card:hover { border-color: color-mix(in srgb, var(--accent) 40%, var(--line)); }
-.entity-card h3, .entity-card p { margin: 0; }
-.entity-card p + p, .entity-card strong + p, .entity-card h3 + p { margin-top: 0.35rem; }
-.print-card {
-    min-width: 0;
-    max-width: 100%;
-    overflow-wrap: anywhere;
-    word-break: break-word;
-    scroll-margin-top: 5.5rem;
-}
-.print-card > h3 { overflow-wrap: anywhere; }
-.print-attrs {
-    display: grid;
-    gap: 0.45rem;
-    margin: 0.75rem 0 0;
-}
-.print-attrs div {
-    display: grid;
-    grid-template-columns: minmax(0, 8rem) minmax(0, 1fr);
-    gap: 0.65rem;
-    border-bottom: 1px solid var(--line);
-    padding-bottom: 0.35rem;
-}
-.print-attrs dt {
-    margin: 0;
-    color: var(--muted);
-    font-weight: 600;
-    overflow-wrap: anywhere;
-}
-.print-attrs dd {
-    margin: 0;
-    overflow-wrap: anywhere;
-    word-break: break-word;
-}
-.print-button {
-    appearance: none;
-    border: 1px solid var(--line);
-    border-radius: 8px;
-    background: color-mix(in srgb, var(--accent) 18%, var(--bg-raised));
-    color: var(--fg);
-    font: inherit;
-    font-weight: 600;
-    padding: 0.45rem 0.9rem;
-    cursor: pointer;
-}
-.print-button:hover {
-    border-color: color-mix(in srgb, var(--accent) 45%, var(--line));
-    background: color-mix(in srgb, var(--accent) 28%, var(--bg-raised));
-}
-.panel > h2, .table-shell > h2, .graph-shell > h2, .print-card > h3 { margin-top: 0; margin-bottom: 0.75rem; }
-.toolbar h2 { margin: 0; }
-.rollup-list { display: grid; gap: 0.5rem; }
-.rollup-list div {
-    display: flex; justify-content: space-between; gap: 1rem; border-bottom: 1px solid var(--line); padding-bottom: 0.4rem;
-}
-.rollup-list dd { margin: 0; }
-.rollup-list a.rollup-link {
-    color: inherit;
-    text-decoration: none;
-}
-.rollup-list a.rollup-link:hover {
-    color: var(--accent);
-    text-decoration: underline;
-}
-.distribution-track {
-    height: 0.7rem;
-    min-width: 6rem;
-    border-radius: 999px;
-    background: var(--bg);
-    border: 1px solid var(--line);
-    overflow: hidden;
-}
-.distribution-fill {
-    display: block;
-    height: 100%;
-    border-radius: inherit;
-    background: linear-gradient(90deg, var(--accent-dim), var(--accent-strong));
-    min-width: 0;
-}
-.graph-root {
-    position: relative;
-    min-height: 620px;
-}
-.graph-root.is-booting {
-    display: grid;
-    place-items: center;
-    border: 1px solid var(--line);
-    border-radius: 10px;
-    background: var(--bg);
-}
-.graph-boot {
-    display: grid;
-    justify-items: center;
-    gap: 0.75rem;
-    padding: 1.5rem;
-    text-align: center;
-    color: var(--muted);
-}
-.graph-boot p { margin: 0; }
-.graph-boot-spinner {
-    width: 1.35rem;
-    height: 1.35rem;
-    border: 2px solid color-mix(in srgb, var(--muted) 35%, transparent);
-    border-top-color: var(--accent-strong);
-    border-radius: 50%;
-    animation: graph-boot-spin 0.7s linear infinite;
-}
-@keyframes graph-boot-spin {
-    to { transform: rotate(360deg); }
-}
-.graph-root canvas {
-    display: block;
-    width: 100%;
-    min-height: 620px;
-    background: var(--bg);
-    border-radius: 10px;
-    border: 1px solid var(--line);
-    touch-action: none;
-    cursor: grab;
-}
-.graph-root canvas.is-panning { cursor: grabbing; }
-.graph-root canvas.is-dragging-node { cursor: pointer; }
-.search-results { display: grid; gap: 0.7rem; margin-top: 1rem; }
-.search-result:hover { border-color: var(--accent-dim); }
-.hidden { display: none !important; }
-.breadcrumbs a { color: var(--muted); }
-.breadcrumbs a:hover { color: var(--accent-strong); }
-.section-link { font-size: 0.92rem; }
-.prose p { line-height: 1.55; }
-.idea-summary { white-space: normal; }
-.idea-ref {
-    display: inline;
-    padding: 0.05em 0.35em;
-    margin: 0 0.05em;
-    border-radius: 0.3em;
-    border: 1px solid color-mix(in srgb, var(--accent) 35%, var(--line));
-    background: color-mix(in srgb, var(--accent) 14%, var(--bg-raised));
-    color: var(--accent-strong);
-    font-weight: 600;
-    text-decoration: none;
-    white-space: normal;
-    overflow-wrap: anywhere;
-}
-a.idea-ref:hover {
-    color: var(--fg);
-    border-color: var(--accent);
-    background: color-mix(in srgb, var(--accent) 22%, var(--bg-raised));
-}
-.idea-ref--file {
-    border-color: color-mix(in srgb, var(--rust) 40%, var(--line));
-    background: color-mix(in srgb, var(--rust) 16%, var(--bg-raised));
-    color: #e8a07a;
-}
-a.idea-ref--file:hover {
-    color: var(--fg);
-    border-color: var(--rust);
-}
-.idea-ref--unresolved {
-    border-style: dashed;
-    border-color: color-mix(in srgb, var(--warn) 45%, var(--line));
-    background: color-mix(in srgb, var(--warn) 10%, var(--bg-raised));
-    color: var(--warn);
-    font-weight: 500;
-}
-pre.code-like {
-    white-space: pre-wrap; padding: 0.9rem; border-radius: 8px;
-    background: var(--bg); border: 1px solid var(--line);
-}
-@media (max-width: 900px) {
-    .hero, .topbar-inner { grid-template-columns: 1fr; }
-}
-@media (max-width: 520px) {
-    .print-attrs div { grid-template-columns: 1fr; }
-}
-@media print {
-    :root { color-scheme: light; }
-    body { background: white; color: black; }
-    .topbar, .searchbar, .toolbar .actions, .graph-shell .toolbar, .column-filter-row, .table-filter-toggle, .table-filter-actions, .hide-on-print { display: none !important; }
-    .sort-button { cursor: default; }
-    .panel, .metric, .card, .table-shell, .graph-shell, .print-card, .search-result, .entity-card {
-        background: white; color: black; border-color: #cbd5e1; box-shadow: none;
-    }
-    .scroll-window {
-        max-height: none !important;
-        overflow: visible !important;
-        border: none !important;
-        background: transparent !important;
-    }
-    .scroll-window thead th {
-        position: static !important;
-        box-shadow: none !important;
-    }
-    a { color: black; text-decoration: underline; }
-    .print-break-avoid { break-inside: avoid; }
-}
-`;
-export const APP_JS = `
-${embedPhysicsCoreSource()}
-
-const searchIndexByRoot = new WeakMap();
-
-function exportRootPrefix(root) {
-    const searchUrl = root.dataset.searchIndex || '';
-    const dataIdx = searchUrl.lastIndexOf('data/');
-    return dataIdx >= 0 ? searchUrl.slice(0, dataIdx) : '';
-}
-
-function resolveExportUrl(root, url) {
-    const cleaned = String(url || '').replace(/^\\.\\//, '');
-    return \`\${exportRootPrefix(root)}\${cleaned}\`;
-}
-
-async function loadSearchIndex(root) {
-    if (searchIndexByRoot.has(root)) return searchIndexByRoot.get(root);
-    const embedded = typeof globalThis.__REQLAN_SEARCH_INDEX__ !== 'undefined'
-        ? globalThis.__REQLAN_SEARCH_INDEX__
-        : null;
-    if (Array.isArray(embedded)) {
-        const ready = Promise.resolve(embedded);
-        searchIndexByRoot.set(root, ready);
-        return ready;
-    }
-    const url = root.dataset.searchIndex;
-    if (!url) return [];
-    const loaded = fetch(url).then(response => {
-        if (!response.ok) throw new Error('search index fetch failed');
-        return response.json();
-    }).catch(() => []);
-    searchIndexByRoot.set(root, loaded);
-    return loaded;
-}
-
-function lower(value) {
-    return String(value || '').toLowerCase();
-}
-
-function mountSearchableCheckboxDropdown(host, onChange) {
-    if (!host) {
-        return {
-            getSelected: () => [],
-            clear: () => undefined,
-            setOnChange: () => undefined
-        };
-    }
-    if (host.__scdApi) {
-        host.__scdApi.setOnChange(onChange);
-        return host.__scdApi;
-    }
-    let options = [];
-    try {
-        options = JSON.parse(host.dataset.options || '[]');
-    } catch {
-        options = [];
-    }
-    const label = host.dataset.label || 'Filter';
-    const placeholder = host.dataset.placeholder || 'Search…';
-    let selected = new Set();
-    let open = false;
-    let searching = false;
-    let query = '';
-    let panel = null;
-    let search = null;
-    let searchRow = null;
-    let clearBtn = null;
-    let list = null;
-    let listenersBound = false;
-    let changeHandler = onChange;
-
-    let trigger = host.querySelector('.scd-trigger');
-    let triggerLabel = host.querySelector('.scd-trigger-label');
-    if (!trigger) {
-        trigger = document.createElement('button');
-        trigger.type = 'button';
-        trigger.className = 'scd-trigger';
-        trigger.setAttribute('aria-haspopup', 'listbox');
-        triggerLabel = document.createElement('span');
-        triggerLabel.className = 'scd-trigger-label';
-        const chevron = document.createElement('span');
-        chevron.className = 'scd-chevron';
-        chevron.setAttribute('aria-hidden', 'true');
-        trigger.append(triggerLabel, chevron);
-        host.appendChild(trigger);
-    }
-    if (!trigger.querySelector('.scd-chevron')) {
-        const chevron = document.createElement('span');
-        chevron.className = 'scd-chevron';
-        chevron.setAttribute('aria-hidden', 'true');
-        trigger.appendChild(chevron);
-    }
-    trigger.setAttribute('aria-expanded', 'false');
-    trigger.setAttribute('aria-busy', 'false');
-    host.classList.remove('is-loading');
-    host.dataset.scdReady = '1';
-
-    function emitChange() {
-        changeHandler?.([...selected]);
-    }
-
-    function syncTrigger() {
-        const values = [...selected];
-        host.dataset.selected = JSON.stringify(values);
-        host.classList.toggle('has-selection', values.length > 0);
-        if (!triggerLabel) return;
-        if (values.length === 0) triggerLabel.textContent = label;
-        else if (values.length === 1) {
-            const match = options.find(option => option.value === values[0]);
-            triggerLabel.textContent = match?.label || values[0];
-        } else triggerLabel.textContent = \`\${values.length} selected\`;
-        if (clearBtn) clearBtn.hidden = values.length === 0;
-    }
-
-    function setSearching(next) {
-        searching = next;
-        host.classList.toggle('is-searching', searching);
-        if (searchRow) searchRow.classList.toggle('is-active', searching);
-    }
-
-    function endSearching() {
-        query = '';
-        if (search) search.value = '';
-        setSearching(false);
-        if (search && document.activeElement === search) search.blur();
-    }
-
-    function ensurePanel() {
-        if (panel) return;
-        panel = document.createElement('div');
-        panel.className = 'scd-panel';
-        panel.hidden = true;
-        panel.setAttribute('role', 'listbox');
-        panel.setAttribute('aria-multiselectable', 'true');
-        panel.setAttribute('aria-label', label);
-
-        searchRow = document.createElement('div');
-        searchRow.className = 'scd-search-row';
-        search = document.createElement('input');
-        search.type = 'search';
-        search.className = 'scd-search';
-        search.placeholder = placeholder;
-        search.setAttribute('aria-label', \`Search \${label}\`);
-        clearBtn = document.createElement('button');
-        clearBtn.type = 'button';
-        clearBtn.className = 'scd-clear';
-        clearBtn.textContent = 'Clear';
-        clearBtn.hidden = true;
-        searchRow.append(search, clearBtn);
-
-        list = document.createElement('div');
-        list.className = 'scd-list';
-        panel.append(searchRow, list);
-        host.appendChild(panel);
-
-        search.addEventListener('focus', () => setSearching(true));
-        search.addEventListener('blur', () => {
-            if (!query.trim()) setSearching(false);
-        });
-        search.addEventListener('input', () => {
-            query = search.value;
-            if (query.trim()) setSearching(true);
-            renderList();
-        });
-        clearBtn.addEventListener('click', () => {
-            selected.clear();
-            syncTrigger();
-            renderList();
-            emitChange();
-        });
-    }
-
-    function renderList() {
-        if (!list) return;
-        const needle = lower(query.trim());
-        const visible = options.filter(option => !needle || lower(option.label).includes(needle));
-        list.innerHTML = '';
-        if (visible.length === 0) {
-            const empty = document.createElement('p');
-            empty.className = 'scd-empty';
-            empty.textContent = 'No matches';
-            list.appendChild(empty);
-            return;
-        }
-        let lastGroup = '';
-        for (const option of visible) {
-            const group = option.special ? 'Special' : label;
-            if (group !== lastGroup) {
-                const groupLabel = document.createElement('div');
-                groupLabel.className = 'scd-group-label';
-                groupLabel.textContent = group;
-                list.appendChild(groupLabel);
-                lastGroup = group;
-            }
-            const row = document.createElement('label');
-            row.className = 'scd-option';
-            if (option.kind) row.classList.add(\`is-\${option.kind}\`);
-            if (option.special) row.classList.add('is-special');
-            const box = document.createElement('input');
-            box.type = 'checkbox';
-            box.checked = selected.has(option.value);
-            box.addEventListener('change', () => {
-                if (box.checked) selected.add(option.value);
-                else selected.delete(option.value);
-                syncTrigger();
-                emitChange();
-            });
-            const text = document.createElement('span');
-            text.className = 'scd-option-label';
-            text.textContent = option.label;
-            row.append(box, text);
-            if (typeof option.count === 'number') {
-                const count = document.createElement('span');
-                count.className = 'scd-option-count';
-                count.textContent = String(option.count);
-                row.appendChild(count);
-            }
-            list.appendChild(row);
-        }
-    }
-
-    function onDocPointerDown(event) {
-        if (!open) return;
-        if (!host.contains(event.target)) setOpen(false);
-    }
-
-    function onKeyDown(event) {
-        if (event.key !== 'Escape' || !open) return;
-        if (searching || query.trim()) {
-            endSearching();
-            renderList();
-            event.stopPropagation();
-            return;
-        }
-        setOpen(false);
-    }
-
-    function onPeerOpen(event) {
-        if (!open) return;
-        if (event.detail?.source && event.detail.source !== host) setOpen(false);
-    }
-
-    function bindListeners() {
-        if (listenersBound) return;
-        document.addEventListener('pointerdown', onDocPointerDown);
-        document.addEventListener('keydown', onKeyDown);
-        document.addEventListener('reqlan-scd-open', onPeerOpen);
-        listenersBound = true;
-    }
-
-    function unbindListeners() {
-        if (!listenersBound) return;
-        document.removeEventListener('pointerdown', onDocPointerDown);
-        document.removeEventListener('keydown', onKeyDown);
-        document.removeEventListener('reqlan-scd-open', onPeerOpen);
-        listenersBound = false;
-    }
-
-    function setOpen(next) {
-        open = next;
-        host.classList.toggle('is-open', open);
-        if (open) {
-            ensurePanel();
-            panel.hidden = false;
-            trigger.setAttribute('aria-expanded', 'true');
-            setSearching(false);
-            renderList();
-            bindListeners();
-            document.dispatchEvent(new CustomEvent('reqlan-scd-open', { detail: { source: host } }));
-        } else {
-            if (panel) panel.hidden = true;
-            trigger.setAttribute('aria-expanded', 'false');
-            endSearching();
-            unbindListeners();
-        }
-    }
-
-    trigger.addEventListener('click', () => setOpen(!open));
-    syncTrigger();
-    const api = {
-        getSelected: () => [...selected],
-        clear: () => {
-            selected.clear();
-            syncTrigger();
-            if (open) renderList();
-        },
-        setOnChange: (fn) => {
-            changeHandler = fn;
-        }
-    };
-    host.__scdApi = api;
-    return api;
-}
-
-function enhanceScdPlaceholders(root) {
-    for (const host of root.querySelectorAll('[data-graph-status-scd], [data-graph-tag-scd]')) {
-        mountSearchableCheckboxDropdown(host, null);
-    }
-}
-
-function scoreDocument(doc, query) {
-    const haystack = [
-        doc.title,
-        doc.summary,
-        ...(doc.tags || []),
-        ...(doc.pathTokens || []),
-        ...(doc.keywords || [])
-    ].map(lower).join(' ');
-    return haystack.includes(query) ? haystack.indexOf(query) : -1;
-}
-
-async function wireGlobalSearch(root) {
-    const input = root.querySelector('[data-global-search]');
-    const results = root.querySelector('[data-search-results]');
-    if (!input || !results) return;
-    const docs = await loadSearchIndex(root);
-    function render() {
-        const query = lower(input.value.trim());
-        if (!query) {
-            results.innerHTML = '';
-            results.classList.add('hidden');
-            return;
-        }
-        const matches = docs
-            .map(doc => ({ doc, score: scoreDocument(doc, query) }))
-            .filter(item => item.score >= 0)
-            .sort((a, b) => a.score - b.score || a.doc.title.localeCompare(b.doc.title))
-            .slice(0, 18);
-        results.classList.remove('hidden');
-        results.innerHTML = matches.length === 0
-            ? '<div class="search-result"><strong>No matches</strong><p class="subtle">Try idea names, tags, statuses, file paths, or cluster labels.</p></div>'
-            : matches.map(({ doc }) => \`
-                <a class="search-result" href="\${resolveExportUrl(root, doc.url)}">
-                    <div class="pill-row">
-                        <span class="pill">\${doc.kind}</span>
-                        \${doc.status ? \`<span class="pill">\${doc.status}</span>\` : ''}
-                    </div>
-                    <strong>\${doc.title}</strong>
-                    <p class="subtle">\${doc.summary || ''}</p>
-                </a>
-            \`).join('');
-    }
-    input.addEventListener('input', render);
-}
-
-function cellSortValue(cell) {
-    if (!cell) return '';
-    const explicit = cell.getAttribute('data-sort-value');
-    if (explicit != null) return explicit.trim();
-    return String(cell.textContent || '').replace(/\\s+/g, ' ').trim();
-}
-
-function compareSortValues(left, right) {
-    const leftNumber = Number(String(left).replace(/,/g, ''));
-    const rightNumber = Number(String(right).replace(/,/g, ''));
-    const bothNumeric = left !== '' && right !== ''
-        && Number.isFinite(leftNumber)
-        && Number.isFinite(rightNumber);
-    if (bothNumeric) {
-        return leftNumber - rightNumber;
-    }
-    return String(left).localeCompare(String(right), undefined, { numeric: true, sensitivity: 'base' });
-}
-
-function isPlaceholderRow(row) {
-    if (!row || row.cells.length === 0) return true;
-    return [...row.cells].some(cell => Number(cell.colSpan || 1) > 1);
-}
-
-const FILTER_ICON_SVG = '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polygon points="22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3"></polygon></svg>';
-
-function ensureTableFilterToggle(table, filterRow, filterInputs, syncToggleState) {
-    const shell = table.closest('.table-shell') || table.parentElement;
-    const toolbar = shell ? shell.querySelector(':scope > .toolbar') : null;
-    let actions = toolbar ? toolbar.querySelector('.actions') : null;
-    if (toolbar && !actions) {
-        actions = document.createElement('div');
-        actions.className = 'actions';
-        toolbar.appendChild(actions);
-    }
-    if (!actions) {
-        actions = document.createElement('div');
-        actions.className = 'actions table-filter-actions';
-        table.parentElement?.insertBefore(actions, table);
-    }
-
-    const toggle = document.createElement('button');
-    toggle.type = 'button';
-    toggle.className = 'table-filter-toggle';
-    toggle.setAttribute('aria-label', 'Toggle column filters');
-    toggle.setAttribute('aria-expanded', 'false');
-    toggle.setAttribute('title', 'Column filters');
-    toggle.innerHTML = FILTER_ICON_SVG;
-    toggle.addEventListener('click', () => {
-        const open = !filterRow.classList.contains('is-open');
-        filterRow.classList.toggle('is-open', open);
-        toggle.classList.toggle('is-active', open);
-        toggle.setAttribute('aria-expanded', open ? 'true' : 'false');
-        syncToggleState();
-        if (open) {
-            filterInputs[0]?.focus();
-        }
-    });
-    actions.appendChild(toggle);
-    return toggle;
-}
-
-function wireTables(root) {
-    const tables = root.querySelectorAll('table');
-    const tableControllers = [];
-    const params = new URLSearchParams(typeof location !== 'undefined' ? location.search : '');
-
-    for (const table of tables) {
-        const thead = table.tHead;
-        const tbody = table.tBodies[0];
-        if (!thead || !tbody || thead.rows.length === 0) continue;
-        const headerRow = thead.rows[0];
-        if (headerRow.dataset.enhanced === '1') continue;
-        headerRow.dataset.enhanced = '1';
-
-        const headers = [...headerRow.cells];
-        if (headers.length === 0) continue;
-
-        let sortIndex = -1;
-        let sortDir = 'asc';
-        const filterInputs = [];
-        let filterToggle = null;
-        const syncToggleState = () => {
-            if (!filterToggle) return;
-            const hasFilters = filterInputs.some(input => input.value.trim());
-            filterToggle.classList.toggle('has-filters', hasFilters);
-        };
-        const controller = {
-            table,
-            tbody,
-            filterInputs,
-            applyFilters() {
-                const sample = [...tbody.rows].find(row => row.hasAttribute('data-filter-row'));
-                const filterId = sample?.getAttribute('data-filter-row');
-                const globalInput = filterId
-                    ? root.querySelector(\`[data-filter-input="\${filterId}"]\`)
-                    : null;
-                const globalQuery = lower(globalInput?.value.trim());
-                const columnQueries = filterInputs.map(input => lower(input.value.trim()));
-                for (const row of tbody.rows) {
-                    if (isPlaceholderRow(row)) continue;
-                    const globalText = lower(row.getAttribute('data-filter-text') || row.textContent);
-                    const matchesGlobal = !globalQuery || globalText.includes(globalQuery);
-                    const matchesColumns = columnQueries.every((query, index) => {
-                        if (!query) return true;
-                        return lower(cellSortValue(row.cells[index])).includes(query);
-                    });
-                    row.classList.toggle('hidden', !(matchesGlobal && matchesColumns));
-                }
-                syncToggleState();
-            }
-        };
-
-        headers.forEach((th, index) => {
-            const label = String(th.textContent || '').trim() || \`Column \${index + 1}\`;
-            const filterKey = String(th.getAttribute('data-filter-key') || '').trim();
-            th.classList.add('sortable-th');
-            th.replaceChildren();
-            if (filterKey) {
-                th.setAttribute('data-filter-key', filterKey);
-            }
-            const button = document.createElement('button');
-            button.type = 'button';
-            button.className = 'sort-button';
-            button.dataset.sortCol = String(index);
-            button.setAttribute('aria-label', \`Sort by \${label}\`);
-            const labelNode = document.createElement('span');
-            labelNode.textContent = label;
-            const indicator = document.createElement('span');
-            indicator.className = 'sort-indicator';
-            indicator.setAttribute('aria-hidden', 'true');
-            button.append(labelNode, indicator);
-            button.addEventListener('click', () => {
-                if (sortIndex === index) {
-                    sortDir = sortDir === 'asc' ? 'desc' : 'asc';
-                } else {
-                    sortIndex = index;
-                    sortDir = 'asc';
-                }
-                const dataRows = [...tbody.rows].filter(row => !isPlaceholderRow(row));
-                dataRows.sort((left, right) => {
-                    const cmp = compareSortValues(
-                        cellSortValue(left.cells[index]),
-                        cellSortValue(right.cells[index])
-                    );
-                    return sortDir === 'asc' ? cmp : -cmp;
-                });
-                for (const row of dataRows) {
-                    tbody.appendChild(row);
-                }
-                for (const header of headers) {
-                    const sortButton = header.querySelector('.sort-button');
-                    const mark = header.querySelector('.sort-indicator');
-                    if (!sortButton || !mark) continue;
-                    const active = Number(sortButton.dataset.sortCol) === sortIndex;
-                    sortButton.classList.toggle('sort-active', active);
-                    mark.textContent = active ? (sortDir === 'asc' ? '▲' : '▼') : '';
-                }
-            });
-            th.appendChild(button);
-        });
-
-        const filterRow = document.createElement('tr');
-        filterRow.className = 'column-filter-row';
-        headers.forEach((th, index) => {
-            const label = String(th.querySelector('.sort-button span')?.textContent || \`Column \${index + 1}\`);
-            const filterKey = String(th.getAttribute('data-filter-key') || '').trim().toLowerCase();
-            const cell = document.createElement('th');
-            const input = document.createElement('input');
-            input.type = 'search';
-            input.className = 'column-filter';
-            input.placeholder = 'Filter…';
-            input.dataset.colFilter = String(index);
-            if (filterKey) {
-                input.dataset.filterKey = filterKey;
-            }
-            input.setAttribute('aria-label', \`Filter \${label}\`);
-            input.addEventListener('input', () => controller.applyFilters());
-            filterInputs.push(input);
-            cell.appendChild(input);
-            filterRow.appendChild(cell);
-        });
-        thead.appendChild(filterRow);
-        filterToggle = ensureTableFilterToggle(table, filterRow, filterInputs, syncToggleState);
-        tableControllers.push(controller);
-
-        let seeded = false;
-        for (const input of filterInputs) {
-            const key = String(input.dataset.filterKey || '').trim().toLowerCase();
-            if (!key) continue;
-            const aliases = [key];
-            if (key === 'tags') aliases.push('tag');
-            if (key === 'status') aliases.push('statuses');
-            if (key === 'cluster') aliases.push('label');
-            let value = '';
-            for (const alias of aliases) {
-                if (params.has(alias)) {
-                    value = params.get(alias) || '';
-                    break;
-                }
-            }
-            if (!value) continue;
-            input.value = value;
-            seeded = true;
-        }
-        if (seeded) {
-            filterRow.classList.add('is-open');
-            filterToggle.classList.add('is-active', 'has-filters');
-            filterToggle.setAttribute('aria-expanded', 'true');
-            controller.applyFilters();
-        }
-    }
-
-    const inputs = root.querySelectorAll('[data-filter-input]');
-    for (const input of inputs) {
-        input.addEventListener('input', () => {
-            const targetId = input.dataset.filterInput;
-            for (const controller of tableControllers) {
-                const ownsRows = controller.tbody.querySelector(\`[data-filter-row="\${targetId}"]\`);
-                if (ownsRows) {
-                    controller.applyFilters();
-                }
-            }
-        });
-    }
-}
-
-const EXPORT_PHYSICS_SETTINGS = ReqlanGraphPhysics.DEFAULT_PHYSICS_SETTINGS;
-
-// Tight visual radii for denser canvas packing (labels still show full names).
-const GRAPH_NODE_RADIUS = 7;
-const GRAPH_SUBJECT_RADIUS = 10;
-const GRAPH_LABEL_MAX_WIDTH = 132;
-const GRAPH_HIT_PAD = 6;
-// Auto-mode opacity ramp: fully hidden below START, fully opaque at END (brief muted band between).
-const GRAPH_LABEL_FADE_START = 0.62;
-const GRAPH_LABEL_FADE_END = 0.82;
-const GRAPH_LABEL_MODES = ['auto', 'on', 'off'];
-const FILE_TREATMENT_MODES = ['invisible', 'compound', 'linked'];
-
-function fileIdeasetNodeId(fileUri) {
-    return 'rq-file:' + fileUri;
-}
-
-function isFileIdeasetNode(node) {
-    return Boolean(node && (node.isFileIdeaset || String(node.id || '').startsWith('rq-file:')));
-}
-
-function fileIdeasetDisplayName(fileUri) {
-    const trimmed = String(fileUri || '').replace(/\\\\/g, '/');
-    const slash = trimmed.lastIndexOf('/');
-    const fileName = slash >= 0 ? trimmed.slice(slash + 1) : trimmed;
-    return fileName.endsWith('.rq') ? fileName.slice(0, -3) : fileName;
-}
-
-function fileTreatmentLabel(mode) {
-    if (mode === 'compound') return 'Files: compound';
-    if (mode === 'linked') return 'Files: linked';
-    return 'Files: hidden';
-}
-
-function applyFileTreatment(graph, treatment) {
-    const nodes = Array.isArray(graph.nodes) ? graph.nodes : [];
-    const edges = Array.isArray(graph.edges) ? graph.edges : [];
-    const baseNodes = nodes.filter(node => !isFileIdeasetNode(node));
-    const keep = new Set(baseNodes.map(node => node.id));
-    const baseEdges = edges.filter(edge => keep.has(edge.sourceId) && keep.has(edge.targetId));
-    if (treatment !== 'linked') {
-        return { ...graph, nodes: baseNodes, edges: baseEdges };
-    }
-    const membersByFile = new Map();
-    for (const node of baseNodes) {
-        if (node.isExternal || !node.fileUri) continue;
-        const list = membersByFile.get(node.fileUri) || [];
-        list.push(node);
-        membersByFile.set(node.fileUri, list);
-    }
-    const extraNodes = [];
-    const extraEdges = [];
-    for (const fileUri of [...membersByFile.keys()].sort()) {
-        const members = membersByFile.get(fileUri) || [];
-        if (!members.length) continue;
-        const id = fileIdeasetNodeId(fileUri);
-        const name = fileIdeasetDisplayName(fileUri);
-        extraNodes.push({
-            id,
-            name,
-            kind: 'ideaset',
-            fileUri,
-            lineStart: 0,
-            tags: [],
-            isFileIdeaset: true,
-            pageUrl: members.find(member => member.hostFilePageUrl)?.hostFilePageUrl
-                || members.find(member => member.pageUrl)?.pageUrl
-                || undefined
-        });
-        for (const member of members) {
-            extraEdges.push({
-                id: id + '->ideaset_member:' + member.id,
-                sourceId: id,
-                targetId: member.id,
-                kind: 'ideaset_member',
-                label: name
-            });
-        }
-    }
-    return {
-        ...graph,
-        nodes: baseNodes.concat(extraNodes),
-        edges: baseEdges.concat(extraEdges)
-    };
-}
-
-function wireGraph(root) {
-    const graphRoots = root.querySelectorAll('[data-graph-json]');
-    for (const element of graphRoots) {
-        const scriptId = element.dataset.graphJson;
-        const dataElement = root.querySelector(\`#\${scriptId}\`);
-        if (!dataElement) continue;
-        let graph;
-        try {
-            graph = JSON.parse(dataElement.textContent || '{}');
-        } catch {
-            continue;
-        }
-        let controls = root.querySelector(\`[data-graph-controls="\${scriptId}"]\`);
-        if (!controls) {
-            controls = document.createElement('div');
-            controls.className = 'graph-controls-bar';
-            controls.dataset.graphControls = scriptId;
-            controls.innerHTML = '<button type="button" class="graph-action is-active" data-graph-toggle-labels data-label-mode="auto" aria-pressed="mixed">Labels: auto</button><button type="button" class="graph-action" data-graph-toggle-physics aria-pressed="false">Live physics</button><button type="button" class="graph-action" data-graph-fit>Fit</button><span class="graph-status" data-graph-status-text></span>';
-            element.parentElement?.insertBefore(controls, element);
-        }
-        const searchInput = controls.querySelector('[data-graph-search]');
-        const pathInput = controls.querySelector('[data-graph-path]');
-        const statusHost = controls.querySelector('[data-graph-status-scd]');
-        const tagHost = controls.querySelector('[data-graph-tag-scd]');
-        const toggleExternal = controls.querySelector('[data-graph-toggle-external]');
-        const toggleIdeasets = controls.querySelector('[data-graph-toggle-ideasets]');
-        const fileTreatmentSelect = controls.querySelector('[data-graph-file-treatment]');
-        const toggleWildcard = controls.querySelector('[data-graph-toggle-wildcard]');
-        const toggleLabels = controls.querySelector('[data-graph-toggle-labels]');
-        const togglePhysics = controls.querySelector('[data-graph-toggle-physics]');
-        const fitButton = controls.querySelector('[data-graph-fit]');
-        const resetButton = controls.querySelector('[data-graph-reset]');
-        const statusText = controls.querySelector('[data-graph-status-text]');
-        if (statusText) statusText.textContent = 'Initialising graph…';
-        element.classList.add('is-booting');
-        let hideExternal = false;
-        let hideIdeasets = false;
-        let fileTreatment = fileTreatmentSelect?.value || 'linked';
-        let includeWildcardRefs = true;
-        let labelMode = 'auto';
-        let statusSelected = [];
-        let tagSelected = [];
-        const statusFilter = mountSearchableCheckboxDropdown(statusHost, (values) => {
-            statusSelected = values;
-            refresh();
-        });
-        const tagFilter = mountSearchableCheckboxDropdown(tagHost, (values) => {
-            tagSelected = values;
-            refresh();
-        });
-        statusSelected = statusFilter.getSelected();
-        tagSelected = tagFilter.getSelected();
-        let livePhysics = false;
-        let animationFrame = 0;
-        let settleFrame = 0;
-        let settleGeneration = 0;
-        // While true, auto labels stay at opacity 0 so text paint does not lag settle.
-        let settlingLayout = false;
-        let calmTicks = 0;
-        let simNodes = [];
-        let simEdges = [];
-        const positions = new Map();
-        const velocities = new Map();
-        let canvas;
-        let ctx;
-        let cssWidth = 1200;
-        let cssHeight = 640;
-        const pinnedIds = new Set();
-        let view = { x: 0, y: 0, w: 1200, h: 640 };
-        let userViewport = false;
-        let dragNodeId = null;
-        let dragCompound = null;
-        let dragMoved = false;
-        let panMode = false;
-        let panOrigin = null;
-        let suppressClickUntil = 0;
-        let hoverNodeId = null;
-        let hoverCompound = null;
-        let pulsePhase = 0;
-        let compoundRegions = [];
-
-        function resolveGraphNodeUrl(pageUrl) {
-            let cleaned = String(pageUrl || '').replace(/^\\.\\//, '');
-            if (cleaned && !cleaned.includes('/') && cleaned.endsWith('.html')) {
-                cleaned = \`ideas/\${cleaned}\`;
-            }
-            return resolveExportUrl(root, cleaned);
-        }
-
-        function formatNodeMeta(node) {
-            const bits = [];
-            if (node.status) bits.push(String(node.status));
-            if (Array.isArray(node.tags) && node.tags.length) bits.push(node.tags.join(', '));
-            return bits.join(' · ');
-        }
-
-        function formatNodeAttrs(node) {
-            const keys = Array.isArray(node.attributeKeys)
-                ? node.attributeKeys
-                : Object.keys(node.attributes || {});
-            return keys.length ? keys.map(key => '@' + key).join(' ') : '';
-        }
-
-        function nodeRadius(node) {
-            return node.isSubject || node.id === graph.centerId ? GRAPH_SUBJECT_RADIUS : GRAPH_NODE_RADIUS;
-        }
-
-        function seedMissingPositions(nodes, width, height, centerId) {
-            const cx = width / 2;
-            const cy = height / 2;
-            const subject = nodes.find(node => node.isSubject || node.id === centerId);
-            const radius = Math.min(width, height) * 0.22;
-            nodes.forEach((node, index) => {
-                if (positions.has(node.id)) return;
-                if (subject && node.id === subject.id) {
-                    positions.set(node.id, { x: cx, y: cy });
-                    return;
-                }
-                const angle = (Math.PI * 2 * index) / Math.max(nodes.length, 1) - Math.PI / 2;
-                const ring = radius * (0.7 + (index % 3) * 0.12);
-                positions.set(node.id, {
-                    x: cx + Math.cos(angle) * ring,
-                    y: cy + Math.sin(angle) * ring
-                });
-            });
-        }
-
-        function pruneState(validIds) {
-            for (const id of [...positions.keys()]) {
-                if (!validIds.has(id)) positions.delete(id);
-            }
-            for (const id of [...velocities.keys()]) {
-                if (!validIds.has(id)) velocities.delete(id);
-            }
-        }
-
-        function physicsStep(nodes, edges) {
-            const count = nodes.length;
-            if (count === 0) return 0;
-            const ids = new Array(count);
-            const xs = new Float64Array(count);
-            const ys = new Float64Array(count);
-            const fxs = new Float64Array(count);
-            const fys = new Float64Array(count);
-            for (let i = 0; i < count; i += 1) {
-                const node = nodes[i];
-                const pos = positions.get(node.id) || { x: 0, y: 0 };
-                ids[i] = node.id;
-                xs[i] = pos.x;
-                ys[i] = pos.y;
-            }
-            const averageSpeed = ReqlanGraphPhysics.stepPhysics({
-                ids,
-                xs,
-                ys,
-                fxs,
-                fys,
-                velocities,
-                pinnedIds,
-                edges
-            }, EXPORT_PHYSICS_SETTINGS);
-            for (let i = 0; i < count; i += 1) {
-                positions.set(ids[i], { x: xs[i], y: ys[i] });
-            }
-            return averageSpeed;
-        }
-
-        function contentBounds() {
-            let minX = Infinity;
-            let minY = Infinity;
-            let maxX = -Infinity;
-            let maxY = -Infinity;
-            for (const node of simNodes) {
-                const pos = positions.get(node.id);
-                if (!pos) continue;
-                const r = nodeRadius(node);
-                minX = Math.min(minX, pos.x - r);
-                minY = Math.min(minY, pos.y - r);
-                maxX = Math.max(maxX, pos.x + r);
-                // Reserve label space only when labels are forced on; auto hides when fitted/zoomed out.
-                maxY = Math.max(maxY, pos.y + r + (labelMode === 'on' ? 54 : 0));
-            }
-            if (!Number.isFinite(minX)) {
-                return { minX: 0, minY: 0, maxX: 1200, maxY: 640 };
-            }
-            return { minX, minY, maxX, maxY };
-        }
-
-        function syncLabelsButton() {
-            if (!toggleLabels) return;
-            const label = labelMode === 'auto' ? 'Labels: auto' : labelMode === 'on' ? 'Labels: on' : 'Labels: off';
-            toggleLabels.textContent = label;
-            toggleLabels.dataset.labelMode = labelMode;
-            toggleLabels.classList.toggle('is-active', labelMode !== 'off');
-            toggleLabels.setAttribute('aria-pressed', labelMode === 'auto' ? 'mixed' : labelMode === 'on' ? 'true' : 'false');
-        }
-
-        function labelOpacityAtScale(scale) {
-            if (labelMode === 'on') return 1;
-            if (labelMode === 'off') return 0;
-            if (scale <= GRAPH_LABEL_FADE_START) return 0;
-            if (scale >= GRAPH_LABEL_FADE_END) return 1;
-            return (scale - GRAPH_LABEL_FADE_START) / (GRAPH_LABEL_FADE_END - GRAPH_LABEL_FADE_START);
-        }
-
-        function fitView(force = false) {
-            if (userViewport && !force) return;
-            const bounds = contentBounds();
-            const pad = 56;
-            let x = bounds.minX - pad;
-            let y = bounds.minY - pad;
-            let w = Math.max(360, bounds.maxX - bounds.minX + pad * 2);
-            let h = Math.max(360, bounds.maxY - bounds.minY + pad * 2);
-            // Match canvas aspect so uniform scale fills without squashing (SVG viewBox meet).
-            const canvasAspect = cssWidth / Math.max(1, cssHeight);
-            const viewAspect = w / h;
-            if (viewAspect < canvasAspect) {
-                const widened = h * canvasAspect;
-                x -= (widened - w) / 2;
-                w = widened;
-            } else if (viewAspect > canvasAspect) {
-                const heightened = w / canvasAspect;
-                y -= (heightened - h) / 2;
-                h = heightened;
-            }
-            view = { x, y, w, h };
-            userViewport = false;
-        }
-
-        function viewportTransform() {
-            const scale = Math.min(cssWidth / Math.max(1, view.w), cssHeight / Math.max(1, view.h));
-            return {
-                scale,
-                offsetX: (cssWidth - view.w * scale) / 2,
-                offsetY: (cssHeight - view.h * scale) / 2
-            };
-        }
-
-        function wrapLines(text, maxWidth, font) {
-            if (!text) return [];
-            ctx.font = font;
-            const words = String(text).split(/\\s+/);
-            const lines = [];
-            let current = '';
-            for (const word of words) {
-                const next = current ? \`\${current} \${word}\` : word;
-                if (ctx.measureText(next).width <= maxWidth) {
-                    current = next;
-                } else {
-                    if (current) lines.push(current);
-                    if (ctx.measureText(word).width <= maxWidth) {
-                        current = word;
-                    } else {
-                        let chunk = '';
-                        for (const ch of word) {
-                            const trial = chunk + ch;
-                            if (ctx.measureText(trial).width <= maxWidth) chunk = trial;
-                            else {
-                                if (chunk) lines.push(chunk);
-                                chunk = ch;
-                            }
-                        }
-                        current = chunk;
-                    }
-                }
-            }
-            if (current) lines.push(current);
-            return lines;
-        }
-
-        function nodeFill(node) {
-            if (node.isSubject || node.id === graph.centerId) return '#b85c38';
-            if (node.isExternal) return '#8a4530';
-            if (node.kind === 'ideaset') return '#e0a24a';
-            return '#07a0e5';
-        }
-
-        function nodeStroke(node, hover) {
-            if (hover) return '#0bbefb';
-            if (node.isSubject || node.id === graph.centerId) return '#0bbefb';
-            if (node.isExternal) return 'rgba(184,92,56,0.55)';
-            if (node.kind === 'ideaset') return '#d18616';
-            return 'rgba(235,228,222,0.35)';
-        }
-
-        function paint() {
-            if (!canvas || !ctx) return;
-            if (!userViewport) fitView(false);
-            const dpr = Math.min(window.devicePixelRatio || 1, 1.5);
-            const nextW = Math.max(1, Math.floor(cssWidth * dpr));
-            const nextH = Math.max(1, Math.floor(cssHeight * dpr));
-            if (canvas.width !== nextW || canvas.height !== nextH) {
-                canvas.width = nextW;
-                canvas.height = nextH;
-            }
-            ctx.setTransform(dpr, 0, 0, dpr, 0, 0);
-            ctx.clearRect(0, 0, cssWidth, cssHeight);
-            ctx.fillStyle = '#14100e';
-            ctx.fillRect(0, 0, cssWidth, cssHeight);
-
-            const { scale, offsetX, offsetY } = viewportTransform();
-            // Auto labels stay invisible during batch settle ([graph_label_auto] / html_export_graph_label_auto).
-            const ambientLabelOpacity =
-                settlingLayout && labelMode === 'auto' ? 0 : labelOpacityAtScale(scale);
-            ctx.save();
-            ctx.translate(offsetX, offsetY);
-            ctx.scale(scale, scale);
-            ctx.translate(-view.x, -view.y);
-
-            if (fileTreatment === 'compound') {
-                compoundRegions = [];
-                const byFile = new Map();
-                for (const node of simNodes) {
-                    if (node.isExternal || isFileIdeasetNode(node) || !node.fileUri) continue;
-                    const list = byFile.get(node.fileUri) || [];
-                    list.push(node);
-                    byFile.set(node.fileUri, list);
-                }
-                for (const [fileUri, members] of byFile) {
-                    let minX = Infinity;
-                    let minY = Infinity;
-                    let maxX = -Infinity;
-                    let maxY = -Infinity;
-                    let any = false;
-                    let pageUrl;
-                    for (const node of members) {
-                        const pos = positions.get(node.id);
-                        if (!pos) continue;
-                        const r = nodeRadius(node) + 14;
-                        any = true;
-                        minX = Math.min(minX, pos.x - r);
-                        minY = Math.min(minY, pos.y - r);
-                        maxX = Math.max(maxX, pos.x + r);
-                        maxY = Math.max(maxY, pos.y + r);
-                        pageUrl = pageUrl || node.hostFilePageUrl || node.pageUrl;
-                    }
-                    if (!any) continue;
-                    const pad = 8;
-                    const x = minX - pad;
-                    const y = minY - pad;
-                    const w = (maxX - minX) + pad * 2;
-                    const h = (maxY - minY) + pad * 2;
-                    const titleH = 18;
-                    const label = fileIdeasetDisplayName(fileUri);
-                    compoundRegions.push({
-                        fileUri,
-                        pageUrl,
-                        memberIds: members.map(member => member.id),
-                        x,
-                        y,
-                        w,
-                        h,
-                        titleY: y - titleH,
-                        titleH,
-                        label
-                    });
-                    const radius = 10;
-                    const hover = hoverCompound && hoverCompound.fileUri === fileUri;
-                    ctx.beginPath();
-                    ctx.moveTo(x + radius, y);
-                    ctx.arcTo(x + w, y, x + w, y + h, radius);
-                    ctx.arcTo(x + w, y + h, x, y + h, radius);
-                    ctx.arcTo(x, y + h, x, y, radius);
-                    ctx.arcTo(x, y, x + w, y, radius);
-                    ctx.closePath();
-                    ctx.fillStyle = hover ? 'rgba(209, 134, 22, 0.14)' : 'rgba(209, 134, 22, 0.08)';
-                    ctx.fill();
-                    ctx.strokeStyle = hover ? 'rgba(224, 162, 74, 0.85)' : 'rgba(209, 134, 22, 0.45)';
-                    ctx.lineWidth = (hover ? 1.8 : 1.2) / scale;
-                    ctx.stroke();
-                    ctx.fillStyle = 'rgba(224, 162, 74, 0.95)';
-                    ctx.font = \`600 \${11 / scale}px "IBM Plex Sans", system-ui, sans-serif\`;
-                    ctx.textAlign = 'left';
-                    ctx.textBaseline = 'bottom';
-                    ctx.fillText(label, x + 6, y - 4 / scale);
-                    // Underline title to signal clickability.
-                    const titleWidth = ctx.measureText(label).width;
-                    ctx.beginPath();
-                    ctx.moveTo(x + 6, y - 2 / scale);
-                    ctx.lineTo(x + 6 + titleWidth, y - 2 / scale);
-                    ctx.strokeStyle = 'rgba(224, 162, 74, 0.85)';
-                    ctx.lineWidth = 1 / scale;
-                    ctx.stroke();
-                }
-            } else {
-                compoundRegions = [];
-            }
-
-            ctx.lineWidth = 1.1 / scale;
-            ctx.strokeStyle = 'rgba(61,47,40,0.85)';
-            ctx.globalAlpha = 0.85;
-            for (const edge of simEdges) {
-                const source = positions.get(edge.sourceId);
-                const target = positions.get(edge.targetId);
-                if (!source || !target) continue;
-                const isWildcard = edge.kind === 'wildcard_reference';
-                ctx.setLineDash(isWildcard ? [2 / scale, 3.5 / scale] : []);
-                ctx.beginPath();
-                ctx.moveTo(source.x, source.y);
-                ctx.lineTo(target.x, target.y);
-                ctx.stroke();
-            }
-            ctx.setLineDash([]);
-            ctx.globalAlpha = 1;
-
-            pulsePhase = (pulsePhase + 0.035) % (Math.PI * 2);
-            for (const node of simNodes) {
-                const pos = positions.get(node.id);
-                if (!pos) continue;
-                const r = nodeRadius(node);
-                const hover = node.id === hoverNodeId || node.id === dragNodeId;
-                const isSubject = node.isSubject || node.id === graph.centerId;
-                if (isSubject) {
-                    const glow = 4 + Math.sin(pulsePhase) * 3;
-                    ctx.beginPath();
-                    ctx.arc(pos.x, pos.y, r + glow, 0, Math.PI * 2);
-                    ctx.fillStyle = 'rgba(184,92,56,0.22)';
-                    ctx.fill();
-                }
-                ctx.beginPath();
-                ctx.arc(pos.x, pos.y, r, 0, Math.PI * 2);
-                ctx.fillStyle = nodeFill(node);
-                ctx.fill();
-                ctx.lineWidth = (isSubject ? 2.2 : hover ? 2 : 1.15) / scale;
-                ctx.strokeStyle = nodeStroke(node, hover);
-                ctx.stroke();
-
-                // Auto: continuous opacity from zoom; hovered/dragged nodes stay fully opaque.
-                const labelOpacity = hover && labelMode === 'auto' ? 1 : ambientLabelOpacity;
-                if (labelOpacity <= 0) continue;
-                const meta = formatNodeMeta(node);
-                const attrs = formatNodeAttrs(node);
-                const nameFont = isSubject ? '600 11px Inter, system-ui, sans-serif' : '600 10px Inter, system-ui, sans-serif';
-                const metaFont = '9.5px Inter, system-ui, sans-serif';
-                const nameLines = wrapLines(node.name, GRAPH_LABEL_MAX_WIDTH, nameFont);
-                const metaLines = wrapLines(meta, GRAPH_LABEL_MAX_WIDTH, metaFont);
-                const attrLines = wrapLines(attrs, GRAPH_LABEL_MAX_WIDTH, metaFont);
-                let ty = pos.y + r + 12;
-                ctx.save();
-                ctx.globalAlpha = labelOpacity;
-                ctx.textAlign = 'center';
-                ctx.textBaseline = 'top';
-                ctx.fillStyle = isSubject ? '#0bbefb' : '#ebe4de';
-                ctx.font = nameFont;
-                for (const line of nameLines) {
-                    ctx.lineWidth = 3 / scale;
-                    ctx.strokeStyle = '#14100e';
-                    ctx.strokeText(line, pos.x, ty);
-                    ctx.fillText(line, pos.x, ty);
-                    ty += 12;
-                }
-                ctx.fillStyle = '#a89488';
-                ctx.font = metaFont;
-                for (const line of metaLines) {
-                    ctx.fillText(line, pos.x, ty);
-                    ty += 11;
-                }
-                ctx.fillStyle = '#b85c38';
-                for (const line of attrLines) {
-                    ctx.fillText(line, pos.x, ty);
-                    ty += 11;
-                }
-                ctx.restore();
-            }
-            ctx.restore();
-        }
-
-        function stopLoop() {
-            if (animationFrame) {
-                cancelAnimationFrame(animationFrame);
-                animationFrame = 0;
-            }
-        }
-
-        function cancelSettle() {
-            settleGeneration += 1;
-            if (settleFrame) {
-                cancelAnimationFrame(settleFrame);
-                settleFrame = 0;
-            }
-        }
-
-        function scheduleTick() {
-            if (animationFrame) return;
-            animationFrame = requestAnimationFrame(() => {
-                animationFrame = 0;
-                if (!livePhysics) {
-                    paint();
-                    return;
-                }
-                const averageSpeed = physicsStep(simNodes, simEdges);
-                paint();
-                if (averageSpeed < EXPORT_PHYSICS_SETTINGS.restSpeed) {
-                    calmTicks += 1;
-                    if (calmTicks >= EXPORT_PHYSICS_SETTINGS.restTicks) {
-                        return;
-                    }
-                } else {
-                    calmTicks = 0;
-                }
-                scheduleTick();
-            });
-        }
-
-        function wake() {
-            calmTicks = 0;
-            if (livePhysics) scheduleTick();
-        }
-
-        function settleChunkSize(nodeCount) {
-            if (nodeCount > 400) return 1;
-            if (nodeCount > 200) return 2;
-            if (nodeCount > 80) return 4;
-            return 8;
-        }
-
-        function batchSettleAsync(nodes, edges, onDone) {
-            cancelSettle();
-            const generation = settleGeneration;
-            const iterations = Math.min(96, 36 + Math.floor(nodes.length * 0.45));
-            const chunkSize = settleChunkSize(nodes.length);
-            let step = 0;
-
-            function finish() {
-                if (generation !== settleGeneration) return;
-                for (const velocity of velocities.values()) {
-                    velocity.vx = 0;
-                    velocity.vy = 0;
-                }
-                calmTicks = EXPORT_PHYSICS_SETTINGS.restTicks;
-                settleFrame = 0;
-                onDone();
-            }
-
-            function runChunk() {
-                if (generation !== settleGeneration) return;
-                const end = Math.min(step + chunkSize, iterations);
-                for (; step < end; step += 1) {
-                    physicsStep(nodes, edges);
-                }
-                paint();
-                if (statusText && iterations > 0) {
-                    const pct = Math.min(99, Math.round((step / iterations) * 100));
-                    statusText.textContent = \`Settling layout… \${pct}%\`;
-                }
-                if (step >= iterations) {
-                    finish();
-                    return;
-                }
-                settleFrame = requestAnimationFrame(runChunk);
-            }
-
-            if (iterations <= 0) {
-                finish();
-                return;
-            }
-            settleFrame = requestAnimationFrame(runChunk);
-        }
-
-        function hitTest(point) {
-            let best = null;
-            let bestDist = Infinity;
-            for (const node of simNodes) {
-                const pos = positions.get(node.id);
-                if (!pos) continue;
-                const dx = point.x - pos.x;
-                const dy = point.y - pos.y;
-                const dist = Math.sqrt(dx * dx + dy * dy);
-                const threshold = nodeRadius(node) + GRAPH_HIT_PAD;
-                if (dist <= threshold && dist < bestDist) {
-                    best = node;
-                    bestDist = dist;
-                }
-            }
-            return best;
-        }
-
-        function hitTestCompound(point) {
-            // Prefer title hits, then body (for drag).
-            let bodyHit = null;
-            for (let i = compoundRegions.length - 1; i >= 0; i -= 1) {
-                const region = compoundRegions[i];
-                const inTitle = point.x >= region.x
-                    && point.x <= region.x + region.w
-                    && point.y >= region.titleY
-                    && point.y <= region.y + 2;
-                if (inTitle) {
-                    return { region, titleHit: true };
-                }
-                const inBody = point.x >= region.x
-                    && point.x <= region.x + region.w
-                    && point.y >= region.y
-                    && point.y <= region.y + region.h;
-                if (inBody && !bodyHit) {
-                    bodyHit = { region, titleHit: false };
-                }
-            }
-            return bodyHit;
-        }
-
-        function resizeCanvas() {
-            const rect = element.getBoundingClientRect();
-            cssWidth = Math.max(320, Math.floor(rect.width || 1200));
-            cssHeight = Math.max(620, Math.min(1400, 220 + simNodes.length * 18));
-            if (canvas) {
-                canvas.style.width = '100%';
-                canvas.style.height = \`\${cssHeight}px\`;
-            }
-        }
-
-        function mountGraph(filteredNodes, filteredEdges) {
-            stopLoop();
-            cancelSettle();
-            simNodes = filteredNodes;
-            simEdges = filteredEdges;
-            const validIds = new Set(filteredNodes.map(node => node.id));
-            pruneState(validIds);
-            const width = 1200;
-            const height = Math.max(640, Math.min(1400, 220 + filteredNodes.length * 18));
-            seedMissingPositions(filteredNodes, width, height, graph.centerId);
-            canvas = document.createElement('canvas');
-            canvas.setAttribute('role', 'img');
-            canvas.setAttribute('aria-label', \`Requirement graph with \${filteredNodes.length} nodes\`);
-            ctx = canvas.getContext('2d');
-            element.innerHTML = '';
-            element.classList.remove('is-booting');
-            element.appendChild(canvas);
-            resizeCanvas();
-            wireViewport(canvas);
-            userViewport = false;
-            const finishStatus = () => {
-                settlingLayout = false;
-                if (statusText) {
-                    statusText.textContent = \`\${filteredNodes.length} nodes, \${filteredEdges.length} edges\`;
-                }
-                paint();
-            };
-            if (!livePhysics) {
-                settlingLayout = true;
-                if (statusText) statusText.textContent = 'Settling layout…';
-                paint();
-                batchSettleAsync(filteredNodes, filteredEdges, finishStatus);
-            } else {
-                settlingLayout = false;
-                finishStatus();
-                wake();
-            }
-        }
-
-        function clientToGraph(event) {
-            const rect = canvas.getBoundingClientRect();
-            const { scale, offsetX, offsetY } = viewportTransform();
-            const cssX = ((event.clientX - rect.left) / rect.width) * cssWidth;
-            const cssY = ((event.clientY - rect.top) / rect.height) * cssHeight;
-            return {
-                x: view.x + (cssX - offsetX) / scale,
-                y: view.y + (cssY - offsetY) / scale
-            };
-        }
-
-        function wireViewport(target) {
-            target.addEventListener('wheel', (event) => {
-                event.preventDefault();
-                const factor = event.deltaY < 0 ? 0.9 : 1.1;
-                const before = clientToGraph(event);
-                view.w = Math.min(8000, Math.max(180, view.w * factor));
-                view.h = Math.min(8000, Math.max(180, view.h * factor));
-                const after = clientToGraph(event);
-                view.x += before.x - after.x;
-                view.y += before.y - after.y;
-                userViewport = true;
-                paint();
-            }, { passive: false });
-
-            target.addEventListener('pointerdown', (event) => {
-                const point = clientToGraph(event);
-                const hit = hitTest(point);
-                if (hit) {
-                    dragNodeId = hit.id;
-                    dragCompound = null;
-                    dragMoved = false;
-                    pinnedIds.add(hit.id);
-                    velocities.set(hit.id, { vx: 0, vy: 0 });
-                    target.classList.add('is-dragging-node');
-                    target.setPointerCapture(event.pointerId);
-                    event.preventDefault();
-                    paint();
-                    return;
-                }
-                const compoundHit = hitTestCompound(point);
-                if (compoundHit) {
-                    dragCompound = {
-                        ...compoundHit.region,
-                        titleHit: compoundHit.titleHit,
-                        origin: point,
-                        memberOrigins: Object.fromEntries(
-                            compoundHit.region.memberIds.map(id => {
-                                const pos = positions.get(id) || { x: 0, y: 0 };
-                                return [id, { x: pos.x, y: pos.y }];
-                            })
-                        )
-                    };
-                    dragNodeId = null;
-                    dragMoved = false;
-                    for (const id of compoundHit.region.memberIds) {
-                        pinnedIds.add(id);
-                        velocities.set(id, { vx: 0, vy: 0 });
-                    }
-                    target.classList.add('is-dragging-node');
-                    target.setPointerCapture(event.pointerId);
-                    event.preventDefault();
-                    paint();
-                    return;
-                }
-                panMode = true;
-                panOrigin = { x: event.clientX, y: event.clientY, viewX: view.x, viewY: view.y };
-                target.classList.add('is-panning');
-                target.setPointerCapture(event.pointerId);
-                event.preventDefault();
-            });
-
-            target.addEventListener('pointermove', (event) => {
-                if (dragNodeId) {
-                    const point = clientToGraph(event);
-                    positions.set(dragNodeId, { x: point.x, y: point.y });
-                    dragMoved = true;
-                    wake();
-                    paint();
-                    return;
-                }
-                if (dragCompound) {
-                    const point = clientToGraph(event);
-                    const dx = point.x - dragCompound.origin.x;
-                    const dy = point.y - dragCompound.origin.y;
-                    if (Math.abs(dx) + Math.abs(dy) > 1) {
-                        dragMoved = true;
-                    }
-                    for (const id of dragCompound.memberIds) {
-                        const origin = dragCompound.memberOrigins[id];
-                        if (!origin) continue;
-                        positions.set(id, { x: origin.x + dx, y: origin.y + dy });
-                    }
-                    wake();
-                    paint();
-                    return;
-                }
-                if (panMode && panOrigin) {
-                    const rect = target.getBoundingClientRect();
-                    const { scale } = viewportTransform();
-                    const dx = ((event.clientX - panOrigin.x) / rect.width) * cssWidth / scale;
-                    const dy = ((event.clientY - panOrigin.y) / rect.height) * cssHeight / scale;
-                    view.x = panOrigin.viewX - dx;
-                    view.y = panOrigin.viewY - dy;
-                    userViewport = true;
-                    paint();
-                    return;
-                }
-                const point = clientToGraph(event);
-                const hit = hitTest(point);
-                const nextHover = hit?.id || null;
-                const compoundHit = hit ? null : hitTestCompound(point);
-                const nextCompound = compoundHit?.region || null;
-                if (nextHover !== hoverNodeId || nextCompound?.fileUri !== hoverCompound?.fileUri) {
-                    hoverNodeId = nextHover;
-                    hoverCompound = nextCompound;
-                    paint();
-                }
-            });
-
-            target.addEventListener('pointerup', (event) => {
-                target.classList.remove('is-dragging-node');
-                if (dragNodeId) {
-                    const node = simNodes.find(item => item.id === dragNodeId);
-                    const moved = dragMoved;
-                    const nodeId = dragNodeId;
-                    dragNodeId = null;
-                    pinnedIds.delete(nodeId);
-                    wake();
-                    paint();
-                    if (!moved && node?.pageUrl && Date.now() > suppressClickUntil) {
-                        window.location.href = resolveGraphNodeUrl(node.pageUrl);
-                    } else if (moved) {
-                        suppressClickUntil = Date.now() + 250;
-                    }
-                    return;
-                }
-                if (dragCompound) {
-                    const compound = dragCompound;
-                    const moved = dragMoved;
-                    const openTitle = !moved && compound.titleHit;
-                    for (const id of compound.memberIds) {
-                        pinnedIds.delete(id);
-                    }
-                    dragCompound = null;
-                    wake();
-                    paint();
-                    if (openTitle && compound.pageUrl && Date.now() > suppressClickUntil) {
-                        window.location.href = resolveGraphNodeUrl(compound.pageUrl);
-                    } else if (moved) {
-                        suppressClickUntil = Date.now() + 250;
-                    }
-                    return;
-                }
-                if (panMode) {
-                    panMode = false;
-                    panOrigin = null;
-                    target.classList.remove('is-panning');
-                }
-            });
-
-            target.addEventListener('pointercancel', () => {
-                target.classList.remove('is-dragging-node');
-                if (dragNodeId) {
-                    pinnedIds.delete(dragNodeId);
-                    dragNodeId = null;
-                    wake();
-                }
-                if (dragCompound) {
-                    for (const id of dragCompound.memberIds) {
-                        pinnedIds.delete(id);
-                    }
-                    dragCompound = null;
-                    wake();
-                }
-                panMode = false;
-                panOrigin = null;
-                target.classList.remove('is-panning');
-                paint();
-            });
-
-            window.addEventListener('resize', () => {
-                resizeCanvas();
-                paint();
-            });
-        }
-
-        function matches(node) {
-            const FILTER_NOT_PRESENT = '__not_present__';
-            const query = lower(searchInput?.value?.trim());
-            const pathQuery = lower(pathInput?.value?.trim());
-            if (hideExternal && node.isExternal) return false;
-            if (hideIdeasets && node.kind === 'ideaset' && !isFileIdeasetNode(node)) return false;
-            const haystack = [node.name, node.kind, node.fileUri, node.status || '', ...(node.tags || [])].map(lower).join(' ');
-            if (query && !haystack.includes(query)) return false;
-            if (pathQuery && !lower(node.fileUri).includes(pathQuery)) return false;
-            if (statusSelected.length) {
-                const key = node.statusKey || (String(node.status || '').trim() ? String(node.status).trim() : FILTER_NOT_PRESENT);
-                if (!statusSelected.includes(key)) return false;
-            }
-            if (tagSelected.length) {
-                const keys = Array.isArray(node.tagsKeys) && node.tagsKeys.length
-                    ? node.tagsKeys
-                    : (Array.isArray(node.tags) && node.tags.length ? node.tags : [FILTER_NOT_PRESENT]);
-                if (!tagSelected.some(value => keys.includes(value))) return false;
-            }
-            return true;
-        }
-
-        function syncFilesSelect() {
-            if (!fileTreatmentSelect) return;
-            fileTreatmentSelect.value = fileTreatment;
-            const selected = fileTreatmentSelect.selectedOptions?.[0];
-            if (selected?.title) {
-                fileTreatmentSelect.title = selected.title;
-            }
-        }
-
-        function refresh() {
-            const treated = applyFileTreatment(graph, fileTreatment);
-            const visibleNodes = (treated.nodes || []).filter(matches);
-            const visibleIds = new Set(visibleNodes.map(node => node.id));
-            const visibleEdges = (treated.edges || []).filter(edge => {
-                if (!visibleIds.has(edge.sourceId) || !visibleIds.has(edge.targetId)) return false;
-                if (!includeWildcardRefs && edge.kind === 'wildcard_reference') return false;
-                return true;
-            });
-            mountGraph(visibleNodes, visibleEdges);
-        }
-
-        for (const control of [searchInput, pathInput]) {
-            control?.addEventListener('input', refresh);
-            control?.addEventListener('change', refresh);
-        }
-        toggleExternal?.addEventListener('click', () => {
-            hideExternal = !hideExternal;
-            toggleExternal.classList.toggle('is-active', hideExternal);
-            toggleExternal.textContent = hideExternal ? 'Show external' : 'Hide external';
-            refresh();
-        });
-        toggleIdeasets?.addEventListener('click', () => {
-            hideIdeasets = !hideIdeasets;
-            toggleIdeasets.classList.toggle('is-active', hideIdeasets);
-            toggleIdeasets.textContent = hideIdeasets ? 'Show ideasets' : 'Hide ideasets';
-            refresh();
-        });
-        fileTreatmentSelect?.addEventListener('change', () => {
-            fileTreatment = fileTreatmentSelect.value || 'invisible';
-            syncFilesSelect();
-            refresh();
-        });
-        toggleWildcard?.addEventListener('click', () => {
-            includeWildcardRefs = !includeWildcardRefs;
-            toggleWildcard.classList.toggle('is-active', includeWildcardRefs);
-            toggleWildcard.setAttribute('aria-pressed', includeWildcardRefs ? 'true' : 'false');
-            refresh();
-        });
-        toggleLabels?.addEventListener('click', () => {
-            const index = GRAPH_LABEL_MODES.indexOf(labelMode);
-            labelMode = GRAPH_LABEL_MODES[(index + 1) % GRAPH_LABEL_MODES.length];
-            syncLabelsButton();
-            paint();
-        });
-        togglePhysics?.addEventListener('click', () => {
-            livePhysics = !livePhysics;
-            togglePhysics.classList.toggle('is-active', livePhysics);
-            togglePhysics.setAttribute('aria-pressed', livePhysics ? 'true' : 'false');
-            if (livePhysics) {
-                cancelSettle();
-                if (statusText) {
-                    statusText.textContent = \`\${simNodes.length} nodes, \${simEdges.length} edges\`;
-                }
-                wake();
-            } else {
-                stopLoop();
-                paint();
-            }
-        });
-        fitButton?.addEventListener('click', () => {
-            fitView(true);
-            paint();
-        });
-        resetButton?.addEventListener('click', () => {
-            if (searchInput) searchInput.value = '';
-            if (pathInput) pathInput.value = '';
-            statusSelected = [];
-            tagSelected = [];
-            statusFilter.clear();
-            tagFilter.clear();
-            hideExternal = false;
-            hideIdeasets = false;
-            fileTreatment = 'linked';
-            includeWildcardRefs = true;
-            labelMode = 'auto';
-            toggleExternal?.classList.remove('is-active');
-            toggleIdeasets?.classList.remove('is-active');
-            toggleWildcard?.classList.add('is-active');
-            toggleWildcard?.setAttribute('aria-pressed', 'true');
-            syncLabelsButton();
-            syncFilesSelect();
-            if (toggleExternal) toggleExternal.textContent = 'Hide external';
-            if (toggleIdeasets) toggleIdeasets.textContent = 'Hide ideasets';
-            positions.clear();
-            velocities.clear();
-            pinnedIds.clear();
-            userViewport = false;
-            refresh();
-        });
-        syncLabelsButton();
-        syncFilesSelect();
-        // Defer first mount so page chrome paints before JSON/layout work.
-        requestAnimationFrame(() => {
-            refresh();
-        });
-    }
-}
-
-function scheduleBackground(task) {
-    if (typeof requestIdleCallback === 'function') {
-        requestIdleCallback(() => task(), { timeout: 250 });
-        return;
-    }
-    requestAnimationFrame(() => {
-        setTimeout(task, 0);
-    });
-}
-
-function boot() {
-    const root = document.body;
-    // Interactive Status/Tags triggers before heavy table/graph init.
-    enhanceScdPlaceholders(root);
-    wireTables(root);
-    void wireGlobalSearch(root);
-    // Graph boot + settle run in the background so large exports stay responsive.
-    scheduleBackground(() => wireGraph(root));
-}
-
-if (document.readyState === 'loading') {
-    document.addEventListener('DOMContentLoaded', boot);
-} else {
-    boot();
-}
-`;
-export function buildSearchIndexScript(documents) {
-    return `globalThis.__REQLAN_SEARCH_INDEX__ = ${JSON.stringify(documents).replace(/</g, '\\u003c')};\n`;
-}
-//# sourceMappingURL=html-export-assets.js.map