@milehimikey/em 1.20.0 → 1.22.0

package/dist/render/sliceStatus.d.ts

@@ -4,6 +4,14 @@ import { SliceDoc } from "../catalog/sliceDoc.js";
  *  MIL-208 originating slice's own file, or null), same order as model.slices (and so the same
  *  order as the header row's columns — see layout/grid.ts's sliceNames). */
 export declare function readSliceDocs(model: NormalizedModel, baseDir: string): (SliceDoc | null)[];
+/** A resolved slice doc and where it is: `path` is relative to `baseDir`, posix separators
+ *  (`slices/<key>.md`), so a render can link a slice's header cell to it (owner ruling
+ *  2026-11-03: every slice header in an SVG is a link to its doc). */
+export interface SliceDocFile {
+    path: string;
+    doc: SliceDoc;
+}
+export declare function readSliceDocFiles(model: NormalizedModel, baseDir: string): (SliceDocFile | null)[];
 /** One status per slice, same order/resolution as readSliceDocs. null means no doc was found
  *  (own or covering), or the doc has no `- **Status:** ...` line. */
 export declare function readSliceStatuses(model: NormalizedModel, baseDir: string): (string | null)[];

package/dist/render/sliceStatus.js

@@ -20,35 +20,42 @@
 // directly — same predicate/resolution as catalog/docJoin.ts's note-gated join, model/
 // continuation.ts, just applied to this module's filename-convention resolution instead of
 // notes.
-import { existsSync, readFileSync } from "node:fs";
-import { join } from "node:path";
+import { readFileSync } from "node:fs";
+import { relative, sep } from "node:path";
 import { computeRefs } from "../model/refs.js";
 import { continuationOf } from "../model/continuation.js";
-import { readCoverageDocs } from "../catalog/coverage.js";
+import { readCoverageDocsAll } from "../catalog/coverage.js";
+import { locateDoc } from "../catalog/docLocate.js";
 import { parseSliceDoc } from "../catalog/sliceDoc.js";
 /** Each slice's resolved design doc (own `slices/<key>.md`, the MIL-121 covering doc, the
  *  MIL-208 originating slice's own file, or null), same order as model.slices (and so the same
  *  order as the header row's columns — see layout/grid.ts's sliceNames). */
 export function readSliceDocs(model, baseDir) {
+    return readSliceDocFiles(model, baseDir).map((f) => f?.doc ?? null);
+}
+export function readSliceDocFiles(model, baseDir) {
     const refs = computeRefs(model);
     const { sliceKeys } = refs;
-    const slicesDir = join(baseDir, "slices");
     let coverage = null; // built lazily, only if ever needed
+    // GH #421 step 2: a doc sits beside the file that declares its slice; docLocate finds it by key
+    // and `path` is where it IS, relative to the root (`<dir>/slices/<key>.md`), so a header link
+    // from any output location resolves to the real file.
+    const file = (key) => {
+        const abs = locateDoc(baseDir, `slices/${key}.md`);
+        return abs ? { path: relative(baseDir, abs).split(sep).join("/"), doc: parseSliceDoc(readFileSync(abs, "utf8")) } : null;
+    };
     return model.slices.map((_slice, i) => {
         const sliceKey = sliceKeys[i];
-        const docPath = join(slicesDir, `${sliceKey}.md`);
-        if (existsSync(docPath))
-            return parseSliceDoc(readFileSync(docPath, "utf8"));
-        coverage ??= readCoverageDocs(slicesDir);
-        const covering = coverage.get(sliceKey)?.doc;
+        const own = file(sliceKey);
+        if (own)
+            return own;
+        coverage ??= readCoverageDocsAll(baseDir);
+        const covering = coverage.get(sliceKey);
         if (covering)
-            return covering;
+            return file(covering.key) ?? { path: `slices/${covering.key}.md`, doc: covering.doc };
         const continuation = continuationOf(model, refs, i);
-        if (continuation) {
-            const originatingPath = join(slicesDir, `${continuation.sliceKey}.md`);
-            if (existsSync(originatingPath))
-                return parseSliceDoc(readFileSync(originatingPath, "utf8"));
-        }
+        if (continuation)
+            return file(continuation.sliceKey);
         return null;
     });
 }

package/dist/render/sliceStatus.js.map

