@jxsuite/studio 5.3.0 → 5.4.0

package/dist/chunks/{studio-27q131j3.js → studio-fqpkpq1t.js}

@@ -2,13 +2,13 @@ import {
   resolveI18n,
   emptyContext,
   activeTab2
-} from "./studio-gk2twyh4.js";
+} from "./studio-dgdm6vvt.js";
 import {
   projectState
 } from "./studio-m1p9b6c3.js";
 import {
   shell
-} from "./studio-fzjx96t2.js";
+} from "./studio-mfkh1q8d.js";
 
 // src/commands/levels.ts
 var LEVELS = ["application", "project", "document", "selection"];
@@ -220,6 +220,9 @@ function registerPanel(panel) {
     throw new Error(`Panel "${panel.id}" violates the level × placement matrix:
 ${detail}`);
   }
+  if (panel.railLabel !== undefined && (panel.railLabel.trim() === "" || !panel.title.startsWith(panel.railLabel))) {
+    throw new Error(`Panel "${panel.id}" declares railLabel "${panel.railLabel}", which is not a leading part ` + `of its title "${panel.title}": the rail button's accessible name is the title, and the ` + `words on screen must be inside it (WCAG 2.5.3, Label in Name).`);
+  }
   panelRegistry.set(panel.id, panel);
 }
 function getPanel(id) {
@@ -254,5 +257,5 @@ function railPanelSet() {
 
 export { LEVELS, KEY_SCOPES, CATEGORIES, checkRecordPlacements, panelContext, registerPanel, getPanel, listPanels, isPanelVisible, railGroups, railPanelSet };
 
-//# debugId=18BC2C98470D23FD64756E2164756E21
-//# sourceMappingURL=studio-27q131j3.js.map
+//# debugId=6E2BE7B96A8BC2F564756E2164756E21
+//# sourceMappingURL=studio-fqpkpq1t.js.map

package/dist/chunks/{studio-c0qgc3tn.js → studio-fy320dfc.js}

@@ -41,16 +41,15 @@ import {
   stringArg,
   kebabToLabel,
   propLabel,
-  abbreviateValue,
   inferInputType,
   friendlyNameToVar,
   varDisplayName,
   activeTab2
-} from "./studio-gk2twyh4.js";
+} from "./studio-dgdm6vvt.js";
 import {
   isPopover,
   activeRegistry
-} from "./studio-d1n2bykn.js";
+} from "./studio-3nprwbd9.js";
 import {
   mountExpressionEditor,
   livePreviewExpression,
@@ -76,14 +75,14 @@ import {
   bindContentHost,
   isCustomElementDoc,
   collectCssParts
-} from "./studio-ye9drbk8.js";
+} from "./studio-rav5bpmp.js";
 import {
   inspectorTabRegion,
   inspectorStatementsRegion,
   registerSurface,
   mountSurface,
   showPromptDialog2
-} from "./studio-0j7r7s9g.js";
+} from "./studio-ag3z6shb.js";
 import {
   VALUE_SOURCE_LABELS,
   VALUE_SOURCE_HINTS,
@@ -95,40 +94,40 @@ import {
   effectiveSlotMode,
   slotModeSeed,
   switchSlotMode
-} from "./studio-4f3psrk1.js";
+} from "./studio-w7gpcvfj.js";
 import {
   mediaDisplayName,
   schemeOfQuery,
   parseMediaEntries,
   dialogPathFor
-} from "./studio-drg8qj9k.js";
+} from "./studio-mrh0a92f.js";
 import {
   openMenu2
-} from "./studio-jt27ta6x.js";
+} from "./studio-mt79tn56.js";
 import {
   getEffectiveMedia,
   getEffectiveStyle,
   DEFAULT_INSPECTOR_TAB,
   isInspectorTabId,
   shell
-} from "./studio-fzjx96t2.js";
+} from "./studio-mfkh1q8d.js";
 import {
   peekUsages2,
   loadUsages2,
   usageFiles2
-} from "./studio-nq5yf5mp.js";
+} from "./studio-557bmn0x.js";
 import {
   selectStylebookTag,
   INSPECTOR_TABS
-} from "./studio-nfx354t1.js";
+} from "./studio-bh47w0cy.js";
 import {
   cloneValue2
-} from "./studio-727xh0e3.js";
+} from "./studio-aj9drheq.js";
 // src/surfaces/logic-panel.json
 var logic_panel_default = {
   $schema: "https://jxsuite.com/schema/v1",
   $id: "StudioLogicPanel",
-  $description: "The Inspector's **Logic** tab — everything about how the selected element BEHAVES, as a Jx document over the kit. Plan §6.5 re-split the inspector by task rather than by data type: wiring a `$switch`, wiring a repeater to a collection and wiring a click handler are one job, and they were three, split across two tabs because a `$switch` is stored as a property and a click handler as a property-shaped function. So there are four sections here — Repeating list, Condition, Events, and a custom element's outward contract (Observed Attributes · CSS Properties · CSS Parts) — and each of them is a projection. The adapter (`panels/events-panel.ts`) keeps every decision: what the selection is, which rungs a position permits, what a handler currently holds, which elements of a multi-selection disagree about a key, and what a commit writes. Nothing here reads the document, asks the schema a question or knows what a Value Source is. Two islands, both through `onNodeCreated` (studio-ui-guidelines.md §9.4): `[part=\"control-host\"]` receives the expression editor, which is a lit surface of its own, and `[part=\"statements-host\"]` receives the `statements` surface, which is a mounted document of its own. Every bindable row carries `data-prop`, which is what `inspector/field:<prop>` addresses.",
+  $description: "The Inspector's **Logic** tab — everything about how the selected element BEHAVES, as a Jx document over the kit. The Inspector is split by task rather than by data type (§6): wiring a `$switch`, wiring a repeater to a collection and wiring a click handler are one job, and they were three, split across two tabs because a `$switch` is stored as a property and a click handler as a property-shaped function. So there are four sections here — Repeating list, Condition, Events, and a custom element's outward contract (Observed Attributes · CSS Properties · CSS Parts) — and each of them is a projection. The adapter (`panels/events-panel.ts`) keeps every decision: what the selection is, which rungs a position permits, what a handler currently holds, which elements of a multi-selection disagree about a key, and what a commit writes. Nothing here reads the document, asks the schema a question or knows what a Value Source is. Two islands, both through `onNodeCreated` (studio-ui-guidelines.md §9.4): `[part=\"control-host\"]` receives the expression editor, which is a lit surface of its own, and `[part=\"statements-host\"]` receives the `statements` surface, which is a mounted document of its own. Every bindable row carries `data-prop`, which is what `inspector/field:<prop>` addresses.",
   tagName: "div",
   attributes: {
     part: "logic"
@@ -141,7 +140,7 @@ var logic_panel_default = {
     fontSize: "var(--jx-text-md)",
     color: "var(--fg)",
     '& [part="empty"]': {
-      $description: "The one empty-state pattern (§11.2), drawn here because a document cannot render a lit helper. It is a copy rather than a move — every panel still lit renders through that helper — and it goes when the last of them converts.",
+      $description: "The one empty-state pattern (studio-ui-guidelines.md §11.2), drawn here because a document cannot render a lit helper. It is a copy rather than a move — every panel still lit renders through that helper — and it goes when the last of them converts.",
       display: "flex",
       flexDirection: "column",
       alignItems: "center",
@@ -399,7 +398,7 @@ var logic_panel_default = {
           },
           children: [
             {
-              $description: 'Repeating list. Filter and Sort are always drawn: they used to hide behind `+ Add filter`, which seeded `{ $ref: "#/state/" }` — a binding to the empty pointer, which is not a signal — so the row opened already bound to nothing and the only way to type a literal was to cycle the mode ring twice (§11.4). A repeater has exactly three inputs, and an empty row states that better than a button does.',
+              $description: 'Repeating list. Filter and Sort are always drawn: they used to hide behind `+ Add filter`, which seeded `{ $ref: "#/state/" }` — a binding to the empty pointer, which is not a signal — so the row opened already bound to nothing and the only way to type a literal was to cycle the mode ring twice (§6.6). A repeater has exactly three inputs, and an empty row states that better than a button does.',
               tagName: "div",
               attributes: {
                 part: "repeater-slot",
@@ -457,7 +456,7 @@ var logic_panel_default = {
                             $ref: "$map/item/key"
                           },
                           map: {
-                            $description: "A bindable value as a first-class field row. Every position it serves is a single-line expression — a collection, a filter, a sort key, a `$switch` — so it draws one widget rather than dispatching over a widget type: the textarea and checkbox arms the lit version carried had no caller in either tab. The set dot clears the position outright and is disabled where the position is mandatory; the source chip opens the rung picker rather than cycling, so any rung the position permits is one action away (§6.3).",
+                            $description: "A bindable value as a first-class field row. Every position it serves is a single-line expression — a collection, a filter, a sort key, a `$switch` — so it draws one widget rather than dispatching over a widget type: the textarea and checkbox arms the lit version carried had no caller in either tab. The set dot clears the position outright and is disabled where the position is mandatory; the source chip opens the rung picker rather than cycling, so any rung the position permits is one action away (§6.6).",
                             tagName: "jx-field",
                             attributes: {
                               part: "field",
@@ -761,7 +760,7 @@ var logic_panel_default = {
                             $ref: "$map/item/key"
                           },
                           map: {
-                            $description: "A bindable value as a first-class field row. Every position it serves is a single-line expression — a collection, a filter, a sort key, a `$switch` — so it draws one widget rather than dispatching over a widget type: the textarea and checkbox arms the lit version carried had no caller in either tab. The set dot clears the position outright and is disabled where the position is mandatory; the source chip opens the rung picker rather than cycling, so any rung the position permits is one action away (§6.3).",
+                            $description: "A bindable value as a first-class field row. Every position it serves is a single-line expression — a collection, a filter, a sort key, a `$switch` — so it draws one widget rather than dispatching over a widget type: the textarea and checkbox arms the lit version carried had no caller in either tab. The set dot clears the position outright and is disabled where the position is mandatory; the source chip opens the rung picker rather than cycling, so any rung the position permits is one action away (§6.6).",
                             tagName: "jx-field",
                             attributes: {
                               part: "field",
@@ -1272,7 +1271,7 @@ var logic_panel_default = {
                             $ref: "$map/item/key"
                           },
                           map: {
-                            $description: "One `on*` key. The Mixed contract (§6.5) splits in two and this row shows both halves: which events exist, how each is produced, and its removal are properties of the BATCH — binding one handler to six buttons is a single decision, so those three controls write to every selected element in one transaction — while what a handler CONTAINS is the PRIMARY's, because six elements do not share one body and broadcasting a keystroke into six of them would destroy five. The dot says `mixed` when the selected elements disagree; the body below it stays the primary's.",
+                            $description: "One `on*` key. The Mixed contract (§6.7) splits in two and this row shows both halves: which events exist, how each is produced, and its removal are properties of the BATCH — binding one handler to six buttons is a single decision, so those three controls write to every selected element in one transaction — while what a handler CONTAINS is the PRIMARY's, because six elements do not share one body and broadcasting a keystroke into six of them would destroy five. The dot says `mixed` when the selected elements disagree; the body below it stays the primary's.",
                             tagName: "div",
                             attributes: {
                               part: "binding",
@@ -1286,7 +1285,7 @@ var logic_panel_default = {
                                 },
                                 children: [
                                   {
-                                    $description: "The event NAME, and it is free-form rather than a list of ten. The menu offers what this element already binds plus the ten worth suggesting, and its last row asks for any other name through the one prompt dialog Studio has — so `ondragover`, `onpointerdown` and every custom event a component emits are bindable, which is exactly what §6.5 asks for and what the closed picker refused.",
+                                    $description: "The event NAME, and it is free-form rather than a list of ten. The menu offers what this element already binds plus the ten worth suggesting, and its last row asks for any other name through the one prompt dialog Studio has — so `ondragover`, `onpointerdown` and every custom event a component emits are bindable, which is exactly what §6.1 asks for and what the closed picker refused.",
                                     tagName: "jx-action-button",
                                     attributes: {
                                       part: "event-name"
@@ -2898,7 +2897,7 @@ function computeInheritedSources(style, mediaNames, activeTab, activeSelector =
 var target_line_default = {
   $schema: "https://jxsuite.com/schema/v1",
   $id: "StudioTargetLine",
-  $description: "The Style tab's edit target, as one sentence (plan §6.1): element · breakpoint · scheme variant · selector, then the chip that states how wide the blast radius is. Every word of the sentence is a control, because a sentence you cannot act on is a caption and the panel already had one of those. The breakpoint and scheme segments ROUTE to where those axes are defined rather than offering a third list to pick from — the Style tab owns the selector axis and nothing else — so the selector is the one segment with a menu, and that menu is the kit's. The project-scope warning band is not decoration: entering Stylebook converts every edit from `this element` to `every element of this tag`, and the band states that before the first keystroke.",
+  $description: "The Style tab's edit target, as one sentence (§6.2): element · breakpoint · scheme variant · selector, then the chip that states how wide the blast radius is. Every word of the sentence is a control, because a sentence you cannot act on is a caption and the panel already had one of those. The breakpoint and scheme segments ROUTE to where those axes are defined rather than offering a third list to pick from — the Style tab owns the selector axis and nothing else — so the selector is the one segment with a menu, and that menu is the kit's. The project-scope warning band is not decoration: entering Stylebook converts every edit from `this element` to `every element of this tag`, and the band states that before the first keystroke.",
   tagName: "div",
   attributes: {
     part: "target"
@@ -3511,11 +3510,11 @@ var css_meta_default = {
       $input: "button-group",
       $buttonValues: ["flex", "grid", "block", "inline", "none"],
       $icons: {
-        flex: "display-flex",
-        grid: "display-grid",
-        block: "display-block",
-        inline: "display-inline",
-        none: "display-none"
+        flex: "columns",
+        grid: "grid-four",
+        block: "rectangle",
+        inline: "text-t",
+        none: "eye-slash"
       },
       enum: [
         "block",
@@ -3636,8 +3635,9 @@ var css_meta_default = {
       $order: 71,
       type: "string",
       $input: "button-group",
+      $buttonValues: ["nowrap", "wrap"],
       $icons: {
-        wrap: "wrap-text"
+        wrap: "arrow-u-down-left"
       },
       enum: ["nowrap", "wrap", "wrap-reverse"],
       $show: [
@@ -3661,12 +3661,12 @@ var css_meta_default = {
         "space-evenly"
       ],
       $icons: {
-        "flex-start": "justify-start",
-        "flex-end": "justify-end",
-        center: "justify-center",
-        "space-between": "justify-between",
-        "space-around": "justify-around",
-        "space-evenly": "justify-evenly"
+        "flex-start": "align-left",
+        "flex-end": "align-right",
+        center: "align-center-horizontal",
+        "space-between": "arrows-out-line-horizontal",
+        "space-around": "arrows-in-line-horizontal",
+        "space-evenly": "arrows-horizontal"
       },
       enum: [
         "flex-start",
@@ -3693,11 +3693,11 @@ var css_meta_default = {
       $input: "button-group",
       $buttonValues: ["stretch", "flex-start", "flex-end", "center", "baseline"],
       $icons: {
-        stretch: "align-stretch-v",
-        "flex-start": "align-start-v",
-        "flex-end": "align-end-v",
-        center: "align-center-v",
-        baseline: "align-baseline"
+        stretch: "arrows-out-line-vertical",
+        "flex-start": "align-top",
+        "flex-end": "align-bottom",
+        center: "align-center-vertical",
+        baseline: "text-a-underline"
       },
       enum: ["stretch", "flex-start", "flex-end", "center", "baseline", "start", "end", "normal"],
       $show: [
@@ -3714,11 +3714,11 @@ var css_meta_default = {
       $input: "button-group",
       $buttonValues: ["normal", "flex-start", "flex-end", "center", "space-between", "stretch"],
       $icons: {
-        "flex-start": "justify-start",
-        "flex-end": "justify-end",
-        center: "justify-center",
-        "space-between": "justify-between",
-        stretch: "align-stretch-v"
+        "flex-start": "align-top",
+        "flex-end": "align-bottom",
+        center: "align-center-vertical",
+        "space-between": "arrows-vertical",
+        stretch: "arrows-out-line-vertical"
       },
       enum: [
         "normal",
@@ -3818,11 +3818,11 @@ var css_meta_default = {
       $input: "button-group",
       $buttonValues: ["auto", "flex-start", "flex-end", "center", "baseline", "stretch"],
       $icons: {
-        stretch: "align-stretch-v",
-        "flex-start": "align-start-v",
-        "flex-end": "align-end-v",
-        center: "align-center-v",
-        baseline: "align-baseline"
+        stretch: "arrows-out-line-vertical",
+        "flex-start": "align-top",
+        "flex-end": "align-bottom",
+        center: "align-center-vertical",
+        baseline: "text-a-underline"
       },
       enum: ["auto", "flex-start", "flex-end", "center", "baseline", "stretch", "start", "end"],
       $show: [
@@ -5110,7 +5110,7 @@ var UNIT_RE = /^(-?[\d.]+)(px|rem|em|%|vw|vh|svw|svh|dvh|ms|s|fr|ch|ex|deg)?$/;
 var style_panel_default = {
   $schema: "https://jxsuite.com/schema/v1",
   $id: "StudioStylePanel",
-  $description: "The Inspector's Style tab: the Target Line's host, one filter, then the CSS property accordion — every row saying where its value came from (§6.2), every section heading tallying what is set inside it. Nothing here knows what CSS is. `panels/style-panel.ts` resolves the compound coordinate (selection, breakpoint, scheme layer, nested selector), reads css-meta, decides which of seven controls a property gets, works out its provenance and what a commit writes; this document draws the answer and decides nothing. That split is what lets the tab stop going through `panels/panel-scheduler.ts`: the focus guard existed because a lit repaint of the whole panel could take the field a reader was typing into, and a document is one runtime effect per bound property with an equal write skipped.",
+  $description: "The Inspector's Style tab: the Target Line's host, one filter, then the CSS property accordion — every row saying where its value came from (§6.7), every section heading tallying what is set inside it. Nothing here knows what CSS is. `panels/style-panel.ts` resolves the compound coordinate (selection, breakpoint, scheme layer, nested selector), reads css-meta, decides which of seven controls a property gets, works out its provenance and what a commit writes; this document draws the answer and decides nothing. That split is what lets the tab stop going through `panels/panel-scheduler.ts`: the focus guard existed because a lit repaint of the whole panel could take the field a reader was typing into, and a document is one runtime effect per bound property with an equal write skipped.",
   tagName: "div",
   attributes: {
     part: "panel"
@@ -5123,7 +5123,7 @@ var style_panel_default = {
     fontFamily: "var(--jx-font-sans)",
     color: "var(--jx-fg)",
     '& [part="empty"]': {
-      $description: "The one empty-state pattern (`panels/empty-state.ts`), drawn here because a document cannot render a lit helper. Its rules are what is kept (§11): one sentence saying what the region is FOR, then the action that fills it.",
+      $description: "The one empty-state pattern (`panels/empty-state.ts`), drawn here because a document cannot render a lit helper. Its rules are what is kept (studio-ui-guidelines.md §11): one sentence saying what the region is FOR, then the action that fills it.",
       display: "flex",
       flexDirection: "column",
       alignItems: "center",
@@ -5215,7 +5215,7 @@ var style_panel_default = {
       minInlineSize: "0"
     },
     '& [part="chip-slot"] > [part="chip"]': {
-      $description: "One vocabulary, five states (§6.2). `default` draws nothing at all — absence IS the ghost — which is why there is no rule for it: the document never makes the node. `set` is the 6px accent disc `.set-dot` has always been; the two that carry information wear their donor's name in a bordered pill, and `mixed` is neutral on purpose because it says nothing about WHERE a value came from, only that the selection disagrees.",
+      $description: "One vocabulary, five states (§6.7). `default` draws nothing at all — absence IS the ghost — which is why there is no rule for it: the document never makes the node. `set` is the 6px accent disc `.set-dot` has always been; the two that carry information wear their donor's name in a bordered pill, and `mixed` is neutral on purpose because it says nothing about WHERE a value came from, only that the selection disagrees.",
       display: "inline-flex",
       alignItems: "center",
       flexShrink: "0",
@@ -5299,7 +5299,7 @@ var style_panel_default = {
       background: "var(--jx-handler)"
     },
     '& [part="source"]': {
-      $description: "The Value Source chip (§6.3): quiet while the value is a literal, accent-tinted the moment it is produced from something else. A CSS declaration has exactly two rungs — `JxStyle` admits no `$ref` — so the picker it opens is two rows, and that is derived from the schema rather than written here.",
+      $description: "The Value Source chip (§6.6): quiet while the value is a literal, accent-tinted the moment it is produced from something else. A CSS declaration has exactly two rungs — `JxStyle` admits no `$ref` — so the picker it opens is two rows, and that is derived from the schema rather than written here.",
       flex: "none",
       color: "var(--jx-fg-dim)"
     },
@@ -5990,7 +5990,7 @@ var style_panel_default = {
                                       }
                                     },
                                     group: {
-                                      $description: "The dual-mode control: a number beside its unit. Type what you mean, or take a unit from the list — and the list is the kit MENU rather than a second popup of this document's own (§12.5), because every row of it is a verb: a unit re-attaches to the number the field holds. A keyword row, whose list commits a value, is the `keywords` case instead — and so is the font row now, because a font is chosen by looking and a menu row cannot draw itself in its own face.",
+                                      $description: "The dual-mode control: a number beside its unit. Type what you mean, or take a unit from the list — and the list is the kit MENU rather than a second popup of this document's own (studio-ui-guidelines.md §12.5), because every row of it is a verb: a unit re-attaches to the number the field holds. A keyword row, whose list commits a value, is the `keywords` case instead — and so is the font row now, because a font is chosen by looking and a menu row cannot draw itself in its own face.",
                                       tagName: "div",
                                       attributes: {
                                         part: "group"
@@ -6179,7 +6179,11 @@ var style_panel_default = {
                                                 },
                                                 children: [
                                                   {
+                                                    $description: "The abbreviation, for a value with no glyph, and HIDDEN rather than empty on a button that has one. The kit's `[part=\"label\"]` is `display: contents`, so an empty span is still a flex item in the control, and the control's 4px gap sits between the glyph and nothing: every icon button in the tab drew 26px wide with its glyph pushed 2px off centre, instead of 22px and centred. Hidden, it takes no box, and the button's name and tooltip are the value either way.",
                                                     tagName: "span",
+                                                    attributes: {
+                                                      hidden: "${$map.item.text ? null : ''}"
+                                                    },
                                                     textContent: "${$map.item.text}"
                                                   }
                                                 ]
@@ -7041,16 +7045,6 @@ function rowActions(key) {
 function isNumericValue(value) {
   return /^-?\d*\.?\d*$/.test(value);
 }
-var BUTTON_GLYPHS = {
-  "arrow-down": "arrow-down",
-  "arrow-left": "arrow-left",
-  "arrow-right": "arrow-right",
-  "arrow-up": "arrow-up",
-  "text-align-center": "text-align-center",
-  "text-align-justify": "text-align-justify",
-  "text-align-left": "text-align-left",
-  "text-align-right": "text-align-right"
-};
 function buttonGroup(entry, rowKey, value) {
   const values = entry.$buttonValues || entry.enum || [];
   const iconMap = entry.$icons || {};
@@ -7058,12 +7052,12 @@ function buttonGroup(entry, rowKey, value) {
   const enumValues = entry.enum;
   const extra = buttonValues && enumValues && enumValues.length > buttonValues.length ? enumValues.filter((v) => !buttonValues.includes(v)) : [];
   const buttons = values.map((v) => {
-    const icon = BUTTON_GLYPHS[iconMap[v] ?? ""] ?? "";
+    const icon = iconMap[v] ?? "";
     return {
       icon,
       row: rowKey,
       selected: v === value,
-      text: icon === "" ? abbreviateValue(v) : "",
+      text: icon === "" ? v : "",
       title: v,
       value: v
     };
@@ -8079,7 +8073,7 @@ function registerStyleCommands(registry) {
 var inspector_dock_default = {
   $schema: "https://jxsuite.com/schema/v1",
   $id: "StudioInspectorDock",
-  $description: "⑨ The Inspector dock's own chrome, as a Jx document over the kit: a header naming what the dock is pointed at, a real `tablist` of four tabs, and four `tabpanel`s. It draws no tab BODY — all four are mounted documents of their own (`surfaces/properties-panel.json`, `surfaces/style-panel.json`, `surfaces/logic-panel.json`, and the assistant's) — so each panel carries one empty `[part=\"panel-body\"]` island the adapter announces through `onNodeCreated` (studio-ui-guidelines.md §9.4). The four panels are keyed on the tab id and the id list never changes, so a body host is created ONCE and lives as long as the dock: that is what the old module's hand-built permanent containers were for, and it is now a property of a keyed `$map` rather than a rule someone has to keep. `panels/right-panel.ts` keeps every decision — which tab is selected, per document or detached; what the target's name is; and which of the four seams a host is handed to.",
+  $description: "The Inspector dock's own chrome, as a Jx document over the kit: a header naming what the dock is pointed at, a real `tablist` of four tabs, and four `tabpanel`s. It draws no tab BODY — all four are mounted documents of their own (`surfaces/properties-panel.json`, `surfaces/style-panel.json`, `surfaces/logic-panel.json`, and the assistant's) — so each panel carries one empty `[part=\"panel-body\"]` island the adapter announces through `onNodeCreated` (studio-ui-guidelines.md §9.4). The four panels are keyed on the tab id and the id list never changes, so a body host is created ONCE and lives as long as the dock: that is what the old module's hand-built permanent containers were for, and it is now a property of a keyed `$map` rather than a rule someone has to keep. `panels/right-panel.ts` keeps every decision — which tab is selected, per document or detached; what the target's name is; and which of the four seams a host is handed to.",
   tagName: "div",
   attributes: {
     part: "inspector-dock"
@@ -8120,7 +8114,7 @@ var inspector_dock_default = {
       }
     },
     '& [part="tabs"]': {
-      $description: "Four words in a 280px dock, allowed to compress rather than to become anonymous — which is why the tabs are not icons (§3.2 ⑨). The kit tab's own 220px cap would let one tab push the last off the strip, so each takes an equal quarter.",
+      $description: "Four words in a 280px dock, allowed to compress rather than to become anonymous — which is why the tabs are not icons (§6). The kit tab's own 220px cap would let one tab push the last off the strip, so each takes an equal quarter.",
       flex: "0 0 auto",
       gap: "0",
       fontSize: "var(--jx-text-sm)"
@@ -8444,5 +8438,5 @@ function inspectorTarget() {
 
 export { initCssData, registerStyleCommands, mount2, unmount2, render2, inspectorTab2, setInspectorTab2 };
 
-//# debugId=674E8D1C61241CA264756E2164756E21
-//# sourceMappingURL=studio-c0qgc3tn.js.map
+//# debugId=0EE0326B4725F96C64756E2164756E21
+//# sourceMappingURL=studio-fy320dfc.js.map

package/dist/chunks/{studio-zjjde71a.js → studio-gjj4bbfx.js}

@@ -1,6 +1,6 @@
 import {
   getPlatform2
-} from "./studio-6nzaktvy.js";
+} from "./studio-6pwn9j8c.js";
 import {
   projectState
 } from "./studio-m1p9b6c3.js";
@@ -145,4 +145,4 @@ function computeRelativePath2(fromDocPath, toCompPath) {
 export { componentMetaFrom, componentRegistry2, loadComponentRegistry2, noteComponentSaved2, buildComponentInstance2, computeRelativePath2 };
 
 //# debugId=466165F8ABAECB0564756E2164756E21
-//# sourceMappingURL=studio-zjjde71a.js.map
+//# sourceMappingURL=studio-gjj4bbfx.js.map

package/dist/chunks/{studio-g33v4fe9.js → studio-jfhxy8h3.js}

@@ -1,6 +1,6 @@
 import {
   getPlatform2
-} from "./studio-6nzaktvy.js";
+} from "./studio-6pwn9j8c.js";
 import {
   flattenTree,
   nodeLabel,
@@ -10,20 +10,20 @@ import {
   loadFormats2,
   formatByExtension2,
   documentExtensions2
-} from "./studio-6gryj0sg.js";
+} from "./studio-9vsvz7w7.js";
 import {
   activeTab2
-} from "./studio-gk2twyh4.js";
+} from "./studio-dgdm6vvt.js";
 import {
   registerSurface,
   mountSurface,
   runReported,
   runActiveReported,
   getLayerSlot2
-} from "./studio-0j7r7s9g.js";
+} from "./studio-ag3z6shb.js";
 import {
   activeRegistry
-} from "./studio-d1n2bykn.js";
+} from "./studio-3nprwbd9.js";
 import {
   reactive
 } from "./studio-d8z5bajd.js";
@@ -32,7 +32,7 @@ import {
   getRecentFiles,
   trackRecentFile,
   openFileInTab2
-} from "./studio-7rrb1esn.js";
+} from "./studio-m58xn8at.js";
 // src/surfaces/palette.json
 var palette_default = {
   $schema: "https://jxsuite.com/schema/v1",
@@ -1160,4 +1160,4 @@ function renderOverlay() {
 export { initQuickSearch2, openQuickSearch2 };
 
 //# debugId=501BF2683AE15AEE64756E2164756E21
-//# sourceMappingURL=studio-g33v4fe9.js.map
+//# sourceMappingURL=studio-jfhxy8h3.js.map

package/dist/chunks/{studio-ab87phj1.js → studio-kwewmhhq.js}

@@ -1,11 +1,11 @@
 import {
   getPlatform2,
   hasPlatform2
-} from "./studio-6nzaktvy.js";
+} from "./studio-6pwn9j8c.js";
 import {
   resolveI18n,
   activeTab2
-} from "./studio-gk2twyh4.js";
+} from "./studio-dgdm6vvt.js";
 import {
   assetUrlFor,
   BUILD_LANES,
@@ -15,7 +15,7 @@ import {
   joinProjectPath,
   projectPathForRef,
   encodeProjectPath
-} from "./studio-d1n2bykn.js";
+} from "./studio-3nprwbd9.js";
 import {
   projectState
 } from "./studio-m1p9b6c3.js";
@@ -182,4 +182,4 @@ function hostAssetDeclarations() {
 export { contentMountFor, resolveAssetRef, canvasBaseOrigin, documentBase, loopbackAssetSrc, projectLocales2, assetContextFor, previewAssetSrc, hostAssetDeclarations };
 
 //# debugId=AC177B7F9545734164756E2164756E21
-//# sourceMappingURL=studio-ab87phj1.js.map
+//# sourceMappingURL=studio-kwewmhhq.js.map