@issuegraph/editor 0.10.0 → 0.22.1

package/dist/scale/render.js

@@ -29,39 +29,154 @@
  * its own refusal beside this one — two refusals about one document, one of
  * which has no routes.
  */
-import { element, renderMarkup, renderViewer, resolveTheme, themeCss, viewerStylesheet, } from '@issuegraph/viewer';
+import { EDGE_TREATMENTS, clusterReachLabel, element, renderMarkup, renderViewer, resolveTheme, themeCss, viewerStylesheet, } from '@issuegraph/viewer';
 import { overlaysFor } from "../overlay/projected.js";
 import { attachEdgeOverlays } from "../overlay/render.js";
+import { edgeMarkRequests } from "../overlay/request.js";
 import { edgeOverlayStylesheet } from "../overlay/styles.js";
 import { INITIAL_SCALE_STATE } from "./commands.js";
 import { scaleLadder, } from "./ladder.js";
 import { scaleLadderStylesheet } from "./styles.js";
+/**
+ * What the capsule list left out, with the size range frame `17f` draws under
+ * it — "+ 5 more" over "2-7 issues each".
+ *
+ * THE RANGE IS THE HALF THAT SAYS WHETHER THE TAIL MATTERS. A bare count leaves
+ * the reader unable to tell five components of two from five of ninety, and
+ * only one of those is safe to leave alone. A single omitted size, or several
+ * of one size, states that size once rather than as a range against itself.
+ */
+function omittedSpec(omitted) {
+    if (omitted === null)
+        return null;
+    const { range } = omitted;
+    const span = range === null
+        ? ''
+        : range.smallest === range.largest
+            ? ` \u00b7 ${String(range.smallest)} ${range.smallest === 1 ? 'issue' : 'issues'} each`
+            : ` \u00b7 ${String(range.smallest)}\u2013${String(range.largest)} issues each`;
+    return element('p', { class: 'ig-refusal-omitted' }, [
+        `${String(omitted.count)} further ${omitted.count === 1 ? 'component is' : 'components are'} not listed${span}.`,
+    ]);
+}
+/**
+ * The capsule's accessible name — the same facts as a sentence.
+ *
+ * ONE FACT, ONE WORDING still holds: the reach comes from `clusterReachLabel`
+ * exactly as the visible text does, so the two can never describe a component
+ * differently. What differs is only what a glyph cannot carry.
+ *
+ * THE LEAD IS IN IT BECAUSE THE TITLE IS NOT UNIQUE. A component has no name of
+ * its own, so `name` is the LEAD ISSUE'S TITLE — and two components whose leads
+ * share a title and agree on size, blocking count and reach would otherwise
+ * carry the same accessible name, with no key drawn on the card to tell them
+ * apart either. The lead key is unique by construction, because components
+ * partition the document's keys; naming it keeps the guarantee the old
+ * `Focus <lead>` label had by accident.
+ */
+function capsuleLabel(capsule) {
+    const blocking = capsule.reach.kind === 'cyclic'
+        ? 'holds a cycle'
+        : `${String(capsule.blockedByEdges)} blocked-by ${capsule.blockedByEdges === 1 ? 'edge' : 'edges'}`;
+    // THE ACCESSIBLE NAME SAYS "around" TOO, so what is heard and what is drawn
+    // make the same claim. It used to read "Focus <title> (<key>)", which names
+    // the component after one issue in the one channel that cannot show the
+    // layout making it an anchor.
+    return `Focus the component around ${capsule.lead}, ${capsule.name} \u2014 ${String(capsule.size)} issues, ${blocking}, ${clusterReachLabel(capsule.reach)}`;
+}
+/**
+ * One component, as frame `17f` draws it: a card whose whole surface enters it.
+ *
+ * THE CAPSULE IS THE CONTROL, not a row with a button in it. The frame says
+ * "click to enter one; the spine renders inside it", and a `Focus #101` button
+ * beside four static spans makes the pointer target a fraction of what is drawn
+ * as one surface — while putting the LEAST informative thing, a raw key, first
+ * in the reading order.
+ *
+ * THIS IS LAYER 2 AND ONLY LAYER 2. `graph.ts` deliberately draws its §16
+ * capsule as an inert `li`, because that package does not narrow and a control
+ * there could never complete the action it advertises. Layer 2 narrows, so here
+ * the control is real — the same reasoning, landing on the opposite answer.
+ *
+ * ORDERED BY WHAT CHANGES BEHAVIOUR, which is the frame's own annotation:
+ * count, then the blocking count or the cycle that voids it, then the name,
+ * then the reach. The accessible name is written rather than left to the
+ * contents, and carries the lead key so two capsules are told apart by their
+ * own identity rather than by position.
+ */
+function capsuleSpec(capsule) {
+    // A CELL, NOT A CAPSULE. `.ig-capsule` is layer 1's own CARD — background,
+    // border, radius, padding and a top margin (`viewer/src/styles.ts`) — so
+    // keeping it here drew a bordered box inside a bordered box, put the stuck
+    // tint and the hover on the INNER border only, and made the row gutter wider
+    // than the column gutter by that margin. Resetting it from layer 2 would be
+    // redefining a layer 1 class, which this package's stylesheet opens by
+    // refusing to do; the list item simply stops claiming to be one.
+    return element('li', { class: 'ig-capsule-cell' }, [
+        element('button', {
+            type: 'button',
+            class: 'ig-capsule-enter',
+            'data-ig-command': 'focus',
+            'data-ig-target': capsule.lead,
+            // THE REACH AS AN ATTRIBUTE, so the frame's tint on a stuck card is a
+            // rule rather than a second branch in the markup, and a host styling
+            // the board can reach the same distinction.
+            'data-reach': capsule.reach.kind,
+            // WRITTEN, NOT LEFT TO THE CONTENTS. `element` concatenates children
+            // with no whitespace — the trap `.ig-isolated-list` already records —
+            // so the four parts below would reach a screen reader as one run:
+            // "20\u2298 19Issue c0-1deepest chain 19". The gap that separates them
+            // is CSS, which the accessibility tree does not read. This also spells
+            // out the glyph, which is a shape with no name of its own.
+            'aria-label': capsuleLabel(capsule),
+        }, [
+            element('span', { class: 'ig-capsule-size' }, [String(capsule.size)]),
+            // THE CYCLE STANDS WHERE THE BLOCKING COUNT STANDS. On a stuck
+            // component the number of blocking edges is not the fact that changes
+            // what the reader does: none of the members is reachable however few
+            // there are.
+            //
+            // NEITHER SLOT TAKES `.ig-count`, and that is not a style preference:
+            // layer 1 gives that class a cell's padding (`styles.ts`), which inside
+            // a card indents the text off the grid line the count above it sits on.
+            // The `ig-capsule-*` classes are this card's own, so it can place its
+            // four parts without editing a class §16's capsule also draws.
+            capsule.reach.kind === 'cyclic'
+                ? element('span', { class: 'ig-capsule-load ig-badge', 'data-edge': 'blocked-by' }, [
+                    'cycle',
+                ])
+                : element('span', { class: 'ig-capsule-load' }, [
+                    `${EDGE_TREATMENTS['blocked-by'].glyph} ${String(capsule.blockedByEdges)}`,
+                ]),
+            // THE ANCHOR, WORDED AS ONE. `RULINGS.md` §4: a capsule is identified
+            // by "around #488 · Extract session store adapter", never by a name —
+            // because a connected component HAS no name and one must not be
+            // invented. The title alone read as the component's name, which is a
+            // claim about a seventy-two issue group made from one member's title.
+            //
+            // ONE HARDCODED WORD, AND IT IS FLAGGED RATHER THAN HIDDEN. This
+            // surface takes no words port — `capsuleLabel` above already spells
+            // "Focus" in English — so "around" joins it. That is a gap in this
+            // module, not a decision: the rest of this package hands every sentence
+            // to the host, and a scale surface that cannot be translated is worth
+            // fixing when the port is added.
+            element('span', { class: 'ig-capsule-name' }, [
+                element('span', { class: 'ig-capsule-anchor' }, ['around ']),
+                element('span', { class: 'ig-id' }, [capsule.lead]),
+                ' \u00b7 ',
+                capsule.name,
+            ]),
+            element('span', { class: 'ig-capsule-reach' }, [clusterReachLabel(capsule.reach)]),
+        ]),
+    ]);
+}
 function refusalSpec(refusal, ladder) {
     return element('section', { class: 'ig-refusal', role: 'note' }, [
         element('p', {}, [refusal.reason]),
         ladder.capsules.length === 0
             ? null
-            : element('ol', { class: 'ig-list', 'aria-label': 'connected components' }, ladder.capsules.map((capsule) => element('li', { class: 'ig-capsule' }, [
-                element('button', {
-                    type: 'button',
-                    'data-ig-command': 'focus',
-                    'data-ig-target': capsule.lead,
-                }, [`Focus ${capsule.lead}`]),
-                element('span', { class: 'ig-count' }, [`${String(capsule.size)} issues`]),
-                element('span', { class: 'ig-count' }, [
-                    `${String(capsule.blockedByEdges)} blocking`,
-                ]),
-                element('span', { class: 'ig-count' }, [`depth ${String(capsule.chainDepth)}`]),
-                capsule.hasCycle
-                    ? element('span', { class: 'ig-badge', 'data-edge': 'blocked-by' }, ['cycle'])
-                    : null,
-                element('span', { class: 'ig-id' }, [capsule.members.slice(0, 3).join(', ')]),
-            ]))),
-        ladder.capsulesOmitted > 0
-            ? element('p', { class: 'ig-refusal-omitted' }, [
-                `${String(ladder.capsulesOmitted)} further ${ladder.capsulesOmitted === 1 ? 'component is' : 'components are'} not listed.`,
-            ])
-            : null,
+            : element('ol', { class: 'ig-list', 'aria-label': 'connected components' }, ladder.capsules.map((capsule) => capsuleSpec(capsule))),
+        omittedSpec(ladder.capsulesOmitted),
         element('ul', { class: 'ig-ladder-routes', 'aria-label': 'what to do next' }, refusal.routes.map((route) => element('li', { class: 'ig-refusal-next', 'data-route': route.kind }, [route.label]))),
     ]);
 }
