@jxsuite/studio 3.0.0 → 4.0.0

package/dist/chunks/{studio-r5xbtctf.js → studio-2zkz8evn.js}

@@ -1,69 +1,46 @@
 import {
-  ref,
-  repeat
-} from "./studio-kvfx9z2c.js";
+  commitTabBuffers
+} from "./studio-wcy8trfx.js";
 import {
-  html,
-  nothing,
-  render
-} from "./studio-5x5774ak.js";
+  computed,
+  effect,
+  effectScope,
+  notify,
+  onScopeDispose,
+  reactive,
+  toRaw
+} from "./studio-xrapxwwc.js";
+import {
+  applyDocOpToDoc,
+  childArray,
+  cloneValue
+} from "./studio-5ehhackm.js";
 import {
   childIndex,
-  ensureNestedStyle,
-  getNestedStyle,
   getNodeAtPath,
   isAncestor,
-  isEventBinding,
   normalizeArrayChildren,
   parentElementPath,
   pathsEqual,
-  projectState,
-  requireProjectState,
-  setProjectState
-} from "./studio-cjm7fdjf.js";
+  projectState
+} from "./studio-p4ngc046.js";
 import {
-  SETTINGS,
-  computed,
-  dismiss,
-  effect,
-  effectScope,
-  notify,
-  onScopeDispose,
-  pinClock,
-  reactive,
-  readStoredSetting,
-  setSetting,
-  shallowRef,
-  toRaw,
-  toasts
-} from "./studio-qpfq7xhm.js";
+  ensureNestedStyle,
+  getNestedStyle,
+  isEventBinding
+} from "./studio-q7v10cg2.js";
 import {
   defaultContentFormat,
   formatByName,
-  formatForPath,
-  loadedMonaco
-} from "./studio-hcxzyk3x.js";
+  formatForPath
+} from "./studio-eenfkt4e.js";
 import {
   getPlatform
-} from "./studio-sas7mt3k.js";
-import {
-  applyDocOpToDoc,
-  childArray,
-  cloneValue
-} from "./studio-5ehhackm.js";
+} from "./studio-9ab8gqsm.js";
 import {
   __require
 } from "./studio-a0tswy0w.js";
 
