@jxsuite/studio 5.0.0 → 5.2.0

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

@@ -4,14 +4,14 @@ import {
 } from "./studio-6nzaktvy.js";
 import {
   displayTagName
-} from "./studio-7r42c6ca.js";
+} from "./studio-3ntvq6cg.js";
 import {
   errorMessage2
 } from "./studio-yxa81f45.js";
 import {
   loadUsages2,
   usageWarning2
-} from "./studio-81390n6f.js";
+} from "./studio-nq5yf5mp.js";
 import {
   effectScope,
   onScopeDispose,
@@ -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-79y5sz51.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-az3zd49t.js";
+} from "./studio-ez11dmdh.js";
 import {
   isMediaFile
-} from "./studio-vz68yn9e.js";
+} from "./studio-en82c639.js";
 import {
   POPOVER_DEFAULT_MODE,
   findPopoverDefects,
@@ -70,37 +70,38 @@ import {
   POPOVER_TAGS,
   INVOKER_TAGS,
   activeRegistry
-} from "./studio-5jy81t3s.js";
+} from "./studio-p6pmwkvh.js";
 import {
   paneRegion,
   registerSurface,
   mountSurface,
+  runReported,
   showConfirmDialog2
-} from "./studio-erdatzvp.js";
+} from "./studio-ympe0n7a.js";
 import {
   openMenu2
-} from "./studio-3gxv60tn.js";
+} from "./studio-qa7fzxan.js";
 import {
   parseJsonDocument,
   serializeJson,
   shell
-} from "./studio-25hkdrkw.js";
+} from "./studio-mpzwze9x.js";
 import {
   deployStatusItem
-} from "./studio-tb3ev01j.js";
+} from "./studio-9j6sfeba.js";
 import {
   tabOfPane,
   derivationOfPane,
   findDialogDefects,
   flushCanvasEdits2
-} from "./studio-rkstz940.js";
+} from "./studio-etvx9s2g.js";
 import {
   isRecentLocal2
-} from "./studio-8jn5yhyn.js";
+} from "./studio-4c041r8y.js";
 import {
   showProgressModal,
   loadMediaUsages
-} from "./studio-cpvb2ed1.js";
+} from "./studio-y4f9fdge.js";
 import {
   validateComponentSlots
 } from "./studio-q0a3yk4n.js";
@@ -385,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",
@@ -411,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)",
@@ -466,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" },
@@ -562,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}"
+                }
               }
             ]
           }
@@ -582,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"];
@@ -595,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,
@@ -627,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;
@@ -805,7 +845,7 @@ function openChoices(segment, anchor) {
     dividerAbove: false,
     id: String(i),
     run: () => {
-      registry.run(choice.command, choice.args);
+      runReported(registry, choice.command, choice.args, "Jump Bar");
     },
     title: choice.label
   }));
@@ -876,7 +916,7 @@ function attachJumpBarHost(paneId, host) {
         const segment = _bars.get(paneId)?.segments.get(key);
         const registry = activeRegistry();
         if (segment?.command && registry) {
-          registry.run(segment.command, segment.args);
+          runReported(registry, segment.command, segment.args, "Jump Bar");
         }
       }
     })
@@ -1196,7 +1236,7 @@ function state() {
       const item = _state?.fields.flatMap((field) => field.items).find((i) => i.key === key);
       const registry = activeRegistry();
       if (item?.command && registry) {
-        registry.run(item.command, item.args);
+        runReported(registry, item.command, item.args, "Status Bar");
       }
     }
   });
@@ -2801,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=F690D395FACA498E64756E2164756E21
-//# sourceMappingURL=studio-rpyah2ew.js.map
+//# debugId=DBDB9C97E212B0A564756E2164756E21
+//# sourceMappingURL=studio-x10fp4tp.js.map

package/dist/chunks/{studio-26d7myd1.js → studio-x72j58vw.js}

@@ -2,13 +2,13 @@ import {
   resolveI18n,
   emptyContext,
   activeTab2
-} from "./studio-az3zd49t.js";
+} from "./studio-ez11dmdh.js";
 import {
   projectState
-} from "./studio-6ewqv390.js";
+} from "./studio-m1p9b6c3.js";
 import {
   shell
-} from "./studio-25hkdrkw.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-26d7myd1.js.map
+//# sourceMappingURL=studio-x72j58vw.js.map

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

