@cratis/event-models 0.220.2 → 0.221.0

package/dist/screen-editor/index.js

@@ -1,13 +1,13 @@
 import { c as Ha, d as Va, f as We, l as Xi, m as oo, p as Ja, s as Qa, t as er, u as Zt } from "./defaultStructuredEditorStrings-Ch1I0Lci.js";
 import { t as tr } from "./QueryBindingEditor-MTd0R7iQ.js";
 import { i as Ya, n as Za, r as Xa, t as es } from "./toTemplateSources-B9ALGe3x.js";
-import { _ as ts, a as iv, c as Ko, d as nr, f as ns, g as rv, h as os, i as is, l as av, m as rs, n as sv, o as ln, p as or, r as as, s as lv, t as cv, u as dv, v as uv, y as pv } from "./structuredValue-vqCZttsk.js";
+import { _ as ts, a as rv, c as Ko, d as nr, f as ns, g as av, h as os, i as is, l as sv, m as rs, n as lv, o as ln, p as or, r as as, s as cv, t as dv, u as uv, v as pv, y as mv } from "./structuredValue-vqCZttsk.js";
 import { a as ve, n as ss, r as ls } from "./iconDiagnostics-Ds4CnqD0.js";
-import { t as fv } from "./StructuredValueEditor-CcwyOga0.js";
+import { t as gv } from "./StructuredValueEditor-CcwyOga0.js";
 import { createContext as cs, createElement as yt, useCallback as U, useContext as ds, useEffect as le, useId as us, useLayoutEffect as ye, useMemo as L, useRef as V, useState as z } from "react";
 import { LayoutArrangement as J, PrototypeOverlayFrame as ir } from "@cratis/scene/ScreenEditor";
-import { BindingMode as yv, BindingNullBehavior as wv, BindingSourceKind as kv, BindingSourceKind as Ot, CollectionOperation as be, ColorScheme as ps, ComponentCategory as ms, DestinationKind as Sv, DestinationKind as rr, DiagnosticCode as hs, EditTarget as fs, EditingScopeKind as Vt, FlowContainerKind as cn, FormGenerationMode as he, FormWidthUnit as we, GridUnitType as gs, HorizontalAlignment as io, InteractionActionKind as lt, InteractionTriggerKind as ar, NavigationRegionKind as qo, NavigationRegionMode as Oe, Orientation as ct, PackageKind as dt, PropertyEditorKind as Y, PropertyValueType as G, ProvenanceKind as Go, QueryOriginKind as vs, QueryResultShape as bs, SceneEditKind as Q, SceneNodeKind as ys, TemplateReferenceSource as ws, TemplateScope as ks, ValueSource as sr, VerticalAlignment as ro, Visibility as ao, componentCategories as Ss } from "@cratis/scene.model";
-import { ApplicationStructureIndex as Xt, EffectiveIconCatalog as Cs, NavigationEditKind as Ho, TemplateCatalogKind as lr, ToolbarDiagnosticSeverity as Ns, addNavItem as Ts, applicableTemplates as Is, applyEdit as cr, applyNavigationEdits as Ps, baseComponentLibraries as Os, componentArgumentSourcePrefix as xs, componentBadge as Vo, computeSizeClass as Rs, corePackage as so, createDescriptorCatalog as Ds, diagnoseNavigationRegions as Es, effectiveNavigation as dr, effectivePackages as ur, elementNodeId as oe, findComponentDescriptor as lo, findLayoutTypeDescriptor as Jo, inspect as co, isCanvas as ut, isDockPanel as Fs, isExternalComponent as qe, isGrid as uo, isPackageSelectionValid as As, isPanel as jt, isStackPanel as po, isThemeCompatible as Ms, isWrapPanel as _s, matchComponentQuery as $s, normalizeToolbarButton as Ls, packagesOfKind as Qo, rankFrequentlyUsedComponents as Bs, resolveComponentName as Tt, resolveEffectiveConfiguration as pr, resolveIconLibraries as js, resolvePackageDependencies as Us, resolveTemplateChain as mo, resolveToolbarButton as Ws, setApplicationLogo as zs, switchRegionMode as mr, toComponentCatalog as en, toolbarButtonFromItem as ho, validateToolbarButtons as Ks, validateValue as dn } from "@cratis/scene.engine";
+import { BindingMode as wv, BindingNullBehavior as kv, BindingSourceKind as Sv, BindingSourceKind as xt, CollectionOperation as be, ColorScheme as ps, ComponentCategory as ms, DestinationKind as Cv, DestinationKind as rr, DiagnosticCode as hs, EditTarget as fs, EditingScopeKind as Vt, FlowContainerKind as cn, FormGenerationMode as he, FormWidthUnit as we, GridUnitType as gs, HorizontalAlignment as io, InteractionActionKind as lt, InteractionTriggerKind as ar, NavigationRegionKind as qo, NavigationRegionMode as xe, Orientation as ct, PackageKind as dt, PropertyEditorKind as Y, PropertyValueType as G, ProvenanceKind as Go, QueryOriginKind as vs, QueryResultShape as bs, SceneEditKind as Q, SceneNodeKind as ys, TemplateReferenceSource as ws, TemplateScope as ks, ValueSource as sr, VerticalAlignment as ro, Visibility as ao, componentCategories as Ss } from "@cratis/scene.model";
+import { ApplicationStructureIndex as Xt, EffectiveIconCatalog as Cs, NavigationEditKind as Ho, TemplateCatalogKind as lr, ToolbarDiagnosticSeverity as Ns, addNavItem as Ts, applicableTemplates as Is, applyEdit as cr, applyNavigationEdits as Ps, baseComponentLibraries as xs, componentArgumentSourcePrefix as Os, componentBadge as Vo, computeSizeClass as Rs, corePackage as so, createDescriptorCatalog as Ds, diagnoseNavigationRegions as Es, effectiveNavigation as dr, effectivePackages as ur, elementNodeId as oe, findComponentDescriptor as lo, findLayoutTypeDescriptor as Jo, inspect as co, isCanvas as ut, isDockPanel as Fs, isExternalComponent as qe, isGrid as uo, isPackageSelectionValid as As, isPanel as jt, isStackPanel as po, isThemeCompatible as Ms, isWrapPanel as _s, matchComponentQuery as $s, normalizeToolbarButton as Ls, packagesOfKind as Qo, rankFrequentlyUsedComponents as Bs, resolveComponentName as Tt, resolveEffectiveConfiguration as pr, resolveIconLibraries as js, resolvePackageDependencies as Us, resolveTemplateChain as mo, resolveToolbarButton as Ws, setApplicationLogo as zs, switchRegionMode as mr, toComponentCatalog as en, toolbarButtonFromItem as ho, validateToolbarButtons as Ks, validateValue as dn } from "@cratis/scene.engine";
 import { Fragment as ae, jsx as a, jsxs as b } from "react/jsx-runtime";
 import { ErrorBoundary as He, IconButton as Ie, Tabs as qs } from "@cratis/components/Common";
 import { ColorScheme as Gs, ComponentName as Hs, LayoutConfigProvider as hr, LayoutMode as Vs, LayoutName as Js, TemplatePreviewState as at, applyTemplatePreviewState as Qs, composeApplicationScreen as Ys, composeScreenElement as Zs, defaultApplicationChrome as Xs, defaultBlueprint as fr, defaultBlueprintName as gr, effectiveShellOf as vr, externalComponent as fo, foundationSamples as el, previewProfile as tl, resolveElementComponentNames as go } from "@cratis/scene.blueprint.default";
