@cratis/event-models 0.224.1 → 0.225.0

package/dist/screen-editor/index.js

@@ -1,22 +1,22 @@
 import { c as Ja, d as Qa, f as ze, l as tr, m as oo, p as Ya, s as Xa, t as nr, u as Xt } from "./defaultStructuredEditorStrings-Ch1I0Lci.js";
 import { t as or } from "./QueryBindingEditor-MTd0R7iQ.js";
 import { i as Za, n as es, r as ts, t as ns } from "./toTemplateSources-Chd2UNJQ.js";
-import { _ as os, a as mv, c as Ho, d as ir, f as is, g as hv, h as rs, i as as, l as fv, m as ss, n as gv, o as ln, p as rr, r as ls, s as vv, t as bv, u as yv, v as wv, y as kv } from "./structuredValue-vqCZttsk.js";
+import { _ as os, a as hv, c as Ho, d as ir, f as is, g as fv, h as rs, i as as, l as gv, m as ss, n as vv, o as ln, p as rr, r as ls, s as bv, t as yv, u as wv, v as kv, y as Sv } from "./structuredValue-vqCZttsk.js";
 import { a as we, n as cs, r as ds } from "./iconDiagnostics-Ds4CnqD0.js";
-import { t as Nv } from "./StructuredValueEditor-DUSATTWd.js";
-import { createContext as us, createElement as yt, useCallback as z, useContext as ps, useEffect as ce, useId as ms, useLayoutEffect as Se, useMemo as U, useRef as V, useState as j } from "react";
+import { t as Tv } from "./StructuredValueEditor-DUSATTWd.js";
+import { createContext as us, createElement as wt, useCallback as z, useContext as ps, useEffect as ce, useId as ms, useLayoutEffect as Se, useMemo as U, useRef as V, useState as j } from "react";
 import { Fragment as le, jsx as a, jsxs as b } from "react/jsx-runtime";
-import { BindingMode as xv, BindingNullBehavior as Ov, BindingSourceKind as Dv, BindingSourceKind as xt, CollectionOperation as ke, ColorScheme as hs, ComponentCategory as fs, DestinationKind as Rv, DestinationKind as ar, DiagnosticCode as gs, EditTarget as vs, EditingScopeKind as Vt, FlowContainerKind as cn, FormGenerationMode as ge, FormWidthUnit as Ce, GridUnitType as bs, HorizontalAlignment as io, InteractionActionKind as lt, InteractionTriggerKind as sr, NavigationRegionKind as Go, NavigationRegionMode as De, Orientation as ct, PackageKind as dt, PropertyEditorKind as X, PropertyValueType as K, ProvenanceKind as qo, QueryOriginKind as ys, QueryResultShape as ws, SceneEditKind as Y, SceneNodeKind as ks, TemplateReferenceSource as Ss, TemplateScope as Cs, ValueSource as lr, VerticalAlignment as ro, Visibility as ao, componentCategories as Ns } from "@cratis/scene.model";
-import { ApplicationStructureIndex as Zt, EffectiveIconCatalog as Ts, NavigationEditKind as Ko, TemplateCatalogKind as cr, ToolbarDiagnosticSeverity as Is, addNavItem as Ps, applicableTemplates as xs, applyEdit as dr, applyNavigationEdits as Os, baseComponentLibraries as Ds, componentArgumentSourcePrefix as Rs, componentBadge as Vo, computeSizeClass as Es, corePackage as so, createDescriptorCatalog as Fs, diagnoseNavigationRegions as Ms, effectiveNavigation as ur, effectivePackages as pr, elementNodeId as re, findComponentDescriptor as lo, findLayoutTypeDescriptor as Jo, inspect as co, isCanvas as ut, isDockPanel as As, isExternalComponent as qe, isGrid as uo, isPackageSelectionValid as _s, isPanel as jt, isStackPanel as po, isThemeCompatible as $s, isWrapPanel as Ls, matchComponentQuery as Bs, normalizeToolbarButton as js, packagesOfKind as Qo, rankFrequentlyUsedComponents as Us, resolveComponentName as Tt, resolveEffectiveConfiguration as mr, resolveIconLibraries as Ws, resolvePackageDependencies as zs, resolveTemplateChain as mo, resolveToolbarButton as Hs, setApplicationLogo as Gs, switchRegionMode as hr, toComponentCatalog as en, toolbarButtonFromItem as ho, validateToolbarButtons as qs, validateValue as dn } from "@cratis/scene.engine";
+import { BindingMode as Ov, BindingNullBehavior as Dv, BindingSourceKind as Rv, BindingSourceKind as xt, CollectionOperation as ke, ColorScheme as hs, ComponentCategory as fs, DestinationKind as Fv, DestinationKind as ar, DiagnosticCode as gs, EditTarget as vs, EditingScopeKind as Vt, FlowContainerKind as cn, FormGenerationMode as ge, FormWidthUnit as Ce, GridUnitType as bs, HorizontalAlignment as io, InteractionActionKind as lt, InteractionTriggerKind as sr, NavigationRegionKind as Go, NavigationRegionMode as De, Orientation as ct, PackageKind as dt, PropertyEditorKind as X, PropertyValueType as K, ProvenanceKind as qo, QueryOriginKind as ys, QueryResultShape as ws, SceneEditKind as Y, SceneNodeKind as ks, TemplateReferenceSource as Ss, TemplateScope as Cs, ValueSource as lr, VerticalAlignment as ro, Visibility as ao, componentCategories as Ns } from "@cratis/scene.model";
+import { ApplicationStructureIndex as Zt, EffectiveIconCatalog as Ts, NavigationEditKind as Ko, TemplateCatalogKind as cr, ToolbarDiagnosticSeverity as Is, addNavItem as Ps, applicableTemplates as xs, applyEdit as dr, applyNavigationEdits as Os, baseComponentLibraries as Ds, componentArgumentSourcePrefix as Rs, componentBadge as Vo, computeSizeClass as Fs, corePackage as so, createDescriptorCatalog as Es, diagnoseNavigationRegions as Ms, effectiveNavigation as ur, effectivePackages as pr, elementNodeId as re, findComponentDescriptor as lo, findLayoutTypeDescriptor as Jo, inspect as co, isCanvas as ut, isDockPanel as As, isExternalComponent as qe, isGrid as uo, isPackageSelectionValid as _s, isPanel as jt, isStackPanel as po, isThemeCompatible as $s, isWrapPanel as Ls, matchComponentQuery as Bs, normalizeToolbarButton as js, packagesOfKind as Qo, rankFrequentlyUsedComponents as Us, resolveComponentName as Tt, resolveEffectiveConfiguration as mr, resolveIconLibraries as Ws, resolvePackageDependencies as zs, resolveTemplateChain as mo, resolveToolbarButton as Hs, setApplicationLogo as Gs, switchRegionMode as hr, toComponentCatalog as en, toolbarButtonFromItem as ho, validateToolbarButtons as qs, validateValue as dn } from "@cratis/scene.engine";
 import { ErrorBoundary as Ve, IconButton as xe, Tabs as Ks } from "@cratis/components/Common";
 import { ColorScheme as Vs, ComponentName as Js, LayoutConfigProvider as fr, LayoutMode as Qs, LayoutName as Ys, TemplatePreviewState as at, applyTemplatePreviewState as Xs, composeApplicationScreen as Zs, composeScreenElement as el, defaultApplicationChrome as tl, defaultBlueprint as gr, defaultBlueprintName as vr, effectiveShellOf as br, externalComponent as fo, foundationSamples as nl, previewProfile as ol, resolveElementComponentNames as go } from "@cratis/scene.blueprint.default";
-import { IconAdapterProvider as yr, SceneElementView as vo, SceneNavigationModelProvider as il, SceneNavigationProvider as rl, SceneThemeProvider as wr, SliceInvokerProvider as al, componentRegistryKey as En, corePackage as kr, createDryRunInvoker as sl, itemEditableRule as ll, itemInheritedReason as cl, mergeIconAdapters as dl, mergePackageRegistries as Sr, resolveDesignTimeHost as ul } from "@cratis/scene.react";
+import { IconAdapterProvider as yr, SceneElementView as vo, SceneNavigationModelProvider as il, SceneNavigationProvider as rl, SceneThemeProvider as wr, SliceInvokerProvider as al, componentRegistryKey as Fn, corePackage as kr, createDryRunInvoker as sl, itemEditableRule as ll, itemInheritedReason as cl, mergeIconAdapters as dl, mergePackageRegistries as Sr, resolveDesignTimeHost as ul } from "@cratis/scene.react";
 import { Toolbar as pl, ToolbarFolder as ml } from "@cratis/components/Toolbar";
 import { PrototypeLayout as Xe } from "@cratis/scene";
 import { FileUploadHandlerProvider as hl, QuillLoaderProvider as fl, primeReactPackage as Cr, primeReactThemes as Yo, usePrimeReactTheme as gl } from "@cratis/scene.primereact";
-import { FaAlignJustify as Xo, FaAlignLeft as vl, FaAngleDoubleRight as un, FaArrowsAltH as bl, FaBars as st, FaBell as yl, FaBolt as wl, FaBookmark as kl, FaBorderAll as Sl, FaCalendarAlt as Zo, FaCaretSquareDown as ei, FaChartBar as Nr, FaCheckSquare as ti, FaClock as Cl, FaClone as Nl, FaCode as Tl, FaCog as ni, FaColumns as pn, FaCommentAlt as Il, FaCommentDots as Tr, FaCompass as Pl, FaCreditCard as xl, FaCube as Ol, FaDatabase as Dl, FaDesktop as Fn, FaEdit as mn, FaEllipsisH as Rl, FaExclamationCircle as hn, FaExpandArrowsAlt as El, FaFileAlt as Mn, FaFileUpload as Fl, FaFilter as oi, FaFolderOpen as ii, FaFont as ri, FaGripLines as je, FaGripLinesVertical as Ml, FaGripVertical as Al, FaHashtag as ai, FaHeading as Ut, FaHistory as _l, FaHourglassHalf as $l, FaIdBadge as Ll, FaImage as Ir, FaImages as si, FaInfoCircle as Bl, FaKeyboard as Pr, FaLayerGroup as jl, FaLink as Ul, FaList as xr, FaListAlt as fn, FaListOl as gn, FaLock as Wl, FaMask as li, FaMobileAlt as zl, FaMousePointer as Wt, FaObjectGroup as Hl, FaPaintBrush as Gl, FaPalette as vn, FaPen as ql, FaPercent as Kl, FaPlay as Vl, FaProjectDiagram as Jl, FaPuzzlePiece as Or, FaRedo as Ql, FaRegCheckCircle as Yl, FaRegCircle as bn, FaRegSquare as bo, FaSave as Xl, FaSearch as ci, FaShapes as Dr, FaSitemap as yn, FaSlidersH as An, FaSpinner as di, FaSquare as Zl, FaStar as ec, FaStepForward as wn, FaStickyNote as tc, FaStream as nc, FaTable as pt, FaTag as Ot, FaTerminal as oc, FaTh as ui, FaThLarge as Rr, FaThList as yo, FaToggleOn as Er, FaTools as ic, FaTrash as rc, FaTree as _n, FaUndo as ac, FaUser as sc, FaUserCircle as lc, FaVectorSquare as cc, FaWindowMaximize as mt, FaWindowRestore as dc } from "react-icons/fa";
+import { FaAlignJustify as Xo, FaAlignLeft as vl, FaAngleDoubleRight as un, FaArrowsAltH as bl, FaBars as st, FaBell as yl, FaBolt as wl, FaBookmark as kl, FaBorderAll as Sl, FaCalendarAlt as Zo, FaCaretSquareDown as ei, FaChartBar as Nr, FaCheckSquare as ti, FaClock as Cl, FaClone as Nl, FaCode as Tl, FaCog as ni, FaColumns as pn, FaCommentAlt as Il, FaCommentDots as Tr, FaCompass as Pl, FaCreditCard as xl, FaCube as Ol, FaDatabase as Dl, FaDesktop as En, FaEdit as mn, FaEllipsisH as Rl, FaExclamationCircle as hn, FaExpandArrowsAlt as Fl, FaFileAlt as Mn, FaFileUpload as El, FaFilter as oi, FaFolderOpen as ii, FaFont as ri, FaGripLines as je, FaGripLinesVertical as Ml, FaGripVertical as Al, FaHashtag as ai, FaHeading as Ut, FaHistory as _l, FaHourglassHalf as $l, FaIdBadge as Ll, FaImage as Ir, FaImages as si, FaInfoCircle as Bl, FaKeyboard as Pr, FaLayerGroup as jl, FaLink as Ul, FaList as xr, FaListAlt as fn, FaListOl as gn, FaLock as Wl, FaMask as li, FaMobileAlt as zl, FaMousePointer as Wt, FaObjectGroup as Hl, FaPaintBrush as Gl, FaPalette as vn, FaPen as ql, FaPercent as Kl, FaPlay as Vl, FaProjectDiagram as Jl, FaPuzzlePiece as Or, FaRedo as Ql, FaRegCheckCircle as Yl, FaRegCircle as bn, FaRegSquare as bo, FaSave as Xl, FaSearch as ci, FaShapes as Dr, FaSitemap as yn, FaSlidersH as An, FaSpinner as di, FaSquare as Zl, FaStar as ec, FaStepForward as wn, FaStickyNote as tc, FaStream as nc, FaTable as mt, FaTag as Ot, FaTerminal as oc, FaTh as ui, FaThLarge as Rr, FaThList as yo, FaToggleOn as Fr, FaTools as ic, FaTrash as rc, FaTree as _n, FaUndo as ac, FaUser as sc, FaUserCircle as lc, FaVectorSquare as cc, FaWindowMaximize as ht, FaWindowRestore as dc } from "react-icons/fa";
 import "@cratis/scene.primereact/primeReactTheme.css";
-import { LuChevronLeft as uc, LuChevronRight as pc, LuCopy as mc, LuCornerDownRight as hc, LuLink as fc, LuLock as Fr, LuPanelLeft as gc, LuPlus as vc, LuTrash2 as bc, LuZap as yc } from "react-icons/lu";
+import { LuChevronLeft as uc, LuChevronRight as pc, LuCopy as mc, LuCornerDownRight as hc, LuLink as fc, LuLock as Er, LuPanelLeft as gc, LuPlus as vc, LuTrash2 as bc, LuZap as yc } from "react-icons/lu";
 import { PrimeReactProvider as wc } from "@primereact/core/config";
 import { styles as kc } from "@primereact/styles/accordion";
 import { styles as Sc } from "@primereact/styles/autocomplete";
@@ -29,8 +29,8 @@ import { styles as xc } from "@primereact/styles/buttongroup";
 import { styles as Oc } from "@primereact/styles/card";
 import { styles as Dc } from "@primereact/styles/carousel";
 import { styles as Rc } from "@primereact/styles/checkbox";
-import { styles as Ec } from "@primereact/styles/checkboxgroup";
-import { styles as Fc } from "@primereact/styles/chip";
+import { styles as Fc } from "@primereact/styles/checkboxgroup";
+import { styles as Ec } from "@primereact/styles/chip";
 import { styles as Mc } from "@primereact/styles/compare";
 import { styles as Ac } from "@primereact/styles/contextmenu";
 import { styles as _c } from "@primereact/styles/datatable";
@@ -82,8 +82,8 @@ import { styles as xd } from "@primereact/styles/stepper";
 import { styles as Od } from "@primereact/styles/tabs";
 import { styles as Dd } from "@primereact/styles/tag";
 import { styles as Rd } from "@primereact/styles/terminal";
-import { styles as Ed } from "@primereact/styles/textarea";
-import { styles as Fd } from "@primereact/styles/timeline";
+import { styles as Fd } from "@primereact/styles/textarea";
+import { styles as Ed } from "@primereact/styles/timeline";
 import { styles as Md } from "@primereact/styles/toast";
 import { styles as Ad } from "@primereact/styles/toaster";
 import { styles as _d } from "@primereact/styles/togglebutton";
