@jxsuite/studio 5.1.0 → 5.2.0

package/dist/chunks/{studio-gb13095a.js → studio-x10fp4tp.js}

@@ -4,7 +4,7 @@ import {
 } from "./studio-6nzaktvy.js";
 import {
   displayTagName
-} from "./studio-7r42c6ca.js";
+} from "./studio-3ntvq6cg.js";
 import {
   errorMessage2
 } from "./studio-yxa81f45.js";
@@ -24,7 +24,7 @@ import {
   clearProblems2,
   problemFindings2,
   problemCount2
-} from "./studio-p1dw8wfw.js";
+} from "./studio-d8z5bajd.js";
 import {
   loadFormats2,
   formatByName2,
@@ -34,7 +34,7 @@ import {
   formatParse2,
   formatSerialize2,
   splitFormatDocument2
-} from "./studio-vw7mzp6z.js";
+} from "./studio-28vs5k2y.js";
 import {
   getNodeAtPath2,
   childList,
@@ -42,7 +42,7 @@ import {
   nodeLabel,
   projectState,
   statusbarEl
-} from "./studio-6ewqv390.js";
+} from "./studio-m1p9b6c3.js";
 import {
   EDITOR_KIND_LABELS,
   primarySelection,
@@ -59,10 +59,10 @@ import {
   PRIMARY_PANE2,
   workspace2,
   activeTab2
-} from "./studio-k75n7vhp.js";
+} from "./studio-ez11dmdh.js";
 import {
   isMediaFile
-} from "./studio-jxp12rnj.js";
+} from "./studio-en82c639.js";
 import {
   POPOVER_DEFAULT_MODE,
   findPopoverDefects,
@@ -70,38 +70,38 @@ import {
   POPOVER_TAGS,
   INVOKER_TAGS,
   activeRegistry
-} from "./studio-kkqkcp3d.js";
+} from "./studio-p6pmwkvh.js";
 import {
   paneRegion,
   registerSurface,
   mountSurface,
   runReported,
   showConfirmDialog2
-} from "./studio-vfq8qpjt.js";
+} from "./studio-ympe0n7a.js";
 import {
   openMenu2
-} from "./studio-aj37eer3.js";
+} from "./studio-qa7fzxan.js";
 import {
   parseJsonDocument,
   serializeJson,
   shell
-} from "./studio-qk90fgqm.js";
+} from "./studio-mpzwze9x.js";
 import {
   deployStatusItem
-} from "./studio-mhhyamxf.js";
+} from "./studio-9j6sfeba.js";
 import {
   tabOfPane,
   derivationOfPane,
   findDialogDefects,
   flushCanvasEdits2
-} from "./studio-1z1kcjv4.js";
+} from "./studio-etvx9s2g.js";
 import {
   isRecentLocal2
-} from "./studio-g3jevyjt.js";
+} from "./studio-4c041r8y.js";
 import {
   showProgressModal,
   loadMediaUsages
-} from "./studio-tqgryxwg.js";
+} from "./studio-y4f9fdge.js";
 import {
   validateComponentSlots
 } from "./studio-q0a3yk4n.js";
