@jxsuite/studio 5.2.0 → 5.4.0

package/dist/chunks/{studio-4xmjcrg3.js → studio-qxye31h7.js}

@@ -2,23 +2,23 @@ import {
   githubTokenStored,
   githubTokenLocation,
   clearGithubToken
-} from "./studio-wjpgxywa.js";
+} from "./studio-sjas5b3a.js";
 import {
   getPlatform2,
   hasPlatform2
-} from "./studio-6nzaktvy.js";
+} from "./studio-6pwn9j8c.js";
 import {
   getCfToken2,
   getCfAccountId2,
   clearCfConnection2
-} from "./studio-c04nzbby.js";
+} from "./studio-b9q3znz8.js";
 import {
   hasOpenAiKey,
   getBaseUrl,
   clearAiProvider,
   resetModelCache,
   preferredModel
-} from "./studio-vn5hske5.js";
+} from "./studio-7d3c1m59.js";
 import {
   __preload
 } from "./studio-5te5tqng.js";
@@ -56,7 +56,7 @@ function resetCfConnectionCache() {
 async function hostedConnect() {
   const outcome = await getPlatform2().cfConnect?.();
   if (outcome?.status === "connected" && !outcome.connection.accountId) {
-    const { openCfAccountPicker } = await (__preload("h4dab9bq"), import("./cf-account-picker-h4dab9bq.js"));
+    const { openCfAccountPicker } = await (__preload("3f08rry6"), import("./cf-account-picker-3f08rry6.js"));
     await openCfAccountPicker();
   }
   resetModelCache();
@@ -111,7 +111,7 @@ function brokeredCloudflareRecord() {
           id: "choose-account",
           label: "Choose account",
           run: async () => {
-            const { openCfAccountPicker } = await (__preload("h4dab9bq"), import("./cf-account-picker-h4dab9bq.js"));
+            const { openCfAccountPicker } = await (__preload("3f08rry6"), import("./cf-account-picker-3f08rry6.js"));
             if (await openCfAccountPicker()) {
               resetModelCache();
               await refreshCfConnection();
@@ -192,4 +192,4 @@ function notifyCredentialsChanged() {
 export { platformBrokersCf, refreshCfConnection, ensureCfConnection, resetCfConnectionCache, listAccounts, revokeAccount, onCredentialsChanged, notifyCredentialsChanged };
 
 //# debugId=5A4E8AE3D8A598C464756E2164756E21
-//# sourceMappingURL=studio-4xmjcrg3.js.map
+//# sourceMappingURL=studio-qxye31h7.js.map

package/dist/chunks/{studio-a1pswps3.js → studio-rav5bpmp.js}

@@ -1,6 +1,6 @@
 import {
   getPlatform2
-} from "./studio-6nzaktvy.js";
+} from "./studio-6pwn9j8c.js";
 import {
   isJsonObject,
   isRef,
@@ -21,7 +21,7 @@ import {
 } from "./studio-m1p9b6c3.js";
 import {
   componentRegistry2
-} from "./studio-zjjde71a.js";
+} from "./studio-gjj4bbfx.js";
 import {
   tabOfPane,
   canvasModeOfTab,
@@ -32,7 +32,7 @@ import {
   attachInstruction,
   extractInstruction,
   requestCanvasEval2
-} from "./studio-etvx9s2g.js";
+} from "./studio-mrh0a92f.js";
 import {
   effectScope,
   effect,
@@ -49,13 +49,7 @@ import {
   cancelBufferWrites2,
   bufferIsLive2,
   bufferMovedOn2
-} from "./studio-wnsyffg1.js";
-import {
-  loadMonaco,
-  mountStillWanted,
-  loadExtensions2,
-  getExtensions2
-} from "./studio-28vs5k2y.js";
+} from "./studio-6vg0x5fz.js";
 import {
   localeLabel,
   translationPathFor,
@@ -94,7 +88,13 @@ import {
   insertIntoPane2,
   tabIsLive2,
   promoteTab2
-} from "./studio-ez11dmdh.js";
+} from "./studio-dgdm6vvt.js";
+import {
+  loadMonaco,
+  mountStillWanted,
+  loadExtensions2,
+  getExtensions2
+} from "./studio-9vsvz7w7.js";
 import {
   PURE_METHOD_OPS,
   BLESSED_OPERATORS,
@@ -104,7 +104,7 @@ import {
   popoverIdsIn,
   POPOVER_TAGS,
   activeRegistry
-} from "./studio-p6pmwkvh.js";
+} from "./studio-3nprwbd9.js";
 import {
   getEffectiveMedia,
   getEffectiveStyle,
@@ -113,7 +113,7 @@ import {
   shell,
   monacoTheme,
   setBottomTab
-} from "./studio-mpzwze9x.js";
+} from "./studio-mfkh1q8d.js";
 import {
   nothing2
 } from "./studio-1k325pwf.js";
@@ -125,17 +125,17 @@ import {
   mountSurface,
   showPromptDialog2,
   getLayerSlot2
-} from "./studio-ympe0n7a.js";
+} from "./studio-ag3z6shb.js";
 import {
   registerPanel
-} from "./studio-x72j58vw.js";
+} from "./studio-fqpkpq1t.js";
 import {
   codeService,
   pluginSchemaCache,
   fetchPluginSchema,
   setLintMarkers,
   getFunctionArgs
-} from "./studio-4r14yzyy.js";
+} from "./studio-vd67b66d.js";
 import {
   VALUE_SOURCE_LABELS,
   slotMode,
@@ -148,27 +148,27 @@ import {
   switchSlotMode,
   mountSchemaForm,
   resolveContextPointer
-} from "./studio-ctm7bhx5.js";
+} from "./studio-w7gpcvfj.js";
 import {
   combine
 } from "./studio-esrxgwh6.js";
 import {
   openMenu2
-} from "./studio-qa7fzxan.js";
+} from "./studio-mt79tn56.js";
 import {
   mountMediaPicker2,
   unmountMediaPicker2
-} from "./studio-ncn9e189.js";
+} from "./studio-rwmmbrth.js";
 import {
   peekUsages2,
   loadUsages2,
   retryUsages2,
   usageHeadline2,
   usageFiles2
-} from "./studio-nq5yf5mp.js";
+} from "./studio-557bmn0x.js";
 import {
   cloneValue2
-} from "./studio-727xh0e3.js";
+} from "./studio-aj9drheq.js";
 import {
   rectOf
 } from "./studio-rs76k67r.js";