@@ -1 +1 @@
-{"version":3,"file":"sliceStatus.js","sourceRoot":"","sources":["../../src/render/sliceStatus.ts"],"names":[],"mappings":"AAAA,+BAA+B;AAC/B,qEAAqE;AACrE,kFAAkF;AAClF,kFAAkF;AAClF,iFAAiF;AACjF,kDAAkD;AAClD,EAAE;AACF,6EAA6E;AAC7E,6EAA6E;AAC7E,+EAA+E;AAC/E,+EAA+E;AAC/E,EAAE;AACF,gGAAgG;AAChG,4FAA4F;AAC5F,+FAA+F;AAC/F,qFAAqF;AACrF,EAAE;AACF,6FAA6F;AAC7F,yFAAyF;AACzF,uFAAuF;AACvF,2FAA2F;AAC3F,SAAS;AAET,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AACnD,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AAEjC,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAC1D,OAAO,EAAE,gBAAgB,EAAe,MAAM,wBAAwB,CAAC;AACvE,OAAO,EAAE,aAAa,EAAY,MAAM,wBAAwB,CAAC;AAEjE;;4EAE4E;AAC5E,MAAM,UAAU,aAAa,CAAC,KAAsB,EAAE,OAAe;IACnE,MAAM,IAAI,GAAG,WAAW,CAAC,KAAK,CAAC,CAAC;IAChC,MAAM,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC;IAC3B,MAAM,SAAS,GAAG,IAAI,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;IAC1C,IAAI,QAAQ,GAAoC,IAAI,CAAC,CAAC,oCAAoC;IAE1F,OAAO,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;QACpC,MAAM,QAAQ,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC;QAC9B,MAAM,OAAO,GAAG,IAAI,CAAC,SAAS,EAAE,GAAG,QAAQ,KAAK,CAAC,CAAC;QAClD,IAAI,UAAU,CAAC,OAAO,CAAC;YAAE,OAAO,aAAa,CAAC,YAAY,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC;QAC7E,QAAQ,KAAK,gBAAgB,CAAC,SAAS,CAAC,CAAC;QACzC,MAAM,QAAQ,GAAG,QAAQ,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE,GAAG,CAAC;QAC7C,IAAI,QAAQ;YAAE,OAAO,QAAQ,CAAC;QAC9B,MAAM,YAAY,GAAG,cAAc,CAAC,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;QACpD,IAAI,YAAY,EAAE,CAAC;YACjB,MAAM,eAAe,GAAG,IAAI,CAAC,SAAS,EAAE,GAAG,YAAY,CAAC,QAAQ,KAAK,CAAC,CAAC;YACvE,IAAI,UAAU,CAAC,eAAe,CAAC;gBAAE,OAAO,aAAa,CAAC,YAAY,CAAC,eAAe,EAAE,MAAM,CAAC,CAAC,CAAC;QAC/F,CAAC;QACD,OAAO,IAAI,CAAC;IACd,CAAC,CAAC,CAAC;AACL,CAAC;AAED;qEACqE;AACrE,MAAM,UAAU,iBAAiB,CAAC,KAAsB,EAAE,OAAe;IACvE,OAAO,aAAa,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,EAAE,MAAM,IAAI,IAAI,CAAC,CAAC;AACzE,CAAC"}
+{"version":3,"file":"sliceStatus.js","sourceRoot":"","sources":["../../src/render/sliceStatus.ts"],"names":[],"mappings":"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"}

package/dist/render/storylineBands.d.ts

@@ -6,6 +6,3 @@ export declare function storylineBandIds(grid: Grid): string[];
 /** One `<g class="em-storyline-band">` per run, in graph space (append inside the graph group,
  *  after the nodes). Returns "" when the model has no storylines. */
 export declare function buildStorylineBands(model: NormalizedModel, grid: Grid, rects: Map<string, Rect>): string;
-/** Dim every node of the stub columns (`Slice.stub`) — the header cell and each element — by
- *  adding an opacity attribute to its node group. */
-export declare function dimStubColumns(svg: string, model: NormalizedModel): string;

package/dist/render/storylineBands.js

@@ -3,9 +3,8 @@
 //
 // Graphviz lays the storyline row out as one filled box per column belonging to a storyline
 // (emit/dot.ts). This reads those boxes' rectangles back out and draws one continuous labelled
-// band per run of columns — bridging the inter-column gaps — plus, for an `em render
-// --storyline` subset, dims the stub columns (elements the storyline reads from outside it).
-import { STORYLINE_KEY, headerCellId, placeholderId } from "../layout/grid.js";
+// band per run of columns — bridging the inter-column gaps.
+import { STORYLINE_KEY, placeholderId } from "../layout/grid.js";
 import { storylineStyle } from "../emit/theme.js";
 import { storylineRuns } from "../model/storylines.js";
 /** Row index of the storyline band row, or -1 when the grid has none. */
@@ -58,23 +57,4 @@ export function buildStorylineBands(model, grid, rects) {
     }
     return parts.join("");
 }
-const STUB_OPACITY = 0.4;
-/** Dim every node of the stub columns (`Slice.stub`) — the header cell and each element — by
- *  adding an opacity attribute to its node group. */
-export function dimStubColumns(svg, model) {
-    let out = svg;
-    model.slices.forEach((slice, c) => {
-        if (!slice.stub)
-            return;
-        const ids = [headerCellId(c), ...slice.elements.map((e) => e.id)];
-        for (const id of ids) {
-            const re = new RegExp(`(<g\\b[^>]*class="node")([^>]*>\\s*<title>${escapeRe(id)}</title>)`);
-            out = out.replace(re, `$1 opacity="${STUB_OPACITY}"$2`);
-        }
-    });
-    return out;
-}
-function escapeRe(s) {
-    return s.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
-}
 //# sourceMappingURL=storylineBands.js.map

package/dist/render/storylineBands.js.map

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

package/dist/render/storylineDiagram.js

@@ -2,18 +2,16 @@
 // Renders ONE storyline alone (`em render --storyline <name>`, GH #277): a subset of the
 // normal timeline's columns, not a redrawn pattern shape (that is `--slice`).
 //