@@ -386,7 +386,7 @@ function mountJumpBarSurface(host, region, actions) {
 var pane_grid_default = {
   $schema: "https://jxsuite.com/schema/v1",
   $id: "StudioPaneGrid",
-  $description: "The pane grid (studio.md §18.1): one cell per pane, with a splitter before every cell but the first. Every box here is EMPTY by design — the four inside a cell are hosts other modules fill (`panels/tab-strip.ts` the strip, `panels/jump-bar.ts` the jump bar, `panels/pane-context.ts` the chrome layer, `canvas/canvas-render.ts` the stage), and the stage is an ISLAND in the §9.4 sense: the canvas host mounts a cross-origin `<iframe>` into it, so nothing this document draws may ever go inside it. What the document owns is the STRUCTURE and the STYLE — the cell's own two-row grid, the three row-2 children that share its lower cell, and the splitter — which is `styles/shell.css`'s `.pane*` block and `styles/canvas.css`'s `.pane-stage` rule, carried here and keyed on `part`. Two things are load-bearing and easy to undo. (1) **A row that moves reloads an iframe**, so the keyed `$map` is not an optimisation: `workspace.panes[0]` is always the primary and `MAX_PANES` is 2, the key is the pane id, and the runtime's forward-cursor pass therefore never moves a kept row — gaining or losing the side pane leaves the primary's node, and the frame inside it, untouched. (2) **The splitter must sit BETWEEN two cells and inside neither**, so each row is a `display: contents` wrapper holding its own leading splitter and its cell: the wrapper generates no box, so the splitter and the two cells are the grid items of `#pane-grid` in DOM order, and a pointer landing on the splitter is in no cell at all. Every selector below is a `>` chain from the root, because a pane's stage hosts other surface documents and a bare `[part=\"row\"]` descendant rule would reach into them.",
+  $description: "The pane grid (studio.md §18.1): one cell per pane, with a splitter before every cell but the first. Every box here is EMPTY by design — the FIVE inside a cell are hosts other modules fill (`panels/tab-strip.ts` the strip, `panels/jump-bar.ts` the jump bar, `panels/pane-context.ts` the chrome layer, `canvas/canvas-render.ts` the stage, `panels/pane-grid.ts` itself the right-edge drop zone), and the stage is an ISLAND in the §9.4 sense: the canvas host mounts a cross-origin `<iframe>` into it, so nothing this document draws may ever go inside it. What the document owns is the STRUCTURE and the STYLE — the cell's own two-row grid, the three row-2 children that share its lower cell, and the splitter — which is `styles/shell.css`'s `.pane*` block and `styles/canvas.css`'s `.pane-stage` rule, carried here and keyed on `part`. Two things are load-bearing and easy to undo. (1) **A row that moves reloads an iframe**, so the keyed `$map` is not an optimisation: `workspace.panes[0]` is always the primary and `MAX_PANES` is 2, the key is the pane id, and the runtime's forward-cursor pass therefore never moves a kept row — gaining or losing the side pane leaves the primary's node, and the frame inside it, untouched. (2) **The splitter must sit BETWEEN two cells and inside neither**, so each row is a `display: contents` wrapper holding its own leading splitter and its cell: the wrapper generates no box, so the splitter and the two cells are the grid items of `#pane-grid` in DOM order, and a pointer landing on the splitter is in no cell at all. Every selector below is a `>` chain from the root, because a pane's stage hosts other surface documents and a bare `[part=\"row\"]` descendant rule would reach into them.",
   tagName: "div",
   attributes: {
     part: "grid",
@@ -412,7 +412,7 @@ var pane_grid_default = {
       zIndex: "10"
     },
     '& > [part="row"] > [part="pane"]': {
-      $description: 'ONE PANE, and one COLUMN, declared. Three children name `grid-row: 2` in order to share the lower cell, and auto-placement answers that by inventing an implicit column each: the jump bar, the chrome layer and the stage lined up side by side, the stage taking a third of the pane and pinning the document to the right edge. `grid-template-columns` is what makes "share the cell" mean it, and every row-2 child restates `grid-column: 1` so a future fourth one cannot re-open the same hole. No unit test can see this — happy-dom does no layout, so every rect is zero — which is why the screenshot lane is what caught it.',
+      $description: 'ONE PANE, and one COLUMN, declared. Four children name `grid-row: 2` in order to share the lower cell, and auto-placement answers that by inventing an implicit column each: the jump bar, the chrome layer, the stage and the drop zone lined up side by side, the stage taking a third of the pane and pinning the document to the right edge. `grid-template-columns` is what makes "share the cell" mean it, and every row-2 child restates `grid-column: 1` so a future fifth one cannot re-open the same hole. No unit test can see this — happy-dom does no layout, so every rect is zero — which is why the screenshot lane is what caught it.',
       display: "grid",
       gridTemplateColumns: "minmax(0, 1fr)",
       gridTemplateRows: "auto minmax(0, 1fr)",
@@ -467,11 +467,33 @@ var pane_grid_default = {
       display: "flex",
       gap: "var(--jx-space-6)",
       alignItems: "flex-start"
+    },
+    '& > [part="row"] > [part="pane"] > [part="drop-zone"]': {
+      $description: "The right-edge target that creates a second pane (§18.1). Sits ABOVE the stage (`z-index: 4` against the stage's own stacking, jump's 3, chrome's 2) so a drag reaches it before it reaches the cross-origin iframe underneath, which would otherwise swallow every drag event with no affordance to say so. `pointer-events: none` when unarmed — a mouse doing anything other than dragging a tab or a file must pass straight through to the stage — and `auto` only while `data-armed` is set, which `panels/pane-grid.ts`'s own arming monitor writes for the DURATION of a drag it recognises, never for a click.",
+      gridRow: "2",
+      gridColumn: "1",
+      position: "relative",
+      zIndex: "4",
+      minWidth: "0",
+      pointerEvents: "none"
+    },
+    '& > [part="row"] > [part="pane"] > [part="drop-zone"][data-armed]': {
+      pointerEvents: "auto"
+    },
+    '& > [part="row"] > [part="pane"] > [part="drop-zone"][data-over]::after': {
+      $description: "The right BAND, not the whole cell: the zone only ever ACCEPTS a drop in that band (`panels/pane-grid.ts`'s `edgeData`), so lighting the whole cell would promise a drop this element refuses everywhere else in it.",
+      content: '""',
+      position: "absolute",
+      insetBlock: "0",
+      insetInlineEnd: "0",
+      insetInlineStart: "50%",
+      background: "color-mix(in srgb, var(--accent) 14%, transparent)",
+      borderInlineStart: "2px solid var(--accent)"
     }
   },
   children: [
     {
-      $description: "Keyed on the PANE ID, and that is the whole of §18.1 rule 1's structural half: the key is what makes the runtime MOVE a kept row rather than rebuild it, and re-parenting is not a move for an `<iframe>` — it reloads, dropping its `iframe-channel` connection, its shadow document and every `ready` panel with it. A row renders complete (its cell, its four hosts and its splitter) inside the row's own effect scope before it is inserted, so there is no frame in which a cell exists with no stage inside it.",
+      $description: "Keyed on the PANE ID, and that is the whole of §18.1 rule 1's structural half: the key is what makes the runtime MOVE a kept row rather than rebuild it, and re-parenting is not a move for an `<iframe>` — it reloads, dropping its `iframe-channel` connection, its shadow document and every `ready` panel with it. A row renders complete (its cell, its five hosts and its splitter) inside the row's own effect scope before it is inserted, so there is no frame in which a cell exists with no stage inside it.",
       $prototype: "Array",
       items: { $ref: "#/state/rows" },
       key: { $ref: "$map/item/id" },
@@ -563,6 +585,16 @@ var pane_grid_default = {
                   part: "pane-stage",
                   "data-jx-region": "${$map.item.region}"
                 }
+              },
+              {
+                $description: "The right-edge drop target (§18.1). No `data-jx-region`: `pane.<id>` uniqueness names the stage, and a second element answering to it would be a silently widened crop the moment a shot cropped this pane.",
+                tagName: "div",
+                attributes: {
+                  part: "drop-zone",
+                  role: "none",
+                  "data-armed": "${state.armed ? '' : null}",
+                  "data-over": "${state.edgePane === $map.item.id ? '' : null}"
+                }
               }
             ]
           }
@@ -583,7 +615,8 @@ var CELL_PARTS = new Map([
   ["strip", "strip"],
   ["jump", "jump"],
   ["chrome", "chrome"],
-  ["pane-stage", "stage"]
+  ["pane-stage", "stage"],
+  ["drop-zone", "dropZone"]
 ]);
 function partOf(def) {
   const part = typeof def === "string" ? undefined : def.attributes?.["part"];
@@ -596,6 +629,8 @@ function paneOf(state) {
 function mountPaneGridSurface(host, rows, split, actions) {
   host.replaceChildren();
   const scope = reactive({
+    armed: false,
+    edgePane: "",
     move: actions.move,
     paneSplit: split.value,
     rows,
@@ -628,6 +663,10 @@ function mountPaneGridSurface(host, rows, split, actions) {
       mounted = null;
       host.replaceChildren();
     },
+    drag(state) {
+      scope.armed = state.armed;
+      scope.edgePane = state.edgePane;
+    },
     ready,
     update(next, value) {
       scope.rows = next;
@@ -2802,5 +2841,5 @@ async function renamePromptMessage2(path, verb = "rename") {
 
 export { cellValuesEqual, makeGridTabId, parseGridTabId, gridTabLabel, columnsFromSchema, inferColumnsFromRows, coerceCellInput, cellToText, ROW_KEY_FIELD, getGridController, createGridController, PANE_SELECTOR, STAGE_SELECTOR, mountPaneGridSurface, attachJumpBarHost, mountJumpBar, projectSessions, renderStatusbar, mountStatusbar, registerPopoverCommands, serializeDocument, notePreviewOverlayEdit, armPreviewOverlay, disarmPreviewOverlay, flushPreviewOverlay, mediaTypeEssence, parseSourceForPath2, parseCollabSource2, setDocumentSavedListener2, saveFile2, exportFile2, confirmFileDelete2, renamePromptMessage2 };
 
-//# debugId=4552E6F8EAA3D63064756E2164756E21
-//# sourceMappingURL=studio-gb13095a.js.map
+//# debugId=DBDB9C97E212B0A564756E2164756E21
+//# sourceMappingURL=studio-x10fp4tp.js.map

package/dist/chunks/{studio-8scdew0e.js → studio-x72j58vw.js}

@@ -2,13 +2,13 @@ import {
   resolveI18n,
   emptyContext,
   activeTab2
-} from "./studio-k75n7vhp.js";
+} from "./studio-ez11dmdh.js";
 import {
   projectState
-} from "./studio-6ewqv390.js";
+} from "./studio-m1p9b6c3.js";
 import {
   shell
-} from "./studio-qk90fgqm.js";
+} from "./studio-mpzwze9x.js";
 
 // src/commands/levels.ts
 var LEVELS = ["application", "project", "document", "selection"];
@@ -255,4 +255,4 @@ function railPanelSet() {
 export { LEVELS, KEY_SCOPES, CATEGORIES, checkRecordPlacements, panelContext, registerPanel, getPanel, listPanels, isPanelVisible, railGroups, railPanelSet };
 
 //# debugId=18BC2C98470D23FD64756E2164756E21
-//# sourceMappingURL=studio-8scdew0e.js.map
+//# sourceMappingURL=studio-x72j58vw.js.map

package/dist/chunks/{studio-tqgryxwg.js → studio-y4f9fdge.js}

@@ -5,20 +5,20 @@ import {
   normalizeProjectPath,
   showModal,
   close2
-} from "./studio-kkqkcp3d.js";
+} from "./studio-p6pmwkvh.js";
 import {
   syncDeployChecklist
-} from "./studio-mhhyamxf.js";
+} from "./studio-9j6sfeba.js";
 import {
   effectScope,
   effect,
   reactive,
   now,
   notify2
-} from "./studio-p1dw8wfw.js";
+} from "./studio-d8z5bajd.js";
 import {
   setBottomTab
-} from "./studio-qk90fgqm.js";
+} from "./studio-mpzwze9x.js";
 import {
   REGION_ATTR,
   overlayRegion,
@@ -26,10 +26,10 @@ import {
   mountSurface,
   whenReady,
   layerHost2
-} from "./studio-vfq8qpjt.js";
+} from "./studio-ympe0n7a.js";
 import {
   registerPanel
-} from "./studio-8scdew0e.js";
+} from "./studio-x72j58vw.js";
 import {
   peekUsages2,
   loadUsages2,
@@ -1168,4 +1168,4 @@ function showProgressModal(opts) {
 export { beginActivity, activityIdleBlockers, registerActivityPanel, showProgressModal, peekMediaUsages, loadMediaUsages, mediaUsageHeadline };
 
 //# debugId=0FE9D80FF9C2142764756E2164756E21
-//# sourceMappingURL=studio-tqgryxwg.js.map
+//# sourceMappingURL=studio-y4f9fdge.js.map

package/dist/chunks/{studio-vfq8qpjt.js → studio-ympe0n7a.js}

@@ -10,7 +10,7 @@ import {
   selectValue,
   registerUi,
   activeRegistry
-} from "./studio-kkqkcp3d.js";
+} from "./studio-p6pmwkvh.js";
 import {
   effectScope,
   effect,
@@ -18,7 +18,7 @@ import {
   toasts2,
   notify2,
   dismiss2
-} from "./studio-p1dw8wfw.js";
+} from "./studio-d8z5bajd.js";
 import {
   errorMessage2
 } from "./studio-yxa81f45.js";
@@ -1216,4 +1216,4 @@ function unmountToastHost() {
 export { mountsUsing, mountsOf, registerKit, REGION_ATTR, resolveRegion, REGION_FOR_FOCUS, paneRegion, paneStripRegion, navigatorPanelRegion, inspectorTabRegion, NAVIGATOR_STATEMENTS_REGION, inspectorStatementsRegion, bottomPanelRegion, overlayRegion, registerSurface, surfaceDocument, mountSurface, whenReady, openDialogSurface, runReported, runActiveReported, layerHost2, initLayers2, isModalOpen2, showConfirmDialog2, showSaveDiscardDialog2, showPromptDialog2, getLayerSlot2, clearLayerSlot2, overlayIdleBlockers2 };
 
 //# debugId=0892C6B4A7BF4FE464756E2164756E21
-//# sourceMappingURL=studio-vfq8qpjt.js.map
+//# sourceMappingURL=studio-ympe0n7a.js.map

package/dist/chunks/{studio-y9zedyjn.js → studio-z2smx5ce.js}

@@ -4,7 +4,7 @@ import {
 } from "./studio-6nzaktvy.js";
 import {
   notify2
-} from "./studio-p1dw8wfw.js";
+} from "./studio-d8z5bajd.js";
 
 // src/services/settings/definitions.ts
 function normalizeBaseUrl(raw) {
@@ -279,4 +279,4 @@ function watchRemoteSettings() {
 export { SETTINGS, readStoredSetting, hasSetting, onSettingsChanged, settingsSettled, setSetting, setSettings, clearSettings, hydrateSettings, watchRemoteSettings };
 
 //# debugId=8DE88702AC5D888464756E2164756E21
-//# sourceMappingURL=studio-y9zedyjn.js.map
+//# sourceMappingURL=studio-z2smx5ce.js.map

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

@@ -3,7 +3,7 @@ import {
 } from "./studio-6nzaktvy.js";
 import {
   projectState
-} from "./studio-6ewqv390.js";
+} from "./studio-m1p9b6c3.js";
 
 // ../schema/src/component-meta.ts
 function collectSlotDefs(node, out = []) {
@@ -145,4 +145,4 @@ function computeRelativePath2(fromDocPath, toCompPath) {
 export { componentMetaFrom, componentRegistry2, loadComponentRegistry2, noteComponentSaved2, buildComponentInstance2, computeRelativePath2 };
 
 //# debugId=466165F8ABAECB0564756E2164756E21
-//# sourceMappingURL=studio-zdn2g6dt.js.map
+//# sourceMappingURL=studio-zjjde71a.js.map

package/dist/chunks/{workspace-t55jdjbx.js → workspace-bnw54cha.js}

@@ -1,6 +1,7 @@
 import {
   PRIMARY_PANE2,
   SECONDARY_PANE2,
+  MAX_PANES2,
   workspace2,
   activeTab2,
   activePane2,
@@ -8,8 +9,11 @@ import {
   paneOfTab2,
   focusPane2,
   isPaneFocused2,
-  sidePane2,
+  splitRight2,
+  paneBeside2,
   receivingPane2,
+  closePane2,
+  paneIsEmpty2,
   detachTab2,
   insertIntoPane2,
   setWorkspaceProject2,
@@ -27,20 +31,22 @@ import {
   moveTabToPane2,
   renameTab2,
   registerTabCommands2
-} from "./studio-k75n7vhp.js";
-import"./studio-q3x06vmj.js";
-import"./studio-6ewqv390.js";
-import"./studio-vw7mzp6z.js";
+} from "./studio-ez11dmdh.js";
+import"./studio-wnsyffg1.js";
+import"./studio-m1p9b6c3.js";
+import"./studio-28vs5k2y.js";
 import"./studio-6nzaktvy.js";
-import"./studio-p1dw8wfw.js";
-import"./studio-7r42c6ca.js";
+import"./studio-3ntvq6cg.js";
+import"./studio-d8z5bajd.js";
 export {
+  MAX_PANES2 as MAX_PANES,
   PRIMARY_PANE2 as PRIMARY_PANE,
   SECONDARY_PANE2 as SECONDARY_PANE,
   activateTab2 as activateTab,
   activePane2 as activePane,
   activeTab2 as activeTab,
   closeAllTabs2 as closeAllTabs,
+  closePane2 as closePane,
   closeTab2 as closeTab,
   detachTab2 as detachTab,
   focusPane2 as focusPane,
@@ -50,7 +56,9 @@ export {
   moveTab2 as moveTab,
   moveTabToPane2 as moveTabToPane,
   openTab2 as openTab,
+  paneBeside2 as paneBeside,
   paneById2 as paneById,
+  paneIsEmpty2 as paneIsEmpty,
   paneOfTab2 as paneOfTab,
   promoteDirtyPreviewTabs2 as promoteDirtyPreviewTabs,
   promoteTab2 as promoteTab,
@@ -60,10 +68,10 @@ export {
   replaceAllTabs2 as replaceAllTabs,
   setTabPinned2 as setTabPinned,
   setWorkspaceProject2 as setWorkspaceProject,
-  sidePane2 as sidePane,
+  splitRight2 as splitRight,
   tabIsLive2 as tabIsLive,
   workspace2 as workspace
 };
 
-//# debugId=38ABE52702AF922364756E2164756E21
-//# sourceMappingURL=workspace-t55jdjbx.js.map
+//# debugId=DAA0C7B0A6B56CB064756E2164756E21
+//# sourceMappingURL=workspace-bnw54cha.js.map

package/dist/iframe-entry.js

@@ -28,7 +28,7 @@ var __chunks = (base, ids, nodes, entry) => {
   __chunkSeen ||= {};
   __preload(ids[entry], 1);
 };
-__chunks(import.meta.url,["1zk4r753","a73p0pqm","eptb614w","abk6qyee","780pvfbv","3sqv46sn","xgg3kfw7","yy10wk9r","5cndyft8","sp6tna8v","47z3ytva","2r16ez41","g7nm1rgb","t0n6h2rn","wbp1cdws","xbh5bhtr","v17df7b8","anwybnkn","44ez96fc","5e7jev23","s890b918","6v2ac08j","q99sy9rf","nbyxee1y","15g3n6xv","b27vq81n"],[["./iframe-entry.js"],["./chunks/tree-a73p0pqm.js"],["./chunks/tooltip-eptb614w.js",23],["./chunks/textfield-abk6qyee.js"],["./chunks/toast-780pvfbv.js",24],["./chunks/toast-host-3sqv46sn.js",24],["./chunks/color-xgg3kfw7.js",25],["./chunks/icons-yy10wk9r.js"],["./chunks/number-field-5cndyft8.js"],["./chunks/action-group-sp6tna8v.js"],["./chunks/popover-47z3ytva.js",23],["./chunks/select-2r16ez41.js"],["./chunks/split-g7nm1rgb.js"],["./chunks/swatch-group-t0n6h2rn.js"],["./chunks/tabs-wbp1cdws.js"],["./chunks/toolbar-xbh5bhtr.js"],["./chunks/color-area-v17df7b8.js",25],["./chunks/color-field-anwybnkn.js",25,23],["./chunks/color-slider-44ez96fc.js",25],["./chunks/combobox-5e7jev23.js",23],["./chunks/dialog-s890b918.js"],["./chunks/listbox-6v2ac08j.js"],["./chunks/menu-q99sy9rf.js",23],["./chunks/iframe-entry-nbyxee1y.js"],["./chunks/iframe-entry-15g3n6xv.js"],["./chunks/iframe-entry-b27vq81n.js"]],0);
+__chunks(import.meta.url,["e088w1ns","a73p0pqm","eptb614w","abk6qyee","780pvfbv","3sqv46sn","xgg3kfw7","yy10wk9r","5cndyft8","sp6tna8v","47z3ytva","2r16ez41","g7nm1rgb","t0n6h2rn","wbp1cdws","xbh5bhtr","v17df7b8","anwybnkn","44ez96fc","5e7jev23","s890b918","6v2ac08j","q99sy9rf","nbyxee1y","15g3n6xv","b27vq81n"],[["./iframe-entry.js"],["./chunks/tree-a73p0pqm.js"],["./chunks/tooltip-eptb614w.js",23],["./chunks/textfield-abk6qyee.js"],["./chunks/toast-780pvfbv.js",24],["./chunks/toast-host-3sqv46sn.js",24],["./chunks/color-xgg3kfw7.js",25],["./chunks/icons-yy10wk9r.js"],["./chunks/number-field-5cndyft8.js"],["./chunks/action-group-sp6tna8v.js"],["./chunks/popover-47z3ytva.js",23],["./chunks/select-2r16ez41.js"],["./chunks/split-g7nm1rgb.js"],["./chunks/swatch-group-t0n6h2rn.js"],["./chunks/tabs-wbp1cdws.js"],["./chunks/toolbar-xbh5bhtr.js"],["./chunks/color-area-v17df7b8.js",25],["./chunks/color-field-anwybnkn.js",25,23],["./chunks/color-slider-44ez96fc.js",25],["./chunks/combobox-5e7jev23.js",23],["./chunks/dialog-s890b918.js"],["./chunks/listbox-6v2ac08j.js"],["./chunks/menu-q99sy9rf.js",23],["./chunks/iframe-entry-nbyxee1y.js"],["./chunks/iframe-entry-15g3n6xv.js"],["./chunks/iframe-entry-b27vq81n.js"]],0);
 
 // src/canvas/iframe-channel.ts
 var ENVELOPE = "jx:canvas";
@@ -868,7 +868,11 @@ function reactiveReadArray(array) {
   if (raw === array)
     return raw;
   track(raw, "iterate", ARRAY_ITERATE_KEY);
-  return isShallow(array) ? raw : raw.map(toReactive);
+  if (isShallow(array))
+    return raw;
+  if (!isReadonly(array))
+    return raw.map(toReactive);
+  return isReactive(array) ? raw.map((item) => toReadonly(toReactive(item))) : raw.map(toReadonly);
 }
 function shallowReadArray(arr) {
   track(arr = toRaw(arr), "iterate", ARRAY_ITERATE_KEY);
@@ -9865,5 +9869,5 @@ export {
   startCanvasIframe
 };
 
-//# debugId=2FA5492A7FC7235764756E2164756E21
+//# debugId=79BB51FCC1FC2ADA64756E2164756E21
 //# sourceMappingURL=iframe-entry.js.map

package/dist/studio.css

@@ -7366,7 +7366,6 @@
 
 .tabulator .tabulator-header .tabulator-frozen-rows-holder {
   display: inline-block;
-  padding-top: 1em;
 }
 
 .tabulator .tabulator-header .tabulator-frozen-rows-holder:empty {
@@ -7433,7 +7432,7 @@
 .tabulator .tabulator-tableholder .tabulator-range-overlay {
   pointer-events: none;
   position: absolute;
-  z-index: 10;
+  z-index: 11;
   inset: 0;
 }