@issuegraph/editor 0.22.1 → 0.23.0

package/dist/scale/styles.d.ts

@@ -23,5 +23,5 @@
  * 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/* 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";
+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/* A PANEL, NOT A LOOSE COLUMN OF TEXT. With the control moved to the rail\n   footer (\u00A717a) this wrapper was left holding an unstyled ol at zero inset:\n   it began hard against the zone's own rule, ran on from the graph above it\n   with nothing between them, and read as content that had escaped a container\n   rather than as the thing the reader had just asked to see.\n\n   THE TOP RULE AND THE PADDING ARE THE CANVAS TOOLBAR'S, because this is the\n   same kind of band one row lower \u2014 a full-bleed section of the canvas zone,\n   not a card floating on it. --ig-bg for the same reason the toolbar takes\n   it: the ground this zone already paints, so the two read as one surface. */\n.ig-ladder-isolated {\n  border-top: var(--ig-stroke) solid var(--ig-line);\n  padding: var(--ig-space) var(--ig-space-wide);\n}\n\n/* A SECTION HEAD IN THE READ-OUT VOICE the canvas caption and the rail footer\n   count already use on this surface \u2014 mono, micro, muted, tracked \u2014 because it\n   carries the same kind of fact and a heavier treatment would make a list of\n   issues nobody has to act on the loudest thing in the zone. */\n.ig-isolated-caption {\n  margin: 0 0 var(--ig-space-tight);\n  color: var(--ig-text-muted);\n  font-family: var(--ig-font-mono);\n  font-size: var(--ig-font-size-micro);\n  letter-spacing: var(--ig-tracking-group);\n  text-transform: uppercase;\n}\n\n.ig-isolated-list {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  display: flex;\n  flex-direction: column;\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/* SEPARATED THE WAY EVERY OTHER LIST OF ISSUES ON THIS SURFACE IS, with a\n   hairline between rows rather than a gap between them. A gap left five lines\n   of text floating in a column; the rule is what makes them read as rows, and\n   it is the treatment the viewer's own order rows already carry. Last row\n   included would double the zone's next edge, so it stops one short. */\n.ig-isolated-list li {\n  display: flex;\n  gap: var(--ig-space-tight);\n  align-items: baseline;\n  min-width: 0;\n  padding: var(--ig-space-tight) 0;\n}\n\n.ig-isolated-list li + li {\n  border-top: var(--ig-stroke) solid var(--ig-line);\n}\n\n/* THE KEY IN ITS OWN COLUMN, so five titles start on one edge rather than\n   wherever their number happened to end. tabular-nums and a measure in\n   characters are what the capsule's own count line already uses for the same\n   reason: a ragged left edge on a column of ids reads as a mistake. */\n.ig-isolated-list .ig-id {\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  flex: none;\n  min-inline-size: calc(var(--ig-char-width) * 5);\n}\n\n/* The title carries the row, so it takes the body colour and wraps rather than\n   setting the row's width \u2014 the rule .ig-capsule-name states one file up. */\n.ig-isolated-list .ig-title {\n  color: var(--ig-text);\n  min-width: 0;\n  overflow-wrap: anywhere;\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;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AAEH,eAAO,MAAM,qBAAqB,q3MA+MjC,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/scale/styles.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AAEH,eAAO,MAAM,qBAAqB,g5RAmQjC,CAAC"}

package/dist/scale/styles.js

@@ -204,13 +204,40 @@ export const scaleLadderStylesheet = `
   font-variant-numeric: tabular-nums;
 }
 
+/* A PANEL, NOT A LOOSE COLUMN OF TEXT. With the control moved to the rail
+   footer (§17a) this wrapper was left holding an unstyled ol at zero inset:
+   it began hard against the zone's own rule, ran on from the graph above it
+   with nothing between them, and read as content that had escaped a container
+   rather than as the thing the reader had just asked to see.
+
+   THE TOP RULE AND THE PADDING ARE THE CANVAS TOOLBAR'S, because this is the
+   same kind of band one row lower — a full-bleed section of the canvas zone,
+   not a card floating on it. --ig-bg for the same reason the toolbar takes
+   it: the ground this zone already paints, so the two read as one surface. */
+.ig-ladder-isolated {
+  border-top: var(--ig-stroke) solid var(--ig-line);
+  padding: var(--ig-space) var(--ig-space-wide);
+}
+
+/* A SECTION HEAD IN THE READ-OUT VOICE the canvas caption and the rail footer
+   count already use on this surface — mono, micro, muted, tracked — because it
+   carries the same kind of fact and a heavier treatment would make a list of
+   issues nobody has to act on the loudest thing in the zone. */
+.ig-isolated-caption {
+  margin: 0 0 var(--ig-space-tight);
+  color: var(--ig-text-muted);
+  font-family: var(--ig-font-mono);
+  font-size: var(--ig-font-size-micro);
+  letter-spacing: var(--ig-tracking-group);
+  text-transform: uppercase;
+}
+
 .ig-isolated-list {
   list-style: none;
   margin: 0;
   padding: 0;
   display: flex;
   flex-direction: column;
-  gap: var(--ig-space-tight);
 }
 
 /* A ROW PER ENTRY, WITH A GAP THE MARKUP DOES NOT SUPPLY. The element helper
@@ -218,17 +245,42 @@ export const scaleLadderStylesheet = `
    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. */
+/* SEPARATED THE WAY EVERY OTHER LIST OF ISSUES ON THIS SURFACE IS, with a
+   hairline between rows rather than a gap between them. A gap left five lines
+   of text floating in a column; the rule is what makes them read as rows, and
+   it is the treatment the viewer's own order rows already carry. Last row
+   included would double the zone's next edge, so it stops one short. */
 .ig-isolated-list li {
   display: flex;
   gap: var(--ig-space-tight);
   align-items: baseline;
   min-width: 0;
+  padding: var(--ig-space-tight) 0;
 }
 
+.ig-isolated-list li + li {
+  border-top: var(--ig-stroke) solid var(--ig-line);
+}
+
+/* THE KEY IN ITS OWN COLUMN, so five titles start on one edge rather than
+   wherever their number happened to end. tabular-nums and a measure in
+   characters are what the capsule's own count line already uses for the same
+   reason: a ragged left edge on a column of ids reads as a mistake. */
 .ig-isolated-list .ig-id {
   font-family: var(--ig-font-mono);
+  font-size: var(--ig-font-size-small);
+  font-variant-numeric: tabular-nums;
   color: var(--ig-text-muted);
   flex: none;
+  min-inline-size: calc(var(--ig-char-width) * 5);
+}
+
+/* The title carries the row, so it takes the body colour and wraps rather than
+   setting the row's width — the rule .ig-capsule-name states one file up. */
+.ig-isolated-list .ig-title {
+  color: var(--ig-text);
+  min-width: 0;
+  overflow-wrap: anywhere;
 }
 `;
 //# 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;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AAEH,MAAM,CAAC,MAAM,qBAAqB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+MpC,CAAC"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/scale/styles.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AAEH,MAAM,CAAC,MAAM,qBAAqB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmQpC,CAAC"}

package/dist/workspace/mount.d.ts.map

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

package/dist/workspace/mount.js

@@ -61,6 +61,7 @@ import { renderPicker } from "../picker/render.js";
 import { pickerStylesheet } from "../picker/styles.js";
 import { scaleLadder } from "../scale/ladder.js";
 import { mountStylesheet } from "./chrome.js";
+import { renderWorkspaceSkeleton } from "./skeleton.js";
 import { INITIAL_HOST_STATE, editCarrier, narrowOverlayOpen, railRowAt, railSlackFor, railWindowTarget, reconcileHost, reduceHost, targetMatches, } from "./host.js";
 import { conflictDiff } from "./recovery.js";
 import { renderWorkspace, } from "./render.js";
@@ -932,15 +933,19 @@ export function mountWorkspace(element, options) {
     const sceneFor = (zoneName) => {
         if (drawn === null)
             return null;
+        // `frame: false` MIRRORS WHAT IS DRAWN. These rebuild a scene to answer a
+        // navigation question, and a scene built from different options than the
+        // markup is a second opinion about the surface. See `SceneOptions.frame`.
         if (zoneName === 'rail')
-            return renderViewer(drawn.rail.document, { projection: 'linear', theme: theme() }).scene;
+            return renderViewer(drawn.rail.document, { projection: 'linear', theme: theme(), frame: false, dockLegend: true })
+                .scene;
         if (zoneName !== 'canvas')
             return null;
         if (current.canvas === 'tree')
-            return renderViewer(withoutChrome(drawn.viewer), { projection: 'tree', theme: theme(), chrome: false }).scene;
+            return renderViewer(withoutChrome(drawn.viewer), { projection: 'tree', theme: theme(), chrome: false, frame: false, dockLegend: true }).scene;
         const ladder = scaleLadder(drawn.viewer, state.scale);
         return ladder.tier === 'direct'
-            ? renderViewer(ladder.canvas, { projection: 'graph', theme: theme(), chrome: false }).scene
+            ? renderViewer(ladder.canvas, { projection: 'graph', theme: theme(), chrome: false, frame: false, dockLegend: true }).scene
             : null;
     };
     /** The row or node that owns keyboard focus, if focus is on one at all. */
@@ -985,6 +990,29 @@ export function mountWorkspace(element, options) {
         if (destroyed)
             return;
         const snapshot = store.getSnapshot();
+        // THE FIRST READ IS IN FLIGHT, SO THERE IS NOTHING TO SAY YET. Drawn over
+        // the store's empty document, the workspace announced an empty backlog —
+        // "no relationships yet", no rows — about issues nobody had read. The
+        // placeholder holds the three zones' shape instead, and the first render
+        // after the load replaces it.
+        //
+        // `hydrating` ONLY, NEVER `idle`. A store nobody has asked to load is not
+        // loading, and a host that fills its store another way (or a test that
+        // never hydrates) must still get the document it has. A REHYDRATE is not
+        // this state either: the store keeps its last good document and stays
+        // `ready`, so a refresh never blanks the surface.
+        if (snapshot.status === 'hydrating') {
+            const skeleton = renderWorkspaceSkeleton({
+                label: current.words.loading,
+                theme: current.theme === undefined ? undefined : theme(),
+                themeSelector: current.themeSelector,
+            });
+            const skeletonSheet = [skeleton.styles, mountStylesheet].join('\n');
+            if (styles.textContent !== skeletonSheet)
+                styles.textContent = skeletonSheet;
+            surface.innerHTML = skeleton.markup;
+            return;
+        }
         const document_ = landed();
         // WHAT THE STORE IS NOT SHOWING, computed before the reconcile rather than
         // beside the edges below, because the reconcile is the first reader of it:
@@ -1395,6 +1423,15 @@ export function mountWorkspace(element, options) {
                     selected: selectedKey(state.selection),
                     // The rail beside this canvas draws the panel's one header.
                     chrome: false,
+                    // THE WORKSPACE RULES ITS OWN ZONES OFF, so the viewer draws no
+                    // frame of its own here: the rail track carries `border-right`, the
+                    // canvas toolbar carries `border-bottom`, and a second edge one
+                    // pixel away reads as a doubled hairline. See `SceneOptions.frame`.
+                    frame: false,
+                    // §16b's KEY, KEPT IN VIEW. It explains every line and station on this
+                    // zone, and below a scroll it was the one thing a reader had to leave the
+                    // reading to reach. See `SceneOptions.dockLegend`.
+                    dockLegend: true,
                 }).markup;
                 // Re-inserted rather than re-rendered: the row is already assembled,
                 // and rebuilding it here would be a second place that decides what it
@@ -1407,6 +1444,13 @@ export function mountWorkspace(element, options) {
                 // emptied husk here left a sticky padded band with a border and no
                 // content over the tree. Reading the element rather than re-deriving
                 // the condition keeps the rule in one place.
+                // THE TREE ALWAYS DRAWS A KEY, WHATEVER THE GRAPH'S TIER SAID. render.ts
+                // set `data-canvas-legend` from the scale ladder, which is a fact about
+                // the GRAPH — and this branch has just replaced the graph with a
+                // projection that has no budget and no refusal. Left as it was, a tree
+                // over a backlog past the node budget reported no key in this zone and
+                // the rail drew a second one beside the one on screen.
+                surface.firstElementChild?.setAttribute('data-canvas-legend', 'drawn');
                 if (isolated !== null)
                     canvas.append(isolated);
                 if (toolbar !== null && toolbar.childElementCount > 0)
@@ -1438,6 +1482,8 @@ export function mountWorkspace(element, options) {
         const rail = zone('rail');
         if (rail !== null)
             rail.scrollTop = scrollTop;
+        // AFTER the subtree is in place, because it measures what was just drawn.
+        dockRailLegend();
         // RE-QUERIED, NEVER REUSED: `surface.innerHTML` above replaced the subtree,
         // so the element captured from is gone. A region that shrank clamps this on
         // assignment, and one the redraw removed — the audit going clean — is
@@ -1876,6 +1922,49 @@ export function mountWorkspace(element, options) {
     const onCompositionEnd = (event) => {
         readInput(event);
     };
+    /**
+     * Move the rail's docked legend clear of this zone's own footer.
+     *
+     * TWO THINGS ARE PINNED TO ONE EDGE, AND ONLY THIS PACKAGE KNOWS BOTH. The
+     * viewer docks its legend against the bottom of whatever scrollport it was
+     * given (`SceneOptions.dockLegend`), with `bottom: 0` as the default; this
+     * zone already holds `.ig-rail-footer` there. Left at the default the two
+     * stack in the same place, and the footer — later in the subtree and carrying
+     * its own layer — paints over the bottom of the key. The viewer cannot fix
+     * that: it has never been told the footer exists.
+     *
+     * MEASURED, NOT DERIVED FROM THE TOKENS. The footer is one line of type at a
+     * known size inside known padding, so its height looks like something the
+     * stylesheet could state — and then the rail narrows, `5 with no
+     * relationships` and its control wrap to two lines, and the written-down
+     * number is quietly wrong by a line. The same argument `onScroll` makes about
+     * the header it measures rather than derives.
+     *
+     * ON EVERY REDRAW AND ON EVERY RESIZE, because the wrap depends on the width
+     * and a resize alone redraws nothing. The observer is guarded on the
+     * constructor rather than assumed: this module renders into whatever document
+     * a host hands it, and a host rendering server-side or in a minimal DOM has
+     * no need of the correction — the default is simply left in place.
+     */
+    const dockRailLegend = () => {
+        const rail = zone('rail');
+        const legend = rail?.querySelector('.ig-viewer > .ig-legend');
+        if (rail === null || legend == null)
+            return;
+        const footer = rail.querySelector('.ig-rail-footer');
+        // RE-OBSERVED EVERY REDRAW, because `surface.innerHTML` replaced the zone and
+        // the element the last call watched is gone. `disconnect` first so the
+        // observer never accumulates dead targets.
+        if (railResize !== null) {
+            railResize.disconnect();
+            railResize.observe(rail);
+        }
+        const clearance = footer === null ? 0 : Math.ceil(footer.getBoundingClientRect().height);
+        // AN INLINE STYLE, because it is a measurement rather than a rule: it is
+        // true of this rail at this width and of nothing else, which is exactly what
+        // a stylesheet cannot say.
+        legend.style.bottom = `${String(clearance)}px`;
+    };
     const onScroll = (event) => {
         const rail = zone('rail');
         if (rail === null || event.target !== rail)
@@ -2629,10 +2718,23 @@ export function mountWorkspace(element, options) {
     element.addEventListener('lostpointercapture', onPointerCancel);
     doc.addEventListener('pointerup', onDocumentPointerUp);
     doc.addEventListener('pointercancel', onDocumentPointerUp);
+    /**
+     * The rail's own width, watched only so the docked legend's clearance stays
+     * true. See `dockRailLegend` for why a resize and not just a redraw.
+     *
+     * THE ELEMENT, NOT THE WINDOW. A package that reads the window cannot be
+     * dropped into someone else's page — the same rule §17j states about the
+     * density crossover and the workspace's own container query rests on. The
+     * rail can narrow because the host resized, because a sibling grew, or
+     * because a container query re-tracked the grid, and only the box itself sees
+     * all three.
+     */
+    const railResize = typeof ResizeObserver === 'function' ? new ResizeObserver(() => { dockRailLegend(); }) : null;
     const unsubscribe = store.subscribe(schedule);
     /** Every listener off and every node this mount built removed. Shared by `destroy` and a failed first render. */
     const teardown = () => {
         unsubscribe();
+        railResize?.disconnect();
         element.removeEventListener('click', onClick);
         element.removeEventListener('input', onInput);
         element.removeEventListener('compositionend', onCompositionEnd);