@webpieces/nx-webpieces-rules 0.4.919 → 0.4.921

package/src/lib/graph-mode-state.client.js

@@ -118,17 +118,66 @@ class WpModeState {
         }
         return true;
     }
-    /** Which impact shade a box gets, from the ACTIVE scan. */
+    /** Which impact shade a box gets, from the ACTIVE scan: WHY nx included it (#1264). */
     status(id) {
         const impact = this.impact;
         if (impact?.touched.includes(id))
             return 'touched';
-        if (impact?.affected.includes(id))
-            return 'affected';
+        if (impact?.dependents.includes(id))
+            return 'dependent';
+        if (impact?.implicit.includes(id))
+            return 'implicit';
+        if (impact?.rootFile.includes(id))
+            return 'rootFile';
+        if (impact?.unexplained.includes(id))
+            return 'unexplained';
         if (impact?.buildInputs.includes(id))
             return 'buildInput';
         return 'untouched';
     }
+    /** Every affected node id of the active scan, whatever its reason. */
+    affected() {
+        const impact = this.impact;
+        if (impact === null)
+            return [];
+        return [...impact.touched, ...impact.dependents, ...impact.implicit, ...impact.rootFile, ...impact.unexplained];
+    }
+    /** The edges gained and lost since the fork point that THIS page draws: build deps or runtime calls. */
+    edgeChanges() {
+        const edges = window.__WP_IMPACT__?.edges;
+        if (edges === undefined)
+            return [];
+        return this.viewer === 'runtime' ? edges.runtime : edges.dependency;
+    }
+    /** '' when this page's edge changes were computed (even if none), else why the page shows none. */
+    edgeReason() {
+        const edges = window.__WP_IMPACT__?.edges;
+        if (edges === undefined)
+            return 'No edge changes here. Run pnpm arch:visualize to compute them.';
+        return this.viewer === 'runtime' ? edges.runtimeReason : edges.dependencyReason;
+    }
+    /** Every box at either end of a changed edge: the Filter's "Edge changes only". */
+    edgeEnds() {
+        const ends = new Set();
+        for (const change of this.edgeChanges()) {
+            ends.add(change.from);
+            ends.add(change.to);
+        }
+        return ends;
+    }
+    /** "Edges since abc1234: 1 gained · 1 lost." — or why there are none to show. */
+    edgeNote() {
+        const reason = this.edgeReason();
+        if (reason !== '')
+            return `${reason}.`;
+        const changes = this.edgeChanges();
+        const gained = changes.filter((change) => change.change === 'gained').length;
+        return `Edges since ${window.__WP_IMPACT__?.edges.base ?? ''}: ${gained} gained · ${changes.length - gained} lost.`;
+    }
+    /** Why `id` is in the active scan's build; null when it is not affected. */
+    reason(id) {
+        return this.impact?.reasons.find((reason) => reason.project === id) ?? null;
+    }
     initial() {
         const hashed = location.hash.slice(1);
         if (this.available(hashed))
@@ -151,4 +200,295 @@ class WpModeState {
         }
     }
 }