@@ -15,7 +15,7 @@ import { IconAdapterProvider as br, SceneElementView as vo, SceneNavigationModel
 import { Toolbar as dl, ToolbarFolder as ul } from "@cratis/components/Toolbar";
 import { PrototypeLayout as Ze } from "@cratis/scene";
 import { FileUploadHandlerProvider as pl, QuillLoaderProvider as ml, primeReactPackage as Sr, primeReactThemes as Yo, usePrimeReactTheme as hl } from "@cratis/scene.primereact";
-import { FaAlignJustify as Zo, FaAlignLeft as fl, FaAngleDoubleRight as un, FaArrowsAltH as gl, FaBars as st, FaBell as vl, FaBolt as bl, FaBookmark as yl, FaBorderAll as wl, FaCalendarAlt as Xo, FaCaretSquareDown as ei, FaChartBar as Cr, FaCheckSquare as ti, FaClock as kl, FaClone as Sl, FaCode as Cl, FaCog as ni, FaColumns as pn, FaCommentAlt as Nl, FaCommentDots as Nr, FaCompass as Tl, FaCreditCard as Il, FaCube as Pl, FaDatabase as Ol, FaDesktop as Fn, FaEdit as mn, FaEllipsisH as xl, FaExclamationCircle as hn, FaExpandArrowsAlt as Rl, FaFileAlt as An, FaFileUpload as Dl, FaFilter as oi, FaFolderOpen as ii, FaFont as ri, FaGripLines as Be, FaGripLinesVertical as El, FaGripVertical as Fl, FaHashtag as ai, FaHeading as Ut, FaHistory as Al, FaHourglassHalf as Ml, FaIdBadge as _l, FaImage as Tr, FaImages as si, FaInfoCircle as $l, FaKeyboard as Ir, FaLayerGroup as Ll, FaLink as Bl, FaList as Pr, FaListAlt as fn, FaListOl as gn, FaLock as jl, FaMask as li, FaMobileAlt as Ul, FaMousePointer as Wt, FaObjectGroup as Wl, FaPaintBrush as zl, FaPalette as vn, FaPen as Kl, FaPercent as ql, FaPlay as Gl, FaProjectDiagram as Hl, FaPuzzlePiece as Or, FaRedo as Vl, FaRegCheckCircle as Jl, FaRegCircle as bn, FaRegSquare as bo, FaSave as Ql, FaSearch as ci, FaShapes as xr, FaSitemap as yn, FaSlidersH as Mn, FaSpinner as di, FaSquare as Yl, FaStar as Zl, FaStepForward as wn, FaStickyNote as Xl, FaStream as ec, FaTable as pt, FaTag as xt, FaTerminal as tc, FaTh as ui, FaThLarge as Rr, FaThList as yo, FaToggleOn as Dr, FaTools as nc, FaTrash as oc, FaTree as _n, FaUndo as ic, FaUser as rc, FaUserCircle as ac, FaVectorSquare as sc, FaWindowMaximize as mt, FaWindowRestore as lc } from "react-icons/fa";
+import { FaAlignJustify as Zo, FaAlignLeft as fl, FaAngleDoubleRight as un, FaArrowsAltH as gl, FaBars as st, FaBell as vl, FaBolt as bl, FaBookmark as yl, FaBorderAll as wl, FaCalendarAlt as Xo, FaCaretSquareDown as ei, FaChartBar as Cr, FaCheckSquare as ti, FaClock as kl, FaClone as Sl, FaCode as Cl, FaCog as ni, FaColumns as pn, FaCommentAlt as Nl, FaCommentDots as Nr, FaCompass as Tl, FaCreditCard as Il, FaCube as Pl, FaDatabase as xl, FaDesktop as Fn, FaEdit as mn, FaEllipsisH as Ol, FaExclamationCircle as hn, FaExpandArrowsAlt as Rl, FaFileAlt as An, FaFileUpload as Dl, FaFilter as oi, FaFolderOpen as ii, FaFont as ri, FaGripLines as Be, FaGripLinesVertical as El, FaGripVertical as Fl, FaHashtag as ai, FaHeading as Ut, FaHistory as Al, FaHourglassHalf as Ml, FaIdBadge as _l, FaImage as Tr, FaImages as si, FaInfoCircle as $l, FaKeyboard as Ir, FaLayerGroup as Ll, FaLink as Bl, FaList as Pr, FaListAlt as fn, FaListOl as gn, FaLock as jl, FaMask as li, FaMobileAlt as Ul, FaMousePointer as Wt, FaObjectGroup as Wl, FaPaintBrush as zl, FaPalette as vn, FaPen as Kl, FaPercent as ql, FaPlay as Gl, FaProjectDiagram as Hl, FaPuzzlePiece as xr, FaRedo as Vl, FaRegCheckCircle as Jl, FaRegCircle as bn, FaRegSquare as bo, FaSave as Ql, FaSearch as ci, FaShapes as Or, FaSitemap as yn, FaSlidersH as Mn, FaSpinner as di, FaSquare as Yl, FaStar as Zl, FaStepForward as wn, FaStickyNote as Xl, FaStream as ec, FaTable as pt, FaTag as Ot, FaTerminal as tc, FaTh as ui, FaThLarge as Rr, FaThList as yo, FaToggleOn as Dr, FaTools as nc, FaTrash as oc, FaTree as _n, FaUndo as ic, FaUser as rc, FaUserCircle as ac, FaVectorSquare as sc, FaWindowMaximize as mt, FaWindowRestore as lc } from "react-icons/fa";
 import "@cratis/scene.primereact/primeReactTheme.css";
 import { LuChevronLeft as cc, LuChevronRight as dc, LuCopy as uc, LuCornerDownRight as pc, LuLink as mc, LuLock as Er, LuPanelLeft as hc, LuPlus as fc, LuTrash2 as gc, LuZap as vc } from "react-icons/lu";
 import { PrimeReactProvider as bc } from "@primereact/core/config";
@@ -28,8 +28,8 @@ import { styles as Nc } from "@primereact/styles/breadcrumb";
 import { styles as Tc } from "@primereact/styles/button";
 import { styles as Ic } from "@primereact/styles/buttongroup";
 import { styles as Pc } from "@primereact/styles/card";
-import { styles as Oc } from "@primereact/styles/carousel";
-import { styles as xc } from "@primereact/styles/checkbox";
+import { styles as xc } from "@primereact/styles/carousel";
+import { styles as Oc } from "@primereact/styles/checkbox";
 import { styles as Rc } from "@primereact/styles/checkboxgroup";
 import { styles as Dc } from "@primereact/styles/chip";
 import { styles as Ec } from "@primereact/styles/compare";
@@ -81,8 +81,8 @@ import { styles as Nd } from "@primereact/styles/speeddial";
 import { styles as Td } from "@primereact/styles/splitter";
 import { styles as Id } from "@primereact/styles/stepper";
 import { styles as Pd } from "@primereact/styles/tabs";
-import { styles as Od } from "@primereact/styles/tag";
-import { styles as xd } from "@primereact/styles/terminal";
+import { styles as xd } from "@primereact/styles/tag";
+import { styles as Od } from "@primereact/styles/terminal";
 import { styles as Rd } from "@primereact/styles/textarea";
 import { styles as Dd } from "@primereact/styles/timeline";
 import { styles as Ed } from "@primereact/styles/toast";
@@ -231,13 +231,13 @@ function Br(e, t) {
   if (r != null && typeof r == "object") return au(r, n, o, i);
   const s = o[mi], l = typeof o.legacyType == "string" && o.legacyType !== "" ? o[pi] : void 0, c = l ?? (jt(e) ? tu(Lr(e)) : t(qe(e) ? e.componentName : "")), u = qe(e) ? e.componentName : "", { [pi]: d, [mi]: p, [Ve]: m, [Je]: h, ...g } = o, f = {};
   for (const C of s?.topKeys ?? []) C in g && (f[C] = g[C], delete g[C]);
-  const v = me(m, s?.position.x ?? 0), w = me(h, s?.position.y ?? 0), P = n.name ?? "", O = s?.emptyName === !0 && P === (l ?? "");
+  const v = me(m, s?.position.x ?? 0), w = me(h, s?.position.y ?? 0), P = n.name ?? "", x = s?.emptyName === !0 && P === (l ?? "");
   return {
     ...ru(n, s),
     ...f,
     _derivedTypeId: c ?? "externalComponent",
     id: n.id,
-    ...O ? {} : { name: P },
+    ...x ? {} : { name: P },
     componentName: c ? c.slice(c.lastIndexOf(".") + 1) : $r(u),
     properties: {
       ...g,
@@ -355,7 +355,7 @@ function Wr(e, t, n, o = 0, i = null) {
     return c ? [u, ...Wr(l, t, n, o + 1, s)] : [u];
   });
 }
-var xe = /* @__PURE__ */ (function(e) {
+var Oe = /* @__PURE__ */ (function(e) {
   return e.MoveUp = "moveUp", e.MoveDown = "moveDown", e.Outdent = "outdent", e.Indent = "indent", e;
 })({});
 function lu(e, t, n, o) {
@@ -363,19 +363,19 @@ function lu(e, t, n, o) {
   if (!i) return;
   const r = i.parent === null ? null : o.idOf(i.parent);
   switch (n) {
-    case xe.MoveUp:
+    case Oe.MoveUp:
       return i.index > 0 ? {
         nodeId: t,
         targetParentId: r,
         index: i.index - 1
       } : void 0;
-    case xe.MoveDown:
+    case Oe.MoveDown:
       return i.index < i.siblings.length - 1 ? {
         nodeId: t,
         targetParentId: r,
         index: i.index + 1
       } : void 0;
-    case xe.Outdent: {
+    case Oe.Outdent: {
       if (i.parent === null) return;
       const s = ke(e, o.idOf(i.parent), o);
       return {
@@ -384,7 +384,7 @@ function lu(e, t, n, o) {
         index: s.index + 1
       };
     }
-    case xe.Indent: {
+    case Oe.Indent: {
       const s = i.index > 0 ? i.siblings[i.index - 1] : void 0;
       return !s || !o.acceptsChildren(s) ? void 0 : {
         nodeId: t,
@@ -477,17 +477,17 @@ function uu({ row: e, adapter: t, strings: n, isSelected: o, isFocusable: i, dro
   });
 }
 var hi = {
-  ArrowUp: xe.MoveUp,
-  ArrowDown: xe.MoveDown,
-  ArrowLeft: xe.Outdent,
-  ArrowRight: xe.Indent
+  ArrowUp: Oe.MoveUp,
+  ArrowDown: Oe.MoveDown,
+  ArrowLeft: Oe.Outdent,
+  ArrowRight: Oe.Indent
 };
 function Kr({ roots: e, adapter: t, strings: n, selectedId: o, onSelect: i, onEdit: r, onRemove: s }) {
   const [l, c] = z(() => new Set(e.flatMap((I) => [t.idOf(I), ...t.childrenOf(I).map((N) => t.idOf(N))]))), [u, d] = z(o), [p, m] = z(), [h, g] = z(), [f, v] = z(""), w = L(() => Wr(e, l, t), [
     e,
     l,
     t
-  ]), P = w.some((I) => I.id === u) ? u : w[0]?.id, O = U((I) => c((N) => {
+  ]), P = w.some((I) => I.id === u) ? u : w[0]?.id, x = U((I) => c((N) => {
     const E = new Set(N);
     return E.delete(I) || E.add(I), E;
   }), []), C = U((I) => {
@@ -522,10 +522,10 @@ function Kr({ roots: e, adapter: t, strings: n, selectedId: o, onSelect: i, onEd
         I.preventDefault(), k(w[w.length - 1]?.id);
         break;
       case "ArrowRight":
-        I.preventDefault(), B.hasChildren && !B.isExpanded ? O(N) : k(w[E + 1]?.parentId === N ? w[E + 1].id : void 0);
+        I.preventDefault(), B.hasChildren && !B.isExpanded ? x(N) : k(w[E + 1]?.parentId === N ? w[E + 1].id : void 0);
         break;
       case "ArrowLeft":
-        I.preventDefault(), B.isExpanded ? O(N) : k(B.parentId ?? void 0);
+        I.preventDefault(), B.isExpanded ? x(N) : k(B.parentId ?? void 0);
         break;
       case "Enter":
       case " ":
@@ -559,7 +559,7 @@ function Kr({ roots: e, adapter: t, strings: n, selectedId: o, onSelect: i, onEd
       onSelect: (N) => {
         d(N), i(N);
       },
-      onToggle: O,
+      onToggle: x,
       onKeyDown: y,
       onDragStart: m,
       onDragOver: T,
@@ -739,7 +739,7 @@ var ku = (e, t) => {
       })
     ]
   });
-}, Un = xs;
+}, Un = Os;
 function Cu(e, t) {
   return `${Un}${e}.${t}`;
 }
@@ -845,11 +845,11 @@ var Tu = ({ component: e, descriptor: t, controller: n, environment: o, strings:
       children: c.diagnostic
     })]
   });
-}, Ou = "commandForm", Wn = "command", Hr = (e) => e.slice(e.lastIndexOf(":") + 1) === Ou;
+}, xu = "commandForm", Wn = "command", Hr = (e) => e.slice(e.lastIndexOf(":") + 1) === xu;
 function Vr(e, t) {
-  return e.flatMap((n) => [...qe(n) && Hr(n.componentName) ? [xu(n, t)] : [], ...Vr(Zt(n), t)]);
+  return e.flatMap((n) => [...qe(n) && Hr(n.componentName) ? [Ou(n, t)] : [], ...Vr(Zt(n), t)]);
 }
-function xu(e, t) {
+function Ou(e, t) {
   const n = e.properties?.[Wn], o = typeof n == "string" ? n : "";
   return {
     elementId: e.id,
@@ -903,10 +903,10 @@ var Du = ({ controller: e, slices: t, strings: n, disabled: o }) => {
 function Eu(e) {
   return {
     columns: [{
-      index: 0,
+      index: 1,
       width: De(1)
     }, {
-      index: 1,
+      index: 2,
       width: De(1)
     }],
     placements: e.map((t, n) => No(t.name, n)),
@@ -914,22 +914,46 @@ function Eu(e) {
     rowGap: De(12, we.Pixels)
   };
 }
-function It(e) {
-  const t = e.layout ?? Eu(e.fields), n = e.fields.map((o, i) => Jr(t, o.name) ?? o.placement ?? No(o.name, i));
+function Fu(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) => ({
+    ...o,
+    row: o.row + 1,
+    column: o.column + 1
+  });
   return {
     ...e,
     layout: {
       ...t,
-      placements: n
+      columns: t.columns.map((o) => ({
+        ...o,
+        index: o.index + 1
+      })),
+      placements: t.placements.map(n)
     },
-    fields: e.fields.map((o, i) => ({
+    fields: e.fields.map((o) => o.placement ? {
       ...o,
-      placement: n[i]
+      placement: n(o.placement)
+    } : o)
+  };
+}
+function It(e) {
+  const t = Fu(e), n = t.layout ?? Eu(t.fields), o = t.fields.map((i, r) => Jr(n, i.name) ?? i.placement ?? No(i.name, r));
+  return {
+    ...t,
+    layout: {
+      ...n,
+      placements: o
+    },
+    fields: t.fields.map((i, r) => ({
+      ...i,
+      placement: o[r]
     }))
   };
 }
-function Fu(e, t, n) {
-  const o = It(e), i = Mu(n(Jr(o.layout, t) ?? No(t, o.fields.findIndex((r) => r.name === t))));
+function Au(e, t, n) {
+  const o = It(e), i = _u(n(Jr(o.layout, t) ?? No(t, o.fields.findIndex((r) => r.name === t))));
   return {
     ...o,
     layout: {
@@ -942,7 +966,7 @@ function Fu(e, t, n) {
     } : r)
   };
 }
-function Au(e, t, n) {
+function Mu(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
@@ -974,17 +998,17 @@ function Jr(e, t) {
 function No(e, t) {
   return {
     field: e,
-    row: Math.floor(t / 2),
-    column: t % 2,
+    row: Math.floor(t / 2) + 1,
+    column: t % 2 + 1,
     rowSpan: 1,
     columnSpan: 1
   };
 }
-function Mu(e) {
+function _u(e) {
   return {
     ...e,
-    row: Math.max(0, e.row),
-    column: Math.max(0, e.column),
+    row: Math.max(1, e.row),
+    column: Math.max(1, e.column),
     rowSpan: Math.max(1, e.rowSpan ?? 1),
     columnSpan: Math.max(1, e.columnSpan ?? 1)
   };
@@ -997,21 +1021,21 @@ function zn(e) {
     fields: e.inputs.map((t) => ({ name: t.name }))
   };
 }
-function _u(e, t) {
+function $u(e, t) {
   return It({
     ...e,
     generationMode: he.Manual,
-    fields: $u(t)
+    fields: Lu(t)
   });
 }
-function $u(e) {
+function Lu(e) {
   return e.inputs.map((t) => ({
     name: t.name,
     sourceProperty: t.name,
     label: t.name
   }));
 }
-function Lu(e, t) {
+function Bu(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) ? he.Auto : he.Manual;
 }
 function gi(e, t, n) {
@@ -1020,19 +1044,19 @@ function gi(e, t, n) {
     fields: e.fields.map((o, i) => i === t ? n : o)
   };
 }
-function Bu(e, t) {
+function ju(e, t) {
   return t ? e.find((n) => n.forCommand === kt(t)) : void 0;
 }
-var ju = St, Ee = /* @__PURE__ */ (function(e) {
+var Uu = St, Ee = /* @__PURE__ */ (function(e) {
   return e.AutoMapped = "autoMapped", e.Renamed = "renamed", e.Composed = "composed", e.Broken = "broken", e;
 })({});
-function Uu(e, t) {
+function Wu(e, t) {
   return e.fields.map((n) => ({
     field: n,
-    kind: Wu(n, t)
+    kind: zu(n, t)
   }));
 }
-function Wu(e, t) {
+function zu(e, t) {
   if (e.composeUsing) return Ee.Composed;
   const n = e.sourceProperty ?? e.name;
   return t.includes(n) ? e.sourceProperty ? Ee.Renamed : Ee.AutoMapped : Ee.Broken;
@@ -1040,8 +1064,8 @@ function Wu(e, t) {
 var ze = /* @__PURE__ */ (function(e) {
   return e.None = "none", e.ViaQuery = "viaQuery", e.FromItem = "fromItem", e;
 })({});
-function zu(e) {
-  return e ? Ku(e) ? {
+function Ku(e) {
+  return e ? qu(e) ? {
     kind: ze.ViaQuery,
     queryName: e.queryName,
     parameterNames: Object.keys(e.parameterBindings)
@@ -1053,26 +1077,26 @@ function zu(e) {
     parameterNames: []
   };
 }
-function Ku(e) {
+function qu(e) {
   return "queryName" in e;
 }
-var qu = {
+var Gu = {
   [Ee.AutoMapped]: "Auto-mapped",
   [Ee.Renamed]: "Renamed",
   [Ee.Composed]: "Composed",
   [Ee.Broken]: "Broken"
-}, Gu = {
+}, Hu = {
   [ze.None]: "No populate source",
   [ze.ViaQuery]: "Populate via query",
   [ze.FromItem]: "Populate from item"
 };
-function Hu({ form: e, commandProperties: t, onFieldSelected: n }) {
-  const o = zu(e.populateSource), i = Uu(e, t);
+function Vu({ form: e, commandProperties: t, onFieldSelected: n }) {
+  const o = Ku(e.populateSource), i = Wu(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: Gu[o.kind] }), o.kind === ze.ViaQuery && /* @__PURE__ */ b("span", {
+      children: [/* @__PURE__ */ a("span", { children: Hu[o.kind] }), o.kind === ze.ViaQuery && /* @__PURE__ */ b("span", {
         className: "studio-editor-form-designer-populate-source-detail",
         children: [o.queryName, o.parameterNames.length > 0 && ` by ${o.parameterNames.join(", ")}`]
       })]
@@ -1088,7 +1112,7 @@ function Hu({ form: e, commandProperties: t, onFieldSelected: n }) {
           }),
           /* @__PURE__ */ a("span", {
             className: "studio-editor-form-designer-field-kind",
-            children: qu[s]
+            children: Gu[s]
           }),
           r.sourceProperty && /* @__PURE__ */ b("span", {
             className: "studio-editor-form-designer-field-detail",
@@ -1103,18 +1127,18 @@ function Hu({ form: e, commandProperties: t, onFieldSelected: n }) {
     })]
   });
 }
-var Vu = ({ form: e, strings: t, onChange: n }) => {
+var Ju = ({ form: e, strings: t, onChange: n }) => {
   const o = It(e), i = o.layout;
   return /* @__PURE__ */ b("div", {
     className: "studio-editor-properties__form-layout",
     children: [
       /* @__PURE__ */ b("fieldset", { children: [/* @__PURE__ */ a("legend", { children: t.columns }), i.columns.map((r) => /* @__PURE__ */ b("div", {
         className: "studio-editor-properties__form-layout-row",
-        children: [/* @__PURE__ */ a("span", { children: t.column(r.index + 1) }), /* @__PURE__ */ a(Kt, {
-          name: t.column(r.index + 1),
+        children: [/* @__PURE__ */ a("span", { children: t.column(r.index) }), /* @__PURE__ */ a(Kt, {
+          name: t.column(r.index),
           value: r.width ?? De(),
           strings: t,
-          onChange: (s) => n(Au(o, r.index, s))
+          onChange: (s) => n(Mu(o, r.index, s))
         })]
       }, r.index))] }),
       /* @__PURE__ */ b("fieldset", { children: [
@@ -1140,22 +1164,23 @@ var Vu = ({ 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(Ju, {
+        return /* @__PURE__ */ b("fieldset", { children: [/* @__PURE__ */ a("legend", { children: r.label || r.name }), /* @__PURE__ */ a(Qu, {
           placement: s,
           strings: t,
-          onChange: (l) => n(Fu(o, r.name, () => l))
+          onChange: (l) => n(Au(o, r.name, () => l))
         })] }, r.name);
       })] })
     ]
   });
-}, Ju = ({ placement: e, strings: t, onChange: n }) => /* @__PURE__ */ b(ae, { children: [
+}, Qu = ({ placement: e, strings: t, onChange: n }) => /* @__PURE__ */ b(ae, { children: [
   /* @__PURE__ */ a(Rt, {
     label: t.row,
     value: e.row,
     onChange: (o) => n({
       ...e,
       row: o
-    })
+    }),
+    minimum: 1
   }),
   /* @__PURE__ */ a(Rt, {
     label: t.columnPlacement,
@@ -1163,7 +1188,8 @@ var Vu = ({ form: e, strings: t, onChange: n }) => {
     onChange: (o) => n({
       ...e,
       column: o
-    })
+    }),
+    minimum: 1
   }),
   /* @__PURE__ */ a(Rt, {
     label: t.rowSpan,
@@ -1225,8 +1251,8 @@ function vi(e, t) {
     value: Number.isFinite(n) ? n : 0
   };
 }
-var Qu = ({ 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 = Lu(e, t) === he.Auto;
+var Yu = ({ 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 = Bu(e, t) === he.Auto;
   return /* @__PURE__ */ b("fieldset", {
     className: "studio-editor-properties__form",
     disabled: i,
@@ -1234,7 +1260,7 @@ var Qu = ({ 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 ? he.Auto : he.Manual,
-        onChange: (c) => t && r(c.target.value === he.Auto ? zn(t) : _u(e, t)),
+        onChange: (c) => t && r(c.target.value === he.Auto ? zn(t) : $u(e, t)),
         children: [/* @__PURE__ */ a("option", {
           value: he.Auto,
           children: o.auto
@@ -1243,7 +1269,7 @@ var Qu = ({ form: e, slice: t, idPrefix: n, strings: o, disabled: i, onChange: r
           children: o.manual
         })]
       })] }),
-      /* @__PURE__ */ a(Hu, {
+      /* @__PURE__ */ a(Vu, {
         form: e,
         commandProperties: s
       }),
@@ -1271,15 +1297,15 @@ var Qu = ({ 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(Vu, {
+      !l && /* @__PURE__ */ a(Ju, {
         form: e,
         strings: o,
         onChange: r
       })
     ]
   });
-}, Yu = ({ 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 = Bu(o, d), m = t !== void 0 && t !== "" && !d;
+}, Zu = ({ elementId: e, command: t, slices: n, forms: o, strings: i, disabled: r, onCommandChange: s, onFormChange: l, onFormCreate: c }) => {
+  const u = i.properties.commandForm, d = Uu(n, t), p = ju(o, d), m = t !== void 0 && t !== "" && !d;
   return /* @__PURE__ */ b("fieldset", {
     className: "studio-editor-query studio-editor-properties__command-form",
     disabled: r,
@@ -1317,7 +1343,7 @@ var Qu = ({ form: e, slice: t, idPrefix: n, strings: o, disabled: i, onChange: r
         onClick: () => c(d),
         children: u.createForm(d.name)
       }),
-      d && p && /* @__PURE__ */ a(Qu, {
+      d && p && /* @__PURE__ */ a(Yu, {
         form: p,
         slice: d,
         idPrefix: `${e}-form`,
@@ -1327,8 +1353,8 @@ var Qu = ({ form: e, slice: t, idPrefix: n, strings: o, disabled: i, onChange: r
       })
     ]
   });
-}, Zu = ({ outlets: e, disabled: t, strings: n, onChange: o }) => {
-  const i = (c, u) => o(e.map((d, p) => p === c ? Xu(u) : d)), r = (c) => o(e.filter((u, d) => d !== c)), s = (c, u) => o(ep(e, c, u)), l = () => o([...e, { name: tp(e, n.newOutletName) }]);
+}, Xu = ({ outlets: e, disabled: t, strings: n, onChange: o }) => {
+  const i = (c, u) => o(e.map((d, p) => p === c ? ep(u) : d)), r = (c) => o(e.filter((u, d) => d !== c)), s = (c, u) => o(tp(e, c, u)), l = () => o([...e, { name: np(e, n.newOutletName) }]);
   return /* @__PURE__ */ b("section", {
     className: "studio-editor-outlets",
     children: [
@@ -1385,17 +1411,17 @@ var Qu = ({ form: e, slice: t, idPrefix: n, strings: o, disabled: i, onChange: r
     ]
   });
 };
-function Xu(e) {
+function ep(e) {
   return {
     name: e.name,
     ...e.description ? { description: e.description } : {}
   };
 }
-function ep(e, t, n) {
+function tp(e, t, n) {
   const o = [...e], [i] = o.splice(t, 1);
   return i && o.splice(n, 0, i), o;
 }
-function tp(e, t) {
+function np(e, t) {
   const n = new Set(e.map((o) => o.name));
   if (!n.has(t)) return t;
   for (let o = 2; ; o++) {
@@ -1403,24 +1429,24 @@ function tp(e, t) {
     if (!n.has(i)) return i;
   }
 }
-function np(e, t, n, o) {
+function op(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 Qs(go(Zs(i), o, r), t);
 }
-function op(e, t) {
+function ip(e, t) {
   return t.find((n) => n.name === e && n.kind === lr.ScreenTemplate);
 }
 var ft = /* @__PURE__ */ (function(e) {
   return e.Desktop = "desktop", e.Tablet = "tablet", e.Phone = "phone", e;
-})({}), ip = ({ templateName: e, environment: t, strings: n, disabled: o, onApply: i, onDiscard: r }) => {
-  const [s, l] = z(at.Populated), [c, u] = z(ft.Desktop), { bundles: d, profile: p, registry: m, designTime: h } = t.runtime, g = L(() => np(e, s, d, p), [
+})({}), rp = ({ templateName: e, environment: t, strings: n, disabled: o, onApply: i, onDiscard: r }) => {
+  const [s, l] = z(at.Populated), [c, u] = z(ft.Desktop), { bundles: d, profile: p, registry: m, designTime: h } = t.runtime, g = L(() => op(e, s, d, p), [
     e,
     s,
     d,
     p
-  ]), f = op(e, h.host.templates);
+  ]), f = ip(e, h.host.templates);
   return /* @__PURE__ */ b("section", {
     className: "studio-editor-template-preview",
     "aria-label": n.preview(e),
@@ -1530,7 +1556,7 @@ var ft = /* @__PURE__ */ (function(e) {
             children: c
           }, c))]
         })] }),
-        /* @__PURE__ */ a(Zu, {
+        /* @__PURE__ */ a(Xu, {
           outlets: s.outlets ?? [],
           disabled: o,
           strings: n.properties.outlets,
@@ -1539,16 +1565,16 @@ var ft = /* @__PURE__ */ (function(e) {
       ]
     });
   }
-  return /* @__PURE__ */ a(rp, {
+  return /* @__PURE__ */ a(ap, {
     controller: e,
     environment: t,
     strings: n,
     disabled: o
   });
-}, rp = ({ controller: e, environment: t, strings: n, disabled: o }) => {
+}, ap = ({ controller: e, environment: t, strings: n, disabled: o }) => {
   const i = n.properties.templates, [r, s] = z(), l = e.document.screens.find((g) => g.name === ge);
   if (!l) return null;
-  const c = (g) => e.setScreenTemplate(t.runtime.bundles.flatMap((f) => f.screenTemplates ?? []).find((f) => f.name === g), i.choose), u = L(() => ap(Is({ blueprints: es(t.runtime.bundles) }, Za({
+  const c = (g) => e.setScreenTemplate(t.runtime.bundles.flatMap((f) => f.screenTemplates ?? []).find((f) => f.name === g), i.choose), u = L(() => sp(Is({ blueprints: es(t.runtime.bundles) }, Za({
     bundles: t.runtime.bundles,
     profile: t.runtime.profile,
     scope: t.templateScope
@@ -1568,7 +1594,7 @@ var ft = /* @__PURE__ */ (function(e) {
     className: "studio-editor-properties__templates",
     children: [
       /* @__PURE__ */ a("strong", { children: i.label }),
-      r && /* @__PURE__ */ a(ip, {
+      r && /* @__PURE__ */ a(rp, {
         templateName: r,
         environment: t,
         strings: i,
@@ -1594,7 +1620,7 @@ var ft = /* @__PURE__ */ (function(e) {
     ]
   });
 };
-function ap(e) {
+function sp(e) {
   const t = (n) => n.map((o) => ({
     ...o,
     templates: o.templates.filter((i) => i.kind === lr.ScreenTemplate)
@@ -1611,8 +1637,8 @@ function bi(e) {
   const t = Object.fromEntries(Object.entries(e).filter(([, n]) => n !== void 0 && n !== ""));
   return Object.keys(t).length > 0 ? t : void 0;
 }
-var sp = ({ templates: e, referencedTemplates: t, disabled: n, strings: o, onChange: i }) => {
-  const r = (u, d) => i(e.map((p, m) => m === u ? cp(d) : p)), s = (u) => i(e.filter((d, p) => p !== u)), l = (u, d) => i(dp(e, u, d)), c = () => i([...e, lp(up(e, o.newTemplateName))]);
+var lp = ({ templates: e, referencedTemplates: t, disabled: n, strings: o, onChange: i }) => {
+  const r = (u, d) => i(e.map((p, m) => m === u ? dp(d) : p)), s = (u) => i(e.filter((d, p) => p !== u)), l = (u, d) => i(up(e, u, d)), c = () => i([...e, cp(pp(e, o.newTemplateName))]);
   return /* @__PURE__ */ b("section", {
     className: "studio-editor-dialog-templates",
     children: [
@@ -1681,14 +1707,14 @@ var sp = ({ templates: e, referencedTemplates: t, disabled: n, strings: o, onCha
     ]
   });
 };
-function lp(e) {
+function cp(e) {
   return {
     name: e,
     slots: [{ name: "content" }],
     behaviors: []
   };
 }
-function cp(e) {
+function dp(e) {
   return {
     name: e.name,
     slots: e.slots.length > 0 ? e.slots : [{ name: "content" }],
@@ -1700,11 +1726,11 @@ function cp(e) {
     ...e.metadata ? { metadata: e.metadata } : {}
   };
 }
-function dp(e, t, n) {
+function up(e, t, n) {
   const o = [...e], [i] = o.splice(t, 1);
   return i && o.splice(n, 0, i), o;
 }
-function up(e, t) {
+function pp(e, t) {
   const n = new Set(e.map((o) => o.name));
   if (!n.has(t)) return t;
   for (let o = 2; ; o++) {
@@ -1712,14 +1738,14 @@ function up(e, t) {
     if (!n.has(i)) return i;
   }
 }
-var pp = ({ controller: e, strings: t, disabled: n }) => /* @__PURE__ */ a(sp, {
+var mp = ({ controller: e, strings: t, disabled: n }) => /* @__PURE__ */ a(lp, {
   templates: e.document.dialogTemplates,
-  referencedTemplates: mp(e.document),
+  referencedTemplates: hp(e.document),
   disabled: n,
   strings: t.properties.dialogTemplates,
   onChange: (o) => e.setDialogTemplates(o, t.properties.dialogTemplates.label)
 });
-function mp(e) {
+function hp(e) {
   const t = /* @__PURE__ */ new Set();
   return gt(e.screens, t), gt(e.screenTemplates, t), gt(e.instanceContributions, t), t;
 }
@@ -1733,13 +1759,13 @@ function gt(e, t) {
   typeof n.dialog == "string" && n.dialog.length > 0 && t.add(n.dialog);
   for (const o of Object.values(n)) gt(o, t);
 }
-var hp = (e, t, n = !1) => ({
+var fp = (e, t, n = !1) => ({
   kind: Q.ChangeLayoutType,
   nodeId: e,
   to: t,
   ...n ? { acceptLoss: !0 } : {}
 });
-function fp(e, t, n) {
+function gp(e, t, n) {
   if (t) return { kind: "applied" };
   const o = n.find((i) => i.code === hs.LossyConversionNotAccepted);
   return o ? {
@@ -1754,11 +1780,11 @@ function fp(e, t, n) {
     diagnostics: [...n]
   };
 }
-var gp = ({ inspection: e, controller: t, strings: n, disabled: o }) => {
+var vp = ({ inspection: e, controller: t, strings: n, disabled: o }) => {
   const i = n.properties, [r, s] = z(), 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), m = fp(d, p.applied, p.diagnostics);
+    const p = t.tryApply(d, i.changeLayout), m = gp(d, p.applied, p.diagnostics);
     s(m.kind === "confirm" ? {
       lost: m.lost,
       edit: m.edit
@@ -1769,7 +1795,7 @@ var gp = ({ 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(hp(e.nodeId, d.target.value)),
+      onChange: (d) => u(fp(e.nodeId, d.target.value)),
       children: [/* @__PURE__ */ a("option", {
         value: e.typeId,
         children: l.label
@@ -1800,7 +1826,7 @@ var gp = ({ inspection: e, controller: t, strings: n, disabled: o }) => {
     })]
   });
 };
-function vp(e, t, n, o = {}) {
+function bp(e, t, n, o = {}) {
   const i = {
     component: t,
     path: n,
@@ -1814,7 +1840,7 @@ function vp(e, t, n, o = {}) {
     property: i
   };
 }
-function bp(e, t, n) {
+function yp(e, t, n) {
   return {
     kind: Q.UnexposeProperty,
     owner: e,
@@ -1822,24 +1848,24 @@ function bp(e, t, n) {
     path: n
   };
 }
-var yp = (e, t, n, o) => e.exposures.some((i) => i.owner === t && i.properties.some((r) => r.component === n && r.path === o)), wp = [
+var wp = (e, t, n, o) => e.exposures.some((i) => i.owner === t && i.properties.some((r) => r.component === n && r.path === o)), kp = [
   be.Add,
   be.Remove,
   be.Reorder,
   be.EditFields
-], kp = ({ inspection: e, componentId: t, controller: n, strings: o, authoringTemplate: i }) => {
+], Sp = ({ 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 !== G.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 = yp(n.document, i, t, c), d = l.descriptor.valueType === G.Collection;
+      const c = l.descriptor.path, u = wp(n.document, i, t, c), d = l.descriptor.valueType === G.Collection;
       return /* @__PURE__ */ a("li", { children: /* @__PURE__ */ b("label", { children: [
         /* @__PURE__ */ a("input", {
           type: "checkbox",
           checked: u,
-          onChange: (p) => n.apply(p.target.checked ? vp(i, t, c, d ? { operations: wp } : {}) : bp(i, t, c), u ? r.unexposeProperty : r.exposeProperty)
+          onChange: (p) => n.apply(p.target.checked ? bp(i, t, c, d ? { operations: kp } : {}) : yp(i, t, c), u ? r.unexposeProperty : r.exposeProperty)
         }),
         /* @__PURE__ */ a("span", { children: l.descriptor.label }),
         u && /* @__PURE__ */ a("em", { children: r.exposedToScopes })
@@ -1900,7 +1926,7 @@ function wi(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 = Ha(t), { editor: m, failed: h } = wi(e, d?.id), { editor: g } = wi(e, p ? "bindingExpression" : void 0), f = n.strings.editors, v = !t.editable || c.readOnly === !0, w = t.editable ? c.readOnly === !0 ? f.readOnly : void 0 : t.reason ?? f.inherited, P = t.effectiveValue, O = Sp(t, r), C = P == null || !Ko(c) ? void 0 : dn(c, P) ?? Kn(c, P), k = C !== void 0 && dn(c, P) !== void 0 ? ts(c, P) : void 0, y = k !== void 0 && dn(c, k) === void 0, T = (E) => i(t, E), A = p && Qa(P), I = c.valueType === "boolean", N = Ko(c);
+  const l = s === "popover", { descriptor: c } = t, u = `pe-${o}-${c.path}`.replace(/[^A-Za-z0-9_-]/g, "-"), d = e.resolve(c), p = Ha(t), { editor: m, failed: h } = wi(e, d?.id), { editor: g } = wi(e, p ? "bindingExpression" : void 0), f = n.strings.editors, v = !t.editable || c.readOnly === !0, w = t.editable ? c.readOnly === !0 ? f.readOnly : void 0 : t.reason ?? f.inherited, P = t.effectiveValue, x = Cp(t, r), C = P == null || !Ko(c) ? void 0 : dn(c, P) ?? Kn(c, P), k = C !== void 0 && dn(c, P) !== void 0 ? ts(c, P) : void 0, y = k !== void 0 && dn(c, k) === void 0, T = (E) => i(t, E), A = p && Qa(P), I = c.valueType === "boolean", N = Ko(c);
   return /* @__PURE__ */ b("div", {
     className: `studio-editor-field${I ? " studio-editor-field--inline" : ""}`,
     "data-property": c.path,
@@ -1951,7 +1977,7 @@ var To = ({ registry: e, property: t, context: n, componentId: o, onChange: i, d
             disabled: v,
             ...l ? { inline: !0 } : {},
             ...w ? { readOnlyReason: w } : {},
-            ...O ? { problem: O } : {}
+            ...x ? { problem: x } : {}
           })
         }, o) : h ? /* @__PURE__ */ a("p", {
           className: "studio-editor-binding__missing",
@@ -1983,17 +2009,17 @@ var To = ({ registry: e, property: t, context: n, componentId: o, onChange: i, d
         "data-reason": !0,
         children: w
       }),
-      O && /* @__PURE__ */ a("p", {
+      x && /* @__PURE__ */ a("p", {
         id: `${u}-problem`,
         className: "studio-editor-field__problem",
         role: "alert",
-        "data-code": O.code,
-        children: O.message
+        "data-code": x.code,
+        children: x.message
       })
     ]
   });
 };
-function Sp(e, t) {
+function Cp(e, t) {
   const n = t.find((o) => o.path === e.descriptor.path && o.severity === "error");
   return n ? {
     code: n.code,
@@ -2114,7 +2140,7 @@ var Zr = {
   }
 }, Fe = /* @__PURE__ */ (function(e) {
   return e.NotJson = "notJson", e.WrongShape = "wrongShape", e.MissingScreen = "missingScreen", e.MissingTemplate = "missingTemplate", e;
-})({}), Cp = [
+})({}), Np = [
   "layouts",
   "screenTemplates",
   "dialogTemplates",
@@ -2133,7 +2159,7 @@ function Xr(e, t) {
     };
   }
   const o = n;
-  if (!o || typeof o != "object" || Cp.some((r) => !Array.isArray(o[r]))) return {
+  if (!o || typeof o != "object" || Np.some((r) => !Array.isArray(o[r]))) return {
     readable: !1,
     problem: Fe.WrongShape
   };
@@ -2157,7 +2183,7 @@ var te = /* @__PURE__ */ (function(e) {
 })({}), ki = {
   Compact: "Compact",
   Regular: "Regular"
-}, Np = {
+}, Tp = {
   ariaLabel: "Icon",
   picker: {
     placeholder: "Choose an icon",
@@ -2187,7 +2213,7 @@ var te = /* @__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."
-}, Tp = {
+}, Ip = {
   inspectorTitle: "Inspector",
   windowLabel: "Screen editor",
   stopped: {
@@ -2282,7 +2308,7 @@ var te = /* @__PURE__ */ (function(e) {
     exposedToScopes: "Screens can change this",
     itemsLabel: "Items",
     addItem: "Add item",
-    icon: Np,
+    icon: Tp,
     structured: er,
     editors: Zr,
     templates: {
@@ -2521,7 +2547,7 @@ var te = /* @__PURE__ */ (function(e) {
     [te.NoChange]: "It is already there."
   }
 };
-function Ip(e, t) {
+function Pp(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 ?? [] : [];
 }
@@ -2535,7 +2561,7 @@ function Io(e) {
     ...t.navigationModule !== void 0 ? { navigationModule: t.navigationModule } : {},
     queryCandidates: n.queryCandidates,
     availableSources: n.availableSources,
-    fields: Ip(u, n.queryCandidates),
+    fields: Pp(u, n.queryCandidates),
     colorTokens: d?.colorTokens ?? [],
     icons: {
       catalog: p.icons,
@@ -2567,11 +2593,11 @@ function Io(e) {
       } : g,
       structured: h.structured ?? er,
       icon: h.icon,
-      iconPicker: h.iconPickerLabels ?? Tp.properties.iconPickerLabels ?? {}
+      iconPicker: h.iconPickerLabels ?? Ip.properties.iconPickerLabels ?? {}
     }
   };
 }
-function Pp(e, t, n) {
+function xp(e, t, n) {
   return {
     ...e,
     session: {
@@ -2609,7 +2635,7 @@ function Op(e) {
       return "undescribed";
   }
 }
-var xp = class {
+var Rp = class {
   #e = /* @__PURE__ */ new Map();
   #n = /* @__PURE__ */ new Map();
   #t = /* @__PURE__ */ new Map();
@@ -2659,8 +2685,8 @@ var xp = class {
     } : void 0;
   }
 };
-function Rp() {
-  const e = new xp();
+function Dp() {
+  const e = new Rp();
   e.register(Y.Text, async () => (await import("./TextEditor-BEH-9K1S.js")).TextEditor), e.register(Y.Number, async () => (await import("./NumberEditor-Cyo9_23Z.js")).NumberEditor), e.register(Y.Boolean, async () => (await import("./BooleanEditor-eC1yCpz0.js")).BooleanEditor), e.register(Y.Enum, async () => (await import("./EnumEditor-DNnnf9i3.js")).EnumEditor), e.register(Y.Select, async () => (await import("./SelectEditor-CY6dlYWi.js")).SelectEditor), e.register(Y.Color, async () => (await import("./ColorEditor-Cc6Xq8pW.js")).ColorEditor), e.register(Y.Icon, async () => (await import("./IconEditor-C0ibqn-e.js")).IconEditor), e.register(Y.List, async () => (await import("./ListEditor-CfFPVVJ4.js")).ListEditor), e.register(Y.Reference, async () => (await import("./ReferenceEditor-CTguqJZC.js")).ReferenceEditor), e.register(Y.NavigationTarget, async () => (await import("./NavigationTargetEditor-C53kuCBJ.js")).NavigationTargetEditor), e.register(Y.RenderingSlot, async () => (await import("./RenderingSlotEditor-D0ppEIOx.js")).RenderingSlotEditor), e.register(Y.Slice, async () => (await import("./SliceEditor-BdiU5-Tg.js")).SliceEditor), e.register(Y.InheritanceMode, async () => (await import("./InheritanceModeEditor-CtdsACnc.js")).InheritanceModeEditor), e.register(Y.Field, async () => (await import("./FieldEditor-e6VpsD__.js")).FieldEditor), e.register(Y.ColumnList, async () => (await import("./ColumnListEditor-CmhQYS5b.js")).ColumnListEditor), e.register(Y.Template, async () => (await import("./TemplatePropertyEditor-CDKWG7m1.js")).TemplatePropertyEditor), e.register(Y.SampleData, async () => (await import("./ReferenceTargetEditors-Bx6dhIxY.js")).SampleDataEditor), e.register("object", async () => (await import("./StructuredPropertyEditor-B3lVjrHZ.js")).StructuredPropertyEditor), e.register("collection", async () => (await import("./CollectionEditor-C7eX8Hw7.js")).CollectionEditor);
   for (const t of [
     Y.StringList,
@@ -2680,11 +2706,11 @@ function Rp() {
   ]) e.register(t, async () => (await import("./SummaryEditor-C5wP1uIH.js")).SummaryEditor);
   return e;
 }
-var nn = Rp(), Po = "presentation", Oo = "arguments", Dt = (e) => typeof e == "string" ? e : "";
+var nn = Dp(), Po = "presentation", xo = "arguments", Dt = (e) => typeof e == "string" ? e : "";
 function ea(e, t = "") {
   const n = Dt(e?.command);
   if (n === "") return;
-  const o = Array.isArray(e?.arguments) ? e[Oo] : [], i = Object.fromEntries(o.map((s) => [Dt(s.name), Dt(s.source)]).filter(([s]) => s !== "")), r = Dt(e?.[Po]);
+  const o = Array.isArray(e?.arguments) ? e[xo] : [], i = Object.fromEntries(o.map((s) => [Dt(s.name), Dt(s.source)]).filter(([s]) => s !== "")), r = Dt(e?.[Po]);
   return {
     sliceId: n,
     sliceName: t,
@@ -2692,20 +2718,20 @@ function ea(e, t = "") {
     presentation: Object.values(fe).includes(r) ? r : fe.None
   };
 }
-function Dp(e) {
+function Ep(e) {
   return {
     command: e.sliceId,
     [Po]: e.presentation,
-    [Oo]: Object.entries(e.inputs).filter(([, t]) => t.trim() !== "").map(([t, n]) => ({
+    [xo]: Object.entries(e.inputs).filter(([, t]) => t.trim() !== "").map(([t, n]) => ({
       id: t,
       name: t,
       source: n.trim()
     }))
   };
 }
-function Ep(e, t) {
+function Fp(e, t) {
   const n = oe(e);
-  return Object.entries(Dp(t)).map(([o, i]) => ({
+  return Object.entries(Ep(t)).map(([o, i]) => ({
     kind: Q.SetProperty,
     nodeId: n,
     path: o,
@@ -2718,12 +2744,12 @@ var Z = /* @__PURE__ */ (function(e) {
   kind: Z.None,
   target: ""
 };
-function Fp(e) {
-  const t = e?.find((n) => n.name === qn)?.bindings.find((n) => _p(n.trigger))?.actions[0];
-  return t ? Mp(t) : ta;
+function Ap(e) {
+  const t = e?.find((n) => n.name === qn)?.bindings.find((n) => $p(n.trigger))?.actions[0];
+  return t ? _p(t) : ta;
 }
 function Si(e, t) {
-  const n = (e ?? []).filter((r) => r.name !== qn), o = Ap(t), i = o ? [...n, {
+  const n = (e ?? []).filter((r) => r.name !== qn), o = Mp(t), i = o ? [...n, {
     name: qn,
     bindings: [{
       trigger: { kind: ar.Click },
@@ -2732,7 +2758,7 @@ function Si(e, t) {
   }] : n;
   return i.length > 0 ? i : void 0;
 }
-function Ap(e) {
+function Mp(e) {
   if (e.target !== "")
     switch (e.kind) {
       case Z.Navigate:
@@ -2754,7 +2780,7 @@ function Ap(e) {
         return;
     }
 }
-function Mp(e) {
+function _p(e) {
   switch (e.kind) {
     case lt.Navigate:
       return {
@@ -2775,14 +2801,14 @@ function Mp(e) {
       return ta;
   }
 }
-function _p(e) {
+function $p(e) {
   return e?.kind === ar.Click;
 }
-var $p = ({ behaviors: e, targets: t, destinations: n, slices: o, strings: i, disabled: r, onChange: s }) => {
-  const l = Fp(e), [c, u] = z(Z.None), d = l.kind === Z.None ? {
+var Lp = ({ behaviors: e, targets: t, destinations: n, slices: o, strings: i, disabled: r, onChange: s }) => {
+  const l = Ap(e), [c, u] = z(Z.None), d = l.kind === Z.None ? {
     kind: c,
     target: ""
-  } : l, p = Lp(d.kind, t, n, o), m = d.target !== "" && !p.some((f) => f.value === d.target), h = (f) => {
+  } : l, p = Bp(d.kind, t, n, o), m = d.target !== "" && !p.some((f) => f.value === d.target), h = (f) => {
     u(f), l.kind !== Z.None && s(Si(e, {
       kind: Z.None,
       target: ""
@@ -2850,7 +2876,7 @@ var $p = ({ behaviors: e, targets: t, destinations: n, slices: o, strings: i, di
     ]
   });
 };
-function Lp(e, t, n, o) {
+function Bp(e, t, n, o) {
   switch (e) {
     case Z.Navigate:
       return n.map((i) => ({
@@ -2871,7 +2897,7 @@ function Lp(e, t, n, o) {
       return [];
   }
 }
-var xo = {
+var Oo = {
   toolbarLabel: (e) => `Actions for ${e}`,
   slotName: (e) => `slot: ${e}`,
   titleField: "Title",
@@ -2983,7 +3009,7 @@ var xo = {
 }, on = /* @__PURE__ */ (function(e) {
   return e.Elements = "elements", e.Collection = "collection", e.Region = "region", e;
 })({}), na = (e) => "rejected" in e;
-function Bp(e, t) {
+function jp(e, t) {
   switch (e.availability) {
     case void 0:
       return !0;
@@ -2995,7 +3021,7 @@ function Bp(e, t) {
 }
 var Ro = sl;
 function Et(e, t) {
-  if (!Bp(e, t)) return {
+  if (!jp(e, t)) return {
     visible: !1,
     enabled: !1
   };
@@ -3031,10 +3057,10 @@ var Do = (e, t, n) => e.flatMap((o) => {
     ...o,
     children: Do(o.children, t, n)
   } : o];
-}), jp = (e) => Object.fromEntries(Object.entries(e).filter(([, t]) => t !== void 0)), Ft = (e, t, n) => Do(e, t, (o) => jp({
+}), Up = (e) => Object.fromEntries(Object.entries(e).filter(([, t]) => t !== void 0)), Ft = (e, t, n) => Do(e, t, (o) => Up({
   ...o,
   ...n
-})), Up = (e, t) => Do(e, t, () => {
+})), Wp = (e, t) => Do(e, t, () => {
 });
 function Qt(e, t) {
   for (const n of e) {
@@ -3050,7 +3076,7 @@ function Ct(e, t) {
     if (o) return o;
   }
 }
-function Wp(e, t, n) {
+function zp(e, t, n) {
   const o = Ct(e, t);
   if (!o) return [...e];
   const i = o.findIndex((l) => l.id === t);
@@ -3072,7 +3098,7 @@ var oa = (e, t) => ({
   id: t(),
   ...e.children ? { children: e.children.map((n) => oa(n, t)) } : {}
 });
-function zp(e, t, n) {
+function Kp(e, t, n) {
   const o = Qt(e, t), i = Ct(e, t);
   if (!o || !i) return { items: [...e] };
   const r = oa(o, n), s = i.findIndex((c) => c.id === t) + 1, l = [
@@ -3085,18 +3111,18 @@ function zp(e, t, n) {
     copy: r
   };
 }
-var Kp = () => ({
+var qp = () => ({
   application: { regions: [] },
   modules: []
-}), Ci = (e) => e.navigation ?? Kp(), qp = (e, t) => ({
+}), Ci = (e) => e.navigation ?? qp(), Gp = (e, t) => ({
   ...e,
   navigation: t
 });
-function Gp(e, t, n) {
+function Hp(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 Hp = (e) => e;
-function Vp(e, t) {
+var Vp = (e) => e;
+function Jp(e, t) {
   if (!t?.module) return;
   const n = e.modules.find((r) => r.id === t.module);
   if (!n) return t.module;
@@ -3110,13 +3136,13 @@ function Vp(e, t) {
   return [n.name, ...o].join(" › ");
 }
 function ia(e) {
-  const { region: t, module: n, navigation: o, structure: i, newId: r, slots: s, startingLabel: l, strings: c } = e, u = dr(i, o, n, t), d = Gp(o, n, t), p = Es(i, o, { slots: [...s] }), m = (O) => `${n ?? "application"}:${t}:${O}`, h = [], g = (O, C) => {
-    const k = O.filter((y) => !y.readOnly);
-    O.forEach((y) => {
+  const { region: t, module: n, navigation: o, structure: i, newId: r, slots: s, startingLabel: l, strings: c } = e, u = dr(i, o, n, t), d = Hp(o, n, t), p = Es(i, o, { slots: [...s] }), m = (x) => `${n ?? "application"}:${t}:${x}`, h = [], 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), A = y.readOnly ? -1 : k.indexOf(y), I = Vp(i, T), N = p.filter((E) => E.entry === m(y.id)).map((E) => ({
+      } : void 0), A = y.readOnly ? -1 : k.indexOf(y), I = Jp(i, T), N = p.filter((E) => E.entry === m(y.id)).map((E) => ({
         code: E.code,
         message: E.message
       }));
@@ -3147,22 +3173,22 @@ function ia(e) {
     });
   };
   g(u.items);
-  const f = t, v = (O, C, k, y = {}) => C.rejected ? { rejected: C.rejected } : {
-    label: O,
+  const f = t, v = (x, C, k, y = {}) => C.rejected ? { rejected: C.rejected } : {
+    label: x,
     edits: [],
     navigationEdits: C.edits,
     ...k ? { select: k } : {},
     ...y
-  }, w = (O) => ({ edits: [{
+  }, w = (x) => ({ edits: [{
     kind: Ho.SetRegionItems,
     ...n !== void 0 ? { module: n } : {},
     region: t,
-    items: O
-  }] }), P = (O) => {
+    items: x
+  }] }), P = (x) => {
     const C = r(), k = Ts(o, n, t, {
       id: C,
       title: l
-    }, O), y = k.edits.some((T) => T.kind === Ho.SetRegionMode);
+    }, x), y = k.edits.some((T) => T.kind === Ho.SetRegionMode);
     return v("Add", k, { itemId: C }, {
       renameNext: !0,
       ...y ? { notice: c.extendsNotice } : {}
@@ -3179,43 +3205,43 @@ function ia(e) {
     region: {
       region: f,
       ...n !== void 0 ? { module: n } : {},
-      ...u.mode ? { mode: Hp(u.mode) } : {}
+      ...u.mode ? { mode: Vp(u.mode) } : {}
     },
-    add: (O) => O === M.addItem ? P() : { rejected: O },
-    act: (O, C) => {
-      switch (O) {
+    add: (x) => x === M.addItem ? P() : { rejected: x },
+    act: (x, C) => {
+      switch (x) {
         case M.addSubItem:
           return C.parentId !== void 0 ? { rejected: "subItemOfSubItem" } : P(C.id);
         case M.moveEarlier:
         case M.moveLater: {
-          const k = C.index + (O === M.moveEarlier ? -1 : 1), y = Ct(d, C.id);
-          return !y || k < 0 || k >= y.length ? { rejected: "noWhere" } : v("Move", w(Wp(d, C.id, k)), { itemId: C.id });
+          const k = C.index + (x === M.moveEarlier ? -1 : 1), y = Ct(d, C.id);
+          return !y || k < 0 || k >= y.length ? { rejected: "noWhere" } : v("Move", w(zp(d, C.id, k)), { itemId: C.id });
         }
         case M.duplicate: {
-          const k = zp(d, C.id, r);
-          return k.copy ? v("Duplicate", w(k.items), { itemId: k.copy.id }) : { rejected: O };
+          const k = Kp(d, C.id, r);
+          return k.copy ? v("Duplicate", w(k.items), { itemId: k.copy.id }) : { rejected: x };
         }
         case M.delete: {
           const k = Ct(d, C.id) ?? [], y = k.findIndex((A) => A.id === C.id), T = k[y + 1] ?? k[y - 1];
-          return v("Remove", w(Up(d, C.id)), { itemId: T?.id ?? null });
+          return v("Remove", w(Wp(d, C.id)), { itemId: T?.id ?? null });
         }
         default:
-          return { rejected: O };
+          return { rejected: x };
       }
     },
-    rename: (O, C) => v("Rename", w(Ft(d, O.id, { title: C })), { itemId: O.id }),
-    choice: (O, C) => {
+    rename: (x, C) => v("Rename", w(Ft(d, x.id, { title: C })), { itemId: x.id }),
+    choice: (x, C) => {
       const k = Qt(d, C.id);
       if (k) {
-        if (O === M.target) return {
+        if (x === M.target) return {
           property: Nn("target", "Navigate to", "navigationItemTarget", k.target),
-          plan: (y) => v("Link", w(Ft(d, C.id, { target: Jp(y) ? y : void 0 })), { itemId: C.id })
+          plan: (y) => v("Link", w(Ft(d, C.id, { target: Qp(y) ? y : void 0 })), { itemId: C.id })
         };
-        if (O === M.slot) return {
+        if (x === M.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 })
         };
-        if (O === "icon") return {
+        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 })
         };
@@ -3224,7 +3250,7 @@ function ia(e) {
     readOnlyActions: () => n === void 0 ? [] : [{
       id: "overrideHere",
       label: c.overrideHere,
-      plan: () => v("Override", mr(o, n, t, Oe.Override, { copy: !0 }))
+      plan: () => v("Override", mr(o, n, t, xe.Override, { copy: !0 }))
     }, {
       id: "editAtApplication",
       label: c.editAtApplication,
@@ -3236,7 +3262,7 @@ function ia(e) {
     }]
   };
 }
-var Jp = (e) => typeof e == "object" && e !== null && typeof e.module == "string";
+var Qp = (e) => typeof e == "object" && e !== null && typeof e.module == "string";
 function Nn(e, t, n, o) {
   return {
     descriptor: {
@@ -3253,7 +3279,7 @@ function Nn(e, t, n, o) {
   };
 }
 var Nt = () => globalThis.crypto.randomUUID(), Ni = (e) => typeof e == "string" ? e : "";
-function Qp({ componentId: e, property: t, newId: n, startingLabel: o, startingDestination: i }) {
+function Yp({ componentId: e, property: t, newId: n, startingLabel: o, startingDestination: i }) {
   const r = t.descriptor.path, s = t.items ?? [], l = s.filter((h) => h.editable), c = new Set(t.operations ?? []), u = {
     component: e,
     path: r
@@ -3398,9 +3424,9 @@ function aa(e, t, n, o = {}, i = {}) {
     slots: i
   };
 }
-var Yp = (e, t) => e.descriptor.valueType === "number" && typeof t == "string" ? t.trim() === "" ? void 0 : Number(t) : t;
+var Zp = (e, t) => e.descriptor.valueType === "number" && typeof t == "string" ? t.trim() === "" ? void 0 : Number(t) : t;
 function Gn(e, t, n) {
-  const o = Yp(t, n);
+  const o = Zp(t, n);
   return t.editTarget === fs.Instance ? o === void 0 ? {
     kind: Q.ResetInstanceValue,
     component: e,
@@ -3428,7 +3454,7 @@ function sa(e, t, n) {
   const { button: i, converted: r } = Ls(new Xt(e), o);
   return r && i.slice ? { slice: i.slice } : void 0;
 }
-function Zp(e, t) {
+function Xp(e, t) {
   return [{
     kind: Q.SetProperty,
     nodeId: oe(e),
@@ -3440,7 +3466,7 @@ function Zp(e, t) {
     path: "target"
   }];
 }
-function Xp(e, t) {
+function em(e, t) {
   const n = structuredClone(e);
   return Hn(n, t), n;
 }
@@ -3461,7 +3487,7 @@ var Vn = (e) => typeof e == "string" ? e : "", rn = { [M.addButton]: {
   isUnlinked: (e, t) => Vn(t.slice) === "" && Vn(t.target) === "" && t.destination === void 0,
   startingProperties: { kind: "Action" }
 } };
-function em({ component: e, addActionId: t, ownershipOf: n, inspect: o, newId: i, startingLabel: r, structure: s }) {
+function tm({ 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((m, h) => {
@@ -3524,7 +3550,7 @@ function em({ component: e, addActionId: t, ownershipOf: n, inspect: o, newId: i
           };
         }
         case M.duplicate:
-          return p(Xp(g, i), h.index + 1, "Duplicate");
+          return p(em(g, i), h.index + 1, "Duplicate");
         case M.delete: {
           const f = c[h.index + 1] ?? c[h.index - 1];
           return {
@@ -3563,7 +3589,7 @@ function em({ component: e, addActionId: t, ownershipOf: n, inspect: o, newId: i
     readOnlyActions: () => []
   };
 }
-function tm(e) {
+function nm(e) {
   const { roots: t, catalog: n, selectedId: o, selectedItemId: i } = e;
   if (!o) return;
   const r = We(t, o);
@@ -3588,14 +3614,14 @@ function Ii(e, t, n, o, i) {
   let p;
   if (d.itemsPath !== void 0) {
     const h = s(t.id)?.properties.find((g) => g.descriptor.path === d.itemsPath);
-    p = h && Qp({
+    p = h && Yp({
       componentId: t.id,
       property: h,
       newId: c,
       startingLabel: u.item,
       ...e.startingDestination ? { startingDestination: e.startingDestination } : {}
     });
-  } else rn[n] ? p = em({
+  } else rn[n] ? p = tm({
     component: t,
     addActionId: n,
     ownershipOf: l,
@@ -3614,18 +3640,18 @@ function Ii(e, t, n, o, i) {
     ...m ? { selected: m } : {}
   };
 }
-function nm({ controller: e, environment: t, strings: n, startingLabels: o, startingDestination: i, otherSource: r }) {
+function om({ controller: e, environment: t, strings: n, startingLabels: o, startingDestination: i, otherSource: r }) {
   const [s, l] = z(0), [c, u] = z(""), [d, p] = z("");
   le(() => {
     if (d === "") return;
     const N = setTimeout(() => p(""), 4e3);
     return () => clearTimeout(N);
   }, [d]);
-  const { document: m, composition: h, context: g, selectedId: f, ownershipOf: v, selectedItemId: w, navigation: P, navigationModule: O, structure: C } = e, k = t.navigation?.slots ?? t.propertyEditors?.slots ?? om, y = U((N) => {
+  const { document: m, composition: h, context: g, selectedId: f, ownershipOf: v, selectedItemId: w, navigation: P, navigationModule: x, structure: C } = e, k = t.navigation?.slots ?? t.propertyEditors?.slots ?? im, y = U((N) => {
     const E = an(N.componentName);
     return E ? ia({
       region: E,
-      module: O,
+      module: x,
       navigation: P,
       structure: C,
       newId: Nt,
@@ -3641,7 +3667,7 @@ function nm({ controller: e, environment: t, strings: n, startingLabels: o, star
       }
     }) : r?.(N, w);
   }, [
-    O,
+    x,
     P,
     C,
     k,
@@ -3649,7 +3675,7 @@ function nm({ controller: e, environment: t, strings: n, startingLabels: o, star
     n,
     r,
     w
-  ]), T = L(() => tm({
+  ]), T = L(() => nm({
     roots: h.roots,
     catalog: g.catalog,
     selectedId: f,
@@ -3733,7 +3759,7 @@ function nm({ controller: e, environment: t, strings: n, startingLabels: o, star
     }, [w, e])
   };
 }
-var om = ["content"];
+var im = ["content"];
 function an(e) {
   const t = e.slice(e.lastIndexOf(":") + 1).toLowerCase();
   return t === "topbar" ? qo.Topbar : t === "sidebar" ? qo.Sidebar : void 0;
@@ -3741,10 +3767,10 @@ function an(e) {
 var la = (e) => ({
   content: e.mainArea,
   aside: e.sidePanel
-}), im = [
-  Oe.Inherit,
-  Oe.Extend,
-  Oe.Override
+}), rm = [
+  xe.Inherit,
+  xe.Extend,
+  xe.Override
 ], At = (e, t, n, o, i, r, s) => ({
   descriptor: {
     path: e,
@@ -3759,7 +3785,7 @@ var la = (e) => ({
   editable: r,
   ...s ? { reason: s } : {}
 }), Pi = ({ controller: e, environment: t, strings: n }) => {
-  const o = (n.designMode ?? xo).navigation, { selection: i, selectedItemId: r, navigation: s, structure: l, navigationModule: c } = e, u = i && "componentName" in i ? an(String(i.componentName)) : void 0, [d, p] = z(!1), m = L(() => So(t.availableSources), [t.availableSources]);
+  const o = (n.designMode ?? Oo).navigation, { selection: i, selectedItemId: r, navigation: s, structure: l, navigationModule: c } = e, u = i && "componentName" in i ? an(String(i.componentName)) : void 0, [d, p] = z(!1), m = L(() => So(t.availableSources), [t.availableSources]);
   if (!u) return null;
   const h = t.navigation?.slots ?? t.propertyEditors?.slots ?? ["content"], g = ia({
     region: u,
@@ -3777,7 +3803,7 @@ var la = (e) => ({
       application: o.application,
       mainArea: "Main area"
     }
-  }), f = l.modules.find((S) => S.id === c)?.name ?? c, v = f ?? o.application, w = o.regionName[u], P = r ? g.items.find((S) => S.id === r) : void 0, O = t.propertyEditors?.registry ?? nn, C = Io({
+  }), f = l.modules.find((S) => S.id === c)?.name ?? c, v = f ?? o.application, w = o.regionName[u], P = r ? g.items.find((S) => S.id === r) : void 0, x = t.propertyEditors?.registry ?? nn, C = Io({
     controller: e,
     environment: t,
     strings: n,
@@ -3791,7 +3817,7 @@ var la = (e) => ({
     $.rejected || $.edits.length === 0 || e.applyNavigationEdits($.edits, "Region mode");
   }, T = (S) => {
     if (S !== k) {
-      if (k === Oe.Inherit && S === Oe.Override) {
+      if (k === xe.Inherit && S === xe.Override) {
         p(!0);
         return;
       }
@@ -3857,7 +3883,7 @@ var la = (e) => ({
         At("slot", o.renderIntoSlot, G.String, "renderingSlot", P.values.slot, A, o.inheritedFromApplication),
         At("icon", o.icon, G.String, "icon", P.values.icon, A, o.inheritedFromApplication)
       ].map((S) => /* @__PURE__ */ a(To, {
-        registry: O,
+        registry: x,
         property: S,
         context: C,
         componentId: P.id,
@@ -3882,7 +3908,7 @@ var la = (e) => ({
           className: "studio-editor-mode-cards",
           role: "radiogroup",
           "aria-label": o.modeTitle(w, v),
-          children: im.map((S) => /* @__PURE__ */ b("button", {
+          children: rm.map((S) => /* @__PURE__ */ b("button", {
             type: "button",
             role: "radio",
             "aria-checked": S === k,
@@ -3903,7 +3929,7 @@ var la = (e) => ({
               autoFocus: !0,
               "data-answer": "copy",
               onClick: () => {
-                p(!1), y(Oe.Override, !0);
+                p(!1), y(xe.Override, !0);
               },
               children: o.copyYes
             }),
@@ -3911,7 +3937,7 @@ var la = (e) => ({
               type: "button",
               "data-answer": "empty",
               onClick: () => {
-                p(!1), y(Oe.Override);
+                p(!1), y(xe.Override);
               },
               children: o.copyNo
             })
@@ -3943,9 +3969,9 @@ var la = (e) => ({
       })
     ] })
   });
-}, rm = (e) => e.slots?.items ?? [];
-function Oi(e, t) {
-  const n = rm(t).flatMap((r) => {
+}, am = (e) => e.slots?.items ?? [];
+function xi(e, t) {
+  const n = am(t).flatMap((r) => {
     const { id: s, properties: l } = r, c = ho(s, l);
     return c ? [c] : [];
   });
@@ -3958,8 +3984,8 @@ function Oi(e, t) {
     button: r.button
   }));
 }
-var am = (e) => String(e.componentName ?? "").endsWith("toolbarItem"), sm = (e) => /(^|:)toolbar$/.test(String(e.componentName ?? "")), lm = ({ controller: e, strings: t, element: n }) => {
-  const o = (t.designMode ?? xo).toolbar, { structure: i } = e, r = am(n), s = sm(n), l = n.properties ?? {}, c = L(() => {
+var sm = (e) => String(e.componentName ?? "").endsWith("toolbarItem"), lm = (e) => /(^|:)toolbar$/.test(String(e.componentName ?? "")), cm = ({ controller: e, strings: t, element: n }) => {
+  const o = (t.designMode ?? Oo).toolbar, { structure: i } = e, r = sm(n), s = lm(n), l = n.properties ?? {}, c = L(() => {
     if (!r || i.modules.length === 0) return;
     const g = ho(n.id, l);
     if (!g) return;
@@ -3973,12 +3999,12 @@ var am = (e) => String(e.componentName ?? "").endsWith("toolbarItem"), sm = (e)
     i,
     n,
     l
-  ]), u = L(() => i.modules.length === 0 ? [] : r ? [] : s ? Oi(i, n) : [], [
+  ]), u = L(() => i.modules.length === 0 ? [] : r ? [] : s ? xi(i, n) : [], [
     r,
     s,
     i,
     n
-  ]), d = L(() => !r || i.modules.length === 0 ? [] : Oi(i, { slots: { items: [n] } }), [
+  ]), d = L(() => !r || i.modules.length === 0 ? [] : xi(i, { slots: { items: [n] } }), [
     r,
     i,
     n
@@ -4017,7 +4043,7 @@ var am = (e) => String(e.componentName ?? "").endsWith("toolbarItem"), sm = (e)
         children: [o.upgradeNote(p.slice), /* @__PURE__ */ a("button", {
           type: "button",
           "data-action": "upgrade",
-          onClick: () => e.applyAll(Zp(n.id, p.slice), o.upgrade),
+          onClick: () => e.applyAll(Xp(n.id, p.slice), o.upgrade),
           children: o.upgrade
         })]
       }),
@@ -4032,7 +4058,7 @@ var am = (e) => String(e.componentName ?? "").endsWith("toolbarItem"), sm = (e)
       label: t.properties.diagnostics
     })]
   });
-}, cm = (e, t) => e.find((n) => n.component === t), dm = /* @__PURE__ */ new Set([Oo]), um = ({ controller: e, environment: t, strings: n, ownership: o, authoringTemplate: i }) => {
+}, dm = (e, t) => e.find((n) => n.component === t), um = /* @__PURE__ */ new Set([xo]), pm = ({ controller: e, environment: t, strings: n, ownership: o, authoringTemplate: i }) => {
   const { inspection: r, selectedId: s, selection: l } = e, c = n.properties, u = L(() => So(t.availableSources), [t.availableSources]), d = L(() => Xi(e.document, e.composition.roots, e.context, t.availableSources, t.queryCandidates), [
     e.document,
     e.composition.roots,
@@ -4063,7 +4089,7 @@ var am = (e) => String(e.componentName ?? "").endsWith("toolbarItem"), sm = (e)
           strings: n,
           disabled: !1
         }),
-        /* @__PURE__ */ a(pp, {
+        /* @__PURE__ */ a(mp, {
           controller: e,
           strings: n,
           disabled: !1
@@ -4084,7 +4110,7 @@ var am = (e) => String(e.componentName ?? "").endsWith("toolbarItem"), sm = (e)
       strings: n
     })
   });
-  const p = Ja(e.composition.roots, s), m = mu(r.properties, p, l.properties), { runtime: h } = t, g = cm(e.context.catalog.components, r.typeId), f = g ? h.packageDescriptorOf(g) : void 0, v = (S) => !!f && h.designTime.propertyEditor(f, S.descriptor).contribution !== void 0, w = t.propertyEditors?.registry ?? nn, P = [...r.diagnostics, ...e.diagnostics], O = vu(m, r.typeId, (S) => dm.has(S.descriptor.path) || v(S)), C = bu(O), k = {
+  const p = Ja(e.composition.roots, s), m = mu(r.properties, p, l.properties), { runtime: h } = t, g = dm(e.context.catalog.components, r.typeId), f = g ? h.packageDescriptorOf(g) : void 0, v = (S) => !!f && h.designTime.propertyEditor(f, S.descriptor).contribution !== void 0, w = t.propertyEditors?.registry ?? nn, P = [...r.diagnostics, ...e.diagnostics], x = vu(m, r.typeId, (S) => um.has(S.descriptor.path) || v(S)), C = bu(x), k = {
     controller: e,
     environment: t,
     strings: n,
@@ -4117,7 +4143,7 @@ var am = (e) => String(e.componentName ?? "").endsWith("toolbarItem"), sm = (e)
         environment: t,
         strings: n
       }),
-      l && /* @__PURE__ */ a(lm, {
+      l && /* @__PURE__ */ a(cm, {
         controller: e,
         strings: n,
         element: l
@@ -4126,7 +4152,7 @@ var am = (e) => String(e.componentName ?? "").endsWith("toolbarItem"), sm = (e)
         diagnostics: ss(P),
         label: c.diagnostics
       }),
-      /* @__PURE__ */ a(gp, {
+      /* @__PURE__ */ a(vp, {
         inspection: r,
         controller: e,
         strings: n,
@@ -4178,7 +4204,7 @@ var am = (e) => String(e.componentName ?? "").endsWith("toolbarItem"), sm = (e)
         }), S.properties.map((F) => /* @__PURE__ */ a(To, {
           registry: w,
           property: F,
-          context: Pp(y, k, F),
+          context: xp(y, k, F),
           componentId: s,
           onChange: e.setProperty,
           diagnostics: P
@@ -4191,9 +4217,9 @@ var am = (e) => String(e.componentName ?? "").endsWith("toolbarItem"), sm = (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(Ep(s, S), n.properties.action.label)
+        onChange: (S) => S && e.applyAll(Fp(s, S), n.properties.action.label)
       }),
-      I && /* @__PURE__ */ a(Yu, {
+      I && /* @__PURE__ */ a(Zu, {
         elementId: s,
         command: typeof B?.command == "string" ? B.command : void 0,
         slices: t.stateChangeSlices,
@@ -4206,7 +4232,7 @@ var am = (e) => String(e.componentName ?? "").endsWith("toolbarItem"), sm = (e)
         onFormChange: (S) => e.setScreenForms(N.map((F) => F.forCommand === S.forCommand ? S : F), n.properties.forms.label),
         onFormCreate: (S) => e.setScreenForms([...N, zn(S)], n.properties.commandForm.createForm(S.name))
       }),
-      A && /* @__PURE__ */ a($p, {
+      A && /* @__PURE__ */ a(Lp, {
         behaviors: l.behaviors,
         targets: ls(t, e.document),
         destinations: t.destinations,
@@ -4215,7 +4241,7 @@ var am = (e) => String(e.componentName ?? "").endsWith("toolbarItem"), sm = (e)
         disabled: E,
         onChange: (S) => e.setElementBehaviors(s, S, n.properties.toolbarButton.label)
       }, s),
-      /* @__PURE__ */ a(kp, {
+      /* @__PURE__ */ a(Sp, {
         inspection: r,
         componentId: s,
         controller: e,
@@ -4250,7 +4276,7 @@ var am = (e) => String(e.componentName ?? "").endsWith("toolbarItem"), sm = (e)
       tabs: [{
         id: Sn.Properties,
         label: e.propertiesTab,
-        content: /* @__PURE__ */ a(um, {
+        content: /* @__PURE__ */ a(pm, {
           controller: t,
           environment: n,
           strings: e,
@@ -4266,7 +4292,7 @@ var am = (e) => String(e.componentName ?? "").endsWith("toolbarItem"), sm = (e)
   });
 }, Xe = /* @__PURE__ */ (function(e) {
   return e.Panel = "Panel", e.StackPanel = "StackPanel", e.WrapPanel = "WrapPanel", e.Grid = "Grid", e.Canvas = "Canvas", e;
-})({}), pm = [
+})({}), mm = [
   {
     item: W.Stack,
     type: "Stack",
@@ -4306,13 +4332,13 @@ var am = (e) => String(e.componentName ?? "").endsWith("toolbarItem"), sm = (e)
     panel: Xe.Canvas,
     arrangement: J.Freeform
   }
-], mm = /* @__PURE__ */ new Set([
+], hm = /* @__PURE__ */ new Set([
   "column",
   "screenShell",
   "shell"
 ]);
-var hm = (e) => e.slice(e.lastIndexOf(":") + 1), da = (e) => e.replace(/([A-Z])/g, " $1").replace(/^./, (t) => t.toUpperCase()).trim(), fm = (e) => e.split(".").map((t) => da(t)).join(" "), gm = ms.Layout;
-function vm(e, t, n = {}) {
+var fm = (e) => e.slice(e.lastIndexOf(":") + 1), da = (e) => e.replace(/([A-Z])/g, " $1").replace(/^./, (t) => t.toUpperCase()).trim(), gm = (e) => e.split(".").map((t) => da(t)).join(" "), vm = ms.Layout;
+function bm(e, t, n = {}) {
   const o = t.map((r) => ({
     key: `layout:${r.item}`,
     label: r.label,
@@ -4320,15 +4346,15 @@ function vm(e, t, n = {}) {
       component: r.item,
       displayName: r.label
     }),
-    category: gm,
+    category: vm,
     keywords: [],
     payload: {
       kind: "layout",
       item: r.item
     }
   })), i = e.flatMap((r) => {
-    const s = new Map((r.descriptors ?? []).map((l) => [hm(l.component), l]));
-    return r.components.filter((l) => !mm.has(l)).map((l) => {
+    const s = new Map((r.descriptors ?? []).map((l) => [fm(l.component), l]));
+    return r.components.filter((l) => !hm.has(l)).map((l) => {
       const c = s.get(l), u = c?.displayName ?? da(l);
       return {
         key: `${r.package}:${l}`,
@@ -4341,7 +4367,7 @@ function vm(e, t, n = {}) {
         category: c?.category?.trim() || "Other",
         keywords: c?.keywords ?? [],
         package: r.package,
-        packageTitle: n[r.package] ?? fm(r.package),
+        packageTitle: n[r.package] ?? gm(r.package),
         payload: {
           kind: "component",
           componentName: l,
@@ -4353,7 +4379,7 @@ function vm(e, t, n = {}) {
   return [...o, ...i];
 }
 var ua = "frequent";
-function bm({ entries: e, usage: t, query: n, groups: o, frequentTitle: i }) {
+function ym({ entries: e, usage: t, query: n, groups: o, frequentTitle: i }) {
   const r = n.trim().length > 0, s = (m) => ({
     entry: m,
     match: $s({
@@ -4387,11 +4413,11 @@ function bm({ entries: e, usage: t, query: n, groups: o, frequentTitle: i }) {
     });
   }), d;
 }
-var ym = (e) => e.filter((t) => t.expanded).flatMap((t) => t.rows.map((n) => ({
+var wm = (e) => e.filter((t) => t.expanded).flatMap((t) => t.rows.map((n) => ({
   group: t,
   row: n
 })));
-function wm(e, t) {
+function km(e, t) {
   const n = [];
   let o = 0;
   for (const [i, r] of [...t].sort((s, l) => s[0] - l[0]))
@@ -4407,13 +4433,13 @@ function wm(e, t) {
     marked: !1
   }), n;
 }
-var xi = "cratis.studio.componentUsage.v1", Ri = "cratis.studio.componentGroups.v1", Pe = (e) => {
+var Oi = "cratis.studio.componentUsage.v1", Ri = "cratis.studio.componentGroups.v1", Pe = (e) => {
   try {
     return e();
   } catch {
     return;
   }
-}, km = () => Pe(() => typeof window < "u" ? window.localStorage : void 0), Di = (e) => {
+}, Sm = () => Pe(() => typeof window < "u" ? window.localStorage : void 0), Di = (e) => {
   const t = Pe(() => JSON.parse(e ?? "null"));
   if (t === null || typeof t != "object" || Array.isArray(t)) return {};
   const n = {};
@@ -4422,12 +4448,12 @@ var xi = "cratis.studio.componentUsage.v1", Ri = "cratis.studio.componentGroups.
     last: typeof i.last == "number" && Number.isFinite(i.last) ? i.last : 0
   });
   return n;
-}, Sm = (e) => {
+}, Cm = (e) => {
   const t = Pe(() => 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 Cm(e = km(), t) {
-  const n = t ? `${t}:${xi}` : xi, o = t ? `${t}:${Ri}` : Ri;
+function Nm(e = Sm(), t) {
+  const n = t ? `${t}:${Oi}` : Oi, o = t ? `${t}:${Ri}` : Ri;
   let i, r;
   return {
     readUsage: () => i ??= Di(e ? Pe(() => e.getItem(n)) : void 0),
@@ -4443,7 +4469,7 @@ function Cm(e = km(), t) {
       const u = JSON.stringify(i);
       return e && Pe(() => e.setItem(n, u)), i;
     },
-    readGroups: () => r ??= Sm(e ? Pe(() => e.getItem(o)) : void 0),
+    readGroups: () => r ??= Cm(e ? Pe(() => e.getItem(o)) : void 0),
     writeGroups: (s) => {
       r = { ...s };
       const l = JSON.stringify(r);
@@ -4459,12 +4485,12 @@ function ma(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 Nm = (e, t, n) => {
+var Tm = (e, t, n) => {
   e.dataTransfer.setData(Ao, JSON.stringify(t)), e.dataTransfer.effectAllowed = "copyMove", n && ma(e, n, e.currentTarget instanceof Element ? e.currentTarget.querySelector("svg") : null);
-}, Tm = (e, t, n) => {
+}, Im = (e, t, n) => {
   e.dataTransfer.setData(pa, t), e.dataTransfer.effectAllowed = "move", ma(e, n);
-}, Im = (e) => e.dataTransfer.getData("application/x-studio-element") || void 0, Jn = (e) => e.dataTransfer.types.includes(pa), Mt = (e) => Om(e) || Jn(e);
-function Pm(e) {
+}, Pm = (e) => e.dataTransfer.getData("application/x-studio-element") || void 0, Jn = (e) => e.dataTransfer.types.includes(pa), Mt = (e) => Om(e) || Jn(e);
+function xm(e) {
   try {
     const t = JSON.parse(e.dataTransfer.getData(Ao));
     return Fo(t) ? t : void 0;
@@ -4472,7 +4498,7 @@ function Pm(e) {
     return;
   }
 }
-var Om = (e) => e.dataTransfer.types.includes(Ao), xm = {
+var Om = (e) => e.dataTransfer.types.includes(Ao), Rm = {
   heading: "Components",
   filterPlaceholder: "Filter components...",
   filterLabel: "Filter components",
@@ -4481,8 +4507,8 @@ var Om = (e) => e.dataTransfer.types.includes(Ao), xm = {
   nothingMatches: "No component matches.",
   viaKeyword: (e, t, n) => `...${e} matches "${t}" via keyword "${n}"`,
   addLabel: (e) => `Add ${e}`
-}, Rm = "★", Dm = ({ entries: e, memory: t, strings: n = xm, onAdd: o, usageVersion: i = 0 }) => {
-  const [r, s] = z(""), [l, c] = z(() => t.readGroups()), u = V(null), d = V(null), p = us(), m = L(() => ({ ...t.readUsage() }), [t, i]), h = L(() => bm({
+}, Dm = "★", Em = ({ entries: e, memory: t, strings: n = Rm, onAdd: o, usageVersion: i = 0 }) => {
+  const [r, s] = z(""), [l, c] = z(() => t.readGroups()), u = V(null), d = V(null), p = us(), m = L(() => ({ ...t.readUsage() }), [t, i]), h = L(() => ym({
     entries: e,
     usage: m,
     query: r,
@@ -4517,11 +4543,11 @@ var Om = (e) => e.dataTransfer.types.includes(Ao), xm = {
       if (A) return;
       I.indexOf(T) <= 0 ? u.current?.focus() : w(T, -1);
     } else y.key === "Escape" && A && r !== "" && (y.stopPropagation(), s(""));
-  }, O = (y, T) => {
-    Nm(T, y.payload, y.label), T.currentTarget.closest('[data-cratis-part="toolbar-folder-panel"]')?.setAttribute("data-dragging", "");
+  }, x = (y, T) => {
+    Tm(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 = ym(h);
+  }, k = wm(h);
   return /* @__PURE__ */ b("div", {
     ref: d,
     className: "studio-component-picker",
@@ -4565,7 +4591,7 @@ var Om = (e) => e.dataTransfer.types.includes(Ao), xm = {
                 "aria-hidden": "true",
                 children: y.frequent ? /* @__PURE__ */ a("span", {
                   className: "studio-component-picker__star",
-                  children: Rm
+                  children: Dm
                 }) : y.expanded ? "▼" : "▶"
               }),
               /* @__PURE__ */ a("span", {
@@ -4589,7 +4615,7 @@ var Om = (e) => e.dataTransfer.types.includes(Ao), xm = {
               className: "studio-component-picker__row",
               title: n.addLabel(T.label),
               onClick: () => o(T),
-              onDragStart: (I) => O(T, I),
+              onDragStart: (I) => x(T, I),
               onDragEnd: C,
               children: [
                 /* @__PURE__ */ a("span", {
@@ -4601,7 +4627,7 @@ var Om = (e) => e.dataTransfer.types.includes(Ao), xm = {
                   className: "studio-component-picker__label",
                   children: [/* @__PURE__ */ a("span", {
                     className: "studio-component-picker__name",
-                    children: wm(T.label, A.ranges).map((I, N) => I.marked ? /* @__PURE__ */ a("mark", { children: I.text }, N) : /* @__PURE__ */ a("span", { children: I.text }, N))
+                    children: km(T.label, A.ranges).map((I, N) => I.marked ? /* @__PURE__ */ a("mark", { children: I.text }, N) : /* @__PURE__ */ a("span", { children: I.text }, N))
                   }), A.via === "keyword" && A.keyword && /* @__PURE__ */ a("span", {
                     className: "studio-component-picker__hint",
                     children: n.viaKeyword(T.badge, r.trim(), A.keyword)
@@ -4627,14 +4653,14 @@ var Om = (e) => e.dataTransfer.types.includes(Ao), xm = {
       })
     ]
   });
-}, Em = ({ entries: e, memory: t, icon: n, title: o, closeLabel: i, strings: r, usageVersion: s, onAdd: l }) => /* @__PURE__ */ a(ul, {
+}, Fm = ({ entries: e, memory: t, icon: n, title: o, closeLabel: i, strings: r, usageVersion: s, onAdd: l }) => /* @__PURE__ */ a(ul, {
   className: "studio-palette-folder studio-palette-folder--picker",
   icon: n,
   title: o,
   heading: o,
   closeLabel: i,
   presentation: "drawer",
-  children: /* @__PURE__ */ a(Dm, {
+  children: /* @__PURE__ */ a(Em, {
     entries: e,
     memory: t,
     usageVersion: s,
@@ -4643,7 +4669,7 @@ var Om = (e) => e.dataTransfer.types.includes(Ao), xm = {
   })
 });
 function ha({ strings: e, layoutLabels: t, icons: n, paletteSources: o, onAdd: i, memory: r }) {
-  const s = L(() => r ?? Cm(), [r]), [l, c] = z(0), u = L(() => vm(o, pm.map((p) => ({
+  const s = L(() => r ?? Nm(), [r]), [l, c] = z(0), u = L(() => bm(o, mm.map((p) => ({
     item: p.item,
     label: t[p.item]
   })), e.packageTitles), [
@@ -4654,7 +4680,7 @@ function ha({ strings: e, layoutLabels: t, icons: n, paletteSources: o, onAdd: i
     s.recordAdded(p), c((m) => m + 1);
   }, [s]);
   return {
-    palette: /* @__PURE__ */ a(Em, {
+    palette: /* @__PURE__ */ a(Fm, {
       entries: u,
       memory: s,
       usageVersion: l,
@@ -4678,14 +4704,14 @@ var Ei = {
   value: 1
 };
 function Yt(e, t, n, o = [], i = {}) {
-  const r = Fm(e, i);
+  const r = Am(e, i);
   return {
     ...ra(t, n),
     children: o,
     ...r
   };
 }
-function Fm(e, t) {
+function Am(e, t) {
   switch (e) {
     case W.Stack:
       return {
@@ -4718,7 +4744,7 @@ function Fm(e, t) {
       return {};
   }
 }
-function Am(e) {
+function Mm(e) {
   const t = e.indexOf(":");
   return t > 0 ? {
     package: e.slice(0, t),
@@ -4728,8 +4754,8 @@ function Am(e) {
     name: e
   };
 }
-function Mm(e, t, n) {
-  const { package: o, name: i } = Am(e);
+function _m(e, t, n) {
+  const { package: o, name: i } = Mm(e);
   if (o !== void 0) return ur(t).includes(o) && n[o]?.includes(i) ? {
     package: o,
     name: i
@@ -4740,7 +4766,7 @@ function Mm(e, t, n) {
     name: r.name
   } : void 0;
 }
-function _m(e, t, n) {
+function $m(e, t, n) {
   const o = new Set(ur(t)), i = (r) => {
     if (Array.isArray(r)) {
       const u = r.map(i);
@@ -4768,7 +4794,7 @@ function fa(e, t) {
     const o = Xr(n, e.authoringTemplate);
     return o.readable ? {
       opened: !0,
-      subject: { document: t ? _m(o.document, t.profile, t.packages) : o.document }
+      subject: { document: t ? $m(o.document, t.profile, t.packages) : o.document }
     } : {
       opened: !1,
       problem: o.problem
@@ -4776,10 +4802,10 @@ function fa(e, t) {
   }
   return {
     opened: !0,
-    subject: { document: $m(e) }
+    subject: { document: Lm(e) }
   };
 }
-function $m(e) {
+function Lm(e) {
   return e.authoringTemplate !== void 0 ? Vd(e.authoringTemplate, Yt(W.Stack, qd, "Template")) : Hd(Yt(W.Stack, Gd, "Screen"), e.screenTemplate);
 }
 var ga = ({ placement: e, children: t }) => /* @__PURE__ */ a("div", {
@@ -4834,8 +4860,8 @@ var ga = ({ placement: e, children: t }) => /* @__PURE__ */ a("div", {
   } catch {
     return;
   }
-}, Lm = () => Gt(() => typeof window < "u" ? window.localStorage : void 0);
-function Bm(e = Lm()) {
+}, Bm = () => Gt(() => typeof window < "u" ? window.localStorage : void 0);
+function jm(e = Bm()) {
   return {
     read: (t) => e ? Ai(Gt(() => e.getItem(`${Qn}:${t}`)) ?? null) : void 0,
     write: (t, n) => {
@@ -4878,22 +4904,22 @@ function ya(e) {
 var Mi = {
   width: 900,
   height: 640
-}, jm = (e) => !!e && Number.isFinite(e.width) && Number.isFinite(e.height) && e.width > 0 && e.height > 0;
+}, Um = (e) => !!e && Number.isFinite(e.width) && Number.isFinite(e.height) && e.width > 0 && e.height > 0;
 function wa(e) {
   return _o(sn[Ge.Desktop], e);
 }
-function Um(e) {
+function Wm(e) {
   return !!e && e.width === Mi.width && e.height === Mi.height;
 }
-function Wm(e, t) {
-  const n = Um(e.saved) ? void 0 : e.saved;
-  return zm([
+function zm(e, t) {
+  const n = Wm(e.saved) ? void 0 : e.saved;
+  return Km([
     e.remembered,
     n,
     e.lastUsed
-  ].find(jm) ?? wa(t), t);
+  ].find(Um) ?? wa(t), t);
 }
-function zm(e, t) {
+function Km(e, t) {
   return {
     width: Math.round(Math.min(e.width, t.width)),
     height: Math.round(Math.min(e.height, t.height))
@@ -4909,7 +4935,7 @@ var ka = ({ environment: e, children: t }) => {
     loader: e.richText,
     children: n
   }) : n;
-}, Km = ({ controls: e }) => /* @__PURE__ */ a("div", {
+}, qm = ({ controls: e }) => /* @__PURE__ */ a("div", {
   className: "studio-window-title-bar",
   role: "toolbar",
   children: /* @__PURE__ */ a("div", {
@@ -4917,18 +4943,18 @@ var ka = ({ environment: e, children: t }) => {
     children: e
   })
 });
-function qm(e, t) {
+function Gm(e, t) {
   return Object.values(Ge).find((n) => {
     const o = _o(sn[n], t);
     return o.width === e.width && o.height === e.height;
   });
 }
-function Gm(e) {
+function Hm(e) {
   const t = ya(e);
   return Rs(t.width, t.height);
 }
-var Hm = ({ windowSize: e, available: t, strings: n, shell: o, onResize: i }) => {
-  const r = qm(e, t), s = ya(e), l = Gm(e), c = (u, d, p) => /* @__PURE__ */ a(Ie, {
+var Vm = ({ windowSize: e, available: t, strings: n, shell: o, onResize: i }) => {
+  const r = Gm(e, t), s = ya(e), l = Hm(e), c = (u, d, p) => /* @__PURE__ */ a(Ie, {
     icon: d,
     "aria-label": p,
     "aria-pressed": r === u,
@@ -4965,7 +4991,7 @@ var Hm = ({ windowSize: e, available: t, strings: n, shell: o, onResize: i }) =>
     ]
   });
 };
-function Vm(e, t) {
+function Jm(e, t) {
   const n = e.bundles.filter((o) => o.manifest.kind === dt.Blueprint).map((o) => ({
     manifest: o.manifest,
     layouts: o.layouts,
@@ -5011,16 +5037,16 @@ function Sa(e, t, n) {
     options: {
       profile: e.compositionProfile,
       catalog: e.packages,
-      templateLibrary: Vm(e, t),
+      templateLibrary: Jm(e, t),
       chrome: (o, i) => i === Hs.FullPageShell ? {} : Xs()
     }
   };
 }
-function Jm(e, t) {
+function Qm(e, t) {
   const { application: n, options: o } = Sa(e, t, fo($o, "text", { text: "" }));
   return vr(n, n.screens[0], o);
 }
-function Qm(e, t) {
+function Ym(e, t) {
   const { application: n, options: o } = Sa(e, t, fo($o, "text", { text: "" })), i = n.screens[0];
   return {
     element: Ys(n, i, o).element,
@@ -5030,26 +5056,26 @@ function Qm(e, t) {
 function Lo(e) {
   return e.screen ?? e.slice ?? e.dialog ?? "";
 }
-function Ym(e) {
+function Zm(e) {
   return e.kind !== rr.External && e.dialog === void 0 && Lo(e) !== "";
 }
-function Zm(e, t) {
+function Xm(e, t) {
   return fo("studio-shell-peek", "text", { text: t.replace("{name}", Lo(e)) });
 }
 var Ae = /* @__PURE__ */ (function(e) {
   return e.Screen = "screen", e.ScreenTemplate = "screenTemplate", e.DialogTemplate = "dialogTemplate", e.TheShell = "theShell", e;
 })({});
-function Xm(e, t, n) {
+function eh(e, t, n) {
   return t === void 0 ? Ae.Screen : (e.dialogTemplates ?? []).some((o) => o.name === t) ? Ae.DialogTemplate : t === n ? Ae.TheShell : Ae.ScreenTemplate;
 }
-var eh = (e) => e === Ae.Screen || e === Ae.ScreenTemplate, th = (e) => e !== Ae.TheShell, nh = "studio.screenEditor.showApplicationShell.v1", Yn = (e) => {
+var th = (e) => e === Ae.Screen || e === Ae.ScreenTemplate, nh = (e) => e !== Ae.TheShell, oh = "studio.screenEditor.showApplicationShell.v1", Yn = (e) => {
   try {
     return e();
   } catch {
     return;
   }
-}, oh = () => Yn(() => typeof window < "u" ? window.localStorage : void 0), _i = (e) => `${nh}:${e === Ae.DialogTemplate ? "dialog" : "screen"}`;
-function ih(e = oh()) {
+}, ih = () => Yn(() => typeof window < "u" ? window.localStorage : void 0), _i = (e) => `${oh}:${e === Ae.DialogTemplate ? "dialog" : "screen"}`;
+function rh(e = ih()) {
   return {
     read: (t) => {
       const n = e ? Yn(() => e.getItem(_i(t))) : void 0;
@@ -5060,9 +5086,9 @@ function ih(e = oh()) {
     }
   };
 }
-var rh = () => {
+var ah = () => {
 };
-function ah(e, t, n, o = sh) {
+function sh(e, t, n, o = lh) {
   const { layouts: i, screenTemplates: r, dialogTemplates: s } = e, l = L(() => ({
     layouts: i,
     screenTemplates: r,
@@ -5071,11 +5097,11 @@ function ah(e, t, n, o = sh) {
     i,
     r,
     s
-  ]), c = L(() => Jm(t, l).name, [t, l]), u = Xm(e, n, c), [d, p] = z(() => o.read(u)), [m, h] = z();
+  ]), c = L(() => Qm(t, l).name, [t, l]), u = eh(e, n, c), [d, p] = z(() => o.read(u)), [m, h] = z();
   le(() => {
     p(o.read(u)), h(void 0);
   }, [o, u]);
-  const g = th(u), f = g && (d ?? eh(u)), v = L(() => f ? Qm(t, l) : void 0, [
+  const g = nh(u), f = g && (d ?? th(u)), v = L(() => f ? Ym(t, l) : void 0, [
     f,
     t,
     l
@@ -5087,8 +5113,8 @@ function ah(e, t, n, o = sh) {
     u,
     o
   ]), P = U((C) => {
-    Ym(C) && h(C);
-  }, []), O = U(() => h(void 0), []);
+    Zm(C) && h(C);
+  }, []), x = U(() => h(void 0), []);
   return {
     available: g,
     shown: f,
@@ -5096,11 +5122,11 @@ function ah(e, t, n, o = sh) {
     frame: v,
     peeking: f ? m : void 0,
     peekingName: m ? Lo(m) : "",
-    navigate: f ? P : rh,
-    back: O
+    navigate: f ? P : ah,
+    back: x
   };
 }
-var sh = ih();
+var lh = rh();
 function Bo(e) {
   return e === void 0 ? "" : e.isDark ? "cratis-theme cratis-dark" : "cratis-theme cratis-light";
 }
@@ -5139,7 +5165,7 @@ var Zn = ({ elementId: e, tone: t, text: n }) => /* @__PURE__ */ a("div", {
     if (typeof o == "string" && o.length > 0) return o;
   }
 };
-function lh({ kind: e, tag: t, element: n, slots: o, message: i }) {
+function ch({ 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 re.Toast:
@@ -5217,7 +5243,7 @@ function lh({ kind: e, tag: t, element: n, slots: o, message: i }) {
     }), c()]
   });
 }
-var Na = cs(void 0), ch = () => {
+var Na = cs(void 0), dh = () => {
   const e = ds(Na);
   return e ? /* @__PURE__ */ b("span", {
     className: "studio-design-logo",
@@ -5234,7 +5260,7 @@ var Na = cs(void 0), ch = () => {
 }, 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>`)}`, $i = [{
   label: "Documents",
   children: ["Work", "Home"]
-}], dh = [
+}], uh = [
   "New",
   "Open",
   { separator: !0 },
@@ -5488,7 +5514,7 @@ var Na = cs(void 0), ch = () => {
     text: "Tooltip",
     label: "Hover me"
   },
-  menu: { items: dh },
+  menu: { items: uh },
   menubar: { items: [{
     label: "File",
     items: ["New", "Open"]
@@ -5730,15 +5756,15 @@ function Ia(e, t, n) {
   for (const [s, l] of Object.entries(i)) l !== void 0 && (r[s] = l);
   return r;
 }
-function uh(e, t, n) {
+function ph(e, t, n) {
   const o = Uo(e, t);
   return o ? Object.keys(o).filter((i) => n?.[i] === void 0) : [];
 }
-var ph = (e) => {
+var mh = (e) => {
   const { width: t, height: n } = e.getBoundingClientRect();
   return t > 0 && n > 0;
-}, Xn = (e) => Array.from(e.children).filter((t) => !t.hasAttribute("data-studio-placeholder-for")).some((t) => ph(t) || getComputedStyle(t).display === "contents" && Xn(t)), mh = 150;
-function hh(e, t) {
+}, Xn = (e) => Array.from(e.children).filter((t) => !t.hasAttribute("data-studio-placeholder-for")).some((t) => mh(t) || getComputedStyle(t).display === "contents" && Xn(t)), hh = 150;
+function fh(e, t) {
   const [n, o] = z(!0), i = V(!0);
   return ye(() => {
     const r = e.current;
@@ -5748,7 +5774,7 @@ function hh(e, t) {
     };
     let l;
     const c = () => {
-      clearTimeout(l), Xn(r) ? s(!0) : l = setTimeout(() => s(Xn(r)), mh);
+      clearTimeout(l), Xn(r) ? s(!0) : l = setTimeout(() => s(Xn(r)), hh);
     }, u = typeof ResizeObserver > "u" ? void 0 : new ResizeObserver(c), d = () => {
       u?.disconnect(), Array.from(r.children).forEach((m) => u?.observe(m));
     }, p = new MutationObserver(() => {
@@ -5759,16 +5785,16 @@ function hh(e, t) {
     };
   }, [e, t]), n;
 }
-var fh = ({ element: e }) => e.name || e.componentName, gh = (e, t) => {
+var gh = ({ element: e }) => e.name || e.componentName, vh = (e, t) => {
   const n = V(e), o = V(0);
   return n.current !== e && (n.current = e, t && (o.current += 1)), o.current;
 };
-function vh(e, t, n, o) {
+function bh(e, t, n, o) {
   const i = (r) => {
     const s = V(null), l = L(() => ({
       ...r.element,
       properties: Ia(e, r.element.componentName, r.element.properties)
-    }), [r.element]), c = L(() => uh(e, r.element.componentName, r.element.properties), [r.element]), u = Ta.has(vt(r.element.componentName)), d = e.startsWith(`${gr}:`), p = d ? void 0 : Ca[vt(r.element.componentName)], m = d && vt(r.element.componentName) === "topbar", [h, g] = z(), f = hh(s, r.element), v = fh(r), w = gh(r.element, h !== void 0);
+    }), [r.element]), c = L(() => ph(e, r.element.componentName, r.element.properties), [r.element]), u = Ta.has(vt(r.element.componentName)), d = e.startsWith(`${gr}:`), p = d ? void 0 : Ca[vt(r.element.componentName)], m = d && vt(r.element.componentName) === "topbar", [h, g] = z(), f = fh(s, r.element), v = gh(r), w = vh(r.element, h !== void 0);
     return /* @__PURE__ */ b("span", {
       ref: s,
       "data-studio-element": r.element.id,
@@ -5782,7 +5808,7 @@ function vh(e, t, n, o) {
           tone: Ht.Failed,
           text: n.failedToDraw(v, h ?? "")
         }),
-        children: p ? /* @__PURE__ */ a(lh, {
+        children: p ? /* @__PURE__ */ a(ch, {
           kind: p,
           tag: n.overlay(v),
           element: l,
@@ -5790,7 +5816,7 @@ function vh(e, t, n, o) {
           message: o
         }) : m ? /* @__PURE__ */ b("div", {
           className: "studio-design-topbar",
-          children: [/* @__PURE__ */ a(ch, {}), yt(t, {
+          children: [/* @__PURE__ */ a(dh, {}), yt(t, {
             ...r,
             element: l
           })]
@@ -5807,14 +5833,14 @@ function vh(e, t, n, o) {
   };
   return i.displayName = `DesignTime(${t.displayName ?? t.name ?? "Component"})`, i;
 }
-function bh(e, t) {
-  const n = Object.fromEntries(Object.entries(e).map(([i, r]) => [i, vh(i, r, t, e["PrimeReact:message"])])), o = {};
+function yh(e, t) {
+  const n = Object.fromEntries(Object.entries(e).map(([i, r]) => [i, bh(i, r, t, e["PrimeReact:message"])])), o = {};
   return new Proxy(n, { get: (i, r) => {
     if (typeof r == "string")
-      return i[r] ?? (o[r] ??= yh(t));
+      return i[r] ?? (o[r] ??= wh(t));
   } });
 }
-var yh = (e) => ({ element: t }) => yt("span", {
+var wh = (e) => ({ element: t }) => yt("span", {
   "data-studio-element": t.id,
   style: { display: "contents" }
 }, yt(Zn, {
@@ -5823,7 +5849,7 @@ var yh = (e) => ({ element: t }) => yt("span", {
   text: e.unavailable(t.name || t.componentName)
 })), Se = /* @__PURE__ */ (function(e) {
   return e.Container = "container", e.Between = "between", e;
-})({}), wh = ({ feedback: e, deniedText: t }) => {
+})({}), kh = ({ feedback: e, deniedText: t }) => {
   if (e.denied || !e.drop) return /* @__PURE__ */ a("div", {
     className: "studio-screen-surface__denied",
     "data-studio-drop-state": "denied",
@@ -5840,19 +5866,19 @@ var yh = (e) => ({ element: t }) => yt("span", {
     "data-empty": n.region.isEmptyContainer,
     style: n.rect
   })] });
-}, kh = (e) => e.width > 0 && e.height > 0;
+}, Sh = (e) => e.width > 0 && e.height > 0;
 function Pa(e) {
   const t = e.getBoundingClientRect();
-  return kh(t) ? [t] : Array.from(e.children).flatMap(Pa);
+  return Sh(t) ? [t] : Array.from(e.children).flatMap(Pa);
 }
 function _e(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}"]`))];
   for (const r of i) {
-    const s = Oa(r, n);
+    const s = xa(r, n);
     if (s) return s;
   }
 }
-function Oa(e, t) {
+function xa(e, t) {
   const n = Pa(e);
   if (n.length === 0) return;
   const o = Math.min(...n.map((l) => l.left)), i = Math.min(...n.map((l) => l.top)), r = Math.max(...n.map((l) => l.right)), s = Math.max(...n.map((l) => l.bottom));
@@ -5863,7 +5889,7 @@ function Oa(e, t) {
     height: s - i
   };
 }
-var xa = (e, t) => e === t || !!e && !!t && e.left === t.left && e.top === t.top && e.width === t.width && e.height === t.height, Sh = (e, t) => e.length === t.length && e.every((n, o) => n.region.id === t[o].region.id && xa(n.rect, t[o].rect)), Ra = xa, Ch = ({ surface: e, markers: t }) => {
+var Oa = (e, t) => e === t || !!e && !!t && e.left === t.left && e.top === t.top && e.width === t.width && e.height === t.height, Ch = (e, t) => e.length === t.length && e.every((n, o) => n.region.id === t[o].region.id && Oa(n.rect, t[o].rect)), Ra = Oa, Nh = ({ surface: e, markers: t }) => {
   const [n, o] = z([]);
   return ye(() => {
     const i = e.current;
@@ -5875,7 +5901,7 @@ var xa = (e, t) => e === t || !!e && !!t && e.left === t.left && e.top === t.top
         rect: c
       }] : [];
     });
-    o((l) => Nh(l, s) ? l : s);
+    o((l) => Th(l, s) ? l : s);
   }), /* @__PURE__ */ a(ae, { children: n.map((i) => /* @__PURE__ */ a("div", {
     className: "studio-screen-surface__binding-source",
     "data-binding-source": i.componentId,
@@ -5886,13 +5912,13 @@ var xa = (e, t) => e === t || !!e && !!t && e.left === t.left && e.top === t.top
     })
   }, `${i.componentId}:${i.label}`)) });
 };
-function Nh(e, t) {
+function Th(e, t) {
   return e.length === t.length && e.every((n, o) => {
     const i = t[o];
     return n.componentId === i.componentId && n.label === i.label && Ra(n.rect, i.rect);
   });
 }
-function Th(e, t) {
+function Ih(e, t) {
   return e ? Object.entries(e.inputs).flatMap(([n, o]) => {
     const i = Nu(o);
     return i ? [{
@@ -5901,14 +5927,14 @@ function Th(e, t) {
     }] : [];
   }) : [];
 }
-function Ih(e, t) {
+function Ph(e, t) {
   const { selectedId: n, document: o, composition: i, context: r } = e;
   return L(() => {
     if (!n) return [];
     const s = We(i.roots, n), l = ea(s?.properties);
     if (!l) return [];
     const c = Xi(o, i.roots, r, t.availableSources, t.queryCandidates);
-    return Th(l, Gr(c.dataContextPaths, c.componentOutputs, n));
+    return Ih(l, Gr(c.dataContextPaths, c.componentOutputs, n));
   }, [
     n,
     o,
@@ -5918,7 +5944,7 @@ function Ih(e, t) {
     t.queryCandidates
   ]);
 }
-function Ph(e, t, n, o, i) {
+function xh(e, t, n, o, i) {
   const r = ke(e, n, t);
   if (r)
     return {
@@ -5929,17 +5955,17 @@ function Ph(e, t, n, o, i) {
 }
 var Ke = /* @__PURE__ */ (function(e) {
   return e.Horizontal = "horizontal", e.Vertical = "vertical", e.None = "none", e;
-})({}), $t = ({ width: e, height: t }) => e * t, Oh = (e, t, n) => t >= e.left && t <= e.left + e.width && n >= e.top && n <= e.top + e.height, xh = (e, t, n, o) => {
+})({}), $t = ({ width: e, height: t }) => e * t, Oh = (e, t, n) => t >= e.left && t <= e.left + e.width && n >= e.top && n <= e.top + e.height, Rh = (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;
 }, Li = ({ region: e, rect: t }, n, o) => e.axis === Ke.Vertical ? Math.abs(n - (t.left + t.width / 2)) : Math.abs(o - (t.top + t.height / 2));
-function Rh(e, t, n, o = 6) {
+function Dh(e, t, n, o = 6) {
   const i = e.filter((u) => u.region.kind === Se.Container);
   if (i.length === 0) return;
   const r = i.map((u, d) => ({
     placed: u,
     order: d
-  })).filter(({ placed: u }) => Oh(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 && xh(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 === Se.Between && u.region.containerId === l.region.containerId);
+  })).filter(({ placed: u }) => Oh(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 && Rh(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 === Se.Between && u.region.containerId === l.region.containerId);
   return l.region.isEmptyContainer || c.length === 0 ? {
     target: l,
     container: l.rect
@@ -5948,8 +5974,8 @@ function Rh(e, t, n, o = 6) {
     container: l.rect
   };
 }
-var Dh = (e, t) => e?.top === t?.top && e?.left === t?.left && e?.width === t?.width && e?.height === t?.height, Eh = (e, t) => !!e && e.denied === t.denied && e.drop?.target.region.id === t.drop?.target.region.id && Dh(e.drop?.target.rect, t.drop?.target.rect);
-function Fh(e, t, n) {
+var Eh = (e, t) => e?.top === t?.top && e?.left === t?.left && e?.width === t?.width && e?.height === t?.height, Fh = (e, t) => !!e && e.denied === t.denied && e.drop?.target.region.id === t.drop?.target.region.id && Eh(e.drop?.target.rect, t.drop?.target.rect);
+function Ah(e, t, n) {
   const [o, i] = z(), r = V(void 0);
   r.current = o;
   const [s, l] = z(), c = V(0), u = V(void 0), d = U(() => {
@@ -5969,7 +5995,7 @@ function Fh(e, t, n) {
     const y = u.current, { region: T } = k.target;
     if (!y || !T.containerId) return;
     const A = T.kind === Se.Container ? g(T.containerId) : T.index;
-    return Ph(n.composition.roots, n.adapter, y, T.containerId, A);
+    return xh(n.composition.roots, n.adapter, y, T.containerId, A);
   }, g = (k) => {
     const y = [...n.composition.roots];
     for (; y.length > 0; ) {
@@ -5979,7 +6005,7 @@ function Fh(e, t, n) {
     }
     return 0;
   }, f = (k) => {
-    const y = e.current.getBoundingClientRect(), T = Rh(t(), k.clientX - y.left, k.clientY - y.top), A = k.target.closest("[data-scene-id], [data-studio-element]"), I = A?.dataset.sceneId ?? A?.dataset.studioElement, N = !!I && n.ownershipOf(I) !== ne.Local;
+    const y = e.current.getBoundingClientRect(), T = Dh(t(), k.clientX - y.left, k.clientY - y.top), A = k.target.closest("[data-scene-id], [data-studio-element]"), I = A?.dataset.sceneId ?? A?.dataset.studioElement, N = !!I && n.ownershipOf(I) !== ne.Local;
     if (!T || N) return { denied: !0 };
     if (Jn(k)) {
       const E = h(T), B = E ? n.validateMove(E) : te.NodeNotFound;
@@ -6008,14 +6034,14 @@ function Fh(e, t, n) {
       onDragOver: (k) => {
         if (!Mt(k) || (k.preventDefault(), p.current)) return;
         const y = f(k);
-        k.dataTransfer.dropEffect = y.denied ? "none" : Jn(k) ? "move" : "copy", i((T) => Eh(T, y) ? T : y);
+        k.dataTransfer.dropEffect = y.denied ? "none" : Jn(k) ? "move" : "copy", i((T) => Fh(T, y) ? T : y);
       },
       onDragLeave: (k) => {
         Mt(k) && (c.current = Math.max(0, c.current - 1), c.current === 0 && i(void 0));
       },
       onDrop: (k) => {
         if (!Mt(k)) return;
-        const y = Im(k), T = Pm(k), { drop: A, denied: I } = f(k), N = A && y ? h(A) : void 0, E = p.current;
+        const y = Pm(k), T = xm(k), { drop: A, denied: I } = f(k), N = A && y ? h(A) : void 0, E = p.current;
         if (k.preventDefault(), d(), p.current = !1, E || I || !A) return;
         if (y) {
           N && n.move(N, v(k, A));
@@ -6029,7 +6055,7 @@ function Fh(e, t, n) {
   };
 }
 var nt = 3;
-function Ah(e, t, n) {
+function Mh(e, t, n) {
   const o = e.containerId === null ? t : n(e.containerId);
   if (!o) return;
   if (e.kind === Se.Container) return o;
@@ -6050,7 +6076,7 @@ function Ah(e, t, n) {
     height: o.height
   };
 }
-function Mh(e, t, n) {
+function _h(e, t, n) {
   const [o, i] = z([]), [r, s] = z(), l = V([]), c = U(() => {
     const d = e.current;
     if (!d) return [];
@@ -6061,7 +6087,7 @@ function Mh(e, t, n) {
       height: p.height
     };
     return t.flatMap((g) => {
-      const f = Ah(g, h, m);
+      const f = Mh(g, h, m);
       return f ? [{
         region: g,
         rect: f
@@ -6071,7 +6097,7 @@ function Mh(e, t, n) {
     const d = e.current;
     if (!d) return;
     const p = c();
-    l.current = p, i((h) => Sh(h, p) ? h : p);
+    l.current = p, i((h) => Ch(h, p) ? h : p);
     const m = n ? _e(d, n, d.getBoundingClientRect()) : void 0;
     s((h) => Ra(h, m) ? h : m);
   }, [
@@ -6110,7 +6136,7 @@ function Mh(e, t, n) {
 var Ue = /* @__PURE__ */ (function(e) {
   return e.NotShell = "notShell", e.Navigate = "navigate", e.Ignore = "ignore", e;
 })({});
-function _h(e, t) {
+function $h(e, t) {
   if (!t) return Ue.NotShell;
   const n = e;
   return !n || typeof n.closest != "function" || n.closest('[data-scene-id="composition"], [data-studio-element="composition"]') ? Ue.NotShell : n.closest("[data-scene-nav-item], [data-target-screen]") ? Ue.Navigate : Ue.Ignore;
@@ -6122,8 +6148,8 @@ var Bi = [
   "mouseup",
   "click",
   "dblclick"
-], $h = "[data-scene-id], [data-studio-element], [data-studio-placeholder-for]";
-function Lh(e, t, n = 0) {
+], Lh = "[data-scene-id], [data-studio-element], [data-studio-placeholder-for]";
+function Bh(e, t, n = 0) {
   const o = tn(t);
   return {
     select: e === "pointerdown" && n === 0 || e === "click",
@@ -6131,16 +6157,16 @@ function Lh(e, t, n = 0) {
     cancelDefault: !o && e === "click"
   };
 }
-function Bh(e) {
-  const t = e, n = t && typeof t.closest == "function" ? t.closest($h) : null;
+function jh(e) {
+  const t = e, n = t && typeof t.closest == "function" ? t.closest(Lh) : null;
   return n?.dataset.sceneId ?? n?.dataset.studioElement ?? n?.dataset.studioPlaceholderFor;
 }
-var jh = "[data-scene-item], [data-scene-nav-item]";
-function Uh(e) {
-  const t = e, n = t && typeof t.closest == "function" ? t.closest(jh) : null;
+var Uh = "[data-scene-item], [data-scene-nav-item]";
+function Wh(e) {
+  const t = e, n = t && typeof t.closest == "function" ? t.closest(Uh) : null;
   return n?.dataset.sceneItem ?? n?.dataset.sceneNavItem;
 }
-function Wh(e, t, n = !1) {
+function zh(e, t, n = !1) {
   const o = V(t);
   o.current = t;
   const i = V(n);
@@ -6150,14 +6176,14 @@ function Wh(e, t, n = !1) {
     const s = (l) => {
       const c = l.target;
       if (c?.closest?.(".studio-screen-surface__chrome")) return;
-      const u = _h(c, i.current);
+      const u = $h(c, i.current);
       if (u === Ue.Navigate) return;
       if (u === Ue.Ignore) {
         l.type === "click" && l.preventDefault(), l.stopPropagation();
         return;
       }
-      const d = Lh(l.type, c, l.button);
-      d.select && (tn(c) || r.focus({ preventScroll: !0 }), o.current(Bh(c), Uh(c))), d.cancelDefault && l.preventDefault(), d.swallow && l.stopPropagation();
+      const d = Bh(l.type, c, l.button);
+      d.select && (tn(c) || r.focus({ preventScroll: !0 }), o.current(jh(c), Wh(c))), d.cancelDefault && l.preventDefault(), d.swallow && l.stopPropagation();
     };
     for (const l of Bi) r.addEventListener(l, s, !0);
     return () => {
@@ -6165,7 +6191,7 @@ function Wh(e, t, n = !1) {
     };
   }, [e]);
 }
-var ji = 'button:not(:disabled), [href], input:not(:disabled), select:not(:disabled), textarea:not(:disabled), [tabindex]:not([tabindex="-1"])', Ui = 440, zh = ({ registry: e, property: t, context: n, componentId: o, anchor: i, opener: r, bounds: s, title: l, strings: c, onChange: u, onClose: d }) => {
+var ji = 'button:not(:disabled), [href], input:not(:disabled), select:not(:disabled), textarea:not(:disabled), [tabindex]:not([tabindex="-1"])', Ui = 440, Kh = ({ 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);
   le(() => ((p.current?.querySelector(ji) ?? p.current)?.focus({ preventScroll: !0 }), () => {
     r.isConnected && r.focus({ preventScroll: !0 });
@@ -6214,7 +6240,7 @@ var ji = 'button:not(:disabled), [href], input:not(:disabled), select:not(:disab
     })
   });
 };
-function Kh({ anchor: e, bounds: t, size: n, prefer: o, gap: i = 6 }) {
+function qh({ 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)),
@@ -6227,27 +6253,27 @@ var Wi = [
   M.slot,
   M.slice,
   M.emphasis
-], qh = [
+], Gh = [
   M.moveEarlier,
   M.moveLater,
   M.addSubItem,
   M.duplicate,
   M.delete
-], Gh = {
+], Hh = {
   [M.target]: /* @__PURE__ */ a(mc, { "aria-hidden": "true" }),
   [M.slot]: /* @__PURE__ */ a(hc, { "aria-hidden": "true" }),
   [M.slice]: /* @__PURE__ */ a(vc, { "aria-hidden": "true" })
-}, Hh = {
+}, Vh = {
   [M.moveEarlier]: /* @__PURE__ */ a(cc, { "aria-hidden": "true" }),
   [M.moveLater]: /* @__PURE__ */ a(dc, { "aria-hidden": "true" }),
   [M.addSubItem]: /* @__PURE__ */ a(pc, { "aria-hidden": "true" }),
   [M.duplicate]: /* @__PURE__ */ a(uc, { "aria-hidden": "true" }),
   [M.delete]: /* @__PURE__ */ a(gc, { "aria-hidden": "true" })
-}, Vh = ({ 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: m }) => {
+}, Jh = ({ 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: m }) => {
   const h = V(null), g = V(null), [f, v] = z({
     width: 380,
     height: 100
-  }), [w, P] = z(t.label), [O, C] = z(0), k = e.mode.itemToolbar, y = k.some((R) => R.compact === !0), T = k.some((R) => Wi.includes(R.id)), A = k.find((R) => R.id === M.rename), I = A && Et(A, t);
+  }), [w, P] = z(t.label), [x, C] = z(0), k = e.mode.itemToolbar, y = k.some((R) => R.compact === !0), T = k.some((R) => Wi.includes(R.id)), A = k.find((R) => R.id === M.rename), I = A && Et(A, t);
   le(() => {
     P(t.label);
   }, [t.id, t.label]), le(() => {
@@ -6259,7 +6285,7 @@ var Wi = [
       height: R.height
     });
   });
-  const N = e.source.kind === "elements" ? "above" : "below", E = Kh({
+  const N = e.source.kind === "elements" ? "above" : "below", E = qh({
     anchor: n,
     bounds: o,
     size: f,
@@ -6311,7 +6337,7 @@ var Wi = [
         className: "studio-design-toolbar__text-action",
         "data-action": X.id,
         "data-roving": pe,
-        tabIndex: O === pe ? 0 : -1,
+        tabIndex: x === pe ? 0 : -1,
         onClick: () => p(X),
         children: X.label
       }, X.id))]
@@ -6322,9 +6348,9 @@ var Wi = [
     const R = Qe++;
     return {
       "data-roving": R,
-      tabIndex: O === R ? 0 : -1
+      tabIndex: x === R ? 0 : -1
     };
-  }, Ce = k.filter((R) => Wi.includes(R.id) && Et(R, t).visible), Ne = qh.flatMap((R) => k.filter((X) => X.id === R)).filter((R) => Et(R, t).visible);
+  }, Ce = k.filter((R) => Wi.includes(R.id) && Et(R, t).visible), Ne = Gh.flatMap((R) => k.filter((X) => X.id === R)).filter((R) => Et(R, t).visible);
   return /* @__PURE__ */ b("div", {
     ...ce,
     children: [
@@ -6355,7 +6381,7 @@ var Wi = [
           "aria-haspopup": "dialog",
           ...$e(),
           onClick: (X) => u(R.id, X.currentTarget),
-          children: [Gh[R.id], /* @__PURE__ */ a("span", { children: s(R.id, t) })]
+          children: [Hh[R.id], /* @__PURE__ */ a("span", { children: s(R.id, t) })]
         }, R.id))
       }),
       Ce.length > 0 && Ne.length > 0 && /* @__PURE__ */ a("span", {
@@ -6375,20 +6401,20 @@ var Wi = [
             disabled: !X.enabled,
             ...$e(),
             onClick: () => c(R.id),
-            children: Hh[R.id]
+            children: Vh[R.id]
           }, R.id);
         })
       })
     ]
   });
-}, Jh = (e) => {
+}, Qh = (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, Qh = (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, Yh = (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] = z(), r = U(() => {
     const s = e.current, l = s ? t(s, s.getBoundingClientRect()) : void 0;
@@ -6428,12 +6454,12 @@ function eo(e, t, n) {
     };
   }, [e, r]), o;
 }
-function Yh(e, t) {
+function Zh(e, t) {
   return eo(e, U((n, o) => {
     if (!t) return;
     const i = _e(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 = _e(n, l.id, o) ?? (r ? Jh(l.id).map((u) => r.querySelector(u)).flatMap((u) => u ? [Oa(u, o)] : []).find((u) => u !== void 0) : void 0);
+      const c = _e(n, l.id, o) ?? (r ? Qh(l.id).map((u) => r.querySelector(u)).flatMap((u) => u ? [xa(u, o)] : []).find((u) => u !== void 0) : void 0);
       c && (s[l.id] = c);
     }
     return {
@@ -6446,10 +6472,10 @@ function Yh(e, t) {
       component: i,
       items: s
     };
-  }, [t]), Qh);
+  }, [t]), Yh);
 }
-var On = 34, Zh = ({ surface: e, state: t, controller: n, environment: o, editorStrings: i, strings: r }) => {
-  const { subject: s } = t, l = Yh(e, s), [c, u] = z(), d = o.propertyEditors?.registry ?? nn, p = L(() => So(o.availableSources), [o.availableSources]), m = U((F) => {
+var xn = 34, Xh = ({ surface: e, state: t, controller: n, environment: o, editorStrings: i, strings: r }) => {
+  const { subject: s } = t, l = Zh(e, s), [c, u] = z(), d = o.propertyEditors?.registry ?? nn, p = L(() => So(o.availableSources), [o.availableSources]), m = U((F) => {
     if (typeof F != "string" || F === "") return;
     const $ = o.propertyEditors?.slices?.find((se) => se.id === F) ?? o.stateChangeSlices.find((se) => se.id === F), q = F.split(".");
     return $?.name ?? q[q.length - 1];
@@ -6480,12 +6506,12 @@ var On = 34, Zh = ({ surface: e, state: t, controller: n, environment: o, editor
     f,
     e
   ]), !s || !l) return null;
-  const { selected: v, source: w } = s, P = s.mode.addActions[0], O = w.items.flatMap((F) => l.items[F.id] ? [l.items[F.id]] : []), C = O[O.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((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 ? {
     left: (C ?? y).left,
     top: (C ? C.top + C.height : y.top) + 8
   } : {
     left: C.left + C.width + 8,
-    top: C.top + (C.height - On) / 2
+    top: C.top + (C.height - xn) / 2
   } : void 0, A = v ? l.items[v.id] : void 0, I = c && v && c.itemId === v.id ? w.choice(c.actionId, v) : void 0, N = () => u(void 0), E = () => Io({
     controller: n,
     environment: o,
@@ -6510,13 +6536,13 @@ var On = 34, Zh = ({ surface: e, state: t, controller: n, environment: o, editor
       style: {
         left: T.left,
         top: T.top,
-        width: On,
-        height: On
+        width: xn,
+        height: xn
       },
       onClick: () => t.add(P.id),
       children: /* @__PURE__ */ a(fc, { "aria-hidden": "true" })
     }),
-    v && S && /* @__PURE__ */ a(Vh, {
+    v && S && /* @__PURE__ */ a(Jh, {
       subject: s,
       item: v,
       anchor: S,
@@ -6535,12 +6561,12 @@ var On = 34, Zh = ({ surface: e, state: t, controller: n, environment: o, editor
       onReadOnlyAction: (F) => t.perform(F.plan()),
       onLeave: () => e.current?.focus({ preventScroll: !0 })
     }, v.id),
-    I && c && S && /* @__PURE__ */ a(zh, {
+    I && c && S && /* @__PURE__ */ a(Kh, {
       registry: d,
       property: I.property,
       context: E(),
       componentId: v.id,
-      anchor: Xh(e, c.opener),
+      anchor: ef(e, c.opener),
       opener: c.opener,
       bounds: l.surface,
       title: s.mode.itemToolbar.find((F) => F.id === c.actionId)?.title ?? c.actionId,
@@ -6571,7 +6597,7 @@ var On = 34, Zh = ({ surface: e, state: t, controller: n, environment: o, editor
     })
   ] });
 };
-function Xh(e, t) {
+function ef(e, t) {
   const n = e.current?.getBoundingClientRect(), o = t.getBoundingClientRect();
   return {
     left: o.left - (n?.left ?? 0),
@@ -6591,14 +6617,14 @@ function Da(e, t) {
     }] : [], ...Da(Zt(n), t)];
   });
 }
-var ef = (e, t) => e.left === t.left && e.top === t.top && e.width === t.width && e.height === t.height, Ki = "content", tf = (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), nf = ({ surface: e, controller: t, strings: n }) => {
-  const o = eo(e, U((h, g) => _e(h, "composition", g), []), ef), { composition: i, context: r, selectedId: s, navigation: l, navigationModule: c, structure: u } = t, d = L(() => Da(i.roots, r.catalog), [i.roots, r.catalog]), p = U((h, g) => d.flatMap((f) => {
+var tf = (e, t) => e.left === t.left && e.top === t.top && e.width === t.width && e.height === t.height, Ki = "content", nf = (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), of = ({ surface: e, controller: t, strings: n }) => {
+  const o = eo(e, U((h, g) => _e(h, "composition", g), []), tf), { composition: i, context: r, selectedId: s, navigation: l, navigationModule: c, structure: u } = t, d = L(() => Da(i.roots, r.catalog), [i.roots, r.catalog]), p = U((h, g) => d.flatMap((f) => {
     const v = _e(h, f.id, g);
     return v ? [{
       ...f,
       rect: v
     }] : [];
-  }), [d]), m = eo(e, p, tf);
+  }), [d]), m = eo(e, p, nf);
   return /* @__PURE__ */ b(ae, { children: [o && /* @__PURE__ */ a("div", {
     className: "studio-design-slot",
     "data-slot": Ki,
@@ -6652,9 +6678,9 @@ var ef = (e, t) => e.left === t.left && e.top === t.top && e.width === t.width &
       })
     }, h);
   })] });
-}, of = rl(), Lt = () => {
+}, rf = rl(), Lt = () => {
   throw new Error("The screen is being designed; it does not navigate.");
-}, rf = ({ structure: e, navigation: t, module: n, logoLockedReason: o, onNavigate: i, peeking: r, children: s }) => {
+}, af = ({ structure: e, navigation: t, module: n, logoLockedReason: o, onNavigate: i, peeking: r, children: s }) => {
   const l = L(() => new Xt(e), [e]), c = L(() => ({
     structure: l,
     navigation: t
@@ -6688,7 +6714,7 @@ var ef = (e, t) => e.left === t.left && e.top === t.top && e.width === t.width &
     children: /* @__PURE__ */ a(nl, {
       model: c,
       children: /* @__PURE__ */ a(il, {
-        invoker: of,
+        invoker: rf,
         warnEmptySlices: !0,
         children: s
       })
@@ -6698,11 +6724,11 @@ var ef = (e, t) => e.left === t.left && e.top === t.top && e.width === t.width &
     value: p,
     children: g
   }) : g;
-}, af = 'button, a[href], [role="button"], [role="radio"], [role="option"], [role="menuitem"]', sf = (e) => {
+}, sf = 'button, a[href], [role="button"], [role="radio"], [role="option"], [role="menuitem"]', lf = (e) => {
   const t = e;
-  return !!t && typeof t.closest == "function" && t.closest(af) !== null;
+  return !!t && typeof t.closest == "function" && t.closest(sf) !== null;
 };
-function lf(e, t, n) {
+function cf(e, t, n) {
   const { subject: o } = t;
   if (!o) return !1;
   const i = tn(e.target), r = () => (e.preventDefault(), e.stopPropagation(), !0);
@@ -6710,7 +6736,7 @@ function lf(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 !sf(e.target) && n() ? r() : !1;
+  if (e.key === "Enter" && !e.altKey && !e.ctrlKey && !e.metaKey) return !lf(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)
@@ -6732,20 +6758,20 @@ function Ea(e, t, n) {
     ...l ? { slots: l } : {}
   } : e;
 }
-var cf = () => {
-}, df = {
+var df = () => {
+}, uf = {
   button: "Button",
   item: "New item"
-}, uf = ({ controller: e, environment: t, resolveBinding: n = cf, configuration: o, strings: i, editorStrings: r, viewportHeight: s, shell: l }) => {
-  const c = V(null), { composition: u, dropRegions: d, selectedId: p } = e, { selectionRect: m, measureNow: h } = Mh(c, d, p), { feedback: g, draggedId: f, startMoving: v, endMoving: w, handlers: P } = Fh(c, h, e), [O, C] = z(), k = Ih(e, t), { document: y, context: T } = e, A = L(() => o ?? (y.instanceContributions.length > 0 ? pr(mo(y, T.scope), y.instanceContributions, T.catalog) : void 0), [
+}, pf = ({ controller: e, environment: t, resolveBinding: n = df, configuration: o, strings: i, editorStrings: r, viewportHeight: s, shell: l }) => {
+  const c = V(null), { composition: u, dropRegions: d, selectedId: p } = e, { selectionRect: m, measureNow: h } = _h(c, d, p), { feedback: g, draggedId: f, startMoving: v, endMoving: w, handlers: P } = Ah(c, h, e), [x, C] = z(), k = Ph(e, t), { document: y, context: T } = e, A = L(() => o ?? (y.instanceContributions.length > 0 ? pr(mo(y, T.scope), y.instanceContributions, T.catalog) : void 0), [
     o,
     y,
     T
-  ]), I = r?.designMode ?? xo, N = t.destinations[0], E = L(() => N ? { screen: N.id } : void 0, [N]), B = nm({
+  ]), I = r?.designMode ?? Oo, N = t.destinations[0], E = L(() => N ? { screen: N.id } : void 0, [N]), B = om({
     controller: e,
     environment: t,
     strings: I,
-    startingLabels: df,
+    startingLabels: uf,
     ...E ? { startingDestination: E } : {}
   });
   ye(() => {
@@ -6759,12 +6785,12 @@ var cf = () => {
       H.preventDefault(), l.back();
       return;
     }
-    lf(H, B, () => {
+    cf(H, B, () => {
       const ie = c.current?.querySelector(".studio-design-toolbar__title");
       return ie?.focus({ preventScroll: !0 }), !!ie;
     }) || !ko(H) || !e.selectedId || !e.canRemove(e.selectedId) || (H.preventDefault(), e.remove(e.selectedId));
   }, F = !!e.selectedId && e.ownershipOf(e.selectedId) === ne.Local && e.canRemove(e.selectedId), $ = e.selection && (e.selection.name || e.selection.componentName) || "";
-  Wh(c, (H, ie) => {
+  zh(c, (H, ie) => {
     e.select(H), B.pointItem(H, ie);
   }, l?.frame !== void 0);
   const { setMeasurer: q } = e;
@@ -6792,17 +6818,17 @@ var cf = () => {
     t.runtime.packages
   ]), ce = l?.peeking, Qe = r?.shellPeeking(l?.peekingName ?? "") ?? "", $e = L(() => {
     const H = l?.frame;
-    return H ? Ea(H.element, $o, ce ? Zm(ce, Qe) : se) : se;
+    return H ? Ea(H.element, $o, ce ? Xm(ce, Qe) : se) : se;
   }, [
     l?.frame,
     se,
     ce,
     Qe
-  ]), Ce = L(() => bh(t.runtime.registry, i), [t.runtime.registry, i]), Ne = L(() => jo(t.runtime), [t.runtime]), R = L(() => /* @__PURE__ */ a(br, {
+  ]), Ce = L(() => yh(t.runtime.registry, i), [t.runtime.registry, i]), Ne = L(() => jo(t.runtime), [t.runtime]), R = L(() => /* @__PURE__ */ a(br, {
     registry: t.runtime.iconAdapters,
     children: /* @__PURE__ */ a(hr, {
       storage: null,
-      children: /* @__PURE__ */ a(rf, {
+      children: /* @__PURE__ */ a(af, {
         structure: e.structure,
         navigation: e.navigation,
         module: e.navigationModule,
@@ -6830,7 +6856,7 @@ var cf = () => {
     l?.navigate,
     l?.peekingName,
     ce
-  ]), X = s ?? O, pe = {
+  ]), X = s ?? x, pe = {
     ...X === void 0 ? {} : { "--studio-surface-viewport-height": `${X}px` },
     "--studio-empty-container-label": JSON.stringify(i.emptyContainer)
   };
@@ -6863,25 +6889,25 @@ var cf = () => {
             "aria-hidden": "true",
             title: i.moveHandle($),
             onDragStart: (H) => {
-              v(e.selectedId), Tm(H, e.selectedId, $);
+              v(e.selectedId), Im(H, e.selectedId, $);
             },
             onDragEnd: w,
             children: /* @__PURE__ */ a(Fl, { "aria-hidden": "true" })
           }),
-          g && /* @__PURE__ */ a(wh, {
+          g && /* @__PURE__ */ a(kh, {
             feedback: g,
             deniedText: i.dropDenied
           }),
-          /* @__PURE__ */ a(Ch, {
+          /* @__PURE__ */ a(Nh, {
             surface: c,
             markers: k
           }),
-          /* @__PURE__ */ a(nf, {
+          /* @__PURE__ */ a(of, {
             surface: c,
             controller: e,
             strings: I
           }),
-          r && /* @__PURE__ */ a(Zh, {
+          r && /* @__PURE__ */ a(Xh, {
             surface: c,
             state: B,
             controller: e,
@@ -6900,14 +6926,14 @@ var cf = () => {
     })
   });
 }, qi = 40, Fa = ({ controller: e, environment: t, strings: n, window: o, authoringTemplate: i, deviceFrame: r = !1, saveFailure: s, onSave: l, isSaving: c = !1, onPreview: u }) => {
-  const d = ah(e.document, t.runtime, i), p = !!e.selectedId && e.canRemove(e.selectedId), m = /* @__PURE__ */ b(ae, { children: [
+  const d = sh(e.document, t.runtime, i), p = !!e.selectedId && e.canRemove(e.selectedId), m = /* @__PURE__ */ b(ae, { 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(Hm, {
+    /* @__PURE__ */ a(Vm, {
       windowSize: o.size,
       available: o.available,
       strings: n,
@@ -6977,7 +7003,7 @@ var cf = () => {
     role: "group",
     "aria-label": n.windowLabel,
     children: [
-      /* @__PURE__ */ a(Km, { controls: m }),
+      /* @__PURE__ */ a(qm, { controls: m }),
       s && /* @__PURE__ */ b("p", {
         className: "studio-screen-editor-window__notice",
         role: "alert",
@@ -7004,7 +7030,7 @@ var cf = () => {
               onClick: d.back,
               children: n.shellPeekBack
             })]
-          }), /* @__PURE__ */ a(uf, {
+          }), /* @__PURE__ */ a(pf, {
             controller: e,
             environment: t,
             resolveBinding: () => {
@@ -7019,7 +7045,7 @@ var cf = () => {
     ]
   });
 };
-function pf(e, t, n) {
+function mf(e, t, n) {
   const o = e.screens.find((l) => l.name === ge);
   if (!o || o.screenTemplate === t?.name) return e;
   const i = o.screenTemplate, r = e.screens.map((l) => {
@@ -7030,28 +7056,28 @@ function pf(e, t, n) {
       screenTemplate: t.name
     } : u;
   });
-  let s = e.screenTemplates.filter((l) => !mf(l, i, r, n));
+  let s = e.screenTemplates.filter((l) => !hf(l, i, r, n));
   return t && !s.some((l) => l.name === t.name) && (s = [...s, globalThis.structuredClone(t)]), {
     ...e,
     screens: r,
     screenTemplates: s
   };
 }
-function mf(e, t, n, o) {
+function hf(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);
 }
-var xn = 16;
+var On = 16;
 function Aa(e) {
   if (e.length === 0) return {
-    left: xn,
-    top: xn
+    left: On,
+    top: On
   };
   let t = 0;
   const n = e.map((o) => o.bottom !== void 0 ? o.bottom : o.placement ? o.placement.top + (o.height ?? 40) : (t += o.height ?? 40, t));
   return {
-    left: xn,
+    left: On,
     top: Math.max(...n) + 16
   };
 }
@@ -7073,14 +7099,14 @@ function _a(e) {
     top: o
   } : void 0;
 }
-function hf(e) {
+function ff(e) {
   const { [Ve]: t, [Je]: n, ...o } = e.properties ?? {};
   return {
     ...e,
     properties: o
   };
 }
-function ff(e) {
+function gf(e) {
   if (e.targetParentId !== null)
     return {
       kind: Q.MoveNode,
@@ -7097,7 +7123,7 @@ function $a(e, t, n) {
     element: n
   };
 }
-function gf(e) {
+function vf(e) {
   return {
     kind: Q.RemoveNode,
     nodeId: oe(e)
@@ -7111,18 +7137,18 @@ var La = (e, t) => (e?.children ?? []).map((n) => {
     bottom: o?.bottom
   };
 });
-function vf(e, t, n, o) {
+function bf(e, t, n, o) {
   const i = We(e, t.nodeId);
   if (!i || t.targetParentId === null) return;
   const r = oo(e, t.nodeId), s = We(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((m) => m.id === t.nodeId) : t.index, p = c ? Ma(i, n ?? (u ? _a(i) : void 0) ?? Aa(La(s, o))) : hf(i);
+  const u = l && c && r.id === t.targetParentId, d = u ? r.children.findIndex((m) => m.id === t.nodeId) : t.index, p = c ? Ma(i, n ?? (u ? _a(i) : void 0) ?? Aa(La(s, o))) : ff(i);
   return [{
     kind: Q.RemoveNode,
     nodeId: oe(t.nodeId)
   }, $a(t.targetParentId, d, p)];
 }
-function bf(e) {
+function yf(e) {
   switch (e) {
     case J.Row:
     case J.Wrap:
@@ -7137,7 +7163,7 @@ function bf(e) {
   }
 }
 function Gi(e, t, n, o) {
-  const i = e ?? "screen", r = bf(n), s = {
+  const i = e ?? "screen", r = yf(n), s = {
     id: `${i}:container`,
     kind: Se.Container,
     containerId: e,
@@ -7156,7 +7182,7 @@ function Gi(e, t, n, o) {
     ...c < t.length ? { beforeId: o.idOf(t[c]) } : {}
   }))];
 }
-function yf(e, t, n) {
+function wf(e, t, n) {
   const o = (i) => i.flatMap((r) => {
     if (!n.acceptsChildren(r)) return [];
     const s = n.childrenOf(r);
@@ -7164,7 +7190,7 @@ function yf(e, t, n) {
   });
   return [...Gi(null, e, t, n), ...o(e)];
 }
-var wf = class {
+var kf = class {
   latest;
   publish;
   constructor(e, t) {
@@ -7177,7 +7203,7 @@ var wf = class {
     return this.latest = e(this.latest), this.publish(this.latest), this.latest;
   }
 };
-function kf(e) {
+function Sf(e) {
   return {
     document: e,
     undoable: [],
@@ -7187,7 +7213,7 @@ function kf(e) {
     savedDocument: e
   };
 }
-function Sf(e, t, n, o) {
+function Cf(e, t, n, o) {
   const i = cr(e.document, t, n);
   return i.applied ? {
     ...e,
@@ -7217,7 +7243,7 @@ function Te(e, t, n) {
     isDirty: t !== e.savedDocument
   };
 }
-function Cf(e, t, n, o) {
+function Nf(e, t, n, o) {
   let i = e.document;
   const r = [];
   for (const s of t) {
@@ -7240,8 +7266,8 @@ function Cf(e, t, n, o) {
     isDirty: i !== e.savedDocument
   };
 }
-var Nf = (e) => e.undoable.length > 0, Tf = (e) => e.redoable.length > 0;
-function If(e) {
+var Tf = (e) => e.undoable.length > 0, If = (e) => e.redoable.length > 0;
+function Pf(e) {
   const t = e.undoable[e.undoable.length - 1];
   return t ? {
     ...e,
@@ -7255,7 +7281,7 @@ function If(e) {
     isDirty: t.before !== e.savedDocument
   } : e;
 }
-function Pf(e) {
+function xf(e) {
   const t = e.redoable[e.redoable.length - 1];
   return t ? {
     ...e,
@@ -7292,7 +7318,7 @@ function bt(e, t, n) {
     Array.isArray(i) && bt(i, t, n);
   }
 }
-var to = (e) => e.id, xf = (e) => e.name || to(e), Rf = (e) => {
+var to = (e) => e.id, Rf = (e) => e.name || to(e), Df = (e) => {
   switch (e) {
     case W.Stack:
       return J.Column;
@@ -7310,10 +7336,10 @@ var to = (e) => e.id, xf = (e) => e.name || to(e), Rf = (e) => {
       return;
   }
 };
-function Df(e) {
+function Ef(e) {
   return {
     idOf: to,
-    nameOf: xf,
+    nameOf: Rf,
     childrenOf: Zt,
     withChildren: (t, n) => jt(t) ? {
       ...t,
@@ -7324,13 +7350,13 @@ function Df(e) {
     } : t,
     acceptsChildren: (t) => jt(t),
     ownershipOf: (t) => e(to(t)) ?? ne.Local,
-    arrangementOf: (t) => jt(t) ? Rf(Lr(t)) : void 0
+    arrangementOf: (t) => jt(t) ? Df(Lr(t)) : void 0
   };
 }
-function Ef(e) {
+function Ff(e) {
   return e ? ut(e) ? J.Freeform : uo(e) ? J.Grid : po(e) ? e.orientation === ct.Horizontal ? J.Row : J.Column : J.Column : J.Column;
 }
-var Ff = (e, t) => Math.max(0, Math.min(e, t));
+var Af = (e, t) => Math.max(0, Math.min(e, t));
 function Vi(e, t, n) {
   const o = ke(e, t.nodeId, n);
   if (!o) return te.NodeNotFound;
@@ -7346,10 +7372,10 @@ function Vi(e, t, n) {
   }
   if ((o.parent === null ? null : n.idOf(o.parent)) === t.targetParentId) {
     const r = i.length - 1;
-    if (Ff(t.index, r) === o.index) return te.NoChange;
+    if (Af(t.index, r) === o.index) return te.NoChange;
   }
 }
-var Af = "composition";
+var Mf = "composition";
 function no(e, t) {
   const n = e.screens.find((s) => s.name === ge), o = t !== void 0 ? $n(t, !0) : $n(void 0), i = mo(e, o).levels.filter((s) => s.kind === ys.ScreenTemplate).map((s) => s.owner), r = [];
   for (const s of i) {
@@ -7358,12 +7384,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(W.Stack, Af, "Composition", r),
+    element: Yt(W.Stack, Mf, "Composition", r),
     roots: r,
     templates: i
   };
 }
-function Mf(e) {
+function _f(e) {
   switch (e) {
     case Go.Inherited:
       return ne.Inherited;
@@ -7373,15 +7399,15 @@ function Mf(e) {
       return ne.Local;
   }
 }
-function _f(e, t, n) {
+function $f(e, t, n) {
   const o = /* @__PURE__ */ new Map();
   for (const i of Va(t)) {
     const r = co(e, oe(i), n);
-    o.set(i, r ? Mf(r.provenance.kind) : ne.Inherited);
+    o.set(i, r ? _f(r.provenance.kind) : ne.Inherited);
   }
   return (i) => o.get(i) ?? ne.Local;
 }
-function $f(e) {
+function Lf(e) {
   const [t, n] = z({
     catalog: e,
     times: 0
@@ -7399,10 +7425,10 @@ function $f(e) {
     };
   }, [e]), t.catalog === e ? t.times : 0;
 }
-var Lf = { modules: [] }, Bf = (e, t) => oo(e, t)?.id;
+var Bf = { modules: [] }, jf = (e, t) => oo(e, t)?.id;
 function Ba(e, t, n, o) {
-  const [i, r] = z(() => kf(e.document)), s = V(void 0);
-  s.current ??= new wf(i, r);
+  const [i, r] = z(() => Sf(e.document)), s = V(void 0);
+  s.current ??= new kf(i, r);
   const l = U((D) => s.current.commit(D), []), [c, u] = z(), [d, p] = z(), [m, h] = z(n.navigation?.module), g = V(void 0), f = U((D, j) => {
     const _ = g.current?.(D), K = g.current?.(j);
     return _ && K ? {
@@ -7411,7 +7437,7 @@ function Ba(e, t, n, o) {
     } : void 0;
   }, []), v = U((D) => {
     g.current = D;
-  }, []), w = $f(n.runtime.icons), P = L(() => ({
+  }, []), w = Lf(n.runtime.icons), P = L(() => ({
     catalog: n.runtime.catalog,
     scope: $n(t, t !== void 0),
     queryCandidates: [...n.queryCandidates],
@@ -7420,20 +7446,20 @@ function Ba(e, t, n, o) {
     n,
     t,
     w
-  ]), O = L(() => no(i.document, t), [i.document, t]), C = L(() => _f(i.document, O.roots, P), [
+  ]), x = L(() => no(i.document, t), [i.document, t]), C = L(() => $f(i.document, x.roots, P), [
     i.document,
-    O,
+    x,
     P
-  ]), k = L(() => Df(C), [C]), y = ht(i.document, t), T = L(() => yf(O.roots, Ef(y), k).filter((D) => D.containerId !== null), [
-    O,
+  ]), k = L(() => Ef(C), [C]), y = ht(i.document, t), T = L(() => wf(x.roots, Ff(y), k).filter((D) => D.containerId !== null), [
+    x,
     y,
     k
-  ]), A = c ? We(O.roots, c) : void 0, I = L(() => c ? co(i.document, oe(c), P) : void 0, [
+  ]), A = c ? We(x.roots, c) : void 0, I = L(() => c ? co(i.document, oe(c), P) : void 0, [
     i.document,
     c,
     P
   ]), N = U((D, j) => {
-    const _ = s.current.current, K = l((ee) => Sf(ee, D, P, j));
+    const _ = s.current.current, K = l((ee) => Cf(ee, D, P, j));
     return {
       applied: K.undoable.length > _.undoable.length || K.document !== _.document,
       diagnostics: K.diagnostics
@@ -7441,18 +7467,18 @@ function Ba(e, t, n, o) {
   }, [l, P]), E = U((D, j) => {
     N(D, j);
   }, [N]), B = U((D, j) => {
-    const _ = s.current.current, K = l((ee) => Cf(ee, D, P, j));
+    const _ = s.current.current, K = l((ee) => Nf(ee, D, P, j));
     return {
       applied: K.document !== _.document,
       diagnostics: K.diagnostics
     };
   }, [l, P]), S = U((D, j) => {
-    const _ = D ?? y?.id, K = _ ? We(O.roots, _)?.children ?? [] : [];
+    const _ = D ?? y?.id, K = _ ? We(x.roots, _)?.children ?? [] : [];
     return {
       parent: _,
       index: j ?? K.length
     };
-  }, [y, O]), F = V(o);
+  }, [y, x]), F = V(o);
   F.current = o;
   const $ = U((D, j, _, K, ee, de) => {
     const Le = S(j, _);
@@ -7465,13 +7491,13 @@ function Ba(e, t, n, o) {
     t,
     f
   ]), q = U((D, j) => {
-    const _ = vf(O.roots, D, j, f), K = Vi(O.roots, D, k);
-    if (K && !(K === te.NoChange && _ && D.targetParentId === Bf(O.roots, D.nodeId))) return K;
+    const _ = bf(x.roots, D, j, f), K = Vi(x.roots, D, k);
+    if (K && !(K === te.NoChange && _ && D.targetParentId === jf(x.roots, D.nodeId))) return K;
     if (_) return B(_, "Move").applied ? void 0 : te.NodeLocked;
-    const ee = ff(D);
+    const ee = gf(D);
     return ee ? N(ee, "Move").applied ? void 0 : te.NodeLocked : te.TargetNotContainer;
   }, [
-    O,
+    x,
     k,
     N,
     B
@@ -7518,17 +7544,17 @@ function Ba(e, t, n, o) {
       dialogTemplates: D
     }, j));
   }, [l]), Ce = U((D, j, _, K, ee) => {
-    l((de) => Te(de, Hi(de.document, D, (Le) => jf(Le, j, _, K)), ee));
+    l((de) => Te(de, Hi(de.document, D, (Le) => Uf(Le, j, _, K)), ee));
   }, [l]), Ne = U((D, j) => {
     const _ = n.runtime.bundles.flatMap((K) => K.screenTemplates ?? []);
-    l((K) => Te(K, pf(K.document, D, _), j));
+    l((K) => Te(K, mf(K.document, D, _), j));
   }, [l, n.runtime.bundles]), R = U((D, j, _) => {
     l((K) => Te(K, Hi(K.document, D, (ee) => {
       j ? ee.behaviors = j : delete ee.behaviors;
     }), _));
-  }, [l]), X = L(() => Ci(i.document), [i.document]), pe = n.navigation?.structure ?? Lf, H = U((D, j) => {
+  }, [l]), X = L(() => Ci(i.document), [i.document]), pe = n.navigation?.structure ?? Bf, H = U((D, j) => {
     const _ = Ps(Ci(s.current.current.document), D);
-    return _.applied ? (l((K) => Te(K, qp(K.document, _.model), j)), { applied: !0 }) : {
+    return _.applied ? (l((K) => Te(K, Gp(K.document, _.model), j)), { applied: !0 }) : {
       applied: !1,
       rejected: _.rejected
     };
@@ -7547,7 +7573,7 @@ function Ba(e, t, n, o) {
     selectedItemId: d && d.componentId === c ? d.itemId : void 0,
     selectItem: ie,
     document: i.document,
-    composition: O,
+    composition: x,
     context: P,
     selectedId: c,
     selection: A,
@@ -7562,15 +7588,15 @@ function Ba(e, t, n, o) {
     tryApply: N,
     applyAll: B,
     move: q,
-    validateMove: (D) => Vi(O.roots, D, k),
+    validateMove: (D) => Vi(x.roots, D, k),
     insertComponent: (D, j, _, K) => $(aa(Nt(), D, D), j, _, "Add", K, D),
     insertLayout: (D, j, _, K) => $(Yt(D, Nt(), D), j, _, "Add layout", K, `layout:${D}`),
     remove: (D) => {
-      if (!jn(O.roots, D, k)) return;
-      const j = Ur(O.roots, D, k);
-      N(gf(D), "Remove").applied && u((_) => _ === D || _ === void 0 ? j : _);
+      if (!jn(x.roots, D, k)) return;
+      const j = Ur(x.roots, D, k);
+      N(vf(D), "Remove").applied && u((_) => _ === D || _ === void 0 ? j : _);
     },
-    canRemove: (D) => jn(O.roots, D, k),
+    canRemove: (D) => jn(x.roots, D, k),
     setProperty: (D, j) => c && E(Gn(c, D, j), "Change"),
     setScreenForms: se,
     setScreenTemplateOutlets: ce,
@@ -7583,21 +7609,21 @@ function Ba(e, t, n, o) {
       l(Of);
     },
     undo: () => {
-      l(If);
+      l(Pf);
     },
     redo: () => {
-      l(Pf);
+      l(xf);
     },
-    canUndo: Nf(i),
-    canRedo: Tf(i),
+    canUndo: Tf(i),
+    canRedo: If(i),
     isDirty: i.isDirty
   };
 }
-function jf(e, t, n, o) {
+function Uf(e, t, n, o) {
   const i = e.properties[t];
-  Array.isArray(i) && (e.properties[t] = i.map((r) => ja(r) && r.id === n ? Uf(r, o) : r));
+  Array.isArray(i) && (e.properties[t] = i.map((r) => ja(r) && r.id === n ? Wf(r, o) : r));
 }
-function Uf(e, t) {
+function Wf(e, t) {
   if (ja(e.values)) {
     const o = { ...e.values };
     return t ? o.destination = t : delete o.destination, {
@@ -7614,13 +7640,13 @@ function ja(e) {
 var Ji = () => ({
   width: window.innerWidth - 64,
   height: window.innerHeight - 64
-}), cy = (e) => /* @__PURE__ */ a(va, {
+}), dy = (e) => /* @__PURE__ */ a(va, {
   strings: e.strings,
   onClose: () => e.onDismiss?.(),
-  children: /* @__PURE__ */ a(Wf, { ...e })
-}), Wf = (e) => {
+  children: /* @__PURE__ */ a(zf, { ...e })
+}), zf = (e) => {
   const t = L(() => fa(e.subject, e.environment.runtime), [e.subject, e.environment.runtime]);
-  return t.opened ? /* @__PURE__ */ a(zf, {
+  return t.opened ? /* @__PURE__ */ a(Kf, {
     ...e,
     opened: t.subject
   }, e.environment.runtime.id) : /* @__PURE__ */ a(ir, {
@@ -7634,8 +7660,8 @@ var Ji = () => ({
       onClose: () => n.close()
     })
   });
-}, 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: m, onBeforeClose: h, onPreview: g, opened: f }) => {
-  const v = V(void 0), w = Ba(f, e.authoringTemplate, t, ($) => v.current?.($)), P = L(() => u ?? Bm(), [u]), O = L(() => Wm({
+}, Kf = ({ 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: m, onBeforeClose: h, onPreview: g, opened: f }) => {
+  const v = V(void 0), w = Ba(f, e.authoringTemplate, t, ($) => v.current?.($)), P = L(() => u ?? jm(), [u]), x = L(() => zm({
     remembered: c ? P.read(c) : void 0,
     saved: l,
     lastUsed: P.readLastUsed()
@@ -7704,7 +7730,7 @@ var Ji = () => ({
   v.current = S;
   function F($) {
     if (!Fo($)) return;
-    const q = w.selection && Kf(w) ? w.selectedId : void 0;
+    const q = w.selection && qf(w) ? w.selectedId : void 0;
     $.kind === "layout" ? w.insertLayout($.item, q, void 0) : w.insertComponent(Mo($.componentName, $.package), q, void 0);
   }
   return /* @__PURE__ */ b(ka, {
@@ -7714,7 +7740,7 @@ var Ji = () => ({
       children: B
     }), /* @__PURE__ */ a(ir, {
       sourceRect: s,
-      initialSize: O,
+      initialSize: x,
       centerOffsetX: d,
       canClose: A,
       onClosed: k,
@@ -7753,11 +7779,11 @@ var Ji = () => ({
     })]
   });
 };
-function Kf(e) {
+function qf(e) {
   return !!e.selection && "children" in e.selection;
 }
 var ot = (e) => typeof e == "object" && e !== null && !Array.isArray(e);
-function qf(e, t) {
+function Gf(e, t) {
   if (!t) return e;
   const n = { ...e };
   for (const [o, i] of Object.entries(t)) {
@@ -7773,118 +7799,118 @@ function qf(e, t) {
   }
   return n;
 }
-var it = "p-anchored-overlay", Bt = "p-collapsible", Rn = "p-overlay-mask", x = (e, t) => ({ props: t ? {
+var it = "p-anchored-overlay", Bt = "p-collapsible", Rn = "p-overlay-mask", O = (e, t) => ({ props: t ? {
   styles: e,
   motionProps: { name: t }
-} : { styles: e } }), ue = (e) => ({ props: { motionProps: { name: e } } }), Gf = {
-  "Accordion.Root": x(yc, Bt),
-  "AutoComplete.Root": x(wc),
+} : { styles: e } }), ue = (e) => ({ props: { motionProps: { name: e } } }), Hf = {
+  "Accordion.Root": O(yc, Bt),
+  "AutoComplete.Root": O(wc),
   "AutoComplete.Popup": ue(it),
-  "Avatar.Root": x(kc),
-  AvatarGroup: x(Sc),
-  Badge: x(Cc),
-  "Breadcrumb.Root": x(Nc),
-  Button: x(Tc),
-  ButtonGroup: x(Ic),
-  "Card.Root": x(Pc),
-  "Carousel.Root": x(Oc),
-  "Checkbox.Root": x(xc),
-  CheckboxGroup: x(Rc),
-  "Chip.Root": x(Dc),
-  "Compare.Root": x(Ec),
-  "ContextMenu.Root": x(Fc),
+  "Avatar.Root": O(kc),
+  AvatarGroup: O(Sc),
+  Badge: O(Cc),
+  "Breadcrumb.Root": O(Nc),
+  Button: O(Tc),
+  ButtonGroup: O(Ic),
+  "Card.Root": O(Pc),
+  "Carousel.Root": O(xc),
+  "Checkbox.Root": O(Oc),
+  CheckboxGroup: O(Rc),
+  "Chip.Root": O(Dc),
+  "Compare.Root": O(Ec),
+  "ContextMenu.Root": O(Fc),
   "ContextMenu.Popup": ue(it),
-  "DataTable.Root": x(Ac),
-  "DataView.Root": x(Mc),
-  "DatePicker.Root": x(_c),
+  "DataTable.Root": O(Ac),
+  "DataView.Root": O(Mc),
+  "DatePicker.Root": O(_c),
   "DatePicker.Popup": ue(it),
-  "Dialog.Root": x($c),
+  "Dialog.Root": O($c),
   "Dialog.Backdrop": ue(Rn),
   "Dialog.Popup": ue("p-dialog"),
-  Divider: x(Lc),
-  "Drawer.Root": x(Bc),
+  Divider: O(Lc),
+  "Drawer.Root": O(Bc),
   "Drawer.Backdrop": ue(Rn),
   "Drawer.Popup": ue("p-drawer"),
-  "Fieldset.Root": x(jc, Bt),
-  "FileUpload.Root": x(Uc),
-  FloatLabel: x(Wc),
-  Fluid: x(zc),
-  "Gallery.Root": x(Kc),
-  "IconField.Root": x(qc),
-  IftaLabel: x(Gc),
-  "Inplace.Root": x(Hc),
-  "InputColor.Root": x(Vc),
-  "InputGroup.Root": x(Jc),
-  "InputNumber.Root": x(Qc),
-  "InputOtp.Root": x(Yc),
-  InputPassword: x(ud),
-  "InputTags.Root": x(Zc),
-  InputText: x(Xc),
-  "Knob.Root": x(ed),
-  Label: x(td),
-  "Listbox.Root": x(nd),
-  "Menu.Root": x(od),
+  "Fieldset.Root": O(jc, Bt),
+  "FileUpload.Root": O(Uc),
+  FloatLabel: O(Wc),
+  Fluid: O(zc),
+  "Gallery.Root": O(Kc),
+  "IconField.Root": O(qc),
+  IftaLabel: O(Gc),
+  "Inplace.Root": O(Hc),
+  "InputColor.Root": O(Vc),
+  "InputGroup.Root": O(Jc),
+  "InputNumber.Root": O(Qc),
+  "InputOtp.Root": O(Yc),
+  InputPassword: O(ud),
+  "InputTags.Root": O(Zc),
+  InputText: O(Xc),
+  "Knob.Root": O(ed),
+  Label: O(td),
+  "Listbox.Root": O(nd),
+  "Menu.Root": O(od),
   "Menu.Popup": ue(it),
-  "Message.Root": x(id),
-  "MeterGroup.Root": x(rd),
-  NavigationMenu: x(ad),
-  "OrganizationChart.Root": x(sd),
-  OverlayBadge: x(ld),
-  "Paginator.Root": x(cd),
-  "Panel.Root": x(dd, Bt),
-  "Popover.Root": x(pd),
+  "Message.Root": O(id),
+  "MeterGroup.Root": O(rd),
+  NavigationMenu: O(ad),
+  "OrganizationChart.Root": O(sd),
+  OverlayBadge: O(ld),
+  "Paginator.Root": O(cd),
+  "Panel.Root": O(dd, Bt),
+  "Popover.Root": O(pd),
   "Popover.Popup": ue(it),
-  "ProgressBar.Root": x(md),
-  "ProgressSpinner.Root": x(hd),
-  "RadioButton.Root": x(fd),
-  RadioButtonGroup: x(gd),
-  "Rating.Root": x(vd),
-  "ScrollArea.Root": x(bd),
-  "Select.Root": x(yd),
+  "ProgressBar.Root": O(md),
+  "ProgressSpinner.Root": O(hd),
+  "RadioButton.Root": O(fd),
+  RadioButtonGroup: O(gd),
+  "Rating.Root": O(vd),
+  "ScrollArea.Root": O(bd),
+  "Select.Root": O(yd),
   "Select.Popup": ue(it),
-  "Sidebar.Root": x(kd),
-  "Sidebar.Layout": x(wd),
+  "Sidebar.Root": O(kd),
+  "Sidebar.Layout": O(wd),
   "Sidebar.Backdrop": ue(Rn),
-  Skeleton: x(Sd),
-  "Slider.Root": x(Cd),
-  "SpeedDial.Root": x(Nd),
-  "Splitter.Root": x(Td),
-  "Stepper.Root": x(Id, Bt),
-  "Tabs.Root": x(Pd),
-  Tag: x(Od),
-  "Terminal.Root": x(xd),
-  Textarea: x(Rd),
-  "Timeline.Root": x(Dd),
-  "Toast.Root": x(Ed),
-  "Toaster.Root": x(Fd),
-  "ToggleButton.Root": x(Ad),
-  ToggleButtonGroup: x(Md),
-  "ToggleSwitch.Root": x(_d),
-  "Toolbar.Root": x($d),
-  "Tooltip.Root": x(Ld),
+  Skeleton: O(Sd),
+  "Slider.Root": O(Cd),
+  "SpeedDial.Root": O(Nd),
+  "Splitter.Root": O(Td),
+  "Stepper.Root": O(Id, Bt),
+  "Tabs.Root": O(Pd),
+  Tag: O(xd),
+  "Terminal.Root": O(Od),
+  Textarea: O(Rd),
+  "Timeline.Root": O(Dd),
+  "Toast.Root": O(Ed),
+  "Toaster.Root": O(Fd),
+  "ToggleButton.Root": O(Ad),
+  ToggleButtonGroup: O(Md),
+  "ToggleSwitch.Root": O(_d),
+  "Toolbar.Root": O($d),
+  "Tooltip.Root": O(Ld),
   "Tooltip.Popup": ue("p-tooltip"),
-  "Tree.Root": x(Bd)
-}, Hf = Yo.find((e) => e.name === "lara-light-blue") ?? Yo[0], dy = ({ defaults: e, theme: t, ...n }) => {
-  const o = hl(Hf);
+  "Tree.Root": O(Bd)
+}, Vf = Yo.find((e) => e.name === "lara-light-blue") ?? Yo[0], uy = ({ defaults: e, theme: t, ...n }) => {
+  const o = hl(Vf);
   return /* @__PURE__ */ a(bc, {
     ...n,
     theme: t ?? o?.theme,
-    defaults: qf(Gf, e)
+    defaults: Gf(Hf, e)
   });
-}, uy = (e) => /* @__PURE__ */ a(va, {
+}, py = (e) => /* @__PURE__ */ a(va, {
   strings: e.strings,
   onClose: e.onDismiss,
-  children: /* @__PURE__ */ a(Vf, { ...e })
-}), Vf = (e) => {
+  children: /* @__PURE__ */ a(Jf, { ...e })
+}), Jf = (e) => {
   const t = L(() => fa(e.subject, e.environment.runtime), [e.subject, e.environment.runtime]);
-  return t.opened ? /* @__PURE__ */ a(Jf, {
+  return t.opened ? /* @__PURE__ */ a(Qf, {
     ...e,
     opened: t.subject
   }, e.environment.runtime.id) : /* @__PURE__ */ a(ba, {
     problem: t.problem,
     strings: e.strings
   });
-}, Jf = ({ subject: e, environment: t, strings: n, layoutLabels: o, icons: i, paletteSources: r, initialSize: s, onChange: l, renderPaletteHost: c, opened: u }) => {
+}, Qf = ({ 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 = Ba(u, e.authoringTemplate, t, (C) => d.current?.(C)), [m, h] = z(s ?? sn[Ge.Desktop]), [g, f] = z(!0), v = V(l);
   v.current = l, le(() => {
     const C = ht(p.document, e.authoringTemplate);
@@ -7906,14 +7932,14 @@ var it = "p-anchored-overlay", Bt = "p-collapsible", Rn = "p-overlay-mask", x =
     if (!Fo(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(Mo(C.componentName, C.package), y, void 0);
-  }, [p]), { palette: P, recordInserted: O } = ha({
+  }, [p]), { palette: P, recordInserted: x } = ha({
     strings: n,
     layoutLabels: o,
     icons: i,
     paletteSources: r,
     onAdd: (C) => w(C.payload)
   });
-  return d.current = O, /* @__PURE__ */ a(ka, {
+  return d.current = x, /* @__PURE__ */ a(ka, {
     environment: t,
     children: /* @__PURE__ */ b("div", {
       className: "studio-screen-editor-workspace",
@@ -7965,7 +7991,7 @@ var it = "p-anchored-overlay", Bt = "p-collapsible", Rn = "p-overlay-mask", x =
     })
   });
 };
-function Qf(e) {
+function Yf(e) {
   const t = {
     "row.id": "Guid",
     "selection.id": "Guid"
@@ -7973,26 +7999,26 @@ function Qf(e) {
   for (const n of e) for (const o of n.parameters) t[`route.${o.name}`] ??= o.type;
   return t;
 }
-var Yf = new Set(Object.values(bs)), Zf = new Set(Object.values(vs));
-function Xf(e) {
-  return e.filter((t) => Yf.has(t.resultShape) && t.origin.every((n) => Zf.has(n.kind))).map((t) => t);
+var Zf = new Set(Object.values(bs)), Xf = new Set(Object.values(vs));
+function eg(e) {
+  return e.filter((t) => Zf.has(t.resultShape) && t.origin.every((n) => Xf.has(n.kind))).map((t) => t);
 }
-function py(e) {
-  const t = Xf(e.queryCandidates ?? []);
+function my(e) {
+  const t = eg(e.queryCandidates ?? []);
   return {
     runtime: e.runtime,
     queryCandidates: t,
     stateChangeSlices: e.stateChangeSlices ?? [],
     destinations: e.destinations ?? [],
-    availableSources: Qf(t),
+    availableSources: Yf(t),
     ...e.richText === !1 ? {} : { richText: e.richText ?? jd },
     ...e.fileUpload ? { fileUpload: e.fileUpload } : {},
     ...e.templateScope ? { templateScope: e.templateScope } : {},
     ...e.navigation ? { navigation: e.navigation } : {}
   };
 }
-var eg = [.../* @__PURE__ */ new Set([...nn.ids, ...Object.values(Y)])];
-function tg(e, t) {
+var tg = [.../* @__PURE__ */ new Set([...nn.ids, ...Object.values(Y)])];
+function ng(e, t) {
   return cl({
     bundles: e,
     profile: t,
@@ -8001,23 +8027,23 @@ function tg(e, t) {
       allowNetworkAssets: !1,
       loadDesignTime: !0
     }
-  }, { hostEditorKinds: [...eg] });
+  }, { hostEditorKinds: [...tg] });
 }
-function ng(e) {
+function og(e) {
   return e.flatMap((t) => t.iconLibrary ? [t.iconLibrary.catalog] : []);
 }
-function og(e, t) {
+function ig(e, t) {
   const n = js(e, t.map((o) => o.manifest));
-  return new Cs(n, ng(t));
+  return new Cs(n, og(t));
 }
-function ig(e) {
+function rg(e) {
   const t = tl([e]), n = t.packages.filter((o) => o !== "PrimeReact");
   return n.splice(Math.max(n.indexOf(gr), 0), 0, "PrimeReact"), {
     ...t,
     packages: n
   };
 }
-var rg = [
+var ag = [
   "PrimeReact.Accordion",
   "PrimeReact.AutoComplete",
   "PrimeReact.Avatar",
@@ -8120,7 +8146,7 @@ var rg = [
   "itemsControl",
   "stackPanel",
   "wrapPanel"
-], ag = ["PrimeReact.Dialog"], sg = new Set(rg.filter((e) => !ag.includes(e))), lg = [
+], sg = ["PrimeReact.Dialog"], lg = new Set(ag.filter((e) => !sg.includes(e))), cg = [
   {
     value: fe.None,
     label: "Run directly"
@@ -8134,7 +8160,7 @@ var rg = [
     label: "Ask in a drawer"
   }
 ];
-function cg(e) {
+function dg(e) {
   return !e.component.endsWith(":action") || e.properties.some((t) => t.path === "presentation") ? e : {
     ...e,
     properties: [...e.properties, {
@@ -8143,13 +8169,13 @@ function cg(e) {
       group: "Behavior",
       valueType: G.Enum,
       default: fe.None,
-      choices: lg,
+      choices: cg,
       description: "Whether the command runs straight away or first asks for its input in a dialog or a drawer."
     }]
   };
 }
-var dg = (e) => e.replace(/([A-Z])/g, " $1").replace(/^./, (t) => t.toUpperCase()), ug = (e) => /ies$/i.test(e) ? `${e.slice(0, -3)}y` : /(ss|us)$/i.test(e) || !/s$/i.test(e) ? e : e.slice(0, -1), Ua = (e) => e !== null && typeof e == "object" && !Array.isArray(e);
-function Wo(e, t, n = dg(e)) {
+var ug = (e) => e.replace(/([A-Z])/g, " $1").replace(/^./, (t) => t.toUpperCase()), pg = (e) => /ies$/i.test(e) ? `${e.slice(0, -3)}y` : /(ss|us)$/i.test(e) || !/s$/i.test(e) ? e : e.slice(0, -1), Ua = (e) => e !== null && typeof e == "object" && !Array.isArray(e);
+function Wo(e, t, n = ug(e)) {
   const o = {
     path: e,
     label: n,
@@ -8161,7 +8187,7 @@ function Wo(e, t, n = dg(e)) {
   } : typeof t == "boolean" ? {
     ...o,
     valueType: G.Boolean
-  } : Array.isArray(t) ? mg(o, t) : Ua(t) ? {
+  } : Array.isArray(t) ? hg(o, t) : Ua(t) ? {
     ...o,
     valueType: G.Object,
     properties: Wa(t),
@@ -8172,12 +8198,12 @@ function Wo(e, t, n = dg(e)) {
   };
 }
 function Wa(e, t = []) {
-  return Object.entries(e).filter(([n]) => !t.includes(n)).map(([n, o]) => pg(n, o));
+  return Object.entries(e).filter(([n]) => !t.includes(n)).map(([n, o]) => mg(n, o));
 }
-function pg(e, t) {
+function mg(e, t) {
   return Wo(e, t);
 }
-function mg(e, t) {
+function hg(e, t) {
   if (t.length > 0 && t.every((o) => typeof o == "string")) return {
     ...e,
     valueType: G.Json,
@@ -8194,17 +8220,17 @@ function mg(e, t) {
     ...e,
     valueType: G.Collection,
     item: {
-      label: ug(e.label),
+      label: pg(e.label),
       properties: Wa(n, ["id"]),
       open: !0
     }
   };
 }
-var hg = (e) => e.valueType === G.Json && e.editorKind === void 0;
-function fg(e) {
+var fg = (e) => e.valueType === G.Json && e.editorKind === void 0;
+function gg(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) => hg(r) && r.path in t ? gg(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) => fg(r) && r.path in t ? vg(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."
   }));
@@ -8213,7 +8239,7 @@ function fg(e) {
     properties: [...o, ...i]
   } : e;
 }
-function gg(e, t) {
+function vg(e, t) {
   const { editorKind: n, item: o, properties: i, choices: r, ...s } = e, l = Wo(e.path, t);
   return {
     ...l,
@@ -8221,7 +8247,7 @@ function gg(e, t) {
     valueType: l.valueType
   };
 }
-var Qi = "Placement", vg = [{
+var Qi = "Placement", bg = [{
   path: Ve,
   label: "Left",
   group: Qi,
@@ -8232,33 +8258,33 @@ var Qi = "Placement", vg = [{
   group: Qi,
   valueType: G.Number
 }];
-function bg(e) {
+function yg(e) {
   const t = new Set(e.properties.map((n) => n.path));
   return {
     ...e,
-    properties: [...e.properties, ...vg.filter((n) => !t.has(n.path))]
+    properties: [...e.properties, ...bg.filter((n) => !t.has(n.path))]
   };
 }
-var Yi = "PrimeReact", yg = 1;
-function wg(e, t, n) {
+var Yi = "PrimeReact", wg = 1;
+function kg(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((m) => ({
     component: En(p.manifest.name, m),
     displayName: m,
     properties: []
-  }))).filter((p) => !r.has(p.component)), l = [...i, ...s].map(cg).map(fg).map(bg), c = [...l, ...kg(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(dg).map(gg).map(yg), c = [...l, ...Sg(l, o, t)], u = new Set(Object.values(o).flat()), d = new Map(l.map((p) => [p.component, p]));
   return {
-    id: yg++,
+    id: wg++,
     bundles: e,
     registry: kr(e),
     packages: o,
     descriptors: c,
     catalog: Ds(c),
     profile: t,
-    compositionProfile: ig(t),
+    compositionProfile: rg(t),
     ...n ? { appearance: n } : {},
-    icons: og(t.packages, e),
+    icons: ig(t.packages, e),
     iconAdapters: ll(e),
-    designTime: tg(e, t),
+    designTime: ng(e, t),
     packageDescriptorOf: (p) => {
       if (p.component.includes(":")) return p;
       const m = Tt(p.component, t, o);
@@ -8266,12 +8292,12 @@ function wg(e, t, n) {
     },
     isKnownComponent: (p) => u.has(p),
     legacyTypeOf: (p) => {
-      const m = Mm(p, t, o), h = m?.package === Yi ? `${Yi}.${$r(m.name)}` : void 0;
-      return h !== void 0 && sg.has(h) ? h : void 0;
+      const m = _m(p, t, o), h = m?.package === Yi ? `${Yi}.${$r(m.name)}` : void 0;
+      return h !== void 0 && lg.has(h) ? h : void 0;
     }
   };
 }
-function kg(e, t, n) {
+function Sg(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));
@@ -8282,7 +8308,7 @@ function kg(e, t, n) {
   }
   return o;
 }
-var zo = "Cratis.Icons.Lucide", Sg = {
+var zo = "Cratis.Icons.Lucide", Cg = {
   name: zo,
   version: "1.52.0",
   kind: dt.IconLibrary,
@@ -8304,20 +8330,20 @@ var zo = "Cratis.Icons.Lucide", Sg = {
     attributionUrl: "https://lucide.dev",
     iconCount: 1858
   }
-}, Cg = {
+}, Ng = {
   library: zo,
   loadEntries: async () => (await import("./catalog-CZx3FR-E.js")).default
-}, Ng = Kd, Tg = {
+}, Tg = Kd, Ig = {
   library: zo,
-  loadGlyph: async ({ key: e }) => (await Ng[e]?.())?.default
-}, Ig = {
-  manifest: Sg,
+  loadGlyph: async ({ key: e }) => (await Tg[e]?.())?.default
+}, Pg = {
+  manifest: Cg,
   components: {},
   iconLibrary: {
-    catalog: Cg,
-    adapter: Tg
+    catalog: Ng,
+    adapter: Ig
   }
-}, Pg = [
+}, xg = [
   Ud,
   Wd,
   zd
@@ -8328,11 +8354,11 @@ var zo = "Cratis.Icons.Lucide", Sg = {
   Fr,
   fr,
   Mr,
-  ...Pg,
-  Ig
-], Og = Pt.map((e) => e.manifest), my = kr(Pt), hy = en(Og), fy = Pt.flatMap((e) => e.themes ?? []);
-function xg(e) {
-  const t = Os(e).map((i) => i.name), n = Qo(e, dt.Styling).map((i) => i.name), o = Qo(e, dt.Blueprint)[0];
+  ...xg,
+  Pg
+], Og = Pt.map((e) => e.manifest), hy = kr(Pt), fy = en(Og), gy = Pt.flatMap((e) => e.themes ?? []);
+function Rg(e) {
+  const t = xs(e).map((i) => i.name), n = Qo(e, dt.Styling).map((i) => i.name), o = Qo(e, dt.Blueprint)[0];
   return o ? [
     ...t,
     ...n,
@@ -8344,16 +8370,16 @@ var za = (e) => e === void 0 || e.activePack === "" && e.mappings.length === 0 ?
   mappings: e.mappings.map((t) => ({ ...t })),
   bindings: []
 };
-function Rg(e, t) {
+function Dg(e, t) {
   return t.filter((n) => Ms(n, e));
 }
-function Dg(e, t) {
+function Eg(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 Dn = /* @__PURE__ */ (function(e) {
   return e.Fallback = "fallback", e.Explicit = "explicit", e.Automatic = "automatic", e;
 })({});
-function Eg(e) {
+function Fg(e) {
   const t = [
     so,
     ...e.packages,
@@ -8363,17 +8389,17 @@ function Eg(e) {
   ];
   return [...new Set(t.filter((n) => n.length > 0))];
 }
-function Fg(e, t) {
+function Ag(e, t) {
   return e.find((n) => n.manifest.name === t)?.manifest.layouts[0] ?? "";
 }
-function Ag(e, t) {
+function Mg(e, t) {
   const n = e.root?.template;
   if (!(n?.source !== ws.Blueprint || n.blueprint === void 0))
     return t.find((o) => o.manifest.name === n.blueprint)?.manifest.layouts.includes(n.id) ? n.id : void 0;
 }
 var Ka = "UI Profile";
 function qa(e, t) {
-  const n = t.map((c) => c.manifest), o = Eg(e), i = Us(o, n), r = Ag(e, t) ?? Fg(t, e.shell), s = {
+  const n = t.map((c) => c.manifest), o = Fg(e), i = Us(o, n), r = Mg(e, t) ?? Ag(t, e.shell), s = {
     name: Ka,
     targetPlatform: "web",
     packages: i.packages,
@@ -8381,7 +8407,7 @@ function qa(e, t) {
     ...e.root ? { root: e.root } : {},
     theme: e.theme.length > 0 ? e.theme : void 0,
     sampleData: za(e.sampleData),
-    appearance: Mg(e),
+    appearance: _g(e),
     ...e.identity === void 0 ? {} : { identity: e.identity }
   }, l = new Set(o);
   return {
@@ -8399,13 +8425,13 @@ function qa(e, t) {
         requiredBy: n.filter((d) => i.packages.includes(d.name) && d.dependencies.some((p) => p.name === c)).map((d) => d.name)
       }] : [];
     }),
-    collisions: Dg(s, en(n)),
-    compatibleThemes: Rg(s, t.flatMap((c) => c.themes ?? [])),
+    collisions: Eg(s, en(n)),
+    compatibleThemes: Dg(s, t.flatMap((c) => c.themes ?? [])),
     layout: r,
     isValid: As(i)
   };
 }
-function Mg(e) {
+function _g(e) {
   const t = {
     ...e.colorScheme === "dark" ? { colorScheme: ps.Dark } : {},
     ...e.accent.length > 0 ? { accent: e.accent } : {},
@@ -8414,8 +8440,8 @@ function Mg(e) {
   };
   return Object.keys(t).length === 0 ? void 0 : t;
 }
-function _g(e) {
-  const t = e.map((s) => s.manifest), n = xg(t), o = n.find((s) => t.find((l) => l.name === s)?.kind === dt.Blueprint) ?? "", i = {
+function $g(e) {
+  const t = e.map((s) => s.manifest), n = Rg(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: [],
@@ -8430,7 +8456,7 @@ function _g(e) {
     theme: r?.name ?? ""
   };
 }
-function $g(e, t) {
+function Lg(e, t) {
   return {
     name: Ka,
     targetPlatform: "web",
@@ -8440,11 +8466,11 @@ function $g(e, t) {
     sampleData: za(t)
   };
 }
-function gy(e, t = Pt, n, o) {
-  const i = e ? $g(e, o) : qa(_g(t), t).profile;
-  return wg(t, i, n);
+function vy(e, t = Pt, n, o) {
+  const i = e ? Lg(e, o) : qa($g(t), t).profile;
+  return kg(t, i, n);
 }
-function Lg(e, t) {
+function Bg(e, t) {
   const n = no(e), o = mo(e, {
     kind: Vt.Screen,
     name: ge
@@ -8454,8 +8480,8 @@ function Lg(e, t) {
     configuration: i
   };
 }
-var Bg = ({ document: e, runtime: t, resolveBinding: n, registry: o = t.registry }) => {
-  const { element: i, configuration: r } = L(() => Lg(e, t.catalog), [e, t.catalog]), s = L(() => go(i, t.compositionProfile, t.packages), [
+var jg = ({ document: e, runtime: t, resolveBinding: n, registry: o = t.registry }) => {
+  const { element: i, configuration: r } = L(() => Bg(e, t.catalog), [e, t.catalog]), s = L(() => go(i, t.compositionProfile, t.packages), [
     i,
     t.compositionProfile,
     t.packages
@@ -8476,12 +8502,12 @@ var Bg = ({ document: e, runtime: t, resolveBinding: n, registry: o = t.registry
       })
     })
   });
-}, jg = (e) => {
+}, Ug = (e) => {
   const t = vt(e);
   return Ta.has(t) || t in Ca;
-}, Ug = (e, t) => {
+}, Wg = (e, t) => {
   const n = (o) => {
-    const i = jg(o.element.componentName), r = L(() => ({
+    const i = Ug(o.element.componentName), r = L(() => ({
       ...o.element,
       properties: Ia(e, o.element.componentName, o.element.properties)
     }), [o.element]);
@@ -8495,11 +8521,11 @@ var Bg = ({ document: e, runtime: t, resolveBinding: n, registry: o = t.registry
   };
   return n.displayName = `Miniature(${t.displayName ?? t.name ?? "Component"})`, n;
 };
-function Wg(e) {
-  return Object.fromEntries(Object.entries(e).map(([t, n]) => [t, Ug(t, n)]));
+function zg(e) {
+  return Object.fromEntries(Object.entries(e).map(([t, n]) => [t, Wg(t, n)]));
 }
-var vy = 240, by = 112;
-function zg(e, t = 240, n = Number.POSITIVE_INFINITY) {
+var by = 240, yy = 112;
+function Kg(e, t = 240, n = Number.POSITIVE_INFINITY) {
   const o = e && e.width > 0 && e.height > 0 ? e : wa({
     width: 1 / 0,
     height: 1 / 0
@@ -8512,7 +8538,7 @@ function zg(e, t = 240, n = Number.POSITIVE_INFINITY) {
     scale: s
   };
 }
-function Kg(e, t = 240) {
+function qg(e, t = 240) {
   const n = typeof IntersectionObserver < "u", [o, i] = z(!n);
   return le(() => {
     const r = e.current;
@@ -8525,23 +8551,23 @@ function Kg(e, t = 240) {
     n
   ]), o;
 }
-var qg = [
+var Gg = [
   "#f66",
   "#fa0",
   "#3c3"
-], Gg = () => {
-}, Zi = 16, yy = ({ document: e, runtime: t, windowSize: n, width: o, title: i, openTitle: r, onClick: s, placeholder: l }) => {
-  const c = V(null), u = Kg(c), d = L(() => zg(n, o ?? 240, o === void 0 ? 112 : void 0), [
+], Hg = () => {
+}, Zi = 16, wy = ({ document: e, runtime: t, windowSize: n, width: o, title: i, openTitle: r, onClick: s, placeholder: l }) => {
+  const c = V(null), u = qg(c), d = L(() => Kg(n, o ?? 240, o === void 0 ? 112 : void 0), [
     n?.width,
     n?.height,
     o
-  ]), p = L(() => jo(t), [t]), m = L(() => Wg(t.registry), [t.registry]), h = {
+  ]), p = L(() => jo(t), [t]), m = L(() => zg(t.registry), [t.registry]), h = {
     width: d.width,
     height: Zi + d.bodyHeight
   }, g = /* @__PURE__ */ b(ae, { children: [/* @__PURE__ */ b("div", {
     className: "screen-thumbnail__title-bar",
     style: { height: Zi },
-    children: [qg.map((v) => /* @__PURE__ */ a("span", {
+    children: [Gg.map((v) => /* @__PURE__ */ a("span", {
       className: "screen-thumbnail__light",
       style: { borderColor: v }
     }, v)), i && /* @__PURE__ */ a("span", {
@@ -8561,10 +8587,10 @@ var qg = [
         "--studio-surface-viewport-height": `${d.canvasHeight}px`
       },
       "data-studio-viewport": "",
-      children: /* @__PURE__ */ a(Bg, {
+      children: /* @__PURE__ */ a(jg, {
         document: e,
         runtime: t,
-        resolveBinding: Gg,
+        resolveBinding: Hg,
         registry: m
       })
     }) : l
@@ -8590,32 +8616,32 @@ var qg = [
     "aria-label": i,
     children: g
   });
-}, rt = /* @__PURE__ */ new Map(), Hg = 200;
-function wy(e) {
+}, rt = /* @__PURE__ */ new Map(), Vg = 200;
+function ky(e) {
   if (!e) return;
   if (rt.has(e)) return rt.get(e);
   const t = Xr(e), n = t.readable ? t.document : void 0;
-  return rt.size >= Hg && rt.delete(rt.keys().next().value), rt.set(e, n), n;
+  return rt.size >= Vg && rt.delete(rt.keys().next().value), rt.set(e, n), n;
 }
-var ky = {
+var Sy = {
   [W.Stack]: "Stack",
   [W.Row]: "Row",
   [W.Grid]: "Grid",
   [W.Container]: "Container",
   [W.Wrap]: "Wrap",
   [W.Canvas]: "Canvas"
-}, Vg = {
+}, Jg = {
   [W.Stack]: st,
   [W.Row]: El,
   [W.Grid]: Rr,
   [W.Container]: bo,
   [W.Wrap]: yo,
   [W.Canvas]: sc
-}, Jg = {
+}, Qg = {
   text: fl,
   button: Wt,
   card: Il,
-  data: Ol,
+  data: xl,
   action: bl,
   section: Wl,
   navigate: Tl,
@@ -8645,13 +8671,13 @@ var ky = {
   knob: ql,
   calendar: Xo,
   colorPicker: vn,
-  chips: xt,
+  chips: Ot,
   autoComplete: ci,
   treeSelect: _n,
   editor: mn,
   fileUpload: Dl,
   splitButton: un,
-  speedDial: xl,
+  speedDial: Ol,
   buttonGroup: Be,
   dataTable: pt,
   dataView: ui,
@@ -8696,8 +8722,8 @@ var ky = {
   carousel: si,
   avatar: ac,
   badge: yl,
-  chip: xt,
-  tag: xt,
+  chip: Ot,
+  tag: Ot,
   progressBar: Ml,
   progressSpinner: di,
   skeleton: Yl,
@@ -8721,14 +8747,14 @@ var ky = {
   calendarField: Xo,
   colorPickerField: vn,
   multiSelectField: gn,
-  chipsField: xt,
+  chipsField: Ot,
   radioButtonField: bn,
   radioGroupField: bn,
   confirmationDialog: hn,
   busyIndicatorDialog: di,
   commandDialog: mt,
   stepperCommandDialog: wn,
-  icon: xr,
+  icon: Or,
   errorBoundary: hn,
   objectContentEditor: mn,
   objectNavigationalBar: yn,
@@ -8752,7 +8778,7 @@ var ky = {
   themeSwitcher: vn,
   layoutModeSwitcher: Fn,
   arcPageHeader: Ut
-}, Qg = [
+}, Yg = [
   [/dialog/i, mt],
   [/table|grid/i, pt],
   [/menu|bar$/i, st],
@@ -8765,35 +8791,35 @@ var ky = {
   [/message|toast/i, Nr],
   [/tree/i, _n],
   [/page|screen/i, An]
-], Yg = (e) => Jg[e] ?? Qg.find(([t]) => t.test(e))?.[1] ?? Or, Zg = {
-  [wr.manifest.name]: xr,
+], Zg = (e) => Qg[e] ?? Yg.find(([t]) => t.test(e))?.[1] ?? xr, Xg = {
+  [wr.manifest.name]: Or,
   [Sr.manifest.name]: Dr,
-  [Fr.manifest.name]: Or,
+  [Fr.manifest.name]: xr,
   [fr.manifest.name]: yo,
   [Mr.manifest.name]: Ut,
   [Ar.manifest.name]: zl
-}, Xg = Pl, Sy = {
+}, ev = Pl, Cy = {
   layout: (e) => {
-    const t = Vg[e];
+    const t = Jg[e];
     return /* @__PURE__ */ a(t, { "aria-hidden": "true" });
   },
   component: (e) => {
-    const t = Yg(e);
+    const t = Zg(e);
     return /* @__PURE__ */ a(t, { "aria-hidden": "true" });
   },
   drawer: {
     layout: /* @__PURE__ */ a(Rr, { "aria-hidden": "true" }),
     package: (e) => {
-      const t = Zg[e] ?? Xg;
+      const t = Xg[e] ?? ev;
       return /* @__PURE__ */ a(t, { "aria-hidden": "true" });
     }
   }
-}, Cy = Pt.map((e) => ({
+}, Ny = Pt.map((e) => ({
   package: e.manifest.name,
   components: e.manifest.components,
   descriptors: e.descriptors ?? []
 }));
-function Ny(e, t, n) {
+function Ty(e, t, n) {
   return e.map((o) => ({
     type: o.type,
     name: t[o.item],
@@ -8801,93 +8827,93 @@ function Ny(e, t, n) {
     icon: n?.[o.item]
   }));
 }
-var Ty = /* @__PURE__ */ (function(e) {
+var Iy = /* @__PURE__ */ (function(e) {
   return e.Auto = "auto", e.Manual = "manual", e;
 })({});
-function Iy(e) {
+function Py(e) {
   return [
     {
-      kind: Ot.DataContext,
+      kind: xt.DataContext,
       label: "Data context"
     },
     {
-      kind: Ot.QueryResult,
+      kind: xt.QueryResult,
       label: "Query result",
       disabled: e.queryResults.length === 0
     },
     {
-      kind: Ot.ComponentProperty,
+      kind: xt.ComponentProperty,
       label: "Component property",
       disabled: e.componentOutputs.length === 0
     },
     {
-      kind: Ot.Literal,
+      kind: xt.Literal,
       label: "Literal value"
     }
   ];
 }
 export {
-  yv as BindingMode,
-  wv as BindingNullBehavior,
-  kv as BindingSourceKind,
-  Ty as CommandFormMode,
-  Sv as DestinationKind,
+  wv as BindingMode,
+  kv as BindingNullBehavior,
+  Sv as BindingSourceKind,
+  Iy as CommandFormMode,
+  Cv as DestinationKind,
   W as LayoutItem,
   ne as Ownership,
-  Bg as PlayScreenView,
+  jg as PlayScreenView,
   Fe as SceneDocumentProblem,
   ka as ScreenEditorControlProviders,
-  cy as ScreenEditorOverlay,
-  dy as ScreenEditorPrimeReactProvider,
+  dy as ScreenEditorOverlay,
+  uy as ScreenEditorPrimeReactProvider,
   Fa as ScreenEditorWindow,
-  uy as ScreenEditorWorkspace,
-  yy as ScreenThumbnail,
+  py as ScreenEditorWorkspace,
+  wy as ScreenThumbnail,
   te as StructureEditRejection,
-  fv as StructuredValueEditor,
-  cv as asList,
-  Iy as bindingSourceChoices,
-  Lm as browserWindowSizeStorage,
+  gv as StructuredValueEditor,
+  dv as asList,
+  Py as bindingSourceChoices,
+  Bm as browserWindowSizeStorage,
   kt as commandNameOf,
-  py as createScreenEditorEnvironment,
-  wg as createScreenEditorRuntime,
-  Bm as createWindowSizeMemory,
-  Vg as defaultLayoutIcons,
-  ky as defaultLayoutLabels,
-  Sy as defaultPaletteIcons,
-  Cy as defaultPaletteSources,
-  Tp as defaultScreenEditorStrings,
+  my as createScreenEditorEnvironment,
+  kg as createScreenEditorRuntime,
+  jm as createWindowSizeMemory,
+  Jg as defaultLayoutIcons,
+  Sy as defaultLayoutLabels,
+  Cy as defaultPaletteIcons,
+  Ny as defaultPaletteSources,
+  Ip as defaultScreenEditorStrings,
   er as defaultStructuredEditorStrings,
   wa as defaultWindowSize,
-  zm as fitWindowSize,
-  sv as identified,
+  Km as fitWindowSize,
+  lv as identified,
   as as isCollectionOfRecords,
-  Um as isLegacyDefaultWindow,
+  Wm as isLegacyDefaultWindow,
   is as isObjectWithFields,
-  iv as isPrimitiveList,
+  rv as isPrimitiveList,
   ln as isRecord,
-  lv as isStringMap,
+  cv as isStringMap,
   Ko as isStructured,
-  av as movedItem,
-  dv as newItem,
+  sv as movedItem,
+  uv as newItem,
   nr as numberListEditorKind,
   Xr as readSceneDocument,
-  wy as readThumbnailDocument,
-  Wm as resolveInitialWindowSize,
+  ky as readThumbnailDocument,
+  zm as resolveInitialWindowSize,
   ns as scalarEditorKind,
-  Gf as screenEditorPrimeReactDefaults,
-  gy as screenEditorRuntimeForProfile,
+  Hf as screenEditorPrimeReactDefaults,
+  vy as screenEditorRuntimeForProfile,
   St as sliceNamedBy,
   or as stringListEditorKind,
   rs as stringMapEditorKind,
   os as stringOrListEditorKind,
   Kn as structuredProblem,
-  zg as thumbnailGeometry,
-  by as thumbnailMaxBodyHeight,
-  vy as thumbnailWidth,
-  Ny as toLayoutContainerDescriptors,
-  Xf as toSceneCandidates,
-  rv as withField,
+  Kg as thumbnailGeometry,
+  yy as thumbnailMaxBodyHeight,
+  by as thumbnailWidth,
+  Ty as toLayoutContainerDescriptors,
+  eg as toSceneCandidates,
+  av as withField,
   ts as withIdentities,
-  uv as withItem,
-  pv as withoutItem
+  pv as withItem,
+  mv as withoutItem
 };