-// ../schema/src/ijson.ts
-var WHITESPACE = new Set([" ", "\t", `
-`, "\r"]);
-
-// ../schema/src/parse.ts
-function errorMessage(e) {
-  return e instanceof Error ? e.message : String(e);
-}
-
 // ../schema/src/locale.ts
 var RTL_SCRIPTS = new Set([
   "Adlm",
@@ -230,346 +207,115 @@ function localeSlot(segments) {
   return -1;
 }
 
-// src/view.ts
-var view = {
-  functionEditor: null,
-  blockActionBarEl: null,
-  selDragCleanup: null,
-  dndCleanups: [],
-  elementsCollapsed: new Set,
-  elementsFilter: "",
-  _currentDropTargetRow: null,
-  layerDragSourceHeight: 0,
-  _completionRegistered: false,
-  _layersCollapsed: null
-};
-
-// src/canvas/surface-registry.ts
-var STAGE_CLASS = "pane-stage";
-var _nextGen = 0;
-function nextRenderGeneration() {
-  _nextGen += 1;
-  return _nextGen;
-}
-var _surfaces = new Map;
-function surfaceForPane(paneId) {
-  let surface = _surfaces.get(paneId);
-  if (!surface) {
-    surface = freshSurface(paneId);
-    _surfaces.set(paneId, surface);
-  }
-  return surface;
-}
-function freshSurface(paneId) {
-  return {
-    centerObserver: null,
-    monacoEditor: null,
-    needsCenter: true,
-    panX: 0,
-    panY: 0,
-    panels: [],
-    paneId,
-    panzoomWrap: null,
-    prevCanvasMode: null,
-    prevStylebookCustomizedOnly: null,
-    prevStylebookFilter: null,
-    renderGeneration: 0,
-    sourceCollabCleanup: null,
-    wrap: null
-  };
+// src/content/collection-match.ts
+var LOCALE_PLACEHOLDER = "{locale}";
+function escapeLiteral(part) {
+  return part.replaceAll(/[.*+?^${}()|[\]\\]/g, String.raw`\$&`);
 }
-function allCanvasSurfaces() {
-  return [..._surfaces.values()];
+function normalize(path) {
+  return path.replaceAll("\\", "/").replace(/^\.\//, "").replace(/\/+$/, "");
 }
-function stageContaining(node) {
-  if (!node) {
-    return null;
-  }
-  for (const surface of _surfaces.values()) {
-    if (surface.wrap?.contains(node)) {
-      return surface;
-    }
-  }
-  return null;
+function configOf(config) {
+  return config ?? projectState?.projectConfig ?? null;
 }
-function releaseMountedPanels(surface) {
-  for (const panel of surface.panels) {
-    panel.renderScope?.stop();
-    panel.renderScope = null;
-  }
-  surface.panels.length = 0;
-  surface.prevCanvasMode = null;
+function contentSection(config) {
+  return config?.content ?? {};
 }
-function registerCanvasSurface(paneId, wrap) {
-  const surface = surfaceForPane(paneId);
-  surface.wrap = wrap;
-  releaseMountedPanels(surface);
-  return surface;
+function declaredLocales(config) {
+  const locales = resolveI18n(config ?? {}).i18n?.locales ?? [];
+  return locales.length > 0 ? [...locales] : null;
 }
-function createPaneSurface(paneId) {
-  const existing = _surfaces.get(paneId);
-  if (existing) {
-    disposePaneSurface(paneId);
+function isFileBacked(source) {
+  if (source.endsWith("/")) {
+    return false;
   }
-  const surface = freshSurface(paneId);
-  _surfaces.set(paneId, surface);
-  return surface;
+  const base = source.slice(source.lastIndexOf("/") + 1);
+  return /\.[a-z\d]+$/i.test(base);
 }
-var _teardown = null;
-function setSurfaceTeardown(fn) {
-  _teardown = fn;
-}
-function disposePaneSurface(paneId) {
-  const surface = _surfaces.get(paneId);
-  if (!surface) {
-    return;
+function resolveExt(def) {
+  if (def.format === "json") {
+    return { ext: ".json", unresolvedFormat: null };
   }
-  _teardown?.(surface);
-  releaseMountedPanels(surface);
-  unregisterCanvasSurface(paneId);
-}
-function unregisterCanvasSurface(paneId) {
-  _surfaces.delete(paneId);
-}
-
-// src/services/monaco-buffer.ts
-var BUFFER_COMMIT = "commit";
-function bufferWrites(buffer) {
-  const timers = new Map;
-  const runs = new Map;
-  const inFlight = new Map;
-  let isAhead = false;
-  let isTyped = false;
-  let isShared = false;
-  function track(key, result) {
-    if (typeof result?.then !== "function") {
-      return result;
-    }
-    const promise = result.finally(() => {
-      if (inFlight.get(key) === promise) {
-        inFlight.delete(key);
-      }
-    });
-    inFlight.set(key, promise);
-    return promise;
-  }
-  const writes = {
-    arm(key, ms, run) {
-      clearTimeout(timers.get(key));
-      runs.set(key, run);
-      timers.set(key, setTimeout(() => {
-        timers.delete(key);
-        runs.delete(key);
-        track(key, run());
-      }, ms));
-    },
-    cancel() {
-      for (const timer of timers.values()) {
-        clearTimeout(timer);
-      }
-      timers.clear();
-      runs.clear();
-    },
-    flush(key) {
-      const run = runs.get(key);
-      if (!run) {
-        return inFlight.get(key);
-      }
-      clearTimeout(timers.get(key));
-      timers.delete(key);
-      runs.delete(key);
-      return track(key, run());
-    },
-    ahead: () => isAhead,
-    markAhead() {
-      isAhead = true;
-    },
-    typed: () => isTyped,
-    markTyped() {
-      isAhead = true;
-      isTyped = true;
-    },
-    markSettled() {
-      isAhead = false;
-      isTyped = false;
-    },
-    shared: () => isShared,
-    markShared() {
-      isShared = true;
-    }
-  };
-  buffer._writes = writes;
-  return writes;
-}
-var SURFACE = {
-  logic: { holds: "The handler you were typing", reached: "written into", source: "Logic" },
-  source: { holds: "The source you were typing", reached: "parsed into", source: "Editor" }
-};
-function reportDiscarded(buffer, surface, failure) {
-  const writes = buffer._writes;
-  if (writes?.typed() !== true) {
-    return true;
+  if (def.format === undefined || def.format === "") {
+    return { ext: defaultContentFormat()?.extensions[0] ?? ".json", unresolvedFormat: null };
   }
-  const tab = buffer._editingTab ?? null;
-  const where = tab?.documentPath ?? "Untitled";
-  const { holds, reached, source } = SURFACE[surface];
-  notify.warn(`${holds} was discarded — it was never ${reached} "${where}".`, {
-    ...failure ? { detail: describeCommitFailure(failure.error) } : {},
-    key: `buffer-discarded:${surface}:${tab?.id ?? "none"}`,
-    source,
-    ...tab?.documentPath ? { path: tab.documentPath } : {}
-  });
-  return false;
+  const format = formatByName(def.format);
+  return format?.extensions[0] === undefined ? { ext: null, unresolvedFormat: def.format } : { ext: format.extensions[0], unresolvedFormat: null };
 }
-function describeCommitFailure(error) {
-  return error instanceof Error ? error.stack ?? error.message : String(error);
+function sourcePattern(source, locales) {
+  const segment = locales === null ? "[^/]+" : `(?:${locales.map((locale) => escapeLiteral(locale)).join("|")})`;
+  const body = normalize(source).split(LOCALE_PLACEHOLDER).map((part) => escapeLiteral(part)).join(segment);
+  return new RegExp(`^${body}(?:/|$)`, "i");
 }
-function commitBufferWrites(buffer, surface) {
-  const writes = buffer?._writes;
-  if (!buffer || !writes) {
-    return true;
-  }
-  let pending;
-  try {
-    pending = writes.flush(BUFFER_COMMIT);
-  } catch (error) {
-    writes.cancel();
-    return reportDiscarded(buffer, surface, { error });
-  }
-  writes.cancel();
-  if (typeof pending?.then === "function") {
-    pending.then(() => reportDiscarded(buffer, surface, null), (error) => reportDiscarded(buffer, surface, { error }));
-    return true;
+function matchedRoot(source, target, locales) {
+  const hit = sourcePattern(source, locales).exec(target);
+  if (!hit) {
+    return null;
   }
-  return reportDiscarded(buffer, surface, null);
-}
-function cancelBufferWrites(buffer) {
-  buffer?._writes?.cancel();
+  return hit[0].replace(/\/$/, "");
 }
-function bufferIsLive(buffer) {
-  return Boolean(buffer?.getModel());
+function sourceWeight(source) {
+  return normalize(source).replaceAll(LOCALE_PLACEHOLDER, "").length;
 }
-function bufferMovedOn(buffer, expected) {
-  if (!bufferIsLive(buffer) || buffer.hasTextFocus() || buffer._writes?.ahead() || buffer._writes?.shared()) {
-    return true;
+function collectionForDirectory(dir, config) {
+  if (dir === null || dir === undefined || dir === "") {
+    return null;
   }
-  return expected !== undefined && buffer.getValue() !== expected;
-}
-function buffersForTab(tab) {
-  const raw = toRaw(tab);
-  const mounted = [
-    ...allCanvasSurfaces().map((surface) => surface.monacoEditor),
-    view.functionEditor
-  ];
-  return mounted.filter((buffer) => buffer != null && buffer._editingTab != null && toRaw(buffer._editingTab) === raw && bufferIsLive(buffer));
-}
-async function commitTabBuffers(tab) {
-  for (const buffer of buffersForTab(tab)) {
-    if (!bufferIsLive(buffer)) {
+  const resolved = configOf(config);
+  const locales = declaredLocales(resolved);
+  const target = normalize(dir);
+  let best = null;
+  let bestWeight = -1;
+  for (const [name, def] of Object.entries(contentSection(resolved))) {
+    const { source } = def;
+    if (source === undefined || source === "" || isFileBacked(source)) {
       continue;
     }
-    try {
-      await buffer._writes?.flush(BUFFER_COMMIT);
-    } catch (error) {
-      notify.error(`Could not save the editor's contents into "${tab.documentPath ?? "Untitled"}".`, {
-        detail: error instanceof Error ? error.stack ?? error.message : String(error),
-        key: `buffer-commit:${tab.id}`,
-        source: "Editor",
-        ...tab.documentPath ? { path: tab.documentPath } : {}
-      });
-    }
-  }
-}
-function tabBufferUnsaved(tab) {
-  return buffersForTab(tab).some((buffer) => buffer._writes?.typed() === true);
-}
-
-// src/tabs/selection.ts
-function primarySelection(selection) {
-  return selection && selection.length > 0 ? selection.at(-1) : null;
-}
-function selectionAnchor(selection) {
-  return selection && selection.length > 0 ? selection[0] : null;
-}
-function isSelected(selection, path) {
-  if (!path || !selection) {
-    return false;
-  }
-  return selection.some((p) => pathsEqual(p, path));
-}
-function cloneSelection(paths) {
-  return clonePaths(paths);
-}
-function clonePaths(paths) {
-  const out = [];
-  for (const path of paths) {
-    out.push([...path]);
-  }
-  return out;
-}
-function toggleSelected(selection, path) {
-  if (isSelected(selection, path)) {
-    return clonePaths(selection.filter((p) => !pathsEqual(p, path)));
-  }
-  return [...clonePaths(selection), [...path]];
-}
-function rangeSelection(rows, anchor, target) {
-  const to = rows.findIndex((p) => pathsEqual(p, target));
-  const from = anchor ? rows.findIndex((p) => pathsEqual(p, anchor)) : -1;
-  if (to === -1 || from === -1) {
-    return [[...target]];
-  }
-  const slice = from <= to ? rows.slice(from, to + 1) : rows.slice(to, from + 1).toReversed();
-  return clonePaths(slice);
-}
-function pruneSelection(selection, removed) {
-  return clonePaths(selection.filter((p) => !isAncestor(removed, p)));
-}
-function comparePaths(a, b) {
-  const len = Math.min(a.length, b.length);
-  for (let i = 0;i < len; i++) {
-    const x = a[i];
-    const y = b[i];
-    if (x === y) {
+    const weight = sourceWeight(source);
+    if (weight <= bestWeight) {
       continue;
     }
-    if (typeof x === "number" && typeof y === "number") {
-      return x - y;
-    }
-    return String(x) < String(y) ? -1 : 1;
-  }
-  return a.length - b.length;
-}
-function topLevelSelection(selection) {
-  return clonePaths(selection.filter((p) => !selection.some((q) => !pathsEqual(q, p) && isAncestor(q, p))));
-}
-function isSpliceablePath(path) {
-  return path.at(-2) === "children" && typeof path.at(-1) === "number";
-}
-function structuralBatch(selection) {
-  return topLevelSelection(selection).filter((path) => isSpliceablePath(path)).toSorted((a, b) => comparePaths(b, a));
-}
-function uniquePaths(paths) {
-  const out = [];
-  for (const path of paths) {
-    if (!out.some((p) => pathsEqual(p, path))) {
-      out.push([...path]);
+    const root = matchedRoot(source, target, locales);
+    if (root === null) {
+      continue;
     }
+    best = {
+      def,
+      dir: target,
+      fileBacked: false,
+      isSourceRoot: target.length === root.length,
+      name,
+      ...resolveExt(def)
+    };
+    bestWeight = weight;
   }
-  return out;
+  return best;
 }
-function unifyValues(values) {
-  if (values.length === 0) {
-    return { mixed: false, value: undefined };
+function collectionForFile(path, config) {
+  if (path === null || path === undefined || path === "") {
+    return null;
   }
-  const first = values[0];
-  const key = JSON.stringify(first ?? null);
-  for (let i = 1;i < values.length; i++) {
-    if (JSON.stringify(values[i] ?? null) !== key) {
-      return { mixed: true, value: undefined };
+  const resolved = configOf(config);
+  const target = normalize(path);
+  const lower = target.toLowerCase();
+  for (const [name, def] of Object.entries(contentSection(resolved))) {
+    const { source } = def;
+    if (source === undefined || source === "" || !isFileBacked(source)) {
+      continue;
+    }
+    const src = normalize(source).toLowerCase();
+    if (lower === src || lower.endsWith(`/${src}`)) {
+      return {
+        def,
+        dir: target.includes("/") ? target.slice(0, target.lastIndexOf("/")) : ".",
+        fileBacked: true,
+        isSourceRoot: false,
+        name,
+        ...resolveExt(def)
+      };
     }
   }
-  return { mixed: false, value: first };
+  return collectionForDirectory(target.includes("/") ? target.slice(0, target.lastIndexOf("/")) : ".", resolved);
 }
 
 // src/utils/studio-utils.ts
@@ -621,7 +367,6 @@ function abbreviateValue(val) {
   };
   return map[val] || val;
 }
-var LOCALE_PLACEHOLDER = "{locale}";
 function isMediaFormat(format) {
   return format === "image" || format === "uri-reference";
 }
@@ -659,27 +404,17 @@ function findContentTypeSchema(documentPath, projectConfig) {
   if (!documentPath || !projectConfig?.content) {
     return null;
   }
-  const docPath = documentPath.replaceAll("\\", "/");
-  for (const [name, def] of Object.entries(projectConfig.content)) {
-    if (!def.source || !def.schema) {
-      continue;
-    }
-    const src = def.source.replace(/^\.\//, "").replace(/\/$/, "");
-    const hasExt = src.includes(".") && !src.endsWith("/") && !src.includes(LOCALE_PLACEHOLDER);
-    if (hasExt) {
-      if (docPath === src || docPath.endsWith(`/${src}`)) {
-        return { name, schema: def.schema };
-      }
-    } else {
-      const ext = def.format === "json" ? ".json" : formatByName(def.format)?.extensions[0] ?? defaultContentFormat()?.extensions[0] ?? ".json";
-      const prefix = src.includes(LOCALE_PLACEHOLDER) ? new RegExp(`^${src.split(LOCALE_PLACEHOLDER).map((part) => part.replaceAll(/[.*+?^${}()|[\]\\]/g, String.raw`\$&`)).join("[^/]+")}/`) : null;
-      const matches = prefix ? prefix.test(docPath) : docPath.startsWith(`${src}/`);
-      if (matches && docPath.endsWith(ext)) {
-        return { name, schema: def.schema };
-      }
+  const match = collectionForFile(documentPath, projectConfig);
+  if (!match || !match.def.schema) {
+    return null;
+  }
+  if (!match.fileBacked) {
+    const ext = match.ext ?? defaultContentFormat()?.extensions[0] ?? ".json";
+    if (!documentPath.toLowerCase().endsWith(ext.toLowerCase())) {
+      return null;
     }
   }
-  return null;
+  return { name: match.name, schema: match.def.schema };
 }
 function friendlyNameToVar(name, prefix) {
   const slug = name.trim().toLowerCase().replaceAll(/[^a-z0-9\s-]/g, "").replaceAll(/\s+/g, "-").replaceAll(/-+/g, "-").replaceAll(/^-|-$/g, "");
@@ -712,67 +447,155 @@ function parseCemType(typeText) {
 function jsonClone(value) {
   return JSON.parse(JSON.stringify(value));
 }
-// src/tabs/patch-ops.ts
-var _consumer = null;
-function setPatchConsumer(consumer) {
-  _consumer = consumer;
-}
-function getPatchConsumer() {
-  return _consumer;
+
+// src/tabs/selection.ts
+function primarySelection(selection) {
+  return selection && selection.length > 0 ? selection.at(-1) : null;
 }
-var _recording = null;
-var _docOps = null;
-var _fmOps = null;
-var _invertible = true;
-function beginRecording() {
-  _recording = [];
-  _docOps = [];
-  _fmOps = [];
-  _invertible = true;
+function selectionAnchor(selection) {
+  return selection && selection.length > 0 ? selection[0] : null;
 }
-function recordPatch(op) {
-  if (_recording) {
-    _recording.push(op);
+function isSelected(selection, path) {
+  if (!path || !selection) {
+    return false;
   }
+  return selection.some((p) => pathsEqual(p, path));
 }
-function recordDocOp(pair) {
-  if (_docOps) {
-    _docOps.push(pair);
-  }
+function cloneSelection(paths) {
+  return clonePaths(paths);
 }
-function recordFmOp(op) {
-  if (_fmOps) {
-    _fmOps.push(op);
+function clonePaths(paths) {
+  const out = [];
+  for (const path of paths) {
+    out.push([...path]);
   }
+  return out;
 }
-function endRecording() {
-  const record = {
-    docOps: _docOps ?? [],
-    fmOps: _fmOps ?? [],
-    invertible: _invertible,
-    ops: _recording ?? []
-  };
-  _recording = null;
-  _docOps = null;
-  _fmOps = null;
-  _invertible = true;
-  return record;
+function toggleSelected(selection, path) {
+  if (isSelected(selection, path)) {
+    return clonePaths(selection.filter((p) => !pathsEqual(p, path)));
+  }
+  return [...clonePaths(selection), [...path]];
 }
-
-// src/tabs/transact.ts
-var HISTORY_LIMIT = 100;
-var CHECKPOINT_INTERVAL = 20;
-function patchHistoryEnabled() {
-  try {
-    return typeof localStorage === "undefined" || !localStorage.getItem("jx-legacy-history");
-  } catch {
-    return true;
+function rangeSelection(rows, anchor, target) {
+  const to = rows.findIndex((p) => pathsEqual(p, target));
+  const from = anchor ? rows.findIndex((p) => pathsEqual(p, anchor)) : -1;
+  if (to === -1 || from === -1) {
+    return [[...target]];
   }
+  const slice = from <= to ? rows.slice(from, to + 1) : rows.slice(to, from + 1).toReversed();
+  return clonePaths(slice);
 }
-function setKeyPair(path, key, before, after) {
-  return {
-    forward: { key, op: "set-key", path, value: after },
-    inverse: { key, op: "set-key", path, value: before }
+function pruneSelection(selection, removed) {
+  return clonePaths(selection.filter((p) => !isAncestor(removed, p)));
+}
+function comparePaths(a, b) {
+  const len = Math.min(a.length, b.length);
+  for (let i = 0;i < len; i++) {
+    const x = a[i];
+    const y = b[i];
+    if (x === y) {
+      continue;
+    }
+    if (typeof x === "number" && typeof y === "number") {
+      return x - y;
+    }
+    return String(x) < String(y) ? -1 : 1;
+  }
+  return a.length - b.length;
+}
+function topLevelSelection(selection) {
+  return clonePaths(selection.filter((p) => !selection.some((q) => !pathsEqual(q, p) && isAncestor(q, p))));
+}
+function isSpliceablePath(path) {
+  return path.at(-2) === "children" && typeof path.at(-1) === "number";
+}
+function structuralBatch(selection) {
+  return topLevelSelection(selection).filter((path) => isSpliceablePath(path)).toSorted((a, b) => comparePaths(b, a));
+}
+function uniquePaths(paths) {
+  const out = [];
+  for (const path of paths) {
+    if (!out.some((p) => pathsEqual(p, path))) {
+      out.push([...path]);
+    }
+  }
+  return out;
+}
+function unifyValues(values) {
+  if (values.length === 0) {
+    return { mixed: false, value: undefined };
+  }
+  const first = values[0];
+  const key = JSON.stringify(first ?? null);
+  for (let i = 1;i < values.length; i++) {
+    if (JSON.stringify(values[i] ?? null) !== key) {
+      return { mixed: true, value: undefined };
+    }
+  }
+  return { mixed: false, value: first };
+}
+// src/tabs/patch-ops.ts
+var _consumer = null;
+function setPatchConsumer(consumer) {
+  _consumer = consumer;
+}
+function getPatchConsumer() {
+  return _consumer;
+}
+var _recording = null;
+var _docOps = null;
+var _fmOps = null;
+var _invertible = true;
+function beginRecording() {
+  _recording = [];
+  _docOps = [];
+  _fmOps = [];
+  _invertible = true;
+}
+function recordPatch(op) {
+  if (_recording) {
+    _recording.push(op);
+  }
+}
+function recordDocOp(pair) {
+  if (_docOps) {
+    _docOps.push(pair);
+  }
+}
+function recordFmOp(op) {
+  if (_fmOps) {
+    _fmOps.push(op);
+  }
+}
+function endRecording() {
+  const record = {
+    docOps: _docOps ?? [],
+    fmOps: _fmOps ?? [],
+    invertible: _invertible,
+    ops: _recording ?? []
+  };
+  _recording = null;
+  _docOps = null;
+  _fmOps = null;
+  _invertible = true;
+  return record;
+}
+
+// src/tabs/transact.ts
+var HISTORY_LIMIT = 100;
+var CHECKPOINT_INTERVAL = 20;
+function patchHistoryEnabled() {
+  try {
+    return typeof localStorage === "undefined" || !localStorage.getItem("jx-legacy-history");
+  } catch {
+    return true;
+  }
+}
+function setKeyPair(path, key, before, after) {
+  return {
+    forward: { key, op: "set-key", path, value: after },
+    inverse: { key, op: "set-key", path, value: before }
   };
 }
 function shiftPrefixedIndex(parentPath, path, spliceIndex, delta, inclusive) {
@@ -1380,6 +1203,24 @@ function mutateUpdateMediaNestedStyle(tab, path, mediaName, selector, prop, valu
   recordDocOp(setKeyPair(path, "style", styleBefore, cloneValue(node.style)));
   recordPatch({ op: "set-style", path });
 }
+function pruneEmptyStylePath(root, stylePath) {
+  const owners = [root];
+  for (const seg of stylePath) {
+    const next = getNestedStyle(owners.at(-1), seg);
+    if (!next) {
+      break;
+    }
+    owners.push(next);
+  }
+  for (let i = owners.length - 2;i >= 0; i--) {
+    const owner = owners[i];
+    const seg = stylePath[i];
+    const block = getNestedStyle(owner, seg);
+    if (block && Object.keys(block).length === 0) {
+      delete owner[seg];
+    }
+  }
+}
 function mutateUpdateNestedStylePath(tab, path, stylePath, prop, value) {
   const node = getNodeAtPath(tab.doc.document, path);
   const styleBefore = cloneValue(node.style);
@@ -1392,15 +1233,7 @@ function mutateUpdateNestedStylePath(tab, path, stylePath, prop, value) {
   }
   if (value === undefined || value === "") {
     delete obj[prop];
-    let cur = node.style;
-    for (let i = 0;i < stylePath.length && cur; i++) {
-      const child = getNestedStyle(cur, stylePath[i]);
-      if (child && Object.keys(child).length === 0) {
-        delete cur[stylePath[i]];
-        break;
-      }
-      cur = child;
-    }
+    pruneEmptyStylePath(node.style, stylePath);
   } else {
     obj[prop] = value;
   }
@@ -1424,15 +1257,7 @@ function mutateUpdateMediaNestedStylePath(tab, path, mediaName, stylePath, prop,
   }
   if (value === undefined || value === "") {
     delete obj[prop];
-    let cur = media;
-    for (let i = 0;i < stylePath.length && cur; i++) {
-      const child = getNestedStyle(cur, stylePath[i]);
-      if (child && Object.keys(child).length === 0) {
-        delete cur[stylePath[i]];
-        break;
-      }
-      cur = child;
-    }
+    pruneEmptyStylePath(media, stylePath);
     if (Object.keys(media).length === 0) {
       delete node.style[key];
     }
@@ -1575,743 +1400,116 @@ function applyFmState(tab, field, value) {
   }
 }
 
-// src/ui/regions.ts
-var REGION_ATTR = "data-jx-region";
-var REGION_SURFACES = [
-  "rail",
-  "navigator",
-  "inspector",
-  "pane",
-  "dock.bottom",
-  "statusbar",
-  "commandbar",
-  "overlay"
-];
-var DOTTED_SURFACES = new Set(["dock.bottom"]);
-function parseRegionId(id) {
-  const slash = id.indexOf("/");
-  const head = slash === -1 ? id : id.slice(0, slash);
-  const part = slash === -1 ? undefined : id.slice(slash + 1);
-  if (part === "" || head === "") {
-    return null;
-  }
-  let surface = head;
-  let instance;
-  if (!DOTTED_SURFACES.has(head)) {
-    const dot = head.indexOf(".");
-    if (dot !== -1) {
-      surface = head.slice(0, dot);
-      instance = head.slice(dot + 1);
-      if (instance === "") {
-        return null;
-      }
-    }
-  }
-  if (!REGION_SURFACES.includes(surface)) {
-    return null;
-  }
-  return instance === undefined ? part === undefined ? { surface } : { part, surface } : part === undefined ? { instance, surface } : { instance, part, surface };
+// src/commands/context.ts
+var EDITOR_KIND_BY_MODE = {
+  design: "canvas",
+  edit: "canvas",
+  entry: "entry",
+  "git-diff": "diff",
+  grid: "grid",
+  manage: "library",
+  media: "media",
+  preview: "canvas",
+  settings: "config",
+  source: "code",
+  stylebook: "config"
+};
+var EDITOR_KIND_LABELS = {
+  canvas: "Canvas",
+  code: "Code",
+  config: "Project Styles",
+  diff: "Diff",
+  entry: "Entry",
+  grid: "Grid",
+  media: "Media",
+  library: "Library",
+  none: "None"
+};
+function editorKindForMode(mode) {
+  return EDITOR_KIND_BY_MODE[mode] ?? "canvas";
 }
-function isRegionId(id) {
-  return parseRegionId(id) !== null;
+var CANVAS_VIEW_BY_MODE = {
+  design: "design",
+  edit: "edit",
+  preview: "preview"
+};
+function canvasViewForMode(mode) {
+  return CANVAS_VIEW_BY_MODE[mode] ?? "design";
 }
-function canonicalRegionId(id) {
-  if (id === "pane") {
-    return "pane.primary";
-  }
-  return id.startsWith("pane/") ? `pane.primary/${id.slice(5)}` : id;
+var inCanvas = (ctx) => ctx.editor.kind === "canvas";
+var hasSelection = (ctx) => inCanvas(ctx) && ctx.selection.count > 0;
+var hasElementSelection = (ctx) => hasSelection(ctx) && !ctx.selection.isRoot;
+function emptyContext() {
+  return {
+    project: { open: false, isSite: false, isRepo: false, isMultilingual: false },
+    git: { ahead: 0, behind: 0, dirtyCount: 0 },
+    document: { open: false, dirty: false, mode: "", canUndo: false, canRedo: false },
+    editor: { kind: "none" },
+    canvas: { view: "design" },
+    pane: { count: 1, derived: false },
+    selection: {
+      count: 0,
+      paths: [],
+      kind: "",
+      isRoot: false,
+      isComponentInstance: false,
+      isLayoutNode: false,
+      isRepeater: false
+    },
+    caret: { active: false, inCanvas: false },
+    focus: { region: "pane" },
+    modal: { open: false },
+    collab: { attached: false, readOnly: false, sourceCanonical: false },
+    ai: { configured: false, streaming: false, waiting: false },
+    capability: {
+      gitClone: false,
+      importSite: false,
+      openProjectInNewWindow: false,
+      dataRows: false,
+      windowControls: false,
+      findReferences: false
+    }
+  };
 }
-function regionRoot(root) {
-  return root ?? document;
+function makeContext(patch = {}) {
+  const base = emptyContext();
+  for (const key of Object.keys(patch)) {
+    const group = patch[key];
+    if (group) {
+      Object.assign(base[key], group);
+    }
+  }
+  return base;
 }
-var DERIVED_RESOLVERS = [
-  {
-    locate: ([, prop], root) => {
-      const row = resolveRegion(`inspector/field:${prop}`, root);
-      const browse = row?.querySelector(".media-picker-browse");
-      return browse ? [browse] : [];
-    },
-    pattern: /^inspector\/field:(.+)\/browse$/
-  },
-  {
-    locate: ([, prop], root) => {
-      const inspector = resolveRegion("inspector", root);
-      return inspector ? [...inspector.querySelectorAll(`[data-prop="${CSS.escape(prop)}"]`)] : [];
-    },
-    pattern: /^inspector\/field:(.+)$/
+var MODAL_STACK = ["palette"];
+var CARET_STACK = ["caret", "global"];
+var DOCK_STACK = ["dock", "global"];
+var CANVAS_STACK = ["canvas", "global"];
+var GRID_STACK = ["grid", "global"];
+var CODE_STACK = ["code", "global"];
+var GLOBAL_STACK = ["global"];
+function keyScopeStack(ctx) {
+  if (ctx.modal.open) {
+    return MODAL_STACK;
   }
-];
-function resolveAllRegions(id, root) {
-  const canonical = canonicalRegionId(id);
-  if (!isRegionId(canonical)) {
-    return [];
+  if (ctx.caret.active) {
+    return CARET_STACK;
   }
-  const stamped = [
-    ...regionRoot(root).querySelectorAll(`[${REGION_ATTR}="${CSS.escape(canonical)}"]`)
-  ];
-  if (stamped.length > 0) {
-    return stamped;
+  if (ctx.focus.region !== "pane") {
+    return DOCK_STACK;
   }
-  for (const resolver of DERIVED_RESOLVERS) {
-    const match = canonical.match(resolver.pattern);
-    if (match) {
-      return resolver.locate(match, regionRoot(root));
+  switch (ctx.editor.kind) {
+    case "grid": {
+      return GRID_STACK;
     }
-  }
-  return [];
-}
-function resolveRegion(id, root) {
-  const all = resolveAllRegions(id, root);
-  return all.at(-1) ?? null;
-}
-var REGION_FOR_FOCUS = {
-  dock: "dock.bottom",
-  inspector: "inspector",
-  navigator: "navigator",
-  pane: "pane.primary",
-  rail: "rail",
-  status: "statusbar"
-};
-function paneRegion(paneId, part) {
-  return part ? `pane.${paneId}/${part}` : `pane.${paneId}`;
-}
-function paneStripRegion(paneId) {
-  return paneRegion(paneId, "tabs");
-}
-function navigatorPanelRegion(panelId) {
-  return `navigator/panel:${panelId}`;
-}
-function inspectorTabRegion(tabId) {
-  return `inspector/tab:${tabId}`;
-}
-var NAVIGATOR_STATEMENTS_REGION = "navigator/statements";
-function inspectorStatementsRegion(eventKey) {
-  return `inspector/statements:${eventKey}`;
-}
-function bottomPanelRegion(panelId) {
-  return `dock.bottom/panel:${panelId}`;
-}
-var OVERLAY_INSTANCE = {
-  dialog: "dialog",
-  modal: "dialog",
-  popover: "menu",
-  toast: "toasts"
-};
-function overlayRegion(layer, id) {
-  const instance = OVERLAY_INSTANCE[layer];
-  return id ? `overlay.${instance}:${id}` : `overlay.${instance}`;
-}
-
-// src/commands/active-registry.ts
-var _registry = shallowRef(null);
-function setActiveRegistry(registry) {
-  _registry.value = registry;
-}
-function activeRegistry() {
-  return _registry.value;
-}
-
-// src/ui/layers.ts
-var _popoverLayer;
-var _modalLayer;
-var _dialogLayer;
-var _toastLayer;
-function layerHost(kind) {
-  const host = kind === "popover" ? _popoverLayer : kind === "modal" ? _modalLayer : kind === "toast" ? _toastLayer : _dialogLayer;
-  return host || document.body;
-}
-function initLayers() {
-  _popoverLayer = document.querySelector("#layer-popover");
-  _modalLayer = document.querySelector("#layer-modal");
-  _dialogLayer = document.querySelector("#layer-dialog");
-  _toastLayer = document.querySelector("#layer-toast");
-  mountToastHost();
-}
-var UNDERLAID = "sp-dialog-wrapper[open], sp-underlay[open]";
-function isModalOpen() {
-  return Boolean(_dialogLayer?.querySelector(UNDERLAID) || _modalLayer?.querySelector(UNDERLAID));
-}
-var BODY_FOCUSABLE = 'a[href], input, textarea, select, button, sp-textfield, sp-button, sp-action-button, sp-picker, sp-checkbox, sp-menu-item, [tabindex]:not([tabindex="-1"])';
-function focusablesIn(slot) {
-  return [...slot.querySelectorAll(BODY_FOCUSABLE)].filter((el) => !el.hasAttribute("disabled") && el.getAttribute("aria-hidden") !== "true");
-}
-function focusOverlay(slot) {
-  requestAnimationFrame(() => {
-    if (!slot.isConnected || slot.contains(document.activeElement)) {
-      return;
+    case "code": {
+      return CODE_STACK;
     }
-    const wrapper = slot.querySelector("sp-dialog-wrapper");
-    const target = focusablesIn(slot)[0] ?? wrapper?.shadowRoot?.querySelector("sp-button") ?? slot;
-    target.focus();
-  });
-}
-function trapTab(slot, e) {
-  e.preventDefault();
-  const items = focusablesIn(slot);
-  if (items.length === 0) {
-    return;
-  }
-  const at = items.indexOf(document.activeElement);
-  const next = e.shiftKey ? items[at <= 0 ? items.length - 1 : at - 1] : items[at === -1 || at === items.length - 1 ? 0 : at + 1];
-  next?.focus();
-}
-function openOverlaySlot(opts) {
-  const slot = document.createElement("div");
-  slot.style.pointerEvents = "auto";
-  slot.setAttribute(REGION_ATTR, overlayRegion(opts.kind, opts.regionId));
-  slot.tabIndex = -1;
-  slot.style.outline = "none";
-  opts.layer.append(slot);
-  const restoreTo = document.activeElement instanceof HTMLElement ? document.activeElement : null;
-  const onKeydown = (e) => {
-    if (e.key === "Escape") {
-      opts.onEscape?.(e, slot);
-      return;
+    case "canvas": {
+      return ctx.canvas.view === "preview" ? GLOBAL_STACK : CANVAS_STACK;
     }
-    if (e.key === "Tab" && opts.trapFocus) {
-      trapTab(slot, e);
-    }
-  };
-  slot.addEventListener("keydown", onKeydown);
-  return {
-    release() {
-      slot.removeEventListener("keydown", onKeydown);
-      render(nothing, slot);
-      slot.remove();
-      if (restoreTo?.isConnected) {
-        restoreTo.focus();
-      }
-    },
-    slot
-  };
-}
-function showDialog(templateFn, opts = {}) {
-  return new Promise((resolve) => {
-    const { release, slot } = openOverlaySlot({
-      kind: "dialog",
-      layer: layerHost("dialog"),
-      regionId: opts.region,
-      onEscape(e, host) {
-        const wrapper = host.querySelector("sp-dialog-wrapper");
-        if (!wrapper) {
-          return;
-        }
-        e.preventDefault();
-        e.stopPropagation();
-        wrapper.dispatchEvent(new Event("close", { bubbles: true }));
-      }
-    });
-    slot.setAttribute("role", "dialog");
-    slot.setAttribute("aria-modal", "true");
-    let resolved = false;
-    const done = (value) => {
-      if (resolved) {
-        return;
-      }
-      resolved = true;
-      release();
-      resolve(value);
-    };
-    render(templateFn(done), slot);
-    const headline = opts.label ?? slot.querySelector("sp-dialog-wrapper")?.getAttribute("headline") ?? null;
-    if (headline !== null && headline !== "") {
-      slot.setAttribute("aria-label", headline);
-    }
-    focusOverlay(slot);
-  });
-}
-function showConfirmDialog(headline, message, opts = {}) {
-  const { confirmLabel = "Confirm", cancelLabel = "Cancel", destructive = false } = opts;
-  return showDialog((done) => html`
-      <sp-dialog-wrapper
-        open
-        underlay
-        headline=${headline}
-        confirm-label=${confirmLabel}
-        cancel-label=${cancelLabel}
-        size="s"
-        @confirm=${() => done(true)}
-        @cancel=${() => done(false)}
-        @close=${() => done(false)}
-        class=${destructive ? "dialog-destructive" : ""}
-      >
-        <p>${message}</p>
-      </sp-dialog-wrapper>
-    `);
-}
-function showSaveDiscardDialog(headline, message, opts = {}) {
-  const { saveLabel = "Save", discardLabel = "Discard", cancelLabel = "Cancel" } = opts;
-  return showDialog((done) => html`
-      <sp-dialog-wrapper
-        open
-        underlay
-        headline=${headline}
-        confirm-label=${saveLabel}
-        secondary-label=${discardLabel}
-        cancel-label=${cancelLabel}
-        size="s"
-        @confirm=${() => done("save")}
-        @secondary=${() => done("discard")}
-        @cancel=${() => done("cancel")}
-        @close=${() => done("cancel")}
-      >
-        <p>${message}</p>
-      </sp-dialog-wrapper>
-    `);
-}
-function showPromptDialog(headline, opts = {}) {
-  const {
-    cancelLabel = "Cancel",
-    confirmLabel = "OK",
-    message,
-    placeholder = "",
-    select = "all",
-    validate,
-    value: initialValue = ""
-  } = opts;
-  const check = (candidate) => validate ? validate(candidate) : candidate.trim() ? "" : "Enter a value.";
-  let value = initialValue;
-  let error = "";
-  let wrapperEl = null;
-  let focusRequested = false;
-  return showDialog((done) => {
-    function rerender() {
-      const host = wrapperEl?.parentElement;
-      if (host) {
-        render(buildTpl(), host);
-      }
-    }
-    function confirm() {
-      error = check(value);
-      if (error) {
-        rerender();
-        return;
-      }
-      done(value.trim());
-    }
-    function onInput(e) {
-      value = e.target.value || "";
-      const next = check(value);
-      if (next !== error) {
-        error = next;
-        rerender();
-      }
-    }
-    function onKeydown(e) {
-      if (e.key === "Enter") {
-        confirm();
-      }
-    }
-    function onWrapperRef(el) {
-      if (el) {
-        wrapperEl = el;
-      }
-    }
-    function onFieldRef(el) {
-      if (!el || focusRequested) {
-        return;
-      }
-      focusRequested = true;
-      const field = el;
-      requestAnimationFrame(() => {
-        field.focus();
-        const input = field.shadowRoot?.querySelector("input");
-        if (!input || select === "none") {
-          return;
-        }
-        if (select === "stem") {
-          const dot = input.value.lastIndexOf(".");
-          input.setSelectionRange(0, dot > 0 ? dot : input.value.length);
-          return;
-        }
-        input.select();
-      });
-    }
-    function buildTpl() {
-      return html`
-        <sp-dialog-wrapper
-          open
-          underlay
-          headline=${headline}
-          confirm-label=${confirmLabel}
-          cancel-label=${cancelLabel}
-          size="s"
-          @confirm=${confirm}
-          @cancel=${() => done(null)}
-          @close=${() => done(null)}
-          ${ref(onWrapperRef)}
-        >
-          ${message ? html`<p style="margin:0 0 8px">${message}</p>` : nothing}
-          <sp-textfield
-            style="width:100%"
-            placeholder=${placeholder}
-            value=${value}
-            ?invalid=${Boolean(error)}
-            @input=${onInput}
-            @keydown=${onKeydown}
-            ${ref(onFieldRef)}
-          >
-            ${error ? html`<sp-help-text slot="negative-help-text">${error}</sp-help-text>` : nothing}
-          </sp-textfield>
-        </sp-dialog-wrapper>
-      `;
-    }
-    return buildTpl();
-  });
-}
-function openModal(template, opts) {
-  const { release, slot } = openOverlaySlot({
-    kind: "modal",
-    layer: layerHost("modal"),
-    onEscape(e) {
-      if (opts.dismissible === false) {
-        return;
-      }
-      e.preventDefault();
-      e.stopPropagation();
-      (opts.onDismiss ?? handle.close)();
-    },
-    regionId: opts.region,
-    trapFocus: true
-  });
-  slot.setAttribute("role", "dialog");
-  slot.setAttribute("aria-modal", "true");
-  slot.setAttribute("aria-label", opts.label);
-  const handle = {
-    close() {
-      release();
-    },
-    host: slot,
-    update(tpl) {
-      render(tpl, slot);
-    }
-  };
-  render(template, slot);
-  focusOverlay(slot);
-  return handle;
-}
-function renderPopover(template, opts = {}) {
-  const kind = opts.layer ?? "popover";
-  const slot = document.createElement("div");
-  slot.style.pointerEvents = "auto";
-  slot.setAttribute(REGION_ATTR, overlayRegion(kind, opts.region));
-  layerHost(kind).append(slot);
-  render(template, slot);
-  let outsideClickHandler = null;
-  if (opts.dismissOnOutsideClick !== false) {
-    outsideClickHandler = (e) => {
-      if (!slot.contains(e.target)) {
-        handle.dismiss();
-        opts.onDismiss?.();
-      }
-    };
-    requestAnimationFrame(() => {
-      if (outsideClickHandler) {
-        document.addEventListener("mousedown", outsideClickHandler, true);
-      }
-    });
-  }
-  const handle = {
-    dismiss() {
-      if (outsideClickHandler) {
-        document.removeEventListener("mousedown", outsideClickHandler, true);
-        outsideClickHandler = null;
-      }
-      render(nothing, slot);
-      slot.remove();
-    },
-    host: slot,
-    update(tpl) {
-      render(tpl, slot);
-    }
-  };
-  return handle;
-}
-var _namedSlots = new Map;
-function popoverLayerFor(anchor) {
-  if (anchor?.closest("#layer-dialog")) {
-    return "dialog";
-  }
-  return anchor?.closest("#layer-modal") ? "modal" : "popover";
-}
-function getLayerSlot(layer, id) {
-  const key = `${layer}:${id}`;
-  let slot = _namedSlots.get(key);
-  if (slot && slot.parentElement) {
-    return slot;
-  }
-  slot = document.createElement("div");
-  slot.style.pointerEvents = "auto";
-  slot.setAttribute(REGION_ATTR, overlayRegion(layer, id));
-  layerHost(layer).append(slot);
-  _namedSlots.set(key, slot);
-  return slot;
-}
-var TOAST_ENTER_MS = 180;
-var TOAST_ICON = {
-  error: "✕",
-  info: "ℹ",
-  success: "✓",
-  warn: "!"
-};
-var _toastScope = null;
-var _toastTimers = new Map;
-var _toastEntering = new Set;
-function reducedMotion() {
-  return globalThis.matchMedia?.("(prefers-reduced-motion: reduce)").matches === true;
-}
-function toastsAreHeld() {
-  try {
-    return new URLSearchParams(globalThis.location?.search ?? "").get("automation") === "1";
-  } catch {
-    return false;
-  }
-}
-function overlayIdleBlockers() {
-  return [..._toastEntering].map((id) => `overlay: toast ${id} settling in`);
-}
-function retireToast(id) {
-  const timer = _toastTimers.get(id);
-  if (timer !== undefined) {
-    clearTimeout(timer);
-    _toastTimers.delete(id);
-  }
-  _toastEntering.delete(id);
-  dismiss(id);
-}
-function scheduleToast(record) {
-  if (_toastTimers.has(record.id) || _toastEntering.has(record.id)) {
-    return;
-  }
-  const settle = reducedMotion() ? 0 : TOAST_ENTER_MS;
-  if (settle > 0) {
-    _toastEntering.add(record.id);
-    setTimeout(() => _toastEntering.delete(record.id), settle);
-  }
-  const rest = record.timeoutMs ?? 0;
-  if (rest <= 0 || toastsAreHeld()) {
-    return;
-  }
-  _toastTimers.set(record.id, setTimeout(() => retireToast(record.id), rest));
-}
-function toastActionTpl(record) {
-  const registry = record.action === undefined ? null : activeRegistry();
-  const id = record.action;
-  if (!registry || id === undefined || !registry.get(id) || !registry.isVisible(id)) {
-    return nothing;
-  }
-  const command = registry.get(id);
-  const reason = registry.disabledReason(id);
-  return html`
-    <button
-      class="toast-action"
-      ?disabled=${reason !== undefined}
-      title=${reason === undefined ? command.title : `${command.title} — requires ${reason}`}
-      @click=${() => {
-    retireToast(record.id);
-    registry.run(id, record.actionArgs);
-  }}
-    >
-      ${command.title}
-    </button>
-  `;
-}
-function toastTpl(record) {
-  return html`
-    <div class="toast toast--${record.severity}">
-      <span class="toast-icon" aria-hidden="true">${TOAST_ICON[record.severity]}</span>
-      <span class="toast-message">${record.message}</span>
-      ${toastActionTpl(record)}
-      <button
-        class="toast-dismiss"
-        title="Dismiss"
-        aria-label="Dismiss notification"
-        @click=${() => retireToast(record.id)}
-      >
-        <span aria-hidden="true">×</span>
-      </button>
-    </div>
-  `;
-}
-function toastStackTemplate() {
-  return html`
-    <div class="toast-stack">
-      ${repeat(toasts, (record) => record.id, (record) => toastTpl(record))}
-    </div>
-  `;
-}
-function mountToastHost() {
-  unmountToastHost();
-  if (!_toastLayer) {
-    return;
-  }
-  _toastScope = effectScope();
-  _toastScope.run(() => {
-    effect(() => {
-      toasts.length;
-      activeRegistry();
-      for (const record of toasts) {
-        scheduleToast(record);
-      }
-      render(toastStackTemplate(), _toastLayer);
-    });
-  });
-}
-function unmountToastHost() {
-  _toastScope?.stop();
-  _toastScope = null;
-  for (const timer of _toastTimers.values()) {
-    clearTimeout(timer);
-  }
-  _toastTimers.clear();
-  _toastEntering.clear();
-  if (_toastLayer) {
-    render(nothing, _toastLayer);
-  }
-}
-
-// src/collab/collab-state.ts
-var states = new WeakMap;
-var attachedPaths = new Map;
-function collabState(tab) {
-  const key = toRaw(tab);
-  let state = states.get(key);
-  if (!state) {
-    state = reactive({
-      active: false,
-      attachError: "",
-      peers: [],
-      readOnly: false,
-      sourceCanonical: false,
-      status: "unavailable"
-    });
-    states.set(key, state);
-  }
-  return state;
-}
-function registerCollabPath(path) {
-  attachedPaths.set(path, (attachedPaths.get(path) ?? 0) + 1);
-}
-function unregisterCollabPath(path) {
-  const count = attachedPaths.get(path) ?? 0;
-  if (count <= 1) {
-    attachedPaths.delete(path);
-  } else {
-    attachedPaths.set(path, count - 1);
-  }
-}
-function isCollabPath(path) {
-  return attachedPaths.has(path.replaceAll("\\", "/"));
-}
-
-// src/commands/context.ts
-var EDITOR_KIND_BY_MODE = {
-  design: "canvas",
-  edit: "canvas",
-  entry: "entry",
-  "git-diff": "diff",
-  grid: "grid",
-  manage: "library",
-  preview: "canvas",
-  settings: "config",
-  source: "code",
-  stylebook: "config"
-};
-var EDITOR_KIND_LABELS = {
-  canvas: "Canvas",
-  code: "Code",
-  config: "Project Styles",
-  diff: "Diff",
-  entry: "Entry",
-  grid: "Grid",
-  library: "Library",
-  none: "None"
-};
-function editorKindForMode(mode) {
-  return EDITOR_KIND_BY_MODE[mode] ?? "canvas";
-}
-var CANVAS_VIEW_BY_MODE = {
-  design: "design",
-  edit: "edit",
-  preview: "preview"
-};
-function canvasViewForMode(mode) {
-  return CANVAS_VIEW_BY_MODE[mode] ?? "design";
-}
-var inCanvas = (ctx) => ctx.editor.kind === "canvas";
-var hasSelection = (ctx) => inCanvas(ctx) && ctx.selection.count > 0;
-var hasElementSelection = (ctx) => hasSelection(ctx) && !ctx.selection.isRoot;
-function emptyContext() {
-  return {
-    project: { open: false, isSite: false, isRepo: false, isMultilingual: false },
-    git: { ahead: 0, behind: 0, dirtyCount: 0 },
-    document: { open: false, dirty: false, mode: "", canUndo: false, canRedo: false },
-    editor: { kind: "none" },
-    canvas: { view: "design" },
-    pane: { count: 1, derived: false },
-    selection: {
-      count: 0,
-      paths: [],
-      kind: "",
-      isRoot: false,
-      isComponentInstance: false,
-      isLayoutNode: false,
-      isRepeater: false
-    },
-    caret: { active: false, inCanvas: false },
-    focus: { region: "pane" },
-    modal: { open: false },
-    collab: { attached: false, readOnly: false, sourceCanonical: false },
-    ai: { configured: false, streaming: false },
-    capability: {
-      gitClone: false,
-      importSite: false,
-      openProjectInNewWindow: false,
-      dataRows: false,
-      windowControls: false,
-      findReferences: false
-    }
-  };
-}
-function makeContext(patch = {}) {
-  const base = emptyContext();
-  for (const key of Object.keys(patch)) {
-    const group = patch[key];
-    if (group) {
-      Object.assign(base[key], group);
-    }
-  }
-  return base;
-}
-var MODAL_STACK = ["palette"];
-var CARET_STACK = ["caret", "global"];
-var DOCK_STACK = ["dock", "global"];
-var CANVAS_STACK = ["canvas", "global"];
-var GRID_STACK = ["grid", "global"];
-var CODE_STACK = ["code", "global"];
-var GLOBAL_STACK = ["global"];
-function keyScopeStack(ctx) {
-  if (ctx.modal.open) {
-    return MODAL_STACK;
-  }
-  if (ctx.caret.active) {
-    return CARET_STACK;
-  }
-  if (ctx.focus.region !== "pane") {
-    return DOCK_STACK;
-  }
-  switch (ctx.editor.kind) {
-    case "grid": {
-      return GRID_STACK;
-    }
-    case "code": {
-      return CODE_STACK;
-    }
-    case "canvas": {
-      return ctx.canvas.view === "preview" ? GLOBAL_STACK : CANVAS_STACK;
-    }
-    default: {
-      return GLOBAL_STACK;
+    default: {
+      return GLOBAL_STACK;
     }
   }
 }
@@ -2349,7 +1547,7 @@ function createTab({
   id,
   documentPath = null,
   fileHandle = null,
-  document: document2,
+  document,
   frontmatter,
   sourceFormat = null,
   capabilities,
@@ -2357,7 +1555,7 @@ function createTab({
   preview: previewTab = false
 }) {
   const scope = effectScope();
-  normalizeArrayChildren(document2);
+  normalizeArrayChildren(document);
   const resolvedModes = capabilities?.modes ?? inferModes(documentPath, sourceFormat);
   const initialCanvasMode = resolvedModes.find((m) => m !== "preview") ?? "edit";
   const initialPreview = resolvedModes[0] === "preview";
@@ -2366,7 +1564,7 @@ function createTab({
     doc: reactive({
       content: { frontmatter: frontmatter || {} },
       dirty: false,
-      document: document2,
+      document,
       handlersSource: null,
       mode: inferDocumentMode(documentPath, sourceFormat),
       sourceFormat
@@ -2375,7 +1573,7 @@ function createTab({
     fileHandle,
     history: reactive({
       index: 0,
-      snapshots: [{ document: structuredClone(document2), selection: [] }]
+      snapshots: [{ document: structuredClone(document), selection: [] }]
     }),
     id,
     pinned: false,
@@ -2439,6 +1637,40 @@ function disposeTab(tab) {
   tab.scope.stop();
 }
 
+// src/collab/collab-state.ts
+var states = new WeakMap;
+var attachedPaths = new Map;
+function collabState(tab) {
+  const key = toRaw(tab);
+  let state = states.get(key);
+  if (!state) {
+    state = reactive({
+      active: false,
+      attachError: "",
+      peers: [],
+      readOnly: false,
+      sourceCanonical: false,
+      status: "unavailable"
+    });
+    states.set(key, state);
+  }
+  return state;
+}
+function registerCollabPath(path) {
+  attachedPaths.set(path, (attachedPaths.get(path) ?? 0) + 1);
+}
+function unregisterCollabPath(path) {
+  const count = attachedPaths.get(path) ?? 0;
+  if (count <= 1) {
+    attachedPaths.delete(path);
+  } else {
+    attachedPaths.set(path, count - 1);
+  }
+}
+function isCollabPath(path) {
+  return attachedPaths.has(path.replaceAll("\\", "/"));
+}
+
 // src/collab/collab-session.ts
 var SYNC_TIMEOUT_MS = 8000;
 var MIRROR_DEBOUNCE_MS = 800;
@@ -3116,14 +2348,14 @@ function createSession(tab, path, collab, handle) {
       }
     });
     effect(() => {
-      const ref2 = toRaw(tab.doc.document);
+      const ref = toRaw(tab.doc.document);
       queueMicrotask(() => {
         const current = runtimeOf(tab)?.session;
         if (current !== session || !session.synced || !session.canWrite) {
           return;
         }
         const nowRef = toRaw(tab.doc.document);
-        if (nowRef !== ref2 || nowRef === session.lastSeenRef) {
+        if (nowRef !== ref || nowRef === session.lastSeenRef) {
           return;
         }
         session.lastSeenRef = nowRef;
@@ -3245,10 +2477,19 @@ function argsSchema(properties, required = Object.keys(properties)) {
 function enumProperty(declared, description) {
   return { description, enum: [...declared], type: "string" };
 }
-function numberProperty(description, bounds = {}) {
-  return { description, type: "number", ...bounds };
-}
-function booleanProperty(description) {
+function derivedEnumProperty(declared, description) {
+  return {
+    description,
+    get enum() {
+      return [...declared()];
+    },
+    type: "string"
+  };
+}
+function numberProperty(description, bounds = {}) {
+  return { description, type: "number", ...bounds };
+}
+function booleanProperty(description) {
   return { description, type: "boolean" };
 }
 function pathProperty(description, nullable = false) {
@@ -3273,6 +2514,7 @@ function stringProperty(description) {
 var CLOSED_TAB_LIMIT = 20;
 var PRIMARY_PANE = "primary";
 var SECONDARY_PANE = "secondary";
+var MAX_PANES = 2;
 var workspace = reactive({
   activePaneId: PRIMARY_PANE,
   clipboard: null,
@@ -3338,6 +2580,12 @@ function focusPane(paneId) {
 function isPaneFocused(paneId) {
   return workspace.activePaneId === paneId;
 }
+function focusOtherPane() {
+  const other = workspace.panes.find((pane) => pane.id !== workspace.activePaneId);
+  if (other) {
+    focusPane(other.id);
+  }
+}
 function splitRight() {
   const source = activePane();
   const tabId = source.activeTabId;
@@ -3633,6 +2881,13 @@ function cycleTab(step) {
   setActiveTab(id, { cycling: true });
   return id;
 }
+function endTabCycle() {
+  const settled = workspace.activeTabId;
+  resetTabCycle();
+  if (settled) {
+    promoteMru(settled);
+  }
+}
 function replaceAllTabs(newTabOpts) {
   const oldIds = [...workspace.tabs.keys()];
   const oldTabs = [...workspace.tabs.values()];
@@ -3902,1267 +3157,7 @@ function runUnsplit() {
   closePane(derived?.id ?? SECONDARY_PANE);
 }
 
-// src/workspace/session.ts
-var PANE_IDS = new Set([PRIMARY_PANE, SECONDARY_PANE]);
-var SCHEMES = new Set(["auto", "light", "dark"]);
-function uiOf(tab) {
-  const { ui } = tab.session;
-  return {
-    activeMedia: ui.activeMedia,
-    canvasMode: ui.canvasMode,
-    editZoom: ui.editZoom,
-    preview: ui.preview,
-    previewColorScheme: ui.previewColorScheme,
-    previewLocale: ui.previewLocale,
-    showLayout: ui.showLayout,
-    zoom: ui.zoom
-  };
-}
-function captureSession() {
-  const ui = {};
-  const panes = [];
-  for (const pane of workspace.panes) {
-    if (pane.derived) {
-      continue;
-    }
-    const files = [];
-    for (const tabId of pane.tabOrder) {
-      const tab = workspace.tabs.get(tabId);
-      if (!tab?.documentPath) {
-        continue;
-      }
-      files.push(tab.documentPath);
-      ui[tab.documentPath] = uiOf(tab);
-    }
-    if (files.length === 0) {
-      continue;
-    }
-    const activeTab2 = pane.activeTabId ? workspace.tabs.get(pane.activeTabId) : null;
-    panes.push({
-      activeFile: activeTab2?.documentPath ?? null,
-      files,
-      id: pane.id
-    });
-  }
-  return { focusedPane: workspace.activePaneId, panes, ui };
-}
-function readTabUi(value) {
-  if (typeof value !== "object" || value === null) {
-    return {};
-  }
-  const raw = value;
-  const out = {};
-  if (typeof raw.canvasMode === "string") {
-    out.canvasMode = raw.canvasMode;
-  }
-  if (typeof raw.preview === "boolean") {
-    out.preview = raw.preview;
-  }
-  if (typeof raw.zoom === "number" && Number.isFinite(raw.zoom)) {
-    out.zoom = raw.zoom;
-  }
-  if (typeof raw.editZoom === "number" && Number.isFinite(raw.editZoom)) {
-    out.editZoom = raw.editZoom;
-  }
-  if (raw.activeMedia === null || typeof raw.activeMedia === "string") {
-    out.activeMedia = raw.activeMedia;
-  }
-  if (typeof raw.previewColorScheme === "string" && SCHEMES.has(raw.previewColorScheme)) {
-    out.previewColorScheme = raw.previewColorScheme;
-  }
-  if (raw.previewLocale === null || isWellFormedLocale(raw.previewLocale)) {
-    out.previewLocale = raw.previewLocale;
-  }
-  if (typeof raw.showLayout === "boolean") {
-    out.showLayout = raw.showLayout;
-  }
-  return out;
-}
-function readSession(value) {
-  if (typeof value !== "object" || value === null) {
-    return null;
-  }
-  const raw = value;
-  if (!Array.isArray(raw.panes)) {
-    return null;
-  }
-  const panes = [];
-  for (const entry of raw.panes) {
-    if (typeof entry !== "object" || entry === null) {
-      continue;
-    }
-    const pane = entry;
-    if (typeof pane.id !== "string" || !PANE_IDS.has(pane.id)) {
-      continue;
-    }
-    const files = Array.isArray(pane.files) ? pane.files.filter((file) => typeof file === "string" && file !== "") : [];
-    if (files.length === 0) {
-      continue;
-    }
-    panes.push({
-      activeFile: typeof pane.activeFile === "string" && files.includes(pane.activeFile) ? pane.activeFile : null,
-      files,
-      id: pane.id
-    });
-  }
-  if (panes.length === 0) {
-    return null;
-  }
-  const ui = {};
-  if (typeof raw.ui === "object" && raw.ui !== null) {
-    for (const [path, entry] of Object.entries(raw.ui)) {
-      ui[path] = readTabUi(entry);
-    }
-  }
-  return {
-    focusedPane: typeof raw.focusedPane === "string" && PANE_IDS.has(raw.focusedPane) ? raw.focusedPane : PRIMARY_PANE,
-    panes,
-    ui
-  };
-}
-async function restoreSession(session, deps) {
-  let opened = 0;
-  if (session.panes.some((pane) => pane.id === SECONDARY_PANE)) {
-    deps.ensureSecondPane();
-  }
-  for (const pane of session.panes) {
-    for (const file of pane.files) {
-      try {
-        await deps.openFile(file, pane.id);
-      } catch {}
-      if ([...workspace.tabs.values()].some((tab) => tab.documentPath === file)) {
-        opened += 1;
-      }
-    }
-  }
-  if (opened === 0) {
-    return 0;
-  }
-  for (const tab of workspace.tabs.values()) {
-    const stored = tab.documentPath ? session.ui[tab.documentPath] : undefined;
-    if (!stored) {
-      continue;
-    }
-    const { ui } = tab.session;
-    if (stored.canvasMode && tab.capabilities.modes.includes(stored.canvasMode)) {
-      ui.canvasMode = stored.canvasMode;
-    }
-    if (stored.preview !== undefined) {
-      ui.preview = stored.preview;
-    }
-    if (stored.zoom !== undefined) {
-      ui.zoom = stored.zoom;
-    }
-    if (stored.editZoom !== undefined) {
-      ui.editZoom = stored.editZoom;
-    }
-    if (stored.activeMedia !== undefined) {
-      ui.activeMedia = stored.activeMedia;
-    }
-    if (stored.previewColorScheme !== undefined) {
-      ui.previewColorScheme = stored.previewColorScheme;
-    }
-    if (stored.previewLocale !== undefined) {
-      ui.previewLocale = stored.previewLocale;
-    }
-    if (stored.showLayout !== undefined) {
-      ui.showLayout = stored.showLayout;
-    }
-  }
-  for (const stored of session.panes) {
-    const pane = workspace.panes.find((p) => p.id === stored.id);
-    if (!pane || !stored.activeFile) {
-      continue;
-    }
-    const match = pane.tabOrder.find((tabId) => workspace.tabs.get(tabId)?.documentPath === stored.activeFile);
-    if (match) {
-      pane.activeTabId = match;
-    }
-  }
-  if (workspace.panes.some((pane) => pane.id === session.focusedPane)) {
-    focusPane(session.focusedPane);
-  }
-  return opened;
-}
-
-// src/services/profile.ts
-var STARTUP_PROFILES = {
-  default: {
-    description: "Resume whatever was persisted — layout, recents, settings, chat history.",
-    id: "default",
-    reset: "none"
-  },
-  fresh: {
-    description: "A first-run app: no layout, no recents, no settings, no history.",
-    id: "fresh",
-    reset: "app-state"
-  }
-};
-var DEFAULT_PROFILE_ID = "default";
-var OWNED_KEY_PATTERN = /^jx[-._:]/;
-function isStudioStorageKey(key) {
-  return OWNED_KEY_PATTERN.test(key);
-}
-function clearStudioStorage() {
-  const store = globalThis.localStorage;
-  if (!store) {
-    return [];
-  }
-  const doomed = [];
-  try {
-    for (let i = 0;i < store.length; i++) {
-      const key = store.key(i);
-      if (key && isStudioStorageKey(key)) {
-        doomed.push(key);
-      }
-    }
-    for (const key of doomed) {
-      store.removeItem(key);
-    }
-  } catch {}
-  return doomed;
-}
-function applyProfile(id) {
-  const profile = STARTUP_PROFILES[id];
-  if (!profile) {
-    throw new RangeError(`unknown startup profile "${id}"; declared: ${Object.keys(STARTUP_PROFILES).join(", ")}`);
-  }
-  if (profile.reset === "app-state") {
-    clearStudioStorage();
-  }
-  return profile;
-}
-var _startup = null;
-function applyStartupProfile(search) {
-  if (_startup) {
-    return _startup;
-  }
-  const query = new URLSearchParams(search ?? globalThis.location?.search ?? "");
-  const profile = applyProfile(query.get("profile") ?? DEFAULT_PROFILE_ID);
-  const clockParam = query.get("clock");
-  _startup = { clock: clockParam === null ? null : pinClock(clockParam), profile };
-  return _startup;
-}
-
-// src/shell.ts
-var NAVIGATOR_PANEL_IDS = [
-  "files",
-  "search",
-  "git",
-  "i18n",
-  "layers",
-  "page",
-  "data",
-  "packages",
-  "insert"
-];
-var RENAMED_PANEL_IDS = {
-  blocks: "insert",
-  head: "page",
-  imports: "packages",
-  state: "data"
-};
-var DEFAULT_PANEL_ID = "layers";
-function isNavigatorPanelId(value) {
-  return typeof value === "string" && NAVIGATOR_PANEL_IDS.includes(value);
-}
-function requireNavigatorPanelId(value, source) {
-  if (!isNavigatorPanelId(value)) {
-    throw new Error(`${source}: "${value}" is not a declared Navigator panel id.`);
-  }
-  return value;
-}
-function migratePanelId(stored) {
-  if (typeof stored !== "string") {
-    return null;
-  }
-  const renamed = RENAMED_PANEL_IDS[stored];
-  if (renamed) {
-    return renamed;
-  }
-  return isNavigatorPanelId(stored) ? stored : null;
-}
-var INSPECTOR_TAB_IDS = ["properties", "style", "events", "assistant"];
-var DEFAULT_INSPECTOR_TAB = "properties";
-function isInspectorTabId(value) {
-  return typeof value === "string" && INSPECTOR_TAB_IDS.includes(value);
-}
-var BOTTOM_TAB_IDS = ["problems", "logic", "activity"];
-var DEFAULT_BOTTOM_TAB = "problems";
-function isBottomTabId(value) {
-  return typeof value === "string" && BOTTOM_TAB_IDS.includes(value);
-}
-var CHROME_THEMES = ["light", "dark"];
-var DOCK_STORAGE_KEY = "jx-studio-panel-widths";
-var PROJECT_STORAGE_PREFIX = "jx-studio-project::";
-var DEFAULT_THEME = "dark";
-function isChromeTheme(value) {
-  return typeof value === "string" && CHROME_THEMES.includes(value);
-}
-function readPersistedTheme() {
-  const stored = readStoredSetting(SETTINGS.theme);
-  return isChromeTheme(stored) ? stored : DEFAULT_THEME;
-}
-var DOCK_IDS = ["left", "right", "bottom"];
-var DOCK_DEFAULTS = {
-  bottom: { collapsed: true, size: 220 },
-  left: { collapsed: false, size: 240 },
-  right: { collapsed: false, size: 280 }
-};
-var DOCK_DEFAULT_SIZES = {
-  bottom: DOCK_DEFAULTS.bottom.size,
-  left: DOCK_DEFAULTS.left.size,
-  right: DOCK_DEFAULTS.right.size
-};
-var DOCK_CSS_VAR = {
-  bottom: "--dock-h-bottom",
-  left: "--panel-w-left",
-  right: "--panel-w-right"
-};
-var DOCK_CLASS = {
-  bottom: "bottom-collapsed",
-  left: "left-collapsed",
-  right: "right-collapsed"
-};
-var DEFAULT_PANE_SPLIT = 0.5;
-function clampPaneSplit(value) {
-  return typeof value === "number" && value >= 0.2 && value <= 0.8 ? value : DEFAULT_PANE_SPLIT;
-}
-function setPaneSplit(value) {
-  shell.paneSplit = Math.min(0.8, Math.max(0.2, value));
-}
-function readPersistedDocks() {
-  try {
-    return JSON.parse(localStorage.getItem(DOCK_STORAGE_KEY) || "{}");
-  } catch {
-    return {};
-  }
-}
-function freshGit() {
-  return {
-    branches: null,
-    commitMessage: "",
-    diffState: null,
-    error: null,
-    lastUpdated: null,
-    loading: false,
-    logEntries: null,
-    status: null,
-    subTab: "changes"
-  };
-}
-function freshStylebook() {
-  return { customizedOnly: false, filter: "", selection: null, tab: "elements" };
-}
-function builtInLayouts() {
-  return [
-    {
-      bottomTab: "problems",
-      docks: {
-        bottom: { collapsed: true, size: 220 },
-        left: { collapsed: false, size: 240 },
-        right: { collapsed: true, size: 280 }
-      },
-      id: "write",
-      inspectorTab: "properties",
-      name: "Write",
-      navigatorPanel: "files"
-    },
-    {
-      bottomTab: "problems",
-      docks: {
-        bottom: { collapsed: true, size: 220 },
-        left: { collapsed: false, size: 240 },
-        right: { collapsed: false, size: 320 }
-      },
-      id: "design",
-      inspectorTab: "style",
-      name: "Design",
-      navigatorPanel: "layers"
-    },
-    {
-      bottomTab: "logic",
-      docks: {
-        bottom: { collapsed: true, size: 260 },
-        left: { collapsed: false, size: 280 },
-        right: { collapsed: false, size: 300 }
-      },
-      id: "build",
-      inspectorTab: "events",
-      name: "Build",
-      navigatorPanel: "data"
-    },
-    {
-      bottomTab: "activity",
-      docks: {
-        bottom: { collapsed: false, size: 240 },
-        left: { collapsed: false, size: 300 },
-        right: { collapsed: true, size: 280 }
-      },
-      id: "ship",
-      inspectorTab: "properties",
-      name: "Ship",
-      navigatorPanel: "git"
-    }
-  ];
-}
-var DEFAULT_LAYOUT_ID = "design";
-function createShellState() {
-  const saved = readPersistedDocks();
-  const docks = {};
-  for (const id of DOCK_IDS) {
-    const width = saved[id];
-    const collapsed = saved[`${id}Collapsed`];
-    docks[id] = {
-      collapsed: typeof collapsed === "boolean" ? collapsed : DOCK_DEFAULTS[id].collapsed,
-      size: typeof width === "number" && width > 0 ? width : DOCK_DEFAULTS[id].size
-    };
-  }
-  return {
-    bottomTab: isBottomTabId(saved.bottomTab) ? saved.bottomTab : DEFAULT_BOTTOM_TAB,
-    docks,
-    focusRegion: "pane",
-    paneSplit: clampPaneSplit(saved.paneSplit),
-    git: freshGit(),
-    layout: DEFAULT_LAYOUT_ID,
-    layoutSelection: null,
-    layouts: builtInLayouts(),
-    leftTab: migratePanelId(saved.leftTab) ?? DEFAULT_PANEL_ID,
-    settingsTab: "stylebook",
-    stylebook: freshStylebook(),
-    theme: readPersistedTheme()
-  };
-}
-applyStartupProfile();
-var shell = reactive(createShellState());
-function persistDocks() {
-  try {
-    localStorage.setItem(DOCK_STORAGE_KEY, JSON.stringify({
-      bottom: shell.docks.bottom.size,
-      bottomCollapsed: shell.docks.bottom.collapsed,
-      bottomTab: shell.bottomTab,
-      left: shell.docks.left.size,
-      leftCollapsed: shell.docks.left.collapsed,
-      leftTab: shell.leftTab,
-      paneSplit: shell.paneSplit,
-      right: shell.docks.right.size,
-      rightCollapsed: shell.docks.right.collapsed
-    }));
-  } catch {}
-}
-var _layoutRoot;
-function isLayoutPreset(value) {
-  if (typeof value !== "object" || value === null) {
-    return false;
-  }
-  const preset = value;
-  return typeof preset.id === "string" && preset.id !== "" && typeof preset.name === "string" && isNavigatorPanelId(preset.navigatorPanel) && isInspectorTabId(preset.inspectorTab) && isBottomTabId(preset.bottomTab) && DOCK_IDS.every((dock) => typeof preset.docks?.[dock]?.size === "number");
-}
-function rawPersistedProject(root) {
-  if (!root) {
-    return {};
-  }
-  try {
-    return JSON.parse(localStorage.getItem(`${PROJECT_STORAGE_PREFIX}${root}`) || "{}");
-  } catch {
-    return {};
-  }
-}
-function readPersistedProject(root) {
-  const fresh = { activeLayout: null, layouts: builtInLayouts() };
-  if (!root) {
-    return fresh;
-  }
-  const parsed = rawPersistedProject(root);
-  const layouts = Array.isArray(parsed.layouts) ? parsed.layouts.filter(isLayoutPreset) : [];
-  if (layouts.length === 0) {
-    return fresh;
-  }
-  return {
-    activeLayout: typeof parsed.activeLayout === "string" ? parsed.activeLayout : null,
-    layouts
-  };
-}
-function persistedSession(root) {
-  return readSession(rawPersistedProject(root).session);
-}
-var _sessionRoot = null;
-function markSessionRestored(root) {
-  _sessionRoot = root;
-}
-function flushSession() {
-  persistProjectShell();
-}
-function persistProjectShell() {
-  const root = workspace.projectRoot;
-  if (!root) {
-    return;
-  }
-  try {
-    localStorage.setItem(`${PROJECT_STORAGE_PREFIX}${root}`, JSON.stringify({
-      activeLayout: shell.layout,
-      layouts: shell.layouts,
-      session: root === _sessionRoot ? captureSession() : rawPersistedProject(root).session
-    }));
-  } catch {}
-}
-function syncProjectLayouts(root) {
-  if (root === _layoutRoot) {
-    return;
-  }
-  _layoutRoot = root;
-  const { activeLayout, layouts } = readPersistedProject(root);
-  shell.layouts = layouts;
-  const has = (id) => id !== null && layouts.some((preset) => preset.id === id);
-  shell.layout = has(activeLayout) ? activeLayout : has(shell.layout) ? shell.layout : has(DEFAULT_LAYOUT_ID) ? DEFAULT_LAYOUT_ID : layouts[0]?.id ?? DEFAULT_LAYOUT_ID;
-}
-function layoutById(id) {
-  return shell.layouts.find((preset) => preset.id === id);
-}
-function layoutIdFor(name) {
-  const slug = name.trim().toLowerCase().replaceAll(/[^a-z0-9]+/g, "-").replaceAll(/^-|-$/g, "");
-  return slug || "layout";
-}
-function applyLayout(id, deps) {
-  const preset = layoutById(id);
-  if (!preset) {
-    throw new RangeError(`no layout named "${id}" — this project has: ${shell.layouts.map((p) => p.id).join(", ")}`);
-  }
-  shell.layout = preset.id;
-  shell.leftTab = preset.navigatorPanel;
-  shell.bottomTab = preset.bottomTab;
-  for (const dock of DOCK_IDS) {
-    shell.docks[dock].collapsed = preset.docks[dock].collapsed;
-    shell.docks[dock].size = preset.docks[dock].size;
-  }
-  deps.setInspectorTab(preset.inspectorTab);
-  persistDocks();
-  persistProjectShell();
-}
-function saveLayout(name, deps) {
-  const trimmed = name.trim();
-  const id = layoutIdFor(trimmed);
-  const docks = {};
-  for (const dock of DOCK_IDS) {
-    docks[dock] = { collapsed: shell.docks[dock].collapsed, size: shell.docks[dock].size };
-  }
-  const preset = {
-    bottomTab: isBottomTabId(shell.bottomTab) ? shell.bottomTab : DEFAULT_BOTTOM_TAB,
-    docks,
-    id,
-    inspectorTab: deps.inspectorTab(),
-    name: trimmed || id,
-    navigatorPanel: migratePanelId(shell.leftTab) ?? DEFAULT_PANEL_ID
-  };
-  const existing = shell.layouts.findIndex((entry) => entry.id === id);
-  if (existing === -1) {
-    shell.layouts.push(preset);
-  } else {
-    shell.layouts.splice(existing, 1, preset);
-  }
-  shell.layout = id;
-  persistProjectShell();
-  return preset;
-}
-function renameLayout(id, name) {
-  const preset = layoutById(id);
-  const trimmed = name.trim();
-  if (!preset || !trimmed) {
-    return;
-  }
-  preset.name = trimmed;
-  persistProjectShell();
-}
-function deleteLayout(id) {
-  if (shell.layouts.length < 2) {
-    return;
-  }
-  const index = shell.layouts.findIndex((preset) => preset.id === id);
-  if (index === -1) {
-    return;
-  }
-  shell.layouts.splice(index, 1);
-  if (shell.layout === id) {
-    shell.layout = shell.layouts[0].id;
-  }
-  persistProjectShell();
-}
-function resetLayout(deps) {
-  applyLayout(shell.layout, deps);
-}
-function monacoTheme(theme = shell.theme) {
-  return theme === "light" ? "vs" : "vs-dark";
-}
-function applyChromeTheme() {
-  document.querySelector("sp-theme")?.setAttribute("color", shell.theme);
-  document.documentElement.dataset.theme = shell.theme;
-  loadedMonaco()?.editor.setTheme(monacoTheme());
-}
-function applyDockLayout() {
-  const root = document.documentElement;
-  for (const id of DOCK_IDS) {
-    root.style.setProperty(DOCK_CSS_VAR[id], `${shell.docks[id].size}px`);
-  }
-  const app = document.querySelector("#app");
-  if (!app) {
-    return;
-  }
-  for (const id of DOCK_IDS) {
-    app.classList.toggle(DOCK_CLASS[id], shell.docks[id].collapsed);
-  }
-}
-var _scope = null;
-var _surfaces2 = [];
-function registerShellSurface(surface) {
-  if (!_surfaces2.includes(surface)) {
-    _surfaces2.push(surface);
-  }
-}
-function mountShell() {
-  if (_scope) {
-    return;
-  }
-  for (const surface of _surfaces2) {
-    surface.mount();
-  }
-  _scope = effectScope();
-  _scope.run(() => {
-    effect(() => {
-      applyDockLayout();
-    });
-    effect(() => {
-      applyChromeTheme();
-    });
-    effect(() => {
-      syncProjectLayouts(workspace.projectRoot);
-    });
-    effect(() => {
-      const root = workspace.projectRoot;
-      workspace.activePaneId;
-      for (const pane of workspace.panes) {
-        pane.id;
-        pane.activeTabId;
-        pane.tabOrder.join("\x00");
-      }
-      if (root) {
-        persistProjectShell();
-      }
-    });
-  });
-}
-function setDockCollapsed(dock, collapsed) {
-  if (shell.docks[dock].collapsed === collapsed) {
-    persistDocks();
-    return;
-  }
-  shell.docks[dock].collapsed = collapsed;
-  persistDocks();
-}
-function toggleDock(dock) {
-  setDockCollapsed(dock, !shell.docks[dock].collapsed);
-}
-function setDockSize(dock, size) {
-  shell.docks[dock].size = size;
-}
-function setActivityTab(tab) {
-  shell.leftTab = tab;
-  setDockCollapsed("left", false);
-  persistDocks();
-}
-function setBottomTab(tab) {
-  shell.bottomTab = tab;
-  setDockCollapsed("bottom", false);
-  persistDocks();
-}
-function setChromeTheme(theme) {
-  if (shell.theme === theme) {
-    return;
-  }
-  shell.theme = theme;
-  setSetting(SETTINGS.theme, theme);
-}
-function toggleActivityTab(tab) {
-  if (tab === shell.leftTab && !shell.docks.left.collapsed) {
-    setDockCollapsed("left", true);
-    return;
-  }
-  setActivityTab(tab);
-}
-function setLayoutSelection(selection) {
-  shell.layoutSelection = selection;
-}
-function resetProjectShell() {
-  Object.assign(shell.git, freshGit());
-  Object.assign(shell.stylebook, freshStylebook());
-  shell.settingsTab = "stylebook";
-  shell.layoutSelection = null;
-  _sessionRoot = null;
-  _layoutRoot = undefined;
-}
-var projectOpen = (ctx) => ctx.project.open;
-function shellViewCommands(deps) {
-  return [
-    {
-      args: argsSchema({
-        tab: enumProperty(NAVIGATOR_PANEL_IDS, "Which Navigator panel to show.")
-      }),
-      category: "View",
-      id: "view.setActivity",
-      level: "application",
-      menus: ["commandbar/overflow", "palette"],
-      group: "4_docks",
-      requires: "an open project",
-      when: projectOpen,
-      aiTool: {
-        description: "Show one of the Navigator panels (Files, Search, Source Control, Languages, Outline, " + "Page, Data, Packages, Insert) and open the Navigator dock if it is closed. Languages is " + "the translation-parity grid, and it exists only in a project that declares two or more " + "locales. Problems is a Bottom dock tab — use show_bottom_tab for it.",
-        name: "show_navigator_panel"
-      },
-      run: (_ctx, args) => {
-        const tab = enumArg("view.setActivity", args, "tab", NAVIGATOR_PANEL_IDS);
-        if (deps.panelAvailable && !deps.panelAvailable(tab)) {
-          throw new RangeError(`command "view.setActivity" argument "tab": "${tab}" names a panel that is registered but not ` + `available right now, so showing it would persist a Navigator tab nothing can draw`);
-        }
-        setActivityTab(tab);
-      },
-      title: "Show Navigator Panel"
-    },
-    {
-      args: argsSchema({
-        tab: enumProperty(INSPECTOR_TAB_IDS, "Which Inspector tab to show.")
-      }),
-      category: "View",
-      id: "view.setRightTab",
-      level: "document",
-      menus: ["palette"],
-      group: "4_docks",
-      requires: "an open document",
-      when: (ctx) => ctx.document.open,
-      run: (_ctx, args) => {
-        deps.setInspectorTab(enumArg("view.setRightTab", args, "tab", INSPECTOR_TAB_IDS));
-      },
-      title: "Show Inspector Tab"
-    },
-    {
-      args: argsSchema({
-        open: booleanProperty("True to show the Navigator dock, false to collapse it.")
-      }),
-      category: "View",
-      id: "view.setNavigator",
-      level: "application",
-      menus: ["palette"],
-      group: "4_docks",
-      run: (_ctx, args) => {
-        setDockCollapsed("left", !booleanArg("view.setNavigator", args, "open"));
-      },
-      title: "Show Navigator Dock"
-    },
-    {
-      args: argsSchema({
-        open: booleanProperty("True to show the Inspector dock, false to collapse it.")
-      }),
-      category: "View",
-      id: "view.setRightPanel",
-      level: "application",
-      menus: ["palette"],
-      group: "4_docks",
-      run: (_ctx, args) => {
-        setDockCollapsed("right", !booleanArg("view.setRightPanel", args, "open"));
-      },
-      title: "Show Inspector Dock"
-    },
-    {
-      args: argsSchema({
-        open: booleanProperty("True to show the Bottom dock, false to collapse it.")
-      }),
-      category: "View",
-      id: "view.setBottomDock",
-      level: "application",
-      menus: ["palette"],
-      group: "4_docks",
-      run: (_ctx, args) => {
-        setDockCollapsed("bottom", !booleanArg("view.setBottomDock", args, "open"));
-      },
-      title: "Show Bottom Dock"
-    },
-    {
-      category: "View",
-      id: "view.toggleBottomDock",
-      keybinding: "mod+j",
-      level: "application",
-      menus: ["commandbar/overflow", "palette"],
-      group: "4_docks",
-      run: () => {
-        toggleDock("bottom");
-      },
-      title: "Toggle Bottom Dock"
-    },
-    {
-      args: argsSchema({
-        tab: enumProperty(BOTTOM_TAB_IDS, "Which Bottom dock tab to show.")
-      }),
-      category: "View",
-      id: "view.setBottomTab",
-      level: "application",
-      menus: ["palette"],
-      group: "4_docks",
-      aiTool: {
-        description: "Show one of the Bottom dock's tabs (Problems, Diff, Logic, Activity) and open the " + "Bottom dock if it is closed.",
-        name: "show_bottom_tab"
-      },
-      run: (_ctx, args) => {
-        const tab = enumArg("view.setBottomTab", args, "tab", BOTTOM_TAB_IDS);
-        if (deps.panelAvailable && !deps.panelAvailable(tab)) {
-          throw new RangeError(`command "view.setBottomTab" argument "tab": "${tab}" names a panel that is registered but not ` + `available right now, so showing it would persist a Bottom dock tab nothing can draw`);
-        }
-        setBottomTab(tab);
-      },
-      title: "Show Bottom Dock Tab"
-    },
-    {
-      args: argsSchema({
-        open: booleanProperty("True to show the Assistant tab, false to step off it.")
-      }),
-      category: "View",
-      id: "view.setAssistant",
-      level: "application",
-      menus: ["never"],
-      group: "4_docks",
-      run: (_ctx, args) => {
-        if (booleanArg("view.setAssistant", args, "open")) {
-          setDockCollapsed("right", false);
-          deps.setInspectorTab("assistant");
-          return;
-        }
-        if (deps.inspectorTab() === "assistant") {
-          deps.setInspectorTab(DEFAULT_INSPECTOR_TAB);
-        }
-      },
-      title: "Show Assistant"
-    },
-    {
-      args: argsSchema({
-        layout: stringProperty("The layout's id — one of this project's saved layouts.")
-      }),
-      category: "View",
-      id: "view.setLayout",
-      level: "application",
-      menus: ["palette"],
-      group: "4_layouts",
-      requires: "an open project",
-      when: projectOpen,
-      aiTool: {
-        description: "Adopt one of the project's named layouts (Write, Design, Build, Ship, or one the user " + "saved): its Navigator panel, its dock widths and visibility, and its Inspector tab.",
-        name: "set_layout"
-      },
-      run: (_ctx, args) => {
-        applyLayout(stringArg("view.setLayout", args, "layout"), deps);
-      },
-      title: "Switch Layout"
-    },
-    {
-      args: argsSchema({
-        name: stringProperty("What to call this arrangement. An existing name is overwritten.")
-      }),
-      category: "View",
-      id: "view.saveLayout",
-      level: "application",
-      menus: ["palette"],
-      group: "4_layouts",
-      requires: "an open project",
-      when: projectOpen,
-      run: (_ctx, args) => {
-        saveLayout(stringArg("view.saveLayout", args, "name"), deps);
-      },
-      title: "Save Layout"
-    },
-    {
-      args: argsSchema({
-        layout: stringProperty("The layout's id."),
-        name: stringProperty("Its new name. The id, and every reference to it, is unchanged.")
-      }),
-      category: "View",
-      id: "view.renameLayout",
-      level: "application",
-      menus: ["palette"],
-      group: "4_layouts",
-      requires: "an open project",
-      when: projectOpen,
-      run: (_ctx, args) => {
-        renameLayout(stringArg("view.renameLayout", args, "layout"), stringArg("view.renameLayout", args, "name"));
-      },
-      title: "Rename Layout"
-    },
-    {
-      args: argsSchema({
-        layout: stringProperty("The layout's id. The last remaining layout is kept.")
-      }),
-      category: "View",
-      id: "view.deleteLayout",
-      level: "application",
-      menus: ["palette"],
-      group: "4_layouts",
-      requires: "an open project",
-      when: projectOpen,
-      run: (_ctx, args) => {
-        deleteLayout(stringArg("view.deleteLayout", args, "layout"));
-      },
-      title: "Delete Layout"
-    },
-    {
-      category: "View",
-      id: "view.resetLayout",
-      level: "application",
-      menus: ["palette"],
-      group: "4_layouts",
-      requires: "an open project",
-      when: projectOpen,
-      run: () => {
-        resetLayout(deps);
-      },
-      title: "Reset Layout"
-    },
-    {
-      args: argsSchema({
-        color: enumProperty(CHROME_THEMES, "The Studio chrome's theme.")
-      }),
-      category: "View",
-      id: "view.setTheme",
-      level: "application",
-      menus: ["palette"],
-      group: "6_appearance",
-      run: (_ctx, args) => {
-        setChromeTheme(enumArg("view.setTheme", args, "color", CHROME_THEMES));
-      },
-      title: "Set Theme"
-    }
-  ];
-}
-function registerShellViewCommands(registry, deps) {
-  registry.registerAll(shellViewCommands(deps));
-}
-
-// src/tabs/project-config.ts
-function serializeProjectConfig(config) {
-  return JSON.stringify(config, null, 2);
-}
-var _bound = null;
-var _detached = null;
-var _committed = null;
-var _seeding = null;
-function openConfigTab() {
-  const tab = workspace.tabs.get(PROJECT_CONFIG_PATH);
-  return tab ? toRaw(tab) : null;
-}
-function unbind() {
-  if (_detached) {
-    disposeTab(_detached);
-    _detached = null;
-  }
-  _bound = null;
-  _committed = null;
-  _seeding = null;
-}
-function seedCommitted() {
-  _seeding ??= (async () => {
-    try {
-      const text = await getPlatform().readFile(PROJECT_CONFIG_PATH);
-      _committed = serializeProjectConfig(JSON.parse(text));
-    } catch {
-      _committed = null;
-    }
-  })();
-  return _seeding;
-}
-function syncProjectState(config) {
-  const state = requireProjectState();
-  if (state.projectConfig === config) {
-    return;
-  }
-  setProjectState({ ...state, projectConfig: config });
-  setWorkspaceProject(workspace.projectRoot, config);
-}
-function liveConfig() {
-  const config = requireProjectState()?.projectConfig;
-  return config ? toRaw(config) : null;
-}
-function replaceContents(target, source) {
-  for (const key of Object.keys(target)) {
-    if (!Object.hasOwn(source, key)) {
-      delete target[key];
-    }
-  }
-  Object.assign(target, source);
-}
-function bind(tab) {
-  _bound = tab;
-  tab.scope.run(() => {
-    effect(() => {
-      const doc = tab.doc.document;
-      if (_bound !== tab || !requireProjectState()) {
-        return;
-      }
-      syncProjectState(toRaw(doc));
-    });
-  });
-  return tab;
-}
-function projectConfigDocument() {
-  const state = requireProjectState();
-  const open = openConfigTab();
-  if (_bound && (_bound !== (open ?? _detached) || toRaw(_bound.doc.document) !== state.projectConfig)) {
-    unbind();
-  }
-  if (_bound) {
-    return _bound;
-  }
-  if (open) {
-    return bind(open);
-  }
-  _detached = createTab({
-    document: state.projectConfig ?? {},
-    documentPath: PROJECT_CONFIG_PATH,
-    id: PROJECT_CONFIG_PATH
-  });
-  return bind(_detached);
-}
-function extensionsKey(config) {
-  return JSON.stringify(config.extensions ?? null);
-}
-async function refreshExtensionSurfaces() {
-  const { loadFormats, refreshExtensionUi, refreshFormats } = await import("./format-host-8fr3545e.js");
-  refreshFormats();
-  loadFormats();
-  refreshExtensionUi(getPlatform());
-}
-async function commitProjectConfig(patch) {
-  const live = liveConfig();
-  const tab = projectConfigDocument();
-  await seedCommitted();
-  const current = toRaw(tab.doc.document);
-  const currentText = serializeProjectConfig(current);
-  const rival = live && live !== current && serializeProjectConfig(live) !== currentText ? live : null;
-  if (rival && tab.doc.dirty) {
-    const error = new Error(`${PROJECT_CONFIG_PATH} has unsaved changes in its editor tab`);
-    notify.error(`Could not save ${PROJECT_CONFIG_PATH} — the file is open with unsaved changes. Save or ` + `revert that tab, then make the settings change again.`, { key: `save:${PROJECT_CONFIG_PATH}`, path: PROJECT_CONFIG_PATH, source: "Settings" });
-    return { error, ok: false };
-  }
-  const base = rival ?? current;
-  const next = patch ? { ...base, ...patch } : base;
-  const text = serializeProjectConfig(next);
-  if (!rival && !tab.doc.dirty && text === _committed) {
-    return { ok: true };
-  }
-  const before = extensionsKey(current);
-  transactDoc(tab, (t) => {
-    const doc = t.doc.document;
-    if (rival) {
-      replaceContents(doc, rival);
-    }
-    for (const [key, value] of Object.entries(patch ?? {})) {
-      doc[key] = value;
-    }
-  });
-  const config = toRaw(tab.doc.document);
-  const output = serializeProjectConfig(config);
-  try {
-    await getPlatform().writeFile(PROJECT_CONFIG_PATH, output);
-  } catch (error) {
-    notify.error(`Could not save ${PROJECT_CONFIG_PATH} — ${errorMessage(error)}`, {
-      key: `save:${PROJECT_CONFIG_PATH}`,
-      path: PROJECT_CONFIG_PATH,
-      source: "Settings"
-    });
-    return { error, ok: false };
-  }
-  _committed = output;
-  tab.doc.dirty = false;
-  if (extensionsKey(config) !== before) {
-    await refreshExtensionSurfaces();
-  }
-  return { ok: true };
-}
-async function adoptProjectConfig(config) {
-  if (!requireProjectState()) {
-    setWorkspaceProject(workspace.projectRoot, config);
-    return;
-  }
-  const tab = projectConfigDocument();
-  transactDoc(tab, (t) => replaceContents(t.doc.document, config), { skipHistory: true });
-  tab.doc.dirty = false;
-  await seedCommitted();
-  _committed = serializeProjectConfig(config);
-}
-
-// src/site-context.ts
-function getEffectiveMedia(docMedia) {
-  const siteMedia = projectState?.projectConfig?.$media;
-  if (!siteMedia) {
-    return docMedia || {};
-  }
-  if (!docMedia) {
-    return { ...siteMedia };
-  }
-  return { ...siteMedia, ...docMedia };
-}
-function getEffectiveStyle(docStyle) {
-  const siteStyle = projectState?.projectConfig?.style;
-  if (!siteStyle) {
-    return docStyle || {};
-  }
-  if (!docStyle) {
-    return { ...siteStyle };
-  }
-  const merged = { ...siteStyle };
-  for (const [k, v] of Object.entries(docStyle)) {
-    merged[k] = typeof v === "object" && v !== null && typeof merged[k] === "object" && merged[k] !== null ? { ...merged[k], ...v } : v;
-  }
-  return merged;
-}
-function getEffectiveImports(docImports) {
-  const siteImports = projectState?.projectConfig?.imports;
-  if (!siteImports) {
-    return docImports || {};
-  }
-  if (!docImports) {
-    return { ...siteImports };
-  }
-  return { ...siteImports, ...docImports };
-}
-function getEffectiveElements(docElements) {
-  const siteElements = projectState?.projectConfig?.$elements;
-  if (!siteElements?.length) {
-    return docElements || [];
-  }
-  if (!docElements?.length) {
-    return [...siteElements];
-  }
-  const seen = new Set;
-  const merged = [];
-  for (const entry of [...siteElements, ...docElements]) {
-    const key = typeof entry === "string" ? entry : entry?.$ref;
-    if (key && !seen.has(key)) {
-      seen.add(key);
-      merged.push(entry);
-    }
-  }
-  return merged;
-}
-function getEffectiveHead(docHead) {
-  const siteHead = projectState?.projectConfig?.$head;
-  if (!siteHead?.length) {
-    return docHead || [];
-  }
-  if (!docHead?.length) {
-    return [...siteHead];
-  }
-  const seen = new Set;
-  const merged = [];
-  for (const entry of [...siteHead, ...docHead]) {
-    const key = String(entry?.attributes?.href || entry?.attributes?.src || "") || JSON.stringify(entry);
-    if (!seen.has(key)) {
-      seen.add(key);
-      merged.push(entry);
-    }
-  }
-  return merged;
-}
-function getEffectiveLocales() {
-  const config = projectState?.projectConfig;
-  return config ? resolveI18n(config).i18n : null;
-}
-var layoutCache = new Map;
-function invalidateLayoutCache() {
-  layoutCache.clear();
-}
-function getEffectiveLayoutPath(docLayout) {
-  if (docLayout === false) {
-    return null;
-  }
-  const defaultLayout = projectState?.projectConfig?.defaults?.layout;
-  return docLayout || defaultLayout || null;
-}
-async function resolveLayoutDoc(layoutPath) {
-  const normalized = layoutPath.replace(/^\.\//, "");
-  if (layoutCache.has(normalized)) {
-    return structuredClone(layoutCache.get(normalized));
-  }
-  try {
-    const platform = getPlatform();
-    const content = await platform.readFile(normalized);
-    const doc = JSON.parse(content);
-    layoutCache.set(normalized, doc);
-    return structuredClone(doc);
-  } catch {
-    return null;
-  }
-}
-function distributePageIntoLayout(layoutDoc, pageDoc) {
-  const pageChildren = pageDoc.children ?? [];
-  const children = Array.isArray(pageChildren) ? pageChildren : [];
-  const named = new Map;
-  const defaults = [];
-  for (const child of children) {
-    const slotName = typeof child === "object" ? child.attributes?.slot : undefined;
-    if (typeof child === "object" && typeof slotName === "string" && slotName) {
-      if (!named.has(slotName)) {
-        named.set(slotName, []);
-      }
-      named.get(slotName).push(child);
-    } else {
-      defaults.push(child);
-    }
-  }
-  fillSlots(layoutDoc, named, defaults);
-  if (pageDoc.state) {
-    layoutDoc.state = { ...layoutDoc.state, ...pageDoc.state };
-  }
-  if (pageDoc.$media) {
-    layoutDoc.$media = { ...layoutDoc.$media, ...pageDoc.$media };
-  }
-  if (pageDoc.style) {
-    layoutDoc.style = { ...layoutDoc.style, ...pageDoc.style };
-  }
-  if (pageDoc.attributes) {
-    layoutDoc.attributes = { ...layoutDoc.attributes, ...pageDoc.attributes };
-  }
-  return layoutDoc;
-}
-function fillSlots(node, named, defaults) {
-  if (!node || typeof node !== "object") {
-    return;
-  }
-  if (!Array.isArray(node.children)) {
-    return;
-  }
-  const newChildren = [];
-  for (const child of node.children) {
-    if (child && typeof child === "object" && child.tagName === "slot") {
-      const slotName = child.attributes?.name;
-      if (typeof slotName === "string" && slotName && named.has(slotName)) {
-        newChildren.push(...named.get(slotName));
-        named.delete(slotName);
-      } else if (!slotName && defaults.length > 0) {
-        newChildren.push(...defaults);
-      } else if (Array.isArray(child.children)) {
-        newChildren.push(...child.children);
-      }
-    } else {
-      if (typeof child !== "string") {
-        fillSlots(child, named, defaults);
-      }
-      newChildren.push(child);
-    }
-  }
-  node.children = newChildren;
-}
-async function updateSiteConfig(patch) {
-  const result = await commitProjectConfig(patch);
-  if (!result.ok) {
-    throw result.error;
-  }
-}
-
-export { errorMessage, LANGUAGE_TAG_PATTERN, canonicalizeLocale, isWellFormedLocale, localeDirection, localeLabel, resolveI18n, localeOfPath, servedLocaleOfPath, translationKeyOfPath, translationPathFor, EDITOR_KIND_LABELS, editorKindForMode, canvasViewForMode, inCanvas, hasSelection, hasElementSelection, emptyContext, makeContext, keyScopeStack, view, STAGE_CLASS, nextRenderGeneration, surfaceForPane, allCanvasSurfaces, stageContaining, registerCanvasSurface, createPaneSurface, setSurfaceTeardown, disposePaneSurface, BUFFER_COMMIT, bufferWrites, commitBufferWrites, cancelBufferWrites, bufferIsLive, bufferMovedOn, commitTabBuffers, tabBufferUnsaved, PROJECT_CONFIG_PATH, editorKindOf, editorKindsOf, modeForEditorKind, 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, serializeProjectConfig, commitProjectConfig, adoptProjectConfig, REGION_ATTR, resolveRegion, REGION_FOR_FOCUS, paneRegion, paneStripRegion, navigatorPanelRegion, inspectorTabRegion, NAVIGATOR_STATEMENTS_REGION, inspectorStatementsRegion, bottomPanelRegion, overlayRegion, setActiveRegistry, activeRegistry, initLayers, isModalOpen, showDialog, showConfirmDialog, showSaveDiscardDialog, showPromptDialog, openModal, renderPopover, popoverLayerFor, getLayerSlot, overlayIdleBlockers, getEffectiveMedia, getEffectiveStyle, getEffectiveImports, getEffectiveElements, getEffectiveHead, getEffectiveLocales, invalidateLayoutCache, getEffectiveLayoutPath, resolveLayoutDoc, distributePageIntoLayout, updateSiteConfig, collabState, isCollabPath, stringArg, optionalStringArg, boundedNumberArg, booleanArg, enumArg, pathArg, nullablePathArg, pathListArg, argsSchema, enumProperty, numberProperty, booleanProperty, pathProperty, pathListProperty, stringProperty, restoreSession, camelToKebab, camelToLabel, toCamelCase, kebabToLabel, propLabel, attrLabel, abbreviateValue, isMediaFormat, inferInputType, findContentTypeSchema, friendlyNameToVar, varDisplayName, parseCemType, jsonClone, configureCollabSerializer, configureCollabParser, configureCollabNotifier, collabSourceContext, collabReadOnly, collabSave, flushAllCollab, setCollabEnabled, isCollabEnabled, PRIMARY_PANE, workspace, activeTab, activePane, paneById, paneOfTab, focusPane, isPaneFocused, sidePane, receivingPane, detachTab, insertIntoPane, setWorkspaceProject, isTabActive, tabIsLive, openTab, promoteTab, promoteDirtyPreviewTabs, setTabPinned, moveTab, closeTab, closeAllTabs, replaceAllTabs, activateTab, moveTabToPane, renameTab, registerTabCommands, requireNavigatorPanelId, DEFAULT_INSPECTOR_TAB, isInspectorTabId, BOTTOM_TAB_IDS, DEFAULT_BOTTOM_TAB, isBottomTabId, CHROME_THEMES, DOCK_IDS, DOCK_DEFAULT_SIZES, setPaneSplit, shell, persistDocks, persistedSession, markSessionRestored, flushSession, monacoTheme, registerShellSurface, mountShell, setDockCollapsed, setDockSize, setActivityTab, setBottomTab, setChromeTheme, toggleActivityTab, setLayoutSelection, resetProjectShell, registerShellViewCommands };
+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, LOCALE_PLACEHOLDER, collectionForDirectory, collectionForFile, camelToKebab, camelToLabel, toCamelCase, kebabToLabel, propLabel, attrLabel, abbreviateValue, isMediaFormat, inferInputType, findContentTypeSchema, friendlyNameToVar, varDisplayName, parseCemType, jsonClone, configureCollabSerializer, configureCollabParser, configureCollabNotifier, collabSourceContext, collabReadOnly, collabSave, flushAllCollab, setCollabEnabled, isCollabEnabled, PRIMARY_PANE, SECONDARY_PANE, MAX_PANES, workspace, activeTab, activePane, paneById, paneOfTab, focusPane, isPaneFocused, focusOtherPane, splitRight, sidePane, receivingPane, closePane, detachTab, insertIntoPane, setWorkspaceProject, isTabActive, tabIsLive, openTab, promoteTab, promoteDirtyPreviewTabs, setTabPinned, moveTab, closeTab, closeAllTabs, takeClosedTabPath, cycleTab, endTabCycle, replaceAllTabs, activateTab, moveTabToPane, renameTab, registerTabCommands, tabCommands, paneCommands };
 
-//# debugId=D6F07440896FC9CC64756E2164756E21
-//# sourceMappingURL=studio-r5xbtctf.js.map
+//# debugId=FC372971F7D8792C64756E2164756E21
+//# sourceMappingURL=studio-2zkz8evn.js.map