@jxsuite/studio 5.1.0 → 5.3.0

package/dist/chunks/{studio-k75n7vhp.js → studio-gk2twyh4.js}

@@ -6,10 +6,10 @@ import {
   toRaw,
   computed,
   notify2
-} from "./studio-p1dw8wfw.js";
+} from "./studio-d8z5bajd.js";
 import {
   commitTabBuffers2
-} from "./studio-q3x06vmj.js";
+} from "./studio-wnsyffg1.js";
 import {
   getPlatform2
 } from "./studio-6nzaktvy.js";
@@ -17,12 +17,12 @@ import {
   formatByName2,
   formatForPath2,
   defaultContentFormat2
-} from "./studio-vw7mzp6z.js";
+} from "./studio-6gryj0sg.js";
 import {
   getNestedStyle,
   ensureNestedStyle,
   isEventBinding
-} from "./studio-7r42c6ca.js";
+} from "./studio-3ntvq6cg.js";
 import {
   getNodeAtPath2,
   normalizeArrayChildren,
@@ -31,7 +31,7 @@ import {
   pathsEqual,
   isAncestor,
   projectState
-} from "./studio-6ewqv390.js";
+} from "./studio-m1p9b6c3.js";
 import {
   cloneValue2,
   childArray2,
@@ -2743,6 +2743,7 @@ function coerceArgs(commandId, schema, args) {
 var CLOSED_TAB_LIMIT = 20;
 var PRIMARY_PANE2 = "primary";
 var SECONDARY_PANE2 = "secondary";
+var MAX_PANES2 = 2;
 var workspace2 = reactive({
   activePaneId: PRIMARY_PANE2,
   clipboard: null,
@@ -2808,28 +2809,30 @@ function focusPane2(paneId) {
 function isPaneFocused2(paneId) {
   return workspace2.activePaneId === paneId;
 }
-function splitRight() {
-  const source = activePane2();
-  const tabId = source.activeTabId;
-  const tab = tabId ? workspace2.tabs.get(tabId) : null;
-  if (!tabId || !tab) {
+function splitRight2(tabId) {
+  const id = tabId ?? activePane2().activeTabId;
+  const tab = id ? workspace2.tabs.get(id) : null;
+  if (!id || !tab) {
     return null;
   }
-  const target = receivingPane2();
-  detachTab2(tabId);
-  insertIntoPane2(target, tabId);
-  target.activeTabId = tabId;
+  const source = paneOfTab2(id);
+  if (!source) {
+    return null;
+  }
+  const target = receivingPane2(source.id);
+  detachTab2(id);
+  insertIntoPane2(target, id);
+  target.activeTabId = id;
   workspace2.activePaneId = target.id;
   resetTabCycle();
-  promoteMru(tabId);
+  promoteMru(id);
   return target;
 }
-function sidePane2() {
-  const source = activePane2();
-  return workspace2.panes.find((pane) => pane.id !== source.id) ?? addPane(SECONDARY_PANE2);
+function paneBeside2(paneId) {
+  return workspace2.panes.find((pane) => pane.id !== paneId) ?? addPane(SECONDARY_PANE2);
 }
-function receivingPane2() {
-  const target = sidePane2();
+function receivingPane2(paneId) {
+  const target = paneBeside2(paneId);
   if (target.derived) {
     target.derived = null;
   }
@@ -2851,7 +2854,7 @@ function addPane(paneId) {
   ];
   return paneById2(paneId);
 }
-function closePane(paneId) {
+function closePane2(paneId) {
   if (workspace2.panes.length < 2) {
     return;
   }
@@ -2872,7 +2875,7 @@ function closePane(paneId) {
   workspace2.panes = workspace2.panes.filter((candidate) => candidate.id !== pane.id);
   resetTabCycle();
 }
-function paneIsEmpty(pane) {
+function paneIsEmpty2(pane) {
   return pane.tabOrder.length === 0 && pane.derived === null;
 }
 function detachTab2(tabId) {
@@ -2885,12 +2888,12 @@ function detachTab2(tabId) {
     if (pane.activeTabId === tabId) {
       pane.activeTabId = pane.tabOrder.at(-1) ?? null;
     }
-    if (pane.id !== PRIMARY_PANE2 && paneIsEmpty(pane)) {
+    if (pane.id !== PRIMARY_PANE2 && paneIsEmpty2(pane)) {
       emptied.push(pane.id);
     }
   }
   for (const paneId of emptied) {
-    closePane(paneId);
+    closePane2(paneId);
   }
 }
 function insertIntoPane2(pane, tabId, index) {
@@ -3025,12 +3028,19 @@ function moveTab2(tabId, toIndex) {
   if (!tab || !pane) {
     return;
   }
+  pane.tabOrder = reorderWithinPane(pane, tabId, toIndex);
+}
+function reorderWithinPane(pane, tabId, toIndex) {
+  const tab = workspace2.tabs.get(tabId);
+  if (!tab) {
+    return pane.tabOrder;
+  }
   const without = pane.tabOrder.filter((id) => id !== tabId);
   const boundary = without.filter((id) => workspace2.tabs.get(id)?.pinned === true).length;
   const lower = tab.pinned ? 0 : boundary;
   const upper = tab.pinned ? boundary : without.length;
   const at = Math.min(Math.max(toIndex, lower), upper);
-  pane.tabOrder = [...without.slice(0, at), tabId, ...without.slice(at)];
+  return [...without.slice(0, at), tabId, ...without.slice(at)];
 }
 function closeTab2(tabId) {
   const tab = workspace2.tabs.get(tabId);
@@ -3045,8 +3055,8 @@ function closeTab2(tabId) {
   detachTab2(tabId);
   workspace2.mruOrder = workspace2.mruOrder.filter((id) => id !== tabId);
   resetTabCycle();
-  if (pane && paneIsEmpty(pane)) {
-    closePane(pane.id);
+  if (pane && paneIsEmpty2(pane)) {
+    closePane2(pane.id);
   }
   if (!wasActive) {
     return;
@@ -3128,16 +3138,19 @@ function replaceAllTabs2(newTabOpts) {
 function activateTab2(tabId, opts = {}) {
   setActiveTab(tabId, opts);
 }
-function moveTabToPane2(tabId, paneId) {
+function moveTabToPane2(tabId, paneId, index) {
   const pane = paneById2(paneId);
   if (!pane || !workspace2.tabs.has(tabId)) {
     return null;
   }
   if (pane.tabOrder.includes(tabId)) {
+    if (index !== undefined) {
+      pane.tabOrder = reorderWithinPane(pane, tabId, index);
+    }
     return pane;
   }
   detachTab2(tabId);
-  insertIntoPane2(pane, tabId);
+  insertIntoPane2(pane, tabId, index);
   return pane;
 }
 function renameTab2(oldId, newId, newDocumentPath) {
@@ -3228,6 +3241,31 @@ function tabCommands(deps) {
         }
       }
     },
+    {
+      args: argsSchema({
+        file: stringProperty('Project-relative path of the file to open in the other pane, e.g. "pages/about.json". ' + "It must exist.")
+      }),
+      id: "document.openToSide",
+      title: "Open to the Side",
+      category: "Document",
+      level: "project",
+      menus: ["context/file", "palette"],
+      group: "1_file",
+      when: (ctx) => ctx.project.open,
+      requires: "an open project",
+      undo: "none",
+      run: async (_ctx, args) => {
+        const file = stringArg("document.openToSide", args, "file");
+        const target = receivingPane2(activePane2().id);
+        await deps.openFile(file, { paneId: target.id });
+        if (![...workspace2.tabs.values()].some((tab) => tab.documentPath === file)) {
+          if (paneIsEmpty2(target) && target.id !== PRIMARY_PANE2) {
+            closePane2(target.id);
+          }
+          throw new RangeError(`command "document.openToSide" argument "file": "${file}" could not be opened — it ` + `does not exist, or no editor claims its format. Problems has the reason.`);
+        }
+      }
+    },
     {
       id: "document.reopenClosed",
       title: "Reopen Closed Document",
@@ -3319,7 +3357,7 @@ function paneCommands(deps) {
       requires: "an open document",
       undo: "none",
       run: () => {
-        splitRight();
+        splitRight2();
       }
     },
     {
@@ -3343,7 +3381,7 @@ function paneCommands(deps) {
         if (held?.documentPath === path) {
           throw new RangeError(`command "pane.compareWith" argument "path": "${path}" is the document this pane is ` + `already showing — name a different one`);
         }
-        await deps.openFileInPane(receivingPane2().id, path);
+        await deps.openFileInPane(receivingPane2(here.id).id, path);
       }
     },
     {
@@ -3394,14 +3432,14 @@ function runUnsplit() {
   const derived = workspace2.panes.find((pane) => pane.derived !== null);
   if (derived?.id === PRIMARY_PANE2) {
     derived.derived = null;
-    if (!paneIsEmpty(derived)) {
+    if (!paneIsEmpty2(derived)) {
       return;
     }
   }
-  closePane(derived?.id ?? SECONDARY_PANE2);
+  closePane2(derived?.id ?? SECONDARY_PANE2);
 }
 
-export { LANGUAGE_TAG_PATTERN, canonicalizeLocale, isWellFormedLocale, localeDirection, localeLabel, resolveI18n, localeOfPath, servedLocaleOfPath, translationKeyOfPath, translationPathFor, EDITOR_KIND_LABELS, editorKindForMode, canvasViewForMode, inCanvas, hasSelection, hasElementSelection, emptyContext, makeContext, keyScopeStack, PROJECT_CONFIG_PATH, createTab, editorKindOf, editorKindsOf, modeForEditorKind, disposeTab, primarySelection, selectionAnchor, isSelected, cloneSelection, toggleSelected, rangeSelection, isSpliceablePath, structuralBatch, uniquePaths, unifyValues, setPatchConsumer, recordDocOp, transactDoc, transact, beginBatch, endBatch, isBatching, batchTab, setHistoryDelegate, canUndo, canRedo, undo, redo, mutateInsertNode, mutateRemoveNode, mutateDuplicateNode, mutateRemoveNodes, mutateDuplicateNodes, mutateWrapNode, mutateMoveNode, mutateUpdateProperty, mutateUpdateStyle, mutateUpdateAttribute, mutateUpdateMediaStyle, mutateUpdateNestedStyle, mutateUpdateMediaNestedStyle, mutateUpdateNestedStylePath, mutateUpdateMediaNestedStylePath, mutateReplaceStyle, mutateAddDef, mutateRemoveDef, mutateUpdateDef, mutateRenameDef, mutateUpdateProp, mutateAddSwitchCase, mutateRemoveSwitchCase, mutateRenameSwitchCase, mutateUpdateFrontmatter, collabState, isCollabPath, stringArg, optionalStringArg, boundedNumberArg, booleanArg, enumArg, pathArg, nullablePathArg, pathListArg, argsSchema, enumProperty, derivedEnumProperty, numberProperty, booleanProperty, pathProperty, pathListProperty, stringProperty, coerceArgs, LOCALE_PLACEHOLDER, collectionForDirectory, collectionForFile, camelToLabel, toCamelCase, kebabToLabel, propLabel, attrLabel, abbreviateValue, isMediaFormat, inferInputType, findContentTypeSchema, friendlyNameToVar, varDisplayName, parseCemType, jsonClone, configureCollabSerializer, configureCollabParser, configureCollabNotifier, collabSourceContext, collabReadOnly, collabSave, flushAllCollab, setCollabEnabled, isCollabEnabled, PRIMARY_PANE2, SECONDARY_PANE2, workspace2, activeTab2, activePane2, paneById2, paneOfTab2, focusPane2, isPaneFocused2, sidePane2, receivingPane2, detachTab2, insertIntoPane2, setWorkspaceProject2, isTabActive2, tabIsLive2, openTab2, promoteTab2, promoteDirtyPreviewTabs2, setTabPinned2, moveTab2, closeTab2, closeAllTabs2, replaceAllTabs2, activateTab2, moveTabToPane2, renameTab2, registerTabCommands2 };
+export { LANGUAGE_TAG_PATTERN, canonicalizeLocale, isWellFormedLocale, localeDirection, localeLabel, resolveI18n, localeOfPath, servedLocaleOfPath, translationKeyOfPath, translationPathFor, EDITOR_KIND_LABELS, editorKindForMode, canvasViewForMode, inCanvas, hasSelection, hasElementSelection, emptyContext, makeContext, keyScopeStack, PROJECT_CONFIG_PATH, createTab, editorKindOf, editorKindsOf, modeForEditorKind, disposeTab, primarySelection, selectionAnchor, isSelected, cloneSelection, toggleSelected, rangeSelection, isSpliceablePath, structuralBatch, uniquePaths, unifyValues, setPatchConsumer, recordDocOp, transactDoc, transact, beginBatch, endBatch, isBatching, batchTab, setHistoryDelegate, canUndo, canRedo, undo, redo, mutateInsertNode, mutateRemoveNode, mutateDuplicateNode, mutateRemoveNodes, mutateDuplicateNodes, mutateWrapNode, mutateMoveNode, mutateUpdateProperty, mutateUpdateStyle, mutateUpdateAttribute, mutateUpdateMediaStyle, mutateUpdateNestedStyle, mutateUpdateMediaNestedStyle, mutateUpdateNestedStylePath, mutateUpdateMediaNestedStylePath, mutateReplaceStyle, mutateAddDef, mutateRemoveDef, mutateUpdateDef, mutateRenameDef, mutateUpdateProp, mutateAddSwitchCase, mutateRemoveSwitchCase, mutateRenameSwitchCase, mutateUpdateFrontmatter, collabState, isCollabPath, stringArg, optionalStringArg, boundedNumberArg, booleanArg, enumArg, pathArg, nullablePathArg, pathListArg, argsSchema, enumProperty, derivedEnumProperty, numberProperty, booleanProperty, pathProperty, pathListProperty, stringProperty, coerceArgs, LOCALE_PLACEHOLDER, collectionForDirectory, collectionForFile, camelToLabel, toCamelCase, kebabToLabel, propLabel, attrLabel, abbreviateValue, isMediaFormat, inferInputType, findContentTypeSchema, friendlyNameToVar, varDisplayName, parseCemType, jsonClone, configureCollabSerializer, configureCollabParser, configureCollabNotifier, collabSourceContext, collabReadOnly, collabSave, flushAllCollab, setCollabEnabled, isCollabEnabled, PRIMARY_PANE2, SECONDARY_PANE2, MAX_PANES2, workspace2, activeTab2, activePane2, paneById2, paneOfTab2, focusPane2, isPaneFocused2, splitRight2, paneBeside2, receivingPane2, closePane2, paneIsEmpty2, detachTab2, insertIntoPane2, setWorkspaceProject2, isTabActive2, tabIsLive2, openTab2, promoteTab2, promoteDirtyPreviewTabs2, setTabPinned2, moveTab2, closeTab2, closeAllTabs2, replaceAllTabs2, activateTab2, moveTabToPane2, renameTab2, registerTabCommands2 };
 
-//# debugId=835A5B58C44D6A6B64756E2164756E21
-//# sourceMappingURL=studio-k75n7vhp.js.map
+//# debugId=CC161DFB5A8EC33464756E2164756E21
+//# sourceMappingURL=studio-gk2twyh4.js.map

package/dist/chunks/{studio-syg2tadj.js → studio-gtfq1dkz.js}

@@ -3,13 +3,13 @@ import {
 } from "./studio-6nzaktvy.js";
 import {
   normalizeProjectPath
-} from "./studio-kkqkcp3d.js";
+} from "./studio-d1n2bykn.js";
 import {
   extensionOf,
   mediaKind,
   baseName,
   dirName
-} from "./studio-jxp12rnj.js";
+} from "./studio-b7xacrwe.js";
 
 // src/files/media-meta.ts
 var settled = new Map;
@@ -115,4 +115,4 @@ function mediaMetaSummary(meta) {
 export { peekMediaMeta, seedMediaMeta, loadMediaMeta, recordImageSize, invalidateMediaMeta, formatBytes, mediaMetaSummary };
 
 //# debugId=23AD97ADF0A22AE164756E2164756E21
-//# sourceMappingURL=studio-syg2tadj.js.map
+//# sourceMappingURL=studio-gtfq1dkz.js.map

package/dist/chunks/{studio-1knfqgy7.js → studio-j0w60gft.js}

@@ -3,10 +3,10 @@ import {
 } from "./studio-6nzaktvy.js";
 import {
   projectState
-} from "./studio-6ewqv390.js";
+} from "./studio-m1p9b6c3.js";
 import {
   reactive
-} from "./studio-p1dw8wfw.js";
+} from "./studio-d8z5bajd.js";
 import {
   loadFormats2,
   formatByName2,
@@ -14,21 +14,21 @@ import {
   documentExtensions2,
   defaultContentFormat2,
   formatSerialize2
-} from "./studio-vw7mzp6z.js";
+} from "./studio-6gryj0sg.js";
 import {
   workspace2
-} from "./studio-k75n7vhp.js";
+} from "./studio-gk2twyh4.js";
 import {
   markLocalMutation2,
   isRecentLocal2
-} from "./studio-g3jevyjt.js";
+} from "./studio-4c041r8y.js";
 import {
   makeGridTabId,
   columnsFromSchema,
   inferColumnsFromRows,
   getGridController,
   parseSourceForPath2
-} from "./studio-gb13095a.js";
+} from "./studio-ke09tn9k.js";
 import {
   __preload
 } from "./studio-5te5tqng.js";
@@ -330,7 +330,7 @@ function buildEntryFileSource(opts) {
           await writeEntry(path, entry, patches);
           outcome(true);
           if (openTab) {
-            const { reloadFileInTab } = await (__preload("hnxqxtsg"), import("./files-hnxqxtsg.js"));
+            const { reloadFileInTab } = await (__preload("y6fr4he9"), import("./files-y6fr4he9.js"));
             reloadFileInTab(path);
           }
         } catch (error) {
@@ -495,4 +495,4 @@ function createPagesSource2() {
 export { DRAFT_FIELD, DRAFT_MEANING, isDraftEntry, hasDraftAxis, setIncludeDrafts, collectionInfo2, collectionDirs2, listCollectionEntryIds2, reloadDraftAwareGrids2, createCollectionSource2, createPagesSource2 };
 
 //# debugId=9A9477683F06DFEB64756E2164756E21
-//# sourceMappingURL=studio-1knfqgy7.js.map
+//# sourceMappingURL=studio-j0w60gft.js.map

package/dist/chunks/{studio-aj37eer3.js → studio-jt27ta6x.js}

@@ -1,15 +1,15 @@
 import {
   ensureCaret
-} from "./studio-kkqkcp3d.js";
+} from "./studio-d1n2bykn.js";
 import {
   registerSurface,
   mountSurface,
   getLayerSlot2,
   clearLayerSlot2
-} from "./studio-vfq8qpjt.js";
+} from "./studio-0j7r7s9g.js";
 import {
   reactive
-} from "./studio-p1dw8wfw.js";
+} from "./studio-d8z5bajd.js";
 import {
   rectOf
 } from "./studio-rs76k67r.js";
@@ -419,4 +419,4 @@ function restoreFocus(opener) {
 export { openMenu2 };
 
 //# debugId=AF40C481EA74291464756E2164756E21
-//# sourceMappingURL=studio-aj37eer3.js.map
+//# sourceMappingURL=studio-jt27ta6x.js.map

package/dist/chunks/{studio-gb13095a.js → studio-ke09tn9k.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-6gryj0sg.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-gk2twyh4.js";
 import {
   isMediaFile
-} from "./studio-jxp12rnj.js";
+} from "./studio-b7xacrwe.js";
 import {
   POPOVER_DEFAULT_MODE,
   findPopoverDefects,
@@ -70,38 +70,38 @@ import {
   POPOVER_TAGS,
   INVOKER_TAGS,
   activeRegistry
-} from "./studio-kkqkcp3d.js";
+} from "./studio-d1n2bykn.js";
 import {
   paneRegion,
   registerSurface,
   mountSurface,
   runReported,
   showConfirmDialog2
-} from "./studio-vfq8qpjt.js";
+} from "./studio-0j7r7s9g.js";
 import {
   openMenu2
-} from "./studio-aj37eer3.js";
+} from "./studio-jt27ta6x.js";
 import {
   parseJsonDocument,
   serializeJson,
   shell
-} from "./studio-qk90fgqm.js";
+} from "./studio-fzjx96t2.js";
 import {
   deployStatusItem
-} from "./studio-mhhyamxf.js";
+} from "./studio-nsgw7dbk.js";
 import {
   tabOfPane,
   derivationOfPane,
   findDialogDefects,
   flushCanvasEdits2
-} from "./studio-1z1kcjv4.js";
+} from "./studio-drg8qj9k.js";
 import {
   isRecentLocal2
-} from "./studio-g3jevyjt.js";
+} from "./studio-4c041r8y.js";
 import {
   showProgressModal,
   loadMediaUsages
-} from "./studio-tqgryxwg.js";
+} from "./studio-cgprcdxn.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-ke09tn9k.js.map

package/dist/chunks/{studio-d0300636.js → studio-ks2zzth2.js}

@@ -3579,6 +3579,20 @@ var schema_default = {
             }
           ]
         },
+        oninstallresult: {
+          description: 'Event handler for the "installresult" event.',
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            },
+            {
+              $ref: "#/$defs/FunctionDef"
+            }
+          ]
+        },
         oninvalid: {
           description: 'Event handler for the "invalid" event.',
           oneOf: [
@@ -27923,6 +27937,7 @@ var schema_default = {
         "img",
         "input",
         "ins",
+        "install",
         "kbd",
         "label",
         "legend",
@@ -29351,5 +29366,5 @@ var project_schema_default = {
 
 export { schema_default, project_schema_default };
 
-//# debugId=E8EEF42BD8F1B5B664756E2164756E21
-//# sourceMappingURL=studio-d0300636.js.map
+//# debugId=31FF1A1BF06B525764756E2164756E21
+//# sourceMappingURL=studio-ks2zzth2.js.map

package/dist/chunks/{studio-6ewqv390.js → studio-m1p9b6c3.js}

@@ -1,8 +1,8 @@
 import {
-  isRef2,
+  isRef,
   isEventBinding,
   displayTagName
-} from "./studio-7r42c6ca.js";
+} from "./studio-3ntvq6cg.js";
 
 // src/ui/timing.ts
 var INPUT_DEBOUNCE = 400;
@@ -142,7 +142,7 @@ function nodeLabel(node) {
   }
   if (node.$prototype === "Array") {
     const { items } = node;
-    const ref = (isRef2(items) ? items.$ref : undefined) || "items";
+    const ref = (isRef(items) ? items.$ref : undefined) || "items";
     return `Repeater → ${ref}`;
   }
   if (node.$title) {
@@ -351,5 +351,5 @@ function updateCanvas(tab, patch) {
 
 export { INPUT_DEBOUNCE, LIVE_PREVIEW, POLL_GIT, getNodeAtPath2, childList, normalizeArrayChildren, parentElementPath, childIndex, pathKey, pathsEqual, isAncestor, flattenTree, nodeLabel, projectState, setProjectState, requireProjectState, stripEventHandlers, activityBar, leftPanel, rightPanel, toolbarEl, statusbarEl, initShellRefs, VOID_ELEMENTS, COMMON_SELECTORS, isNestedSelector, debouncedStyleCommit, cancelStyleDebounce, rendersInFlight, registerRenderer, render3, renderOnly, updateSession, updateUi, updateCanvas };
 
-//# debugId=4E217858397A673D64756E2164756E21
-//# sourceMappingURL=studio-6ewqv390.js.map
+//# debugId=9800A80DF4A0581E64756E2164756E21
+//# sourceMappingURL=studio-m1p9b6c3.js.map

package/dist/chunks/{studio-qk4bfsq2.js → studio-msc1ee1m.js}

@@ -4,7 +4,7 @@ import {
 import {
   reactive,
   notify2
-} from "./studio-p1dw8wfw.js";
+} from "./studio-d8z5bajd.js";
 import {
   REGION_ATTR,
   overlayRegion,
@@ -12,11 +12,11 @@ import {
   mountSurface,
   whenReady,
   layerHost2
-} from "./studio-vfq8qpjt.js";
+} from "./studio-0j7r7s9g.js";
 import {
   showModal,
   close2
-} from "./studio-kkqkcp3d.js";
+} from "./studio-d1n2bykn.js";
 // src/surfaces/github-auth.json
 var github_auth_default = {
   $schema: "https://jxsuite.com/schema/v1",
@@ -359,4 +359,4 @@ async function authenticateGithub() {
 export { githubTokenStored, githubTokenLocation, clearGithubToken, authenticateGithub };
 
 //# debugId=6031989CF8E575E564756E2164756E21
-//# sourceMappingURL=studio-qk4bfsq2.js.map
+//# sourceMappingURL=studio-msc1ee1m.js.map