@@ -94,23 +209,66 @@ function searchSpec(search) {
             : null,
     ]);
 }
-function isolatedSpec(isolated) {
+/**
+ * The isolated set: a chip that toggles it, and the list it opens.
+ *
+ * `chip` DROPS THE CONTROL AND KEEPS THE LIST, which is the whole shape
+ * `ScaleLadderOptions.isolatedChip` needs. A caller drawing the toggle
+ * elsewhere still has nowhere of its own to put 248 rows: the workspace's rail
+ * is VIRTUALIZED — `railRowAt` maps a scroll offset to a row index by
+ * `floor((scrollTop - chrome) / pitch)` — so a list of arbitrary height inside
+ * that track makes every offset below it name the wrong row, and the window
+ * re-cuts against a geometry that no longer holds. This zone has no such
+ * arithmetic, so the list stays here and only the control moves.
+ */
+function isolatedSpec(isolated, chip, listId) {
     // NOTHING IS DRAWN FOR AN EMPTY SET. A chip reading "0 isolated issues" is a
     // control that opens nothing, and the count IS the information these issues
     // carry — so with no issues there is nothing to say.
     if (isolated.count === 0)
         return null;
+    // NO CONTROL AND NOTHING OPEN IS NOTHING AT ALL. A caller that drew the chip
+    // elsewhere leaves this with only the list to draw, and a shut list is no
+    // list — so the wrapper would be an empty bordered box, which is the chrome
+    // carrying no fact that the count-zero rule above already refuses.
+    if (!chip && !isolated.open)
+        return null;
     return element('div', { class: 'ig-ladder-isolated' }, [
-        element('button', {
+        !chip ? null : element('button', {
             type: 'button',
             class: 'ig-chip',
             'aria-expanded': isolated.open ? 'true' : 'false',
+            // NO `aria-controls` WHEN THIS CHIP IS THE CONTROL, AND THAT IS NOT AN
+            // OMISSION. The list is this button's immediate next sibling, so the
+            // relationship is already there in reading order; `aria-controls` earns
+            // its keep for a REMOTE disclosure, which is why the workspace's footer
+            // carries one and this does not.
+            //
+            // AND A FIXED ID HERE WOULD BE A DEFECT, not a shortcut. `searchSpec`
+            // below nests its input inside its label precisely so it needs no `id`,
+            // recording that "a host rendering two documents side by side would emit
+            // it twice" — the same host, the same page, and the second list would
+            // then answer to the first surface's button. An earlier revision of this
+            // file shipped a module constant with a comment claiming fixed ids were
+            // the norm on these surfaces; the control ten lines down had already
+            // decided otherwise.
+            ...(isolated.open && listId !== undefined ? { 'aria-controls': listId } : {}),
             'data-ig-command': isolated.open ? 'close-isolated' : 'open-isolated',
         }, [isolated.label]),
         // A LIST, NEVER A CANVAS. These issues have no relationship to draw, which
         // is exactly why they were collapsed in the first place.
         isolated.open
-            ? element('ol', { class: 'ig-isolated-list', 'aria-label': 'isolated issues' }, isolated.issues.map((issue) => element('li', {}, [
+            ? element('ol', 
+            // THE ID IS THE CALLER'S, OR THERE IS NONE. Only a caller drawing the
+            // control somewhere else needs to name this list, and only that caller
+            // knows what else is on its page — so it mints the value and passes it
+            // to both halves. This renderer inventing one would be the collision
+            // `searchSpec` avoids.
+            {
+                class: 'ig-isolated-list',
+                ...(listId === undefined ? {} : { id: listId }),
+                'aria-label': 'isolated issues',
+            }, isolated.issues.map((issue) => element('li', {}, [
                 element('span', { class: 'ig-id' }, [issue.key]),
                 element('span', { class: 'ig-title' }, [issue.title]),
             ])))
@@ -122,6 +280,14 @@ export function renderScaleLadder(input, options = {}) {
     const state = options.state ?? INITIAL_SCALE_STATE;
     const ladder = scaleLadder(input, state);
     const theme = resolveTheme(options.theme);
+    // THE OVERLAYS ARE RESOLVED BEFORE THE CANVAS IS DRAWN, because the marks
+    // among them are an INPUT to the drawing rather than something added over it.
+    // A mark needs a position, and the only layer that has one is the layer that
+    // computes the layout — so the request goes in with the render and the placed
+    // marks come back inside the scene. The stroke-derived overlays still go the
+    // other way, attached to the scene afterwards, because those reuse a position
+    // that is already solved.
+    const requestedOverlays = overlaysFor(ladder.canvas.edges, options.projected, options.selectedEdge);
     const canvas = ladder.tier === 'direct'
         ? renderViewer(ladder.canvas, {
             projection: 'graph',
@@ -131,6 +297,7 @@ export function renderScaleLadder(input, options = {}) {
             // drawing it. Two would mean two projection toggles disagreeing
             // about which projection is current.
             chrome: false,
+            edgeMarks: edgeMarkRequests(requestedOverlays),
         })
         : null;
     // THE SELECTION HALO AND THE WRITE STATES, attached to the scene the canvas
@@ -140,7 +307,7 @@ export function renderScaleLadder(input, options = {}) {
     // promise every zone makes. A selection is a NAME, and a name that no longer
     // resolves renders as nothing selected. The merge itself is `overlaysFor`,
     // shared with the workspace's tree canvas so the two cannot drift.
-    const overlays = canvas === null ? [] : overlaysFor(ladder.canvas.edges, options.projected, options.selectedEdge);
+    const overlays = canvas === null ? [] : requestedOverlays;
     // `unattached` IS DELIBERATELY NOT SURFACED HERE, and the reason is a fact
     // about this call site rather than about the value.
     //
@@ -163,7 +330,10 @@ export function renderScaleLadder(input, options = {}) {
             : element('button', { type: 'button', class: 'ig-chip', 'data-ig-command': 'clear-focus' }, ['Return to every component']),
         ladder.refusal === null ? null : refusalSpec(ladder.refusal, ladder),
         ladder.search === null ? null : searchSpec(ladder.search),
-        isolatedSpec(ladder.isolated),
+        // THE CONTROL, UNLESS THE CALLER DREW IT — the LIST is drawn either way.
+        // See `ScaleLadderOptions.isolatedChip`, and `ladder.ts`'s `searchFor` for
+        // why there has to be a route at all.
+        isolatedSpec(ladder.isolated, options.isolatedChip ?? true, options.isolatedListId),
     ]);
     return {
         ladder,

package/dist/scale/render.js.map

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

package/dist/scale/styles.d.ts

@@ -8,14 +8,20 @@
  * scans these bytes for a literal colour or a fixed length and for a token the
  * theme does not define, so the rule is enforced rather than remembered.
  *
- * IT ADDS SELECTORS RATHER THAN REDEFINING THEM. The refusal, its capsules and
- * their counts already have a look — this file styles only what layer 2
- * introduces: the ladder container, the routes, the search box, the isolated
- * chip and the list it opens.
+ * IT ADDS SELECTORS RATHER THAN REDEFINING THEM, with ONE declared exception.
+ * The refusal and its counts already have a look, so this file styles what
+ * layer 2 introduces: the ladder container, the routes, the search box, the
+ * isolated chip, the list it opens, and §17f's capsule card. The exception is
+ * `.ig-ladder .ig-refusal .ig-list`, which lays layer 1's list out as a board —
+ * declared here because the arrangement is this surface's, and scoped so §16's
+ * single-column list and the ladder's own search matches are untouched. The
+ * capsule CARD is a new class rather than a redefinition of `.ig-capsule` for
+ * the same reason, which is why the list item beside it carries no layer 1
+ * class at all.
  *
  * Shipped as a string for the same reason the viewer's is: an entry that
  * imports CSS cannot be loaded by a bare Node runtime, and a string needs no
  * bundler.
  */
-export declare const scaleLadderStylesheet = "\n.ig-ladder {\n  display: flex;\n  flex-direction: column;\n  gap: var(--ig-space);\n  font-family: var(--ig-font-ui);\n  font-size: var(--ig-font-size);\n  line-height: var(--ig-line-height);\n  color: var(--ig-text-body);\n}\n\n.ig-ladder-routes {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  display: flex;\n  flex-direction: column;\n  gap: var(--ig-space-tight);\n  color: var(--ig-text-muted);\n  font-size: var(--ig-font-size-small);\n}\n\n.ig-ladder-search {\n  display: flex;\n  flex-direction: column;\n  gap: var(--ig-space-tight);\n}\n\n.ig-ladder-search input {\n  background: var(--ig-surface);\n  color: var(--ig-text);\n  border: var(--ig-stroke) solid var(--ig-line);\n  border-radius: var(--ig-radius);\n  padding: var(--ig-space-tight);\n  font-family: var(--ig-font-ui);\n  font-size: var(--ig-font-size);\n}\n\n.ig-ladder-search input:focus-visible {\n  outline: var(--ig-focus-ring) solid var(--ig-focus);\n  outline-offset: var(--ig-space-tight);\n}\n\n.ig-ladder-match {\n  display: flex;\n  gap: var(--ig-space-tight);\n  align-items: baseline;\n}\n\n.ig-chip {\n  align-self: flex-start;\n  background: var(--ig-surface-2);\n  color: var(--ig-text-body);\n  border: var(--ig-stroke) solid var(--ig-line);\n  border-radius: var(--ig-radius);\n  padding: var(--ig-space-tight) var(--ig-space);\n  font-family: var(--ig-font-ui);\n  font-size: var(--ig-font-size-small);\n  cursor: pointer;\n}\n\n.ig-chip:focus-visible {\n  outline: var(--ig-focus-ring) solid var(--ig-focus);\n  outline-offset: var(--ig-space-tight);\n}\n\n.ig-chip[aria-expanded='true'] {\n  border-color: var(--ig-accent);\n  color: var(--ig-text);\n}\n\n.ig-isolated-list {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  display: flex;\n  flex-direction: column;\n  gap: var(--ig-space-tight);\n}\n\n.ig-isolated-list .ig-id {\n  font-family: var(--ig-font-mono);\n  color: var(--ig-text-muted);\n}\n";
+export declare const scaleLadderStylesheet = "\n.ig-ladder {\n  display: flex;\n  flex-direction: column;\n  gap: var(--ig-space);\n  font-family: var(--ig-font-ui);\n  font-size: var(--ig-font-size);\n  line-height: var(--ig-line-height);\n  color: var(--ig-text-body);\n}\n\n.ig-ladder-routes {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  display: flex;\n  flex-direction: column;\n  gap: var(--ig-space-tight);\n  color: var(--ig-text-muted);\n  font-size: var(--ig-font-size-small);\n}\n\n.ig-ladder-search {\n  display: flex;\n  flex-direction: column;\n  gap: var(--ig-space-tight);\n}\n\n.ig-ladder-search input {\n  background: var(--ig-surface);\n  color: var(--ig-text);\n  border: var(--ig-stroke) solid var(--ig-line);\n  border-radius: var(--ig-radius);\n  padding: var(--ig-space-tight);\n  font-family: var(--ig-font-ui);\n  font-size: var(--ig-font-size);\n}\n\n.ig-ladder-search input:focus-visible {\n  outline: var(--ig-focus-ring) solid var(--ig-focus);\n  outline-offset: var(--ig-space-tight);\n}\n\n.ig-ladder-match {\n  display: flex;\n  gap: var(--ig-space-tight);\n  align-items: baseline;\n}\n\n.ig-chip {\n  align-self: flex-start;\n  background: var(--ig-surface-2);\n  color: var(--ig-text-body);\n  border: var(--ig-stroke) solid var(--ig-line);\n  border-radius: var(--ig-radius);\n  padding: var(--ig-space-tight) var(--ig-space);\n  font-family: var(--ig-font-ui);\n  font-size: var(--ig-font-size-small);\n  cursor: pointer;\n}\n\n.ig-chip:focus-visible {\n  outline: var(--ig-focus-ring) solid var(--ig-focus);\n  outline-offset: var(--ig-space-tight);\n}\n\n.ig-chip[aria-expanded='true'] {\n  border-color: var(--ig-accent);\n  color: var(--ig-text);\n}\n\n/* THE LIST ITEM IS A GRID CELL AND NOTHING ELSE. It deliberately does not\n   carry .ig-capsule: that is layer 1's own card, and a card inside a card put\n   the stuck tint and the hover on the inner border only. */\n.ig-capsule-cell {\n  display: flex;\n  min-width: 0;\n}\n\n/* FOUR CARDS ACROSS A COLUMN, NOT FOUR ROWS DOWN IT. Frame 17f lays the\n   capsules out as a board, which is what makes the counts comparable at a\n   glance \u2014 the whole reason the count leads. minmax(0, 1fr) rather than a\n   width, because this stylesheet declares no fixed length: a title is arbitrary\n   and auto would let the longest one set every column. Scoped to the ladder's\n   own refusal so \u00A716's single-column list, drawn from the same class in layer\n   1, is untouched. */\n.ig-ladder .ig-refusal .ig-list {\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n  gap: var(--ig-space);\n}\n\n/* THE WHOLE CAPSULE IS THE CONTROL, so the button carries the card and the\n   list item carries nothing. A button wrapping a card needs its own alignment\n   and wrapping reset: a user agent centres and nowraps button content, and both\n   are wrong for a four-part card with a title in it. */\n.ig-capsule-enter {\n  display: grid;\n  grid-template-columns: 1fr auto;\n  align-items: start;\n  gap: var(--ig-space-tight) var(--ig-space);\n  width: 100%;\n  height: 100%;\n  text-align: left;\n  background: var(--ig-surface-2);\n  color: var(--ig-text-body);\n  border: var(--ig-stroke) solid var(--ig-line);\n  border-radius: var(--ig-radius);\n  padding: var(--ig-space);\n  font-family: var(--ig-font-ui);\n  font-size: var(--ig-font-size);\n  cursor: pointer;\n}\n\n.ig-capsule-enter:focus-visible {\n  outline: var(--ig-focus-ring) solid var(--ig-focus);\n  outline-offset: var(--ig-space-tight);\n}\n\n.ig-capsule-enter:hover {\n  border-color: var(--ig-accent);\n}\n\n/* THE WHOLE STUCK CARD IS TINTED, as frame 17f draws it \u2014 the badge alone puts\n   the one finding that stops work outright at the size of every other chip on\n   the board. Same hue as the badge inside it, which is blocked-by's, because\n   that is the edge the cycle is made of. */\n.ig-capsule-enter[data-reach='cyclic'] {\n  border-color: var(--ig-edge-blocked-by);\n}\n\n.ig-capsule-enter[data-reach='cyclic'] .ig-capsule-reach {\n  color: var(--ig-edge-blocked-by);\n}\n\n/* THE COUNT LEADS, so it is the one part sized to be read down the board rather\n   than within a card. The --ig-font-size-rank token is the one the theme defines\n   for exactly this \u2014 \"the rank number itself\" \u2014 so a capsule's count and a rail\n   rank are one size by declaration rather than by coincidence. */\n.ig-capsule-size {\n  grid-column: 1;\n  font-family: var(--ig-font-mono);\n  font-size: var(--ig-font-size-rank);\n  font-variant-numeric: tabular-nums;\n  color: var(--ig-text);\n}\n\n/* END-ALIGNED AND CONTENT-WIDTH. A grid item stretches by default, which drew\n   the cycle badge as a full-width bar across the top of the card. The pill is\n   the frame's: the blocked count and the cycle sit in one slot, so they read as\n   one kind of thing rather than as a bordered badge beside bare text. */\n.ig-capsule-load {\n  grid-column: 2;\n  justify-self: end;\n  background: var(--ig-bg);\n  border: var(--ig-stroke) solid var(--ig-line);\n  border-radius: var(--ig-radius);\n  padding: var(--ig-space-micro) var(--ig-space-snug);\n  font-family: var(--ig-font-mono);\n  font-size: var(--ig-font-size-small);\n  font-variant-numeric: tabular-nums;\n  color: var(--ig-text-muted);\n}\n\n/* THE NAME AND THE REACH SPAN BOTH COLUMNS, and the name is the one part\n   allowed to wrap: a title is arbitrary length, and letting it size the grid\n   would make every card on the board a different shape. */\n.ig-capsule-name {\n  grid-column: 1 / -1;\n  color: var(--ig-text);\n  min-width: 0;\n  overflow-wrap: anywhere;\n}\n\n.ig-capsule-reach {\n  grid-column: 1 / -1;\n  color: var(--ig-text-muted);\n  font-size: var(--ig-font-size-small);\n  font-variant-numeric: tabular-nums;\n}\n\n.ig-isolated-list {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  display: flex;\n  flex-direction: column;\n  gap: var(--ig-space-tight);\n}\n\n/* A ROW PER ENTRY, WITH A GAP THE MARKUP DOES NOT SUPPLY. The element helper\n   concatenates its children with no whitespace, so the key and the title\n   rendered as one run of text \u2014 #492Audit log pagination. Latent until \u00A717a\n   moved the CONTROL to the rail footer and made this list the thing a reader is\n   sent to, rather than a chip's afterthought. */\n.ig-isolated-list li {\n  display: flex;\n  gap: var(--ig-space-tight);\n  align-items: baseline;\n  min-width: 0;\n}\n\n.ig-isolated-list .ig-id {\n  font-family: var(--ig-font-mono);\n  color: var(--ig-text-muted);\n  flex: none;\n}\n";
 //# sourceMappingURL=styles.d.ts.map

package/dist/scale/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/scale/styles.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;GAkBG;AAEH,eAAO,MAAM,qBAAqB,23DAoFjC,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/scale/styles.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AAEH,eAAO,MAAM,qBAAqB,q3MA+MjC,CAAC"}

package/dist/scale/styles.js

@@ -8,10 +8,16 @@
  * scans these bytes for a literal colour or a fixed length and for a token the
  * theme does not define, so the rule is enforced rather than remembered.
  *
- * IT ADDS SELECTORS RATHER THAN REDEFINING THEM. The refusal, its capsules and
- * their counts already have a look — this file styles only what layer 2
- * introduces: the ladder container, the routes, the search box, the isolated
- * chip and the list it opens.
+ * IT ADDS SELECTORS RATHER THAN REDEFINING THEM, with ONE declared exception.
+ * The refusal and its counts already have a look, so this file styles what
+ * layer 2 introduces: the ladder container, the routes, the search box, the
+ * isolated chip, the list it opens, and §17f's capsule card. The exception is
+ * `.ig-ladder .ig-refusal .ig-list`, which lays layer 1's list out as a board —
+ * declared here because the arrangement is this surface's, and scoped so §16's
+ * single-column list and the ladder's own search matches are untouched. The
+ * capsule CARD is a new class rather than a redefinition of `.ig-capsule` for
+ * the same reason, which is why the list item beside it carries no layer 1
+ * class at all.
  *
  * Shipped as a string for the same reason the viewer's is: an entry that
  * imports CSS cannot be loaded by a bare Node runtime, and a string needs no
@@ -88,6 +94,116 @@ export const scaleLadderStylesheet = `
   color: var(--ig-text);
 }
 
+/* THE LIST ITEM IS A GRID CELL AND NOTHING ELSE. It deliberately does not
+   carry .ig-capsule: that is layer 1's own card, and a card inside a card put
+   the stuck tint and the hover on the inner border only. */
+.ig-capsule-cell {
+  display: flex;
+  min-width: 0;
+}
+
+/* FOUR CARDS ACROSS A COLUMN, NOT FOUR ROWS DOWN IT. Frame 17f lays the
+   capsules out as a board, which is what makes the counts comparable at a
+   glance — the whole reason the count leads. minmax(0, 1fr) rather than a
+   width, because this stylesheet declares no fixed length: a title is arbitrary
+   and auto would let the longest one set every column. Scoped to the ladder's
+   own refusal so §16's single-column list, drawn from the same class in layer
+   1, is untouched. */
+.ig-ladder .ig-refusal .ig-list {
+  display: grid;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  gap: var(--ig-space);
+}
+
+/* THE WHOLE CAPSULE IS THE CONTROL, so the button carries the card and the
+   list item carries nothing. A button wrapping a card needs its own alignment
+   and wrapping reset: a user agent centres and nowraps button content, and both
+   are wrong for a four-part card with a title in it. */
+.ig-capsule-enter {
+  display: grid;
+  grid-template-columns: 1fr auto;
+  align-items: start;
+  gap: var(--ig-space-tight) var(--ig-space);
+  width: 100%;
+  height: 100%;
+  text-align: left;
+  background: var(--ig-surface-2);
+  color: var(--ig-text-body);
+  border: var(--ig-stroke) solid var(--ig-line);
+  border-radius: var(--ig-radius);
+  padding: var(--ig-space);
+  font-family: var(--ig-font-ui);
+  font-size: var(--ig-font-size);
+  cursor: pointer;
+}
+
+.ig-capsule-enter:focus-visible {
+  outline: var(--ig-focus-ring) solid var(--ig-focus);
+  outline-offset: var(--ig-space-tight);
+}
+
+.ig-capsule-enter:hover {
+  border-color: var(--ig-accent);
+}
+
+/* THE WHOLE STUCK CARD IS TINTED, as frame 17f draws it — the badge alone puts
+   the one finding that stops work outright at the size of every other chip on
+   the board. Same hue as the badge inside it, which is blocked-by's, because
+   that is the edge the cycle is made of. */
+.ig-capsule-enter[data-reach='cyclic'] {
+  border-color: var(--ig-edge-blocked-by);
+}
+
+.ig-capsule-enter[data-reach='cyclic'] .ig-capsule-reach {
+  color: var(--ig-edge-blocked-by);
+}
+
+/* THE COUNT LEADS, so it is the one part sized to be read down the board rather
+   than within a card. The --ig-font-size-rank token is the one the theme defines
+   for exactly this — "the rank number itself" — so a capsule's count and a rail
+   rank are one size by declaration rather than by coincidence. */
+.ig-capsule-size {
+  grid-column: 1;
+  font-family: var(--ig-font-mono);
+  font-size: var(--ig-font-size-rank);
+  font-variant-numeric: tabular-nums;
+  color: var(--ig-text);
+}
+
+/* END-ALIGNED AND CONTENT-WIDTH. A grid item stretches by default, which drew
+   the cycle badge as a full-width bar across the top of the card. The pill is
+   the frame's: the blocked count and the cycle sit in one slot, so they read as
+   one kind of thing rather than as a bordered badge beside bare text. */
+.ig-capsule-load {
+  grid-column: 2;
+  justify-self: end;
+  background: var(--ig-bg);
+  border: var(--ig-stroke) solid var(--ig-line);
+  border-radius: var(--ig-radius);
+  padding: var(--ig-space-micro) var(--ig-space-snug);
+  font-family: var(--ig-font-mono);
+  font-size: var(--ig-font-size-small);
+  font-variant-numeric: tabular-nums;
+  color: var(--ig-text-muted);
+}
+
+/* THE NAME AND THE REACH SPAN BOTH COLUMNS, and the name is the one part
+   allowed to wrap: a title is arbitrary length, and letting it size the grid
+   would make every card on the board a different shape. */
+.ig-capsule-name {
+  grid-column: 1 / -1;
+  color: var(--ig-text);
+  min-width: 0;
+  overflow-wrap: anywhere;
+}
+
+.ig-capsule-reach {
+  grid-column: 1 / -1;
+  color: var(--ig-text-muted);
+  font-size: var(--ig-font-size-small);
+  font-variant-numeric: tabular-nums;
+}
+
 .ig-isolated-list {
   list-style: none;
   margin: 0;
@@ -97,9 +213,22 @@ export const scaleLadderStylesheet = `
   gap: var(--ig-space-tight);
 }
 
+/* A ROW PER ENTRY, WITH A GAP THE MARKUP DOES NOT SUPPLY. The element helper
+   concatenates its children with no whitespace, so the key and the title
+   rendered as one run of text — #492Audit log pagination. Latent until §17a
+   moved the CONTROL to the rail footer and made this list the thing a reader is
+   sent to, rather than a chip's afterthought. */
+.ig-isolated-list li {
+  display: flex;
+  gap: var(--ig-space-tight);
+  align-items: baseline;
+  min-width: 0;
+}
+
 .ig-isolated-list .ig-id {
   font-family: var(--ig-font-mono);
   color: var(--ig-text-muted);
+  flex: none;
 }
 `;
 //# sourceMappingURL=styles.js.map

package/dist/scale/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/scale/styles.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;GAkBG;AAEH,MAAM,CAAC,MAAM,qBAAqB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoFpC,CAAC"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/scale/styles.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AAEH,MAAM,CAAC,MAAM,qBAAqB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+MpC,CAAC"}

package/dist/workspace/host.d.ts

@@ -38,6 +38,58 @@ export interface HostState {
     readonly selection: WorkspaceSelection;
     readonly scale: ScaleState;
     readonly auditFiltered: boolean;
+    /**
+     * Whether §17k's collapsed canvas has been opened.
+     *
+     * §17k's third row: below `1120` the canvas *"collapses to a strip that opens
+     * full-width on demand"*. This field is the demand.
+     *
+     * IT IS NOT A WIDTH, AND NOTHING HERE KNOWS ONE. §17k's implementation note
+     * forbids the package reading a viewport — *"a package that reads the window
+     * cannot be dropped into someone else's settings page"* — so the three
+     * layouts are the stylesheet's, chosen by a container query on the mount's
+     * own box, and this reducer holds only the two reader decisions those layouts
+     * need. At the two wider layouts the canvas is a zone rather than a strip and
+     * the stylesheet never reads this, so the state is simply not drawn.
+     */
+    readonly canvasOpen: boolean;
+    /**
+     * Whether the reader has dismissed §17k's lifted inspector since selecting.
+     *
+     * §17k's middle row: between `1120` and `1359` the inspector *"lifts to a
+     * `330` overlay over the canvas, opened by selection, Escape to dismiss"*.
+     * Those are two rules, and this field is the second: the first is not a state
+     * at all, because "opened by selection" is answerable from `selection` and
+     * needs no second copy that could disagree with it.
+     *
+     * STATED AS THE DISMISSAL, NOT AS THE OPENNESS, so that a new selection
+     * re-opens the panel without any arm having to remember to say so. `reduceHost`
+     * clears it wherever the selection moves — one place, rather than in each of
+     * the eight arms that can move it.
+     */
+    readonly inspectorDismissed: boolean;
+    /**
+     * Whether §17d's audit overlay is on screen.
+     *
+     * A SECOND FIELD RATHER THAN A REUSE OF `auditFiltered`, because the header
+     * count stopped being the filter. `RULINGS.md` §3 makes it this overlay's
+     * anchor and puts the filter in the panel head, so "which rows the rail
+     * shows" and "is the panel open" are two questions now. One boolean answering
+     * both is how a reader ended up unable to open the panel without narrowing
+     * the rail underneath it.
+     */
+    readonly auditOpen: boolean;
+    /**
+     * The rail rows whose provenance line the reader has opened, per §16f's
+     * `→ expand provenance`.
+     *
+     * THE HOST HOLDS IT BECAUSE THE VIEWER CANNOT. `@issuegraph/viewer` renders
+     * what it is given and keeps nothing across a redraw, so it publishes
+     * `expand:<key>` / `collapse:<key>` and this state is the answer it is handed
+     * back. Same shape as `auditFiltered` one field up: a reader's view
+     * preference, not a fact about the document.
+     */
+    readonly expanded: readonly string[];
     /** The rail window's first slot — a scroll offset in rows, never a rank. */
     readonly railStart: number;
     readonly draft: CreateDraft;
@@ -251,7 +303,37 @@ export interface HostResult {
  * there is nowhere the reader could be standing to read it.
  */
 export declare function editCarrier(document: GraphDocument, proposal: Proposal): string | null;
-/** The one reducer. `document` is the landed document, for edge lookups. */
+/**
+ * Whether either of §17k's two transient surfaces is currently open.
+ *
+ * ONE PREDICATE, TWO CALLERS. `reduceHost`'s `narrow-dismiss` arm decides
+ * whether the press changed anything, and `mountWorkspace` decides whether to
+ * cancel it; those have to agree, and a shell that cancelled a press this
+ * reducer answered `unclaimed` to would take Escape away from whatever was
+ * listening outside. See {@link HostResult.claimed}.
+ *
+ * THE INSPECTOR HALF IS DERIVED FROM THE SELECTION, which is the point of
+ * storing the DISMISSAL rather than the openness: §17k opens the panel "by
+ * selection", so with nothing selected there is nothing lifted, whatever the
+ * reader last pressed.
+ */
+export declare function narrowOverlayOpen(state: HostState): boolean;
+/**
+ * The one reducer. `document` is the landed document, for edge lookups.
+ *
+ * ## The one rule this wrapper adds
+ *
+ * §17k's lifted inspector is *"opened by selection"*, and a selection moves
+ * from eight different arms below — a rail row, a canvas node, a mark, an audit
+ * remedy's `reveal-issue`, a hold's deep link, a drop, a create that settles,
+ * and reconciliation dropping a stale one. Clearing the dismissal in each of
+ * them is eight chances to forget, and forgetting reads as a panel that opens
+ * for some selections and not others.
+ *
+ * SO IT IS ASKED OF THE RESULT, ONCE: if the selection MOVED and now names
+ * something, the panel is open again. Comparing the two selections rather than
+ * listing the commands that change one is what makes a ninth arm free.
+ */
 export declare function reduceHost(state: HostState, command: HostCommand, document: GraphDocument): HostResult;
 /**
  * Bring the state back into agreement with what the reader can SEE.