@@ -180,7 +180,7 @@ var Qd = (e) => e ? {
     close: () => {
       P();
     }
-  }, I = e.left + e.width / 2, N = e.top + e.height / 2, R = g.width / 2 + T - y.width / 2, B = g.height / 2 - y.height / 2, S = `${I - R}px ${N - B}px`, F = [
+  }, I = e.left + e.width / 2, N = e.top + e.height / 2, R = g.width / 2 + T - y.width / 2, B = g.height / 2 - y.height / 2, S = `${I - R}px ${N - B}px`, E = [
     "prototype-editor-overlay-content",
     l === "visible" ? "prototype-editor-overlay-content--visible" : "",
     l === "closing" ? "prototype-editor-overlay-content--closing" : ""
@@ -190,7 +190,7 @@ var Qd = (e) => e ? {
     "data-testid": "studio-screen-editor-backdrop",
     onClick: P,
     children: [/* @__PURE__ */ b("div", {
-      className: F,
+      className: E,
       "data-testid": "studio-screen-editor-frame",
       style: {
         transformOrigin: S,
@@ -253,7 +253,7 @@ function tu(e, t, n) {
     }]
   };
 }
-function ht(e, t) {
+function ft(e, t) {
   return (t === void 0 ? e.screens.find((n) => n.name === be)?.slotContent : e.screenTemplates.find((n) => n.name === t)?.content)?.[Jt]?.[0];
 }
 function $n(e, t = !1) {
@@ -439,7 +439,7 @@ var ie = /* @__PURE__ */ (function(e) {
 })({}), $e = /* @__PURE__ */ (function(e) {
   return e.Select = "select", e.Configure = "configure", e.Move = "move", e.Resize = "resize", e.Restyle = "restyle", e.Insert = "insert", e.Delete = "delete", e;
 })({});
-function wt(e, t) {
+function kt(e, t) {
   switch (e) {
     case ie.Local:
       return !0;
@@ -451,7 +451,7 @@ function wt(e, t) {
 }
 function jn(e, t, n) {
   const o = Ne(e, t, n);
-  return !!o && o.parent !== null && wt(n.ownershipOf(o.node), $e.Delete);
+  return !!o && o.parent !== null && kt(n.ownershipOf(o.node), $e.Delete);
 }
 function zr(e, t, n) {
   const o = Ne(e, t, n);
@@ -540,7 +540,7 @@ var Gr = ({ ownership: e, label: t }) => e === ie.Local ? null : /* @__PURE__ */
   children: t
 });
 function bu({ row: e, adapter: t, strings: n, isSelected: o, isFocusable: i, dropZone: r, onSelect: s, onToggle: l, onKeyDown: c, onDragStart: u, onDragOver: d, onDrop: p, onDragEnd: h }) {
-  const f = t.ownershipOf(e.node), g = wt(f, $e.Move) && (t.isMovable?.(e.node) ?? !0), m = t.detailOf?.(e.node), v = t.problemsOf?.(e.node) ?? 0;
+  const f = t.ownershipOf(e.node), g = kt(f, $e.Move) && (t.isMovable?.(e.node) ?? !0), m = t.detailOf?.(e.node), v = t.problemsOf?.(e.node) ?? 0;
   return /* @__PURE__ */ b("li", {
     role: "treeitem",
     "aria-level": e.depth + 1,
@@ -723,33 +723,33 @@ function Tu(e) {
 }
 var ve = /* @__PURE__ */ (function(e) {
   return e.None = "none", e.Modal = "modal", e.Drawer = "drawer", e;
-})({}), kt = (e) => e.commandName ?? e.name;
-function St(e, t) {
+})({}), St = (e) => e.commandName ?? e.name;
+function pt(e, t) {
   if (typeof t != "string" || t === "") return;
   const n = e.find((i) => i.id === t);
   if (n) return n;
-  const o = e.filter((i) => kt(i) === t);
+  const o = e.filter((i) => St(i) === t);
   return o.length === 1 ? o[0] : void 0;
 }
-var Ee = /* @__PURE__ */ (function(e) {
+var Fe = /* @__PURE__ */ (function(e) {
   return e.MissingSlice = "missingSlice", e.UnmappedInput = "unmappedInput", e.UnknownInput = "unknownInput", e.UnknownSource = "unknownSource", e;
 })({});
 function Iu(e, t, n) {
-  const o = St(t, e.sliceId);
-  if (!o) return [{ kind: Ee.MissingSlice }];
+  const o = pt(t, e.sliceId);
+  if (!o) return [{ kind: Fe.MissingSlice }];
   const i = [];
   for (const r of o.inputs) {
     const s = e.inputs[r.name]?.trim();
     s ? n.has(s) || i.push({
-      kind: Ee.UnknownSource,
+      kind: Fe.UnknownSource,
       input: r.name
     }) : r.required && i.push({
-      kind: Ee.UnmappedInput,
+      kind: Fe.UnmappedInput,
       input: r.name
     });
   }
   for (const r of Object.keys(e.inputs)) o.inputs.some((s) => s.name === r) || i.push({
-    kind: Ee.UnknownInput,
+    kind: Fe.UnknownInput,
     input: r
   });
   return i;
@@ -763,17 +763,17 @@ function Pu(e, t) {
 var xu = (e, t) => {
   const n = e.input ?? "";
   switch (e.kind) {
-    case Ee.MissingSlice:
+    case Fe.MissingSlice:
       return t.missingSlice;
-    case Ee.UnmappedInput:
+    case Fe.UnmappedInput:
       return t.unmappedInput(n);
-    case Ee.UnknownInput:
+    case Fe.UnknownInput:
       return t.unknownInput(n);
-    case Ee.UnknownSource:
+    case Fe.UnknownSource:
       return t.unknownSource(n);
   }
 }, Ou = ({ action: e, slices: t, sources: n, strings: o, disabled: i, suggestSource: r, onChange: s }) => {
-  const l = o.properties.action, c = e ? St(t, e.sliceId) : void 0, u = e ? Iu(e, t, new Set(n.map((d) => d.path))) : [];
+  const l = o.properties.action, c = e ? pt(t, e.sliceId) : void 0, u = e ? Iu(e, t, new Set(n.map((d) => d.path))) : [];
   return /* @__PURE__ */ b("fieldset", {
     className: "studio-editor-query",
     disabled: i,
@@ -874,24 +874,44 @@ function Ru(e) {
   const t = e.slice(Un.length), n = t.indexOf(".");
   return n > 0 ? t.slice(0, n) : void 0;
 }
+function Fu(e, t) {
+  const n = pt(t.stateChangeSlices, e.properties.command);
+  return n ? { properties: n.inputs.map((o) => ({
+    name: o.name,
+    type: o.type
+  })) } : void 0;
+}
 function Co(e, t, n, o, i) {
-  return {
+  const r = Fu(e, o);
+  let s = !1;
+  const l = {
     element: e,
     root: n.composition.element,
-    screen: n.document.screens.find((r) => r.name === be),
+    screen: n.document.screens.find((c) => c.name === be),
     descriptor: t,
     profile: o.runtime.profile,
     bundles: o.runtime.bundles,
     permissions: {},
-    capabilities: {},
+    capabilities: r ? { "commandForm.generateFields": !0 } : {},
     diagnostics: [],
-    submitEdits: (r) => {
-      n.applyAll(r, i);
+    commandMetadata: r,
+    submitEdits: (c) => {
+      n.applyAll(c, i);
     },
-    submitAction: (r, s) => {
-      n.applyAll(s, i);
+    submitAction: (c, u) => {
+      if (u.length === 0 && !s) {
+        s = !0;
+        try {
+          o.runtime.designTime.runAction(t, c, l);
+        } finally {
+          s = !1;
+        }
+        return;
+      }
+      n.applyAll(u, i);
     }
   };
+  return l;
 }
 var Eu = ({ component: e, descriptor: t, controller: n, environment: o, strings: i, disabled: r }) => {
   const [s, l] = j([]), { designTime: c, packageDescriptorOf: u } = o.runtime, d = u(t);
@@ -917,7 +937,7 @@ var Eu = ({ component: e, descriptor: t, controller: n, environment: o, strings:
       })
     ]
   });
-}, Fu = ({ component: e, descriptor: t, properties: n, controller: o, environment: i, strings: r, disabled: s }) => {
+}, Mu = ({ component: e, descriptor: t, properties: n, controller: o, environment: i, strings: r, disabled: s }) => {
   const { designTime: l, packageDescriptorOf: c } = i.runtime, u = c(t), d = n.flatMap((p) => {
     const h = l.propertyEditor(u, p.descriptor).contribution;
     return h ? [{
@@ -943,7 +963,7 @@ var Eu = ({ component: e, descriptor: t, controller: n, environment: o, strings:
       })
     }, p.descriptor.path))]
   });
-}, Mu = ({ component: e, descriptor: t, controller: n, environment: o, strings: i }) => {
+}, Au = ({ component: e, descriptor: t, controller: n, environment: o, strings: i }) => {
   const { designTime: r, packageDescriptorOf: s } = o.runtime, l = s(t), c = r.designer(l), u = c.contribution;
   if (!u && !c.diagnostic) return null;
   const d = `${c.package ?? ""}:${l.editorKind ?? ""}`;
@@ -962,19 +982,19 @@ var Eu = ({ component: e, descriptor: t, controller: n, environment: o, strings:
       children: c.diagnostic
     })]
   });
-}, Au = "commandForm", Wn = "command", Jr = (e) => e.slice(e.lastIndexOf(":") + 1) === Au;
+}, _u = "commandForm", Wn = "command", Jr = (e) => e.slice(e.lastIndexOf(":") + 1) === _u;
 function Qr(e, t) {
-  return e.flatMap((n) => [...qe(n) && Jr(n.componentName) ? [_u(n, t)] : [], ...Qr(Xt(n), t)]);
+  return e.flatMap((n) => [...qe(n) && Jr(n.componentName) ? [$u(n, t)] : [], ...Qr(Xt(n), t)]);
 }
-function _u(e, t) {
+function $u(e, t) {
   const n = e.properties?.[Wn], o = typeof n == "string" ? n : "";
   return {
     elementId: e.id,
     command: o,
-    commandName: St(t, o) ? kt(St(t, o)) : void 0
+    commandName: pt(t, o) ? St(pt(t, o)) : void 0
   };
 }
-function $u(e, t) {
+function Lu(e, t) {
   return t ? {
     kind: Y.SetProperty,
     nodeId: re(e),
@@ -986,7 +1006,7 @@ function $u(e, t) {
     path: Wn
   };
 }
-var Lu = ({ controller: e, slices: t, strings: n, disabled: o }) => {
+var Bu = ({ controller: e, slices: t, strings: n, disabled: o }) => {
   const i = e.document.screens.find((c) => c.name === be), r = i?.forms ?? [];
   if (!i) return null;
   const s = n.properties.forms, l = new Set(Qr(e.composition.roots, t).map((c) => c.commandName));
@@ -1013,25 +1033,25 @@ var Lu = ({ controller: e, slices: t, strings: n, disabled: o }) => {
       }) })
     ]
   });
-}, Fe = (e = 1, t = Ce.Fraction) => t === Ce.Auto ? { unit: t } : {
+}, Ee = (e = 1, t = Ce.Fraction) => t === Ce.Auto ? { unit: t } : {
   unit: t,
   value: e
 };
-function Bu(e) {
+function ju(e) {
   return {
     columns: [{
       index: 1,
-      width: Fe(1)
+      width: Ee(1)
     }, {
       index: 2,
-      width: Fe(1)
+      width: Ee(1)
     }],
     placements: e.map((t, n) => No(t.name, n)),
-    columnGap: Fe(16, Ce.Pixels),
-    rowGap: Fe(12, Ce.Pixels)
+    columnGap: Ee(16, Ce.Pixels),
+    rowGap: Ee(12, Ce.Pixels)
   };
 }
-function ju(e) {
+function Uu(e) {
   const t = e.layout;
   if (!(t !== void 0 && (t.columns.some((o) => o.index < 1) || t.placements.some((o) => o.row < 1 || o.column < 1)))) return e;
   const n = (o) => ({
@@ -1056,7 +1076,7 @@ function ju(e) {
   };
 }
 function It(e) {
-  const t = ju(e), n = t.layout ?? Bu(t.fields), o = t.fields.map((i, r) => Yr(n, i.name) ?? i.placement ?? No(i.name, r));
+  const t = Uu(e), n = t.layout ?? ju(t.fields), o = t.fields.map((i, r) => Yr(n, i.name) ?? i.placement ?? No(i.name, r));
   return {
     ...t,
     layout: {
@@ -1069,8 +1089,8 @@ function It(e) {
     }))
   };
 }
-function Uu(e, t, n) {
-  const o = It(e), i = zu(n(Yr(o.layout, t) ?? No(t, o.fields.findIndex((r) => r.name === t))));
+function Wu(e, t, n) {
+  const o = It(e), i = Hu(n(Yr(o.layout, t) ?? No(t, o.fields.findIndex((r) => r.name === t))));
   return {
     ...o,
     layout: {
@@ -1083,7 +1103,7 @@ function Uu(e, t, n) {
     } : r)
   };
 }
-function Wu(e, t, n) {
+function zu(e, t, n) {
   const o = It(e), i = o.layout.columns.some((r) => r.index === t) ? o.layout.columns.map((r) => r.index === t ? {
     ...r,
     width: n
@@ -1121,7 +1141,7 @@ function No(e, t) {
     columnSpan: 1
   };
 }
-function zu(e) {
+function Hu(e) {
   return {
     ...e,
     row: Math.max(1, e.row),
@@ -1132,27 +1152,27 @@ function zu(e) {
 }
 function zn(e) {
   return {
-    name: kt(e),
-    forCommand: kt(e),
+    name: St(e),
+    forCommand: St(e),
     generationMode: ge.Auto,
     fields: e.inputs.map((t) => ({ name: t.name }))
   };
 }
-function Hu(e, t) {
+function Gu(e, t) {
   return It({
     ...e,
     generationMode: ge.Manual,
-    fields: Gu(t)
+    fields: qu(t)
   });
 }
-function Gu(e) {
+function qu(e) {
   return e.inputs.map((t) => ({
     name: t.name,
     sourceProperty: t.name,
     label: t.name
   }));
 }
-function qu(e, t) {
+function Ku(e, t) {
   return e.generationMode ? e.generationMode : t !== void 0 && e.fields.length === t.inputs.length && e.fields.every((n, o) => n.name === t.inputs[o]?.name && !n.sourceProperty && !n.composeUsing && !n.label && !n.placement) ? ge.Auto : ge.Manual;
 }
 function bi(e, t, n) {
@@ -1161,19 +1181,19 @@ function bi(e, t, n) {
     fields: e.fields.map((o, i) => i === t ? n : o)
   };
 }
-function Ku(e, t) {
-  return t ? e.find((n) => n.forCommand === kt(t)) : void 0;
+function Vu(e, t) {
+  return t ? e.find((n) => n.forCommand === St(t)) : void 0;
 }
-var Vu = St, Me = /* @__PURE__ */ (function(e) {
+var Ju = pt, Me = /* @__PURE__ */ (function(e) {
   return e.AutoMapped = "autoMapped", e.Renamed = "renamed", e.Composed = "composed", e.Broken = "broken", e;
 })({});
-function Ju(e, t) {
+function Qu(e, t) {
   return e.fields.map((n) => ({
     field: n,
-    kind: Qu(n, t)
+    kind: Yu(n, t)
   }));
 }
-function Qu(e, t) {
+function Yu(e, t) {
   if (e.composeUsing) return Me.Composed;
   const n = e.sourceProperty ?? e.name;
   return t.includes(n) ? e.sourceProperty ? Me.Renamed : Me.AutoMapped : Me.Broken;
@@ -1181,8 +1201,8 @@ function Qu(e, t) {
 var He = /* @__PURE__ */ (function(e) {
   return e.None = "none", e.ViaQuery = "viaQuery", e.FromItem = "fromItem", e;
 })({});
-function Yu(e) {
-  return e ? Xu(e) ? {
+function Xu(e) {
+  return e ? Zu(e) ? {
     kind: He.ViaQuery,
     queryName: e.queryName,
     parameterNames: Object.keys(e.parameterBindings)
@@ -1194,26 +1214,26 @@ function Yu(e) {
     parameterNames: []
   };
 }
-function Xu(e) {
+function Zu(e) {
   return "queryName" in e;
 }
-var Zu = {
+var ep = {
   [Me.AutoMapped]: "Auto-mapped",
   [Me.Renamed]: "Renamed",
   [Me.Composed]: "Composed",
   [Me.Broken]: "Broken"
-}, ep = {
+}, tp = {
   [He.None]: "No populate source",
   [He.ViaQuery]: "Populate via query",
   [He.FromItem]: "Populate from item"
 };
-function tp({ form: e, commandProperties: t, onFieldSelected: n }) {
-  const o = Yu(e.populateSource), i = Ju(e, t);
+function np({ form: e, commandProperties: t, onFieldSelected: n }) {
+  const o = Xu(e.populateSource), i = Qu(e, t);
   return /* @__PURE__ */ b("div", {
     className: "studio-editor-form-designer",
     children: [/* @__PURE__ */ b("div", {
       className: "studio-editor-form-designer-populate-source",
-      children: [/* @__PURE__ */ a("span", { children: ep[o.kind] }), o.kind === He.ViaQuery && /* @__PURE__ */ b("span", {
+      children: [/* @__PURE__ */ a("span", { children: tp[o.kind] }), o.kind === He.ViaQuery && /* @__PURE__ */ b("span", {
         className: "studio-editor-form-designer-populate-source-detail",
         children: [o.queryName, o.parameterNames.length > 0 && ` by ${o.parameterNames.join(", ")}`]
       })]
@@ -1229,7 +1249,7 @@ function tp({ form: e, commandProperties: t, onFieldSelected: n }) {
           }),
           /* @__PURE__ */ a("span", {
             className: "studio-editor-form-designer-field-kind",
-            children: Zu[s]
+            children: ep[s]
           }),
           r.sourceProperty && /* @__PURE__ */ b("span", {
             className: "studio-editor-form-designer-field-detail",
@@ -1244,7 +1264,7 @@ function tp({ form: e, commandProperties: t, onFieldSelected: n }) {
     })]
   });
 }
-var np = ({ form: e, strings: t, onChange: n }) => {
+var op = ({ form: e, strings: t, onChange: n }) => {
   const o = It(e), i = o.layout;
   return /* @__PURE__ */ b("div", {
     className: "studio-editor-properties__form-layout",
@@ -1253,9 +1273,9 @@ var np = ({ form: e, strings: t, onChange: n }) => {
         className: "studio-editor-properties__form-layout-row",
         children: [/* @__PURE__ */ a("span", { children: t.column(r.index) }), /* @__PURE__ */ a(Ht, {
           name: t.column(r.index),
-          value: r.width ?? Fe(),
+          value: r.width ?? Ee(),
           strings: t,
-          onChange: (s) => n(Wu(o, r.index, s))
+          onChange: (s) => n(zu(o, r.index, s))
         })]
       }, r.index))] }),
       /* @__PURE__ */ b("fieldset", { children: [
@@ -1264,7 +1284,7 @@ var np = ({ form: e, strings: t, onChange: n }) => {
           className: "studio-editor-properties__form-layout-row",
           children: [/* @__PURE__ */ a("span", { children: t.columnGap }), /* @__PURE__ */ a(Ht, {
             name: t.columnGap,
-            value: i.columnGap ?? Fe(0, Ce.Pixels),
+            value: i.columnGap ?? Ee(0, Ce.Pixels),
             strings: t,
             onChange: (r) => n(vi(o, "columnGap", r))
           })]
@@ -1273,7 +1293,7 @@ var np = ({ form: e, strings: t, onChange: n }) => {
           className: "studio-editor-properties__form-layout-row",
           children: [/* @__PURE__ */ a("span", { children: t.rowGap }), /* @__PURE__ */ a(Ht, {
             name: t.rowGap,
-            value: i.rowGap ?? Fe(0, Ce.Pixels),
+            value: i.rowGap ?? Ee(0, Ce.Pixels),
             strings: t,
             onChange: (r) => n(vi(o, "rowGap", r))
           })]
@@ -1281,15 +1301,15 @@ var np = ({ form: e, strings: t, onChange: n }) => {
       ] }),
       /* @__PURE__ */ b("fieldset", { children: [/* @__PURE__ */ a("legend", { children: t.placements }), o.fields.map((r) => {
         const s = i.placements.find((l) => l.field === r.name) ?? r.placement;
-        return /* @__PURE__ */ b("fieldset", { children: [/* @__PURE__ */ a("legend", { children: r.label || r.name }), /* @__PURE__ */ a(op, {
+        return /* @__PURE__ */ b("fieldset", { children: [/* @__PURE__ */ a("legend", { children: r.label || r.name }), /* @__PURE__ */ a(ip, {
           placement: s,
           strings: t,
-          onChange: (l) => n(Uu(o, r.name, () => l))
+          onChange: (l) => n(Wu(o, r.name, () => l))
         })] }, r.name);
       })] })
     ]
   });
-}, op = ({ placement: e, strings: t, onChange: n }) => /* @__PURE__ */ b(le, { children: [
+}, ip = ({ placement: e, strings: t, onChange: n }) => /* @__PURE__ */ b(le, { children: [
   /* @__PURE__ */ a(Dt, {
     label: t.row,
     value: e.row,
@@ -1328,7 +1348,7 @@ var np = ({ form: e, strings: t, onChange: n }) => {
   }),
   /* @__PURE__ */ b("label", { children: [/* @__PURE__ */ a("span", { children: t.fieldWidth }), /* @__PURE__ */ a(Ht, {
     name: t.fieldWidth,
-    value: e.width ?? Fe(),
+    value: e.width ?? Ee(),
     strings: t,
     onChange: (o) => n({
       ...e,
@@ -1368,8 +1388,8 @@ function yi(e, t) {
     value: Number.isFinite(n) ? n : 0
   };
 }
-var ip = ({ form: e, slice: t, idPrefix: n, strings: o, disabled: i, onChange: r }) => {
-  const s = t?.inputs.map((c) => c.name) ?? e.fields.map((c) => c.sourceProperty ?? c.name), l = qu(e, t) === ge.Auto;
+var rp = ({ form: e, slice: t, idPrefix: n, strings: o, disabled: i, onChange: r }) => {
+  const s = t?.inputs.map((c) => c.name) ?? e.fields.map((c) => c.sourceProperty ?? c.name), l = Ku(e, t) === ge.Auto;
   return /* @__PURE__ */ b("fieldset", {
     className: "studio-editor-properties__form",
     disabled: i,
@@ -1377,7 +1397,7 @@ var ip = ({ form: e, slice: t, idPrefix: n, strings: o, disabled: i, onChange: r
       /* @__PURE__ */ a("legend", { children: e.name }),
       /* @__PURE__ */ b("label", { children: [/* @__PURE__ */ a("span", { children: o.mode }), /* @__PURE__ */ b("select", {
         value: l ? ge.Auto : ge.Manual,
-        onChange: (c) => t && r(c.target.value === ge.Auto ? zn(t) : Hu(e, t)),
+        onChange: (c) => t && r(c.target.value === ge.Auto ? zn(t) : Gu(e, t)),
         children: [/* @__PURE__ */ a("option", {
           value: ge.Auto,
           children: o.auto
@@ -1386,7 +1406,7 @@ var ip = ({ form: e, slice: t, idPrefix: n, strings: o, disabled: i, onChange: r
           children: o.manual
         })]
       })] }),
-      /* @__PURE__ */ a(tp, {
+      /* @__PURE__ */ a(np, {
         form: e,
         commandProperties: s
       }),
@@ -1414,15 +1434,15 @@ var ip = ({ form: e, slice: t, idPrefix: n, strings: o, disabled: i, onChange: r
           children: s.map((c) => /* @__PURE__ */ a("option", { value: c }, c))
         })]
       }),
-      !l && /* @__PURE__ */ a(np, {
+      !l && /* @__PURE__ */ a(op, {
         form: e,
         strings: o,
         onChange: r
       })
     ]
   });
-}, rp = ({ elementId: e, command: t, slices: n, forms: o, strings: i, disabled: r, onCommandChange: s, onFormChange: l, onFormCreate: c }) => {
-  const u = i.properties.commandForm, d = Vu(n, t), p = Ku(o, d), h = t !== void 0 && t !== "" && !d;
+}, ap = ({ elementId: e, command: t, slices: n, forms: o, strings: i, disabled: r, onCommandChange: s, onFormChange: l, onFormCreate: c }) => {
+  const u = i.properties.commandForm, d = Ju(n, t), p = Vu(o, d), h = t !== void 0 && t !== "" && !d;
   return /* @__PURE__ */ b("fieldset", {
     className: "studio-editor-query studio-editor-properties__command-form",
     disabled: r,
@@ -1460,7 +1480,7 @@ var ip = ({ form: e, slice: t, idPrefix: n, strings: o, disabled: i, onChange: r
         onClick: () => c(d),
         children: u.createForm(d.name)
       }),
-      d && p && /* @__PURE__ */ a(ip, {
+      d && p && /* @__PURE__ */ a(rp, {
         form: p,
         slice: d,
         idPrefix: `${e}-form`,
@@ -1470,8 +1490,8 @@ var ip = ({ form: e, slice: t, idPrefix: n, strings: o, disabled: i, onChange: r
       })
     ]
   });
-}, ap = ({ outlets: e, disabled: t, strings: n, onChange: o }) => {
-  const i = (c, u) => o(e.map((d, p) => p === c ? sp(u) : d)), r = (c) => o(e.filter((u, d) => d !== c)), s = (c, u) => o(lp(e, c, u)), l = () => o([...e, { name: cp(e, n.newOutletName) }]);
+}, sp = ({ outlets: e, disabled: t, strings: n, onChange: o }) => {
+  const i = (c, u) => o(e.map((d, p) => p === c ? lp(u) : d)), r = (c) => o(e.filter((u, d) => d !== c)), s = (c, u) => o(cp(e, c, u)), l = () => o([...e, { name: dp(e, n.newOutletName) }]);
   return /* @__PURE__ */ b("section", {
     className: "studio-editor-outlets",
     children: [
@@ -1528,17 +1548,17 @@ var ip = ({ form: e, slice: t, idPrefix: n, strings: o, disabled: i, onChange: r
     ]
   });
 };
-function sp(e) {
+function lp(e) {
   return {
     name: e.name,
     ...e.description ? { description: e.description } : {}
   };
 }
-function lp(e, t, n) {
+function cp(e, t, n) {
   const o = [...e], [i] = o.splice(t, 1);
   return i && o.splice(n, 0, i), o;
 }
-function cp(e, t) {
+function dp(e, t) {
   const n = new Set(e.map((o) => o.name));
   if (!n.has(t)) return t;
   for (let o = 2; ; o++) {
@@ -1546,24 +1566,24 @@ function cp(e, t) {
     if (!n.has(i)) return i;
   }
 }
-function dp(e, t, n, o) {
+function up(e, t, n, o) {
   const i = n.flatMap((s) => s.screens ?? []).find((s) => s.screenTemplate === e);
   if (!i) return;
   const r = en(n.map((s) => s.manifest));
   return Xs(go(el(i), o, r), t);
 }
-function up(e, t) {
+function pp(e, t) {
   return t.find((n) => n.name === e && n.kind === cr.ScreenTemplate);
 }
-var ft = /* @__PURE__ */ (function(e) {
+var gt = /* @__PURE__ */ (function(e) {
   return e.Desktop = "desktop", e.Tablet = "tablet", e.Phone = "phone", e;
-})({}), pp = ({ templateName: e, environment: t, strings: n, disabled: o, onApply: i, onDiscard: r }) => {
-  const [s, l] = j(at.Populated), [c, u] = j(ft.Desktop), { bundles: d, profile: p, registry: h, designTime: f } = t.runtime, g = U(() => dp(e, s, d, p), [
+})({}), mp = ({ templateName: e, environment: t, strings: n, disabled: o, onApply: i, onDiscard: r }) => {
+  const [s, l] = j(at.Populated), [c, u] = j(gt.Desktop), { bundles: d, profile: p, registry: h, designTime: f } = t.runtime, g = U(() => up(e, s, d, p), [
     e,
     s,
     d,
     p
-  ]), m = up(e, f.host.templates);
+  ]), m = pp(e, f.host.templates);
   return /* @__PURE__ */ b("section", {
     className: "studio-editor-template-preview",
     "aria-label": n.preview(e),
@@ -1580,7 +1600,7 @@ var ft = /* @__PURE__ */ (function(e) {
         })] }), /* @__PURE__ */ b("label", { children: [/* @__PURE__ */ a("span", { children: n.previewSize }), /* @__PURE__ */ a("select", {
           value: c,
           onChange: (v) => u(v.target.value),
-          children: Object.values(ft).map((v) => /* @__PURE__ */ a("option", {
+          children: Object.values(gt).map((v) => /* @__PURE__ */ a("option", {
             value: v,
             children: n.previewSizes[v]
           }, v))
@@ -1673,7 +1693,7 @@ var ft = /* @__PURE__ */ (function(e) {
             children: c
           }, c))]
         })] }),
-        /* @__PURE__ */ a(ap, {
+        /* @__PURE__ */ a(sp, {
           outlets: s.outlets ?? [],
           disabled: o,
           strings: n.properties.outlets,
@@ -1682,16 +1702,16 @@ var ft = /* @__PURE__ */ (function(e) {
       ]
     });
   }
-  return /* @__PURE__ */ a(mp, {
+  return /* @__PURE__ */ a(hp, {
     controller: e,
     environment: t,
     strings: n,
     disabled: o
   });
-}, mp = ({ controller: e, environment: t, strings: n, disabled: o }) => {
+}, hp = ({ controller: e, environment: t, strings: n, disabled: o }) => {
   const i = n.properties.templates, [r, s] = j(), l = e.document.screens.find((g) => g.name === be);
   if (!l) return null;
-  const c = (g) => e.setScreenTemplate(t.runtime.bundles.flatMap((m) => m.screenTemplates ?? []).find((m) => m.name === g), i.choose), u = U(() => hp(xs({ blueprints: ns(t.runtime.bundles) }, es({
+  const c = (g) => e.setScreenTemplate(t.runtime.bundles.flatMap((m) => m.screenTemplates ?? []).find((m) => m.name === g), i.choose), u = U(() => fp(xs({ blueprints: ns(t.runtime.bundles) }, es({
     bundles: t.runtime.bundles,
     profile: t.runtime.profile,
     scope: t.templateScope
@@ -1711,7 +1731,7 @@ var ft = /* @__PURE__ */ (function(e) {
     className: "studio-editor-properties__templates",
     children: [
       /* @__PURE__ */ a("strong", { children: i.label }),
-      r && /* @__PURE__ */ a(pp, {
+      r && /* @__PURE__ */ a(mp, {
         templateName: r,
         environment: t,
         strings: i,
@@ -1737,7 +1757,7 @@ var ft = /* @__PURE__ */ (function(e) {
     ]
   });
 };
-function hp(e) {
+function fp(e) {
   const t = (n) => n.map((o) => ({
     ...o,
     templates: o.templates.filter((i) => i.kind === cr.ScreenTemplate)
@@ -1754,8 +1774,8 @@ function wi(e) {
   const t = Object.fromEntries(Object.entries(e).filter(([, n]) => n !== void 0 && n !== ""));
   return Object.keys(t).length > 0 ? t : void 0;
 }
-var fp = ({ templates: e, referencedTemplates: t, disabled: n, strings: o, onChange: i }) => {
-  const r = (u, d) => i(e.map((p, h) => h === u ? vp(d) : p)), s = (u) => i(e.filter((d, p) => p !== u)), l = (u, d) => i(bp(e, u, d)), c = () => i([...e, gp(yp(e, o.newTemplateName))]);
+var gp = ({ templates: e, referencedTemplates: t, disabled: n, strings: o, onChange: i }) => {
+  const r = (u, d) => i(e.map((p, h) => h === u ? bp(d) : p)), s = (u) => i(e.filter((d, p) => p !== u)), l = (u, d) => i(yp(e, u, d)), c = () => i([...e, vp(wp(e, o.newTemplateName))]);
   return /* @__PURE__ */ b("section", {
     className: "studio-editor-dialog-templates",
     children: [
@@ -1824,14 +1844,14 @@ var fp = ({ templates: e, referencedTemplates: t, disabled: n, strings: o, onCha
     ]
   });
 };
-function gp(e) {
+function vp(e) {
   return {
     name: e,
     slots: [{ name: "content" }],
     behaviors: []
   };
 }
-function vp(e) {
+function bp(e) {
   return {
     name: e.name,
     slots: e.slots.length > 0 ? e.slots : [{ name: "content" }],
@@ -1843,11 +1863,11 @@ function vp(e) {
     ...e.metadata ? { metadata: e.metadata } : {}
   };
 }
-function bp(e, t, n) {
+function yp(e, t, n) {
   const o = [...e], [i] = o.splice(t, 1);
   return i && o.splice(n, 0, i), o;
 }
-function yp(e, t) {
+function wp(e, t) {
   const n = new Set(e.map((o) => o.name));
   if (!n.has(t)) return t;
   for (let o = 2; ; o++) {
@@ -1855,34 +1875,34 @@ function yp(e, t) {
     if (!n.has(i)) return i;
   }
 }
-var wp = ({ controller: e, strings: t, disabled: n }) => /* @__PURE__ */ a(fp, {
+var kp = ({ controller: e, strings: t, disabled: n }) => /* @__PURE__ */ a(gp, {
   templates: e.document.dialogTemplates,
-  referencedTemplates: kp(e.document),
+  referencedTemplates: Sp(e.document),
   disabled: n,
   strings: t.properties.dialogTemplates,
   onChange: (o) => e.setDialogTemplates(o, t.properties.dialogTemplates.label)
 });
-function kp(e) {
+function Sp(e) {
   const t = /* @__PURE__ */ new Set();
-  return gt(e.screens, t), gt(e.screenTemplates, t), gt(e.instanceContributions, t), t;
+  return vt(e.screens, t), vt(e.screenTemplates, t), vt(e.instanceContributions, t), t;
 }
-function gt(e, t) {
+function vt(e, t) {
   if (!e || typeof e != "object") return;
   if (Array.isArray(e)) {
-    for (const o of e) gt(o, t);
+    for (const o of e) vt(o, t);
     return;
   }
   const n = e;
   typeof n.dialog == "string" && n.dialog.length > 0 && t.add(n.dialog);
-  for (const o of Object.values(n)) gt(o, t);
+  for (const o of Object.values(n)) vt(o, t);
 }
-var Sp = (e, t, n = !1) => ({
+var Cp = (e, t, n = !1) => ({
   kind: Y.ChangeLayoutType,
   nodeId: e,
   to: t,
   ...n ? { acceptLoss: !0 } : {}
 });
-function Cp(e, t, n) {
+function Np(e, t, n) {
   if (t) return { kind: "applied" };
   const o = n.find((i) => i.code === gs.LossyConversionNotAccepted);
   return o ? {
@@ -1897,11 +1917,11 @@ function Cp(e, t, n) {
     diagnostics: [...n]
   };
 }
-var Np = ({ inspection: e, controller: t, strings: n, disabled: o }) => {
+var Tp = ({ inspection: e, controller: t, strings: n, disabled: o }) => {
   const i = n.properties, [r, s] = j(), l = Jo(t.context.catalog, e.typeId), c = l?.capabilities.convertibleTo ?? [];
   if (!l || c.length === 0) return null;
   const u = (d) => {
-    const p = t.tryApply(d, i.changeLayout), h = Cp(d, p.applied, p.diagnostics);
+    const p = t.tryApply(d, i.changeLayout), h = Np(d, p.applied, p.diagnostics);
     s(h.kind === "confirm" ? {
       lost: h.lost,
       edit: h.edit
@@ -1912,7 +1932,7 @@ var Np = ({ inspection: e, controller: t, strings: n, disabled: o }) => {
     children: [/* @__PURE__ */ b("label", { children: [/* @__PURE__ */ a("span", { children: i.layoutType }), /* @__PURE__ */ b("select", {
       value: e.typeId,
       disabled: o,
-      onChange: (d) => u(Sp(e.nodeId, d.target.value)),
+      onChange: (d) => u(Cp(e.nodeId, d.target.value)),
       children: [/* @__PURE__ */ a("option", {
         value: e.typeId,
         children: l.label
@@ -1943,7 +1963,7 @@ var Np = ({ inspection: e, controller: t, strings: n, disabled: o }) => {
     })]
   });
 };
-var Tp = ({ location: e, strings: t }) => {
+var Ip = ({ location: e, strings: t }) => {
   const n = t.properties.location, [o, i] = j(), [r, s] = j(""), [l, c] = j(), [u, d] = j(!1);
   if (!e) return null;
   const p = o?.featureId ?? e.currentFeatureId, h = o?.path ?? e.path, f = e.features.filter((m) => m.id !== p), g = async () => {
@@ -2015,7 +2035,7 @@ var Tp = ({ location: e, strings: t }) => {
     ]
   });
 };
-function Ip(e, t, n, o = {}) {
+function Pp(e, t, n, o = {}) {
   const i = {
     component: t,
     path: n,
@@ -2029,7 +2049,7 @@ function Ip(e, t, n, o = {}) {
     property: i
   };
 }
-function Pp(e, t, n) {
+function xp(e, t, n) {
   return {
     kind: Y.UnexposeProperty,
     owner: e,
@@ -2037,24 +2057,24 @@ function Pp(e, t, n) {
     path: n
   };
 }
-var xp = (e, t, n, o) => e.exposures.some((i) => i.owner === t && i.properties.some((r) => r.component === n && r.path === o)), Op = [
+var Op = (e, t, n, o) => e.exposures.some((i) => i.owner === t && i.properties.some((r) => r.component === n && r.path === o)), Dp = [
   ke.Add,
   ke.Remove,
   ke.Reorder,
   ke.EditFields
-], Dp = ({ inspection: e, componentId: t, controller: n, strings: o, authoringTemplate: i }) => {
+], Rp = ({ inspection: e, componentId: t, controller: n, strings: o, authoringTemplate: i }) => {
   const r = o.properties;
   if (i === void 0) return null;
   const s = e.properties.filter((l) => l.descriptor.valueType !== K.Object && l.descriptor.group !== "Placement");
   return s.length === 0 ? null : /* @__PURE__ */ b("section", {
     className: "studio-editor-properties__exposure",
     children: [/* @__PURE__ */ a("strong", { children: r.exposure }), /* @__PURE__ */ a("ul", { children: s.map((l) => {
-      const c = l.descriptor.path, u = xp(n.document, i, t, c), d = l.descriptor.valueType === K.Collection;
+      const c = l.descriptor.path, u = Op(n.document, i, t, c), d = l.descriptor.valueType === K.Collection;
       return /* @__PURE__ */ a("li", { children: /* @__PURE__ */ b("label", { children: [
         /* @__PURE__ */ a("input", {
           type: "checkbox",
           checked: u,
-          onChange: (p) => n.apply(p.target.checked ? Ip(i, t, c, d ? { operations: Op } : {}) : Pp(i, t, c), u ? r.unexposeProperty : r.exposeProperty)
+          onChange: (p) => n.apply(p.target.checked ? Pp(i, t, c, d ? { operations: Dp } : {}) : xp(i, t, c), u ? r.unexposeProperty : r.exposeProperty)
         }),
         /* @__PURE__ */ a("span", { children: l.descriptor.label }),
         u && /* @__PURE__ */ a("em", { children: r.exposedToScopes })
@@ -2115,7 +2135,7 @@ function Si(e, t) {
   };
 }
 var To = ({ registry: e, property: t, context: n, componentId: o, onChange: i, diagnostics: r, presentation: s = "field" }) => {
-  const l = s === "popover", { descriptor: c } = t, u = `pe-${o}-${c.path}`.replace(/[^A-Za-z0-9_-]/g, "-"), d = e.resolve(c), p = Ja(t), { editor: h, failed: f } = Si(e, d?.id), { editor: g } = Si(e, p ? "bindingExpression" : void 0), m = n.strings.editors, v = !t.editable || c.readOnly === !0, w = t.editable ? c.readOnly === !0 ? m.readOnly : void 0 : t.reason ?? m.inherited, P = t.effectiveValue, x = Rp(t, r), C = P == null || !Ho(c) ? void 0 : dn(c, P) ?? Hn(c, P), k = C !== void 0 && dn(c, P) !== void 0 ? os(c, P) : void 0, y = k !== void 0 && dn(c, k) === void 0, T = (R) => i(t, R), M = p && Xa(P), I = c.valueType === "boolean", N = Ho(c);
+  const l = s === "popover", { descriptor: c } = t, u = `pe-${o}-${c.path}`.replace(/[^A-Za-z0-9_-]/g, "-"), d = e.resolve(c), p = Ja(t), { editor: h, failed: f } = Si(e, d?.id), { editor: g } = Si(e, p ? "bindingExpression" : void 0), m = n.strings.editors, v = !t.editable || c.readOnly === !0, w = t.editable ? c.readOnly === !0 ? m.readOnly : void 0 : t.reason ?? m.inherited, P = t.effectiveValue, x = Fp(t, r), C = P == null || !Ho(c) ? void 0 : dn(c, P) ?? Hn(c, P), k = C !== void 0 && dn(c, P) !== void 0 ? os(c, P) : void 0, y = k !== void 0 && dn(c, k) === void 0, T = (R) => i(t, R), M = p && Xa(P), I = c.valueType === "boolean", N = Ho(c);
   return /* @__PURE__ */ b("div", {
     className: `studio-editor-field${I ? " studio-editor-field--inline" : ""}`,
     "data-property": c.path,
@@ -2208,7 +2228,7 @@ var To = ({ registry: e, property: t, context: n, componentId: o, onChange: i, d
     ]
   });
 };
-function Rp(e, t) {
+function Fp(e, t) {
   const n = t.find((o) => o.path === e.descriptor.path && o.severity === "error");
   return n ? {
     code: n.code,
@@ -2372,7 +2392,7 @@ var oe = /* @__PURE__ */ (function(e) {
 })({}), Ci = {
   Compact: "Compact",
   Regular: "Regular"
-}, Fp = {
+}, Mp = {
   ariaLabel: "Icon",
   picker: {
     placeholder: "Choose an icon",
@@ -2402,7 +2422,7 @@ var oe = /* @__PURE__ */ (function(e) {
     "catalog-unavailable": "The icons of {library} could not be read, so they cannot be checked. Try again in a moment."
   },
   notAllowed: "This icon is not available for this field. Choose one of the icons the field offers."
-}, Mp = {
+}, Ap = {
   inspectorTitle: "Inspector",
   windowLabel: "Screen editor",
   stopped: {
@@ -2506,7 +2526,7 @@ var oe = /* @__PURE__ */ (function(e) {
     exposedToScopes: "Screens can change this",
     itemsLabel: "Items",
     addItem: "Add item",
-    icon: Fp,
+    icon: Mp,
     structured: nr,
     editors: ea,
     templates: {
@@ -2542,9 +2562,9 @@ var oe = /* @__PURE__ */ (function(e) {
       },
       previewSize: "Size",
       previewSizes: {
-        [ft.Desktop]: "Desktop",
-        [ft.Tablet]: "Tablet",
-        [ft.Phone]: "Phone"
+        [gt.Desktop]: "Desktop",
+        [gt.Tablet]: "Tablet",
+        [gt.Phone]: "Phone"
       },
       previewFailed: "The preview could not be drawn.",
       noPreview: "This template has no preview.",
@@ -2745,7 +2765,7 @@ var oe = /* @__PURE__ */ (function(e) {
     [oe.NoChange]: "It is already there."
   }
 };
-function Ap(e, t) {
+function _p(e, t) {
   const n = e?.query, o = n !== null && typeof n == "object" && "queryId" in n ? n.queryId : void 0;
   return typeof o == "string" ? t.find((i) => i.id === o)?.resultFields ?? [] : [];
 }
@@ -2759,7 +2779,7 @@ function Io(e) {
     ...t.navigationModule !== void 0 ? { navigationModule: t.navigationModule } : {},
     queryCandidates: n.queryCandidates,
     availableSources: n.availableSources,
-    fields: Ap(u, n.queryCandidates),
+    fields: _p(u, n.queryCandidates),
     colorTokens: d?.colorTokens ?? [],
     icons: {
       catalog: p.icons,
@@ -2791,11 +2811,11 @@ function Io(e) {
       } : g,
       structured: f.structured ?? nr,
       icon: f.icon,
-      iconPicker: f.iconPickerLabels ?? Mp.properties.iconPickerLabels ?? {}
+      iconPicker: f.iconPickerLabels ?? Ap.properties.iconPickerLabels ?? {}
     }
   };
 }
-function _p(e, t, n) {
+function $p(e, t, n) {
   return {
     ...e,
     session: {
@@ -2807,7 +2827,7 @@ function _p(e, t, n) {
     }
   };
 }
-function $p(e) {
+function Lp(e) {
   switch (e.valueType) {
     case K.String:
       return "text";
@@ -2833,7 +2853,7 @@ function $p(e) {
       return "undescribed";
   }
 }
-var Lp = class {
+var Bp = class {
   #e = /* @__PURE__ */ new Map();
   #n = /* @__PURE__ */ new Map();
   #t = /* @__PURE__ */ new Map();
@@ -2876,15 +2896,15 @@ var Lp = class {
       id: e.editorKind,
       tier: "package"
     };
-    const n = $p(e);
+    const n = Lp(e);
     return n !== void 0 && this.#e.has(n) ? {
       id: n,
       tier: "default"
     } : void 0;
   }
 };
-function Bp() {
-  const e = new Lp();
+function jp() {
+  const e = new Bp();
   e.register(X.Text, async () => (await import("./TextEditor-BEH-9K1S.js")).TextEditor), e.register(X.Number, async () => (await import("./NumberEditor-Cyo9_23Z.js")).NumberEditor), e.register(X.Boolean, async () => (await import("./BooleanEditor-eC1yCpz0.js")).BooleanEditor), e.register(X.Enum, async () => (await import("./EnumEditor-DNnnf9i3.js")).EnumEditor), e.register(X.Select, async () => (await import("./SelectEditor-CY6dlYWi.js")).SelectEditor), e.register(X.Color, async () => (await import("./ColorEditor-Cc6Xq8pW.js")).ColorEditor), e.register(X.Icon, async () => (await import("./IconEditor-qXyGbGEX.js")).IconEditor), e.register(X.List, async () => (await import("./ListEditor-CfFPVVJ4.js")).ListEditor), e.register(X.Reference, async () => (await import("./ReferenceEditor-CTguqJZC.js")).ReferenceEditor), e.register(X.NavigationTarget, async () => (await import("./NavigationTargetEditor-C53kuCBJ.js")).NavigationTargetEditor), e.register(X.RenderingSlot, async () => (await import("./RenderingSlotEditor-D0ppEIOx.js")).RenderingSlotEditor), e.register(X.Slice, async () => (await import("./SliceEditor-BdiU5-Tg.js")).SliceEditor), e.register(X.InheritanceMode, async () => (await import("./InheritanceModeEditor-CtdsACnc.js")).InheritanceModeEditor), e.register(X.Field, async () => (await import("./FieldEditor-e6VpsD__.js")).FieldEditor), e.register(X.ColumnList, async () => (await import("./ColumnListEditor-CmhQYS5b.js")).ColumnListEditor), e.register(X.Template, async () => (await import("./TemplatePropertyEditor-JGA5uEfP.js")).TemplatePropertyEditor), e.register(X.SampleData, async () => (await import("./ReferenceTargetEditors-Bx6dhIxY.js")).SampleDataEditor), e.register("object", async () => (await import("./StructuredPropertyEditor-Bd-8GBgK.js")).StructuredPropertyEditor), e.register("collection", async () => (await import("./CollectionEditor-DoTQJiqE.js")).CollectionEditor);
   for (const t of [
     X.StringList,
@@ -2904,7 +2924,7 @@ function Bp() {
   ]) e.register(t, async () => (await import("./SummaryEditor-C5wP1uIH.js")).SummaryEditor);
   return e;
 }
-var nn = Bp(), Po = "presentation", xo = "arguments", Rt = (e) => typeof e == "string" ? e : "";
+var nn = jp(), Po = "presentation", xo = "arguments", Rt = (e) => typeof e == "string" ? e : "";
 function na(e, t = "") {
   const n = Rt(e?.command);
   if (n === "") return;
@@ -2916,7 +2936,7 @@ function na(e, t = "") {
     presentation: Object.values(ve).includes(r) ? r : ve.None
   };
 }
-function jp(e) {
+function Up(e) {
   return {
     command: e.sliceId,
     [Po]: e.presentation,
@@ -2927,9 +2947,9 @@ function jp(e) {
     }))
   };
 }
-function Up(e, t) {
+function Wp(e, t) {
   const n = re(e);
-  return Object.entries(jp(t)).map(([o, i]) => ({
+  return Object.entries(Up(t)).map(([o, i]) => ({
     kind: Y.SetProperty,
     nodeId: n,
     path: o,
@@ -2942,12 +2962,12 @@ var Z = /* @__PURE__ */ (function(e) {
   kind: Z.None,
   target: ""
 };
-function Wp(e) {
-  const t = e?.find((n) => n.name === Gn)?.bindings.find((n) => Gp(n.trigger))?.actions[0];
-  return t ? Hp(t) : oa;
+function zp(e) {
+  const t = e?.find((n) => n.name === Gn)?.bindings.find((n) => qp(n.trigger))?.actions[0];
+  return t ? Gp(t) : oa;
 }
 function Ni(e, t) {
-  const n = (e ?? []).filter((r) => r.name !== Gn), o = zp(t), i = o ? [...n, {
+  const n = (e ?? []).filter((r) => r.name !== Gn), o = Hp(t), i = o ? [...n, {
     name: Gn,
     bindings: [{
       trigger: { kind: sr.Click },
@@ -2956,7 +2976,7 @@ function Ni(e, t) {
   }] : n;
   return i.length > 0 ? i : void 0;
 }
-function zp(e) {
+function Hp(e) {
   if (e.target !== "")
     switch (e.kind) {
       case Z.Navigate:
@@ -2978,7 +2998,7 @@ function zp(e) {
         return;
     }
 }
-function Hp(e) {
+function Gp(e) {
   switch (e.kind) {
     case lt.Navigate:
       return {
@@ -2999,14 +3019,14 @@ function Hp(e) {
       return oa;
   }
 }
-function Gp(e) {
+function qp(e) {
   return e?.kind === sr.Click;
 }
-var qp = ({ behaviors: e, targets: t, destinations: n, slices: o, strings: i, disabled: r, onChange: s }) => {
-  const l = Wp(e), [c, u] = j(Z.None), d = l.kind === Z.None ? {
+var Kp = ({ behaviors: e, targets: t, destinations: n, slices: o, strings: i, disabled: r, onChange: s }) => {
+  const l = zp(e), [c, u] = j(Z.None), d = l.kind === Z.None ? {
     kind: c,
     target: ""
-  } : l, p = Kp(d.kind, t, n, o), h = d.target !== "" && !p.some((m) => m.value === d.target), f = (m) => {
+  } : l, p = Vp(d.kind, t, n, o), h = d.target !== "" && !p.some((m) => m.value === d.target), f = (m) => {
     u(m), l.kind !== Z.None && s(Ni(e, {
       kind: Z.None,
       target: ""
@@ -3074,7 +3094,7 @@ var qp = ({ behaviors: e, targets: t, destinations: n, slices: o, strings: i, di
     ]
   });
 };
-function Kp(e, t, n, o) {
+function Vp(e, t, n, o) {
   switch (e) {
     case Z.Navigate:
       return n.map((i) => ({
@@ -3207,7 +3227,7 @@ var Oo = {
 }, on = /* @__PURE__ */ (function(e) {
   return e.Elements = "elements", e.Collection = "collection", e.Region = "region", e;
 })({}), ia = (e) => "rejected" in e;
-function Vp(e, t) {
+function Jp(e, t) {
   switch (e.availability) {
     case void 0:
       return !0;
@@ -3218,8 +3238,8 @@ function Vp(e, t) {
   }
 }
 var Do = cl;
-function Et(e, t) {
-  if (!Vp(e, t)) return {
+function Ft(e, t) {
+  if (!Jp(e, t)) return {
     visible: !1,
     enabled: !1
   };
@@ -3255,10 +3275,10 @@ var Ro = (e, t, n) => e.flatMap((o) => {
     ...o,
     children: Ro(o.children, t, n)
   } : o];
-}), Jp = (e) => Object.fromEntries(Object.entries(e).filter(([, t]) => t !== void 0)), Ft = (e, t, n) => Ro(e, t, (o) => Jp({
+}), Qp = (e) => Object.fromEntries(Object.entries(e).filter(([, t]) => t !== void 0)), Et = (e, t, n) => Ro(e, t, (o) => Qp({
   ...o,
   ...n
-})), Qp = (e, t) => Ro(e, t, () => {
+})), Yp = (e, t) => Ro(e, t, () => {
 });
 function Qt(e, t) {
   for (const n of e) {
@@ -3274,21 +3294,21 @@ function Ct(e, t) {
     if (o) return o;
   }
 }
-function Yp(e, t, n) {
+function Xp(e, t, n) {
   const o = Ct(e, t);
   if (!o) return [...e];
   const i = o.findIndex((l) => l.id === t);
   if (i < 0 || n < 0 || n >= o.length || i === n) return [...e];
   const r = [...o], [s] = r.splice(i, 1);
-  return r.splice(n, 0, s), o === e ? r : Eo(e, o, r);
+  return r.splice(n, 0, s), o === e ? r : Fo(e, o, r);
 }
-function Eo(e, t, n) {
+function Fo(e, t, n) {
   return e.map((o) => o.children === t ? {
     ...o,
     children: n
   } : o.children ? {
     ...o,
-    children: Eo(o.children, t, n)
+    children: Fo(o.children, t, n)
   } : o);
 }
 var ra = (e, t) => ({
@@ -3296,7 +3316,7 @@ var ra = (e, t) => ({
   id: t(),
   ...e.children ? { children: e.children.map((n) => ra(n, t)) } : {}
 });
-function Xp(e, t, n) {
+function Zp(e, t, n) {
   const o = Qt(e, t), i = Ct(e, t);
   if (!o || !i) return { items: [...e] };
   const r = ra(o, n), s = i.findIndex((c) => c.id === t) + 1, l = [
@@ -3305,22 +3325,22 @@ function Xp(e, t, n) {
     ...i.slice(s)
   ];
   return {
-    items: i === e ? l : Eo(e, i, l),
+    items: i === e ? l : Fo(e, i, l),
     copy: r
   };
 }
-var Zp = () => ({
+var em = () => ({
   application: { regions: [] },
   modules: []
-}), Ti = (e) => e.navigation ?? Zp(), em = (e, t) => ({
+}), Ti = (e) => e.navigation ?? em(), tm = (e, t) => ({
   ...e,
   navigation: t
 });
-function tm(e, t, n) {
+function nm(e, t, n) {
   return (t === void 0 ? e.application.regions : e.modules.find((o) => o.module === t)?.regions ?? []).find((o) => o.region === n)?.items ?? [];
 }
-var nm = (e) => e;
-function om(e, t) {
+var om = (e) => e;
+function im(e, t) {
   if (!t?.module) return;
   const n = e.modules.find((r) => r.id === t.module);
   if (!n) return t.module;
@@ -3334,13 +3354,13 @@ function om(e, t) {
   return [n.name, ...o].join(" › ");
 }
 function aa(e) {
-  const { region: t, module: n, navigation: o, structure: i, newId: r, slots: s, startingLabel: l, strings: c } = e, u = ur(i, o, n, t), d = tm(o, n, t), p = Ms(i, o, { slots: [...s] }), h = (x) => `${n ?? "application"}:${t}:${x}`, f = [], g = (x, C) => {
+  const { region: t, module: n, navigation: o, structure: i, newId: r, slots: s, startingLabel: l, strings: c } = e, u = ur(i, o, n, t), d = nm(o, n, t), p = Ms(i, o, { slots: [...s] }), h = (x) => `${n ?? "application"}:${t}:${x}`, f = [], g = (x, C) => {
     const k = x.filter((y) => !y.readOnly);
     x.forEach((y) => {
       const T = Qt(d, y.id)?.target ?? (y.target ? {
         module: y.target.module,
         ...y.target.feature ? { feature: y.target.feature } : {}
-      } : void 0), M = y.readOnly ? -1 : k.indexOf(y), I = om(i, T), N = p.filter((R) => R.entry === h(y.id)).map((R) => ({
+      } : void 0), M = y.readOnly ? -1 : k.indexOf(y), I = im(i, T), N = p.filter((R) => R.entry === h(y.id)).map((R) => ({
         code: R.code,
         message: R.message
       }));
@@ -3403,7 +3423,7 @@ function aa(e) {
     region: {
       region: m,
       ...n !== void 0 ? { module: n } : {},
-      ...u.mode ? { mode: nm(u.mode) } : {}
+      ...u.mode ? { mode: om(u.mode) } : {}
     },
     add: (x) => x === _.addItem ? P() : { rejected: x },
     act: (x, C) => {
@@ -3413,35 +3433,35 @@ function aa(e) {
         case _.moveEarlier:
         case _.moveLater: {
           const k = C.index + (x === _.moveEarlier ? -1 : 1), y = Ct(d, C.id);
-          return !y || k < 0 || k >= y.length ? { rejected: "noWhere" } : v("Move", w(Yp(d, C.id, k)), { itemId: C.id });
+          return !y || k < 0 || k >= y.length ? { rejected: "noWhere" } : v("Move", w(Xp(d, C.id, k)), { itemId: C.id });
         }
         case _.duplicate: {
-          const k = Xp(d, C.id, r);
+          const k = Zp(d, C.id, r);
           return k.copy ? v("Duplicate", w(k.items), { itemId: k.copy.id }) : { rejected: x };
         }
         case _.delete: {
           const k = Ct(d, C.id) ?? [], y = k.findIndex((M) => M.id === C.id), T = k[y + 1] ?? k[y - 1];
-          return v("Remove", w(Qp(d, C.id)), { itemId: T?.id ?? null });
+          return v("Remove", w(Yp(d, C.id)), { itemId: T?.id ?? null });
         }
         default:
           return { rejected: x };
       }
     },
-    rename: (x, C) => v("Rename", w(Ft(d, x.id, { title: C })), { itemId: x.id }),
+    rename: (x, C) => v("Rename", w(Et(d, x.id, { title: C })), { itemId: x.id }),
     choice: (x, C) => {
       const k = Qt(d, C.id);
       if (k) {
         if (x === _.target) return {
           property: Nn("target", "Navigate to", "navigationItemTarget", k.target),
-          plan: (y) => v("Link", w(Ft(d, C.id, { target: im(y) ? y : void 0 })), { itemId: C.id })
+          plan: (y) => v("Link", w(Et(d, C.id, { target: rm(y) ? y : void 0 })), { itemId: C.id })
         };
         if (x === _.slot) return {
           property: Nn("slot", "Render into slot", "renderingSlot", k.slot ?? "content"),
-          plan: (y) => v("Change", w(Ft(d, C.id, { slot: typeof y == "string" && y !== "content" ? y : void 0 })), { itemId: C.id })
+          plan: (y) => v("Change", w(Et(d, C.id, { slot: typeof y == "string" && y !== "content" ? y : void 0 })), { itemId: C.id })
         };
         if (x === "icon") return {
           property: Nn("icon", "Icon", "icon", k.icon),
-          plan: (y) => v("Change", w(Ft(d, C.id, { icon: typeof y == "string" && y !== "" ? y : void 0 })), { itemId: C.id })
+          plan: (y) => v("Change", w(Et(d, C.id, { icon: typeof y == "string" && y !== "" ? y : void 0 })), { itemId: C.id })
         };
       }
     },
@@ -3460,7 +3480,7 @@ function aa(e) {
     }]
   };
 }
-var im = (e) => typeof e == "object" && e !== null && typeof e.module == "string";
+var rm = (e) => typeof e == "object" && e !== null && typeof e.module == "string";
 function Nn(e, t, n, o) {
   return {
     descriptor: {
@@ -3477,7 +3497,7 @@ function Nn(e, t, n, o) {
   };
 }
 var Nt = () => globalThis.crypto.randomUUID(), Ii = (e) => typeof e == "string" ? e : "";
-function rm({ componentId: e, property: t, newId: n, startingLabel: o, startingDestination: i }) {
+function am({ componentId: e, property: t, newId: n, startingLabel: o, startingDestination: i }) {
   const r = t.descriptor.path, s = t.items ?? [], l = s.filter((f) => f.editable), c = new Set(t.operations ?? []), u = {
     component: e,
     path: r
@@ -3622,9 +3642,9 @@ function la(e, t, n, o = {}, i = {}) {
     slots: i
   };
 }
-var am = (e, t) => e.descriptor.valueType === "number" && typeof t == "string" ? t.trim() === "" ? void 0 : Number(t) : t;
+var sm = (e, t) => e.descriptor.valueType === "number" && typeof t == "string" ? t.trim() === "" ? void 0 : Number(t) : t;
 function qn(e, t, n) {
-  const o = am(t, n);
+  const o = sm(t, n);
   return t.editTarget === vs.Instance ? o === void 0 ? {
     kind: Y.ResetInstanceValue,
     component: e,
@@ -3652,7 +3672,7 @@ function ca(e, t, n) {
   const { button: i, converted: r } = js(new Zt(e), o);
   return r && i.slice ? { slice: i.slice } : void 0;
 }
-function sm(e, t) {
+function lm(e, t) {
   return [{
     kind: Y.SetProperty,
     nodeId: re(e),
@@ -3664,7 +3684,7 @@ function sm(e, t) {
     path: "target"
   }];
 }
-function lm(e, t) {
+function cm(e, t) {
   const n = structuredClone(e);
   return Kn(n, t), n;
 }
@@ -3685,7 +3705,7 @@ var Vn = (e) => typeof e == "string" ? e : "", rn = { [_.addButton]: {
   isUnlinked: (e, t) => Vn(t.slice) === "" && Vn(t.target) === "" && t.destination === void 0,
   startingProperties: { kind: "Action" }
 } };
-function cm({ component: e, addActionId: t, ownershipOf: n, inspect: o, newId: i, startingLabel: r, structure: s }) {
+function dm({ component: e, addActionId: t, ownershipOf: n, inspect: o, newId: i, startingLabel: r, structure: s }) {
   const l = rn[t];
   if (!l) return;
   const c = e.slots?.[l.slot] ?? [], u = c.map((h, f) => {
@@ -3748,7 +3768,7 @@ function cm({ component: e, addActionId: t, ownershipOf: n, inspect: o, newId: i
           };
         }
         case _.duplicate:
-          return p(lm(g, i), f.index + 1, "Duplicate");
+          return p(cm(g, i), f.index + 1, "Duplicate");
         case _.delete: {
           const m = c[f.index + 1] ?? c[f.index - 1];
           return {
@@ -3787,7 +3807,7 @@ function cm({ component: e, addActionId: t, ownershipOf: n, inspect: o, newId: i
     readOnlyActions: () => []
   };
 }
-function dm(e) {
+function um(e) {
   const { roots: t, catalog: n, selectedId: o, selectedItemId: i } = e;
   if (!o) return;
   const r = ze(t, o);
@@ -3812,14 +3832,14 @@ function xi(e, t, n, o, i) {
   let p;
   if (d.itemsPath !== void 0) {
     const f = s(t.id)?.properties.find((g) => g.descriptor.path === d.itemsPath);
-    p = f && rm({
+    p = f && am({
       componentId: t.id,
       property: f,
       newId: c,
       startingLabel: u.item,
       ...e.startingDestination ? { startingDestination: e.startingDestination } : {}
     });
-  } else rn[n] ? p = cm({
+  } else rn[n] ? p = dm({
     component: t,
     addActionId: n,
     ownershipOf: l,
@@ -3838,14 +3858,14 @@ function xi(e, t, n, o, i) {
     ...h ? { selected: h } : {}
   };
 }
-function um({ controller: e, environment: t, strings: n, startingLabels: o, startingDestination: i, otherSource: r }) {
+function pm({ controller: e, environment: t, strings: n, startingLabels: o, startingDestination: i, otherSource: r }) {
   const [s, l] = j(0), [c, u] = j(""), [d, p] = j("");
   ce(() => {
     if (d === "") return;
     const N = setTimeout(() => p(""), 4e3);
     return () => clearTimeout(N);
   }, [d]);
-  const { document: h, composition: f, context: g, selectedId: m, ownershipOf: v, selectedItemId: w, navigation: P, navigationModule: x, structure: C } = e, k = t.navigation?.slots ?? t.propertyEditors?.slots ?? pm, y = z((N) => {
+  const { document: h, composition: f, context: g, selectedId: m, ownershipOf: v, selectedItemId: w, navigation: P, navigationModule: x, structure: C } = e, k = t.navigation?.slots ?? t.propertyEditors?.slots ?? mm, y = z((N) => {
     const R = an(N.componentName);
     return R ? aa({
       region: R,
@@ -3873,7 +3893,7 @@ function um({ controller: e, environment: t, strings: n, startingLabels: o, star
     n,
     r,
     w
-  ]), T = U(() => dm({
+  ]), T = U(() => um({
     roots: f.roots,
     catalog: g.catalog,
     selectedId: m,
@@ -3905,7 +3925,7 @@ function um({ controller: e, environment: t, strings: n, startingLabels: o, star
     if (!B.applied)
       return u(n.announce.refused("rejected" in B && B.rejected || "diagnostics" in B && B.diagnostics[0]?.message || N.label)), !1;
     const { select: S } = N;
-    return S?.elementId !== void 0 && e.select(S.elementId), S?.itemId !== void 0 && e.selectItem(S.itemId === null ? void 0 : T?.componentId ?? m, S.itemId === null ? void 0 : S.itemId), N.notice && (u(N.notice), p(N.notice)), N.renameNext && l((F) => F + 1), R && !N.notice && u(R(N)), !0;
+    return S?.elementId !== void 0 && e.select(S.elementId), S?.itemId !== void 0 && e.selectItem(S.itemId === null ? void 0 : T?.componentId ?? m, S.itemId === null ? void 0 : S.itemId), N.notice && (u(N.notice), p(N.notice)), N.renameNext && l((E) => E + 1), R && !N.notice && u(R(N)), !0;
   }, [
     e,
     n,
@@ -3957,7 +3977,7 @@ function um({ controller: e, environment: t, strings: n, startingLabels: o, star
     }, [w, e])
   };
 }
-var pm = ["content"];
+var mm = ["content"];
 function an(e) {
   const t = e.slice(e.lastIndexOf(":") + 1).toLowerCase();
   return t === "topbar" ? Go.Topbar : t === "sidebar" ? Go.Sidebar : void 0;
@@ -3965,7 +3985,7 @@ function an(e) {
 var da = (e) => ({
   content: e.mainArea,
   aside: e.sidePanel
-}), mm = [
+}), hm = [
   De.Inherit,
   De.Extend,
   De.Override
@@ -4010,8 +4030,8 @@ var da = (e) => ({
     inCanvas: !1,
     bindingScope: h,
     slotNames: da(o)
-  }), k = g.region?.mode, y = (S, F = !1) => {
-    const $ = hr(s, c, u, S, { copy: F });
+  }), k = g.region?.mode, y = (S, E = !1) => {
+    const $ = hr(s, c, u, S, { copy: E });
     $.rejected || $.edits.length === 0 || e.applyNavigationEdits($.edits, "Region mode");
   }, T = (S) => {
     if (S !== k) {
@@ -4023,28 +4043,28 @@ var da = (e) => ({
     }
   }, M = P ? !P.readOnly : !1, I = (S) => {
     !S || "rejected" in S || S.navigationEdits && e.applyNavigationEdits(S.navigationEdits, S.label);
-  }, N = (S, F) => {
+  }, N = (S, E) => {
     if (P)
       switch (S.descriptor.path) {
         case "label":
-          typeof F == "string" && F !== "" && I(g.rename(P, F));
+          typeof E == "string" && E !== "" && I(g.rename(P, E));
           break;
         case "target":
-          I(g.choice("target", P)?.plan(F));
+          I(g.choice("target", P)?.plan(E));
           break;
         case "slot":
-          I(g.choice("slot", P)?.plan(F));
+          I(g.choice("slot", P)?.plan(E));
           break;
         case "icon":
-          I(g.choice("icon", P)?.plan(F));
+          I(g.choice("icon", P)?.plan(E));
       }
   }, R = s.application.logo, B = (S) => {
-    const F = Gs(s, c, {
+    const E = Gs(s, c, {
       image: R?.image ?? "",
       title: R?.title ?? "",
       ...S
     });
-    F.rejected || e.applyNavigationEdits(F.edits, "Logo");
+    E.rejected || e.applyNavigationEdits(E.edits, "Logo");
   };
   return /* @__PURE__ */ a("section", {
     className: "studio-editor-properties__navigation",
@@ -4106,7 +4126,7 @@ var da = (e) => ({
           className: "studio-editor-mode-cards",
           role: "radiogroup",
           "aria-label": o.modeTitle(w, v),
-          children: mm.map((S) => /* @__PURE__ */ b("button", {
+          children: hm.map((S) => /* @__PURE__ */ b("button", {
             type: "button",
             role: "radio",
             "aria-checked": S === k,
@@ -4167,9 +4187,9 @@ var da = (e) => ({
       })
     ] })
   });
-}, hm = (e) => e.slots?.items ?? [];
+}, fm = (e) => e.slots?.items ?? [];
 function Di(e, t) {
-  const n = hm(t).flatMap((r) => {
+  const n = fm(t).flatMap((r) => {
     const { id: s, properties: l } = r, c = ho(s, l);
     return c ? [c] : [];
   });
@@ -4182,8 +4202,8 @@ function Di(e, t) {
     button: r.button
   }));
 }
-var fm = (e) => String(e.componentName ?? "").endsWith("toolbarItem"), gm = (e) => /(^|:)toolbar$/.test(String(e.componentName ?? "")), vm = ({ controller: e, strings: t, element: n }) => {
-  const o = (t.designMode ?? Oo).toolbar, { structure: i } = e, r = fm(n), s = gm(n), l = n.properties ?? {}, c = U(() => {
+var gm = (e) => String(e.componentName ?? "").endsWith("toolbarItem"), vm = (e) => /(^|:)toolbar$/.test(String(e.componentName ?? "")), bm = ({ controller: e, strings: t, element: n }) => {
+  const o = (t.designMode ?? Oo).toolbar, { structure: i } = e, r = gm(n), s = vm(n), l = n.properties ?? {}, c = U(() => {
     if (!r || i.modules.length === 0) return;
     const g = ho(n.id, l);
     if (!g) return;
@@ -4241,7 +4261,7 @@ var fm = (e) => String(e.componentName ?? "").endsWith("toolbarItem"), gm = (e)
         children: [o.upgradeNote(p.slice), /* @__PURE__ */ a("button", {
           type: "button",
           "data-action": "upgrade",
-          onClick: () => e.applyAll(sm(n.id, p.slice), o.upgrade),
+          onClick: () => e.applyAll(lm(n.id, p.slice), o.upgrade),
           children: o.upgrade
         })]
       }),
@@ -4256,7 +4276,7 @@ var fm = (e) => String(e.componentName ?? "").endsWith("toolbarItem"), gm = (e)
       label: t.properties.diagnostics
     })]
   });
-}, bm = (e, t) => e.find((n) => n.component === t), ym = /* @__PURE__ */ new Set([xo]), wm = ({ controller: e, environment: t, strings: n, ownership: o, authoringTemplate: i }) => {
+}, ym = (e, t) => e.find((n) => n.component === t), wm = /* @__PURE__ */ new Set([xo]), km = ({ controller: e, environment: t, strings: n, ownership: o, authoringTemplate: i }) => {
   const { inspection: r, selectedId: s, selection: l } = e, c = n.properties, u = U(() => So(t.availableSources), [t.availableSources]), d = U(() => tr(e.document, e.composition.roots, e.context, t.availableSources, t.queryCandidates), [
     e.document,
     e.composition.roots,
@@ -4281,7 +4301,7 @@ var fm = (e) => String(e.componentName ?? "").endsWith("toolbarItem"), gm = (e)
           className: "studio-editor-properties__header",
           children: /* @__PURE__ */ a("strong", { children: c.screenLabel })
         }),
-        /* @__PURE__ */ a(Tp, {
+        /* @__PURE__ */ a(Ip, {
           location: t.location,
           strings: n
         }),
@@ -4291,12 +4311,12 @@ var fm = (e) => String(e.componentName ?? "").endsWith("toolbarItem"), gm = (e)
           strings: n,
           disabled: !1
         }),
-        /* @__PURE__ */ a(wp, {
+        /* @__PURE__ */ a(kp, {
           controller: e,
           strings: n,
           disabled: !1
         }),
-        /* @__PURE__ */ a(Lu, {
+        /* @__PURE__ */ a(Bu, {
           controller: e,
           slices: t.stateChangeSlices,
           strings: n,
@@ -4312,7 +4332,7 @@ var fm = (e) => String(e.componentName ?? "").endsWith("toolbarItem"), gm = (e)
       strings: n
     })
   });
-  const p = Ya(e.composition.roots, s), h = wu(r.properties, p, l.properties), { runtime: f } = t, g = bm(e.context.catalog.components, r.typeId), m = g ? f.packageDescriptorOf(g) : void 0, v = (S) => !!m && f.designTime.propertyEditor(m, S.descriptor).contribution !== void 0, w = t.propertyEditors?.registry ?? nn, P = [...r.diagnostics, ...e.diagnostics], x = Nu(h, r.typeId, (S) => ym.has(S.descriptor.path) || v(S)), C = Tu(x), k = {
+  const p = Ya(e.composition.roots, s), h = wu(r.properties, p, l.properties), { runtime: f } = t, g = ym(e.context.catalog.components, r.typeId), m = g ? f.packageDescriptorOf(g) : void 0, v = (S) => !!m && f.designTime.propertyEditor(m, S.descriptor).contribution !== void 0, w = t.propertyEditors?.registry ?? nn, P = [...r.diagnostics, ...e.diagnostics], x = Nu(h, r.typeId, (S) => wm.has(S.descriptor.path) || v(S)), C = Tu(x), k = {
     controller: e,
     environment: t,
     strings: n,
@@ -4345,7 +4365,7 @@ var fm = (e) => String(e.componentName ?? "").endsWith("toolbarItem"), gm = (e)
         environment: t,
         strings: n
       }),
-      l && /* @__PURE__ */ a(vm, {
+      l && /* @__PURE__ */ a(bm, {
         controller: e,
         strings: n,
         element: l
@@ -4354,7 +4374,7 @@ var fm = (e) => String(e.componentName ?? "").endsWith("toolbarItem"), gm = (e)
         diagnostics: cs(P),
         label: c.diagnostics
       }),
-      /* @__PURE__ */ a(Np, {
+      /* @__PURE__ */ a(Tp, {
         inspection: r,
         controller: e,
         strings: n,
@@ -4368,7 +4388,7 @@ var fm = (e) => String(e.componentName ?? "").endsWith("toolbarItem"), gm = (e)
         authoringTemplate: i
       }),
       g && qe(l) && /* @__PURE__ */ b(le, { children: [
-        /* @__PURE__ */ a(Mu, {
+        /* @__PURE__ */ a(Au, {
           component: l,
           descriptor: g,
           controller: e,
@@ -4383,7 +4403,7 @@ var fm = (e) => String(e.componentName ?? "").endsWith("toolbarItem"), gm = (e)
           strings: n,
           disabled: o !== void 0 && o !== "local"
         }),
-        /* @__PURE__ */ a(Fu, {
+        /* @__PURE__ */ a(Mu, {
           component: l,
           descriptor: g,
           properties: r.properties.filter((S) => !Kr(r.typeId, S.descriptor.path)),
@@ -4403,14 +4423,14 @@ var fm = (e) => String(e.componentName ?? "").endsWith("toolbarItem"), gm = (e)
         children: [/* @__PURE__ */ a("h4", {
           className: "studio-editor-properties__group-title",
           children: S.name
-        }), S.properties.map((F) => /* @__PURE__ */ a(To, {
+        }), S.properties.map((E) => /* @__PURE__ */ a(To, {
           registry: w,
-          property: F,
-          context: _p(y, k, F),
+          property: E,
+          context: $p(y, k, E),
           componentId: s,
           onChange: e.setProperty,
           diagnostics: P
-        }, `${s}:${F.descriptor.path}`))]
+        }, `${s}:${E.descriptor.path}`))]
       }, S.name)),
       T && /* @__PURE__ */ a(Ou, {
         action: na(B, t.stateChangeSlices.find((S) => S.id === B?.command)?.name ?? ""),
@@ -4419,9 +4439,9 @@ var fm = (e) => String(e.componentName ?? "").endsWith("toolbarItem"), gm = (e)
         strings: n,
         disabled: o !== void 0 && o !== "local",
         suggestSource: (S) => S === "id" || S.endsWith("Id") ? "row.id" : void 0,
-        onChange: (S) => S && e.applyAll(Up(s, S), n.properties.action.label)
+        onChange: (S) => S && e.applyAll(Wp(s, S), n.properties.action.label)
       }),
-      I && /* @__PURE__ */ a(rp, {
+      I && /* @__PURE__ */ a(ap, {
         elementId: s,
         command: typeof B?.command == "string" ? B.command : void 0,
         slices: t.stateChangeSlices,
@@ -4429,12 +4449,12 @@ var fm = (e) => String(e.componentName ?? "").endsWith("toolbarItem"), gm = (e)
         strings: n,
         disabled: R,
         onCommandChange: (S) => {
-          e.applyAll([$u(s, S)], n.properties.commandForm.label).applied && S && !N.some((F) => F.forCommand === S.name) && e.setScreenForms([...N, zn(S)], n.properties.commandForm.createForm(S.name));
+          e.applyAll([Lu(s, S)], n.properties.commandForm.label).applied && S && !N.some((E) => E.forCommand === S.name) && e.setScreenForms([...N, zn(S)], n.properties.commandForm.createForm(S.name));
         },
-        onFormChange: (S) => e.setScreenForms(N.map((F) => F.forCommand === S.forCommand ? S : F), n.properties.forms.label),
+        onFormChange: (S) => e.setScreenForms(N.map((E) => E.forCommand === S.forCommand ? S : E), n.properties.forms.label),
         onFormCreate: (S) => e.setScreenForms([...N, zn(S)], n.properties.commandForm.createForm(S.name))
       }),
-      M && /* @__PURE__ */ a(qp, {
+      M && /* @__PURE__ */ a(Kp, {
         behaviors: l.behaviors,
         targets: ds(t, e.document),
         destinations: t.destinations,
@@ -4443,7 +4463,7 @@ var fm = (e) => String(e.componentName ?? "").endsWith("toolbarItem"), gm = (e)
         disabled: R,
         onChange: (S) => e.setElementBehaviors(s, S, n.properties.toolbarButton.label)
       }, s),
-      /* @__PURE__ */ a(Dp, {
+      /* @__PURE__ */ a(Rp, {
         inspection: r,
         componentId: s,
         controller: e,
@@ -4478,7 +4498,7 @@ var fm = (e) => String(e.componentName ?? "").endsWith("toolbarItem"), gm = (e)
       tabs: [{
         id: Sn.Properties,
         label: e.propertiesTab,
-        content: /* @__PURE__ */ a(wm, {
+        content: /* @__PURE__ */ a(km, {
           controller: t,
           environment: n,
           strings: e,
@@ -4496,7 +4516,7 @@ var fm = (e) => String(e.componentName ?? "").endsWith("toolbarItem"), gm = (e)
   return e.Row = "row", e.Column = "column", e.Grid = "grid", e.Wrap = "wrap", e.Freeform = "freeform", e.Grouping = "grouping", e;
 })({}), Ze = /* @__PURE__ */ (function(e) {
   return e.Panel = "Panel", e.StackPanel = "StackPanel", e.WrapPanel = "WrapPanel", e.Grid = "Grid", e.Canvas = "Canvas", e;
-})({}), km = [
+})({}), Sm = [
   {
     item: H.Stack,
     type: "Stack",
@@ -4536,13 +4556,13 @@ var fm = (e) => String(e.componentName ?? "").endsWith("toolbarItem"), gm = (e)
     panel: Ze.Canvas,
     arrangement: Q.Freeform
   }
-], Sm = /* @__PURE__ */ new Set([
+], Cm = /* @__PURE__ */ new Set([
   "column",
   "screenShell",
   "shell"
 ]);
-var Cm = (e) => e.slice(e.lastIndexOf(":") + 1), pa = (e) => e.replace(/([A-Z])/g, " $1").replace(/^./, (t) => t.toUpperCase()).trim(), Nm = (e) => e.split(".").map((t) => pa(t)).join(" "), Tm = fs.Layout;
-function Im(e, t, n = {}) {
+var Nm = (e) => e.slice(e.lastIndexOf(":") + 1), pa = (e) => e.replace(/([A-Z])/g, " $1").replace(/^./, (t) => t.toUpperCase()).trim(), Tm = (e) => e.split(".").map((t) => pa(t)).join(" "), Im = fs.Layout;
+function Pm(e, t, n = {}) {
   const o = t.map((r) => ({
     key: `layout:${r.item}`,
     label: r.label,
@@ -4550,15 +4570,15 @@ function Im(e, t, n = {}) {
       component: r.item,
       displayName: r.label
     }),
-    category: Tm,
+    category: Im,
     keywords: [],
     payload: {
       kind: "layout",
       item: r.item
     }
   })), i = e.flatMap((r) => {
-    const s = new Map((r.descriptors ?? []).map((l) => [Cm(l.component), l]));
-    return r.components.filter((l) => !Sm.has(l)).map((l) => {
+    const s = new Map((r.descriptors ?? []).map((l) => [Nm(l.component), l]));
+    return r.components.filter((l) => !Cm.has(l)).map((l) => {
       const c = s.get(l), u = c?.displayName ?? pa(l);
       return {
         key: `${r.package}:${l}`,
@@ -4571,7 +4591,7 @@ function Im(e, t, n = {}) {
         category: c?.category?.trim() || "Other",
         keywords: c?.keywords ?? [],
         package: r.package,
-        packageTitle: n[r.package] ?? Nm(r.package),
+        packageTitle: n[r.package] ?? Tm(r.package),
         payload: {
           kind: "component",
           componentName: l,
@@ -4583,7 +4603,7 @@ function Im(e, t, n = {}) {
   return [...o, ...i];
 }
 var ma = "frequent";
-function Pm({ entries: e, usage: t, query: n, groups: o, frequentTitle: i }) {
+function xm({ entries: e, usage: t, query: n, groups: o, frequentTitle: i }) {
   const r = n.trim().length > 0, s = (h) => ({
     entry: h,
     match: Bs({
@@ -4617,11 +4637,11 @@ function Pm({ entries: e, usage: t, query: n, groups: o, frequentTitle: i }) {
     });
   }), d;
 }
-var xm = (e) => e.filter((t) => t.expanded).flatMap((t) => t.rows.map((n) => ({
+var Om = (e) => e.filter((t) => t.expanded).flatMap((t) => t.rows.map((n) => ({
   group: t,
   row: n
 })));
-function Om(e, t) {
+function Dm(e, t) {
   const n = [];
   let o = 0;
   for (const [i, r] of [...t].sort((s, l) => s[0] - l[0]))
@@ -4637,13 +4657,13 @@ function Om(e, t) {
     marked: !1
   }), n;
 }
-var Ri = "cratis.studio.componentUsage.v1", Ei = "cratis.studio.componentGroups.v1", Oe = (e) => {
+var Ri = "cratis.studio.componentUsage.v1", Fi = "cratis.studio.componentGroups.v1", Oe = (e) => {
   try {
     return e();
   } catch {
     return;
   }
-}, Dm = () => Oe(() => typeof window < "u" ? window.localStorage : void 0), Fi = (e) => {
+}, Rm = () => Oe(() => typeof window < "u" ? window.localStorage : void 0), Ei = (e) => {
   const t = Oe(() => JSON.parse(e ?? "null"));
   if (t === null || typeof t != "object" || Array.isArray(t)) return {};
   const n = {};
@@ -4652,17 +4672,17 @@ var Ri = "cratis.studio.componentUsage.v1", Ei = "cratis.studio.componentGroups.
     last: typeof i.last == "number" && Number.isFinite(i.last) ? i.last : 0
   });
   return n;
-}, Rm = (e) => {
+}, Fm = (e) => {
   const t = Oe(() => JSON.parse(e ?? "null"));
   return t === null || typeof t != "object" || Array.isArray(t) ? {} : Object.fromEntries(Object.entries(t).filter((n) => typeof n[1] == "boolean"));
 };
-function Em(e = Dm(), t) {
-  const n = t ? `${t}:${Ri}` : Ri, o = t ? `${t}:${Ei}` : Ei;
+function Em(e = Rm(), t) {
+  const n = t ? `${t}:${Ri}` : Ri, o = t ? `${t}:${Fi}` : Fi;
   let i, r;
   return {
-    readUsage: () => i ??= Fi(e ? Oe(() => e.getItem(n)) : void 0),
+    readUsage: () => i ??= Ei(e ? Oe(() => e.getItem(n)) : void 0),
     recordAdded: (s, l = Date.now()) => {
-      const c = i ??= Fi(e ? Oe(() => e.getItem(n)) : void 0);
+      const c = i ??= Ei(e ? Oe(() => e.getItem(n)) : void 0);
       i = {
         ...c,
         [s]: {
@@ -4673,7 +4693,7 @@ function Em(e = Dm(), t) {
       const u = JSON.stringify(i);
       return e && Oe(() => e.setItem(n, u)), i;
     },
-    readGroups: () => r ??= Rm(e ? Oe(() => e.getItem(o)) : void 0),
+    readGroups: () => r ??= Fm(e ? Oe(() => e.getItem(o)) : void 0),
     writeGroups: (s) => {
       r = { ...s };
       const l = JSON.stringify(r);
@@ -4681,7 +4701,7 @@ function Em(e = Dm(), t) {
     }
   };
 }
-var Fo = (e) => {
+var Eo = (e) => {
   const t = e;
   return !!t && (t.kind === "layout" && typeof t.item == "string" || t.kind === "component" && typeof t.componentName == "string" && typeof t.package == "string");
 }, Mo = "application/x-studio-palette-item", ha = "application/x-studio-element";
@@ -4689,20 +4709,20 @@ function fa(e, t, n) {
   const o = document.createElement("div");
   o.className = "studio-drag-preview", n && o.append(n.cloneNode(!0)), o.append(Object.assign(document.createElement("span"), { textContent: t })), document.body.append(o), e.dataTransfer.setDragImage(o, 14, 14), setTimeout(() => o.remove(), 0);
 }
-var Fm = (e, t, n) => {
+var Mm = (e, t, n) => {
   e.dataTransfer.setData(Mo, JSON.stringify(t)), e.dataTransfer.effectAllowed = "copyMove", n && fa(e, n, e.currentTarget instanceof Element ? e.currentTarget.querySelector("svg") : null);
-}, Mm = (e, t, n) => {
+}, Am = (e, t, n) => {
   e.dataTransfer.setData(ha, t), e.dataTransfer.effectAllowed = "move", fa(e, n);
-}, Am = (e) => e.dataTransfer.getData("application/x-studio-element") || void 0, Jn = (e) => e.dataTransfer.types.includes(ha), At = (e) => $m(e) || Jn(e);
-function _m(e) {
+}, _m = (e) => e.dataTransfer.getData("application/x-studio-element") || void 0, Jn = (e) => e.dataTransfer.types.includes(ha), At = (e) => Lm(e) || Jn(e);
+function $m(e) {
   try {
     const t = JSON.parse(e.dataTransfer.getData(Mo));
-    return Fo(t) ? t : void 0;
+    return Eo(t) ? t : void 0;
   } catch {
     return;
   }
 }
-var $m = (e) => e.dataTransfer.types.includes(Mo), Lm = {
+var Lm = (e) => e.dataTransfer.types.includes(Mo), Bm = {
   heading: "Components",
   filterPlaceholder: "Filter components...",
   filterLabel: "Filter components",
@@ -4711,8 +4731,8 @@ var $m = (e) => e.dataTransfer.types.includes(Mo), Lm = {
   nothingMatches: "No component matches.",
   viaKeyword: (e, t, n) => `...${e} matches "${t}" via keyword "${n}"`,
   addLabel: (e) => `Add ${e}`
-}, Bm = "★", jm = ({ entries: e, memory: t, strings: n = Lm, onAdd: o, usageVersion: i = 0 }) => {
-  const [r, s] = j(""), [l, c] = j(() => t.readGroups()), u = V(null), d = V(null), p = ms(), h = U(() => ({ ...t.readUsage() }), [t, i]), f = U(() => Pm({
+}, jm = "★", Um = ({ entries: e, memory: t, strings: n = Bm, onAdd: o, usageVersion: i = 0 }) => {
+  const [r, s] = j(""), [l, c] = j(() => t.readGroups()), u = V(null), d = V(null), p = ms(), h = U(() => ({ ...t.readUsage() }), [t, i]), f = U(() => xm({
     entries: e,
     usage: h,
     query: r,
@@ -4748,10 +4768,10 @@ var $m = (e) => e.dataTransfer.types.includes(Mo), Lm = {
       I.indexOf(T) <= 0 ? u.current?.focus() : w(T, -1);
     } else y.key === "Escape" && M && r !== "" && (y.stopPropagation(), s(""));
   }, x = (y, T) => {
-    Fm(T, y.payload, y.label), T.currentTarget.closest('[data-cratis-part="toolbar-folder-panel"]')?.setAttribute("data-dragging", "");
+    Mm(T, y.payload, y.label), T.currentTarget.closest('[data-cratis-part="toolbar-folder-panel"]')?.setAttribute("data-dragging", "");
   }, C = (y) => {
     y.currentTarget.closest('[data-cratis-part="toolbar-folder-panel"]')?.removeAttribute("data-dragging");
-  }, k = xm(f);
+  }, k = Om(f);
   return /* @__PURE__ */ b("div", {
     ref: d,
     className: "studio-component-picker",
@@ -4795,7 +4815,7 @@ var $m = (e) => e.dataTransfer.types.includes(Mo), Lm = {
                 "aria-hidden": "true",
                 children: y.frequent ? /* @__PURE__ */ a("span", {
                   className: "studio-component-picker__star",
-                  children: Bm
+                  children: jm
                 }) : y.expanded ? "▼" : "▶"
               }),
               /* @__PURE__ */ a("span", {
@@ -4831,7 +4851,7 @@ var $m = (e) => e.dataTransfer.types.includes(Mo), Lm = {
                   className: "studio-component-picker__label",
                   children: [/* @__PURE__ */ a("span", {
                     className: "studio-component-picker__name",
-                    children: Om(T.label, M.ranges).map((I, N) => I.marked ? /* @__PURE__ */ a("mark", { children: I.text }, N) : /* @__PURE__ */ a("span", { children: I.text }, N))
+                    children: Dm(T.label, M.ranges).map((I, N) => I.marked ? /* @__PURE__ */ a("mark", { children: I.text }, N) : /* @__PURE__ */ a("span", { children: I.text }, N))
                   }), M.via === "keyword" && M.keyword && /* @__PURE__ */ a("span", {
                     className: "studio-component-picker__hint",
                     children: n.viaKeyword(T.badge, r.trim(), M.keyword)
@@ -4857,14 +4877,14 @@ var $m = (e) => e.dataTransfer.types.includes(Mo), Lm = {
       })
     ]
   });
-}, Um = ({ entries: e, memory: t, icon: n, title: o, closeLabel: i, strings: r, usageVersion: s, onAdd: l }) => /* @__PURE__ */ a(ml, {
+}, Wm = ({ entries: e, memory: t, icon: n, title: o, closeLabel: i, strings: r, usageVersion: s, onAdd: l }) => /* @__PURE__ */ a(ml, {
   className: "studio-palette-folder studio-palette-folder--picker",
   icon: n,
   title: o,
   heading: o,
   closeLabel: i,
   presentation: "drawer",
-  children: /* @__PURE__ */ a(jm, {
+  children: /* @__PURE__ */ a(Um, {
     entries: e,
     memory: t,
     usageVersion: s,
@@ -4873,7 +4893,7 @@ var $m = (e) => e.dataTransfer.types.includes(Mo), Lm = {
   })
 });
 function ga({ strings: e, layoutLabels: t, icons: n, paletteSources: o, onAdd: i, memory: r }) {
-  const s = U(() => r ?? Em(), [r]), [l, c] = j(0), u = U(() => Im(o, km.map((p) => ({
+  const s = U(() => r ?? Em(), [r]), [l, c] = j(0), u = U(() => Pm(o, Sm.map((p) => ({
     item: p.item,
     label: t[p.item]
   })), e.packageTitles), [
@@ -4884,7 +4904,7 @@ function ga({ strings: e, layoutLabels: t, icons: n, paletteSources: o, onAdd: i
     s.recordAdded(p), c((h) => h + 1);
   }, [s]);
   return {
-    palette: /* @__PURE__ */ a(Um, {
+    palette: /* @__PURE__ */ a(Wm, {
       entries: u,
       memory: s,
       usageVersion: l,
@@ -4908,14 +4928,14 @@ var Mi = {
   value: 1
 };
 function Yt(e, t, n, o = [], i = {}) {
-  const r = Wm(e, i);
+  const r = zm(e, i);
   return {
     ...sa(t, n),
     children: o,
     ...r
   };
 }
-function Wm(e, t) {
+function zm(e, t) {
   switch (e) {
     case H.Stack:
       return {
@@ -4948,7 +4968,7 @@ function Wm(e, t) {
       return {};
   }
 }
-function zm(e) {
+function Hm(e) {
   const t = e.indexOf(":");
   return t > 0 ? {
     package: e.slice(0, t),
@@ -4958,8 +4978,8 @@ function zm(e) {
     name: e
   };
 }
-function Hm(e, t, n) {
-  const { package: o, name: i } = zm(e);
+function Gm(e, t, n) {
+  const { package: o, name: i } = Hm(e);
   if (o !== void 0) return pr(t).includes(o) && n[o]?.includes(i) ? {
     package: o,
     name: i
@@ -4970,7 +4990,7 @@ function Hm(e, t, n) {
     name: r.name
   } : void 0;
 }
-function Gm(e, t, n) {
+function qm(e, t, n) {
   const o = new Set(pr(t)), i = (r) => {
     if (Array.isArray(r)) {
       const u = r.map(i);
@@ -4998,7 +5018,7 @@ function va(e, t) {
     const o = ta(n, e.authoringTemplate);
     return o.readable ? {
       opened: !0,
-      subject: { document: t ? Gm(o.document, t.profile, t.packages) : o.document }
+      subject: { document: t ? qm(o.document, t.profile, t.packages) : o.document }
     } : {
       opened: !1,
       problem: o.problem
@@ -5006,10 +5026,10 @@ function va(e, t) {
   }
   return {
     opened: !0,
-    subject: { document: qm(e) }
+    subject: { document: Km(e) }
   };
 }
-function qm(e) {
+function Km(e) {
   return e.authoringTemplate !== void 0 ? tu(e.authoringTemplate, Yt(H.Stack, Xd, "Template")) : eu(Yt(H.Stack, Zd, "Screen"), e.screenTemplate);
 }
 var ba = ({ placement: e, children: t }) => /* @__PURE__ */ a("div", {
@@ -5064,8 +5084,8 @@ var ba = ({ placement: e, children: t }) => /* @__PURE__ */ a("div", {
   } catch {
     return;
   }
-}, Km = () => qt(() => typeof window < "u" ? window.localStorage : void 0);
-function Vm(e = Km()) {
+}, Vm = () => qt(() => typeof window < "u" ? window.localStorage : void 0);
+function Jm(e = Vm()) {
   return {
     read: (t) => e ? _i(qt(() => e.getItem(`${Qn}:${t}`)) ?? null) : void 0,
     write: (t, n) => {
@@ -5108,22 +5128,22 @@ function ka(e) {
 var $i = {
   width: 900,
   height: 640
-}, Jm = (e) => !!e && Number.isFinite(e.width) && Number.isFinite(e.height) && e.width > 0 && e.height > 0;
+}, Qm = (e) => !!e && Number.isFinite(e.width) && Number.isFinite(e.height) && e.width > 0 && e.height > 0;
 function Sa(e) {
   return _o(sn[Ke.Desktop], e);
 }
-function Qm(e) {
+function Ym(e) {
   return !!e && e.width === $i.width && e.height === $i.height;
 }
-function Ym(e, t) {
-  const n = Qm(e.saved) ? void 0 : e.saved;
-  return Xm([
+function Xm(e, t) {
+  const n = Ym(e.saved) ? void 0 : e.saved;
+  return Zm([
     e.remembered,
     n,
     e.lastUsed
-  ].find(Jm) ?? Sa(t), t);
+  ].find(Qm) ?? Sa(t), t);
 }
-function Xm(e, t) {
+function Zm(e, t) {
   return {
     width: Math.round(Math.min(e.width, t.width)),
     height: Math.round(Math.min(e.height, t.height))
@@ -5139,7 +5159,7 @@ var Ca = ({ environment: e, children: t }) => {
     loader: e.richText,
     children: n
   }) : n;
-}, Zm = ({ controls: e }) => /* @__PURE__ */ a("div", {
+}, eh = ({ controls: e }) => /* @__PURE__ */ a("div", {
   className: "studio-window-title-bar",
   role: "toolbar",
   children: /* @__PURE__ */ a("div", {
@@ -5147,18 +5167,18 @@ var Ca = ({ environment: e, children: t }) => {
     children: e
   })
 });
-function eh(e, t) {
+function th(e, t) {
   return Object.values(Ke).find((n) => {
     const o = _o(sn[n], t);
     return o.width === e.width && o.height === e.height;
   });
 }
-function th(e) {
+function nh(e) {
   const t = ka(e);
-  return Es(t.width, t.height);
+  return Fs(t.width, t.height);
 }
-var nh = ({ windowSize: e, available: t, strings: n, shell: o, onResize: i }) => {
-  const r = eh(e, t), s = ka(e), l = th(e), c = (u, d, p) => /* @__PURE__ */ a(xe, {
+var oh = ({ windowSize: e, available: t, strings: n, shell: o, onResize: i }) => {
+  const r = th(e, t), s = ka(e), l = nh(e), c = (u, d, p) => /* @__PURE__ */ a(xe, {
     icon: d,
     "aria-label": p,
     "aria-pressed": r === u,
@@ -5172,10 +5192,10 @@ var nh = ({ windowSize: e, available: t, strings: n, shell: o, onResize: i }) =>
     role: "group",
     "aria-label": n.sizeClass(l.width, l.height),
     children: [
-      c(Ke.Desktop, /* @__PURE__ */ a(Fn, { "aria-hidden": "true" }), n.desktopPreview),
+      c(Ke.Desktop, /* @__PURE__ */ a(En, { "aria-hidden": "true" }), n.desktopPreview),
       c(Ke.Mobile, /* @__PURE__ */ a(zl, { "aria-hidden": "true" }), n.mobilePreview),
       o && /* @__PURE__ */ a(xe, {
-        icon: /* @__PURE__ */ a(mt, { "aria-hidden": "true" }),
+        icon: /* @__PURE__ */ a(ht, { "aria-hidden": "true" }),
         "aria-label": o.shown ? n.hideApplicationShell : n.showApplicationShell,
         "aria-pressed": o.shown,
         title: o.shown ? n.hideApplicationShell : n.showApplicationShell,
@@ -5195,7 +5215,7 @@ var nh = ({ windowSize: e, available: t, strings: n, shell: o, onResize: i }) =>
     ]
   });
 };
-function oh(e, t) {
+function ih(e, t) {
   const n = e.bundles.filter((o) => o.manifest.kind === dt.Blueprint).map((o) => ({
     manifest: o.manifest,
     layouts: o.layouts,
@@ -5241,16 +5261,16 @@ function Na(e, t, n) {
     options: {
       profile: e.compositionProfile,
       catalog: e.packages,
-      templateLibrary: oh(e, t),
+      templateLibrary: ih(e, t),
       chrome: (o, i) => i === Js.FullPageShell ? {} : tl()
     }
   };
 }
-function ih(e, t) {
+function rh(e, t) {
   const { application: n, options: o } = Na(e, t, fo($o, "text", { text: "" }));
   return br(n, n.screens[0], o);
 }
-function rh(e, t) {
+function ah(e, t) {
   const { application: n, options: o } = Na(e, t, fo($o, "text", { text: "" })), i = n.screens[0];
   return {
     element: Zs(n, i, o).element,
@@ -5260,26 +5280,26 @@ function rh(e, t) {
 function Lo(e) {
   return e.screen ?? e.slice ?? e.dialog ?? "";
 }
-function ah(e) {
+function sh(e) {
   return e.kind !== ar.External && e.dialog === void 0 && Lo(e) !== "";
 }
-function sh(e, t) {
+function lh(e, t) {
   return fo("studio-shell-peek", "text", { text: t.replace("{name}", Lo(e)) });
 }
 var _e = /* @__PURE__ */ (function(e) {
   return e.Screen = "screen", e.ScreenTemplate = "screenTemplate", e.DialogTemplate = "dialogTemplate", e.TheShell = "theShell", e;
 })({});
-function lh(e, t, n) {
+function ch(e, t, n) {
   return t === void 0 ? _e.Screen : (e.dialogTemplates ?? []).some((o) => o.name === t) ? _e.DialogTemplate : t === n ? _e.TheShell : _e.ScreenTemplate;
 }
-var ch = (e) => e === _e.Screen || e === _e.ScreenTemplate, dh = (e) => e !== _e.TheShell, uh = "studio.screenEditor.showApplicationShell.v1", Yn = (e) => {
+var dh = (e) => e === _e.Screen || e === _e.ScreenTemplate, uh = (e) => e !== _e.TheShell, ph = "studio.screenEditor.showApplicationShell.v1", Yn = (e) => {
   try {
     return e();
   } catch {
     return;
   }
-}, ph = () => Yn(() => typeof window < "u" ? window.localStorage : void 0), Li = (e) => `${uh}:${e === _e.DialogTemplate ? "dialog" : "screen"}`;
-function mh(e = ph()) {
+}, mh = () => Yn(() => typeof window < "u" ? window.localStorage : void 0), Li = (e) => `${ph}:${e === _e.DialogTemplate ? "dialog" : "screen"}`;
+function hh(e = mh()) {
   return {
     read: (t) => {
       const n = e ? Yn(() => e.getItem(Li(t))) : void 0;
@@ -5290,9 +5310,9 @@ function mh(e = ph()) {
     }
   };
 }
-var hh = () => {
+var fh = () => {
 };
-function fh(e, t, n, o = gh) {
+function gh(e, t, n, o = vh) {
   const { layouts: i, screenTemplates: r, dialogTemplates: s } = e, l = U(() => ({
     layouts: i,
     screenTemplates: r,
@@ -5301,11 +5321,11 @@ function fh(e, t, n, o = gh) {
     i,
     r,
     s
-  ]), c = U(() => ih(t, l).name, [t, l]), u = lh(e, n, c), [d, p] = j(() => o.read(u)), [h, f] = j();
+  ]), c = U(() => rh(t, l).name, [t, l]), u = ch(e, n, c), [d, p] = j(() => o.read(u)), [h, f] = j();
   ce(() => {
     p(o.read(u)), f(void 0);
   }, [o, u]);
-  const g = dh(u), m = g && (d ?? ch(u)), v = U(() => m ? rh(t, l) : void 0, [
+  const g = uh(u), m = g && (d ?? dh(u)), v = U(() => m ? ah(t, l) : void 0, [
     m,
     t,
     l
@@ -5317,7 +5337,7 @@ function fh(e, t, n, o = gh) {
     u,
     o
   ]), P = z((C) => {
-    ah(C) && f(C);
+    sh(C) && f(C);
   }, []), x = z(() => f(void 0), []);
   return {
     available: g,
@@ -5326,11 +5346,11 @@ function fh(e, t, n, o = gh) {
     frame: v,
     peeking: m ? h : void 0,
     peekingName: h ? Lo(h) : "",
-    navigate: m ? P : hh,
+    navigate: m ? P : fh,
     back: x
   };
 }
-var gh = mh();
+var vh = hh();
 function Bo(e) {
   return e === void 0 ? "" : e.isDark ? "cratis-theme cratis-dark" : "cratis-theme cratis-light";
 }
@@ -5369,11 +5389,11 @@ var Xn = ({ elementId: e, tone: t, text: n }) => /* @__PURE__ */ a("div", {
     if (typeof o == "string" && o.length > 0) return o;
   }
 };
-function vh({ kind: e, tag: t, element: n, slots: o, message: i }) {
+function bh({ kind: e, tag: t, element: n, slots: o, message: i }) {
   const r = o.content ?? [], s = et(n, "header", "title", "summary") ?? n.name ?? n.componentName, l = et(n, "message", "detail", "text", "label"), c = () => {
     switch (e) {
       case se.Toast:
-        return i ? yt(i, {
+        return i ? wt(i, {
           element: {
             ...n,
             componentName: "message",
@@ -5447,7 +5467,7 @@ function vh({ kind: e, tag: t, element: n, slots: o, message: i }) {
     }), c()]
   });
 }
-var Ia = us(void 0), bh = () => {
+var Ia = us(void 0), yh = () => {
   const e = ps(Ia);
   return e ? /* @__PURE__ */ b("span", {
     className: "studio-design-logo",
@@ -5456,7 +5476,7 @@ var Ia = us(void 0), bh = () => {
     children: [/* @__PURE__ */ a("span", {
       className: "studio-design-logo__title",
       children: e.title
-    }), e.locked && /* @__PURE__ */ a(Fr, {
+    }), e.locked && /* @__PURE__ */ a(Er, {
       className: "studio-design-logo__lock",
       "aria-hidden": "true"
     })]
@@ -5464,7 +5484,7 @@ var Ia = us(void 0), bh = () => {
 }, Tn = (e) => `data:image/svg+xml;utf8,${encodeURIComponent(`<svg xmlns="http://www.w3.org/2000/svg" width="320" height="200"><rect width="320" height="200" fill="hsl(${e} 40% 40%)"/></svg>`)}`, Bi = [{
   label: "Documents",
   children: ["Work", "Home"]
-}], yh = [
+}], wh = [
   "New",
   "Open",
   { separator: !0 },
@@ -5718,7 +5738,7 @@ var Ia = us(void 0), bh = () => {
     text: "Tooltip",
     label: "Hover me"
   },
-  menu: { items: yh },
+  menu: { items: wh },
   menubar: { items: [{
     label: "File",
     items: ["New", "Open"]
@@ -5952,7 +5972,7 @@ var Ia = us(void 0), bh = () => {
   "navigate",
   "errorBoundary",
   "toolbarSeparator"
-]), vt = (e) => e.slice(e.lastIndexOf(":") + 1), Uo = (e, t) => In[e] ?? In[t] ?? In[vt(t)];
+]), bt = (e) => e.slice(e.lastIndexOf(":") + 1), Uo = (e, t) => In[e] ?? In[t] ?? In[bt(t)];
 function xa(e, t, n) {
   const o = Uo(e, t), i = n ?? {};
   if (!o) return { ...i };
@@ -5960,15 +5980,15 @@ function xa(e, t, n) {
   for (const [s, l] of Object.entries(i)) l !== void 0 && (r[s] = l);
   return r;
 }
-function wh(e, t, n) {
+function kh(e, t, n) {
   const o = Uo(e, t);
   return o ? Object.keys(o).filter((i) => n?.[i] === void 0) : [];
 }
-var kh = (e) => {
+var Sh = (e) => {
   const { width: t, height: n } = e.getBoundingClientRect();
   return t > 0 && n > 0;
-}, Zn = (e) => Array.from(e.children).filter((t) => !t.hasAttribute("data-studio-placeholder-for")).some((t) => kh(t) || getComputedStyle(t).display === "contents" && Zn(t)), Sh = 150;
-function Ch(e, t) {
+}, Zn = (e) => Array.from(e.children).filter((t) => !t.hasAttribute("data-studio-placeholder-for")).some((t) => Sh(t) || getComputedStyle(t).display === "contents" && Zn(t)), Ch = 150;
+function Nh(e, t) {
   const [n, o] = j(!0), i = V(!0);
   return Se(() => {
     const r = e.current;
@@ -5978,7 +5998,7 @@ function Ch(e, t) {
     };
     let l;
     const c = () => {
-      clearTimeout(l), Zn(r) ? s(!0) : l = setTimeout(() => s(Zn(r)), Sh);
+      clearTimeout(l), Zn(r) ? s(!0) : l = setTimeout(() => s(Zn(r)), Ch);
     }, u = typeof ResizeObserver > "u" ? void 0 : new ResizeObserver(c), d = () => {
       u?.disconnect(), Array.from(r.children).forEach((h) => u?.observe(h));
     }, p = new MutationObserver(() => {
@@ -5989,16 +6009,16 @@ function Ch(e, t) {
     };
   }, [e, t]), n;
 }
-var Nh = ({ element: e }) => e.name || e.componentName, Th = (e, t) => {
+var Th = ({ element: e }) => e.name || e.componentName, Ih = (e, t) => {
   const n = V(e), o = V(0);
   return n.current !== e && (n.current = e, t && (o.current += 1)), o.current;
 };
-function Ih(e, t, n, o) {
+function Ph(e, t, n, o) {
   const i = (r) => {
     const s = V(null), l = U(() => ({
       ...r.element,
       properties: xa(e, r.element.componentName, r.element.properties)
-    }), [r.element]), c = U(() => wh(e, r.element.componentName, r.element.properties), [r.element]), u = Pa.has(vt(r.element.componentName)), d = e.startsWith(`${vr}:`), p = d ? void 0 : Ta[vt(r.element.componentName)], h = d && vt(r.element.componentName) === "topbar", [f, g] = j(), m = Ch(s, r.element), v = Nh(r), w = Th(r.element, f !== void 0);
+    }), [r.element]), c = U(() => kh(e, r.element.componentName, r.element.properties), [r.element]), u = Pa.has(bt(r.element.componentName)), d = e.startsWith(`${vr}:`), p = d ? void 0 : Ta[bt(r.element.componentName)], h = d && bt(r.element.componentName) === "topbar", [f, g] = j(), m = Nh(s, r.element), v = Th(r), w = Ih(r.element, f !== void 0);
     return /* @__PURE__ */ b("span", {
       ref: s,
       "data-studio-element": r.element.id,
@@ -6012,7 +6032,7 @@ function Ih(e, t, n, o) {
           tone: Kt.Failed,
           text: n.failedToDraw(v, f ?? "")
         }),
-        children: p ? /* @__PURE__ */ a(vh, {
+        children: p ? /* @__PURE__ */ a(bh, {
           kind: p,
           tag: n.overlay(v),
           element: l,
@@ -6020,11 +6040,11 @@ function Ih(e, t, n, o) {
           message: o
         }) : h ? /* @__PURE__ */ b("div", {
           className: "studio-design-topbar",
-          children: [/* @__PURE__ */ a(bh, {}), yt(t, {
+          children: [/* @__PURE__ */ a(yh, {}), wt(t, {
             ...r,
             element: l
           })]
-        }) : yt(t, {
+        }) : wt(t, {
           ...r,
           element: l
         })
@@ -6037,23 +6057,23 @@ function Ih(e, t, n, o) {
   };
   return i.displayName = `DesignTime(${t.displayName ?? t.name ?? "Component"})`, i;
 }
-function Ph(e, t) {
-  const n = Object.fromEntries(Object.entries(e).map(([i, r]) => [i, Ih(i, r, t, e["PrimeReact:message"])])), o = {};
+function xh(e, t) {
+  const n = Object.fromEntries(Object.entries(e).map(([i, r]) => [i, Ph(i, r, t, e["PrimeReact:message"])])), o = {};
   return new Proxy(n, { get: (i, r) => {
     if (typeof r == "string")
-      return i[r] ?? (o[r] ??= xh(t));
+      return i[r] ?? (o[r] ??= Oh(t));
   } });
 }
-var xh = (e) => ({ element: t }) => yt("span", {
+var Oh = (e) => ({ element: t }) => wt("span", {
   "data-studio-element": t.id,
   style: { display: "contents" }
-}, yt(Xn, {
+}, wt(Xn, {
   elementId: t.id,
   tone: Kt.Failed,
   text: e.unavailable(t.name || t.componentName)
 })), Te = /* @__PURE__ */ (function(e) {
   return e.Container = "container", e.Between = "between", e;
-})({}), Oh = ({ feedback: e, deniedText: t }) => {
+})({}), Dh = ({ feedback: e, deniedText: t }) => {
   if (e.denied || !e.drop) return /* @__PURE__ */ a("div", {
     className: "studio-screen-surface__denied",
     "data-studio-drop-state": "denied",
@@ -6070,10 +6090,10 @@ var xh = (e) => ({ element: t }) => yt("span", {
     "data-empty": n.region.isEmptyContainer,
     style: n.rect
   })] });
-}, Dh = (e) => e.width > 0 && e.height > 0;
+}, Rh = (e) => e.width > 0 && e.height > 0;
 function Oa(e) {
   const t = e.getBoundingClientRect();
-  return Dh(t) ? [t] : Array.from(e.children).flatMap(Oa);
+  return Rh(t) ? [t] : Array.from(e.children).flatMap(Oa);
 }
 function Le(e, t, n) {
   const o = CSS.escape(t), i = [...Array.from(e.querySelectorAll(`[data-studio-element="${o}"]`)), ...Array.from(e.querySelectorAll(`[data-scene-id="${o}"]`))];
@@ -6093,7 +6113,7 @@ function Da(e, t) {
     height: s - i
   };
 }
-var Ra = (e, t) => e === t || !!e && !!t && e.left === t.left && e.top === t.top && e.width === t.width && e.height === t.height, Rh = (e, t) => e.length === t.length && e.every((n, o) => n.region.id === t[o].region.id && Ra(n.rect, t[o].rect)), Ea = Ra, Eh = ({ surface: e, markers: t }) => {
+var Ra = (e, t) => e === t || !!e && !!t && e.left === t.left && e.top === t.top && e.width === t.width && e.height === t.height, Fh = (e, t) => e.length === t.length && e.every((n, o) => n.region.id === t[o].region.id && Ra(n.rect, t[o].rect)), Fa = Ra, Eh = ({ surface: e, markers: t }) => {
   const [n, o] = j([]);
   return Se(() => {
     const i = e.current;
@@ -6105,7 +6125,7 @@ var Ra = (e, t) => e === t || !!e && !!t && e.left === t.left && e.top === t.top
         rect: c
       }] : [];
     });
-    o((l) => Fh(l, s) ? l : s);
+    o((l) => Mh(l, s) ? l : s);
   }), /* @__PURE__ */ a(le, { children: n.map((i) => /* @__PURE__ */ a("div", {
     className: "studio-screen-surface__binding-source",
     "data-binding-source": i.componentId,
@@ -6116,13 +6136,13 @@ var Ra = (e, t) => e === t || !!e && !!t && e.left === t.left && e.top === t.top
     })
   }, `${i.componentId}:${i.label}`)) });
 };
-function Fh(e, t) {
+function Mh(e, t) {
   return e.length === t.length && e.every((n, o) => {
     const i = t[o];
-    return n.componentId === i.componentId && n.label === i.label && Ea(n.rect, i.rect);
+    return n.componentId === i.componentId && n.label === i.label && Fa(n.rect, i.rect);
   });
 }
-function Mh(e, t) {
+function Ah(e, t) {
   return e ? Object.entries(e.inputs).flatMap(([n, o]) => {
     const i = Ru(o);
     return i ? [{
@@ -6131,14 +6151,14 @@ function Mh(e, t) {
     }] : [];
   }) : [];
 }
-function Ah(e, t) {
+function _h(e, t) {
   const { selectedId: n, document: o, composition: i, context: r } = e;
   return U(() => {
     if (!n) return [];
     const s = ze(i.roots, n), l = na(s?.properties);
     if (!l) return [];
     const c = tr(o, i.roots, r, t.availableSources, t.queryCandidates);
-    return Mh(l, Vr(c.dataContextPaths, c.componentOutputs, n));
+    return Ah(l, Vr(c.dataContextPaths, c.componentOutputs, n));
   }, [
     n,
     o,
@@ -6148,7 +6168,7 @@ function Ah(e, t) {
     t.queryCandidates
   ]);
 }
-function _h(e, t, n, o, i) {
+function $h(e, t, n, o, i) {
   const r = Ne(e, n, t);
   if (r)
     return {
@@ -6159,17 +6179,17 @@ function _h(e, t, n, o, i) {
 }
 var Ge = /* @__PURE__ */ (function(e) {
   return e.Horizontal = "horizontal", e.Vertical = "vertical", e.None = "none", e;
-})({}), $t = ({ width: e, height: t }) => e * t, $h = (e, t, n) => t >= e.left && t <= e.left + e.width && n >= e.top && n <= e.top + e.height, Lh = (e, t, n, o) => {
+})({}), $t = ({ width: e, height: t }) => e * t, Lh = (e, t, n) => t >= e.left && t <= e.left + e.width && n >= e.top && n <= e.top + e.height, Bh = (e, t, n, o) => {
   const i = Math.min(o, e.width / 4), r = Math.min(o, e.height / 4);
   return t - e.left < i || e.left + e.width - t < i || n - e.top < r || e.top + e.height - n < r;
 }, ji = ({ region: e, rect: t }, n, o) => e.axis === Ge.Vertical ? Math.abs(n - (t.left + t.width / 2)) : Math.abs(o - (t.top + t.height / 2));
-function Bh(e, t, n, o = 6) {
+function jh(e, t, n, o = 6) {
   const i = e.filter((u) => u.region.kind === Te.Container);
   if (i.length === 0) return;
   const r = i.map((u, d) => ({
     placed: u,
     order: d
-  })).filter(({ placed: u }) => $h(u.rect, t, n)).sort((u, d) => $t(u.placed.rect) - $t(d.placed.rect) || d.order - u.order).map(({ placed: u }) => u), s = r[0], l = s && r.length > 1 && Lh(s.rect, t, n, o) ? r[1] : s ?? [...i].sort((u, d) => $t(d.rect) - $t(u.rect))[0], c = e.filter((u) => u.region.kind === Te.Between && u.region.containerId === l.region.containerId);
+  })).filter(({ placed: u }) => Lh(u.rect, t, n)).sort((u, d) => $t(u.placed.rect) - $t(d.placed.rect) || d.order - u.order).map(({ placed: u }) => u), s = r[0], l = s && r.length > 1 && Bh(s.rect, t, n, o) ? r[1] : s ?? [...i].sort((u, d) => $t(d.rect) - $t(u.rect))[0], c = e.filter((u) => u.region.kind === Te.Between && u.region.containerId === l.region.containerId);
   return l.region.isEmptyContainer || c.length === 0 ? {
     target: l,
     container: l.rect
@@ -6178,8 +6198,8 @@ function Bh(e, t, n, o = 6) {
     container: l.rect
   };
 }
-var jh = (e, t) => e?.top === t?.top && e?.left === t?.left && e?.width === t?.width && e?.height === t?.height, Uh = (e, t) => !!e && e.denied === t.denied && e.drop?.target.region.id === t.drop?.target.region.id && jh(e.drop?.target.rect, t.drop?.target.rect);
-function Wh(e, t, n) {
+var Uh = (e, t) => e?.top === t?.top && e?.left === t?.left && e?.width === t?.width && e?.height === t?.height, Wh = (e, t) => !!e && e.denied === t.denied && e.drop?.target.region.id === t.drop?.target.region.id && Uh(e.drop?.target.rect, t.drop?.target.rect);
+function zh(e, t, n) {
   const [o, i] = j(), r = V(void 0);
   r.current = o;
   const [s, l] = j(), c = V(0), u = V(void 0), d = z(() => {
@@ -6199,7 +6219,7 @@ function Wh(e, t, n) {
     const y = u.current, { region: T } = k.target;
     if (!y || !T.containerId) return;
     const M = T.kind === Te.Container ? g(T.containerId) : T.index;
-    return _h(n.composition.roots, n.adapter, y, T.containerId, M);
+    return $h(n.composition.roots, n.adapter, y, T.containerId, M);
   }, g = (k) => {
     const y = [...n.composition.roots];
     for (; y.length > 0; ) {
@@ -6209,7 +6229,7 @@ function Wh(e, t, n) {
     }
     return 0;
   }, m = (k) => {
-    const y = e.current.getBoundingClientRect(), T = Bh(t(), k.clientX - y.left, k.clientY - y.top), M = k.target.closest("[data-scene-id], [data-studio-element]"), I = M?.dataset.sceneId ?? M?.dataset.studioElement, N = !!I && n.ownershipOf(I) !== ie.Local;
+    const y = e.current.getBoundingClientRect(), T = jh(t(), k.clientX - y.left, k.clientY - y.top), M = k.target.closest("[data-scene-id], [data-studio-element]"), I = M?.dataset.sceneId ?? M?.dataset.studioElement, N = !!I && n.ownershipOf(I) !== ie.Local;
     if (!T || N) return { denied: !0 };
     if (Jn(k)) {
       const R = f(T), B = R ? n.validateMove(R) : oe.NodeNotFound;
@@ -6238,28 +6258,28 @@ function Wh(e, t, n) {
       onDragOver: (k) => {
         if (!At(k) || (k.preventDefault(), p.current)) return;
         const y = m(k);
-        k.dataTransfer.dropEffect = y.denied ? "none" : Jn(k) ? "move" : "copy", i((T) => Uh(T, y) ? T : y);
+        k.dataTransfer.dropEffect = y.denied ? "none" : Jn(k) ? "move" : "copy", i((T) => Wh(T, y) ? T : y);
       },
       onDragLeave: (k) => {
         At(k) && (c.current = Math.max(0, c.current - 1), c.current === 0 && i(void 0));
       },
       onDrop: (k) => {
         if (!At(k)) return;
-        const y = Am(k), T = _m(k), { drop: M, denied: I } = m(k), N = M && y ? f(M) : void 0, R = p.current;
+        const y = _m(k), T = $m(k), { drop: M, denied: I } = m(k), N = M && y ? f(M) : void 0, R = p.current;
         if (k.preventDefault(), d(), p.current = !1, R || I || !M) return;
         if (y) {
           N && n.move(N, v(k, M));
           return;
         }
         if (!T) return;
-        const { region: B } = M.target, S = B.containerId ?? void 0, F = B.kind === Te.Container ? void 0 : B.index, $ = v(k, M);
-        T.kind === "layout" ? n.insertLayout(T.item, S, F, $) : n.insertComponent(Ao(T.componentName, T.package), S, F, $);
+        const { region: B } = M.target, S = B.containerId ?? void 0, E = B.kind === Te.Container ? void 0 : B.index, $ = v(k, M);
+        T.kind === "layout" ? n.insertLayout(T.item, S, E, $) : n.insertComponent(Ao(T.componentName, T.package), S, E, $);
       }
     }
   };
 }
 var nt = 3;
-function zh(e, t, n) {
+function Hh(e, t, n) {
   const o = e.containerId === null ? t : n(e.containerId);
   if (!o) return;
   if (e.kind === Te.Container) return o;
@@ -6280,7 +6300,7 @@ function zh(e, t, n) {
     height: o.height
   };
 }
-function Hh(e, t, n) {
+function Gh(e, t, n) {
   const [o, i] = j([]), [r, s] = j(), l = V([]), c = z(() => {
     const d = e.current;
     if (!d) return [];
@@ -6291,7 +6311,7 @@ function Hh(e, t, n) {
       height: p.height
     };
     return t.flatMap((g) => {
-      const m = zh(g, f, h);
+      const m = Hh(g, f, h);
       return m ? [{
         region: g,
         rect: m
@@ -6301,9 +6321,9 @@ function Hh(e, t, n) {
     const d = e.current;
     if (!d) return;
     const p = c();
-    l.current = p, i((f) => Rh(f, p) ? f : p);
+    l.current = p, i((f) => Fh(f, p) ? f : p);
     const h = n ? Le(d, n, d.getBoundingClientRect()) : void 0;
-    s((f) => Ea(f, h) ? f : h);
+    s((f) => Fa(f, h) ? f : h);
   }, [
     e,
     c,
@@ -6340,7 +6360,7 @@ function Hh(e, t, n) {
 var We = /* @__PURE__ */ (function(e) {
   return e.NotShell = "notShell", e.Navigate = "navigate", e.Ignore = "ignore", e;
 })({});
-function Gh(e, t) {
+function qh(e, t) {
   if (!t) return We.NotShell;
   const n = e;
   return !n || typeof n.closest != "function" || n.closest('[data-scene-id="composition"], [data-studio-element="composition"]') ? We.NotShell : n.closest("[data-scene-nav-item], [data-target-screen]") ? We.Navigate : We.Ignore;
@@ -6352,8 +6372,8 @@ var Ui = [
   "mouseup",
   "click",
   "dblclick"
-], qh = "[data-scene-id], [data-studio-element], [data-studio-placeholder-for]";
-function Kh(e, t, n = 0) {
+], Kh = "[data-scene-id], [data-studio-element], [data-studio-placeholder-for]";
+function Vh(e, t, n = 0) {
   const o = tn(t);
   return {
     select: e === "pointerdown" && n === 0 || e === "click",
@@ -6361,16 +6381,16 @@ function Kh(e, t, n = 0) {
     cancelDefault: !o && e === "click"
   };
 }
-function Vh(e) {
-  const t = e, n = t && typeof t.closest == "function" ? t.closest(qh) : null;
+function Jh(e) {
+  const t = e, n = t && typeof t.closest == "function" ? t.closest(Kh) : null;
   return n?.dataset.sceneId ?? n?.dataset.studioElement ?? n?.dataset.studioPlaceholderFor;
 }
-var Jh = "[data-scene-item], [data-scene-nav-item]";
-function Qh(e) {
-  const t = e, n = t && typeof t.closest == "function" ? t.closest(Jh) : null;
+var Qh = "[data-scene-item], [data-scene-nav-item]";
+function Yh(e) {
+  const t = e, n = t && typeof t.closest == "function" ? t.closest(Qh) : null;
   return n?.dataset.sceneItem ?? n?.dataset.sceneNavItem;
 }
-function Yh(e, t, n = !1) {
+function Xh(e, t, n = !1) {
   const o = V(t);
   o.current = t;
   const i = V(n);
@@ -6380,14 +6400,14 @@ function Yh(e, t, n = !1) {
     const s = (l) => {
       const c = l.target;
       if (c?.closest?.(".studio-screen-surface__chrome")) return;
-      const u = Gh(c, i.current);
+      const u = qh(c, i.current);
       if (u === We.Navigate) return;
       if (u === We.Ignore) {
         l.type === "click" && l.preventDefault(), l.stopPropagation();
         return;
       }
-      const d = Kh(l.type, c, l.button);
-      d.select && (tn(c) || r.focus({ preventScroll: !0 }), o.current(Vh(c), Qh(c))), d.cancelDefault && l.preventDefault(), d.swallow && l.stopPropagation();
+      const d = Vh(l.type, c, l.button);
+      d.select && (tn(c) || r.focus({ preventScroll: !0 }), o.current(Jh(c), Yh(c))), d.cancelDefault && l.preventDefault(), d.swallow && l.stopPropagation();
     };
     for (const l of Ui) r.addEventListener(l, s, !0);
     return () => {
@@ -6395,7 +6415,7 @@ function Yh(e, t, n = !1) {
     };
   }, [e]);
 }
-var Wi = 'button:not(:disabled), [href], input:not(:disabled), select:not(:disabled), textarea:not(:disabled), [tabindex]:not([tabindex="-1"])', zi = 440, Xh = ({ registry: e, property: t, context: n, componentId: o, anchor: i, opener: r, bounds: s, title: l, strings: c, onChange: u, onClose: d }) => {
+var Wi = 'button:not(:disabled), [href], input:not(:disabled), select:not(:disabled), textarea:not(:disabled), [tabindex]:not([tabindex="-1"])', zi = 440, Zh = ({ registry: e, property: t, context: n, componentId: o, anchor: i, opener: r, bounds: s, title: l, strings: c, onChange: u, onClose: d }) => {
   const p = V(null);
   ce(() => ((p.current?.querySelector(Wi) ?? p.current)?.focus({ preventScroll: !0 }), () => {
     r.isConnected && r.focus({ preventScroll: !0 });
@@ -6444,7 +6464,7 @@ var Wi = 'button:not(:disabled), [href], input:not(:disabled), select:not(:disab
     })
   });
 };
-function Zh({ anchor: e, bounds: t, size: n, prefer: o, gap: i = 6 }) {
+function ef({ anchor: e, bounds: t, size: n, prefer: o, gap: i = 6 }) {
   const r = e.top - i - n.height, s = e.top + e.height + i, l = r >= t.top, c = s + n.height <= t.top + t.height, u = o === "above" ? l || !c ? "above" : "below" : c || !l ? "below" : "above", d = u === "above" ? r : s, p = Math.max(t.top, Math.min(d, t.top + t.height - n.height));
   return {
     left: Math.max(t.left, Math.min(e.left, t.left + t.width - n.width)),
@@ -6457,27 +6477,27 @@ var Hi = [
   _.slot,
   _.slice,
   _.emphasis
-], ef = [
+], tf = [
   _.moveEarlier,
   _.moveLater,
   _.addSubItem,
   _.duplicate,
   _.delete
-], tf = {
+], nf = {
   [_.target]: /* @__PURE__ */ a(fc, { "aria-hidden": "true" }),
   [_.slot]: /* @__PURE__ */ a(gc, { "aria-hidden": "true" }),
   [_.slice]: /* @__PURE__ */ a(yc, { "aria-hidden": "true" })
-}, nf = {
+}, of = {
   [_.moveEarlier]: /* @__PURE__ */ a(uc, { "aria-hidden": "true" }),
   [_.moveLater]: /* @__PURE__ */ a(pc, { "aria-hidden": "true" }),
   [_.addSubItem]: /* @__PURE__ */ a(hc, { "aria-hidden": "true" }),
   [_.duplicate]: /* @__PURE__ */ a(mc, { "aria-hidden": "true" }),
   [_.delete]: /* @__PURE__ */ a(bc, { "aria-hidden": "true" })
-}, of = ({ subject: e, item: t, anchor: n, bounds: o, strings: i, renameToken: r, chipLabel: s, onRename: l, onAction: c, onChoice: u, readOnlyActions: d, onReadOnlyAction: p, onLeave: h }) => {
+}, rf = ({ subject: e, item: t, anchor: n, bounds: o, strings: i, renameToken: r, chipLabel: s, onRename: l, onAction: c, onChoice: u, readOnlyActions: d, onReadOnlyAction: p, onLeave: h }) => {
   const f = V(null), g = V(null), [m, v] = j({
     width: 380,
     height: 100
-  }), [w, P] = j(t.label), [x, C] = j(0), k = e.mode.itemToolbar, y = k.some((D) => D.compact === !0), T = k.some((D) => Hi.includes(D.id)), M = k.find((D) => D.id === _.rename), I = M && Et(M, t);
+  }), [w, P] = j(t.label), [x, C] = j(0), k = e.mode.itemToolbar, y = k.some((D) => D.compact === !0), T = k.some((D) => Hi.includes(D.id)), M = k.find((D) => D.id === _.rename), I = M && Ft(M, t);
   ce(() => {
     P(t.label);
   }, [t.id, t.label]), ce(() => {
@@ -6489,7 +6509,7 @@ var Hi = [
       height: D.height
     });
   });
-  const N = e.source.kind === "elements" ? "above" : "below", R = Zh({
+  const N = e.source.kind === "elements" ? "above" : "below", R = ef({
     anchor: n,
     bounds: o,
     size: m,
@@ -6497,7 +6517,7 @@ var Hi = [
   }), B = V(!1), S = () => {
     const D = w.trim();
     D !== "" && D !== t.label ? l(D) : P(t.label);
-  }, F = (D) => {
+  }, E = (D) => {
     D.key === "Enter" && (D.preventDefault(), S(), B.current = !0, h()), D.key === "Escape" && (D.preventDefault(), D.stopPropagation(), P(t.label), B.current = !0, h());
   }, $ = () => {
     if (B.current) {
@@ -6535,7 +6555,7 @@ var Hi = [
       "data-read-only": "true",
       children: [/* @__PURE__ */ b("span", {
         className: "studio-design-toolbar__reason",
-        children: [/* @__PURE__ */ a(Fr, { "aria-hidden": "true" }), /* @__PURE__ */ a("span", { children: D })]
+        children: [/* @__PURE__ */ a(Er, { "aria-hidden": "true" }), /* @__PURE__ */ a("span", { children: D })]
       }), d.map((ee, he) => /* @__PURE__ */ a("button", {
         type: "button",
         className: "studio-design-toolbar__text-action",
@@ -6554,7 +6574,7 @@ var Hi = [
       "data-roving": D,
       tabIndex: x === D ? 0 : -1
     };
-  }, ue = k.filter((D) => Hi.includes(D.id) && Et(D, t).visible), Ie = ef.flatMap((D) => k.filter((ee) => ee.id === D)).filter((D) => Et(D, t).visible);
+  }, ue = k.filter((D) => Hi.includes(D.id) && Ft(D, t).visible), Ie = tf.flatMap((D) => k.filter((ee) => ee.id === D)).filter((D) => Ft(D, t).visible);
   return /* @__PURE__ */ b("div", {
     ...ne,
     children: [
@@ -6567,7 +6587,7 @@ var Hi = [
         "data-action": "rename",
         onChange: (D) => P(D.target.value),
         onBlur: $,
-        onKeyDown: F,
+        onKeyDown: E,
         onFocus: (D) => D.currentTarget.select()
       }),
       I?.visible && T && /* @__PURE__ */ a("span", {
@@ -6585,7 +6605,7 @@ var Hi = [
           "aria-haspopup": "dialog",
           ...me(),
           onClick: (ee) => u(D.id, ee.currentTarget),
-          children: [tf[D.id], /* @__PURE__ */ a("span", { children: s(D.id, t) })]
+          children: [nf[D.id], /* @__PURE__ */ a("span", { children: s(D.id, t) })]
         }, D.id))
       }),
       ue.length > 0 && Ie.length > 0 && /* @__PURE__ */ a("span", {
@@ -6595,7 +6615,7 @@ var Hi = [
       Ie.length > 0 && /* @__PURE__ */ a("div", {
         className: "studio-design-toolbar__actions",
         children: Ie.map((D) => {
-          const ee = Et(D, t);
+          const ee = Ft(D, t);
           return /* @__PURE__ */ a("button", {
             type: "button",
             className: "studio-design-toolbar__button",
@@ -6605,20 +6625,20 @@ var Hi = [
             disabled: !ee.enabled,
             ...me(),
             onClick: () => c(D.id),
-            children: nf[D.id]
+            children: of[D.id]
           }, D.id);
         })
       })
     ]
   });
-}, rf = (e) => {
+}, af = (e) => {
   const t = CSS.escape(e);
   return [
     `[data-scene-nav-item="${t}"] > [data-scene-nav-link]`,
     `[data-scene-nav-item="${t}"]`,
     `[data-scene-item="${t}"]`
   ];
-}, Pn = (e, t) => e === t || !!e && !!t && e.left === t.left && e.top === t.top && e.width === t.width && e.height === t.height, af = (e, t) => Pn(e.surface, t.surface) && Pn(e.component, t.component) && Object.keys(t.items).length === Object.keys(e.items).length && Object.entries(t.items).every(([n, o]) => Pn(e.items[n], o));
+}, Pn = (e, t) => e === t || !!e && !!t && e.left === t.left && e.top === t.top && e.width === t.width && e.height === t.height, sf = (e, t) => Pn(e.surface, t.surface) && Pn(e.component, t.component) && Object.keys(t.items).length === Object.keys(e.items).length && Object.entries(t.items).every(([n, o]) => Pn(e.items[n], o));
 function eo(e, t, n) {
   const [o, i] = j(), r = z(() => {
     const s = e.current, l = s ? t(s, s.getBoundingClientRect()) : void 0;
@@ -6658,12 +6678,12 @@ function eo(e, t, n) {
     };
   }, [e, r]), o;
 }
-function sf(e, t) {
+function lf(e, t) {
   return eo(e, z((n, o) => {
     if (!t) return;
     const i = Le(n, t.componentId, o), r = n.querySelector(`[data-studio-element="${CSS.escape(t.componentId)}"]`) ?? n.querySelector(`[data-scene-id="${CSS.escape(t.componentId)}"]`), s = {};
     for (const l of t.source.items) {
-      const c = Le(n, l.id, o) ?? (r ? rf(l.id).map((u) => r.querySelector(u)).flatMap((u) => u ? [Da(u, o)] : []).find((u) => u !== void 0) : void 0);
+      const c = Le(n, l.id, o) ?? (r ? af(l.id).map((u) => r.querySelector(u)).flatMap((u) => u ? [Da(u, o)] : []).find((u) => u !== void 0) : void 0);
       c && (s[l.id] = c);
     }
     return {
@@ -6676,17 +6696,17 @@ function sf(e, t) {
       component: i,
       items: s
     };
-  }, [t]), af);
+  }, [t]), sf);
 }
-var xn = 34, lf = ({ surface: e, state: t, controller: n, environment: o, editorStrings: i, strings: r }) => {
-  const { subject: s } = t, l = sf(e, s), [c, u] = j(), d = o.propertyEditors?.registry ?? nn, p = U(() => So(o.availableSources), [o.availableSources]), h = z((F) => {
-    if (typeof F != "string" || F === "") return;
-    const $ = o.propertyEditors?.slices?.find((q) => q.id === F) ?? o.stateChangeSlices.find((q) => q.id === F), A = F.split(".");
+var xn = 34, cf = ({ surface: e, state: t, controller: n, environment: o, editorStrings: i, strings: r }) => {
+  const { subject: s } = t, l = lf(e, s), [c, u] = j(), d = o.propertyEditors?.registry ?? nn, p = U(() => So(o.availableSources), [o.availableSources]), h = z((E) => {
+    if (typeof E != "string" || E === "") return;
+    const $ = o.propertyEditors?.slices?.find((q) => q.id === E) ?? o.stateChangeSlices.find((q) => q.id === E), A = E.split(".");
     return $?.name ?? A[A.length - 1];
-  }, [o]), f = z((F, $) => {
-    const A = $.chips?.[F];
+  }, [o]), f = z((E, $) => {
+    const A = $.chips?.[E];
     if (A !== void 0 && A !== "") return A;
-    switch (F) {
+    switch (E) {
       case _.slice:
         return h($.values.slice) ?? r.chooseSlice;
       case _.emphasis:
@@ -6699,8 +6719,8 @@ var xn = 34, lf = ({ surface: e, state: t, controller: n, environment: o, editor
   }, [h, r]), g = s?.selected?.parentId !== void 0 && l !== void 0 && l.items[s.selected.id] === void 0, m = s?.selected?.parentId;
   if (ce(() => {
     if (!g || !m) return;
-    const F = e.current?.querySelector(`[data-scene-nav-item="${CSS.escape(m)}"] > [data-scene-nav-link]`);
-    F && (F.focus({ preventScroll: !0 }), F.dispatchEvent(new KeyboardEvent("keydown", {
+    const E = e.current?.querySelector(`[data-scene-nav-item="${CSS.escape(m)}"] > [data-scene-nav-link]`);
+    E && (E.focus({ preventScroll: !0 }), E.dispatchEvent(new KeyboardEvent("keydown", {
       key: "ArrowRight",
       bubbles: !0,
       cancelable: !0
@@ -6710,7 +6730,7 @@ var xn = 34, lf = ({ surface: e, state: t, controller: n, environment: o, editor
     m,
     e
   ]), !s || !l) return null;
-  const { selected: v, source: w } = s, P = s.mode.addActions[0], x = w.items.flatMap((F) => l.items[F.id] ? [l.items[F.id]] : []), C = x[x.length - 1], k = s.mode.itemToolbar.some((F) => F.compact === !0), y = C ?? l.component, T = y && P ? k || !C ? {
+  const { selected: v, source: w } = s, P = s.mode.addActions[0], x = w.items.flatMap((E) => l.items[E.id] ? [l.items[E.id]] : []), C = x[x.length - 1], k = s.mode.itemToolbar.some((E) => E.compact === !0), y = C ?? l.component, T = y && P ? k || !C ? {
     left: (C ?? y).left,
     top: (C ? C.top + C.height : y.top) + 8
   } : {
@@ -6725,7 +6745,7 @@ var xn = 34, lf = ({ surface: e, state: t, controller: n, environment: o, editor
     inCanvas: !1,
     bindingScope: p,
     slotNames: da(r.navigation)
-  }), B = (F, $) => {
+  }), B = (E, $) => {
     if (!I) return;
     const A = I.plan($);
     ia(A) || u(void 0), t.perform(A);
@@ -6746,7 +6766,7 @@ var xn = 34, lf = ({ surface: e, state: t, controller: n, environment: o, editor
       onClick: () => t.add(P.id),
       children: /* @__PURE__ */ a(vc, { "aria-hidden": "true" })
     }),
-    v && S && /* @__PURE__ */ a(of, {
+    v && S && /* @__PURE__ */ a(rf, {
       subject: s,
       item: v,
       anchor: S,
@@ -6754,26 +6774,26 @@ var xn = 34, lf = ({ surface: e, state: t, controller: n, environment: o, editor
       strings: r,
       renameToken: t.renameToken,
       chipLabel: f,
-      onRename: (F) => t.rename(v, F),
-      onAction: (F) => t.act(F, v),
-      onChoice: (F, $) => u((A) => A && A.actionId === F && A.itemId === v.id ? void 0 : {
-        actionId: F,
+      onRename: (E) => t.rename(v, E),
+      onAction: (E) => t.act(E, v),
+      onChoice: (E, $) => u((A) => A && A.actionId === E && A.itemId === v.id ? void 0 : {
+        actionId: E,
         itemId: v.id,
         opener: $
       }),
       readOnlyActions: w.readOnlyActions(v),
-      onReadOnlyAction: (F) => t.perform(F.plan()),
+      onReadOnlyAction: (E) => t.perform(E.plan()),
       onLeave: () => e.current?.focus({ preventScroll: !0 })
     }, v.id),
-    I && c && S && /* @__PURE__ */ a(Xh, {
+    I && c && S && /* @__PURE__ */ a(Zh, {
       registry: d,
       property: I.property,
       context: R(),
       componentId: v.id,
-      anchor: cf(e, c.opener),
+      anchor: df(e, c.opener),
       opener: c.opener,
       bounds: l.surface,
-      title: s.mode.itemToolbar.find((F) => F.id === c.actionId)?.title ?? c.actionId,
+      title: s.mode.itemToolbar.find((E) => E.id === c.actionId)?.title ?? c.actionId,
       strings: r,
       onChange: B,
       onClose: N
@@ -6801,7 +6821,7 @@ var xn = 34, lf = ({ surface: e, state: t, controller: n, environment: o, editor
     })
   ] });
 };
-function cf(e, t) {
+function df(e, t) {
   const n = e.current?.getBoundingClientRect(), o = t.getBoundingClientRect();
   return {
     left: o.left - (n?.left ?? 0),
@@ -6811,24 +6831,24 @@ function cf(e, t) {
   };
 }
 var Gi = 6;
-function Fa(e, t) {
+function Ea(e, t) {
   return e.flatMap((n) => {
     const o = qe(n) ? n.componentName : void 0, i = o ? lo(t, o) : void 0, r = i?.designMode, s = o ? an(o) : void 0;
     return [...r && r.addActions.length > 0 && (s !== void 0 || r.itemsPath !== void 0 || rn[r.addActions[0].id] !== void 0) ? [{
       id: n.id,
       name: i?.displayName ?? i?.component ?? "",
       ...s ? { region: s } : {}
-    }] : [], ...Fa(Xt(n), t)];
+    }] : [], ...Ea(Xt(n), t)];
   });
 }
-var df = (e, t) => e.left === t.left && e.top === t.top && e.width === t.width && e.height === t.height, qi = "content", uf = (e, t) => e.length === t.length && e.every((n, o) => n.id === t[o].id && n.rect.left === t[o].rect.left && n.rect.top === t[o].rect.top && n.rect.width === t[o].rect.width && n.rect.height === t[o].rect.height), pf = ({ surface: e, controller: t, strings: n }) => {
-  const o = eo(e, z((f, g) => Le(f, "composition", g), []), df), { composition: i, context: r, selectedId: s, navigation: l, navigationModule: c, structure: u } = t, d = U(() => Fa(i.roots, r.catalog), [i.roots, r.catalog]), p = z((f, g) => d.flatMap((m) => {
+var uf = (e, t) => e.left === t.left && e.top === t.top && e.width === t.width && e.height === t.height, qi = "content", pf = (e, t) => e.length === t.length && e.every((n, o) => n.id === t[o].id && n.rect.left === t[o].rect.left && n.rect.top === t[o].rect.top && n.rect.width === t[o].rect.width && n.rect.height === t[o].rect.height), mf = ({ surface: e, controller: t, strings: n }) => {
+  const o = eo(e, z((f, g) => Le(f, "composition", g), []), uf), { composition: i, context: r, selectedId: s, navigation: l, navigationModule: c, structure: u } = t, d = U(() => Ea(i.roots, r.catalog), [i.roots, r.catalog]), p = z((f, g) => d.flatMap((m) => {
     const v = Le(f, m.id, g);
     return v ? [{
       ...m,
       rect: v
     }] : [];
-  }), [d]), h = eo(e, p, uf);
+  }), [d]), h = eo(e, p, pf);
   return /* @__PURE__ */ b(le, { children: [o && /* @__PURE__ */ a("div", {
     className: "studio-design-slot",
     "data-slot": qi,
@@ -6882,9 +6902,9 @@ var df = (e, t) => e.left === t.left && e.top === t.top && e.width === t.width &
       })
     }, f);
   })] });
-}, mf = sl(), Lt = () => {
+}, hf = sl(), Lt = () => {
   throw new Error("The screen is being designed; it does not navigate.");
-}, hf = ({ structure: e, navigation: t, module: n, logoLockedReason: o, onNavigate: i, peeking: r, children: s }) => {
+}, ff = ({ structure: e, navigation: t, module: n, logoLockedReason: o, onNavigate: i, peeking: r, children: s }) => {
   const l = U(() => new Zt(e), [e]), c = U(() => ({
     structure: l,
     navigation: t
@@ -6918,7 +6938,7 @@ var df = (e, t) => e.left === t.left && e.top === t.top && e.width === t.width &
     children: /* @__PURE__ */ a(il, {
       model: c,
       children: /* @__PURE__ */ a(al, {
-        invoker: mf,
+        invoker: hf,
         warnEmptySlices: !0,
         children: s
       })
@@ -6928,11 +6948,11 @@ var df = (e, t) => e.left === t.left && e.top === t.top && e.width === t.width &
     value: p,
     children: g
   }) : g;
-}, ff = 'button, a[href], [role="button"], [role="radio"], [role="option"], [role="menuitem"]', gf = (e) => {
+}, gf = 'button, a[href], [role="button"], [role="radio"], [role="option"], [role="menuitem"]', vf = (e) => {
   const t = e;
-  return !!t && typeof t.closest == "function" && t.closest(ff) !== null;
+  return !!t && typeof t.closest == "function" && t.closest(gf) !== null;
 };
-function vf(e, t, n) {
+function bf(e, t, n) {
   const { subject: o } = t;
   if (!o) return !1;
   const i = tn(e.target), r = () => (e.preventDefault(), e.stopPropagation(), !0);
@@ -6940,7 +6960,7 @@ function vf(e, t, n) {
     return t.deselect(), r();
   const s = o.selected;
   if (!s || i || s.readOnly) return !1;
-  if (e.key === "Enter" && !e.altKey && !e.ctrlKey && !e.metaKey) return !gf(e.target) && n() ? r() : !1;
+  if (e.key === "Enter" && !e.altKey && !e.ctrlKey && !e.metaKey) return !vf(e.target) && n() ? r() : !1;
   if (e.altKey && !e.ctrlKey && !e.metaKey) {
     const l = e.key === "ArrowUp" || e.key === "ArrowLeft", c = e.key === "ArrowDown" || e.key === "ArrowRight";
     if (l || c)
@@ -6962,20 +6982,20 @@ function Ma(e, t, n) {
     ...l ? { slots: l } : {}
   } : e;
 }
-var bf = () => {
-}, yf = {
+var yf = () => {
+}, wf = {
   button: "Button",
   item: "New item"
-}, wf = ({ controller: e, environment: t, resolveBinding: n = bf, configuration: o, strings: i, editorStrings: r, viewportHeight: s, shell: l }) => {
-  const c = V(null), { composition: u, dropRegions: d, selectedId: p } = e, { selectionRect: h, measureNow: f } = Hh(c, d, p), { feedback: g, draggedId: m, startMoving: v, endMoving: w, handlers: P } = Wh(c, f, e), [x, C] = j(), k = Ah(e, t), { document: y, context: T } = e, M = U(() => o ?? (y.instanceContributions.length > 0 ? mr(mo(y, T.scope), y.instanceContributions, T.catalog) : void 0), [
+}, kf = ({ controller: e, environment: t, resolveBinding: n = yf, configuration: o, strings: i, editorStrings: r, viewportHeight: s, shell: l }) => {
+  const c = V(null), { composition: u, dropRegions: d, selectedId: p } = e, { selectionRect: h, measureNow: f } = Gh(c, d, p), { feedback: g, draggedId: m, startMoving: v, endMoving: w, handlers: P } = zh(c, f, e), [x, C] = j(), k = _h(e, t), { document: y, context: T } = e, M = U(() => o ?? (y.instanceContributions.length > 0 ? mr(mo(y, T.scope), y.instanceContributions, T.catalog) : void 0), [
     o,
     y,
     T
-  ]), I = r?.designMode ?? Oo, N = t.destinations[0], R = U(() => N ? { screen: N.id } : void 0, [N]), B = um({
+  ]), I = r?.designMode ?? Oo, N = t.destinations[0], R = U(() => N ? { screen: N.id } : void 0, [N]), B = pm({
     controller: e,
     environment: t,
     strings: I,
-    startingLabels: yf,
+    startingLabels: wf,
     ...R ? { startingDestination: R } : {}
   });
   Se(() => {
@@ -6989,26 +7009,26 @@ var bf = () => {
       J.preventDefault(), l.back();
       return;
     }
-    vf(J, B, () => {
+    bf(J, B, () => {
       const ae = c.current?.querySelector(".studio-design-toolbar__title");
       return ae?.focus({ preventScroll: !0 }), !!ae;
     }) || !ko(J) || !e.selectedId || !e.canRemove(e.selectedId) || (J.preventDefault(), e.remove(e.selectedId));
-  }, F = !!e.selectedId && e.ownershipOf(e.selectedId) === ie.Local && e.canRemove(e.selectedId), $ = e.selection && (e.selection.name || e.selection.componentName) || "";
-  Yh(c, (J, ae) => {
+  }, E = !!e.selectedId && e.ownershipOf(e.selectedId) === ie.Local && e.canRemove(e.selectedId), $ = e.selection && (e.selection.name || e.selection.componentName) || "";
+  Xh(c, (J, ae) => {
     e.select(J), B.pointItem(J, ae);
   }, l?.frame !== void 0);
   const { setMeasurer: A } = e;
   ce(() => (A((J) => {
     const ae = c.current;
     if (!ae) return;
-    const E = ae.getBoundingClientRect(), W = ae.querySelector(`[data-studio-element="${CSS.escape(J)}"]`)?.closest("[data-scene-placement]")?.getBoundingClientRect();
+    const F = ae.getBoundingClientRect(), W = ae.querySelector(`[data-studio-element="${CSS.escape(J)}"]`)?.closest("[data-scene-placement]")?.getBoundingClientRect();
     if (W && W.width > 0 && W.height > 0) return {
-      left: W.left - E.left,
-      top: W.top - E.top,
+      left: W.left - F.left,
+      top: W.top - F.top,
       width: W.width,
       height: W.height
     };
-    const L = Le(ae, J, E);
+    const L = Le(ae, J, F);
     return L && {
       left: L.left,
       top: L.top,
@@ -7022,17 +7042,17 @@ var bf = () => {
     t.runtime.packages
   ]), ne = l?.peeking, ye = r?.shellPeeking(l?.peekingName ?? "") ?? "", me = U(() => {
     const J = l?.frame;
-    return J ? Ma(J.element, $o, ne ? sh(ne, ye) : q) : q;
+    return J ? Ma(J.element, $o, ne ? lh(ne, ye) : q) : q;
   }, [
     l?.frame,
     q,
     ne,
     ye
-  ]), ue = U(() => Ph(t.runtime.registry, i), [t.runtime.registry, i]), Ie = U(() => jo(t.runtime), [t.runtime]), D = U(() => /* @__PURE__ */ a(yr, {
+  ]), ue = U(() => xh(t.runtime.registry, i), [t.runtime.registry, i]), Ie = U(() => jo(t.runtime), [t.runtime]), D = U(() => /* @__PURE__ */ a(yr, {
     registry: t.runtime.iconAdapters,
     children: /* @__PURE__ */ a(fr, {
       storage: null,
-      children: /* @__PURE__ */ a(hf, {
+      children: /* @__PURE__ */ a(ff, {
         structure: e.structure,
         navigation: e.navigation,
         module: e.navigationModule,
@@ -7083,7 +7103,7 @@ var bf = () => {
             "data-moving": m === e.selectedId ? "true" : void 0,
             style: h
           }),
-          h && F && /* @__PURE__ */ a("div", {
+          h && E && /* @__PURE__ */ a("div", {
             className: "studio-screen-surface__grip",
             style: {
               left: h.left,
@@ -7093,12 +7113,12 @@ var bf = () => {
             "aria-hidden": "true",
             title: i.moveHandle($),
             onDragStart: (J) => {
-              v(e.selectedId), Mm(J, e.selectedId, $);
+              v(e.selectedId), Am(J, e.selectedId, $);
             },
             onDragEnd: w,
             children: /* @__PURE__ */ a(Al, { "aria-hidden": "true" })
           }),
-          g && /* @__PURE__ */ a(Oh, {
+          g && /* @__PURE__ */ a(Dh, {
             feedback: g,
             deniedText: i.dropDenied
           }),
@@ -7106,12 +7126,12 @@ var bf = () => {
             surface: c,
             markers: k
           }),
-          /* @__PURE__ */ a(pf, {
+          /* @__PURE__ */ a(mf, {
             surface: c,
             controller: e,
             strings: I
           }),
-          r && /* @__PURE__ */ a(lf, {
+          r && /* @__PURE__ */ a(cf, {
             surface: c,
             state: B,
             controller: e,
@@ -7130,14 +7150,14 @@ var bf = () => {
     })
   });
 }, Ki = 40, Aa = ({ controller: e, environment: t, strings: n, window: o, authoringTemplate: i, deviceFrame: r = !1, saveFailure: s, onSave: l, isSaving: c = !1, onPreview: u }) => {
-  const d = fh(e.document, t.runtime, i), p = !!e.selectedId && e.canRemove(e.selectedId), h = /* @__PURE__ */ b(le, { children: [
+  const d = gh(e.document, t.runtime, i), p = !!e.selectedId && e.canRemove(e.selectedId), h = /* @__PURE__ */ b(le, { children: [
     /* @__PURE__ */ a("span", {
       className: "studio-screen-editor-window__state",
       role: "status",
       "data-dirty": e.isDirty ? "" : void 0,
       children: e.isDirty ? n.unsavedChanges : n.allChangesSaved
     }),
-    /* @__PURE__ */ a(nh, {
+    /* @__PURE__ */ a(oh, {
       windowSize: o.size,
       available: o.available,
       strings: n,
@@ -7207,7 +7227,7 @@ var bf = () => {
     role: "group",
     "aria-label": n.windowLabel,
     children: [
-      /* @__PURE__ */ a(Zm, { controls: h }),
+      /* @__PURE__ */ a(eh, { controls: h }),
       s && /* @__PURE__ */ b("p", {
         className: "studio-screen-editor-window__notice",
         role: "alert",
@@ -7234,7 +7254,7 @@ var bf = () => {
               onClick: d.back,
               children: n.shellPeekBack
             })]
-          }), /* @__PURE__ */ a(wf, {
+          }), /* @__PURE__ */ a(kf, {
             controller: e,
             environment: t,
             resolveBinding: () => {
@@ -7249,7 +7269,7 @@ var bf = () => {
     ]
   });
 };
-function kf(e, t, n) {
+function Sf(e, t, n) {
   const o = e.screens.find((l) => l.name === be);
   if (!o || o.screenTemplate === t?.name) return e;
   const i = o.screenTemplate, r = e.screens.map((l) => {
@@ -7260,14 +7280,14 @@ function kf(e, t, n) {
       screenTemplate: t.name
     } : u;
   });
-  let s = e.screenTemplates.filter((l) => !Sf(l, i, r, n));
+  let s = e.screenTemplates.filter((l) => !Cf(l, i, r, n));
   return t && !s.some((l) => l.name === t.name) && (s = [...s, globalThis.structuredClone(t)]), {
     ...e,
     screens: r,
     screenTemplates: s
   };
 }
-function Sf(e, t, n, o) {
+function Cf(e, t, n, o) {
   if (e.name !== t || n.some((r) => r.screenTemplate === t)) return !1;
   const i = o.find((r) => r.name === t);
   return i !== void 0 && JSON.stringify(i) === JSON.stringify(e);
@@ -7303,14 +7323,14 @@ function La(e) {
     top: o
   } : void 0;
 }
-function Cf(e) {
+function Nf(e) {
   const { [Je]: t, [Qe]: n, ...o } = e.properties ?? {};
   return {
     ...e,
     properties: o
   };
 }
-function Nf(e) {
+function Tf(e) {
   if (e.targetParentId !== null)
     return {
       kind: Y.MoveNode,
@@ -7327,7 +7347,7 @@ function Ba(e, t, n) {
     element: n
   };
 }
-function Tf(e) {
+function If(e) {
   return {
     kind: Y.RemoveNode,
     nodeId: re(e)
@@ -7341,18 +7361,18 @@ var ja = (e, t) => (e?.children ?? []).map((n) => {
     bottom: o?.bottom
   };
 });
-function If(e, t, n, o) {
+function Pf(e, t, n, o) {
   const i = ze(e, t.nodeId);
   if (!i || t.targetParentId === null) return;
   const r = oo(e, t.nodeId), s = ze(e, t.targetParentId), l = !!r && ut(r), c = !!s && ut(s);
   if (!l && !c) return;
-  const u = l && c && r.id === t.targetParentId, d = u ? r.children.findIndex((h) => h.id === t.nodeId) : t.index, p = c ? $a(i, n ?? (u ? La(i) : void 0) ?? _a(ja(s, o))) : Cf(i);
+  const u = l && c && r.id === t.targetParentId, d = u ? r.children.findIndex((h) => h.id === t.nodeId) : t.index, p = c ? $a(i, n ?? (u ? La(i) : void 0) ?? _a(ja(s, o))) : Nf(i);
   return [{
     kind: Y.RemoveNode,
     nodeId: re(t.nodeId)
   }, Ba(t.targetParentId, d, p)];
 }
-function Pf(e) {
+function xf(e) {
   switch (e) {
     case Q.Row:
     case Q.Wrap:
@@ -7367,7 +7387,7 @@ function Pf(e) {
   }
 }
 function Vi(e, t, n, o) {
-  const i = e ?? "screen", r = Pf(n), s = {
+  const i = e ?? "screen", r = xf(n), s = {
     id: `${i}:container`,
     kind: Te.Container,
     containerId: e,
@@ -7386,15 +7406,15 @@ function Vi(e, t, n, o) {
     ...c < t.length ? { beforeId: o.idOf(t[c]) } : {}
   }))];
 }
-function xf(e, t, n) {
+function Of(e, t, n) {
   const o = (i) => i.flatMap((r) => {
     if (!n.acceptsChildren(r)) return [];
     const s = n.childrenOf(r);
-    return [...wt(n.ownershipOf(r), $e.Insert) ? Vi(n.idOf(r), s, n.arrangementOf(r), n) : [], ...o(s)];
+    return [...kt(n.ownershipOf(r), $e.Insert) ? Vi(n.idOf(r), s, n.arrangementOf(r), n) : [], ...o(s)];
   });
   return [...Vi(null, e, t, n), ...o(e)];
 }
-var Of = class {
+var Df = class {
   latest;
   publish;
   constructor(e, t) {
@@ -7407,7 +7427,7 @@ var Of = class {
     return this.latest = e(this.latest), this.publish(this.latest), this.latest;
   }
 };
-function Df(e) {
+function Rf(e) {
   return {
     document: e,
     undoable: [],
@@ -7417,7 +7437,7 @@ function Df(e) {
     savedDocument: e
   };
 }
-function Rf(e, t, n, o) {
+function Ff(e, t, n, o) {
   const i = dr(e.document, t, n);
   return i.applied ? {
     ...e,
@@ -7470,8 +7490,8 @@ function Ef(e, t, n, o) {
     isDirty: i !== e.savedDocument
   };
 }
-var Ff = (e) => e.undoable.length > 0, Mf = (e) => e.redoable.length > 0;
-function Af(e) {
+var Mf = (e) => e.undoable.length > 0, Af = (e) => e.redoable.length > 0;
+function _f(e) {
   const t = e.undoable[e.undoable.length - 1];
   return t ? {
     ...e,
@@ -7485,7 +7505,7 @@ function Af(e) {
     isDirty: t.before !== e.savedDocument
   } : e;
 }
-function _f(e) {
+function $f(e) {
   const t = e.redoable[e.redoable.length - 1];
   return t ? {
     ...e,
@@ -7499,7 +7519,7 @@ function _f(e) {
     isDirty: t.before !== e.savedDocument
   } : e;
 }
-function $f(e) {
+function Lf(e) {
   return {
     ...e,
     savedDocument: e.document,
@@ -7508,21 +7528,21 @@ function $f(e) {
 }
 function Ji(e, t, n) {
   const o = globalThis.structuredClone(e);
-  for (const i of [o.screenTemplates, o.dialogTemplates]) for (const r of i) for (const s of Object.values(r.content ?? {})) bt(s, t, n);
+  for (const i of [o.screenTemplates, o.dialogTemplates]) for (const r of i) for (const s of Object.values(r.content ?? {})) yt(s, t, n);
   for (const i of o.screens) {
-    for (const r of Object.values(i.slotContent)) bt(r, t, n);
-    for (const r of i.contributions) bt([r.content], t, n);
+    for (const r of Object.values(i.slotContent)) yt(r, t, n);
+    for (const r of i.contributions) yt([r.content], t, n);
   }
   return o;
 }
-function bt(e, t, n) {
+function yt(e, t, n) {
   for (const o of e) {
-    o.id === t && n(o), bt(Object.values(o.slots ?? {}).flat(), t, n);
+    o.id === t && n(o), yt(Object.values(o.slots ?? {}).flat(), t, n);
     const i = o.children;
-    Array.isArray(i) && bt(i, t, n);
+    Array.isArray(i) && yt(i, t, n);
   }
 }
-var to = (e) => e.id, Lf = (e) => e.name || to(e), Bf = (e) => {
+var to = (e) => e.id, Bf = (e) => e.name || to(e), jf = (e) => {
   switch (e) {
     case H.Stack:
       return Q.Column;
@@ -7540,10 +7560,10 @@ var to = (e) => e.id, Lf = (e) => e.name || to(e), Bf = (e) => {
       return;
   }
 };
-function jf(e) {
+function Uf(e) {
   return {
     idOf: to,
-    nameOf: Lf,
+    nameOf: Bf,
     childrenOf: Xt,
     withChildren: (t, n) => jt(t) ? {
       ...t,
@@ -7554,32 +7574,32 @@ function jf(e) {
     } : t,
     acceptsChildren: (t) => jt(t),
     ownershipOf: (t) => e(to(t)) ?? ie.Local,
-    arrangementOf: (t) => jt(t) ? Bf(jr(t)) : void 0
+    arrangementOf: (t) => jt(t) ? jf(jr(t)) : void 0
   };
 }
-function Uf(e) {
+function Wf(e) {
   return e ? ut(e) ? Q.Freeform : uo(e) ? Q.Grid : po(e) && e.orientation === ct.Horizontal ? Q.Row : Q.Column : Q.Column;
 }
-var Wf = (e, t) => Math.max(0, Math.min(e, t));
+var zf = (e, t) => Math.max(0, Math.min(e, t));
 function Qi(e, t, n) {
   const o = Ne(e, t.nodeId, n);
   if (!o) return oe.NodeNotFound;
-  if (!wt(n.ownershipOf(o.node), $e.Move)) return oe.NodeLocked;
+  if (!kt(n.ownershipOf(o.node), $e.Move)) return oe.NodeLocked;
   let i = e;
   if (t.targetParentId !== null) {
     const r = Ne(e, t.targetParentId, n);
     if (!r) return oe.TargetNotFound;
     if (Wr(o.node, t.targetParentId, n)) return oe.WouldCreateCycle;
     if (!n.acceptsChildren(r.node)) return oe.TargetNotContainer;
-    if (!wt(n.ownershipOf(r.node), $e.Insert)) return oe.TargetLocked;
+    if (!kt(n.ownershipOf(r.node), $e.Insert)) return oe.TargetLocked;
     i = n.childrenOf(r.node);
   }
   if ((o.parent === null ? null : n.idOf(o.parent)) === t.targetParentId) {
     const r = i.length - 1;
-    if (Wf(t.index, r) === o.index) return oe.NoChange;
+    if (zf(t.index, r) === o.index) return oe.NoChange;
   }
 }
-var zf = "composition";
+var Hf = "composition";
 function no(e, t) {
   const n = e.screens.find((s) => s.name === be), o = t !== void 0 ? $n(t, !0) : $n(void 0), i = mo(e, o).levels.filter((s) => s.kind === ks.ScreenTemplate).map((s) => s.owner), r = [];
   for (const s of i) {
@@ -7588,12 +7608,12 @@ function no(e, t) {
       for (const c of l.slots) r.push(...l.content?.[c.name] ?? []);
   }
   return (t === void 0 || o.kind === Vt.Screen) && r.push(...n?.slotContent.content ?? []), {
-    element: Yt(H.Stack, zf, "Composition", r),
+    element: Yt(H.Stack, Hf, "Composition", r),
     roots: r,
     templates: i
   };
 }
-function Hf(e) {
+function Gf(e) {
   switch (e) {
     case qo.Inherited:
       return ie.Inherited;
@@ -7603,15 +7623,15 @@ function Hf(e) {
       return ie.Local;
   }
 }
-function Gf(e, t, n) {
+function qf(e, t, n) {
   const o = /* @__PURE__ */ new Map();
   for (const i of Qa(t)) {
     const r = co(e, re(i), n);
-    o.set(i, r ? Hf(r.provenance.kind) : ie.Inherited);
+    o.set(i, r ? Gf(r.provenance.kind) : ie.Inherited);
   }
   return (i) => o.get(i) ?? ie.Local;
 }
-function qf(e) {
+function Kf(e) {
   const [t, n] = j({
     catalog: e,
     times: 0
@@ -7629,19 +7649,19 @@ function qf(e) {
     };
   }, [e]), t.catalog === e ? t.times : 0;
 }
-var Kf = { modules: [] }, Vf = (e, t) => oo(e, t)?.id;
+var Vf = { modules: [] }, Jf = (e, t) => oo(e, t)?.id;
 function Ua(e, t, n, o) {
-  const [i, r] = j(() => Df(e.document)), s = V(void 0);
-  s.current ??= new Of(i, r);
-  const l = z((E) => s.current.commit(E), []), [c, u] = j(), [d, p] = j(), [h, f] = j(n.navigation?.module), g = V(void 0), m = z((E, W) => {
-    const L = g.current?.(E), G = g.current?.(W);
+  const [i, r] = j(() => Rf(e.document)), s = V(void 0);
+  s.current ??= new Df(i, r);
+  const l = z((F) => s.current.commit(F), []), [c, u] = j(), [d, p] = j(), [h, f] = j(n.navigation?.module), g = V(void 0), m = z((F, W) => {
+    const L = g.current?.(F), G = g.current?.(W);
     return L && G ? {
       height: L.height,
       bottom: L.top + L.height - G.top
     } : void 0;
-  }, []), v = z((E) => {
-    g.current = E;
-  }, []), w = qf(n.runtime.icons), P = U(() => ({
+  }, []), v = z((F) => {
+    g.current = F;
+  }, []), w = Kf(n.runtime.icons), P = U(() => ({
     catalog: n.runtime.catalog,
     scope: $n(t, t !== void 0),
     queryCandidates: [...n.queryCandidates],
@@ -7650,11 +7670,11 @@ function Ua(e, t, n, o) {
     n,
     t,
     w
-  ]), x = U(() => no(i.document, t), [i.document, t]), C = U(() => Gf(i.document, x.roots, P), [
+  ]), x = U(() => no(i.document, t), [i.document, t]), C = U(() => qf(i.document, x.roots, P), [
     i.document,
     x,
     P
-  ]), k = U(() => jf(C), [C]), y = ht(i.document, t), T = U(() => xf(x.roots, Uf(y), k).filter((E) => E.containerId !== null), [
+  ]), k = U(() => Uf(C), [C]), y = ft(i.document, t), T = U(() => Of(x.roots, Wf(y), k).filter((F) => F.containerId !== null), [
     x,
     y,
     k
@@ -7662,63 +7682,63 @@ function Ua(e, t, n, o) {
     i.document,
     c,
     P
-  ]), N = z((E, W) => {
-    const L = s.current.current, G = l((te) => Rf(te, E, P, W));
+  ]), N = z((F, W) => {
+    const L = s.current.current, G = l((te) => Ff(te, F, P, W));
     return {
       applied: G.undoable.length > L.undoable.length || G.document !== L.document,
       diagnostics: G.diagnostics
     };
-  }, [l, P]), R = z((E, W) => {
-    N(E, W);
-  }, [N]), B = z((E, W) => {
-    const L = s.current.current, G = l((te) => Ef(te, E, P, W));
+  }, [l, P]), R = z((F, W) => {
+    N(F, W);
+  }, [N]), B = z((F, W) => {
+    const L = s.current.current, G = l((te) => Ef(te, F, P, W));
     return {
       applied: G.document !== L.document,
       diagnostics: G.diagnostics
     };
-  }, [l, P]), S = z((E, W) => {
-    const L = E ?? y?.id, G = L ? ze(x.roots, L)?.children ?? [] : [];
+  }, [l, P]), S = z((F, W) => {
+    const L = F ?? y?.id, G = L ? ze(x.roots, L)?.children ?? [] : [];
     return {
       parent: L,
       index: W ?? G.length
     };
-  }, [y, x]), F = V(o);
-  F.current = o;
-  const $ = z((E, W, L, G, te, de) => {
+  }, [y, x]), E = V(o);
+  E.current = o;
+  const $ = z((F, W, L, G, te, de) => {
     const Be = S(W, L);
     if (!Be.parent) return;
-    const Ye = ze(no(s.current.current.document, t).roots, Be.parent), Va = Ye && ut(Ye) ? $a(E, te ?? _a(ja(Ye, m))) : E;
-    N(Ba(Be.parent, Be.index, Va), G).applied && (u(E.id), de && F.current?.(de));
+    const Ye = ze(no(s.current.current.document, t).roots, Be.parent), Va = Ye && ut(Ye) ? $a(F, te ?? _a(ja(Ye, m))) : F;
+    N(Ba(Be.parent, Be.index, Va), G).applied && (u(F.id), de && E.current?.(de));
   }, [
     N,
     S,
     t,
     m
-  ]), A = z((E, W) => {
-    const L = If(x.roots, E, W, m), G = Qi(x.roots, E, k);
-    if (G && !(G === oe.NoChange && L && E.targetParentId === Vf(x.roots, E.nodeId))) return G;
+  ]), A = z((F, W) => {
+    const L = Pf(x.roots, F, W, m), G = Qi(x.roots, F, k);
+    if (G && !(G === oe.NoChange && L && F.targetParentId === Jf(x.roots, F.nodeId))) return G;
     if (L) return B(L, "Move").applied ? void 0 : oe.NodeLocked;
-    const te = Nf(E);
+    const te = Tf(F);
     return te ? N(te, "Move").applied ? void 0 : oe.NodeLocked : oe.TargetNotContainer;
   }, [
     x,
     k,
     N,
     B
-  ]), q = z((E, W) => {
+  ]), q = z((F, W) => {
     l((L) => {
       const G = L.document.screens.map((te) => te.name === "Screen" ? {
         ...te,
-        forms: E
+        forms: F
       } : te);
       return Pe(L, {
         ...L.document,
         screens: G
       }, W);
     });
-  }, [l]), ne = z((E, W, L) => {
+  }, [l]), ne = z((F, W, L) => {
     l((G) => {
-      const te = G.document.screenTemplates.map((de) => de.name === E ? {
+      const te = G.document.screenTemplates.map((de) => de.name === F ? {
         ...de,
         outlets: W
       } : de);
@@ -7727,10 +7747,10 @@ function Ua(e, t, n, o) {
         screenTemplates: te
       }, L);
     });
-  }, [l]), ye = z((E, W, L) => {
+  }, [l]), ye = z((F, W, L) => {
     l((G) => {
       const te = G.document.screenTemplates.map((de) => {
-        if (de.name !== E) return de;
+        if (de.name !== F) return de;
         const { metadata: Be, ...Ye } = de;
         return W ? {
           ...Ye,
@@ -7742,29 +7762,29 @@ function Ua(e, t, n, o) {
         screenTemplates: te
       }, L);
     });
-  }, [l]), me = z((E, W) => {
+  }, [l]), me = z((F, W) => {
     l((L) => Pe(L, {
       ...L.document,
-      dialogTemplates: E
+      dialogTemplates: F
     }, W));
-  }, [l]), ue = z((E, W, L, G, te) => {
-    l((de) => Pe(de, Ji(de.document, E, (Be) => Jf(Be, W, L, G)), te));
-  }, [l]), Ie = z((E, W) => {
+  }, [l]), ue = z((F, W, L, G, te) => {
+    l((de) => Pe(de, Ji(de.document, F, (Be) => Qf(Be, W, L, G)), te));
+  }, [l]), Ie = z((F, W) => {
     const L = n.runtime.bundles.flatMap((G) => G.screenTemplates ?? []);
-    l((G) => Pe(G, kf(G.document, E, L), W));
-  }, [l, n.runtime.bundles]), D = z((E, W, L) => {
-    l((G) => Pe(G, Ji(G.document, E, (te) => {
+    l((G) => Pe(G, Sf(G.document, F, L), W));
+  }, [l, n.runtime.bundles]), D = z((F, W, L) => {
+    l((G) => Pe(G, Ji(G.document, F, (te) => {
       W ? te.behaviors = W : delete te.behaviors;
     }), L));
-  }, [l]), ee = U(() => Ti(i.document), [i.document]), he = n.navigation?.structure ?? Kf, J = z((E, W) => {
-    const L = Os(Ti(s.current.current.document), E);
-    return L.applied ? (l((G) => Pe(G, em(G.document, L.model), W)), { applied: !0 }) : {
+  }, [l]), ee = U(() => Ti(i.document), [i.document]), he = n.navigation?.structure ?? Vf, J = z((F, W) => {
+    const L = Os(Ti(s.current.current.document), F);
+    return L.applied ? (l((G) => Pe(G, tm(G.document, L.model), W)), { applied: !0 }) : {
       applied: !1,
       rejected: L.rejected
     };
-  }, [l]), ae = z((E, W) => {
-    p(E && W ? {
-      componentId: E,
+  }, [l]), ae = z((F, W) => {
+    p(F && W ? {
+      componentId: F,
       itemId: W
     } : void 0);
   }, []);
@@ -7792,16 +7812,16 @@ function Ua(e, t, n, o) {
     tryApply: N,
     applyAll: B,
     move: A,
-    validateMove: (E) => Qi(x.roots, E, k),
-    insertComponent: (E, W, L, G) => $(la(Nt(), E, E), W, L, "Add", G, E),
-    insertLayout: (E, W, L, G) => $(Yt(E, Nt(), E), W, L, "Add layout", G, `layout:${E}`),
-    remove: (E) => {
-      if (!jn(x.roots, E, k)) return;
-      const W = zr(x.roots, E, k);
-      N(Tf(E), "Remove").applied && u((L) => L === E || L === void 0 ? W : L);
+    validateMove: (F) => Qi(x.roots, F, k),
+    insertComponent: (F, W, L, G) => $(la(Nt(), F, F), W, L, "Add", G, F),
+    insertLayout: (F, W, L, G) => $(Yt(F, Nt(), F), W, L, "Add layout", G, `layout:${F}`),
+    remove: (F) => {
+      if (!jn(x.roots, F, k)) return;
+      const W = zr(x.roots, F, k);
+      N(If(F), "Remove").applied && u((L) => L === F || L === void 0 ? W : L);
     },
-    canRemove: (E) => jn(x.roots, E, k),
-    setProperty: (E, W) => c && R(qn(c, E, W), "Change"),
+    canRemove: (F) => jn(x.roots, F, k),
+    setProperty: (F, W) => c && R(qn(c, F, W), "Change"),
     setScreenForms: q,
     setScreenTemplateOutlets: ne,
     setScreenTemplateMetadata: ye,
@@ -7810,24 +7830,24 @@ function Ua(e, t, n, o) {
     setElementBehaviors: D,
     setScreenTemplate: Ie,
     markSaved: () => {
-      l($f);
+      l(Lf);
     },
     undo: () => {
-      l(Af);
+      l(_f);
     },
     redo: () => {
-      l(_f);
+      l($f);
     },
-    canUndo: Ff(i),
-    canRedo: Mf(i),
+    canUndo: Mf(i),
+    canRedo: Af(i),
     isDirty: i.isDirty
   };
 }
-function Jf(e, t, n, o) {
+function Qf(e, t, n, o) {
   const i = e.properties[t];
-  Array.isArray(i) && (e.properties[t] = i.map((r) => Wa(r) && r.id === n ? Qf(r, o) : r));
+  Array.isArray(i) && (e.properties[t] = i.map((r) => Wa(r) && r.id === n ? Yf(r, o) : r));
 }
-function Qf(e, t) {
+function Yf(e, t) {
   if (Wa(e.values)) {
     const o = { ...e.values };
     return t ? o.destination = t : delete o.destination, {
@@ -7844,13 +7864,13 @@ function Wa(e) {
 var Yi = () => ({
   width: window.innerWidth - 64,
   height: window.innerHeight - 64
-}), vy = (e) => /* @__PURE__ */ a(ya, {
+}), by = (e) => /* @__PURE__ */ a(ya, {
   strings: e.strings,
   onClose: () => e.onDismiss?.(),
-  children: /* @__PURE__ */ a(Yf, { ...e })
-}), Yf = (e) => {
+  children: /* @__PURE__ */ a(Xf, { ...e })
+}), Xf = (e) => {
   const t = U(() => va(e.subject, e.environment.runtime), [e.subject, e.environment.runtime]);
-  return t.opened ? /* @__PURE__ */ a(Xf, {
+  return t.opened ? /* @__PURE__ */ a(Zf, {
     ...e,
     opened: t.subject
   }, e.environment.runtime.id) : /* @__PURE__ */ a($r, {
@@ -7864,8 +7884,8 @@ var Yi = () => ({
       onClose: () => n.close()
     })
   });
-}, Xf = ({ subject: e, environment: t, strings: n, layoutLabels: o, icons: i, paletteSources: r, sourceRect: s, initialSize: l, rememberWindowAs: c, windowMemory: u, centerOffsetX: d, renderPaletteHost: p, onClose: h, onBeforeClose: f, onPreview: g, opened: m }) => {
-  const v = V(void 0), w = Ua(m, e.authoringTemplate, t, ($) => v.current?.($)), P = U(() => u ?? Vm(), [u]), x = U(() => Ym({
+}, Zf = ({ subject: e, environment: t, strings: n, layoutLabels: o, icons: i, paletteSources: r, sourceRect: s, initialSize: l, rememberWindowAs: c, windowMemory: u, centerOffsetX: d, renderPaletteHost: p, onClose: h, onBeforeClose: f, onPreview: g, opened: m }) => {
+  const v = V(void 0), w = Ua(m, e.authoringTemplate, t, ($) => v.current?.($)), P = U(() => u ?? Jm(), [u]), x = U(() => Xm({
     remembered: c ? P.read(c) : void 0,
     saved: l,
     lastUsed: P.readLastUsed()
@@ -7873,7 +7893,7 @@ var Yi = () => ({
     c && P.write(c, $);
   }, [P, c]), k = z(($) => {
     C($);
-    const A = ht(w.document, e.authoringTemplate);
+    const A = ft(w.document, e.authoringTemplate);
     h({
       document: w.document,
       legacyElements: zt(A, t.runtime.legacyTypeOf),
@@ -7889,7 +7909,7 @@ var Yi = () => ({
     e.authoringTemplate
   ]), [y, T] = j(), M = z(async ($) => {
     C($);
-    const A = ht(w.document, e.authoringTemplate), q = {
+    const A = ft(w.document, e.authoringTemplate), q = {
       document: w.document,
       legacyElements: zt(A, t.runtime.legacyTypeOf),
       windowSize: $,
@@ -7907,7 +7927,7 @@ var Yi = () => ({
     if (!(!f || !w.isDirty)) {
       N(!0);
       try {
-        const A = ht(w.document, e.authoringTemplate), q = await f({
+        const A = ft(w.document, e.authoringTemplate), q = await f({
           document: w.document,
           legacyElements: zt(A, t.runtime.legacyTypeOf),
           windowSize: $,
@@ -7929,12 +7949,12 @@ var Yi = () => ({
     layoutLabels: o,
     icons: i,
     paletteSources: r,
-    onAdd: ($) => F($.payload)
+    onAdd: ($) => E($.payload)
   });
   v.current = S;
-  function F($) {
-    if (!Fo($)) return;
-    const A = w.selection && Zf(w) ? w.selectedId : void 0;
+  function E($) {
+    if (!Eo($)) return;
+    const A = w.selection && eg(w) ? w.selectedId : void 0;
     $.kind === "layout" ? w.insertLayout($.item, A, void 0) : w.insertComponent(Ao($.componentName, $.package), A, void 0);
   }
   return /* @__PURE__ */ b(Ca, {
@@ -7983,11 +8003,11 @@ var Yi = () => ({
     })]
   });
 };
-function Zf(e) {
+function eg(e) {
   return !!e.selection && "children" in e.selection;
 }
 var ot = (e) => typeof e == "object" && e !== null && !Array.isArray(e);
-function eg(e, t) {
+function tg(e, t) {
   if (!t) return e;
   const n = { ...e };
   for (const [o, i] of Object.entries(t)) {
@@ -8006,7 +8026,7 @@ function eg(e, t) {
 var it = "p-anchored-overlay", Bt = "p-collapsible", Dn = "p-overlay-mask", O = (e, t) => ({ props: t ? {
   styles: e,
   motionProps: { name: t }
-} : { styles: e } }), pe = (e) => ({ props: { motionProps: { name: e } } }), tg = {
+} : { styles: e } }), pe = (e) => ({ props: { motionProps: { name: e } } }), ng = {
   "Accordion.Root": O(kc, Bt),
   "AutoComplete.Root": O(Sc),
   "AutoComplete.Popup": pe(it),
@@ -8019,8 +8039,8 @@ var it = "p-anchored-overlay", Bt = "p-collapsible", Dn = "p-overlay-mask", O =
   "Card.Root": O(Oc),
   "Carousel.Root": O(Dc),
   "Checkbox.Root": O(Rc),
-  CheckboxGroup: O(Ec),
-  "Chip.Root": O(Fc),
+  CheckboxGroup: O(Fc),
+  "Chip.Root": O(Ec),
   "Compare.Root": O(Mc),
   "ContextMenu.Root": O(Ac),
   "ContextMenu.Popup": pe(it),
@@ -8083,8 +8103,8 @@ var it = "p-anchored-overlay", Bt = "p-collapsible", Dn = "p-overlay-mask", O =
   "Tabs.Root": O(Od),
   Tag: O(Dd),
   "Terminal.Root": O(Rd),
-  Textarea: O(Ed),
-  "Timeline.Root": O(Fd),
+  Textarea: O(Fd),
+  "Timeline.Root": O(Ed),
   "Toast.Root": O(Md),
   "Toaster.Root": O(Ad),
   "ToggleButton.Root": O(_d),
@@ -8094,30 +8114,30 @@ var it = "p-anchored-overlay", Bt = "p-collapsible", Dn = "p-overlay-mask", O =
   "Tooltip.Root": O(jd),
   "Tooltip.Popup": pe("p-tooltip"),
   "Tree.Root": O(Ud)
-}, ng = Yo.find((e) => e.name === "lara-light-blue") ?? Yo[0], by = ({ defaults: e, theme: t, ...n }) => {
-  const o = gl(ng);
+}, og = Yo.find((e) => e.name === "lara-light-blue") ?? Yo[0], yy = ({ defaults: e, theme: t, ...n }) => {
+  const o = gl(og);
   return /* @__PURE__ */ a(wc, {
     ...n,
     theme: t ?? o?.theme,
-    defaults: eg(tg, e)
+    defaults: tg(ng, e)
   });
-}, yy = (e) => /* @__PURE__ */ a(ya, {
+}, wy = (e) => /* @__PURE__ */ a(ya, {
   strings: e.strings,
   onClose: e.onDismiss,
-  children: /* @__PURE__ */ a(og, { ...e })
-}), og = (e) => {
+  children: /* @__PURE__ */ a(ig, { ...e })
+}), ig = (e) => {
   const t = U(() => va(e.subject, e.environment.runtime), [e.subject, e.environment.runtime]);
-  return t.opened ? /* @__PURE__ */ a(ig, {
+  return t.opened ? /* @__PURE__ */ a(rg, {
     ...e,
     opened: t.subject
   }, e.environment.runtime.id) : /* @__PURE__ */ a(wa, {
     problem: t.problem,
     strings: e.strings
   });
-}, ig = ({ subject: e, environment: t, strings: n, layoutLabels: o, icons: i, paletteSources: r, initialSize: s, onChange: l, renderPaletteHost: c, opened: u }) => {
+}, rg = ({ subject: e, environment: t, strings: n, layoutLabels: o, icons: i, paletteSources: r, initialSize: s, onChange: l, renderPaletteHost: c, opened: u }) => {
   const d = V(void 0), p = Ua(u, e.authoringTemplate, t, (C) => d.current?.(C)), [h, f] = j(s ?? sn[Ke.Desktop]), [g, m] = j(!0), v = V(l);
   v.current = l, ce(() => {
-    const C = ht(p.document, e.authoringTemplate);
+    const C = ft(p.document, e.authoringTemplate);
     v.current?.({
       document: p.document,
       legacyElements: zt(C, t.runtime.legacyTypeOf),
@@ -8133,7 +8153,7 @@ var it = "p-anchored-overlay", Bt = "p-collapsible", Dn = "p-overlay-mask", O =
     t.runtime.legacyTypeOf
   ]);
   const w = z((C) => {
-    if (!Fo(C)) return;
+    if (!Eo(C)) return;
     const k = p.selection, y = k && "children" in k ? p.selectedId : void 0;
     C.kind === "layout" ? p.insertLayout(C.item, y, void 0) : p.insertComponent(Ao(C.componentName, C.package), y, void 0);
   }, [p]), { palette: P, recordInserted: x } = ga({
@@ -8195,7 +8215,7 @@ var it = "p-anchored-overlay", Bt = "p-collapsible", Dn = "p-overlay-mask", O =
     })
   });
 };
-function rg(e) {
+function ag(e) {
   const t = {
     "row.id": "Guid",
     "selection.id": "Guid"
@@ -8203,18 +8223,18 @@ function rg(e) {
   for (const n of e) for (const o of n.parameters) t[`route.${o.name}`] ??= o.type;
   return t;
 }
-var ag = new Set(Object.values(ws)), sg = new Set(Object.values(ys));
-function lg(e) {
-  return e.filter((t) => ag.has(t.resultShape) && t.origin.every((n) => sg.has(n.kind))).map((t) => t);
+var sg = new Set(Object.values(ws)), lg = new Set(Object.values(ys));
+function cg(e) {
+  return e.filter((t) => sg.has(t.resultShape) && t.origin.every((n) => lg.has(n.kind))).map((t) => t);
 }
-function wy(e) {
-  const t = lg(e.queryCandidates ?? []);
+function ky(e) {
+  const t = cg(e.queryCandidates ?? []);
   return {
     runtime: e.runtime,
     queryCandidates: t,
     stateChangeSlices: e.stateChangeSlices ?? [],
     destinations: e.destinations ?? [],
-    availableSources: rg(t),
+    availableSources: ag(t),
     ...e.richText === !1 ? {} : { richText: e.richText ?? Wd },
     ...e.fileUpload ? { fileUpload: e.fileUpload } : {},
     ...e.templateScope ? { templateScope: e.templateScope } : {},
@@ -8222,8 +8242,8 @@ function wy(e) {
     ...e.location ? { location: e.location } : {}
   };
 }
-var cg = [.../* @__PURE__ */ new Set([...nn.ids, ...Object.values(X)])];
-function dg(e, t) {
+var dg = [.../* @__PURE__ */ new Set([...nn.ids, ...Object.values(X)])];
+function ug(e, t) {
   return ul({
     bundles: e,
     profile: t,
@@ -8232,23 +8252,23 @@ function dg(e, t) {
       allowNetworkAssets: !1,
       loadDesignTime: !0
     }
-  }, { hostEditorKinds: [...cg] });
+  }, { hostEditorKinds: [...dg] });
 }
-function ug(e) {
+function pg(e) {
   return e.flatMap((t) => t.iconLibrary ? [t.iconLibrary.catalog] : []);
 }
-function pg(e, t) {
+function mg(e, t) {
   const n = Ws(e, t.map((o) => o.manifest));
-  return new Ts(n, ug(t));
+  return new Ts(n, pg(t));
 }
-function mg(e) {
+function hg(e) {
   const t = ol([e]), n = t.packages.filter((o) => o !== "PrimeReact");
   return n.splice(Math.max(n.indexOf(vr), 0), 0, "PrimeReact"), {
     ...t,
     packages: n
   };
 }
-var hg = [
+var fg = [
   "PrimeReact.Accordion",
   "PrimeReact.AutoComplete",
   "PrimeReact.Avatar",
@@ -8351,7 +8371,7 @@ var hg = [
   "itemsControl",
   "stackPanel",
   "wrapPanel"
-], fg = ["PrimeReact.Dialog"], gg = new Set(hg.filter((e) => !fg.includes(e))), vg = [
+], gg = ["PrimeReact.Dialog"], vg = new Set(fg.filter((e) => !gg.includes(e))), bg = [
   {
     value: ve.None,
     label: "Run directly"
@@ -8365,7 +8385,7 @@ var hg = [
     label: "Ask in a drawer"
   }
 ];
-function bg(e) {
+function yg(e) {
   return !e.component.endsWith(":action") || e.properties.some((t) => t.path === "presentation") ? e : {
     ...e,
     properties: [...e.properties, {
@@ -8374,13 +8394,13 @@ function bg(e) {
       group: "Behavior",
       valueType: K.Enum,
       default: ve.None,
-      choices: vg,
+      choices: bg,
       description: "Whether the command runs straight away or first asks for its input in a dialog or a drawer."
     }]
   };
 }
-var yg = (e) => e.replace(/([A-Z])/g, " $1").replace(/^./, (t) => t.toUpperCase()), wg = (e) => /ies$/i.test(e) ? `${e.slice(0, -3)}y` : /(ss|us)$/i.test(e) || !/s$/i.test(e) ? e : e.slice(0, -1), za = (e) => e !== null && typeof e == "object" && !Array.isArray(e);
-function Wo(e, t, n = yg(e)) {
+var wg = (e) => e.replace(/([A-Z])/g, " $1").replace(/^./, (t) => t.toUpperCase()), kg = (e) => /ies$/i.test(e) ? `${e.slice(0, -3)}y` : /(ss|us)$/i.test(e) || !/s$/i.test(e) ? e : e.slice(0, -1), za = (e) => e !== null && typeof e == "object" && !Array.isArray(e);
+function Wo(e, t, n = wg(e)) {
   const o = {
     path: e,
     label: n,
@@ -8392,7 +8412,7 @@ function Wo(e, t, n = yg(e)) {
   } : typeof t == "boolean" ? {
     ...o,
     valueType: K.Boolean
-  } : Array.isArray(t) ? Sg(o, t) : za(t) ? {
+  } : Array.isArray(t) ? Cg(o, t) : za(t) ? {
     ...o,
     valueType: K.Object,
     properties: Ha(t),
@@ -8403,12 +8423,12 @@ function Wo(e, t, n = yg(e)) {
   };
 }
 function Ha(e, t = []) {
-  return Object.entries(e).filter(([n]) => !t.includes(n)).map(([n, o]) => kg(n, o));
+  return Object.entries(e).filter(([n]) => !t.includes(n)).map(([n, o]) => Sg(n, o));
 }
-function kg(e, t) {
+function Sg(e, t) {
   return Wo(e, t);
 }
-function Sg(e, t) {
+function Cg(e, t) {
   if (t.length > 0 && t.every((o) => typeof o == "string")) return {
     ...e,
     valueType: K.Json,
@@ -8425,17 +8445,17 @@ function Sg(e, t) {
     ...e,
     valueType: K.Collection,
     item: {
-      label: wg(e.label),
+      label: kg(e.label),
       properties: Ha(n, ["id"]),
       open: !0
     }
   };
 }
-var Cg = (e) => e.valueType === K.Json && e.editorKind === void 0;
-function Ng(e) {
+var Ng = (e) => e.valueType === K.Json && e.editorKind === void 0;
+function Tg(e) {
   const t = Uo(e.component, e.component.slice(e.component.lastIndexOf(":") + 1));
   if (!t) return e;
-  const n = new Set(e.properties.map((r) => r.path)), o = e.properties.map((r) => Cg(r) && r.path in t ? Tg(r, t[r.path]) : r), i = Object.entries(t).filter(([r]) => !n.has(r)).map(([r, s]) => ({
+  const n = new Set(e.properties.map((r) => r.path)), o = e.properties.map((r) => Ng(r) && r.path in t ? Ig(r, t[r.path]) : r), i = Object.entries(t).filter(([r]) => !n.has(r)).map(([r, s]) => ({
     ...Wo(r, s),
     description: "Shown as sample content on the design surface until you set it."
   }));
@@ -8444,7 +8464,7 @@ function Ng(e) {
     properties: [...o, ...i]
   } : e;
 }
-function Tg(e, t) {
+function Ig(e, t) {
   const { editorKind: n, item: o, properties: i, choices: r, ...s } = e, l = Wo(e.path, t);
   return {
     ...l,
@@ -8452,7 +8472,7 @@ function Tg(e, t) {
     valueType: l.valueType
   };
 }
-var Xi = "Placement", Ig = [{
+var Xi = "Placement", Pg = [{
   path: Je,
   label: "Left",
   group: Xi,
@@ -8463,49 +8483,49 @@ var Xi = "Placement", Ig = [{
   group: Xi,
   valueType: K.Number
 }];
-function Pg(e) {
+function xg(e) {
   const t = new Set(e.properties.map((n) => n.path));
   return {
     ...e,
-    properties: [...e.properties, ...Ig.filter((n) => !t.has(n.path))]
+    properties: [...e.properties, ...Pg.filter((n) => !t.has(n.path))]
   };
 }
-var Zi = "PrimeReact", xg = 1;
-function Og(e, t, n) {
+var Zi = "PrimeReact", Og = 1;
+function Dg(e, t, n) {
   const o = en(e.map((p) => p.manifest)), i = e.flatMap((p) => p.descriptors ?? []), r = new Set(i.map((p) => p.component)), s = e.flatMap((p) => p.manifest.components.map((h) => ({
-    component: En(p.manifest.name, h),
+    component: Fn(p.manifest.name, h),
     displayName: h,
     properties: []
-  }))).filter((p) => !r.has(p.component)), l = [...i, ...s].map(bg).map(Ng).map(Pg), c = [...l, ...Dg(l, o, t)], u = new Set(Object.values(o).flat()), d = new Map(l.map((p) => [p.component, p]));
+  }))).filter((p) => !r.has(p.component)), l = [...i, ...s].map(yg).map(Tg).map(xg), c = [...l, ...Rg(l, o, t)], u = new Set(Object.values(o).flat()), d = new Map(l.map((p) => [p.component, p]));
   return {
-    id: xg++,
+    id: Og++,
     bundles: e,
     registry: Sr(e),
     packages: o,
     descriptors: c,
-    catalog: Fs(c),
+    catalog: Es(c),
     profile: t,
-    compositionProfile: mg(t),
+    compositionProfile: hg(t),
     ...n ? { appearance: n } : {},
-    icons: pg(t.packages, e),
+    icons: mg(t.packages, e),
     iconAdapters: dl(e),
-    designTime: dg(e, t),
+    designTime: ug(e, t),
     packageDescriptorOf: (p) => {
       if (p.component.includes(":")) return p;
       const h = Tt(p.component, t, o);
-      return (h && d.get(En(h.package, h.name))) ?? p;
+      return (h && d.get(Fn(h.package, h.name))) ?? p;
     },
     isKnownComponent: (p) => u.has(p),
     legacyTypeOf: (p) => {
-      const h = Hm(p, t, o), f = h?.package === Zi ? `${Zi}.${Br(h.name)}` : void 0;
-      return f !== void 0 && gg.has(f) ? f : void 0;
+      const h = Gm(p, t, o), f = h?.package === Zi ? `${Zi}.${Br(h.name)}` : void 0;
+      return f !== void 0 && vg.has(f) ? f : void 0;
     }
   };
 }
-function Dg(e, t, n) {
+function Rg(e, t, n) {
   const o = [];
   for (const i of new Set(Object.values(t).flat())) {
-    const r = Tt(i, n, t), s = r && e.find((l) => l.component === En(r.package, r.name));
+    const r = Tt(i, n, t), s = r && e.find((l) => l.component === Fn(r.package, r.name));
     s && o.push({
       ...s,
       component: i
@@ -8513,7 +8533,7 @@ function Dg(e, t, n) {
   }
   return o;
 }
-var zo = "Cratis.Icons.Lucide", Rg = {
+var zo = "Cratis.Icons.Lucide", Fg = {
   name: zo,
   version: "1.52.0",
   kind: dt.IconLibrary,
@@ -8538,17 +8558,17 @@ var zo = "Cratis.Icons.Lucide", Rg = {
 }, Eg = {
   library: zo,
   loadEntries: async () => (await import("./catalog-CZx3FR-E.js")).default
-}, Fg = qd, Mg = {
+}, Mg = qd, Ag = {
   library: zo,
-  loadGlyph: async ({ key: e }) => (await Fg[e]?.())?.default
-}, Ag = {
-  manifest: Rg,
+  loadGlyph: async ({ key: e }) => (await Mg[e]?.())?.default
+}, _g = {
+  manifest: Fg,
   components: {},
   iconLibrary: {
     catalog: Eg,
-    adapter: Mg
+    adapter: Ag
   }
-}, _g = [
+}, $g = [
   zd,
   Hd,
   Gd
@@ -8559,10 +8579,10 @@ var zo = "Cratis.Icons.Lucide", Rg = {
   Mr,
   gr,
   _r,
-  ..._g,
-  Ag
-], $g = Pt.map((e) => e.manifest), ky = Sr(Pt), Sy = en($g), Cy = Pt.flatMap((e) => e.themes ?? []);
-function Lg(e) {
+  ...$g,
+  _g
+], Lg = Pt.map((e) => e.manifest), Sy = Sr(Pt), Cy = en(Lg), Ny = Pt.flatMap((e) => e.themes ?? []);
+function Bg(e) {
   const t = Ds(e).map((i) => i.name), n = Qo(e, dt.Styling).map((i) => i.name), o = Qo(e, dt.Blueprint)[0];
   return o ? [
     ...t,
@@ -8575,16 +8595,16 @@ var Ga = (e) => e === void 0 || e.activePack === "" && e.mappings.length === 0 ?
   mappings: e.mappings.map((t) => ({ ...t })),
   bindings: []
 };
-function Bg(e, t) {
+function jg(e, t) {
   return t.filter((n) => $s(n, e));
 }
-function jg(e, t) {
+function Ug(e, t) {
   return [...new Set(Object.values(t).flat())].map((n) => Tt(n, e, t)).filter((n) => n !== void 0 && n.shadows.length > 0).sort((n, o) => n.name.localeCompare(o.name));
 }
 var Rn = /* @__PURE__ */ (function(e) {
   return e.Fallback = "fallback", e.Explicit = "explicit", e.Automatic = "automatic", e;
 })({});
-function Ug(e) {
+function Wg(e) {
   const t = [
     so,
     ...e.packages,
@@ -8594,17 +8614,17 @@ function Ug(e) {
   ];
   return [...new Set(t.filter((n) => n.length > 0))];
 }
-function Wg(e, t) {
+function zg(e, t) {
   return e.find((n) => n.manifest.name === t)?.manifest.layouts[0] ?? "";
 }
-function zg(e, t) {
+function Hg(e, t) {
   const n = e.root?.template;
   if (!(n?.source !== Ss.Blueprint || n.blueprint === void 0))
     return t.find((o) => o.manifest.name === n.blueprint)?.manifest.layouts.includes(n.id) ? n.id : void 0;
 }
 var qa = "UI Profile";
 function Ka(e, t) {
-  const n = t.map((c) => c.manifest), o = Ug(e), i = zs(o, n), r = zg(e, t) ?? Wg(t, e.shell), s = {
+  const n = t.map((c) => c.manifest), o = Wg(e), i = zs(o, n), r = Hg(e, t) ?? zg(t, e.shell), s = {
     name: qa,
     targetPlatform: "web",
     packages: i.packages,
@@ -8612,7 +8632,7 @@ function Ka(e, t) {
     ...e.root ? { root: e.root } : {},
     theme: e.theme.length > 0 ? e.theme : void 0,
     sampleData: Ga(e.sampleData),
-    appearance: Hg(e),
+    appearance: Gg(e),
     ...e.identity === void 0 ? {} : { identity: e.identity }
   }, l = new Set(o);
   return {
@@ -8630,13 +8650,13 @@ function Ka(e, t) {
         requiredBy: n.filter((d) => i.packages.includes(d.name) && d.dependencies.some((p) => p.name === c)).map((d) => d.name)
       }] : [];
     }),
-    collisions: jg(s, en(n)),
-    compatibleThemes: Bg(s, t.flatMap((c) => c.themes ?? [])),
+    collisions: Ug(s, en(n)),
+    compatibleThemes: jg(s, t.flatMap((c) => c.themes ?? [])),
     layout: r,
     isValid: _s(i)
   };
 }
-function Hg(e) {
+function Gg(e) {
   const t = {
     ...e.colorScheme === "dark" ? { colorScheme: hs.Dark } : {},
     ...e.accent.length > 0 ? { accent: e.accent } : {},
@@ -8645,8 +8665,8 @@ function Hg(e) {
   };
   return Object.keys(t).length === 0 ? void 0 : t;
 }
-function Gg(e) {
-  const t = e.map((s) => s.manifest), n = Lg(t), o = n.find((s) => t.find((l) => l.name === s)?.kind === dt.Blueprint) ?? "", i = {
+function qg(e) {
+  const t = e.map((s) => s.manifest), n = Bg(t), o = n.find((s) => t.find((l) => l.name === s)?.kind === dt.Blueprint) ?? "", i = {
     packages: n.filter((s) => s !== o && s !== so),
     shell: o,
     templatePacks: [],
@@ -8661,7 +8681,7 @@ function Gg(e) {
     theme: r?.name ?? ""
   };
 }
-function qg(e, t) {
+function Kg(e, t) {
   return {
     name: qa,
     targetPlatform: "web",
@@ -8671,11 +8691,11 @@ function qg(e, t) {
     sampleData: Ga(t)
   };
 }
-function Ny(e, t = Pt, n, o) {
-  const i = e ? qg(e, o) : Ka(Gg(t), t).profile;
-  return Og(t, i, n);
+function Ty(e, t = Pt, n, o) {
+  const i = e ? Kg(e, o) : Ka(qg(t), t).profile;
+  return Dg(t, i, n);
 }
-function Kg(e, t) {
+function Vg(e, t) {
   const n = no(e), o = mo(e, {
     kind: Vt.Screen,
     name: be
@@ -8685,8 +8705,8 @@ function Kg(e, t) {
     configuration: i
   };
 }
-var Vg = ({ document: e, runtime: t, resolveBinding: n, registry: o = t.registry }) => {
-  const { element: i, configuration: r } = U(() => Kg(e, t.catalog), [e, t.catalog]), s = U(() => go(i, t.compositionProfile, t.packages), [
+var Jg = ({ document: e, runtime: t, resolveBinding: n, registry: o = t.registry }) => {
+  const { element: i, configuration: r } = U(() => Vg(e, t.catalog), [e, t.catalog]), s = U(() => go(i, t.compositionProfile, t.packages), [
     i,
     t.compositionProfile,
     t.packages
@@ -8707,12 +8727,12 @@ var Vg = ({ document: e, runtime: t, resolveBinding: n, registry: o = t.registry
       })
     })
   });
-}, Jg = (e) => {
-  const t = vt(e);
+}, Qg = (e) => {
+  const t = bt(e);
   return Pa.has(t) || t in Ta;
-}, Qg = (e, t) => {
+}, Yg = (e, t) => {
   const n = (o) => {
-    const i = Jg(o.element.componentName), r = U(() => ({
+    const i = Qg(o.element.componentName), r = U(() => ({
       ...o.element,
       properties: xa(e, o.element.componentName, o.element.properties)
     }), [o.element]);
@@ -8726,11 +8746,11 @@ var Vg = ({ document: e, runtime: t, resolveBinding: n, registry: o = t.registry
   };
   return n.displayName = `Miniature(${t.displayName ?? t.name ?? "Component"})`, n;
 };
-function Yg(e) {
-  return Object.fromEntries(Object.entries(e).map(([t, n]) => [t, Qg(t, n)]));
+function Xg(e) {
+  return Object.fromEntries(Object.entries(e).map(([t, n]) => [t, Yg(t, n)]));
 }
-var Ty = 240, Iy = 112;
-function Xg(e, t = 240, n = Number.POSITIVE_INFINITY) {
+var Iy = 240, Py = 112;
+function Zg(e, t = 240, n = Number.POSITIVE_INFINITY) {
   const o = e && e.width > 0 && e.height > 0 ? e : Sa({
     width: 1 / 0,
     height: 1 / 0
@@ -8743,7 +8763,7 @@ function Xg(e, t = 240, n = Number.POSITIVE_INFINITY) {
     scale: s
   };
 }
-function Zg(e, t = 240) {
+function ev(e, t = 240) {
   const n = typeof IntersectionObserver < "u", [o, i] = j(!n);
   return ce(() => {
     const r = e.current;
@@ -8756,23 +8776,23 @@ function Zg(e, t = 240) {
     n
   ]), o;
 }
-var ev = [
+var tv = [
   "#f66",
   "#fa0",
   "#3c3"
-], tv = () => {
-}, er = 16, Py = ({ document: e, runtime: t, windowSize: n, width: o, title: i, openTitle: r, onClick: s, placeholder: l }) => {
-  const c = V(null), u = Zg(c), d = U(() => Xg(n, o ?? 240, o === void 0 ? 112 : void 0), [
+], nv = () => {
+}, er = 16, xy = ({ document: e, runtime: t, windowSize: n, width: o, title: i, openTitle: r, onClick: s, placeholder: l }) => {
+  const c = V(null), u = ev(c), d = U(() => Zg(n, o ?? 240, o === void 0 ? 112 : void 0), [
     n?.width,
     n?.height,
     o
-  ]), p = U(() => jo(t), [t]), h = U(() => Yg(t.registry), [t.registry]), f = {
+  ]), p = U(() => jo(t), [t]), h = U(() => Xg(t.registry), [t.registry]), f = {
     width: d.width,
     height: er + d.bodyHeight
   }, g = /* @__PURE__ */ b(le, { children: [/* @__PURE__ */ b("div", {
     className: "screen-thumbnail__title-bar",
     style: { height: er },
-    children: [ev.map((v) => /* @__PURE__ */ a("span", {
+    children: [tv.map((v) => /* @__PURE__ */ a("span", {
       className: "screen-thumbnail__light",
       style: { borderColor: v }
     }, v)), i && /* @__PURE__ */ a("span", {
@@ -8792,10 +8812,10 @@ var ev = [
         "--studio-surface-viewport-height": `${d.canvasHeight}px`
       },
       "data-studio-viewport": "",
-      children: /* @__PURE__ */ a(Vg, {
+      children: /* @__PURE__ */ a(Jg, {
         document: e,
         runtime: t,
-        resolveBinding: tv,
+        resolveBinding: nv,
         registry: h
       })
     }) : l
@@ -8821,28 +8841,28 @@ var ev = [
     "aria-label": i,
     children: g
   });
-}, rt = /* @__PURE__ */ new Map(), nv = 200;
-function xy(e) {
+}, rt = /* @__PURE__ */ new Map(), ov = 200;
+function Oy(e) {
   if (!e) return;
   if (rt.has(e)) return rt.get(e);
   const t = ta(e), n = t.readable ? t.document : void 0;
-  return rt.size >= nv && rt.delete(rt.keys().next().value), rt.set(e, n), n;
+  return rt.size >= ov && rt.delete(rt.keys().next().value), rt.set(e, n), n;
 }
-var Oy = {
+var Dy = {
   [H.Stack]: "Stack",
   [H.Row]: "Row",
   [H.Grid]: "Grid",
   [H.Container]: "Container",
   [H.Wrap]: "Wrap",
   [H.Canvas]: "Canvas"
-}, ov = {
+}, iv = {
   [H.Stack]: st,
   [H.Row]: Ml,
   [H.Grid]: Rr,
   [H.Container]: bo,
   [H.Wrap]: yo,
   [H.Canvas]: cc
-}, iv = {
+}, rv = {
   text: vl,
   button: Wt,
   card: xl,
@@ -8851,7 +8871,7 @@ var Oy = {
   section: Hl,
   navigate: Pl,
   title: Ut,
-  table: pt,
+  table: mt,
   summary: fn,
   field: Pr,
   code: Tl,
@@ -8870,7 +8890,7 @@ var Oy = {
   checkbox: ti,
   multiStateCheckbox: Yl,
   radioButton: bn,
-  toggleSwitch: Er,
+  toggleSwitch: Fr,
   slider: An,
   rating: ec,
   knob: Kl,
@@ -8880,11 +8900,11 @@ var Oy = {
   autoComplete: ci,
   treeSelect: _n,
   editor: mn,
-  fileUpload: Fl,
+  fileUpload: El,
   splitButton: un,
   speedDial: Rl,
   buttonGroup: je,
-  dataTable: pt,
+  dataTable: mt,
   dataView: ui,
   dataScroller: nc,
   tree: _n,
@@ -8900,11 +8920,11 @@ var Oy = {
   fieldset: Sl,
   divider: je,
   splitter: pn,
-  scrollPanel: El,
+  scrollPanel: Fl,
   tabView: ii,
   toolbar: ic,
   stepper: wn,
-  dialog: mt,
+  dialog: ht,
   confirmDialog: hn,
   overlayPanel: dc,
   sidebar: pn,
@@ -8937,12 +8957,12 @@ var Oy = {
   inplace: mn,
   terminal: oc,
   page: Mn,
-  dataPage: pt,
+  dataPage: mt,
   formElement: fn,
   singleResult: Ll,
   queryInputForm: oi,
   commandForm: fn,
-  observableDataTable: pt,
+  observableDataTable: mt,
   inputTextField: ri,
   numberField: ai,
   checkboxField: ti,
@@ -8957,7 +8977,7 @@ var Oy = {
   radioGroupField: bn,
   confirmationDialog: hn,
   busyIndicatorDialog: di,
-  commandDialog: mt,
+  commandDialog: ht,
   stepperCommandDialog: wn,
   icon: Dr,
   errorBoundary: hn,
@@ -8969,8 +8989,8 @@ var Oy = {
   toolbarButton: Wt,
   toolbarGroup: je,
   toolbarSeparator: je,
-  appShell: Fn,
-  fullPageShell: mt,
+  appShell: En,
+  fullPageShell: ht,
   topbar: st,
   menuItem: Ul,
   footer: je,
@@ -8981,11 +9001,11 @@ var Oy = {
   logo: tc,
   userMenu: sc,
   themeSwitcher: vn,
-  layoutModeSwitcher: Fn,
+  layoutModeSwitcher: En,
   arcPageHeader: Ut
-}, rv = [
-  [/dialog/i, mt],
-  [/table|grid/i, pt],
+}, av = [
+  [/dialog/i, ht],
+  [/table|grid/i, mt],
   [/menu|bar$/i, st],
   [/chart/i, Nr],
   [/field|input/i, Pr],
@@ -8996,30 +9016,30 @@ var Oy = {
   [/message|toast/i, Tr],
   [/tree/i, _n],
   [/page|screen/i, Mn]
-], av = (e) => iv[e] ?? rv.find(([t]) => t.test(e))?.[1] ?? Or, sv = {
+], sv = (e) => rv[e] ?? av.find(([t]) => t.test(e))?.[1] ?? Or, lv = {
   [kr.manifest.name]: Dr,
-  [Cr.manifest.name]: Er,
+  [Cr.manifest.name]: Fr,
   [Mr.manifest.name]: Or,
   [gr.manifest.name]: yo,
   [_r.manifest.name]: Ut,
   [Ar.manifest.name]: Gl
-}, lv = Ol, Dy = {
+}, cv = Ol, Ry = {
   layout: (e) => {
-    const t = ov[e];
+    const t = iv[e];
     return /* @__PURE__ */ a(t, { "aria-hidden": "true" });
   },
   component: (e) => {
-    const t = av(e);
+    const t = sv(e);
     return /* @__PURE__ */ a(t, { "aria-hidden": "true" });
   },
   drawer: {
     layout: /* @__PURE__ */ a(Rr, { "aria-hidden": "true" }),
     package: (e) => {
-      const t = sv[e] ?? lv;
+      const t = lv[e] ?? cv;
       return /* @__PURE__ */ a(t, { "aria-hidden": "true" });
     }
   }
-}, Ry = Pt.map((e) => ({
+}, Fy = Pt.map((e) => ({
   package: e.manifest.name,
   components: e.manifest.components,
   descriptors: e.descriptors ?? []
@@ -9032,10 +9052,10 @@ function Ey(e, t, n) {
     icon: n?.[o.item]
   }));
 }
-var Fy = /* @__PURE__ */ (function(e) {
+var My = /* @__PURE__ */ (function(e) {
   return e.Auto = "auto", e.Manual = "manual", e;
 })({});
-function My(e) {
+function Ay(e) {
   return [
     {
       kind: xt.DataContext,
@@ -9058,68 +9078,68 @@ function My(e) {
   ];
 }
 export {
-  xv as BindingMode,
-  Ov as BindingNullBehavior,
-  Dv as BindingSourceKind,
-  Fy as CommandFormMode,
-  Rv as DestinationKind,
+  Ov as BindingMode,
+  Dv as BindingNullBehavior,
+  Rv as BindingSourceKind,
+  My as CommandFormMode,
+  Fv as DestinationKind,
   Q as LayoutArrangement,
   H as LayoutItem,
   ie as Ownership,
-  Vg as PlayScreenView,
+  Jg as PlayScreenView,
   Ae as SceneDocumentProblem,
   Ca as ScreenEditorControlProviders,
-  vy as ScreenEditorOverlay,
-  by as ScreenEditorPrimeReactProvider,
+  by as ScreenEditorOverlay,
+  yy as ScreenEditorPrimeReactProvider,
   Aa as ScreenEditorWindow,
-  yy as ScreenEditorWorkspace,
-  Py as ScreenThumbnail,
+  wy as ScreenEditorWorkspace,
+  xy as ScreenThumbnail,
   oe as StructureEditRejection,
-  Nv as StructuredValueEditor,
-  bv as asList,
-  My as bindingSourceChoices,
-  Km as browserWindowSizeStorage,
-  kt as commandNameOf,
-  wy as createScreenEditorEnvironment,
-  Og as createScreenEditorRuntime,
-  Vm as createWindowSizeMemory,
-  ov as defaultLayoutIcons,
-  Oy as defaultLayoutLabels,
-  Dy as defaultPaletteIcons,
-  Ry as defaultPaletteSources,
-  Mp as defaultScreenEditorStrings,
+  Tv as StructuredValueEditor,
+  yv as asList,
+  Ay as bindingSourceChoices,
+  Vm as browserWindowSizeStorage,
+  St as commandNameOf,
+  ky as createScreenEditorEnvironment,
+  Dg as createScreenEditorRuntime,
+  Jm as createWindowSizeMemory,
+  iv as defaultLayoutIcons,
+  Dy as defaultLayoutLabels,
+  Ry as defaultPaletteIcons,
+  Fy as defaultPaletteSources,
+  Ap as defaultScreenEditorStrings,
   nr as defaultStructuredEditorStrings,
   Sa as defaultWindowSize,
-  Xm as fitWindowSize,
-  gv as identified,
+  Zm as fitWindowSize,
+  vv as identified,
   ls as isCollectionOfRecords,
-  Qm as isLegacyDefaultWindow,
+  Ym as isLegacyDefaultWindow,
   as as isObjectWithFields,
-  mv as isPrimitiveList,
+  hv as isPrimitiveList,
   ln as isRecord,
-  vv as isStringMap,
+  bv as isStringMap,
   Ho as isStructured,
-  fv as movedItem,
-  yv as newItem,
+  gv as movedItem,
+  wv as newItem,
   ir as numberListEditorKind,
   ta as readSceneDocument,
-  xy as readThumbnailDocument,
-  Ym as resolveInitialWindowSize,
+  Oy as readThumbnailDocument,
+  Xm as resolveInitialWindowSize,
   is as scalarEditorKind,
-  tg as screenEditorPrimeReactDefaults,
-  Ny as screenEditorRuntimeForProfile,
-  St as sliceNamedBy,
+  ng as screenEditorPrimeReactDefaults,
+  Ty as screenEditorRuntimeForProfile,
+  pt as sliceNamedBy,
   rr as stringListEditorKind,
   ss as stringMapEditorKind,
   rs as stringOrListEditorKind,
   Hn as structuredProblem,
-  Xg as thumbnailGeometry,
-  Iy as thumbnailMaxBodyHeight,
-  Ty as thumbnailWidth,
+  Zg as thumbnailGeometry,
+  Py as thumbnailMaxBodyHeight,
+  Iy as thumbnailWidth,
   Ey as toLayoutContainerDescriptors,
-  lg as toSceneCandidates,
-  hv as withField,
+  cg as toSceneCandidates,
+  fv as withField,
   os as withIdentities,
-  wv as withItem,
-  kv as withoutItem
+  kv as withItem,
+  Sv as withoutItem
 };