-// The columns are the storyline's own slices, in order, preceded by dimmed STUB columns: every
-// element a slice of the storyline reads from outside it (so each arrow still has a source), and
-// for a storyline declared `after "<other>"` the referenced storyline's end state — the latest
-// earlier instance of each read model the storyline continues with `again`. A stub column holds
-// only the referenced elements of its origin slice, never the whole slice, so the picture can
-// never balloon into the rest of the model. Like render/sliceDiagram.ts this builds a small
-// synthetic NormalizedModel from shallow clones of the real Elements (same ids, fields, notes)
-// and runs it through the unmodified layout()/emitDot()/composeSvg() pipeline.
+// The columns are the storyline's own slices and nothing else (owner ruling 2026-11-03: a
+// storyline render shows only what is in the storyline — no dimmed "stub" columns borrowed from
+// the slices it reads from outside). An element the storyline reads from another storyline has
+// no box here, so its arrow is not drawn; the storyline map carries that flow between stories.
+// Like render/sliceDiagram.ts this builds a small synthetic NormalizedModel from shallow clones
+// of the real Elements (same ids, fields, notes) and runs it through the unmodified
+// layout()/emitDot()/composeSvg() pipeline.
 import { AUTOMATION_KINDS } from "../parser/ast.js";
 import { normalizeName } from "../model/model.js";
-import { semanticEdges } from "../model/edges.js";
-import { findStoryline, latestOnTimeline, composedRank } from "../model/storylines.js";
+import { findStoryline, composedRank } from "../model/storylines.js";
 import { layout } from "../layout/grid.js";
 import { emitDot } from "../emit/dot.js";
 /** The storyline named `name`, or an error message naming the available ones. */