@@ -5,20 +5,20 @@ import {
   normalizeProjectPath,
   showModal,
   close2
-} from "./studio-5jy81t3s.js";
+} from "./studio-p6pmwkvh.js";
 import {
   syncDeployChecklist
-} from "./studio-tb3ev01j.js";
+} from "./studio-9j6sfeba.js";
 import {
   effectScope,
   effect,
   reactive,
   now,
   notify2
-} from "./studio-p1dw8wfw.js";
+} from "./studio-d8z5bajd.js";
 import {
   setBottomTab
-} from "./studio-25hkdrkw.js";
+} from "./studio-mpzwze9x.js";
 import {
   REGION_ATTR,
   overlayRegion,
@@ -26,15 +26,15 @@ import {
   mountSurface,
   whenReady,
   layerHost2
-} from "./studio-erdatzvp.js";
+} from "./studio-ympe0n7a.js";
 import {
   registerPanel
-} from "./studio-26d7myd1.js";
+} from "./studio-x72j58vw.js";
 import {
   peekUsages2,
   loadUsages2,
   usageHeadline2
-} from "./studio-81390n6f.js";
+} from "./studio-nq5yf5mp.js";
 // src/surfaces/panel-activity.json
 var panel_activity_default = {
   $schema: "https://jxsuite.com/schema/v1",
@@ -1168,4 +1168,4 @@ function showProgressModal(opts) {
 export { beginActivity, activityIdleBlockers, registerActivityPanel, showProgressModal, peekMediaUsages, loadMediaUsages, mediaUsageHeadline };
 
 //# debugId=0FE9D80FF9C2142764756E2164756E21
-//# sourceMappingURL=studio-cpvb2ed1.js.map
+//# sourceMappingURL=studio-y4f9fdge.js.map

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

@@ -10,14 +10,18 @@ import {
   selectValue,
   registerUi,
   activeRegistry
-} from "./studio-5jy81t3s.js";
+} from "./studio-p6pmwkvh.js";
 import {
   effectScope,
   effect,
   reactive,
   toasts2,
+  notify2,
   dismiss2
-} from "./studio-p1dw8wfw.js";
+} from "./studio-d8z5bajd.js";
+import {
+  errorMessage2
+} from "./studio-yxa81f45.js";
 
 // src/ui/regions.ts
 var REGION_ATTR = "data-jx-region";
@@ -875,6 +879,31 @@ var toasts_default = {
   ]
 };
 
+// src/commands/run-reported.ts
+function isRefusal(error) {
+  return error instanceof RangeError || error instanceof Error && error.name === "CommandUnavailableError";
+}
+function runReported(registry, id, args, source = id) {
+  const report = (error) => {
+    if (!isRefusal(error)) {
+      console.error(`${source}: command "${id}" failed`, error);
+    }
+    notify2.error(errorMessage2(error), { key: `command.run:${id}`, source });
+  };
+  let result;
+  try {
+    result = registry.run(id, args);
+  } catch (error) {
+    report(error);
+    return Promise.resolve();
+  }
+  return Promise.resolve(result).catch(report);
+}
+function runActiveReported(id, args, source) {
+  const registry = activeRegistry();
+  return registry ? runReported(registry, id, args, source) : Promise.resolve();
+}
+
 // src/ui/layers.ts
 var _popoverLayer;
 var _modalLayer;
@@ -1121,7 +1150,7 @@ function toastScope() {
         return;
       }
       retireToast(id);
-      registry.run(record.action, record.actionArgs);
+      runReported(registry, record.action, record.actionArgs, "Notifications");
     },
     toasts: []
   });
@@ -1184,7 +1213,7 @@ function unmountToastHost() {
   _toastState = null;
 }
 
-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, layerHost2, initLayers2, isModalOpen2, showConfirmDialog2, showSaveDiscardDialog2, showPromptDialog2, getLayerSlot2, clearLayerSlot2, overlayIdleBlockers2 };
+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=A8CBC6598506FDAE64756E2164756E21
-//# sourceMappingURL=studio-erdatzvp.js.map
+//# debugId=0892C6B4A7BF4FE464756E2164756E21
+//# 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-zjjde71a.js

