@jxsuite/studio 2.2.2 → 2.3.0

package/dist/chunks/{studio-5kt960pk.js → studio-hk523hby.js}

@@ -1,7 +1,7 @@
 import {
   ref,
   repeat
-} from "./studio-p471gg5n.js";
+} from "./studio-kvfx9z2c.js";
 import {
   html,
   nothing,
@@ -26,7 +26,7 @@ import {
   formatByName,
   formatForPath,
   loadedMonaco
-} from "./studio-tqemhphj.js";
+} from "./studio-50eed4c9.js";
 import {
   getPlatform
 } from "./studio-sas7mt3k.js";
@@ -1623,146 +1623,6 @@ function pinClock(at) {
   return ms;
 }
 
-// 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 };
-}
-function isRegionId(id) {
-  return parseRegionId(id) !== null;
-}
-function canonicalRegionId(id) {
-  if (id === "pane") {
-    return "pane.primary";
-  }
-  return id.startsWith("pane/") ? `pane.primary/${id.slice(5)}` : id;
-}
-function regionRoot(root) {
-  return root ?? document;
-}
-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:(.+)$/
-  }
-];
-function resolveAllRegions(id, root) {
-  const canonical = canonicalRegionId(id);
-  if (!isRegionId(canonical)) {
-    return [];
-  }
-  const stamped = [
-    ...regionRoot(root).querySelectorAll(`[${REGION_ATTR}="${CSS.escape(canonical)}"]`)
-  ];
-  if (stamped.length > 0) {
-    return stamped;
-  }
-  for (const resolver of DERIVED_RESOLVERS) {
-    const match = canonical.match(resolver.pattern);
-    if (match) {
-      return resolver.locate(match, regionRoot(root));
-    }
-  }
-  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"
-};
-var SHELL_REGION_HOSTS = {
-  "#activity-bar": "rail",
-  "#layer-toast": "overlay.toasts",
-  "#left-panel": "navigator",
-  "#right-panel": "inspector",
-  "#statusbar": "statusbar",
-  "#toolbar": "commandbar"
-};
-function stampShellRegions(root = document) {
-  for (const [selector, id] of Object.entries(SHELL_REGION_HOSTS)) {
-    root.querySelector(selector)?.setAttribute(REGION_ATTR, id);
-  }
-}
-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/services/announce.ts
 var REGION_ID = {
   assertive: "jx-live-assertive",
@@ -3222,6 +3082,133 @@ 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 };
+}
+function isRegionId(id) {
+  return parseRegionId(id) !== null;
+}
+function canonicalRegionId(id) {
+  if (id === "pane") {
+    return "pane.primary";
+  }
+  return id.startsWith("pane/") ? `pane.primary/${id.slice(5)}` : id;
+}
+function regionRoot(root) {
+  return root ?? document;
+}
+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:(.+)$/
+  }
+];
+function resolveAllRegions(id, root) {
+  const canonical = canonicalRegionId(id);
+  if (!isRegionId(canonical)) {
+    return [];
+  }
+  const stamped = [
+    ...regionRoot(root).querySelectorAll(`[${REGION_ATTR}="${CSS.escape(canonical)}"]`)
+  ];
+  if (stamped.length > 0) {
+    return stamped;
+  }
+  for (const resolver of DERIVED_RESOLVERS) {
+    const match = canonical.match(resolver.pattern);
+    if (match) {
+      return resolver.locate(match, regionRoot(root));
+    }
+  }
+  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) {
@@ -6047,7 +6034,6 @@ function mountShell() {
   if (_scope) {
     return;
   }
-  stampShellRegions();
   for (const surface of _surfaces2) {
     surface.mount();
   }
@@ -6457,7 +6443,7 @@ function extensionsKey(config) {
   return JSON.stringify(config.extensions ?? null);
 }
 async function refreshExtensionSurfaces() {
-  const { loadFormats, refreshExtensionUi, refreshFormats } = await import("./format-host-taymsw55.js");
+  const { loadFormats, refreshExtensionUi, refreshFormats } = await import("./format-host-pej3srnw.js");
   refreshFormats();
   loadFormats();
   refreshExtensionUi(getPlatform());
@@ -6690,7 +6676,7 @@ async function updateSiteConfig(patch) {
   }
 }
 
-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, effectScope, onScopeDispose, effect, onEffectCleanup, reactive, toRaw, isRef, ref2 as ref, shallowRef, computed, now, REGION_ATTR, resolveRegion, REGION_FOR_FOCUS, paneRegion, paneStripRegion, navigatorPanelRegion, inspectorTabRegion, NAVIGATOR_STATEMENTS_REGION, inspectorStatementsRegion, bottomPanelRegion, overlayRegion, problems, notify, dismiss, clearProblems, problemCount, 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, endBatch2 as 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, 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, 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 { errorMessage, LANGUAGE_TAG_PATTERN, canonicalizeLocale, isWellFormedLocale, localeDirection, localeLabel, resolveI18n, localeOfPath, servedLocaleOfPath, translationKeyOfPath, translationPathFor, EDITOR_KIND_LABELS, editorKindForMode, canvasViewForMode, inCanvas, hasSelection, hasElementSelection, emptyContext, makeContext, keyScopeStack, effectScope, onScopeDispose, effect, onEffectCleanup, reactive, toRaw, isRef, ref2 as ref, shallowRef, computed, now, problems, notify, dismiss, clearProblems, problemCount, 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, endBatch2 as 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, 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 };
 
-//# debugId=1BB46A15B3198CD664756E2164756E21
-//# sourceMappingURL=studio-5kt960pk.js.map
+//# debugId=BC232D1D1532287464756E2164756E21
+//# sourceMappingURL=studio-hk523hby.js.map

package/dist/chunks/{studio-x0et2z9g.js → studio-hs8x23fv.js}

@@ -19,10 +19,10 @@ import {
   renderOperandEditor,
   resolveContextPointer,
   slotMode
-} from "./studio-300zsz1k.js";
+} from "./studio-zdkgwhkv.js";
 import {
   live
-} from "./studio-xmvbhg31.js";
+} from "./studio-c31yb4t6.js";
 import {
   IMAGE_EXTENSIONS,
   MEDIA_EXTENSIONS,
@@ -43,7 +43,7 @@ import {
   uploadAssets,
   usageFiles,
   usageHeadline
-} from "./studio-qhh8r5fz.js";
+} from "./studio-4058pg09.js";
 import {
   attachInstruction,
   canvasModeOfTab,
@@ -64,7 +64,7 @@ import {
   requestCanvasEval,
   staleSelectionMessage,
   tabOfPane
-} from "./studio-yz9s88s0.js";
+} from "./studio-10s469da.js";
 import {
   BUFFER_COMMIT,
   NAVIGATOR_STATEMENTS_REGION,
@@ -129,17 +129,17 @@ import {
   varDisplayName,
   view,
   workspace
-} from "./studio-5kt960pk.js";
+} from "./studio-hk523hby.js";
 import {
   classMap,
   ifDefined
-} from "./studio-ckwz4d3x.js";
+} from "./studio-twsafr1e.js";
 import {
   Directive,
   directive,
   ref,
   setCommittedValue
-} from "./studio-p471gg5n.js";
+} from "./studio-kvfx9z2c.js";
 import {
   html,
   nothing,
@@ -172,7 +172,7 @@ import {
   loadExtensions,
   loadMonaco,
   mountStillWanted
-} from "./studio-tqemhphj.js";
+} from "./studio-50eed4c9.js";
 import {
   getPlatform
 } from "./studio-sas7mt3k.js";