+/**
+ * What the "why" panel says about one affected project (#1264): never a reason the graph cannot show.
+ * Pure text, so a spec reads it without a browser; GraphPage puts it in a panel.
+ */
+class WpImpactWhy {
+    static TITLES = {
+        touched: 'Changed',
+        dependent: 'Dependent',
+        implicit: 'Implicitly touched',
+        rootFile: 'Root-file touched',
+        unexplained: 'Unexplained',
+    };
+    /**
+     * `8 changed · 3 dependents · 22 implicitly touched (runtime-wiring-check inputs) · 47 dependencies`
+     * — the same split ImpactCounts (graph-impact.ts) prints on the console.
+     */
+    counts(impact) {
+        const parts = [`${impact.touched.length} changed`, `${impact.dependents.length} dependents`];
+        if (impact.implicit.length > 0) {
+            const targets = [
+                ...new Set(impact.reasons
+                    .filter((reason) => reason.kind === 'implicit' && reason.target !== '')
+                    .map((reason) => reason.target)),
+            ].sort();
+            parts.push(`${impact.implicit.length} implicitly touched${targets.length === 0 ? '' : ` (${targets.join(', ')} inputs)`}`);
+        }
+        if (impact.rootFile.length > 0)
+            parts.push(`${impact.rootFile.length} root-file touched`);
+        if (impact.unexplained.length > 0)
+            parts.push(`${impact.unexplained.length} unexplained`);
+        parts.push(`${impact.buildInputs.length} dependencies`);
+        return parts.join(' · ');
+    }
+    title(reason) {
+        return `${WpImpactWhy.TITLES[reason.kind] ?? reason.kind}: ${reason.project}`;
+    }
+    lines(reason) {
+        if (reason.kind === 'touched') {
+            const owns = reason.files.length === 1 ? 'this changed file' : `these ${reason.files.length} changed files`;
+            return [`It owns ${owns}:`, ...reason.files];
+        }
+        if (reason.kind === 'dependent')
+            return [
+                'It uses a changed or touched project through these dependency edges, so its tests and build re-run:',
+                reason.path.join(' -> '),
+            ];
+        if (reason.kind === 'implicit')
+            return [
+                reason.target === '' ? reason.detail : `${reason.target} input ${reason.input} matched ${reason.files.join(', ')}`,
+                'nx marks every project whose target input glob matches a changed file. It uses no changed project.',
+            ];
+        if (reason.kind === 'rootFile')
+            return [
+                reason.detail,
+                ...(reason.path.length > 0 ? [reason.path.join(' -> ')] : []),
+                'nx marked it for a workspace root file; it uses no changed project.',
+            ];
+        return [reason.detail];
+    }
+}
+/**
+ * The "why is this in the build?" panel (#1264): opened from an affected box's menu in Impact mode.
+ * Text nodes only, so no project name is parsed as HTML.
+ */
+class ImpactWhyPanel {
+    panel = document.createElement('div');
+    text = new WpImpactWhy();
+    anchor = null;
+    constructor() {
+        this.panel.className = 'wp-impact-why';
+        this.panel.hidden = true;
+        this.panel.setAttribute('role', 'dialog');
+        this.panel.setAttribute('aria-label', 'Why this project is in the build');
+        document.body.append(this.panel);
+        document.addEventListener('keydown', (ev) => {
+            if (ev.key !== 'Escape' || this.panel.hidden)
+                return;
+            ev.stopPropagation();
+            this.close();
+        }, true);
+        document.addEventListener('click', (ev) => {
+            const target = ev.target;
+            if (target instanceof Node && !this.panel.contains(target) && !this.anchor?.contains(target))
+                this.close();
+        });
+    }
+    open(node, reason) {
+        this.show(node, this.text.title(reason), this.text.lines(reason));
+    }
+    /** Any heading and lines, anchored under `node` (a box, or a changed edge). */
+    show(node, title, lines) {
+        this.anchor = node;
+        const heading = document.createElement('strong');
+        heading.textContent = title;
+        const list = document.createElement('ul');
+        for (const line of lines) {
+            const item = document.createElement('li');
+            item.textContent = line;
+            list.append(item);
+        }
+        const close = document.createElement('button');
+        close.type = 'button';
+        close.textContent = 'Close';
+        close.addEventListener('click', () => this.close());
+        this.panel.replaceChildren(heading, list, close);
+        this.panel.hidden = false;
+        const box = node.getBoundingClientRect();
+        this.panel.style.left = `${Math.max(12, Math.min(box.left, innerWidth - this.panel.offsetWidth - 12))}px`;
+        this.panel.style.top = `${Math.max(12, Math.min(box.bottom + 6, innerHeight - this.panel.offsetHeight - 12))}px`;
+        close.focus({ preventScroll: true });
+    }
+    close() {
+        if (this.panel.hidden)
+            return;
+        this.panel.hidden = true;
+        const anchor = this.anchor;
+        this.anchor = null;
+        if (anchor?.isConnected)
+            anchor.focus({ preventScroll: true });
+    }
+}
+/** A changed edge the saved page does not draw: added to the Impact overlay. */
+class WpOverlayEdge {
+    id;
+    from;
+    to;
+    dot;
+    productDot = null;
+    constructor(id, from, to, dot) {
+        this.id = id;
+        this.from = from;
+        this.to = to;
+        this.dot = dot;
+    }
+}
+/** The page's own model with the overlay's edges: same boxes, levels and frame. */
+class WpOverlayModel {
+    edges;
+    viewer;
+    nodes;
+    bands;
+    fullDot;
+    header;
+    footer;
+    comparison;
+    constructor(base, edges) {
+        this.edges = edges;
+        this.viewer = base.viewer;
+        this.nodes = base.nodes;
+        this.bands = base.bands;
+        this.fullDot = base.fullDot;
+        this.header = base.header;
+        this.footer = base.footer;
+        this.comparison = base.comparison ?? null;
+    }
+}
+/**
+ * The edges this branch gained or lost since its fork point, drawn over the page in Impact mode
+ * (#1264). A changed edge the page already draws is restyled; one it does not (the page is the saved
+ * snapshot, the diff is against the LIVE graph) is added: a gained edge solid red and bold, a lost one
+ * a red dashed ghost. Every changed edge is clickable, and a box whose only change is an edge gets a
+ * red badge.
+ */
+class WpEdgeOverlay {
+    modes;
+    static RED = '#d32f2f';
+    static PREFIX = 'wp-edge-change-';
+    /** pair key → that pair's changes; null until first asked. */
+    pairs = null;
+    /** Rendered edge id → the changes it stands for. */
+    byEdgeId = new Map();
+    overlay = null;
+    constructor(modes) {
+        this.modes = modes;
+    }
+    key(from, to) {
+        return `${from}\u0000${to}`;
+    }
+    grouped() {
+        if (this.pairs !== null)
+            return this.pairs;
+        this.pairs = new Map();
+        for (const change of this.modes.edgeChanges()) {
+            const key = this.key(change.from, change.to);
+            this.pairs.set(key, [...(this.pairs.get(key) ?? []), change]);
+        }
+        return this.pairs;
+    }
+    any() {
+        return this.modes.edgeChanges().length > 0;
+    }
+    /** `base` plus a ghost statement for every changed edge it does not draw (both ends must be boxes). */
+    model(base) {
+        if (this.overlay !== null)
+            return this.overlay;
+        const ids = new Set(base.nodes.map((node) => node.id));
+        const drawn = new Set(base.edges.map((edge) => this.key(edge.from, edge.to)));
+        const extra = [];
+        for (const key of this.grouped().keys()) {
+            const changes = this.grouped().get(key);
+            const from = changes[0].from;
+            const to = changes[0].to;
+            if (drawn.has(key) || !ids.has(from) || !ids.has(to))
+                continue;
+            const id = `${WpEdgeOverlay.PREFIX}${extra.length}`;
+            const dot = `  "${this.esc(from)}" -> "${this.esc(to)}" [id="${id}", constraint=false${this.attrs(changes)}];\n`;
+            this.byEdgeId.set(id, changes);
+            extra.push(new WpOverlayEdge(id, from, to, dot));
+        }
+        this.overlay = new WpOverlayModel(base, [...base.edges, ...extra]);
+        return this.overlay;
+    }
+    /** A drawn edge's statement restyled when it changed; null when it did not. */
+    edgeDot(edge) {
+        if (edge.id.startsWith(WpEdgeOverlay.PREFIX))
+            return edge.dot;
+        const changes = this.grouped().get(this.key(edge.from, edge.to));
+        if (changes === undefined)
+            return null;
+        this.byEdgeId.set(edge.id, changes);
+        return `${edge.dot.slice(0, -2)} [${this.attrs(changes).slice(2)}];\n`;
+    }
+    /** Gained (any API new) is solid, bold red; otherwise a lost edge is a red dashed ghost. */
+    attrs(changes) {
+        const gained = changes.some((change) => change.change === 'gained');
+        const tooltip = this.esc(changes.map((change) => change.text).join('; '));
+        return `, color="${WpEdgeOverlay.RED}", fontcolor="${WpEdgeOverlay.RED}", penwidth=${gained ? '3' : '2'}, style="${gained ? 'bold' : 'dashed'}", tooltip="${tooltip}"`;
+    }
+    esc(text) {
+        return text.replace(/\\/g, '\\\\').replace(/"/g, '\\"');
+    }
+    /** The lines for one box's edge changes ("new on this branch: …", "… no longer calls …"). */
+    nodeLines(id) {
+        return this.modes
+            .edgeChanges()
+            .filter((change) => change.from === id || change.to === id)
+            .map((change) => change.text);
+    }
+    /** Every changed edge clickable; a red badge on each box whose ONLY change is an edge. */
+    decorate(svg, panel) {
+        for (const id of this.byEdgeId.keys()) {
+            const edge = svg.querySelector(`g.edge[id="${id}"]`);
+            const changes = this.byEdgeId.get(id);
+            if (edge === null)
+                continue;
+            edge.classList.add('wp-edge-change');
+            edge.setAttribute('tabindex', '0');
+            edge.setAttribute('role', 'button');
+            const title = changes.some((change) => change.change === 'gained') ? 'Gained edge' : 'Lost edge';
+            const show = (ev) => {
+                ev.stopPropagation();
+                panel.show(edge, title, changes.map((change) => change.text));
+            };
+            edge.addEventListener('click', show);
+            edge.addEventListener('keydown', (ev) => {
+                if (ev.key === 'Enter' || ev.key === ' ')
+                    show(ev);
+            });
+        }
+        const affected = new Set(this.modes.affected());
+        const ends = this.modes.edgeEnds();
+        svg.querySelectorAll('g.node').forEach((node) => {
+            const id = node.querySelector('title')?.textContent ?? '';
+            if (!ends.has(id) || affected.has(id))
+                return;
+            node.append(this.badge(node));
+        });
+    }
+    badge(node) {
+        const ns = 'http://www.w3.org/2000/svg';
+        const box = node.getBBox();
+        const group = document.createElementNS(ns, 'g');
+        group.setAttribute('class', 'wp-edge-badge');
+        const circle = document.createElementNS(ns, 'circle');
+        circle.setAttribute('cx', String(box.x + box.width - 2));
+        circle.setAttribute('cy', String(box.y + 2));
+        circle.setAttribute('r', '8');
+        circle.setAttribute('fill', WpEdgeOverlay.RED);
+        const text = document.createElementNS(ns, 'text');
+        text.setAttribute('x', String(box.x + box.width - 2));
+        text.setAttribute('y', String(box.y + 6));
+        text.setAttribute('text-anchor', 'middle');
+        text.setAttribute('font-size', '12');
+        text.setAttribute('fill', '#ffffff');
+        text.textContent = '±';
+        const hint = document.createElementNS(ns, 'title');
+        hint.textContent = 'Only its edges changed on this branch';
+        group.append(circle, text, hint);
+        return group;
+    }
+}
 //# sourceMappingURL=graph-mode-state.client.js.map

package/src/lib/graph-mode-state.client.js.map

@@ -1 +1 @@
-{"version":3,"file":"graph-mode-state.client.js","sourceRoot":"","sources":["../../../../../../packages/tooling/nx-webpieces-rules/src/lib/graph-mode-state.client.ts"],"names":[],"mappings":"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","sourcesContent":["class WpModeState {\n    /** `goal` (Goal vs Current, #1239) exists on runtime pages only; the shell renders it nowhere else. */\n    static readonly MODES = ['runtime', 'architecture', 'impact', 'product', 'goal'];\n    static readonly NAMES = ['Runtime', 'Architecture', 'Impact', 'Product', 'Goal vs Current'];\n    static readonly SUBTITLES = [\n        'where the code can run',\n        'servers · clients · APIs',\n        'what changed',\n        'which products it belongs to',\n        'Current → Goal proposal',\n    ];\n    readonly scans: ImpactJson[] = window.__WP_IMPACT__?.scans ?? [];\n    kind = '';\n    mode = 'runtime';\n\n    /**\n     * @param hasProducts some box belongs to a product, so the Product mode has something to show\n     * @param goalUnavailable '' when Goal vs Current can be shown, else why not (#1239)\n     */\n    constructor(\n        private readonly hasProducts: boolean,\n        private readonly viewer: string,\n        private readonly goalUnavailable: string,\n    ) {\n        this.kind = this.initialKind();\n        this.mode = this.initial();\n    }\n\n    private storageKey(kind: string): string {\n        return `wp-${this.viewer}-graph-${kind}`;\n    }\n\n    /** '' when Product can be shown, else why not. */\n    productReason(): string {\n        return this.hasProducts\n            ? ''\n            : 'No products here: tag each project product:<name> in its project.json, then regenerate.';\n    }\n\n    /** '' when Goal vs Current can be shown, else why not (a missing or unusable input, never \"no differences\"). */\n    goalReason(): string {\n        return this.goalUnavailable;\n    }\n\n    /** The active scan; null when the page has no Impact data. */\n    get impact(): ImpactJson | null {\n        return this.scans.find((scan: ImpactJson): boolean => scan.kind === this.kind) ?? null;\n    }\n\n    /** '' when Impact can be shown, else the one line the drawer and the Filter popover say instead. */\n    impactReason(): string {\n        const impact = this.impact;\n        if (\n            impact === null &&\n            this.viewer === 'runtime' &&\n            document.body.dataset['wpProjectFacts'] === 'false'\n        )\n            return 'No saved project facts for Impact. Run pnpm nx run architecture:generate, then pnpm arch:visualize-runtime.';\n        if (impact === null)\n            return `No impact data here. Run pnpm arch:visualize${this.viewer === 'runtime' ? '-runtime' : ''} to compute it — no full regenerate needed.`;\n        return impact.available ? '' : `Impact unavailable (${impact.label}): ${impact.reason}.`;\n    }\n\n    /** Switch the active scan; false (and nothing changes) for a missing or unavailable one. */\n    setKind(kind: string): boolean {\n        if (!this.kindAvailable(kind)) return false;\n        this.kind = kind;\n        // eslint-disable-next-line @webpieces/no-unmanaged-exceptions -- storage is a per-viewer convenience; a blocked store must not break the page\n        try {\n            localStorage.setItem(this.storageKey('impact-kind'), kind);\n            // webpieces-disable no-any-unknown -- browsers may throw any value from blocked storage\n        } catch (err: unknown) {\n            //const error = toError(err);\n            void err;\n        }\n        return true;\n    }\n\n    kindAvailable(kind: string): boolean {\n        return this.scans.some((scan: ImpactJson): boolean => scan.kind === kind && scan.available);\n    }\n\n    private initialKind(): string {\n        const stored = this.read(this.storageKey('impact-kind'));\n        if (stored !== null && this.kindAvailable(stored)) return stored;\n        const preferred = window.__WP_IMPACT__?.defaultKind ?? '';\n        if (this.scans.some((scan: ImpactJson): boolean => scan.kind === preferred))\n            return preferred;\n        return this.scans[0]?.kind ?? '';\n    }\n\n    available(mode: string): boolean {\n        if (!WpModeState.MODES.includes(mode)) return false;\n        if (mode === 'impact') return this.impactReason() === '';\n        if (mode === 'product') return this.productReason() === '';\n        if (mode === 'goal') return this.goalReason() === '';\n        return true;\n    }\n\n    name(mode: string): string {\n        return WpModeState.NAMES[WpModeState.MODES.indexOf(mode)] ?? mode;\n    }\n\n    subtitle(mode: string): string {\n        return WpModeState.SUBTITLES[WpModeState.MODES.indexOf(mode)] ?? '';\n    }\n\n    /** False (and nothing changes) for an unknown or unavailable mode. */\n    set(mode: string): boolean {\n        if (!this.available(mode)) return false;\n        this.mode = mode;\n        // eslint-disable-next-line @webpieces/no-unmanaged-exceptions -- storage is a per-viewer convenience; a blocked store must not break the page\n        try {\n            localStorage.setItem(this.storageKey('mode'), mode);\n            if (location.hash !== `#${mode}`) history.replaceState(null, '', `#${mode}`);\n            // webpieces-disable no-any-unknown -- browsers may throw any value from blocked storage\n        } catch (err: unknown) {\n            //const error = toError(err);\n            void err;\n        }\n        return true;\n    }\n\n    /** Which impact shade a box gets, from the ACTIVE scan. */\n    status(id: string): 'touched' | 'affected' | 'buildInput' | 'untouched' {\n        const impact = this.impact;\n        if (impact?.touched.includes(id)) return 'touched';\n        if (impact?.affected.includes(id)) return 'affected';\n        if (impact?.buildInputs.includes(id)) return 'buildInput';\n        return 'untouched';\n    }\n\n    private initial(): string {\n        const hashed = location.hash.slice(1);\n        if (this.available(hashed)) return hashed;\n        const stored = this.read(this.storageKey('mode'));\n        if (stored !== null && this.available(stored)) return stored;\n        return 'runtime';\n    }\n\n    private read(key: string): string | null {\n        // eslint-disable-next-line @webpieces/no-unmanaged-exceptions -- storage is a per-viewer convenience; a blocked store reads as \"nothing stored\"\n        try {\n            return localStorage.getItem(key);\n            // webpieces-disable no-any-unknown -- browsers may throw any value from blocked storage\n        } catch (err: unknown) {\n            //const error = toError(err);\n            void err;\n            return null;\n        }\n    }\n}\n"]}
+{"version":3,"file":"graph-mode-state.client.js","sourceRoot":"","sources":["../../../../../../packages/tooling/nx-webpieces-rules/src/lib/graph-mode-state.client.ts"],"names":[],"mappings":"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","sourcesContent":["class WpModeState {\n    /** `goal` (Goal vs Current, #1239) exists on runtime pages only; the shell renders it nowhere else. */\n    static readonly MODES = ['runtime', 'architecture', 'impact', 'product', 'goal'];\n    static readonly NAMES = ['Runtime', 'Architecture', 'Impact', 'Product', 'Goal vs Current'];\n    static readonly SUBTITLES = [\n        'where the code can run',\n        'servers · clients · APIs',\n        'what changed',\n        'which products it belongs to',\n        'Current → Goal proposal',\n    ];\n    readonly scans: ImpactJson[] = window.__WP_IMPACT__?.scans ?? [];\n    kind = '';\n    mode = 'runtime';\n\n    /**\n     * @param hasProducts some box belongs to a product, so the Product mode has something to show\n     * @param goalUnavailable '' when Goal vs Current can be shown, else why not (#1239)\n     */\n    constructor(\n        private readonly hasProducts: boolean,\n        private readonly viewer: string,\n        private readonly goalUnavailable: string,\n    ) {\n        this.kind = this.initialKind();\n        this.mode = this.initial();\n    }\n\n    private storageKey(kind: string): string {\n        return `wp-${this.viewer}-graph-${kind}`;\n    }\n\n    /** '' when Product can be shown, else why not. */\n    productReason(): string {\n        return this.hasProducts\n            ? ''\n            : 'No products here: tag each project product:<name> in its project.json, then regenerate.';\n    }\n\n    /** '' when Goal vs Current can be shown, else why not (a missing or unusable input, never \"no differences\"). */\n    goalReason(): string {\n        return this.goalUnavailable;\n    }\n\n    /** The active scan; null when the page has no Impact data. */\n    get impact(): ImpactJson | null {\n        return this.scans.find((scan: ImpactJson): boolean => scan.kind === this.kind) ?? null;\n    }\n\n    /** '' when Impact can be shown, else the one line the drawer and the Filter popover say instead. */\n    impactReason(): string {\n        const impact = this.impact;\n        if (\n            impact === null &&\n            this.viewer === 'runtime' &&\n            document.body.dataset['wpProjectFacts'] === 'false'\n        )\n            return 'No saved project facts for Impact. Run pnpm nx run architecture:generate, then pnpm arch:visualize-runtime.';\n        if (impact === null)\n            return `No impact data here. Run pnpm arch:visualize${this.viewer === 'runtime' ? '-runtime' : ''} to compute it — no full regenerate needed.`;\n        return impact.available ? '' : `Impact unavailable (${impact.label}): ${impact.reason}.`;\n    }\n\n    /** Switch the active scan; false (and nothing changes) for a missing or unavailable one. */\n    setKind(kind: string): boolean {\n        if (!this.kindAvailable(kind)) return false;\n        this.kind = kind;\n        // eslint-disable-next-line @webpieces/no-unmanaged-exceptions -- storage is a per-viewer convenience; a blocked store must not break the page\n        try {\n            localStorage.setItem(this.storageKey('impact-kind'), kind);\n            // webpieces-disable no-any-unknown -- browsers may throw any value from blocked storage\n        } catch (err: unknown) {\n            //const error = toError(err);\n            void err;\n        }\n        return true;\n    }\n\n    kindAvailable(kind: string): boolean {\n        return this.scans.some((scan: ImpactJson): boolean => scan.kind === kind && scan.available);\n    }\n\n    private initialKind(): string {\n        const stored = this.read(this.storageKey('impact-kind'));\n        if (stored !== null && this.kindAvailable(stored)) return stored;\n        const preferred = window.__WP_IMPACT__?.defaultKind ?? '';\n        if (this.scans.some((scan: ImpactJson): boolean => scan.kind === preferred))\n            return preferred;\n        return this.scans[0]?.kind ?? '';\n    }\n\n    available(mode: string): boolean {\n        if (!WpModeState.MODES.includes(mode)) return false;\n        if (mode === 'impact') return this.impactReason() === '';\n        if (mode === 'product') return this.productReason() === '';\n        if (mode === 'goal') return this.goalReason() === '';\n        return true;\n    }\n\n    name(mode: string): string {\n        return WpModeState.NAMES[WpModeState.MODES.indexOf(mode)] ?? mode;\n    }\n\n    subtitle(mode: string): string {\n        return WpModeState.SUBTITLES[WpModeState.MODES.indexOf(mode)] ?? '';\n    }\n\n    /** False (and nothing changes) for an unknown or unavailable mode. */\n    set(mode: string): boolean {\n        if (!this.available(mode)) return false;\n        this.mode = mode;\n        // eslint-disable-next-line @webpieces/no-unmanaged-exceptions -- storage is a per-viewer convenience; a blocked store must not break the page\n        try {\n            localStorage.setItem(this.storageKey('mode'), mode);\n            if (location.hash !== `#${mode}`) history.replaceState(null, '', `#${mode}`);\n            // webpieces-disable no-any-unknown -- browsers may throw any value from blocked storage\n        } catch (err: unknown) {\n            //const error = toError(err);\n            void err;\n        }\n        return true;\n    }\n\n    /** Which impact shade a box gets, from the ACTIVE scan: WHY nx included it (#1264). */\n    status(id: string): 'touched' | 'dependent' | 'implicit' | 'rootFile' | 'unexplained' | 'buildInput' | 'untouched' {\n        const impact = this.impact;\n        if (impact?.touched.includes(id)) return 'touched';\n        if (impact?.dependents.includes(id)) return 'dependent';\n        if (impact?.implicit.includes(id)) return 'implicit';\n        if (impact?.rootFile.includes(id)) return 'rootFile';\n        if (impact?.unexplained.includes(id)) return 'unexplained';\n        if (impact?.buildInputs.includes(id)) return 'buildInput';\n        return 'untouched';\n    }\n\n    /** Every affected node id of the active scan, whatever its reason. */\n    affected(): string[] {\n        const impact = this.impact;\n        if (impact === null) return [];\n        return [...impact.touched, ...impact.dependents, ...impact.implicit, ...impact.rootFile, ...impact.unexplained];\n    }\n\n    /** The edges gained and lost since the fork point that THIS page draws: build deps or runtime calls. */\n    edgeChanges(): EdgeChangeJson[] {\n        const edges = window.__WP_IMPACT__?.edges;\n        if (edges === undefined) return [];\n        return this.viewer === 'runtime' ? edges.runtime : edges.dependency;\n    }\n\n    /** '' when this page's edge changes were computed (even if none), else why the page shows none. */\n    edgeReason(): string {\n        const edges = window.__WP_IMPACT__?.edges;\n        if (edges === undefined) return 'No edge changes here. Run pnpm arch:visualize to compute them.';\n        return this.viewer === 'runtime' ? edges.runtimeReason : edges.dependencyReason;\n    }\n\n    /** Every box at either end of a changed edge: the Filter's \"Edge changes only\". */\n    edgeEnds(): Set<string> {\n        const ends = new Set<string>();\n        for (const change of this.edgeChanges()) {\n            ends.add(change.from);\n            ends.add(change.to);\n        }\n        return ends;\n    }\n\n    /** \"Edges since abc1234: 1 gained · 1 lost.\" — or why there are none to show. */\n    edgeNote(): string {\n        const reason = this.edgeReason();\n        if (reason !== '') return `${reason}.`;\n        const changes = this.edgeChanges();\n        const gained = changes.filter((change: EdgeChangeJson): boolean => change.change === 'gained').length;\n        return `Edges since ${window.__WP_IMPACT__?.edges.base ?? ''}: ${gained} gained · ${changes.length - gained} lost.`;\n    }\n\n    /** Why `id` is in the active scan's build; null when it is not affected. */\n    reason(id: string): AffectedReasonJson | null {\n        return this.impact?.reasons.find((reason: AffectedReasonJson): boolean => reason.project === id) ?? null;\n    }\n\n    private initial(): string {\n        const hashed = location.hash.slice(1);\n        if (this.available(hashed)) return hashed;\n        const stored = this.read(this.storageKey('mode'));\n        if (stored !== null && this.available(stored)) return stored;\n        return 'runtime';\n    }\n\n    private read(key: string): string | null {\n        // eslint-disable-next-line @webpieces/no-unmanaged-exceptions -- storage is a per-viewer convenience; a blocked store reads as \"nothing stored\"\n        try {\n            return localStorage.getItem(key);\n            // webpieces-disable no-any-unknown -- browsers may throw any value from blocked storage\n        } catch (err: unknown) {\n            //const error = toError(err);\n            void err;\n            return null;\n        }\n    }\n}\n\n/**\n * What the \"why\" panel says about one affected project (#1264): never a reason the graph cannot show.\n * Pure text, so a spec reads it without a browser; GraphPage puts it in a panel.\n */\nclass WpImpactWhy {\n    static readonly TITLES: Record<string, string> = {\n        touched: 'Changed',\n        dependent: 'Dependent',\n        implicit: 'Implicitly touched',\n        rootFile: 'Root-file touched',\n        unexplained: 'Unexplained',\n    };\n\n    /**\n     * `8 changed · 3 dependents · 22 implicitly touched (runtime-wiring-check inputs) · 47 dependencies`\n     * — the same split ImpactCounts (graph-impact.ts) prints on the console.\n     */\n    counts(impact: ImpactJson): string {\n        const parts = [`${impact.touched.length} changed`, `${impact.dependents.length} dependents`];\n        if (impact.implicit.length > 0) {\n            const targets = [\n                ...new Set(\n                    impact.reasons\n                        .filter((reason: AffectedReasonJson): boolean => reason.kind === 'implicit' && reason.target !== '')\n                        .map((reason: AffectedReasonJson): string => reason.target),\n                ),\n            ].sort();\n            parts.push(`${impact.implicit.length} implicitly touched${targets.length === 0 ? '' : ` (${targets.join(', ')} inputs)`}`);\n        }\n        if (impact.rootFile.length > 0) parts.push(`${impact.rootFile.length} root-file touched`);\n        if (impact.unexplained.length > 0) parts.push(`${impact.unexplained.length} unexplained`);\n        parts.push(`${impact.buildInputs.length} dependencies`);\n        return parts.join(' · ');\n    }\n\n    title(reason: AffectedReasonJson): string {\n        return `${WpImpactWhy.TITLES[reason.kind] ?? reason.kind}: ${reason.project}`;\n    }\n\n    lines(reason: AffectedReasonJson): string[] {\n        if (reason.kind === 'touched') {\n            const owns = reason.files.length === 1 ? 'this changed file' : `these ${reason.files.length} changed files`;\n            return [`It owns ${owns}:`, ...reason.files];\n        }\n        if (reason.kind === 'dependent')\n            return [\n                'It uses a changed or touched project through these dependency edges, so its tests and build re-run:',\n                reason.path.join(' -> '),\n            ];\n        if (reason.kind === 'implicit')\n            return [\n                reason.target === '' ? reason.detail : `${reason.target} input ${reason.input} matched ${reason.files.join(', ')}`,\n                'nx marks every project whose target input glob matches a changed file. It uses no changed project.',\n            ];\n        if (reason.kind === 'rootFile')\n            return [\n                reason.detail,\n                ...(reason.path.length > 0 ? [reason.path.join(' -> ')] : []),\n                'nx marked it for a workspace root file; it uses no changed project.',\n            ];\n        return [reason.detail];\n    }\n}\n\n/**\n * The \"why is this in the build?\" panel (#1264): opened from an affected box's menu in Impact mode.\n * Text nodes only, so no project name is parsed as HTML.\n */\nclass ImpactWhyPanel {\n    private readonly panel = document.createElement('div');\n    private readonly text = new WpImpactWhy();\n    private anchor: SVGElement | null = null;\n\n    constructor() {\n        this.panel.className = 'wp-impact-why';\n        this.panel.hidden = true;\n        this.panel.setAttribute('role', 'dialog');\n        this.panel.setAttribute('aria-label', 'Why this project is in the build');\n        document.body.append(this.panel);\n        document.addEventListener('keydown', (ev: KeyboardEvent) => {\n            if (ev.key !== 'Escape' || this.panel.hidden) return;\n            ev.stopPropagation();\n            this.close();\n        }, true);\n        document.addEventListener('click', (ev: MouseEvent) => {\n            const target = ev.target;\n            if (target instanceof Node && !this.panel.contains(target) && !this.anchor?.contains(target)) this.close();\n        });\n    }\n\n    open(node: SVGGElement, reason: AffectedReasonJson): void {\n        this.show(node, this.text.title(reason), this.text.lines(reason));\n    }\n\n    /** Any heading and lines, anchored under `node` (a box, or a changed edge). */\n    show(node: SVGElement, title: string, lines: string[]): void {\n        this.anchor = node;\n        const heading = document.createElement('strong');\n        heading.textContent = title;\n        const list = document.createElement('ul');\n        for (const line of lines) {\n            const item = document.createElement('li');\n            item.textContent = line;\n            list.append(item);\n        }\n        const close = document.createElement('button');\n        close.type = 'button';\n        close.textContent = 'Close';\n        close.addEventListener('click', () => this.close());\n        this.panel.replaceChildren(heading, list, close);\n        this.panel.hidden = false;\n        const box = node.getBoundingClientRect();\n        this.panel.style.left = `${Math.max(12, Math.min(box.left, innerWidth - this.panel.offsetWidth - 12))}px`;\n        this.panel.style.top = `${Math.max(12, Math.min(box.bottom + 6, innerHeight - this.panel.offsetHeight - 12))}px`;\n        close.focus({ preventScroll: true });\n    }\n\n    close(): void {\n        if (this.panel.hidden) return;\n        this.panel.hidden = true;\n        const anchor = this.anchor;\n        this.anchor = null;\n        if (anchor?.isConnected) anchor.focus({ preventScroll: true });\n    }\n}\n\n/** A changed edge the saved page does not draw: added to the Impact overlay. */\nclass WpOverlayEdge implements RenderEdgeJson {\n    readonly productDot: string | null = null;\n\n    constructor(\n        readonly id: string,\n        readonly from: string,\n        readonly to: string,\n        readonly dot: string,\n    ) {}\n}\n\n/** The page's own model with the overlay's edges: same boxes, levels and frame. */\nclass WpOverlayModel implements RenderModelJson {\n    readonly viewer: 'architecture' | 'runtime';\n    readonly nodes: RenderNodeJson[];\n    readonly bands: RenderBandJson[];\n    readonly fullDot: string;\n    readonly header: string;\n    readonly footer: string;\n    readonly comparison: RuntimeComparisonJson | null;\n\n    constructor(\n        base: RenderModelJson,\n        readonly edges: RenderEdgeJson[],\n    ) {\n        this.viewer = base.viewer;\n        this.nodes = base.nodes;\n        this.bands = base.bands;\n        this.fullDot = base.fullDot;\n        this.header = base.header;\n        this.footer = base.footer;\n        this.comparison = base.comparison ?? null;\n    }\n}\n\n/**\n * The edges this branch gained or lost since its fork point, drawn over the page in Impact mode\n * (#1264). A changed edge the page already draws is restyled; one it does not (the page is the saved\n * snapshot, the diff is against the LIVE graph) is added: a gained edge solid red and bold, a lost one\n * a red dashed ghost. Every changed edge is clickable, and a box whose only change is an edge gets a\n * red badge.\n */\nclass WpEdgeOverlay {\n    static readonly RED = '#d32f2f';\n    static readonly PREFIX = 'wp-edge-change-';\n    /** pair key → that pair's changes; null until first asked. */\n    private pairs: Map<string, EdgeChangeJson[]> | null = null;\n    /** Rendered edge id → the changes it stands for. */\n    private readonly byEdgeId = new Map<string, EdgeChangeJson[]>();\n    private overlay: RenderModelJson | null = null;\n\n    constructor(private readonly modes: WpModeState) {}\n\n    private key(from: string, to: string): string {\n        return `${from}\\u0000${to}`;\n    }\n\n    private grouped(): Map<string, EdgeChangeJson[]> {\n        if (this.pairs !== null) return this.pairs;\n        this.pairs = new Map<string, EdgeChangeJson[]>();\n        for (const change of this.modes.edgeChanges()) {\n            const key = this.key(change.from, change.to);\n            this.pairs.set(key, [...(this.pairs.get(key) ?? []), change]);\n        }\n        return this.pairs;\n    }\n\n    any(): boolean {\n        return this.modes.edgeChanges().length > 0;\n    }\n\n    /** `base` plus a ghost statement for every changed edge it does not draw (both ends must be boxes). */\n    model(base: RenderModelJson): RenderModelJson {\n        if (this.overlay !== null) return this.overlay;\n        const ids = new Set(base.nodes.map((node: RenderNodeJson): string => node.id));\n        const drawn = new Set(base.edges.map((edge: RenderEdgeJson): string => this.key(edge.from, edge.to)));\n        const extra: RenderEdgeJson[] = [];\n        for (const key of this.grouped().keys()) {\n            const changes = this.grouped().get(key) as EdgeChangeJson[];\n            const from = changes[0].from;\n            const to = changes[0].to;\n            if (drawn.has(key) || !ids.has(from) || !ids.has(to)) continue;\n            const id = `${WpEdgeOverlay.PREFIX}${extra.length}`;\n            const dot = `  \"${this.esc(from)}\" -> \"${this.esc(to)}\" [id=\"${id}\", constraint=false${this.attrs(changes)}];\\n`;\n            this.byEdgeId.set(id, changes);\n            extra.push(new WpOverlayEdge(id, from, to, dot));\n        }\n        this.overlay = new WpOverlayModel(base, [...base.edges, ...extra]);\n        return this.overlay;\n    }\n\n    /** A drawn edge's statement restyled when it changed; null when it did not. */\n    edgeDot(edge: RenderEdgeJson): string | null {\n        if (edge.id.startsWith(WpEdgeOverlay.PREFIX)) return edge.dot;\n        const changes = this.grouped().get(this.key(edge.from, edge.to));\n        if (changes === undefined) return null;\n        this.byEdgeId.set(edge.id, changes);\n        return `${edge.dot.slice(0, -2)} [${this.attrs(changes).slice(2)}];\\n`;\n    }\n\n    /** Gained (any API new) is solid, bold red; otherwise a lost edge is a red dashed ghost. */\n    private attrs(changes: EdgeChangeJson[]): string {\n        const gained = changes.some((change: EdgeChangeJson): boolean => change.change === 'gained');\n        const tooltip = this.esc(changes.map((change: EdgeChangeJson): string => change.text).join('; '));\n        return `, color=\"${WpEdgeOverlay.RED}\", fontcolor=\"${WpEdgeOverlay.RED}\", penwidth=${gained ? '3' : '2'}, style=\"${gained ? 'bold' : 'dashed'}\", tooltip=\"${tooltip}\"`;\n    }\n\n    private esc(text: string): string {\n        return text.replace(/\\\\/g, '\\\\\\\\').replace(/\"/g, '\\\\\"');\n    }\n\n    /** The lines for one box's edge changes (\"new on this branch: …\", \"… no longer calls …\"). */\n    nodeLines(id: string): string[] {\n        return this.modes\n            .edgeChanges()\n            .filter((change: EdgeChangeJson): boolean => change.from === id || change.to === id)\n            .map((change: EdgeChangeJson): string => change.text);\n    }\n\n    /** Every changed edge clickable; a red badge on each box whose ONLY change is an edge. */\n    decorate(svg: SVGSVGElement, panel: ImpactWhyPanel): void {\n        for (const id of this.byEdgeId.keys()) {\n            const edge = svg.querySelector<SVGGElement>(`g.edge[id=\"${id}\"]`);\n            const changes = this.byEdgeId.get(id) as EdgeChangeJson[];\n            if (edge === null) continue;\n            edge.classList.add('wp-edge-change');\n            edge.setAttribute('tabindex', '0');\n            edge.setAttribute('role', 'button');\n            const title = changes.some((change: EdgeChangeJson): boolean => change.change === 'gained') ? 'Gained edge' : 'Lost edge';\n            const show = (ev: Event): void => {\n                ev.stopPropagation();\n                panel.show(edge, title, changes.map((change: EdgeChangeJson): string => change.text));\n            };\n            edge.addEventListener('click', show);\n            edge.addEventListener('keydown', (ev: KeyboardEvent) => {\n                if (ev.key === 'Enter' || ev.key === ' ') show(ev);\n            });\n        }\n        const affected = new Set(this.modes.affected());\n        const ends = this.modes.edgeEnds();\n        svg.querySelectorAll<SVGGElement>('g.node').forEach((node: SVGGElement) => {\n            const id = node.querySelector('title')?.textContent ?? '';\n            if (!ends.has(id) || affected.has(id)) return;\n            node.append(this.badge(node));\n        });\n    }\n\n    private badge(node: SVGGElement): SVGGElement {\n        const ns = 'http://www.w3.org/2000/svg';\n        const box = node.getBBox();\n        const group = document.createElementNS(ns, 'g');\n        group.setAttribute('class', 'wp-edge-badge');\n        const circle = document.createElementNS(ns, 'circle');\n        circle.setAttribute('cx', String(box.x + box.width - 2));\n        circle.setAttribute('cy', String(box.y + 2));\n        circle.setAttribute('r', '8');\n        circle.setAttribute('fill', WpEdgeOverlay.RED);\n        const text = document.createElementNS(ns, 'text');\n        text.setAttribute('x', String(box.x + box.width - 2));\n        text.setAttribute('y', String(box.y + 6));\n        text.setAttribute('text-anchor', 'middle');\n        text.setAttribute('font-size', '12');\n        text.setAttribute('fill', '#ffffff');\n        text.textContent = '±';\n        const hint = document.createElementNS(ns, 'title');\n        hint.textContent = 'Only its edges changed on this branch';\n        group.append(circle, text, hint);\n        return group;\n    }\n}\n"]}

package/src/lib/graph-navigation.js

@@ -26,9 +26,11 @@ class GraphNavigation {
         .wp-navigation.wp-zoom button { min-width: 34px; height: 34px; padding: 0 8px; border-radius: 8px; border: 1px solid #d9dce5; background: #fff; color: #1b1e27; font-size: 15px; }
         .wp-navigation.wp-zoom button:hover { border-color: #3559d6; }
         .wp-navigation.wp-zoom output { min-width: 42px; padding: 2px 6px; border-radius: 6px; background: #ffffffd9; color: #5d6475; font-size: 12px; text-align: center; }
-        .wp-graph-details { position: fixed; z-index: 1100; box-sizing: border-box; max-width: min(520px, calc(100vw - 24px)); max-height: min(480px, calc(100vh - 24px)); overflow: auto; background: white; padding: 12px; border: 1px solid #aaa; border-radius: 6px; box-shadow: 0 4px 16px #0003; font: 14px/1.5 Arial, sans-serif; overflow-wrap: anywhere; }
-        .wp-graph-details li { margin-bottom: 8px; }
+        .wp-graph-details, .wp-impact-why { position: fixed; z-index: 1100; box-sizing: border-box; max-width: min(520px, calc(100vw - 24px)); max-height: min(480px, calc(100vh - 24px)); overflow: auto; background: white; padding: 12px; border: 1px solid #aaa; border-radius: 6px; box-shadow: 0 4px 16px #0003; font: 14px/1.5 Arial, sans-serif; overflow-wrap: anywhere; }
+        .wp-graph-details li, .wp-impact-why li { margin-bottom: 8px; }
         .wp-api-detail { cursor: pointer; text-decoration: underline; }
+        #graph g.edge.wp-edge-change { cursor: pointer; }
+        #graph g.edge.wp-edge-change:focus { outline: 2px dashed #d32f2f; }
         .wp-api-detail:focus { outline: 2px solid #1565c0; }
         `;
     }

package/src/lib/graph-navigation.js.map

@@ -1 +1 @@
-{"version":3,"file":"graph-navigation.js","sourceRoot":"","sources":["../../../../../../packages/tooling/nx-webpieces-rules/src/lib/graph-navigation.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * Where the zoom controls sit. The runtime page keeps its toolbar ABOVE the graph; the architecture\n * page gives the graph the whole viewport and floats a compact `− 1:1 ⤢ +` cluster bottom-right.\n */\nexport enum NavigationLayout {\n    TOOLBAR = 'toolbar',\n    FLOATING = 'floating',\n}\n\n/** Shared local-file navigation. Reset restores readable scale; Fit is an explicit overview. */\nexport class GraphNavigation {\n    constructor(private readonly layout: NavigationLayout) {}\n\n    styles(): string {\n        return `\n        #graph { overflow: auto; max-height: 75vh; text-align: left; touch-action: pan-x pan-y; }\n        #graph svg { max-width: none; max-height: none; display: block; }\n        .wp-navigation { display: flex; gap: 8px; align-items: center; margin: 10px 0; }\n        .wp-navigation button { padding: 6px 12px; cursor: pointer; }\n        .wp-navigation.wp-zoom { position: absolute; right: 14px; bottom: 14px; margin: 0; gap: 6px; z-index: 20; }\n        .wp-navigation.wp-zoom button { min-width: 34px; height: 34px; padding: 0 8px; border-radius: 8px; border: 1px solid #d9dce5; background: #fff; color: #1b1e27; font-size: 15px; }\n        .wp-navigation.wp-zoom button:hover { border-color: #3559d6; }\n        .wp-navigation.wp-zoom output { min-width: 42px; padding: 2px 6px; border-radius: 6px; background: #ffffffd9; color: #5d6475; font-size: 12px; text-align: center; }\n        .wp-graph-details { position: fixed; z-index: 1100; box-sizing: border-box; max-width: min(520px, calc(100vw - 24px)); max-height: min(480px, calc(100vh - 24px)); overflow: auto; background: white; padding: 12px; border: 1px solid #aaa; border-radius: 6px; box-shadow: 0 4px 16px #0003; font: 14px/1.5 Arial, sans-serif; overflow-wrap: anywhere; }\n        .wp-graph-details li { margin-bottom: 8px; }\n        .wp-api-detail { cursor: pointer; text-decoration: underline; }\n        .wp-api-detail:focus { outline: 2px solid #1565c0; }\n        `;\n    }\n\n    script(): string {\n        const floating = this.layout === NavigationLayout.FLOATING;\n        return `new (${GraphNavigationController.toString()})(${JSON.stringify(floating)});`;\n    }\n}\n\n/** Serialized browser controller; dependencies are native DOM APIs only. */\nclass GraphNavigationController {\n    private readonly host = document.getElementById('graph');\n    private readonly toolbar = document.createElement('nav');\n    private readonly status = document.createElement('output');\n    private svg: SVGSVGElement | null = null;\n    private scale = 1;\n\n    constructor(floating: boolean) {\n        if (this.host === null) return;\n        this.toolbar.className = floating ? 'wp-navigation wp-zoom' : 'wp-navigation';\n        this.toolbar.setAttribute('aria-label', 'Graph navigation');\n        if (floating) this.floatingButtons();\n        else this.toolbarButtons();\n        new MutationObserver(() => this.attach()).observe(this.host, { childList: true });\n        this.attach();\n        window.addEventListener('resize', () => this.changed());\n        this.host.addEventListener('scroll', () => this.changed());\n    }\n\n    private toolbarButtons(): void {\n        this.host?.before(this.toolbar);\n        this.button('Zoom in', 'Zoom in', () => this.zoom(1.25));\n        this.button('Zoom out', 'Zoom out', () => this.zoom(0.8));\n        this.button('Readable reset', 'Readable reset', () => this.reset());\n        this.button('Fit overview', 'Fit overview', () => this.fit());\n        this.toolbar.append(this.status);\n    }\n\n    /** Placed AFTER the graph in the DOM, so it never sits ahead of the boxes in the tab order. */\n    private floatingButtons(): void {\n        this.host?.after(this.toolbar);\n        this.toolbar.append(this.status);\n        this.button('−', 'Zoom out', () => this.zoom(0.8));\n        this.button('1:1', 'Readable reset', () => this.reset());\n        this.button('⤢', 'Fit overview', () => this.fit());\n        this.button('+', 'Zoom in', () => this.zoom(1.25));\n    }\n\n    private button(text: string, label: string, action: () => void): void {\n        const button = document.createElement('button');\n        button.type = 'button';\n        button.textContent = text;\n        button.title = label;\n        button.setAttribute('aria-label', label);\n        button.addEventListener('click', action);\n        this.toolbar.append(button);\n    }\n\n    private changed(): void {\n        document.dispatchEvent(new Event('wp-graph-transform'));\n    }\n\n    private resize(): void {\n        if (this.svg === null) return;\n        const box = this.svg.viewBox.baseVal;\n        this.svg.style.width = `${box.width * this.scale}px`;\n        this.svg.style.height = `${box.height * this.scale}px`;\n        this.status.textContent = `${Math.round(this.scale * 100)}%`;\n        this.changed();\n    }\n\n    private zoom(factor: number): void {\n        if (this.host === null) return;\n        const before = this.scale;\n        this.scale = Math.max(0.1, Math.min(4, this.scale * factor));\n        const centerX = this.host.scrollLeft + this.host.clientWidth / 2;\n        const centerY = this.host.scrollTop + this.host.clientHeight / 2;\n        this.resize();\n        this.host.scrollLeft = (centerX * this.scale) / before - this.host.clientWidth / 2;\n        this.host.scrollTop = (centerY * this.scale) / before - this.host.clientHeight / 2;\n    }\n\n    private reset(): void {\n        this.scale = 1;\n        this.resize();\n        this.scrollOrigin();\n    }\n\n    private scrollOrigin(): void {\n        if (this.host === null) return;\n        this.host.scrollLeft = 0;\n        this.host.scrollTop = 0;\n    }\n\n    private fit(): void {\n        if (this.svg === null || this.host === null) return;\n        this.scale = Math.min(\n            1,\n            this.host.clientWidth / this.svg.viewBox.baseVal.width,\n            this.host.clientHeight / this.svg.viewBox.baseVal.height,\n        );\n        this.resize();\n        this.scrollOrigin();\n    }\n\n    private attach(): void {\n        const next = this.host?.querySelector('svg');\n        if (next === null || next === undefined || next === this.svg) return;\n        this.svg = next;\n        this.reset();\n    }\n}\n"]}
+{"version":3,"file":"graph-navigation.js","sourceRoot":"","sources":["../../../../../../packages/tooling/nx-webpieces-rules/src/lib/graph-navigation.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * Where the zoom controls sit. The runtime page keeps its toolbar ABOVE the graph; the architecture\n * page gives the graph the whole viewport and floats a compact `− 1:1 ⤢ +` cluster bottom-right.\n */\nexport enum NavigationLayout {\n    TOOLBAR = 'toolbar',\n    FLOATING = 'floating',\n}\n\n/** Shared local-file navigation. Reset restores readable scale; Fit is an explicit overview. */\nexport class GraphNavigation {\n    constructor(private readonly layout: NavigationLayout) {}\n\n    styles(): string {\n        return `\n        #graph { overflow: auto; max-height: 75vh; text-align: left; touch-action: pan-x pan-y; }\n        #graph svg { max-width: none; max-height: none; display: block; }\n        .wp-navigation { display: flex; gap: 8px; align-items: center; margin: 10px 0; }\n        .wp-navigation button { padding: 6px 12px; cursor: pointer; }\n        .wp-navigation.wp-zoom { position: absolute; right: 14px; bottom: 14px; margin: 0; gap: 6px; z-index: 20; }\n        .wp-navigation.wp-zoom button { min-width: 34px; height: 34px; padding: 0 8px; border-radius: 8px; border: 1px solid #d9dce5; background: #fff; color: #1b1e27; font-size: 15px; }\n        .wp-navigation.wp-zoom button:hover { border-color: #3559d6; }\n        .wp-navigation.wp-zoom output { min-width: 42px; padding: 2px 6px; border-radius: 6px; background: #ffffffd9; color: #5d6475; font-size: 12px; text-align: center; }\n        .wp-graph-details, .wp-impact-why { position: fixed; z-index: 1100; box-sizing: border-box; max-width: min(520px, calc(100vw - 24px)); max-height: min(480px, calc(100vh - 24px)); overflow: auto; background: white; padding: 12px; border: 1px solid #aaa; border-radius: 6px; box-shadow: 0 4px 16px #0003; font: 14px/1.5 Arial, sans-serif; overflow-wrap: anywhere; }\n        .wp-graph-details li, .wp-impact-why li { margin-bottom: 8px; }\n        .wp-api-detail { cursor: pointer; text-decoration: underline; }\n        #graph g.edge.wp-edge-change { cursor: pointer; }\n        #graph g.edge.wp-edge-change:focus { outline: 2px dashed #d32f2f; }\n        .wp-api-detail:focus { outline: 2px solid #1565c0; }\n        `;\n    }\n\n    script(): string {\n        const floating = this.layout === NavigationLayout.FLOATING;\n        return `new (${GraphNavigationController.toString()})(${JSON.stringify(floating)});`;\n    }\n}\n\n/** Serialized browser controller; dependencies are native DOM APIs only. */\nclass GraphNavigationController {\n    private readonly host = document.getElementById('graph');\n    private readonly toolbar = document.createElement('nav');\n    private readonly status = document.createElement('output');\n    private svg: SVGSVGElement | null = null;\n    private scale = 1;\n\n    constructor(floating: boolean) {\n        if (this.host === null) return;\n        this.toolbar.className = floating ? 'wp-navigation wp-zoom' : 'wp-navigation';\n        this.toolbar.setAttribute('aria-label', 'Graph navigation');\n        if (floating) this.floatingButtons();\n        else this.toolbarButtons();\n        new MutationObserver(() => this.attach()).observe(this.host, { childList: true });\n        this.attach();\n        window.addEventListener('resize', () => this.changed());\n        this.host.addEventListener('scroll', () => this.changed());\n    }\n\n    private toolbarButtons(): void {\n        this.host?.before(this.toolbar);\n        this.button('Zoom in', 'Zoom in', () => this.zoom(1.25));\n        this.button('Zoom out', 'Zoom out', () => this.zoom(0.8));\n        this.button('Readable reset', 'Readable reset', () => this.reset());\n        this.button('Fit overview', 'Fit overview', () => this.fit());\n        this.toolbar.append(this.status);\n    }\n\n    /** Placed AFTER the graph in the DOM, so it never sits ahead of the boxes in the tab order. */\n    private floatingButtons(): void {\n        this.host?.after(this.toolbar);\n        this.toolbar.append(this.status);\n        this.button('−', 'Zoom out', () => this.zoom(0.8));\n        this.button('1:1', 'Readable reset', () => this.reset());\n        this.button('⤢', 'Fit overview', () => this.fit());\n        this.button('+', 'Zoom in', () => this.zoom(1.25));\n    }\n\n    private button(text: string, label: string, action: () => void): void {\n        const button = document.createElement('button');\n        button.type = 'button';\n        button.textContent = text;\n        button.title = label;\n        button.setAttribute('aria-label', label);\n        button.addEventListener('click', action);\n        this.toolbar.append(button);\n    }\n\n    private changed(): void {\n        document.dispatchEvent(new Event('wp-graph-transform'));\n    }\n\n    private resize(): void {\n        if (this.svg === null) return;\n        const box = this.svg.viewBox.baseVal;\n        this.svg.style.width = `${box.width * this.scale}px`;\n        this.svg.style.height = `${box.height * this.scale}px`;\n        this.status.textContent = `${Math.round(this.scale * 100)}%`;\n        this.changed();\n    }\n\n    private zoom(factor: number): void {\n        if (this.host === null) return;\n        const before = this.scale;\n        this.scale = Math.max(0.1, Math.min(4, this.scale * factor));\n        const centerX = this.host.scrollLeft + this.host.clientWidth / 2;\n        const centerY = this.host.scrollTop + this.host.clientHeight / 2;\n        this.resize();\n        this.host.scrollLeft = (centerX * this.scale) / before - this.host.clientWidth / 2;\n        this.host.scrollTop = (centerY * this.scale) / before - this.host.clientHeight / 2;\n    }\n\n    private reset(): void {\n        this.scale = 1;\n        this.resize();\n        this.scrollOrigin();\n    }\n\n    private scrollOrigin(): void {\n        if (this.host === null) return;\n        this.host.scrollLeft = 0;\n        this.host.scrollTop = 0;\n    }\n\n    private fit(): void {\n        if (this.svg === null || this.host === null) return;\n        this.scale = Math.min(\n            1,\n            this.host.clientWidth / this.svg.viewBox.baseVal.width,\n            this.host.clientHeight / this.svg.viewBox.baseVal.height,\n        );\n        this.resize();\n        this.scrollOrigin();\n    }\n\n    private attach(): void {\n        const next = this.host?.querySelector('svg');\n        if (next === null || next === undefined || next === this.svg) return;\n        this.svg = next;\n        this.reset();\n    }\n}\n"]}

package/src/lib/graph-page-shell.d.ts

@@ -13,9 +13,9 @@
 import { ProductColor } from './graph-products';
 /**
  * The Filter popover's "Changes on this branch" choices. The page computes each set from the Impact
- * sidecar (graph-impact.ts): CHANGED = touched; DEPENDENTS = touched + affected (nx affected: their
+ * sidecar (graph-impact.ts): CHANGED = touched; DEPENDENTS = every project nx affected, whatever its reason (their
  * tests re-run); DEPENDENCIES = touched + every transitive dependency of it; BUILD = touched +
- * affected + every build input — the dependencies of the DEPENDENTS too, which is why it is more than
+ * every affected project + every build input — the dependencies of the DEPENDENTS too, which is why it is more than
  * the union of the two rows above it.
  *
  * "Dependents" are what USE a project and "dependencies" what it uses (#1179). "Dependee" would mean
@@ -26,7 +26,9 @@ export declare enum ChangeScope {
     CHANGED = "changed",
     DEPENDENTS = "dependents",
     DEPENDENCIES = "dependencies",
-    BUILD = "build"
+    BUILD = "build",
+    /** #1264: the boxes at either end of an edge gained or lost since the fork point. */
+    EDGES = "edges"
 }
 /**
  * One change scope: its name and the grey second line under it, like the Color-by menu. These are the

package/src/lib/graph-page-shell.js

@@ -16,9 +16,9 @@ exports.GraphPageShell = exports.ShellParts = exports.SCOPE_OPTIONS = exports.Sc
 const graph_color_modes_1 = require("./graph-color-modes");
 /**
  * The Filter popover's "Changes on this branch" choices. The page computes each set from the Impact
- * sidecar (graph-impact.ts): CHANGED = touched; DEPENDENTS = touched + affected (nx affected: their
+ * sidecar (graph-impact.ts): CHANGED = touched; DEPENDENTS = every project nx affected, whatever its reason (their
  * tests re-run); DEPENDENCIES = touched + every transitive dependency of it; BUILD = touched +
- * affected + every build input — the dependencies of the DEPENDENTS too, which is why it is more than
+ * every affected project + every build input — the dependencies of the DEPENDENTS too, which is why it is more than
  * the union of the two rows above it.
  *
  * "Dependents" are what USE a project and "dependencies" what it uses (#1179). "Dependee" would mean
@@ -31,6 +31,8 @@ var ChangeScope;
     ChangeScope["DEPENDENTS"] = "dependents";
     ChangeScope["DEPENDENCIES"] = "dependencies";
     ChangeScope["BUILD"] = "build";
+    /** #1264: the boxes at either end of an edge gained or lost since the fork point. */
+    ChangeScope["EDGES"] = "edges";
 })(ChangeScope || (exports.ChangeScope = ChangeScope = {}));
 /**
  * One change scope: its name and the grey second line under it, like the Color-by menu. These are the
@@ -51,9 +53,10 @@ exports.ScopeOption = ScopeOption;
 exports.SCOPE_OPTIONS = [
     new ScopeOption(ChangeScope.EVERYTHING, 'All', 'every project'),
     new ScopeOption(ChangeScope.CHANGED, 'Changed', 'owns a changed file'),
-    new ScopeOption(ChangeScope.DEPENDENTS, 'Changed + dependents', '+ everything that uses them (their tests re-run)'),
+    new ScopeOption(ChangeScope.DEPENDENTS, 'Changed + dependents', '+ everything else nx affected: dependents, implicitly and root-file touched (their tests re-run)'),
     new ScopeOption(ChangeScope.DEPENDENCIES, 'Changed + dependencies', '+ everything they use'),
     new ScopeOption(ChangeScope.BUILD, 'Changed + dependents + dependencies', 'everything CI builds for this branch'),
+    new ScopeOption(ChangeScope.EDGES, 'Edge changes only', 'projects that gained or lost a dependency or call since the fork point'),
 ];
 /** Everything the shell frames, already rendered by its owner. */
 class ShellParts {
@@ -242,7 +245,7 @@ class GraphPageShell {
             <p>💡 <strong>Click any box</strong> for its menu: <strong>View Design</strong> (only where the project has a generated <strong>design.html</strong>, i.e. what the AI sees inside it), <strong>Lock/Unlock</strong> (the same lock as the Focus field), <strong>Filter Unconnected</strong> (removes unrelated boxes, keeping each L-number row).</p>
             <p><strong>Filter</strong> narrows the graph by what changed on this branch or in the last commit, by runtime, by role and by product; the groups combine. A product keeps its servers, clients and apps plus everything they depend on, so <strong>Product</strong> + <strong>Changed + dependents + dependencies</strong> is exactly what this branch builds that can affect that product. Every box keeps its own L-row, and a level left empty shows as a thin labeled band.</p>
             <p>🔦 <strong>Hover any box</strong> to trace its <em>entire</em> dependency chain — every ancestor above it and every dependency below it, with the lines between — while the rest of the graph dims.</p>
-            <p><strong>Runtime</strong>: a box may depend on a box carrying every color it has. <strong>Architecture</strong>: what each box is in the system. <strong>Impact</strong>: what changed on this branch or in the last commit (amber) and its dependents (amber outline); with both available, a toggle picks which. <strong>Product</strong>: which products each box belongs to — one color per product, stripes for several, grey for every product, a dashed white box for none.</p>
+            <p><strong>Runtime</strong>: a box may depend on a box carrying every color it has. <strong>Architecture</strong>: what each box is in the system. <strong>Impact</strong>: what changed on this branch or in the last commit (amber), its dependents (amber outline), and what nx marked for another reason: an input glob (violet hatch) or a root file (teal). Click an affected box for why; with both available, a toggle picks which. <strong>Product</strong>: which products each box belongs to — one color per product, stripes for several, grey for every product, a dashed white box for none.</p>
             <p><kbd>/</kbd> focus the lock search · <kbd>1</kbd> <kbd>2</kbd> <kbd>3</kbd> <kbd>4</kbd> switch mode · <kbd>Esc</kbd> unlock</p>
         </div>`;
     }