@@ -0,0 +1,148 @@
+import {
+  getPlatform2
+} from "./studio-6nzaktvy.js";
+import {
+  projectState
+} from "./studio-m1p9b6c3.js";
+
+// ../schema/src/component-meta.ts
+function collectSlotDefs(node, out = []) {
+  if (!node || typeof node !== "object" || Array.isArray(node)) {
+    return out;
+  }
+  const el = node;
+  if (el.tagName === "slot") {
+    const attrs = el.attributes;
+    const rawName = attrs?.name;
+    const name = typeof rawName === "string" ? rawName.trim() : "";
+    const { children } = el;
+    out.push({
+      name,
+      ...Array.isArray(children) && children.length > 0 ? { fallback: children } : {}
+    });
+  }
+  if (Array.isArray(el.children)) {
+    for (const c of el.children) {
+      collectSlotDefs(c, out);
+    }
+  }
+  return out;
+}
+function isPropEntry(def) {
+  if (def == null) {
+    return false;
+  }
+  if (typeof def !== "object") {
+    return true;
+  }
+  const obj = def;
+  return !obj.$prototype && !obj.$handler && !obj.$compute;
+}
+function componentMetaFrom(doc, path) {
+  if (!doc || typeof doc !== "object" || Array.isArray(doc)) {
+    return null;
+  }
+  const content = doc;
+  const { tagName } = content;
+  if (typeof tagName !== "string" || !tagName.includes("-")) {
+    return null;
+  }
+  const slots = collectSlotDefs(content);
+  const state = content.state ?? {};
+  return {
+    $id: typeof content.$id === "string" && content.$id ? content.$id : null,
+    hasElements: Array.isArray(content.$elements) && content.$elements.length > 0,
+    path,
+    props: Object.entries(state).filter(([, def]) => isPropEntry(def)).map(([name, def]) => {
+      if (typeof def !== "object" || def === null) {
+        return { default: def, name, type: typeof def };
+      }
+      const obj = def;
+      return {
+        default: obj.default,
+        format: obj.format,
+        name,
+        type: obj.type
+      };
+    }),
+    ...slots.length > 0 ? { slots } : {},
+    tagName
+  };
+}
+
+// src/files/components.ts
+var componentRegistry2 = [];
+var _componentRegistryLoaded = false;
+async function loadComponentRegistry2() {
+  try {
+    const platform = getPlatform2();
+    componentRegistry2 = await platform.discoverComponents(projectState?.projectRoot || undefined);
+    _componentRegistryLoaded = true;
+  } catch {
+    _componentRegistryLoaded = true;
+  }
+}
+function noteComponentSaved2(path, doc) {
+  if (!path) {
+    return false;
+  }
+  const index = componentRegistry2.findIndex((c) => c.path === path);
+  const meta = componentMetaFrom(doc, path);
+  if (!meta) {
+    if (index === -1) {
+      return false;
+    }
+    componentRegistry2.splice(index, 1);
+    return true;
+  }
+  const entry = meta;
+  if (index === -1) {
+    componentRegistry2.push(entry);
+  } else {
+    componentRegistry2[index] = entry;
+  }
+  return true;
+}
+function buildComponentInstance2(comp) {
+  const $props = Object.fromEntries((comp.props ?? []).map((p) => [p.name, p.default !== undefined ? p.default : ""]));
+  const children = [];
+  for (const slot of comp.slots ?? []) {
+    for (const child of structuredClone(slot.fallback ?? [])) {
+      if (!slot.name) {
+        children.push(child);
+      } else if (typeof child === "object" && child !== null && typeof child.tagName === "string") {
+        child.attributes = { slot: slot.name, ...child.attributes };
+        children.push(child);
+      } else {
+        children.push({ attributes: { slot: slot.name }, children: [child], tagName: "span" });
+      }
+    }
+  }
+  return {
+    $props,
+    tagName: comp.tagName,
+    ...children.length > 0 ? { children } : {}
+  };
+}
+function computeRelativePath2(fromDocPath, toCompPath) {
+  if (!fromDocPath) {
+    return `./${toCompPath}`;
+  }
+  const from = fromDocPath.replaceAll("\\", "/");
+  const to = toCompPath.replaceAll("\\", "/");
+  const fromDir = from.includes("/") ? from.slice(0, from.lastIndexOf("/")) : "";
+  const fromParts = fromDir.split("/").filter(Boolean);
+  const toParts = to.split("/").filter(Boolean);
+  let common = 0;
+  while (common < fromParts.length && common < toParts.length && fromParts[common] === toParts[common]) {
+    common += 1;
+  }
+  const ups = fromParts.length - common;
+  const remaining = toParts.slice(common);
+  return (ups > 0 ? "../".repeat(ups) : "./") + remaining.join("/");
+}
+
+export { componentMetaFrom, componentRegistry2, loadComponentRegistry2, noteComponentSaved2, buildComponentInstance2, computeRelativePath2 };
+
+//# debugId=466165F8ABAECB0564756E2164756E21
+//# sourceMappingURL=studio-zjjde71a.js.map

package/dist/chunks/{workspace-wrew8zk4.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-az3zd49t.js";
-import"./studio-q3x06vmj.js";
-import"./studio-6ewqv390.js";
-import"./studio-79y5sz51.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-wrew8zk4.js.map
+//# debugId=DAA0C7B0A6B56CB064756E2164756E21
+//# sourceMappingURL=workspace-bnw54cha.js.map