@@ -4961,7 +4961,7 @@ function renderLinkTargetField(node, path) {
     <sp-picker
       class="link-target-kind"
       size="s"
-      value=${kind}
+      .value=${live(kind)}
       @change=${(e) => {
     const nextKind = e.target.value;
     commit(nextKind, value);
@@ -4981,7 +4981,7 @@ function renderLinkTargetField(node, path) {
       <sp-picker
         class="link-target-value"
         size="s"
-        value=${value}
+        .value=${live(value)}
         @change=${(e) => commit("internal", e.target.value)}
       >
         ${knownValue ? html`<sp-menu-item value=${value}>${value}</sp-menu-item>` : nothing}
@@ -5020,7 +5020,7 @@ function renderTargetField(node, path, entry) {
       <sp-picker
         class="link-target-window"
         size="s"
-        value=${current}
+        .value=${live(current)}
         @change=${(e) => transactDoc(activeTab.value, (t) => mutateUpdateAttribute(t, path, "target", e.target.value || undefined))}
       >
         ${options.map((o) => html`<sp-menu-item value=${o}>${o}</sp-menu-item>`)}
@@ -5128,10 +5128,10 @@ function renderUsagesSection(tagName, componentPath) {
   `;
 }
 function openUsage(path) {
-  import("./files-zeg88k2d.js").then((m) => m.openFileInTab(path));
+  import("./files-gkz202dp.js").then((m) => m.openFileInTab(path));
 }
 function showLogicTab() {
-  import("./right-panel-faf816ch.js").then((m) => m.setInspectorTab("events"));
+  import("./right-panel-egkaxy89.js").then((m) => m.setInspectorTab("events"));
 }
 function renderPropertiesPanelTemplate(ctx) {
   const tab = activeTab.value;
@@ -6999,5 +6999,5 @@ function registerSignalsCommands(registry) {
 
 export { isSchemeQuery, schemeOfQuery, parseMediaEntries, DERIVE_PRESETS, PRESET_LABELS, declaredMedia, installDerivationEffects, presetRefusal, deriveRefusal, pinRefusal, derivationCommands, invalidateMediaCache, renderMediaPicker, spTextField, spTextArea, spNumberField, unwrapSignal, dataTypeLabel, registerDataExplorerCommands, registerDataPanel, livePreviewExpression, closeFunctionEditor, logicTarget, revealLogicPanel, openLogicTarget, registerLogicPanel, registerFormulaEditorCommands, JxColorPopover, isColorPopoverOpen, css_meta_default, initCssData, getCssInitialMap, allConditionsPass, autoOpenSections, getLonghands, expandShorthand, compressShorthand, expandBorderSide, compressBorderSide, widgetForType2 as widgetForType, renderStatementEditor, mapSignalsFor, bindableSignalNames, defaultAsString, invalidatePageRouteCache, renderPropertiesPanelTemplate, isInspectorSectionOpen, setInspectorSection, inspectorCommands, registerInspectorCommands, defCategory, defBadgeLabel, isCustomElementDoc, collectCssParts, renderSignalsTemplate, registerSignalsCommands };
 
-//# debugId=0798C27627C2560064756E2164756E21
-//# sourceMappingURL=studio-x0et2z9g.js.map
+//# debugId=9BF36A7266D05ECB64756E2164756E21
+//# sourceMappingURL=studio-hs8x23fv.js.map

package/dist/chunks/{studio-p471gg5n.js → studio-kvfx9z2c.js}

@@ -198,6 +198,10 @@ class AsyncDirective extends Directive {
 }
 
 // ../../node_modules/lit-html/development/directives/ref.js
+var createRef = () => new Ref;
+
+class Ref {
+}
 var lastElementForContextAndCallback = new WeakMap;
 
 class RefDirective extends AsyncDirective {
@@ -377,7 +381,7 @@ class RepeatDirective extends Directive {
 }
 var repeat = directive(RepeatDirective);
 
-export { PartType, directive, Directive, isPrimitive, isSingleExpression, setCommittedValue, AsyncDirective, ref, repeat };
+export { PartType, directive, Directive, isPrimitive, isSingleExpression, setCommittedValue, AsyncDirective, createRef, ref, repeat };
 
-//# debugId=31D24FE1EC80EAFA64756E2164756E21
-//# sourceMappingURL=studio-p471gg5n.js.map
+//# debugId=9ADF88F72D5F364E64756E2164756E21
+//# sourceMappingURL=studio-kvfx9z2c.js.map

package/dist/chunks/{studio-22xr4q8q.js → studio-ncnet0ba.js}

@@ -3,17 +3,17 @@ import {
   measuredRowHeight,
   revealListRow,
   watchListWindow
-} from "./studio-8sdyjfd6.js";
+} from "./studio-cf4rk7kv.js";
 import {
   autoSyncProjectOnOpen,
   cleanupGitPanel,
   maybePromptJxsuiteUpdate,
   shouldInstallAutomation
-} from "./studio-hekaagev.js";
+} from "./studio-4enps87v.js";
 import {
   openCsvGridTab,
   openPagesGrid
-} from "./studio-753znj4c.js";
+} from "./studio-0e4h32g6.js";
 import {
   collectionDirs,
   collectionInfo,
@@ -21,20 +21,20 @@ import {
   markLocalMutation,
   parseSourceForPath,
   renamePromptMessage
-} from "./studio-r8vx7bkz.js";
+} from "./studio-x3etxs0s.js";
 import {
   UPLOAD_ACCEPT,
   invalidateUsages,
   isImage,
   uploadAssets
-} from "./studio-qhh8r5fz.js";
+} from "./studio-4058pg09.js";
 import {
   showProgressModal
-} from "./studio-zqv3w24n.js";
+} from "./studio-3q65xvzv.js";
 import {
   rectOf,
   registerPanel
-} from "./studio-yz9s88s0.js";
+} from "./studio-10s469da.js";
 import {
   activateTab,
   activeRegistry,
@@ -61,14 +61,14 @@ import {
   setWorkspaceProject,
   showPromptDialog,
   workspace
-} from "./studio-5kt960pk.js";
+} from "./studio-hk523hby.js";
 import {
   classMap
-} from "./studio-ckwz4d3x.js";
+} from "./studio-twsafr1e.js";
 import {
   ref,
   repeat
-} from "./studio-p471gg5n.js";
+} from "./studio-kvfx9z2c.js";
 import {
   html,
   nothing
@@ -94,7 +94,7 @@ import {
   noFormatError,
   refreshExtensionUi,
   refreshFormats
-} from "./studio-tqemhphj.js";
+} from "./studio-50eed4c9.js";
 import {
   getPlatform,
   hasPlatform
@@ -597,6 +597,9 @@ function renderFilesTemplate({
       class="file-tree"
       role="tree"
       aria-label="Project files"
+      @keydown=${(e) => {
+    onFileTreeKeydown(e, e.currentTarget);
+  }}
       ${ref((el) => {
     if (el) {
       afterFileTreeRender(el);
@@ -773,16 +776,6 @@ async function toggleTreeDirectory(path) {
     await loadDirectory(path);
   }
 }
-var _keyboardTrees = new WeakSet;
-function setupTreeKeyboard(tree) {
-  if (_keyboardTrees.has(tree)) {
-    return;
-  }
-  _keyboardTrees.add(tree);
-  tree.addEventListener("keydown", (e) => {
-    onFileTreeKeydown(e, tree);
-  });
-}
 function onFileTreeKeydown(e, tree) {
   const focused = tree.querySelector(".file-tree-item:focus");
   if (!focused) {
@@ -1466,17 +1459,13 @@ function registerFilesPanel() {
     dock: "navigator",
     icon: "sp-icon-folder",
     render: (ctx) => ctx.deps.renderFilesTemplate(),
-    afterRender: (ctx, host) => {
-      const tree = host.querySelector(".file-tree");
-      if (tree) {
-        ctx.deps.setupTreeKeyboard(tree);
-      }
+    afterRender: (ctx) => {
       ctx.deps.registerFileTreeDnD({ renderLeftPanel: ctx.rerender });
     }
   });
 }
 
-export { ensureDependenciesInstalled, entryCollection, entryCollections, collectionOfPath, seedEntry, missingRequired, hydrateRecentProjects, getRecentProjects, addRecentProject, removeRecentProject, clearRecentProjects, getRecentFiles, trackRecentFile, loadDirectory, loadProject, openProject, initProjectRepo, findHomePage, openHomePage, openLastSessionOrHome, renderFilesTemplate, FILE_ROW_HEIGHT, setupTreeKeyboard, isFileDrag, uploadFilesToDir, pickAndUploadTo, registerFileTreeDnD, createFileIn, openFileInTab, openFileInPane, reloadCleanTab, reloadFileInTab, registerFilesPanel };
+export { ensureDependenciesInstalled, entryCollection, entryCollections, collectionOfPath, seedEntry, missingRequired, hydrateRecentProjects, getRecentProjects, addRecentProject, removeRecentProject, clearRecentProjects, getRecentFiles, trackRecentFile, loadDirectory, loadProject, openProject, initProjectRepo, findHomePage, openHomePage, openLastSessionOrHome, renderFilesTemplate, FILE_ROW_HEIGHT, isFileDrag, uploadFilesToDir, pickAndUploadTo, registerFileTreeDnD, createFileIn, openFileInTab, openFileInPane, reloadCleanTab, reloadFileInTab, registerFilesPanel };
 
-//# debugId=FB716457707AF69D64756E2164756E21
-//# sourceMappingURL=studio-22xr4q8q.js.map
+//# debugId=AF54EB1634A6A49164756E2164756E21
+//# sourceMappingURL=studio-ncnet0ba.js.map

package/dist/chunks/{studio-ckwz4d3x.js → studio-twsafr1e.js}

@@ -2,7 +2,7 @@ import {
   Directive,
   PartType,
   directive
-} from "./studio-p471gg5n.js";
+} from "./studio-kvfx9z2c.js";
 import {
   noChange,
   nothing
@@ -117,4 +117,4 @@ var classMap = directive(ClassMapDirective);
 export { ifDefined, styleMap, classMap };
 
 //# debugId=A0F1689B5230596A64756E2164756E21
-//# sourceMappingURL=studio-ckwz4d3x.js.map
+//# sourceMappingURL=studio-twsafr1e.js.map

package/dist/chunks/{studio-qrsfh1w7.js → studio-tzx3xmvx.js}

@@ -19,7 +19,7 @@ import {
 import {
   ifDefined,
   styleMap
-} from "./studio-ckwz4d3x.js";
+} from "./studio-twsafr1e.js";
 import {
   html,
   nothing
@@ -385,7 +385,7 @@ class AbstractOverlay extends SpectrumElement {
     document.dispatchEvent(overlayUpdateEvent);
   }
   static async open(triggerOrContent, interactionOrOptions, content, optionsV1) {
-    await import("./sp-overlay.dev-h6kdx076.js");
+    await import("./sp-overlay.dev-s18hymn9.js");
     const v2 = arguments.length === 2;
     const overlayContent = content || triggerOrContent;
     const overlay = new this;
@@ -3379,12 +3379,12 @@ class InteractionController {
       return;
     }
     customElements.whenDefined("sp-overlay").then(async () => {
-      const { Overlay } = await import("./Overlay.dev-ymy3et3y.js");
+      const { Overlay } = await import("./Overlay.dev-d2ajy6sj.js");
       this.overlay = new Overlay;
       this.overlay.open = true;
       this.target[lastInteractionType] = this.type;
     });
-    import("./sp-overlay.dev-h6kdx076.js");
+    import("./sp-overlay.dev-s18hymn9.js");
   }
   get overlay() {
     return this._overlay;
@@ -4341,4 +4341,4 @@ var Overlay = _Overlay;
 export { FocusVisiblePolyfillMixin, Focusable, LikeAnchor, MutationController, ObserveSlotPresence, ObserveSlotText, isIPhone, isIOS, isWebKit, isAndroid, randomID, conditionAttributeWithoutId, conditionAttributeWithId, elementResolverUpdatedSymbol, ElementResolutionController, LONGPRESS_INSTRUCTIONS, SlottableRequestEvent, Overlay };
 
 //# debugId=B4C0094FFD6AEF9A64756E2164756E21
-//# sourceMappingURL=studio-qrsfh1w7.js.map
+//# sourceMappingURL=studio-tzx3xmvx.js.map

package/dist/chunks/{studio-g8t7g0gp.js → studio-vdpcpada.js}

@@ -10,11 +10,11 @@ import {
   noteDeployment,
   platformSupportsPublish,
   writeDeployConfig
-} from "./studio-6zzbyx17.js";
+} from "./studio-5ne8mdx9.js";
 import {
   activeRegistry,
   openModal
-} from "./studio-5kt960pk.js";
+} from "./studio-hk523hby.js";
 import {
   html
 } from "./studio-5x5774ak.js";
@@ -387,4 +387,4 @@ function openPublishPanel() {
 export { seedPublishConnected, openPublishPanel };
 
 //# debugId=32DE20DAF46B08AA64756E2164756E21
-//# sourceMappingURL=studio-g8t7g0gp.js.map
+//# sourceMappingURL=studio-vdpcpada.js.map

package/dist/chunks/{studio-6a0h7sne.js → studio-vhk5fmfv.js}

@@ -15,7 +15,7 @@ import {
 } from "./studio-0rqqhrdy.js";
 import {
   ifDefined
-} from "./studio-ckwz4d3x.js";
+} from "./studio-twsafr1e.js";
 import {
   html
 } from "./studio-5x5774ak.js";
@@ -288,4 +288,4 @@ defineElement("sp-progress-circle", ProgressCircle);
 export { languageResolverUpdatedSymbol, LanguageResolutionController, ProgressCircle };
 
 //# debugId=D9778D0A36E46FD364756E2164756E21
-//# sourceMappingURL=studio-6a0h7sne.js.map
+//# sourceMappingURL=studio-vhk5fmfv.js.map