@@ -2213,7 +2213,7 @@ function formulaChipStrip(node, opts = {}) {
 var formula_palette_default = {
   $schema: "https://jxsuite.com/schema/v1",
   $id: "StudioFormulaPalette",
-  $description: "The formula palette (spec §19.9): a search field over the formula catalog, its results grouped by the catalog's own group order, and one pick that hands an entry back to whoever opened it. The same shape as `palette.json` — a scrim, a framed panel, a borderless field, a listbox — because it is the same gesture over a different corpus, and the two used to share a stylesheet by sharing its class names. `groups` is the filtered catalog already grouped; `activeId` is the highlight, and it is ONE string — the id the field points `aria-activedescendant` at and the id the listbox is handed as `active` — kept apart from the rows so a key moves it without the list reconciling, which is why every row carries the FLAT index it would otherwise have to be asked for. Panel position is the caller's: centred under the top edge by default, and pinned under an anchor control when one was named, which is the only thing about this surface a document cannot decide for itself — it arrives as `anchorLeft`/`anchorTop`, two numbers the `style` object below binds, because a style declaration may read state like any other value (spec §9.1).",
+  $description: "The formula palette (spec.md §19.9): a search field over the formula catalog, its results grouped by the catalog's own group order, and one pick that hands an entry back to whoever opened it. The same shape as `palette.json` — a scrim, a framed panel, a borderless field, a listbox — because it is the same gesture over a different corpus, and the two used to share a stylesheet by sharing its class names. `groups` is the filtered catalog already grouped; `activeId` is the highlight, and it is ONE string — the id the field points `aria-activedescendant` at and the id the listbox is handed as `active` — kept apart from the rows so a key moves it without the list reconciling, which is why every row carries the FLAT index it would otherwise have to be asked for. Panel position is the caller's: centred under the top edge by default, and pinned under an anchor control when one was named, which is the only thing about this surface a document cannot decide for itself — it arrives as `anchorLeft`/`anchorTop`, two numbers the `style` object below binds, because a style declaration may read state like any other value (spec.md §9.1).",
   tagName: "div",
   attributes: {
     part: "palette"
@@ -2232,6 +2232,9 @@ var formula_palette_default = {
       paddingTop: "60px",
       background: "rgba(0, 0, 0, 0.4)"
     },
+    '& [part="overlay"][hidden]': {
+      display: "none"
+    },
     '& [part="panel"]': {
       width: "560px",
       maxWidth: "calc(100vw - 32px)",
@@ -2248,7 +2251,7 @@ var formula_palette_default = {
       overflow: "hidden"
     },
     '& [part="panel"][data-anchored]': {
-      $description: "Opened from a control rather than from a chord: the panel hangs under that control instead of sitting under the top edge. The two custom properties are the only measured numbers in the surface — a rect belongs to the moment it was taken, so the adapter measures it once per open and this document binds the result. They used to travel as a `style` ATTRIBUTE the adapter assembled into one string, on the belief that a document cannot bind a style declaration to state; it can, and always could. They are declared at the top of this object rather than here because a reactive custom property in a rule targeting the element ITSELF is written inline under the author's own name (spec §9.1), and the panel then reads them by inheritance — the root is `display: contents`, so nothing sits between the two.",
+      $description: "Opened from a control rather than from a chord: the panel hangs under that control instead of sitting under the top edge. The two custom properties are the only measured numbers in the surface — a rect belongs to the moment it was taken, so the adapter measures it once per open and this document binds the result. They used to travel as a `style` ATTRIBUTE the adapter assembled into one string, on the belief that a document cannot bind a style declaration to state; it can, and always could. They are declared at the top of this object rather than here because a reactive custom property in a rule targeting the element ITSELF is written inline under the author's own name (spec.md §9.1), and the panel then reads them by inheritance — the root is `display: contents`, so nothing sits between the two.",
       position: "fixed",
       left: "var(--formula-palette-left)",
       top: "var(--formula-palette-top)",
@@ -2309,14 +2312,12 @@ var formula_palette_default = {
       color: "inherit"
     }
   },
-  $switch: {
-    $ref: "#/state/open"
-  },
-  cases: {
-    true: {
+  children: [
+    {
       tagName: "div",
       attributes: {
-        part: "overlay"
+        part: "overlay",
+        hidden: "${state.open ? null : ''}"
       },
       onclick: {
         $prototype: "Function",
@@ -2572,7 +2573,7 @@ var formula_palette_default = {
         }
       ]
     }
-  }
+  ]
 };
 
 // src/surfaces/formula-palette.ts
@@ -2749,7 +2750,7 @@ function closeFormulaPalette() {
 var expression_editor_default = {
   $schema: "https://jxsuite.com/schema/v1",
   $id: "StudioExpressionEditor",
-  $description: "The expression editor (spec §19.9): a `$expression` node edited as STRUCTURE — an operator, the operands that operator needs, and the live value of each. The rows arrive FLAT. An expression nests to any depth (an operand may be another expression, an aggregate's per-item body is one, and either may hold more of both) while a document's one repeater is `$prototype: \"Array\"` over a list, so `ui/expression-editor.ts` walks the tree once and hands over rows that already carry their own indent — recursion is a property of the walk, exactly as it is for the statement tree and the Data panel's value tree. Six kinds of row come out of that walk: the CHIP strip that summarises the whole pipeline, the preview's ERROR line, the OPERATOR row, an OPERAND row (the workhorse, which carries the value ladder and every literal control), a section LABEL, and an ACTION that grows the node. Five surfaces draw this — the Inspector's Content and Logic tabs, the Navigator's State panel, the statement editor and the Logic dock — and none of them is named here: each host has already said where it is, so this document stamps no region of its own.",
+  $description: "The expression editor (spec.md §19.9): a `$expression` node edited as STRUCTURE — an operator, the operands that operator needs, and the live value of each. The rows arrive FLAT. An expression nests to any depth (an operand may be another expression, an aggregate's per-item body is one, and either may hold more of both) while a document's one repeater is `$prototype: \"Array\"` over a list, so `ui/expression-editor.ts` walks the tree once and hands over rows that already carry their own indent — recursion is a property of the walk, exactly as it is for the statement tree and the Data panel's value tree. Six kinds of row come out of that walk: the CHIP strip that summarises the whole pipeline, the preview's ERROR line, the OPERATOR row, an OPERAND row (the workhorse, which carries the value ladder and every literal control), a section LABEL, and an ACTION that grows the node. Five surfaces draw this — the Inspector's Content and Logic tabs, the Navigator's State panel, the statement editor and the Logic dock — and none of them is named here: each host has already said where it is, so this document stamps no region of its own.",
   tagName: "div",
   attributes: {
     part: "expression"
@@ -2806,7 +2807,7 @@ var expression_editor_default = {
       textOverflow: "ellipsis"
     },
     '& [part="row"]': {
-      $description: "§4.1's standard form row, stacked, with its own indent. `display: flex` rather than `block` because an operand row carries a leading cell (an argument's name, a case's key) beside the field.",
+      $description: "studio-ui-guidelines.md §4.1's standard form row, stacked, with its own indent. `display: flex` rather than `block` because an operand row carries a leading cell (an argument's name, a case's key) beside the field.",
       boxSizing: "border-box",
       display: "flex",
       alignItems: "flex-start",
@@ -2855,7 +2856,7 @@ var expression_editor_default = {
       fontSize: "var(--jx-text-xs)"
     },
     '& [part="badge"]': {
-      $description: "The live value (spec §19.9). A resolved formula is arbitrary text — an object, a URL, a paragraph — so it ellipsizes inside the line it annotates and never sets that line's width.",
+      $description: "The live value (spec.md §19.9). A resolved formula is arbitrary text — an object, a URL, a paragraph — so it ellipsizes inside the line it annotates and never sets that line's width.",
       flex: "0 1 auto",
       minWidth: "0",
       maxWidth: "120px",
@@ -2871,7 +2872,7 @@ var expression_editor_default = {
       textOverflow: "ellipsis"
     },
     '& [part="preview-error"]': {
-      $description: "§7.1's inline tier: not a toast and not a problem record, because it is a property of the value currently in the editor and lives exactly as long as that value does.",
+      $description: "§16.1's inline tier: not a toast and not a problem record, because it is a property of the value currently in the editor and lives exactly as long as that value does.",
       margin: "0",
       padding: "2px 0",
       minWidth: "0",
@@ -3277,7 +3278,7 @@ var expression_editor_default = {
                     },
                     children: [
                       {
-                        $description: "The value ladder (§6.3), in the one vocabulary `ui/value-source.ts` owns. It is absent where the position admits a single shape — an assignment target, a `call`'s callee — because a picker with one entry is a control that asks a question with one answer.",
+                        $description: "The value ladder (§6.6), in the one vocabulary `ui/value-source.ts` owns. It is absent where the position admits a single shape — an assignment target, a `call`'s callee — because a picker with one entry is a control that asks a question with one answer.",
                         tagName: "span",
                         attributes: {
                           part: "source-slot",
@@ -4564,7 +4565,7 @@ function scheduleLiveRefresh(tab, targetId, node, contextPath, key, onUpdate) {
 var logic_workspace_default = {
   $schema: "https://jxsuite.com/schema/v1",
   $id: "StudioLogicWorkspace",
-  $description: '⑪ · Logic — the Bottom dock tab where a formula and a function body are edited BESIDE the page they compute. One tab, two surfaces, one header: `panels/formula-workspace.ts` decides which of them is open (a `$expression` or a Monaco body), what it is called and what its verbs are, and this draws both. The chip pipeline is a projection of `ui/formula-chips.ts`\'s model — the expression tree read left to right — and a chip click reports its key back; nothing here unrolls a tree, reads a document or evaluates anything. Three ISLANDS, each an empty host this document draws and the flow fills (studio-ui-guidelines.md §9.4): `[part="code-host"]` takes Monaco, `[part="editor-host"]` takes the expression editor, which is a lit surface of its own and another conversion\'s to move, and one `[part="tree-host"]` per data-rail entry takes the value tree, which is a mounted document of its own (`surfaces/panel-data.json`). The rail\'s trees had been empty since that tree became a document, because the lit takeover rendered a host nothing ever filled; announcing them is what fills them.',
+  $description: 'Logic — the Bottom dock tab where a formula and a function body are edited BESIDE the page they compute. One tab, two surfaces, one header: `panels/formula-workspace.ts` decides which of them is open (a `$expression` or a Monaco body), what it is called and what its verbs are, and this draws both. The chip pipeline is a projection of `ui/formula-chips.ts`\'s model — the expression tree read left to right — and a chip click reports its key back; nothing here unrolls a tree, reads a document or evaluates anything. Three ISLANDS, each an empty host this document draws and the flow fills (studio-ui-guidelines.md §9.4): `[part="code-host"]` takes Monaco, `[part="editor-host"]` takes the expression editor, which is a lit surface of its own and another conversion\'s to move, and one `[part="tree-host"]` per data-rail entry takes the value tree, which is a mounted document of its own (`surfaces/panel-data.json`). The rail\'s trees had been empty since that tree became a document, because the lit takeover rendered a host nothing ever filled; announcing them is what fills them.',
   tagName: "div",
   attributes: {
     part: "workspace"
@@ -4657,7 +4658,7 @@ var logic_workspace_default = {
       textOverflow: "ellipsis"
     },
     '& [part="badge"]': {
-      $description: "The live value (spec §19.9). A resolved formula is arbitrary text — an object, a URL, a paragraph — so it ellipsizes inside the chip it annotates and never sets the chip's width.",
+      $description: "The live value (spec.md §19.9). A resolved formula is arbitrary text — an object, a URL, a paragraph — so it ellipsizes inside the chip it annotates and never sets the chip's width.",
       flex: "0 1 auto",
       minWidth: "0",
       maxWidth: "120px",
@@ -5920,7 +5921,7 @@ function openPageAction(label = "Open a page…") {
   return {
     label,
     run: () => {
-      (__preload("e9rp74m8"), import("./quick-search-e9rp74m8.js")).then((m) => {
+      (__preload("c63mkt3b"), import("./quick-search-c63mkt3b.js")).then((m) => {
         m.openQuickSearch();
       });
     }
@@ -6448,7 +6449,7 @@ var properties_panel_default = {
       minWidth: "0"
     },
     '& [part="section-body"] > [part="row"], & [part="layout-class-slot"] > [part="row"]': {
-      $description: '§4.1\'s standard form row, stacked: the label sits above a control that takes the whole width. `min-width: 0` is what keeps it honest in a narrow dock — a field refuses to shrink below its own min-content without it. Scoped to the tab\'s OWN rows rather than to every `part="row"` beneath it, which a colour row made load-bearing: the kit is light DOM and one cascade, so a bare descendant selector also matches `jx-color-field`\'s internal row — and at equal specificity with the kit\'s own `& > [part="row"]` the winner is whichever sheet was interned later, which is not a thing a stylesheet may depend on. `[part="chip"]` moved under `[part="chip-slot"]` for the same reason and a sharper one: its `background: transparent` and its border would otherwise have erased a swatch\'s colour and drawn a box round it. The `layout-class-slot` half of the pair is there because that slot is `display: contents`, so its row is a grandchild in the DOM even though it is a child in the box tree.',
+      $description: 'studio-ui-guidelines.md §4.1\'s standard form row, stacked: the label sits above a control that takes the whole width. `min-width: 0` is what keeps it honest in a narrow dock — a field refuses to shrink below its own min-content without it. Scoped to the tab\'s OWN rows rather than to every `part="row"` beneath it, which a colour row made load-bearing: the kit is light DOM and one cascade, so a bare descendant selector also matches `jx-color-field`\'s internal row — and at equal specificity with the kit\'s own `& > [part="row"]` the winner is whichever sheet was interned later, which is not a thing a stylesheet may depend on. `[part="chip"]` moved under `[part="chip-slot"]` for the same reason and a sharper one: its `background: transparent` and its border would otherwise have erased a swatch\'s colour and drawn a box round it. The `layout-class-slot` half of the pair is there because that slot is `display: contents`, so its row is a grandchild in the DOM even though it is a child in the box tree.',
       display: "flex",
       flexDirection: "column",
       alignItems: "stretch",
@@ -6492,7 +6493,7 @@ var properties_panel_default = {
       minInlineSize: "0"
     },
     '& [part="chip-slot"] > [part="chip"]': {
-      $description: "§6.2's provenance chip. `set` is the 6px accent dot it has always been — a circle is not a button, whatever element draws it — and the three states that carry a donor are bordered chips naming it. The fourth state, `default`, draws nothing at all: a ghost dot on every unset row says less than silence.",
+      $description: "§6.7's provenance chip. `set` is the 6px accent dot it has always been — a circle is not a button, whatever element draws it — and the three states that carry a donor are bordered chips naming it. The fourth state, `default`, draws nothing at all: a ghost dot on every unset row says less than silence.",
       flexShrink: "0",
       display: "inline-flex",
       alignItems: "center",
@@ -6985,7 +6986,7 @@ var properties_panel_default = {
                 },
                 children: [
                   {
-                    $description: "§6.2's collapsed-header tally. It is an indicator and not a control: the heading's own click already toggles the section, so a second meaning for the same click would be worse than the silence. It says how many values in the section are set, which is what a closed section otherwise cannot say.",
+                    $description: "§6.7's collapsed-header tally. It is an indicator and not a control: the heading's own click already toggles the section, so a second meaning for the same click would be worse than the silence. It says how many values in the section are set, which is what a closed section otherwise cannot say.",
                     tagName: "span",
                     attributes: {
                       slot: "heading",
@@ -7144,7 +7145,7 @@ var properties_panel_default = {
                                       },
                                       cases: {
                                         true: {
-                                          $description: "§6.3's Value Source chip: the rung this value is produced at, in plain language, opening a picker of every rung the POSITION permits. The rungs are derived from the schema at that position and the picker is the kit menu every other list in the shell opens, so neither is decided here.",
+                                          $description: "§6.6's Value Source chip: the rung this value is produced at, in plain language, opening a picker of every rung the POSITION permits. The rungs are derived from the schema at that position and the picker is the kit menu every other list in the shell opens, so neither is decided here.",
                                           tagName: "jx-action-button",
                                           attributes: {
                                             part: "source",
@@ -8474,10 +8475,10 @@ function openSourceMenu(key, anchor) {
   });
 }
 function openUsage(path) {
-  (__preload("msaf95y6"), import("./files-msaf95y6.js")).then((m) => m.openFileInTab(path));
+  (__preload("egsb0ry8"), import("./files-egsb0ry8.js")).then((m) => m.openFileInTab(path));
 }
 function showLogicTab() {
-  (__preload("j97t2yvy"), import("./right-panel-j97t2yvy.js")).then((m) => m.setInspectorTab("events"));
+  (__preload("t5n8wttg"), import("./right-panel-t5n8wttg.js")).then((m) => m.setInspectorTab("events"));
 }
 function withPlan(row, plan) {
   plans.set(row.key, plan);
@@ -9195,7 +9196,7 @@ function registerInspectorCommands(registry) {
 var statements_default = {
   $schema: "https://jxsuite.com/schema/v1",
   $id: "StudioStatements",
-  $description: "The statement editor (spec §20): a Function entry's `body: JxStatement[]` edited as STRUCTURE rather than as text. The rows arrive FLAT. A statement tree nests to any depth — an `if` holds two lanes, a `$switch` holds one per case plus a default, and either may hold another of both — while a document's one repeater is `$prototype: \"Array\"` over a list, so `panels/statement-editor.ts` walks the tree once and hands over rows that already carry their own indent; recursion is a property of the walk, exactly as it is for the Data panel's value tree. Four kinds of row come out of that walk: a statement CARD (its header, and the fields that statement is made of), a LANE header naming a branch, the ADD control that ends every lane, and an ACTION that grows the statement itself (`+ Add else`, `+ Add case`). Two hosts draw this — the Navigator's State panel and the Inspector's Logic tab — and neither is named here: the region is stamped on the host, because a shared control cannot know where it is. An operand is an ISLAND: the document renders `[part=\"control-host\"]` and nothing inside it, and the flow fills it with the expression editor (studio-ui-guidelines.md §9.4).",
+  $description: "The statement editor (spec.md §20): a Function entry's `body: JxStatement[]` edited as STRUCTURE rather than as text. The rows arrive FLAT. A statement tree nests to any depth — an `if` holds two lanes, a `$switch` holds one per case plus a default, and either may hold another of both — while a document's one repeater is `$prototype: \"Array\"` over a list, so `panels/statement-editor.ts` walks the tree once and hands over rows that already carry their own indent; recursion is a property of the walk, exactly as it is for the Data panel's value tree. Four kinds of row come out of that walk: a statement CARD (its header, and the fields that statement is made of), a LANE header naming a branch, the ADD control that ends every lane, and an ACTION that grows the statement itself (`+ Add else`, `+ Add case`). Two hosts draw this — the Navigator's State panel and the Inspector's Logic tab — and neither is named here: the region is stamped on the host, because a shared control cannot know where it is. An operand is an ISLAND: the document renders `[part=\"control-host\"]` and nothing inside it, and the flow fills it with the expression editor (studio-ui-guidelines.md §9.4).",
   tagName: "div",
   attributes: {
     part: "statements"
@@ -9412,7 +9413,7 @@ var statements_default = {
                       $ref: "$map/item/key"
                     },
                     map: {
-                      $description: "One operand of the statement. Every field is `span` — the Inspector is 280px and the guidelines' standard row is vertically stacked (§4.1) — and every field carries `data-prop`, which is what `inspector/field:<prop>` addresses. The key is `<row>::<prop>`, self-contained because this `$map` shadows the row's own `$map.item`.",
+                      $description: "One operand of the statement. Every field is `span` — the Inspector is 280px and the standard row is vertically stacked (studio-ui-guidelines.md §4.1) — and every field carries `data-prop`, which is what `inspector/field:<prop>` addresses. The key is `<row>::<prop>`, self-contained because this `$map` shadows the row's own `$map.item`.",
                       tagName: "jx-field",
                       attributes: {
                         part: "field",
@@ -9694,7 +9695,7 @@ var statements_default = {
             ]
           },
           add: {
-            $description: "The end of every lane. It opens the kit's menu rather than being a picker of its own: a select that has to snap back to its placeholder after each pick is a control fighting the runtime's skip-an-equal-write, and §12.5 asks for one list of actions rather than a second.",
+            $description: "The end of every lane. It opens the kit's menu rather than being a picker of its own: a select that has to snap back to its placeholder after each pick is a control fighting the runtime's skip-an-equal-write, and studio-ui-guidelines.md §12.5 asks for one list of actions rather than a second.",
             tagName: "div",
             attributes: {
               part: "add",
@@ -10567,7 +10568,11 @@ var panel_signals_default = {
       fontSize: "var(--jx-text-xs)",
       color: "var(--fg-dim)"
     },
-    '& [part="bar-segments"], & [part="bar-buttons"]': {
+    '& [part="bar-segments"]': {
+      $description: "The Body switch is the kit's segmented control, which draws its own row, frame and selected segment; all the bar asks of it is not to shrink.",
+      flex: "none"
+    },
+    '& [part="bar-buttons"]': {
       display: "flex",
       flex: "none",
       alignItems: "center"
@@ -11576,11 +11581,17 @@ var panel_signals_default = {
                                         textContent: "${$map.item.label}"
                                       },
                                       {
-                                        tagName: "span",
+                                        $description: "The mode switch is the kit's radiogroup, as the Logic panel's Handler body is. It was a `span` with `role=group` over buttons that carried `selected` alone: the one Spectrum `compact` group the conversion never reached, so it drew as two loose words and announced neither which mode was on nor that the two exclude each other. `checked` makes each segment a radio, so the caret roves and `aria-checked` is the element's own.",
+                                        tagName: "jx-action-group",
                                         attributes: {
-                                          part: "bar-segments",
-                                          role: "group",
-                                          "aria-label": "${$map.item.label}"
+                                          part: "bar-segments"
+                                        },
+                                        $props: {
+                                          selects: "single",
+                                          compact: true,
+                                          label: {
+                                            $ref: "$map/item/label"
+                                          }
                                         },
                                         children: [
                                           {
@@ -11602,11 +11613,16 @@ var panel_signals_default = {
                                                 label: {
                                                   $ref: "$map/item/label"
                                                 },
-                                                selected: {
-                                                  $ref: "$map/item/selected"
+                                                checked: {
+                                                  $ref: "$map/item/checked"
                                                 }
                                               },
-                                              textContent: "${$map.item.label}",
+                                              children: [
+                                                {
+                                                  tagName: "span",
+                                                  textContent: "${$map.item.label}"
+                                                }
+                                              ],
                                               onclick: {
                                                 $prototype: "Function",
                                                 body: [
@@ -13146,13 +13162,19 @@ function functionFields(S, name, def) {
     prop: "Body",
     segments: [
       {
+        checked: statements ? "true" : "false",
         field: "body",
         key: "statements",
         label: "Statements",
-        selected: statements,
         signal: name
       },
-      { field: "body", key: "code", label: "Code", selected: !statements, signal: name }
+      {
+        checked: statements ? "false" : "true",
+        field: "body",
+        key: "code",
+        label: "Code",
+        signal: name
+      }
     ],
     signal: name
   }, {
@@ -13611,5 +13633,5 @@ function registerSignalsCommands(registry) {
 
 export { DERIVE_PRESETS, PRESET_LABELS, declaredMedia, clearPaneDerivation, installDerivationEffects, presetRefusal, deriveRefusal, pinRefusal, derivationCommands, mountExpressionEditor, unwrapSignal, dataTypeLabel, registerDataExplorerCommands, registerDataPanel, livePreviewExpression, closeFunctionEditor, logicTarget, revealLogicPanel, openLogicTarget, registerLogicPanel, registerFormulaEditorCommands, provenanceText, provenanceTitle, countProvenance, provenanceSummaryText, clickAnythingTo, staleSelectionMessage, openPageAction, tokenRefName, toTokenRef, resolveTokenValue, colorTokens, resolvedColor, mountStatementEditor, mapSignalsFor, bindableSignalNames, defaultAsString, invalidatePageRouteCache, isInspectorSectionOpen, setInspectorSection, renderPropertiesPanel, bindContentHost, inspectorCommands, registerInspectorCommands, defCategory, defBadgeLabel, isCustomElementDoc, collectCssParts, mountSignalsPanel, registerSignalsCommands };
 
-//# debugId=7546BEAB36DCC91464756E2164756E21
-//# sourceMappingURL=studio-a1pswps3.js.map
+//# debugId=A1EC7A96E45C85E664756E2164756E21
+//# sourceMappingURL=studio-rav5bpmp.js.map

package/dist/chunks/{studio-ncn9e189.js → studio-rwmmbrth.js}

@@ -1,6 +1,6 @@
 import {
   getPlatform2
-} from "./studio-6nzaktvy.js";
+} from "./studio-6pwn9j8c.js";
 import {
   debouncedStyleCommit,
   renderOnly
@@ -11,7 +11,7 @@ import {
   registerSurface,
   mountSurface,
   layerHost2
-} from "./studio-ympe0n7a.js";
+} from "./studio-ag3z6shb.js";
 import {
   reactive
 } from "./studio-d8z5bajd.js";
@@ -23,17 +23,17 @@ import {
   uploadAssets,
   mediaSiteUrl,
   previewFileSrc
-} from "./studio-en82c639.js";
+} from "./studio-sceg8ws0.js";
 import {
   peekMediaMeta,
   seedMediaMeta,
   recordImageSize,
   invalidateMediaMeta,
   mediaMetaSummary
-} from "./studio-5nz00bhh.js";
+} from "./studio-dwdcr2e8.js";
 import {
   previewAssetSrc
-} from "./studio-c07s5ckd.js";
+} from "./studio-kwewmhhq.js";
 import {
   rectOf
 } from "./studio-rs76k67r.js";
@@ -836,4 +836,4 @@ function unmountMediaPicker2(host) {
 export { openPopoverSurface, invalidateMediaCache2, showMediaPickerPopover2, uploadAndAssign2, pickAndUpload2, mountMediaPicker2, unmountMediaPicker2 };
 
 //# debugId=9A676D8FC549E4AE64756E2164756E21
-//# sourceMappingURL=studio-ncn9e189.js.map
+//# sourceMappingURL=studio-rwmmbrth.js.map

package/dist/chunks/{studio-en82c639.js → studio-sceg8ws0.js}

@@ -4,27 +4,27 @@ import {
 import {
   getPlatform2,
   hasPlatform2
-} from "./studio-6nzaktvy.js";
+} from "./studio-6pwn9j8c.js";
 import {
   notify2
 } from "./studio-d8z5bajd.js";
+import {
+  activeTab2
+} from "./studio-dgdm6vvt.js";
 import {
   projectState
 } from "./studio-m1p9b6c3.js";
-import {
-  activeTab2
-} from "./studio-ez11dmdh.js";
 import {
   PUBLIC_DIR,
   normalizeProjectPath,
   encodeProjectPath
-} from "./studio-p6pmwkvh.js";
+} from "./studio-3nprwbd9.js";
 import {
   contentMountFor,
   loopbackAssetSrc,
   projectLocales2,
   hostAssetDeclarations
-} from "./studio-c07s5ckd.js";
+} from "./studio-kwewmhhq.js";
 
 // src/files/media-upload.ts
 var IMAGE_EXTENSIONS = new Set([
@@ -236,5 +236,5 @@ function previewFileSrc(path) {
 
 export { IMAGE_EXTENSIONS, MEDIA_EXTENSIONS, uploadAccept, extensionOf, isImage, isMediaFile, mediaKind, setMediaChangedHandler, uploadAssets, baseName, dirName, mediaSiteUrl, previewFileSrc };
 
-//# debugId=4C51950010FE40AA64756E2164756E21
-//# sourceMappingURL=studio-en82c639.js.map
+//# debugId=BDC1B0ADAA9E564764756E2164756E21
+//# sourceMappingURL=studio-sceg8ws0.js.map

package/dist/chunks/{studio-wjpgxywa.js → studio-sjas5b3a.js}

@@ -12,11 +12,11 @@ import {
   mountSurface,
   whenReady,
   layerHost2
-} from "./studio-ympe0n7a.js";
+} from "./studio-ag3z6shb.js";
 import {
   showModal,
   close2
-} from "./studio-p6pmwkvh.js";
+} from "./studio-3nprwbd9.js";
 // src/surfaces/github-auth.json
 var github_auth_default = {
   $schema: "https://jxsuite.com/schema/v1",
@@ -69,7 +69,8 @@ var github_auth_default = {
       margin: "0"
     },
     '& [part="code"]': {
-      $description: "`<code>`, not a styled `<div>`: this is a literal string to be transcribed, and the element that says so is also the one a reader's own stylesheet and a screen reader's character-by-character mode already know about.",
+      $description: "`<code>`, not a styled `<div>`: this is a literal string to be transcribed, and the element that says so is also the one a reader's own stylesheet and a screen reader's character-by-character mode already know about. It is this dialog's message, and the one string in it the reader must carry to another screen, so it opts back in to selection against the root's `user-select: none`. `all` rather than `text`: one click selects the whole code, so a copy never leaves a character behind.",
+      userSelect: "all",
       fontFamily: "var(--font-mono)",
       fontSize: "24px",
       fontWeight: "700",
@@ -185,25 +186,22 @@ function openGithubAuthSurface(options) {
   };
 }
 
-// src/github/github-auth.ts
-var CLIENT_ID = "Ov23liYVlMFpgjOEPXJH";
+// src/github/github-auth-status.ts
 var STORAGE_KEY = "jx_github_token";
 function nativeAuth() {
   return globalThis.__jxPlatform?.githubAuth ?? null;
 }
 var nativeToken = null;
 var nativeStored = false;
+function setNativeToken(token) {
+  nativeToken = token;
+}
 function githubTokenStored() {
   return nativeToken !== null || nativeStored || localStorage.getItem(STORAGE_KEY) !== null;
 }
 function githubTokenLocation() {
   return nativeAuth() ? "desktop" : "browser";
 }
-var NOTIFY_KEY = "github.auth";
-var SOURCE = "Source Control";
-var RETRY = "git.signInToGithub";
-var MAX_POLL_FAILURES = 3;
-var UNREACHABLE_DETAIL = "The request never reached GitHub. GitHub's device-flow endpoints send no CORS headers, so a " + "browser cannot call them directly — the desktop app can. A machine that is offline fails " + "identically, and the browser does not say which happened.";
 function getGithubToken() {
   return nativeToken ?? localStorage.getItem(STORAGE_KEY);
 }
@@ -213,6 +211,14 @@ function clearGithubToken() {
   localStorage.removeItem(STORAGE_KEY);
   nativeAuth()?.signOut().catch(() => {});
 }
+
+// src/github/github-auth.ts
+var CLIENT_ID = "Ov23liYVlMFpgjOEPXJH";
+var NOTIFY_KEY = "github.auth";
+var SOURCE = "Source Control";
+var RETRY = "git.signInToGithub";
+var MAX_POLL_FAILURES = 3;
+var UNREACHABLE_DETAIL = "The request never reached GitHub. GitHub's device-flow endpoints send no CORS headers, so a " + "browser cannot call them directly — the desktop app can. A machine that is offline fails " + "identically, and the browser does not say which happened.";
 function reportUnreachable(error) {
   notify2.error("Could not reach GitHub to sign in.", {
     action: RETRY,
@@ -256,7 +262,7 @@ async function authenticateGithub() {
   if (native) {
     try {
       const { token } = await native.signIn();
-      nativeToken = token;
+      setNativeToken(token);
       return token;
     } catch (error) {
       reportRefused("GitHub sign-in was not completed.", errorMessage2(error));
@@ -358,5 +364,5 @@ async function authenticateGithub() {
 
 export { githubTokenStored, githubTokenLocation, clearGithubToken, authenticateGithub };
 
-//# debugId=6031989CF8E575E564756E2164756E21
-//# sourceMappingURL=studio-wjpgxywa.js.map
+//# debugId=2E3AA6611B2C5CA164756E2164756E21
+//# sourceMappingURL=studio-sjas5b3a.js.map