@@ -30,34 +28,23 @@ export function resolveStorylineArg(model, name) {
     };
 }
 export function buildStorylineDiagram(model, storyline, opts = {}) {
-    const own = [...storyline.sliceIndexes].sort((a, b) => a - b);
-    const ownSet = new Set(own);
-    const stubs = collectStubs(model, storyline, ownSet);
-    // Left to right: the storyline's own slices and every stub column in ONE sequence ordered on
-    // the composed timeline (model/storylines.ts's relationOnTimeline — the ordering validation
-    // uses), file order as the fallback. The storylines this one comes `after` precede it on that
-    // timeline, so their end-state stubs land on the left naturally, while a stub from a slice
-    // between two blocks of this storyline is interleaved with its own columns: no arrow in the
-    // subset points right-to-left.
-    const columns = [
-        ...own.map((i) => ({ i, stub: false })),
-        ...[...stubs.keys()].map((i) => ({ i, stub: true })),
-    ].sort((x, y) => {
-        return composedRank(model, x.i) - composedRank(model, y.i);
-    });
+    // Left to right on the composed timeline (model/storylines.ts's relationOnTimeline — the
+    // ordering validation uses), file order as the fallback: a storyline's blocks stay in the
+    // order the whole model reads them.
+    const own = [...storyline.sliceIndexes].sort((a, b) => composedRank(model, a) - composedRank(model, b));
     const slices = [];
     const elements = [];
     const byId = new Map();
     const byName = new Map();
-    const addColumn = (origin, els, isStub) => {
+    for (const i of own) {
+        const origin = model.slices[i];
         const index = slices.length;
-        const cloned = els.map((el) => ({ ...el, sliceIndex: index }));
+        const cloned = origin.elements.map((el) => ({ ...el, sliceIndex: index }));
         slices.push({
             name: origin.name,
             index,
             source: origin.source,
-            storyline: isStub ? undefined : storyline.name,
-            stub: isStub || undefined,
+            storyline: storyline.name,
             elements: cloned,
             line: origin.line,
         });
@@ -71,9 +58,6 @@ export function buildStorylineDiagram(model, storyline, opts = {}) {
             else
                 byName.set(key, [el]);
         }
-    };
-    for (const { i, stub } of columns) {
-        addColumn(model.slices[i], stub ? [...stubs.get(i).values()] : model.slices[i].elements, stub);
     }
     const dedupe = (values) => [...new Set(values.filter((v) => !!v))];
     const synthetic = {
@@ -88,7 +72,7 @@ export function buildStorylineDiagram(model, storyline, opts = {}) {
                 name: storyline.name,
                 source: storyline.source,
                 after: storyline.after,
-                sliceIndexes: slices.filter((s) => !s.stub).map((s) => s.index),
+                sliceIndexes: slices.map((s) => s.index),
                 line: storyline.line,
             },
         ],
@@ -103,40 +87,4 @@ export function buildStorylineDiagram(model, storyline, opts = {}) {
     const grid = layout(synthetic, opts);
     return { model: synthetic, grid, dot: emitDot(synthetic, grid) };
 }
-/** origin slice index -> the elements of that slice the storyline needs as stubs. */
-function collectStubs(model, storyline, ownSet) {
-    const stubs = new Map();
-    const add = (el) => {
-        if (!el || ownSet.has(el.sliceIndex))
-            return;
-        let bucket = stubs.get(el.sliceIndex);
-        if (!bucket)
-            stubs.set(el.sliceIndex, (bucket = new Map()));
-        bucket.set(el.id, el);
-    };
-    for (const edge of semanticEdges(model)) {
-        const from = model.byId.get(edge.from);
-        const to = model.byId.get(edge.to);
-        if (!from || !to)
-            continue;
-        if (edge.source === "loops-to") {
-            if (ownSet.has(from.sliceIndex))
-                add(to); // the earlier view a loop re-feeds
-        }
-        else if (ownSet.has(to.sliceIndex)) {
-            add(from); // something the storyline reads
-        }
-    }
-    // The referenced storyline's end state: the latest earlier instance of every read model this
-    // storyline continues with `again`.
-    for (const i of storyline.sliceIndexes) {
-        for (const el of model.slices[i].elements) {
-            if (el.kind !== "view" || !el.again)
-                continue;
-            const earlier = model.elements.filter((x) => x.kind === "view" && x.logicalId === el.logicalId && x.id !== el.id);
-            add(latestOnTimeline(model, earlier, el.sliceIndex, true));
-        }
-    }
-    return stubs;
-}
 //# sourceMappingURL=storylineDiagram.js.map

package/dist/render/storylineDiagram.js.map

@@ -1 +1 @@
-{"version":3,"file":"storylineDiagram.js","sourceRoot":"","sources":["../../src/render/storylineDiagram.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"storylineDiagram.js","sourceRoot":"","sources":["../../src/render/storylineDiagram.ts"],"names":[],"mappings":"AAAA,+BAA+B;AAC/B,yFAAyF;AACzF,8EAA8E;AAC9E,EAAE;AACF,0FAA0F;AAC1F,gGAAgG;AAChG,+FAA+F;AAC/F,+FAA+F;AAC/F,gGAAgG;AAChG,oFAAoF;AACpF,4CAA4C;AAE5C,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AACpD,OAAO,EAA8C,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAC9F,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AACrE,OAAO,EAAuB,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAChE,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAQzC,iFAAiF;AACjF,MAAM,UAAU,mBAAmB,CACjC,KAAsB,EACtB,IAAY;IAEZ,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,IAAI,EAAE,CAAC;IAC1C,MAAM,SAAS,GAAG,aAAa,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;IAC7C,IAAI,SAAS;QAAE,OAAO,EAAE,SAAS,EAAE,CAAC;IACpC,MAAM,KAAK,GAAG,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC9D,OAAO;QACL,KAAK,EACH,UAAU,CAAC,MAAM,KAAK,CAAC;YACrB,CAAC,CAAC,0DAA0D;YAC5D,CAAC,CAAC,wCAAwC,IAAI,gBAAgB,KAAK,GAAG;KAC3E,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,qBAAqB,CACnC,KAAsB,EACtB,SAAoB,EACpB,OAAsB,EAAE;IAExB,yFAAyF;IACzF,0FAA0F;IAC1F,oCAAoC;IACpC,MAAM,GAAG,GAAG,CAAC,GAAG,SAAS,CAAC,YAAY,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,YAAY,CAAC,KAAK,EAAE,CAAC,CAAC,GAAG,YAAY,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC;IAExG,MAAM,MAAM,GAAY,EAAE,CAAC;IAC3B,MAAM,QAAQ,GAAc,EAAE,CAAC;IAC/B,MAAM,IAAI,GAAG,IAAI,GAAG,EAAmB,CAAC;IACxC,MAAM,MAAM,GAAG,IAAI,GAAG,EAAqB,CAAC;IAC5C,KAAK,MAAM,CAAC,IAAI,GAAG,EAAE,CAAC;QACpB,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;QAC/B,MAAM,KAAK,GAAG,MAAM,CAAC,MAAM,CAAC;QAC5B,MAAM,MAAM,GAAG,MAAM,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,EAAE,EAAW,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC;QACpF,MAAM,CAAC,IAAI,CAAC;YACV,IAAI,EAAE,MAAM,CAAC,IAAI;YACjB,KAAK;YACL,MAAM,EAAE,MAAM,CAAC,MAAM;YACrB,SAAS,EAAE,SAAS,CAAC,IAAI;YACzB,QAAQ,EAAE,MAAM;YAChB,IAAI,EAAE,MAAM,CAAC,IAAI;SAClB,CAAC,CAAC;QACH,KAAK,MAAM,EAAE,IAAI,MAAM,EAAE,CAAC;YACxB,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;YAClB,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC;YACpB,MAAM,GAAG,GAAG,aAAa,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC;YACnC,MAAM,MAAM,GAAG,MAAM,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;YAC/B,IAAI,MAAM;gBAAE,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;;gBACvB,MAAM,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;QAC7B,CAAC;IACH,CAAC;IAED,MAAM,MAAM,GAAG,CAAC,MAA8B,EAAY,EAAE,CAAC,CAAC,GAAG,IAAI,GAAG,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAAe,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAClH,MAAM,SAAS,GAAoB;QACjC,IAAI,EAAE,GAAG,KAAK,CAAC,IAAI,MAAM,SAAS,CAAC,IAAI,EAAE;QACzC,YAAY,EAAE,IAAI;QAClB,QAAQ,EAAE,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;QAC/E,QAAQ,EAAE,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;QAClF,aAAa,EAAE,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;QACjE,MAAM;QACN,UAAU,EAAE;YACV;gBACE,IAAI,EAAE,SAAS,CAAC,IAAI;gBACpB,MAAM,EAAE,SAAS,CAAC,MAAM;gBACxB,KAAK,EAAE,SAAS,CAAC,KAAK;gBACtB,YAAY,EAAE,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC;gBACxC,IAAI,EAAE,SAAS,CAAC,IAAI;aACrB;SACF;QACD,QAAQ;QACR,IAAI;QACJ,MAAM;QACN,wFAAwF;QACxF,MAAM,EAAE,EAAE;QACV,KAAK,EAAE,KAAK,CAAC,KAAK;QAClB,WAAW,EAAE,KAAK,CAAC,WAAW;KAC/B,CAAC;IACF,MAAM,IAAI,GAAG,MAAM,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC;IACrC,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,CAAC,SAAS,EAAE,IAAI,CAAC,EAAE,CAAC;AACnE,CAAC"}

package/dist/render/storylineMap.d.ts

@@ -0,0 +1,18 @@
+import { NormalizedModel } from "../model/model.js";
+import { StorylineMap } from "../model/storylineMap.js";
+export interface StorylineFrame {
+    name: string;
+    slug: string;
+    sliceCount: number;
+    /** The storyline's own rendered SVG (render/storylineDiagram.ts through composeSvg). */
+    svg: string;
+    /** Where the frame's open link goes. Default `./<slug>.svg` (the file `em render --map` writes
+     *  beside the page); the live viewer passes `/?svg=<subset file>` (GH #422). */
+    href?: string;
+}
+export interface StorylineMapOptions {
+    /** GH #422: served by `em watch --serve` — open links drill down in the same tab, the page
+     *  reloads itself on the server's reload push and shows a render error in its bar. */
+    live?: boolean;
+}
+export declare function buildStorylineMapHtml(model: NormalizedModel, frames: StorylineFrame[], map: StorylineMap, opts?: StorylineMapOptions): string;

package/dist/render/storylineMap.js

@@ -0,0 +1,263 @@
+// SPDX-License-Identifier: MIT
+// The storyline canvas (`em render --map`, owner ruling 2026-11-03): one self-contained HTML page
+// with every storyline's real diagram in a draggable frame and the flow between storylines drawn
+// as connectors between frames. No server, no external assets: open `storylines/map.html` from
+// disk. Frame positions are remembered per model in the browser's localStorage ("Reset layout"
+// forgets them); the first layout places root storylines left and every `after` storyline one
+// column to the right of what it follows.
+//
+// GH #422: `em watch --serve` serves the same page live at /map (src/render/serve.ts) — built by
+// this one function with `live: true`: each frame's open link drills into that storyline's own
+// subset in the viewer (`/?svg=<frame.href>`), and the page listens on the server's /__events
+// stream and reloads itself after every successful render (positions and camera survive the
+// reload: they live in localStorage). No second canvas implementation.
+/** GH #422: the served canvas follows the same /__events stream the viewer does (serve.ts) — a
+ *  successful render reloads the page (positions and camera are in localStorage, so the layout
+ *  holds); a failed render lands in the bar without touching the frames on screen. */
+const LIVE_SCRIPT = `
+  // --- live (em watch --serve): reload on the server's push, keep the last good canvas on an error
+  const liveEl = document.getElementById("live"), errEl = document.getElementById("liveError");
+  const es = new EventSource("/__events");
+  es.onopen = () => { liveEl.textContent = "live"; };
+  es.onerror = () => { liveEl.textContent = "reconnecting…"; };
+  es.onmessage = () => { location.reload(); };
+  es.addEventListener("renderError", (e) => { errEl.textContent = e.data; errEl.hidden = false; errEl.title = e.data; });
+`;
+function esc(s) {
+    return s.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
+}
+export function buildStorylineMapHtml(model, frames, map, opts = {}) {
+    const title = `${model.name} — storylines`;
+    const live = opts.live === true;
+    const data = {
+        model: model.name,
+        nodes: map.nodes.map((n) => ({ name: n.name, slug: n.slug, after: n.after })),
+        edges: map.edges.map((e) => ({
+            from: e.from,
+            to: e.to,
+            kind: e.kind,
+            labels: e.elementIds.map((id) => model.byId.get(id)?.name ?? id),
+        })),
+    };
+    const frameHtml = frames
+        .map((f) => `<section class="frame" data-name="${esc(f.name)}" data-slug="${esc(f.slug)}">` +
+        `<header><span class="title">${esc(f.name)}</span><span class="meta">${f.sliceCount} slice${f.sliceCount === 1 ? "" : "s"}</span>` +
+        `<a class="open" href="${esc(f.href ?? `./${f.slug}.svg`)}"${live ? "" : ' target="_blank"'} title="${live ? "open this storyline in the live viewer" : "open this storyline's diagram"}">${live ? "open ›" : "↗"}</a></header>` +
+        `<div class="body">${f.svg}</div></section>`)
+        .join("\n");
+    // `</script>` can't appear in the JSON (names are model text; the escape keeps it safe anyway).
+    const json = JSON.stringify(data).replace(/<\//g, "<\\/");
+    return `<!doctype html>
+<html lang="en">
+<head>
+<meta charset="utf-8" />
+<title>${esc(title)}</title>
+<style>
+  :root { color-scheme: light; }
+  html, body { height: 100%; margin: 0; }
+  body { font-family: system-ui, sans-serif; background: #f3f4f6; overflow: hidden; }
+  header.bar { position: fixed; top: 0; left: 0; right: 0; height: 40px; display: flex; align-items: center; gap: .75rem;
+    padding: 0 .9rem; background: #1f2933; color: #fff; font-size: 14px; z-index: 10; }
+  header.bar .title { font-weight: 600; }
+  header.bar .hint { opacity: .7; margin-left: auto; }
+  header.bar button { background: #334155; color: #fff; border: 0; border-radius: 4px; padding: .25rem .6rem; cursor: pointer; font-size: 13px; }
+  header.bar button:hover { background: #475569; }
+  header.bar .live { opacity: .7; }
+  header.bar .error { background: #b91c1c; color: #fff; padding: .2rem .6rem; border-radius: 4px; max-width: 40%;
+    overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+  header.bar .error[hidden] { display: none; }
+  #viewport { position: absolute; inset: 40px 0 0 0; overflow: hidden; cursor: grab; }
+  #viewport.panning { cursor: grabbing; }
+  #world { position: absolute; left: 0; top: 0; transform-origin: 0 0; }
+  svg.links { position: absolute; left: 0; top: 0; overflow: visible; pointer-events: none; }
+  svg.links text { font-size: 12px; font-family: system-ui, sans-serif; }
+  .frame { position: absolute; background: #fff; border: 2px solid #4a6fb5; border-radius: 8px; box-shadow: 0 2px 10px rgba(0,0,0,.12);
+    display: flex; flex-direction: column; overflow: hidden; }
+  .frame header { display: flex; align-items: center; gap: .6rem; padding: .35rem .6rem; background: #dbe7fb; color: #1e3a8a;
+    font-size: 13px; cursor: move; user-select: none; }
+  .frame header .title { font-weight: 700; }
+  .frame header .meta { opacity: .75; }
+  .frame header .open { margin-left: auto; color: #1e3a8a; text-decoration: none; font-weight: 700; cursor: pointer; }
+  .frame .body { flex: 1; min-height: 0; background: #fff; padding: 16px; box-sizing: border-box; }
+  .frame .body svg { width: 100%; height: 100%; display: block; }
+  .frame.dragging { box-shadow: 0 6px 24px rgba(0,0,0,.25); z-index: 5; }
+</style>
+</head>
+<body>
+<header class="bar">
+  <span class="title">${esc(title)}</span>
+  <button id="fit" type="button">Fit</button>
+  <button id="reset" type="button">Reset layout</button>${live ? `\n  <span class="live" id="live">live</span><span class="error" id="liveError" hidden></span>` : ""}
+  <span class="hint">drag a frame's title to move it · drag the background to pan · wheel to zoom${live ? " · click a storyline's “open ›” to step through it" : ""}</span>
+</header>
+<div id="viewport"><div id="world"><svg class="links" width="1" height="1">
+  <defs>
+    <marker id="m-after" viewBox="0 0 10 10" refX="9" refY="5" markerWidth="8" markerHeight="8" orient="auto-start-reverse"><path d="M0,0 L10,5 L0,10 z" fill="#4a6fb5"/></marker>
+    <marker id="m-reads" viewBox="0 0 10 10" refX="9" refY="5" markerWidth="7" markerHeight="7" orient="auto-start-reverse"><path d="M0,0 L10,5 L0,10 z" fill="#b36b00"/></marker>
+  </defs>
+  <g id="link-paths"></g><g id="link-labels"></g>
+</svg>
+${frameHtml}
+</div></div>
+<script id="map-data" type="application/json">${json}</script>
+<script>
+(() => {
+  const DATA = JSON.parse(document.getElementById("map-data").textContent);
+  const KEY = "em-storyline-map:" + DATA.model;
+  const SCALE = 0.3;          // diagram units -> frame pixels at zoom 1
+  const PAD = 16, HEAD = 34;  // frame body padding (each side) and the title bar's height
+  const GAP_X = 160, GAP_Y = 90;
+  const viewport = document.getElementById("viewport");
+  const world = document.getElementById("world");
+  const links = world.querySelector("svg.links");
+  const paths = document.getElementById("link-paths");
+  const labels = document.getElementById("link-labels");
+  const frames = [...world.querySelectorAll(".frame")];
+  const byName = new Map(frames.map((f) => [f.dataset.name, f]));
+
+  // --- frame size from each diagram's own viewBox, so a 3-slice story is small and a 29-slice one is wide
+  for (const f of frames) {
+    const svg = f.querySelector("svg");
+    const vb = (svg && svg.getAttribute("viewBox") || "0 0 1200 600").split(/\\s+/).map(Number);
+    const w = Math.max(240, vb[2] * SCALE) + 2 * PAD, h = Math.max(120, vb[3] * SCALE) + 2 * PAD + HEAD;
+    f.style.width = w + "px"; f.style.height = h + "px";
+    if (svg) { svg.removeAttribute("width"); svg.removeAttribute("height"); svg.setAttribute("preserveAspectRatio", "xMinYMin meet"); }
+  }
+
+  // --- state: positions + camera, remembered per model
+  let state = { pos: {}, cam: { x: 24, y: 24, s: 1 } };
+  try { const saved = JSON.parse(localStorage.getItem(KEY) || "null"); if (saved && saved.pos) state = saved; } catch {}
+  const save = () => { try { localStorage.setItem(KEY, JSON.stringify(state)); } catch {} };
+
+  function autoLayout() {
+    // column = depth along the after chain; rows stack within a column
+    const depth = new Map();
+    const nodeByName = new Map(DATA.nodes.map((n) => [n.name, n]));
+    const depthOf = (name, seen = new Set()) => {
+      if (depth.has(name)) return depth.get(name);
+      const n = nodeByName.get(name);
+      let d = 0;
+      if (n && n.after && nodeByName.has(n.after) && !seen.has(name)) { seen.add(name); d = depthOf(n.after, seen) + 1; }
+      depth.set(name, d); return d;
+    };
+    for (const n of DATA.nodes) depthOf(n.name);
+    const cols = new Map();
+    for (const n of DATA.nodes) { const d = depth.get(n.name) || 0; if (!cols.has(d)) cols.set(d, []); cols.get(d).push(n.name); }
+    let x = 0;
+    state.pos = {};
+    for (const d of [...cols.keys()].sort((a, b) => a - b)) {
+      let y = 0, colW = 0;
+      for (const name of cols.get(d)) {
+        const f = byName.get(name); if (!f) continue;
+        state.pos[f.dataset.slug] = { x, y };
+        y += f.offsetHeight + GAP_Y; colW = Math.max(colW, f.offsetWidth);
+      }
+      x += colW + GAP_X;
+    }
+  }
+  if (!frames.every((f) => state.pos[f.dataset.slug])) autoLayout();
+
+  function applyPositions() {
+    for (const f of frames) { const p = state.pos[f.dataset.slug] || { x: 0, y: 0 }; f.style.left = p.x + "px"; f.style.top = p.y + "px"; }
+    drawLinks();
+  }
+  function applyCamera() { world.style.transform = "translate(" + state.cam.x + "px," + state.cam.y + "px) scale(" + state.cam.s + ")"; }
+
+  // --- connectors: centre-to-centre line clipped to each frame's border; labels at the midpoint
+  function rectOf(f) { const p = state.pos[f.dataset.slug] || { x: 0, y: 0 }; return { x: p.x, y: p.y, w: f.offsetWidth, h: f.offsetHeight }; }
+  function exitPoint(r, tx, ty) {
+    const cx = r.x + r.w / 2, cy = r.y + r.h / 2, dx = tx - cx, dy = ty - cy;
+    if (dx === 0 && dy === 0) return { x: cx, y: cy };
+    const sx = dx !== 0 ? (r.w / 2) / Math.abs(dx) : Infinity, sy = dy !== 0 ? (r.h / 2) / Math.abs(dy) : Infinity;
+    const t = Math.min(sx, sy);
+    return { x: cx + dx * t, y: cy + dy * t };
+  }
+  function drawLinks() {
+    paths.innerHTML = ""; labels.innerHTML = "";
+    const NS = "http://www.w3.org/2000/svg";
+    for (const e of DATA.edges) {
+      const a = byName.get(e.from), b = byName.get(e.to); if (!a || !b) continue;
+      const ra = rectOf(a), rb = rectOf(b);
+      const bc = { x: rb.x + rb.w / 2, y: rb.y + rb.h / 2 }, ac = { x: ra.x + ra.w / 2, y: ra.y + ra.h / 2 };
+      const p1 = exitPoint(ra, bc.x, bc.y), p2 = exitPoint(rb, ac.x, ac.y);
+      const path = document.createElementNS(NS, "path");
+      path.setAttribute("d", "M" + p1.x + "," + p1.y + " L" + p2.x + "," + p2.y);
+      path.setAttribute("fill", "none");
+      path.setAttribute("stroke", e.kind === "after" ? "#4a6fb5" : "#b36b00");
+      path.setAttribute("stroke-width", e.kind === "after" ? "4" : "2");
+      if (e.kind !== "after") path.setAttribute("stroke-dasharray", "8 6");
+      path.setAttribute("marker-end", "url(#m-" + e.kind + ")");
+      paths.appendChild(path);
+      const mx = (p1.x + p2.x) / 2, my = (p1.y + p2.y) / 2;
+      const text = e.kind === "after" ? "after" : (e.labels.slice(0, 3).join(", ") + (e.labels.length > 3 ? " +" + (e.labels.length - 3) : ""));
+      const t = document.createElementNS(NS, "text");
+      t.setAttribute("x", mx); t.setAttribute("y", my - 6); t.setAttribute("text-anchor", "middle");
+      t.setAttribute("fill", e.kind === "after" ? "#4a6fb5" : "#7a4a00");
+      if (e.kind === "after") t.setAttribute("font-weight", "700");
+      t.setAttribute("paint-order", "stroke"); t.setAttribute("stroke", "#f3f4f6"); t.setAttribute("stroke-width", "4");
+      t.textContent = text;
+      labels.appendChild(t);
+    }
+  }
+
+  // --- interaction: drag frames by their header, pan the background, zoom with the wheel
+  let drag = null;
+  for (const f of frames) {
+    f.querySelector("header").addEventListener("pointerdown", (ev) => {
+      if (ev.target.closest("a")) return;
+      const p = state.pos[f.dataset.slug];
+      drag = { f, sx: ev.clientX, sy: ev.clientY, ox: p.x, oy: p.y };
+      f.classList.add("dragging"); f.setPointerCapture(ev.pointerId); ev.preventDefault(); ev.stopPropagation();
+    });
+    f.addEventListener("pointermove", (ev) => {
+      if (!drag || drag.f !== f) return;
+      state.pos[f.dataset.slug] = { x: drag.ox + (ev.clientX - drag.sx) / state.cam.s, y: drag.oy + (ev.clientY - drag.sy) / state.cam.s };
+      applyPositions();
+    });
+    const end = () => { if (drag && drag.f === f) { f.classList.remove("dragging"); drag = null; save(); } };
+    f.addEventListener("pointerup", end); f.addEventListener("pointercancel", end);
+  }
+  let pan = null;
+  viewport.addEventListener("pointerdown", (ev) => {
+    if (ev.target.closest(".frame")) return;
+    pan = { sx: ev.clientX, sy: ev.clientY, ox: state.cam.x, oy: state.cam.y };
+    viewport.classList.add("panning"); viewport.setPointerCapture(ev.pointerId);
+  });
+  viewport.addEventListener("pointermove", (ev) => {
+    if (!pan) return;
+    state.cam.x = pan.ox + (ev.clientX - pan.sx); state.cam.y = pan.oy + (ev.clientY - pan.sy); applyCamera();
+  });
+  const endPan = () => { if (pan) { pan = null; viewport.classList.remove("panning"); save(); } };
+  viewport.addEventListener("pointerup", endPan); viewport.addEventListener("pointercancel", endPan);
+  viewport.addEventListener("wheel", (ev) => {
+    ev.preventDefault();
+    const rect = viewport.getBoundingClientRect();
+    const mx = ev.clientX - rect.left, my = ev.clientY - rect.top;
+    const factor = Math.exp(-ev.deltaY * 0.0015);
+    const s = Math.min(4, Math.max(0.05, state.cam.s * factor));
+    state.cam.x = mx - (mx - state.cam.x) * (s / state.cam.s);
+    state.cam.y = my - (my - state.cam.y) * (s / state.cam.s);
+    state.cam.s = s; applyCamera(); save();
+  }, { passive: false });
+
+  function fit() {
+    if (frames.length === 0) return;
+    let minX = Infinity, minY = Infinity, maxX = -Infinity, maxY = -Infinity;
+    for (const f of frames) { const r = rectOf(f); minX = Math.min(minX, r.x); minY = Math.min(minY, r.y); maxX = Math.max(maxX, r.x + r.w); maxY = Math.max(maxY, r.y + r.h); }
+    const vw = viewport.clientWidth, vh = viewport.clientHeight, pad = 32;
+    const s = Math.min(4, Math.max(0.05, Math.min((vw - 2 * pad) / (maxX - minX), (vh - 2 * pad) / (maxY - minY))));
+    state.cam = { s, x: pad - minX * s + ((vw - 2 * pad) - (maxX - minX) * s) / 2, y: pad - minY * s + ((vh - 2 * pad) - (maxY - minY) * s) / 2 };
+    applyCamera(); save();
+  }
+  document.getElementById("fit").addEventListener("click", fit);
+  document.getElementById("reset").addEventListener("click", () => { autoLayout(); applyPositions(); fit(); });
+
+  applyPositions();
+  if (!localStorage.getItem(KEY)) fit(); else applyCamera();
+${live ? LIVE_SCRIPT : ""}})();
+</script>
+</body>
+</html>
+`;
+}
+//# sourceMappingURL=storylineMap.js.map

package/dist/render/storylineMap.js.map

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

package/dist/render/svgGeometry.d.ts

@@ -10,6 +10,15 @@ export declare const NODE_GROUP: RegExp;
 export declare const TITLE: RegExp;
 /** Map each requested node id to its rectangle in SVG coordinates. */
 export declare function parseNodeRects(svg: string, ids: Set<string>): Map<string, Rect>;
+/** One `<text>` line inside a node group: its decoded text and baseline y (SVG user space). */
+export interface TextRow {
+    text: string;
+    y: number;
+}
+/** The text lines of one node, top to bottom, with their baselines — how a box that lists
+ *  alternatives (GH #278, one Graphviz HTML table per group) tells which row is which
+ *  alternative, so an arrow or a marker can anchor to that alternative's own row (GH #324). */
+export declare function parseNodeTextRows(svg: string, id: string): TextRow[];
 /** A bounding box in the graph's own (post-transform) coordinate space. */
 export interface Box {
     minX: number;