npm - @cratis/event-models - Versions diffs - 0.135.4 → 0.135.6 - Mend

@cratis/event-models 0.135.4 → 0.135.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (11) hide show

package/README.md +8 -0
package/dist/event-models.css +1 -1
package/dist/index.js +251 -249
package/dist/index.js.map +1 -1
package/dist/screen-editor/ScreenEditor/Inspector/DesignTimeContextFactory.d.ts +5 -0
package/dist/screen-editor/ScreenEditor/Inspector/DesignTimeDesignersSection.d.ts +12 -0
package/dist/screen-editor/ScreenEditor/Inspector/ScreenEditorStrings.d.ts +17 -0
package/dist/screen-editor/ScreenEditor/Inspector/TemplateAuthoringSection.d.ts +11 -0
package/dist/screen-editor/index.js +2511 -2185
package/dist/screen-editor/screen-editor.css +1 -1
package/package.json +19 -19

package/dist/index.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { Guid as de } from "@cratis/fundamentals";
-import { Fragment as Le, createContext as xe, forwardRef as Mi, memo as sr, startTransition as Ni, useCallback as q, useContext as we, useEffect as ne, useId as Mt, useImperativeHandle as Ze, useLayoutEffect as Kt, useMemo as oe, useRef as A, useState as B } from "react";
+import { Fragment as Le, createContext as xe, forwardRef as Mi, memo as sr, startTransition as Ei, useCallback as q, useContext as we, useEffect as ne, useId as Mt, useImperativeHandle as Ze, useLayoutEffect as Kt, useMemo as oe, useRef as A, useState as B } from "react";
 import { Fragment as ee, jsx as a, jsxs as x } from "react/jsx-runtime";
-import { createPortal as ze, flushSync as Ei } from "react-dom";
+import { createPortal as ze, flushSync as Ni } from "react-dom";
 import { Canvas as Ii, CanvasItem as lr, Note as ki, canvasGesture as bt } from "@cratis/components/Canvas";
 import { SchemaEditor as Ri } from "@cratis/components/SchemaEditor";
 import { Dialog as Ai, DialogInitialFocus as Oi } from "@cratis/components/Dialogs";
@@ -14,7 +14,7 @@ var se = /* @__PURE__ */ (function(e) {
   return e[e.UIRole = 0] = "UIRole", e[e.systemRole = 1] = "systemRole", e[e.chatRole = 2] = "chatRole", e;
 })({}), Hi = /* @__PURE__ */ (function(e) {
   return e.system = "system", e.agent = "agent", e.user = "user", e;
-})({}), Ne = /* @__PURE__ */ (function(e) {
+})({}), Ee = /* @__PURE__ */ (function(e) {
   return e[e.timer = 0] = "timer", e[e.event = 1] = "event", e[e.custom = 2] = "custom", e[e.none = 3] = "none", e;
 })({}), uu = /* @__PURE__ */ (function(e) {
   return e[e.notSet = 0] = "notSet", e[e.value = 1] = "value", e[e.commandProperty = 2] = "commandProperty", e;
@@ -30,7 +30,7 @@ var se = /* @__PURE__ */ (function(e) {
   return e[e.commandValidationRule = 0] = "commandValidationRule", e[e.eventUniqueConstraint = 1] = "eventUniqueConstraint", e[e.eventUniqueEventTypeConstraint = 2] = "eventUniqueEventTypeConstraint", e;
 })({}), Rt = /* @__PURE__ */ (function(e) {
   return e[e.passed = 0] = "passed", e[e.failed = 1] = "failed", e[e.inconclusive = 2] = "inconclusive", e;
-})({}), Ee = /* @__PURE__ */ (function(e) {
+})({}), Ne = /* @__PURE__ */ (function(e) {
   return e[e.input = 0] = "input", e[e.output = 1] = "output", e;
 })({}), ht = class extends Error {
   path;
@@ -196,12 +196,12 @@ var se = /* @__PURE__ */ (function(e) {
     ...r ? { eventStreamType: r } : {},
     ...i ? { eventStreamId: i } : {}
   };
-}, Nn = (e) => e ? {
+}, En = (e) => e ? {
   name: e.string("name"),
   message: e.string("message")
 } : void 0, Ki = (e) => {
   if (!e) return;
-  const t = Nn(e.object("unique")), n = Nn(e.object("uniqueEventType"));
+  const t = En(e.object("unique")), n = En(e.object("uniqueEventType"));
   return {
     ...t ? { unique: t } : {},
     ...n ? { uniqueEventType: n } : {}
@@ -244,7 +244,7 @@ var se = /* @__PURE__ */ (function(e) {
     name: t.string("name"),
     type: t.enumValue("type")
   }))
-}), En = (e) => ({
+}), Nn = (e) => ({
   id: e.guid("id"),
   name: e.string("name"),
   eventId: e.guid("eventId"),
@@ -289,8 +289,8 @@ var se = /* @__PURE__ */ (function(e) {
   return {
     id: e.guid("id"),
     name: e.string("name"),
-    given: e.array("given", En),
-    thenEvents: e.array("thenEvents", En),
+    given: e.array("given", Nn),
+    thenEvents: e.array("thenEvents", Nn),
     thenErrors: e.array("thenErrors", lo),
     collapsed: e.boolean("collapsed"),
     ...t ? { when: t } : {},
@@ -634,7 +634,7 @@ var xo = {
   detailLevel: yo,
   visualizationMode: "simplified",
   detailsVisibility: So
-}, br = xe(xo), be = () => we(br), yr = xe(void 0), Mo = () => we(yr), No = ({ presentation: e, onChange: t, children: n }) => /* @__PURE__ */ a(br.Provider, {
+}, br = xe(xo), be = () => we(br), yr = xe(void 0), Mo = () => we(yr), Eo = ({ presentation: e, onChange: t, children: n }) => /* @__PURE__ */ a(br.Provider, {
   value: e,
   children: /* @__PURE__ */ a(yr.Provider, {
     value: t,
@@ -643,7 +643,7 @@ var xo = {
 }), Y = /* @__PURE__ */ (function(e) {
   return e.UI = "ui", e.Chat = "chat", e.System = "system", e.Interaction = "interaction", e.Events = "events", e;
 })({}), In = 260;
-function Eo(e, t, n, r) {
+function No(e, t, n, r) {
   if (t === "left" || t === "right") return {
     top: e.top + e.height / 2,
     left: t === "right" ? e.right + r : e.left - r,
@@ -667,7 +667,7 @@ function Eo(e, t, n, r) {
     ...c
   };
 }
-var Nt = ({ anchorRef: e, open: t, side: n = "below", align: r = "left", gap: i = 8, children: o }) => {
+var Et = ({ anchorRef: e, open: t, side: n = "below", align: r = "left", gap: i = 8, children: o }) => {
   const [s, c] = B();
   return Kt(() => {
     if (!t) {
@@ -675,7 +675,7 @@ var Nt = ({ anchorRef: e, open: t, side: n = "below", align: r = "left", gap: i
       return;
     }
     const u = e.current?.getBoundingClientRect();
-    u && c(Eo(u, n, r, i));
+    u && c(No(u, n, r, i));
   }, [
     t,
     n,
@@ -710,7 +710,7 @@ var Nt = ({ anchorRef: e, open: t, side: n = "below", align: r = "left", gap: i
       o(!1), c(!1);
     },
     onPointerDown: () => c(!0),
-    children: [n, /* @__PURE__ */ a(Nt, {
+    children: [n, /* @__PURE__ */ a(Et, {
       anchorRef: r,
       open: i && !s,
       side: Io[t],
@@ -1106,7 +1106,7 @@ function Mr(e) {
   return Math.max(Ot.minHeight, Ot.paddingY * 2 + Ot.titleHeight + ct.marginTop + n);
 }
 var Go = 8;
-function Nr(e) {
+function Er(e) {
   if (e.sliceType === H.translator || e.sliceType === H.automation || e.sliceType === H.stateChange) return Q.translatorSliceWidth;
   const t = ("eventCount" in e ? e.eventCount : e.events.length) >= Q.itemsPerRow ? Q.sliceWidthDouble : Q.sliceWidth;
   return e.sliceType === H.stateView ? Math.round(t * 1.5) : t;
@@ -1142,7 +1142,7 @@ function Zo(e, t) {
   for (const r of t) n[r] = e.length === 0 ? Ie[r] : Math.max(...e.map(({ slice: i, showDetails: o }) => Uo(r, i, o)));
   return n;
 }
-var Et = (e) => {
+var Nt = (e) => {
   switch (e) {
     case Y.UI:
       return se.UIRole;
@@ -1176,15 +1176,15 @@ var Et = (e) => {
   [H.automation]: /* @__PURE__ */ new Set([se.systemRole, se.chatRole]),
   [H.translator]: /* @__PURE__ */ new Set([se.systemRole, se.chatRole])
 }, Qo = (e, t) => Ko[e].has(t), ea = (e, t) => {
-  const n = Et(t);
+  const n = Nt(t);
   return n === void 0 || Qo(e, n);
 }, ta = (e, t) => {
-  const n = Et(t);
+  const n = Nt(t);
   return n === void 0 ? [] : e.filter((r) => r.actorType === n);
-}, Er = xe(!1), na = ({ renderAll: e = !1, children: t }) => /* @__PURE__ */ a(Er.Provider, {
+}, Nr = xe(!1), na = ({ renderAll: e = !1, children: t }) => /* @__PURE__ */ a(Nr.Provider, {
   value: e,
   children: t
-}), ra = () => we(Er), ia = 12, An = 24, oa = 100, Ir = 1, aa = 1, sa = 24, la = 3, qe = /* @__PURE__ */ new Map(), zt = !1, Oe = Ir, On = 0, Tt = !1;
+}), ra = () => we(Nr), ia = 12, An = 24, oa = 100, Ir = 1, aa = 1, sa = 24, la = 3, qe = /* @__PURE__ */ new Map(), zt = !1, Oe = Ir, On = 0, Tt = !1;
 function da(e) {
   return [...qe].filter(([, t]) => e(t)).sort((t, n) => t[1].distance - n[1].distance);
 }
@@ -1198,7 +1198,7 @@ function ca() {
     const i = r ? Math.min(Oe, la) : Oe;
     let o = 0;
     for (const [s, c] of da((u) => !r || u.verdict))
-      if (qe.delete(s), r ? Ni(() => s(c.verdict)) : s(c.verdict), ++o >= i) break;
+      if (qe.delete(s), r ? Ei(() => s(c.verdict)) : s(c.verdict), ++o >= i) break;
     Tt = o > 0;
   }
   qe.size > 0 && tn();
@@ -1349,7 +1349,7 @@ function nt(e, t) {
 function kr(e) {
   return e === "top" || e === "bottom" ? yt.Vertical : yt.Horizontal;
 }
-function Nu(e) {
+function Eu(e) {
   return nt(e, "right");
 }
 function pa(e, t) {
@@ -1409,7 +1409,7 @@ function ya(e, t, n) {
     height: u - s
   };
 }
-var Eu = 12, Iu = 600, wa = "Inter, Avenir, Helvetica, Arial, sans-serif", ku = 230, ut = null;
+var Nu = 12, Iu = 600, wa = "Inter, Avenir, Helvetica, Arial, sans-serif", ku = 230, ut = null;
 function Sa() {
   return ut || (typeof document > "u" || typeof document.createElement != "function" ? null : (ut = document.createElement("canvas").getContext("2d"), ut));
 }
@@ -1710,7 +1710,7 @@ var Ru = 56, Ca = ({ drag: e }) => e ? ze(/* @__PURE__ */ a("div", {
     case Y.Events:
       return t.rows.events;
   }
-}, _n = 4, Na = (e) => e === Y.UI || e === Y.System || e === Y.Chat, Ea = {
+}, _n = 4, Ea = (e) => e === Y.UI || e === Y.System || e === Y.Chat, Na = {
   transform: "rotate(-90deg)",
   whiteSpace: "nowrap",
   fontSize: 11,
@@ -1728,9 +1728,9 @@ var Ru = 56, Ca = ({ drag: e }) => e ? ze(/* @__PURE__ */ a("div", {
   flexShrink: 0,
   display: "inline-block"
 }), Fn = ({ rowType: e, height: t, name: n, description: r, actorId: i, onRenamed: o, validateName: s, onActorAdded: c, onDragStart: u, dragging: d = !1, badge: l, personaAvatar: p, children: h }) => {
-  const { readOnly: v, messages: m } = Z(), [g, f] = B(!1), [b, w] = B(!1), S = A(void 0), y = A(null), E = A(null), M = A(null), I = oe(() => [E], []), T = oe(() => [M], []);
+  const { readOnly: v, messages: m } = Z(), [g, f] = B(!1), [b, w] = B(!1), S = A(void 0), y = A(null), N = A(null), M = A(null), I = oe(() => [N], []), T = oe(() => [M], []);
   Ge(I, () => f(!1), g), Ge(T, () => w(!1), b);
-  const X = n ?? Ma(e, m), j = Na(e), C = j && !v ? o : void 0, L = j && !v ? c : void 0, D = i && !v ? u : void 0, G = v ? [] : l?.actions ?? [], F = v ? void 0 : l?.onActivate, V = G.length > 0 || !!F, O = p ?? l?.avatar, $ = j && (!!O || !!l && !v), N = () => {
+  const X = n ?? Ma(e, m), j = Ea(e), C = j && !v ? o : void 0, L = j && !v ? c : void 0, D = i && !v ? u : void 0, G = v ? [] : l?.actions ?? [], F = v ? void 0 : l?.onActivate, V = G.length > 0 || !!F, O = p ?? l?.avatar, $ = j && (!!O || !!l && !v), E = () => {
     if (G.length > 0) {
       w((P) => !P);
       return;
@@ -1776,7 +1776,7 @@ var Ru = 56, Ca = ({ drag: e }) => e ? ze(/* @__PURE__ */ a("div", {
           children: [/* @__PURE__ */ a("button", {
             className: "event-modeling-grid-row-label-info-btn",
             onClick: (P) => {
-              P.stopPropagation(), N();
+              P.stopPropagation(), E();
             },
             title: l?.title ?? X,
             "aria-label": l?.title ?? X,
@@ -1803,7 +1803,7 @@ var Ru = 56, Ca = ({ drag: e }) => e ? ze(/* @__PURE__ */ a("div", {
             value: X,
             onChange: C,
             validate: s,
-            style: Ea
+            style: Na
           }) : r?.trim() ? /* @__PURE__ */ a(ve, {
             content: r,
             position: "right",
@@ -1818,7 +1818,7 @@ var Ru = 56, Ca = ({ drag: e }) => e ? ze(/* @__PURE__ */ a("div", {
         }),
         L && /* @__PURE__ */ x("div", {
           className: "event-modeling-grid-row-label-add-role",
-          ref: E,
+          ref: N,
           children: [/* @__PURE__ */ a("button", {
             className: "event-modeling-grid-row-label-add-role-btn",
             onClick: (P) => {
@@ -1926,7 +1926,7 @@ var La = ({ collectionId: e, topOffset: t, contentRows: n, rowHeights: r, actors
     topOffset: t,
     collectionId: e.toString(),
     children: [/* @__PURE__ */ a(Ca, { drag: g }), n.flatMap((b) => {
-      const w = Et(b), S = w === void 0 ? [] : i.filter((I) => I.actorType === w), y = {
+      const w = Nt(b), S = w === void 0 ? [] : i.filter((I) => I.actorType === w), y = {
         rowType: b,
         height: r[b],
         name: p[b],
@@ -1938,7 +1938,7 @@ var La = ({ collectionId: e, topOffset: t, contentRows: n, rowHeights: r, actors
         } : void 0,
         validateName: (I) => Object.entries(p).find(([T]) => T !== b)?.[1]?.toLowerCase() === I.toLowerCase() ? "Name already in use" : void 0,
         onActorAdded: o ? (I) => o(b, I) : void 0
-      }, E = w === void 0 || S.length === 0 ? [/* @__PURE__ */ a(Le, { children: w !== void 0 && l ? l(b, y) : /* @__PURE__ */ a(Fn, { ...y }) }, b)] : [], M = S.flatMap((I, T) => {
+      }, N = w === void 0 || S.length === 0 ? [/* @__PURE__ */ a(Le, { children: w !== void 0 && l ? l(b, y) : /* @__PURE__ */ a(Fn, { ...y }) }, b)] : [], M = S.flatMap((I, T) => {
         const X = g?.rowType === b, j = {
           rowType: b,
           height: r[b],
@@ -1961,7 +1961,7 @@ var La = ({ collectionId: e, topOffset: t, contentRows: n, rowHeights: r, actors
           ...X && T === S.length - 1 && g.dropIndex === S.length ? [/* @__PURE__ */ a(Dn, {}, `drop-${b}-end`)] : []
         ];
       });
-      return [...E, ...M];
+      return [...N, ...M];
     })]
   });
 }, Pa = ({ moduleId: e, collectionId: t, marginLeft: n, dragging: r = !1, ref: i, children: o }) => /* @__PURE__ */ a("div", {
@@ -2231,7 +2231,7 @@ var Hn = ({ status: e }) => /* @__PURE__ */ a("svg", {
       className: "event-modeling-menu-dropdown-header",
       children: S.label
     }, S.id.toString());
-    const y = S.items && S.items.length > 0, E = u === S.id.toString();
+    const y = S.items && S.items.length > 0, N = u === S.id.toString();
     return /* @__PURE__ */ x("div", {
       className: "event-modeling-menu-dropdown-item-wrapper",
       children: [/* @__PURE__ */ x("button", {
@@ -2239,7 +2239,7 @@ var Hn = ({ status: e }) => /* @__PURE__ */ a("svg", {
         disabled: S.disabled,
         title: S.tooltip,
         onClick: () => {
-          S.disabled || (y ? d(E ? void 0 : S.id.toString()) : (S.keepOpen || g(), S.onClick?.()));
+          S.disabled || (y ? d(N ? void 0 : S.id.toString()) : (S.keepOpen || g(), S.onClick?.()));
         },
         children: [
           S.icon && /* @__PURE__ */ a("span", {
@@ -2261,11 +2261,11 @@ var Hn = ({ status: e }) => /* @__PURE__ */ a("svg", {
             children: S.checked && /* @__PURE__ */ a("i", { className: "pi pi-check" })
           }),
           y && /* @__PURE__ */ a("span", {
-            className: `event-modeling-menu-dropdown-option-arrow ${E ? "event-modeling-menu-dropdown-option-arrow--open" : ""}`,
+            className: `event-modeling-menu-dropdown-option-arrow ${N ? "event-modeling-menu-dropdown-option-arrow--open" : ""}`,
             children: /* @__PURE__ */ a("i", { className: "pi pi-chevron-right" })
           })
         ]
-      }), y && E && /* @__PURE__ */ a("div", {
+      }), y && N && /* @__PURE__ */ a("div", {
         className: `event-modeling-menu-dropdown-submenu ${n === "right" ? "event-modeling-menu-dropdown-submenu--left" : ""}`,
         children: b(S.items)
       })]
@@ -2281,7 +2281,7 @@ var Hn = ({ status: e }) => /* @__PURE__ */ a("svg", {
         w.stopPropagation(), m(!h);
       },
       children: e
-    }), /* @__PURE__ */ a(Nt, {
+    }), /* @__PURE__ */ a(Et, {
       anchorRef: l,
       open: h,
       side: "below",
@@ -2530,7 +2530,7 @@ var Hn = ({ status: e }) => /* @__PURE__ */ a("svg", {
       title: y.label,
       "aria-label": y.label,
       disabled: y.disabled,
-      onClick: (E) => y.onActivate(e, E.currentTarget.getBoundingClientRect()),
+      onClick: (N) => y.onActivate(e, N.currentTarget.getBoundingClientRect()),
       children: [y.icon, y.indicator && /* @__PURE__ */ a("span", {
         className: "event-modeling-feature-chat-dot",
         "aria-hidden": "true"
@@ -2566,7 +2566,7 @@ var Hn = ({ status: e }) => /* @__PURE__ */ a("svg", {
         title: y.label,
         "aria-label": y.label,
         disabled: y.disabled,
-        onClick: (E) => y.onActivate(e, E.currentTarget.getBoundingClientRect()),
+        onClick: (N) => y.onActivate(e, N.currentTarget.getBoundingClientRect()),
         children: y.icon
       }, y.id)),
       !m.readOnly && /* @__PURE__ */ a(Hr, { suggestions: w.moduleHeaderSuggestions ?? [] }),
@@ -2739,7 +2739,7 @@ function ss({ collectionId: e, initialModules: t, onAddModule: n, onModulesReord
   const { readOnly: d } = Z(), l = q((F) => {
     if (s) s(F);
     else throw F;
-  }, [s]), p = A(es(t)), [h, v] = B(p.current), m = A(!1), [g, f] = B(!1), b = A(/* @__PURE__ */ new Set()), [w, S] = B(/* @__PURE__ */ new Set()), y = A(!1), [E, M] = B(!1), I = (F, V) => {
+  }, [s]), p = A(es(t)), [h, v] = B(p.current), m = A(!1), [g, f] = B(!1), b = A(/* @__PURE__ */ new Set()), [w, S] = B(/* @__PURE__ */ new Set()), y = A(!1), [N, M] = B(!1), I = (F, V) => {
     V ? b.current.add(F) : b.current.delete(F), S(new Set(b.current));
   }, T = q((F) => {
     const V = F(p.current);
@@ -2813,7 +2813,7 @@ function ss({ collectionId: e, initialModules: t, onAddModule: n, onModulesReord
     r,
     l,
     d
-  ]), { moduleDrag: D, handleModuleDragStart: G } = Qa(e, h.modules.map((F) => F.id), r && !E ? L : void 0);
+  ]), { moduleDrag: D, handleModuleDragStart: G } = Qa(e, h.modules.map((F) => F.id), r && !N ? L : void 0);
   return /* @__PURE__ */ x(ee, { children: [
     /* @__PURE__ */ a(Dr, {
       drag: D,
@@ -2886,14 +2886,14 @@ var ds = ({ width: e, collapsed: t, children: n }) => /* @__PURE__ */ a("div", {
   slice: n.slice,
   showDetails: t?.(n) ?? !1
 })), ln(e)), qr = (e, t, n) => t.reduce((r, i) => {
-  const o = Et(i);
+  const o = Nt(i);
   return r + (o === void 0 ? 1 : Math.max(1, e.actors.filter((s) => s.actorType === o).length)) * n[i];
 }, 0), Pe = (e) => {
   if (e.collapsed) return e.slices.length ? e.slices.length * Q.collapsedSliceWidth + (e.slices.length - 1) * Q.sliceGap : Q.collapsedFeatureWidth;
   if (!e.slices.length && e.subFeatures.length) return 0;
   const t = Or(e.name);
   if (!e.slices.length) return Math.max(Math.round(Q.sliceWidth * 1.5), t);
-  const n = e.slices.reduce((r, i, o) => r + (o ? Q.sliceGap : 0) + (i.collapsed ? Q.collapsedSliceWidth : Nr(i)), 0);
+  const n = e.slices.reduce((r, i, o) => r + (o ? Q.sliceGap : 0) + (i.collapsed ? Q.collapsedSliceWidth : Er(i)), 0);
   return Math.max(Q.minPillWidth, t, n);
 }, Gr = (e) => {
   const t = /* @__PURE__ */ new Set(), n = (r) => t.has(r.id.toString()) ? [] : (t.add(r.id.toString()), [r, ...r.subFeatures.flatMap(n)]);
@@ -3186,7 +3186,7 @@ var Ms = ({ featureId: e, moduleId: t, enabled: n, dragging: r = !1, children: i
     transition: "opacity 0.15s"
   },
   children: i
-}), Ns = ({ featureId: e, moduleId: t, enabled: n, collapsed: r, rowCollapsed: i, width: o, headerVisibility: s, header: c, screenTemplate: u, slices: d }) => /* @__PURE__ */ x(Ms, {
+}), Es = ({ featureId: e, moduleId: t, enabled: n, collapsed: r, rowCollapsed: i, width: o, headerVisibility: s, header: c, screenTemplate: u, slices: d }) => /* @__PURE__ */ x(Ms, {
   featureId: e,
   moduleId: t,
   enabled: n,
@@ -3202,7 +3202,7 @@ var Ms = ({ featureId: e, moduleId: t, enabled: n, dragging: r = !1, children: i
     className: i ? "event-modeling-feature-grid-slices--row-collapsed" : s === "visible" ? "event-modeling-feature-grid-slices--header-visible" : void 0,
     children: d
   })]
-}), Es = {
+}), Ns = {
   before: "inset 6px 0 0 rgba(180,165,255,0.95), inset 0 0 14px 0 rgba(150,130,255,0.5)",
   after: "inset -6px 0 0 rgba(180,165,255,0.95), inset 0 0 14px 0 rgba(150,130,255,0.5)"
 }, Is = ({ width: e, collapsed: t, dropEdge: n, children: r, ref: i }) => /* @__PURE__ */ a("div", {
@@ -3210,7 +3210,7 @@ var Ms = ({ featureId: e, moduleId: t, enabled: n, dragging: r = !1, children: i
   className: `event-modeling-grid-header-cell-wrapper${t ? " event-modeling-grid-header-cell-wrapper--feature-collapsed" : ""}`,
   style: {
     width: e,
-    boxShadow: n && Es[n]
+    boxShadow: n && Ns[n]
   },
   children: r
 });
@@ -3384,9 +3384,9 @@ function Qr(e, t) {
   return t.add(e.id.toString()), e.subFeatures.flatMap((n) => t.has(n.id.toString()) ? [] : [n, ...Qr(n, t)]);
 }
 function Ps({ ref: e, initialFeatures: t, moduleId: n, widthOf: r, isCollapsed: i, forceCollapsed: o = !1, onCollapseChanged: s, occupiesColumn: c, renderHeader: u, renderColumn: d, renderFeatureBoundary: l, onAddFeature: p, onRenameFeature: h, onFeaturesReordered: v, onFeaturesChanged: m }) {
-  const { readOnly: g, messages: f } = Z(), { targets: b, register: w } = Os(), S = A(Ts(t)), [y, E] = B(S.current), M = A(!1), I = A(/* @__PURE__ */ new Set()), T = q((R) => {
+  const { readOnly: g, messages: f } = Z(), { targets: b, register: w } = Os(), S = A(Ts(t)), [y, N] = B(S.current), M = A(!1), I = A(/* @__PURE__ */ new Set()), T = q((R) => {
     const U = R(S.current);
-    U !== S.current && (S.current = U, E(U), m?.(U.features));
+    U !== S.current && (S.current = U, N(U), m?.(U.features));
   }, [m]);
   ne(() => {
     t !== S.current.snapshot && T((R) => Ut(R, t));
@@ -3467,7 +3467,7 @@ function Ps({ ref: e, initialFeatures: t, moduleId: n, widthOf: r, isCollapsed:
     F,
     c,
     r
-  ]), O = V.flatMap((R) => [R.feature, ...R.children]).filter(c), $ = new Set(V.filter((R) => R.children.length).map((R) => R.feature.id.toString())), N = new Set(V.flatMap((R) => R.children.map((U) => U.id.toString()))), k = F.map((R) => R.id), W = q((R, U) => {
+  ]), O = V.flatMap((R) => [R.feature, ...R.children]).filter(c), $ = new Set(V.filter((R) => R.children.length).map((R) => R.feature.id.toString())), E = new Set(V.flatMap((R) => R.children.map((U) => U.id.toString()))), k = F.map((R) => R.id), W = q((R, U) => {
     T((_) => ({
       ..._,
       features: Yt(_.features, U),
@@ -3484,7 +3484,7 @@ function Ps({ ref: e, initialFeatures: t, moduleId: n, widthOf: r, isCollapsed:
     onToggleCollapse: s ? () => D(R) : void 0,
     onCollapseFailed: s ? () => G(R) : void 0
   }), te = (R) => {
-    const U = $.has(R.id.toString()) ? "hidden" : N.has(R.id.toString()) ? "visible" : "none";
+    const U = $.has(R.id.toString()) ? "hidden" : E.has(R.id.toString()) ? "visible" : "none";
     return {
       ...z(R),
       headerVisibility: U
@@ -3519,7 +3519,7 @@ function Ps({ ref: e, initialFeatures: t, moduleId: n, widthOf: r, isCollapsed:
     }),
     l && V.flatMap((R) => [R.feature, ...R.children]).map((R) => {
       const U = b.get(R.id.toString());
-      return !U || !N.has(R.id.toString()) && !U.header || c(R) && !U.column ? null : /* @__PURE__ */ a(Le, { children: l(R, /* @__PURE__ */ x(ee, { children: [!N.has(R.id.toString()) && U.header && ze(u(R, z(R)), U.header), U.column && ze(d(R, te(R)), U.column)] })) }, R.id.toString());
+      return !U || !E.has(R.id.toString()) && !U.header || c(R) && !U.column ? null : /* @__PURE__ */ a(Le, { children: l(R, /* @__PURE__ */ x(ee, { children: [!E.has(R.id.toString()) && U.header && ze(u(R, z(R)), U.header), U.column && ze(d(R, te(R)), U.column)] })) }, R.id.toString());
     })
   ] }) : /* @__PURE__ */ a("div", {
     className: "event-modeling-module-empty-placeholder",
@@ -3868,7 +3868,7 @@ var Ds = ({ type: e }) => /* @__PURE__ */ a("svg", {
     align: "right"
   });
 }, Vs = "rgba(160,140,230,0.10)", zs = "1px solid rgba(160,140,230,0.22)", qs = ({ featureId: e, name: t, height: n, collapsed: r, onToggleCollapse: i, onRenamed: o, status: s, detailsVisible: c = !1, onToggleDetails: u, dragging: d = !1, onDragStart: l, error: p, onAddSubFeature: h, onAddSlice: v }) => {
-  const m = Z(), { showStatuses: g = !0 } = be(), f = $r(!m.readOnly && !r ? l : void 0), b = m.readOnly ? void 0 : o, w = (m.actions.featureHeader ?? []).filter((M) => !M.when || M.when(e)), S = (m.actions.featureHeaderLeading ?? []).filter((M) => !M.when || M.when(e)), y = m.actions.featureHeaderMenu ?? [], E = Vd(e, h, v, m.editing);
+  const m = Z(), { showStatuses: g = !0 } = be(), f = $r(!m.readOnly && !r ? l : void 0), b = m.readOnly ? void 0 : o, w = (m.actions.featureHeader ?? []).filter((M) => !M.when || M.when(e)), S = (m.actions.featureHeaderLeading ?? []).filter((M) => !M.when || M.when(e)), y = m.actions.featureHeaderMenu ?? [], N = Vd(e, h, v, m.editing);
   return /* @__PURE__ */ a(Pr, {
     variant: "feature",
     collapsed: r,
@@ -3975,8 +3975,8 @@ var Ds = ({ type: e }) => /* @__PURE__ */ a("svg", {
       !m.readOnly && /* @__PURE__ */ a(Hr, { suggestions: m.actions.featureHeaderSuggestions ?? [] }),
       !m.readOnly && /* @__PURE__ */ a(Hs, {
         featureId: e,
-        onAddSubFeature: E.onAddSubFeature,
-        onAddSlice: E.onAddSlice,
+        onAddSubFeature: N.onAddSubFeature,
+        onAddSlice: N.onAddSlice,
         actions: m.actions.featureHeaderAdd
       })
     ] })
@@ -4132,14 +4132,14 @@ var Us = ({ state: e, specification: t }) => {
   }), s = new Set(e.map((u) => u.id.toString())), c = r.filter((u) => !s.has(u.id.toString()));
   return c.length || o.some((u, d) => u !== e[d]) ? [...o, ...c] : e;
 }, nl = 1, rl = ({ sliceId: e, width: t, collapsed: n, specifications: r, runInfoFor: i, executionLabel: o, renderRows: s }) => {
-  const { editing: c, actions: u, messages: d } = Z(), l = pe(), [p, h] = B(r), [v, m] = B(!1), [g, f] = B(!1), [b, w] = B(!1), S = A(0), y = A(!1), E = A(!1), M = A(!1), I = A(/* @__PURE__ */ new Set()), T = Qs(l, c), X = T ? r : p;
+  const { editing: c, actions: u, messages: d } = Z(), l = pe(), [p, h] = B(r), [v, m] = B(!1), [g, f] = B(!1), [b, w] = B(!1), S = A(0), y = A(!1), N = A(!1), M = A(!1), I = A(/* @__PURE__ */ new Set()), T = Qs(l, c), X = T ? r : p;
   ne(() => {
-    h((N) => el(N, r, T, Date.now() <= S.current, I.current));
+    h((E) => el(E, r, T, Date.now() <= S.current, I.current));
   }, [r, T]);
   const j = async () => {
     if (y.current || !c.onSpecificationAdded) return;
     y.current = !0, w(!0);
-    const N = {
+    const E = {
       id: de.create(),
       name: `${d.specifications.namePlaceholder} ${nl++}`,
       collapsed: !1,
@@ -4147,64 +4147,64 @@ var Us = ({ state: e, specification: t }) => {
       thenEvents: [],
       thenErrors: []
     };
-    h((k) => [...k, N]);
+    h((k) => [...k, E]);
     try {
-      await c.onSpecificationAdded(e, N) || h((k) => k.filter((W) => !W.id.equals(N.id)));
+      await c.onSpecificationAdded(e, E) || h((k) => k.filter((W) => !W.id.equals(E.id)));
     } catch {
-      h((k) => k.filter((W) => !W.id.equals(N.id)));
+      h((k) => k.filter((W) => !W.id.equals(E.id)));
     } finally {
       y.current = !1, w(!1);
     }
-  }, C = (N) => {
-    I.current.has(N.toString()) || (I.current.add(N.toString()), S.current = 0, h((k) => k.filter((W) => !W.id.equals(N))), c.onSpecificationRemoved?.(e, N));
-  }, L = (N, k) => {
-    h((W) => W.map((K) => K.id.equals(N) ? {
+  }, C = (E) => {
+    I.current.has(E.toString()) || (I.current.add(E.toString()), S.current = 0, h((k) => k.filter((W) => !W.id.equals(E))), c.onSpecificationRemoved?.(e, E));
+  }, L = (E, k) => {
+    h((W) => W.map((K) => K.id.equals(E) ? {
       ...K,
       name: k
-    } : K)), c.onSpecificationRenamed?.(e, N, k);
-  }, D = (N, k) => {
-    l || !c.onSpecificationOpenStateSet || (h((W) => W.map((K) => K.id.equals(N) ? {
+    } : K)), c.onSpecificationRenamed?.(e, E, k);
+  }, D = (E, k) => {
+    l || !c.onSpecificationOpenStateSet || (h((W) => W.map((K) => K.id.equals(E) ? {
       ...K,
       collapsed: !k
-    } : K)), c.onSpecificationOpenStateSet?.(e, N, k));
-  }, G = async (N) => {
-    if (!(l || E.current || !u.specificationsGenerate)) {
-      E.current = !0, m(!0);
+    } : K)), c.onSpecificationOpenStateSet?.(e, E, k));
+  }, G = async (E) => {
+    if (!(l || N.current || !u.specificationsGenerate)) {
+      N.current = !0, m(!0);
       try {
-        await u.specificationsGenerate.onActivate(e, N) && (S.current = Date.now() + Ks);
+        await u.specificationsGenerate.onActivate(e, E) && (S.current = Date.now() + Ks);
       } finally {
-        E.current = !1, m(!1);
+        N.current = !1, m(!1);
       }
     }
-  }, F = async (N) => {
+  }, F = async (E) => {
     if (!(l || M.current || !u.specificationsRunAll || u.specificationsRunAll.disabled)) {
       M.current = !0, f(!0);
       try {
-        await u.specificationsRunAll.onActivate(e, N);
+        await u.specificationsRunAll.onActivate(e, E);
       } finally {
         M.current = !1, f(!1);
       }
     }
   }, V = u.specificationsGenerate, O = u.specificationsRunAll, $ = !l && V && (!V.when || V.when(e));
-  return n ? null : /* @__PURE__ */ x(ee, { children: [X.map((N, k) => {
-    const { state: W, message: K } = i(N);
+  return n ? null : /* @__PURE__ */ x(ee, { children: [X.map((E, k) => {
+    const { state: W, message: K } = i(E);
     return /* @__PURE__ */ x("div", {
       "data-slice-spec-col": "true",
       "data-slice-id": e.toString(),
       className: `event-modeling-grid-specification-wrapper event-modeling-grid-specification-wrapper--${W}`,
       style: { width: 56 + t },
       children: [/* @__PURE__ */ a(Js, {
-        name: N.name,
-        collapsed: N.collapsed,
-        onToggleCollapse: c.onSpecificationOpenStateSet ? () => D(N.id, N.collapsed) : void 0,
-        onRenamed: c.onSpecificationRenamed ? (P) => L(N.id, P) : void 0,
-        onDeleted: c.onSpecificationRemoved ? () => C(N.id) : void 0,
+        name: E.name,
+        collapsed: E.collapsed,
+        onToggleCollapse: c.onSpecificationOpenStateSet ? () => D(E.id, E.collapsed) : void 0,
+        onRenamed: c.onSpecificationRenamed ? (P) => L(E.id, P) : void 0,
+        onDeleted: c.onSpecificationRemoved ? () => C(E.id) : void 0,
         runState: W,
         runMessage: K,
         executionLabel: o,
         runControl: /* @__PURE__ */ a(Us, {
           state: W,
-          specification: N
+          specification: E
         }),
         gutter: k === 0 && O && (!O.when || O.when(e)) && /* @__PURE__ */ a("button", {
           type: "button",
@@ -4217,8 +4217,8 @@ var Us = ({ state: e, specification: t }) => {
           title: O.tooltip,
           children: O.icon
         })
-      }), !N.collapsed && s(N)]
-    }, `${N.id.toString()}:${Xt(N)}`);
+      }), !E.collapsed && s(E)]
+    }, `${E.id.toString()}:${Xt(E)}`);
   }), !l && (c.onSpecificationAdded || $) && /* @__PURE__ */ x("div", {
     className: "event-modeling-grid-specification-add-area",
     children: [c.onSpecificationAdded && /* @__PURE__ */ a(ve, {
@@ -4239,8 +4239,8 @@ var Us = ({ state: e, specification: t }) => {
       position: "top",
       children: /* @__PURE__ */ a("button", {
         type: "button",
-        onClick: (N) => {
-          G(N.currentTarget.getBoundingClientRect());
+        onClick: (E) => {
+          G(E.currentTarget.getBoundingClientRect());
         },
         disabled: v,
         className: "event-modeling-grid-add-button--small",
@@ -4342,7 +4342,7 @@ var cl = 250, ul = "Inter, Helvetica, Arial, sans-serif", Je = ({ name: e, backg
   }, [s]), y = r ? {
     outline: `2px solid ${t}`,
     outlineOffset: 2
-  } : {}, E = /* @__PURE__ */ x(ee, { children: [/* @__PURE__ */ x("div", {
+  } : {}, N = /* @__PURE__ */ x(ee, { children: [/* @__PURE__ */ x("div", {
     className: "event-modeling-card__face",
     style: {
       background: t,
@@ -4369,13 +4369,13 @@ var cl = 250, ul = "Inter, Helvetica, Arial, sans-serif", Je = ({ name: e, backg
     "data-event-id": p,
     "data-card-id": h,
     "data-slice-id": v,
-    children: E
+    children: N
   }) : /* @__PURE__ */ a("div", {
     className: "event-modeling-card",
     "data-event-id": p,
     "data-card-id": h,
     "data-slice-id": v,
-    children: E
+    children: N
   });
 }, fe = {
   background: "#ff9933",
@@ -4639,13 +4639,13 @@ var cl = 250, ul = "Inter, Helvetica, Arial, sans-serif", Je = ({ name: e, backg
   };
 }, Cl = /* @__PURE__ */ (function(e) {
   return e.start = "start", e.end = "end", e.bottomStart = "bottom-start", e.bottomEnd = "bottom-end", e;
-})({}), xl = ["start", "bottom-start"], Ml = ["bottom-start", "bottom-end"], Nl = [
+})({}), xl = ["start", "bottom-start"], Ml = ["bottom-start", "bottom-end"], El = [
   "start",
   "end",
   "bottom-start",
   "bottom-end"
-], El = (e) => xl.includes(e), Il = (e) => Ml.includes(e), kl = (e) => e * 24 - 6, Rl = -6, Al = (e, t) => ({
-  [El(e) ? "left" : "right"]: kl(t),
+], Nl = (e) => xl.includes(e), Il = (e) => Ml.includes(e), kl = (e) => e * 24 - 6, Rl = -6, Al = (e, t) => ({
+  [Nl(e) ? "left" : "right"]: kl(t),
   ...Il(e) ? {
     top: "auto",
     bottom: Rl
@@ -4720,12 +4720,12 @@ var cl = 250, ul = "Inter, Helvetica, Arial, sans-serif", Je = ({ name: e, backg
   return e === me.event && f.length === 0 ? w : /* @__PURE__ */ x("div", {
     className: Ll[e],
     "data-artifact-kind": e,
-    children: [w, Nl.flatMap((S) => b(S).map((y, E) => /* @__PURE__ */ a(Ol, {
+    children: [w, El.flatMap((S) => b(S).map((y, N) => /* @__PURE__ */ a(Ol, {
       action: y,
       corner: S,
-      slot: E,
+      slot: N,
       onActivate: () => t && y.onActivate(t, g())
-    }, `${S}-${E}`)))]
+    }, `${S}-${N}`)))]
   });
 }, vn = ({ value: e, backgroundColor: t, textColor: n, nameError: r, onChange: i, onCommit: o, onCancel: s }) => /* @__PURE__ */ a("div", {
   style: {
@@ -4779,7 +4779,7 @@ var cl = 250, ul = "Inter, Helvetica, Arial, sans-serif", Je = ({ name: e, backg
     children: [c({
       open: u,
       toggle: () => d((S) => !S)
-    }), /* @__PURE__ */ a(Nt, {
+    }), /* @__PURE__ */ a(Et, {
       anchorRef: h,
       open: u,
       side: "above",
@@ -5022,7 +5022,7 @@ var Vl = (e) => {
     })]
   });
 }, Yl = ({ sliceId: e, sliceType: t, specification: n, events: r, readModel: i, renamedReadModelName: o }) => {
-  const { editing: s, messages: c } = Z(), u = pe(), { onGivenEventAdded: d, onGivenEventValuesSet: l, onGivenReadModelSet: p, onGivenReadModelValuesSet: h, onGivenEventRemoved: v, onGivenReadModelRemoved: m, onSpecificationItemOpened: g } = s, [f, b] = B(n.given), [w, S] = B(n.givenReadModel), [y, E] = B(() => ({
+  const { editing: s, messages: c } = Z(), u = pe(), { onGivenEventAdded: d, onGivenEventValuesSet: l, onGivenReadModelSet: p, onGivenReadModelValuesSet: h, onGivenEventRemoved: v, onGivenReadModelRemoved: m, onSpecificationItemOpened: g } = s, [f, b] = B(n.given), [w, S] = B(n.givenReadModel), [y, N] = B(() => ({
     ...ai(n.given),
     ...n.givenReadModel ? { [n.givenReadModel.id.toString()]: n.givenReadModel.values ?? {} } : {}
   })), M = u || !(d || l || p || h || v || m || g), I = M ? n.given : f, T = M ? n.givenReadModel : w, X = oe(() => Gl(r), [r]), j = oe(() => new Map(X.map((P) => [P.id.toString(), P])), [X]), C = (P, z, te, R, U, _) => g?.({
@@ -5035,7 +5035,7 @@ var Vl = (e) => {
     values: y[P.toString()] ?? {},
     host: R,
     onValuesSet: (J) => {
-      E((ae) => ({
+      N((ae) => ({
         ...ae,
         [P.toString()]: J
       })), _(J);
@@ -5059,14 +5059,14 @@ var Vl = (e) => {
     b((z) => z.filter((te) => !te.id.equals(P))), v?.(e, n.id, P);
   }, F = () => {
     S(void 0), m?.(e, n.id);
-  }, V = (P) => (z) => l?.(e, n.id, P, z), O = !u && t === H.stateChange && !!d, $ = !u && !!i && !!p && !!g && Ul(!0, !!T), N = T && (o ?? T.name), k = T?.id ?? T?.readModelItemId, W = T && k && N !== void 0 && /* @__PURE__ */ a(Ct, {
-    name: N,
+  }, V = (P) => (z) => l?.(e, n.id, P, z), O = !u && t === H.stateChange && !!d, $ = !u && !!i && !!p && !!g && Ul(!0, !!T), E = T && (o ?? T.name), k = T?.id ?? T?.readModelItemId, W = T && k && E !== void 0 && /* @__PURE__ */ a(Ct, {
+    name: E,
     onRemoved: m ? F : void 0,
     children: /* @__PURE__ */ a(De, {
-      name: N,
+      name: E,
       colors: Ke,
       values: T.values,
-      onOpen: !u && g && p ? (P) => C(k, We.readModel, N, P, i?.schema, D) : void 0
+      onOpen: !u && g && p ? (P) => C(k, We.readModel, E, P, i?.schema, D) : void 0
     })
   }, k.toString()), K = I.map((P) => {
     const z = j.get(P.eventId.toString())?.name ?? P.name;
@@ -5138,7 +5138,7 @@ var Vl = (e) => {
     onValuesSet: ($) => {
       v?.id.equals(D) && f($), p?.(e, n.id, $);
     }
-  }), E = t === H.stateChange ? r : void 0, M = t === H.stateView ? o : t === H.translator ? s : [], I = !!E && !!w && (w.commandId ? E.id.equals(w.commandId) : !w.name || w.name === E.name), T = w && (w.commandId && r?.id.equals(w.commandId) ? i ?? w.name : w.name), X = !d && !!h && !!p, j = I && w ? w.id : E?.id, C = I ? b ? w?.values : g : void 0, L = d ? n.caller : void 0;
+  }), N = t === H.stateChange ? r : void 0, M = t === H.stateView ? o : t === H.translator ? s : [], I = !!N && !!w && (w.commandId ? N.id.equals(w.commandId) : !w.name || w.name === N.name), T = w && (w.commandId && r?.id.equals(w.commandId) ? i ?? w.name : w.name), X = !d && !!h && !!p, j = I && w ? w.id : N?.id, C = I ? b ? w?.values : g : void 0, L = d ? n.caller : void 0;
   return /* @__PURE__ */ x(hn, {
     headline: u.specifications.when,
     actions: !d && t !== H.stateChange && t !== H.stateView && !w && r && l && /* @__PURE__ */ a(pn, {
@@ -5153,11 +5153,11 @@ var Vl = (e) => {
         values: w.values,
         onOpen: X ? (D) => y(w.id, w.commandId, T, D, g) : void 0
       }, w.id.toString()),
-      E && j && /* @__PURE__ */ a(De, {
-        name: E.name,
+      N && j && /* @__PURE__ */ a(De, {
+        name: N.name,
         colors: Ue,
         values: C,
-        onOpen: X ? (D) => y(j, E.id, E.name, D, g) : void 0
+        onOpen: X ? (D) => y(j, N.id, N.name, D, g) : void 0
       }, j.toString()),
       M.map((D) => /* @__PURE__ */ a(De, {
         name: D.name,
@@ -5221,15 +5221,15 @@ var Vl = (e) => {
     disabled: n
   });
 }, ed = ({ sliceId: e, sliceType: t, specification: n, events: r, command: i, readModel: o, renamedEventNames: s = {}, extra: c }) => {
-  const { editing: u, messages: d } = Z(), l = pe(), { onThenEventAdded: p, onThenEventValuesSet: h, onThenErrorAdded: v, onThenRuleErrorAdded: m, onThenErrorRenamed: g, onThenEventRemoved: f, onThenErrorRemoved: b, onThenReadModelValuesSet: w, onSpecificationItemOpened: S } = u, [y, E] = B(n.thenEvents), [M, I] = B(n.thenErrors), [T, X] = B(() => ai(n.thenEvents)), [j, C] = B({}), L = l || !(p || h || v || m || g || f || b || w || S), D = L ? n.thenEvents : y, G = L ? n.thenErrors : M, F = oe(() => new Map(r.map((_) => [_.id.toString(), _])), [r]), V = oe(() => Jl(i, r), [i, r]), O = !l && t !== H.stateView, $ = (_) => {
+  const { editing: u, messages: d } = Z(), l = pe(), { onThenEventAdded: p, onThenEventValuesSet: h, onThenErrorAdded: v, onThenRuleErrorAdded: m, onThenErrorRenamed: g, onThenEventRemoved: f, onThenErrorRemoved: b, onThenReadModelValuesSet: w, onSpecificationItemOpened: S } = u, [y, N] = B(n.thenEvents), [M, I] = B(n.thenErrors), [T, X] = B(() => ai(n.thenEvents)), [j, C] = B({}), L = l || !(p || h || v || m || g || f || b || w || S), D = L ? n.thenEvents : y, G = L ? n.thenErrors : M, F = oe(() => new Map(r.map((_) => [_.id.toString(), _])), [r]), V = oe(() => Jl(i, r), [i, r]), O = !l && t !== H.stateView, $ = (_) => {
     const J = de.create();
-    E((ae) => [...ae, {
+    N((ae) => [...ae, {
       id: J,
       eventId: _.id,
       name: _.name,
       values: {}
     }]), p?.(e, n.id, J, _.id, _.name);
-  }, N = () => {
+  }, E = () => {
     const _ = de.create(), J = d.specifications.error;
     I((ae) => [...ae, {
       id: _,
@@ -5248,7 +5248,7 @@ var Vl = (e) => {
       name: J
     } : Ae)), g?.(e, n.id, _, J);
   }, K = (_) => {
-    E((J) => J.filter((ae) => !ae.id.equals(_))), f?.(e, n.id, _);
+    N((J) => J.filter((ae) => !ae.id.equals(_))), f?.(e, n.id, _);
   }, P = (_) => {
     I((J) => J.filter((ae) => !ae.id.equals(_))), b?.(e, n.id, _);
   }, z = D.map((_) => {
@@ -5301,7 +5301,7 @@ var Vl = (e) => {
     }, _.id.toString());
   }), R = [...v ? [{
     label: d.specifications.addError,
-    onChosen: N
+    onChosen: E
   }] : [], ...m ? V.map((_) => ({
     label: _.label,
     onChosen: () => k(_.reference)
@@ -5314,7 +5314,7 @@ var Vl = (e) => {
     content: d.specifications.addItem,
     position: "top",
     children: /* @__PURE__ */ a("button", {
-      onClick: N,
+      onClick: E,
       className: "event-modeling-grid-add-button--small",
       "aria-label": d.specifications.addItem,
       children: "+"
@@ -5414,7 +5414,7 @@ var Vl = (e) => {
         }
         switch (b.rowType) {
           case Y.UI: {
-            const y = e.actors.find((E) => E.id === b.actor?.id);
+            const y = e.actors.find((N) => N.id === b.actor?.id);
             return /* @__PURE__ */ a(Pc, {
               ...w,
               actorId: b.actor?.id ?? "",
@@ -5511,11 +5511,11 @@ var Vl = (e) => {
     })]
   })
 }), rd = ({ feature: e, options: t, moduleId: n, collection: r, rows: i, heights: o, slices: s, externalEvents: c, slots: u, editor: d, onSliceArea: l, sliceAreas: p, renderHeader: h, onSlicesChanged: v }) => {
-  const m = A(null), g = (y) => s.slice(0, s.findIndex((E) => E.id.equals(y))).filter((E) => E.sliceType === H.stateChange).flatMap((E) => E.events), f = (y) => s.slice(s.findIndex((E) => E.id.equals(y)) + 1).filter((E) => E.sliceType === H.stateChange).flatMap((E) => E.events), b = q(async (y, E, M) => {
-    const I = p.get(E.toString());
+  const m = A(null), g = (y) => s.slice(0, s.findIndex((N) => N.id.equals(y))).filter((N) => N.sliceType === H.stateChange).flatMap((N) => N.events), f = (y) => s.slice(s.findIndex((N) => N.id.equals(y)) + 1).filter((N) => N.sliceType === H.stateChange).flatMap((N) => N.events), b = q(async (y, N, M) => {
+    const I = p.get(N.toString());
     I?.moveIn(y, M);
     try {
-      const T = await d.onMoveSlice?.(y, e.id, E, M) ?? !1;
+      const T = await d.onMoveSlice?.(y, e.id, N, M) ?? !1;
       return I?.completeMoveIn(y.id, T), T;
     } catch {
       return I?.completeMoveIn(y.id, !1), !1;
@@ -5524,8 +5524,8 @@ var Vl = (e) => {
     d.onMoveSlice,
     e.id,
     p
-  ]), w = q((y, E) => {
-    !d.onMoveSlice || E.equals(e.id) || !m.current?.moveOut(y.id) || b(y, E, Number.MAX_SAFE_INTEGER).then((M) => m.current?.completeMoveOut(y.id, M));
+  ]), w = q((y, N) => {
+    !d.onMoveSlice || N.equals(e.id) || !m.current?.moveOut(y.id) || b(y, N, Number.MAX_SAFE_INTEGER).then((M) => m.current?.completeMoveOut(y.id, M));
   }, [
     d.onMoveSlice,
     e.id,
@@ -5536,7 +5536,7 @@ var Vl = (e) => {
     onAddSubFeature: t.addSubFeature,
     onAddSlice: void 0
   };
-  return /* @__PURE__ */ a(Ns, {
+  return /* @__PURE__ */ a(Es, {
     featureId: e.id,
     moduleId: n,
     enabled: e.enabled,
@@ -5560,13 +5560,13 @@ var Vl = (e) => {
       hideEmptyPlaceholder: t.headerVisibility === "hidden",
       createSlice: (y) => y,
       onSlicesChanged: v,
-      onAddSlice: d.onAddSlice ? (y, E) => d.onAddSlice?.(e.id, y, E) ?? Promise.resolve(void 0) : void 0,
+      onAddSlice: d.onAddSlice ? (y, N) => d.onAddSlice?.(e.id, y, N) ?? Promise.resolve(void 0) : void 0,
       onReorderSlices: d.onReorderSlices ? (y) => d.onReorderSlices?.(e.id, y) ?? Promise.resolve(!1) : void 0,
       onMoveSlice: d.onMoveSlice ? b : void 0,
       validateSliceDrop: d.validateSliceDrop,
-      renderSlice: (y, E) => /* @__PURE__ */ a(nd, {
+      renderSlice: (y, N) => /* @__PURE__ */ a(nd, {
         slice: y,
-        collapsed: E.collapsed,
+        collapsed: N.collapsed,
         moduleId: n,
         featureId: e.id,
         collection: r,
@@ -5577,16 +5577,16 @@ var Vl = (e) => {
         externalEvents: c,
         slots: u,
         controls: {
-          collapsed: E.collapsed,
-          sliceCollapsed: E.sliceCollapsed,
-          isDragging: E.isDragging,
-          onSliceDragStart: E.onSliceDragStart,
-          onAddSlice: d.onAddSlice ? E.addSlice : void 0,
+          collapsed: N.collapsed,
+          sliceCollapsed: N.sliceCollapsed,
+          isDragging: N.isDragging,
+          onSliceDragStart: N.onSliceDragStart,
+          onAddSlice: d.onAddSlice ? N.addSlice : void 0,
           onToggleCollapse: d.onSliceCollapseChanged ? () => {
             m.current?.updateSlices((M) => M.map((I) => I.id.equals(y.id) ? {
               ...I,
-              collapsed: !E.sliceCollapsed
-            } : I)), d.onSliceCollapseChanged?.(e.id, y.id, !E.sliceCollapsed);
+              collapsed: !N.sliceCollapsed
+            } : I)), d.onSliceCollapseChanged?.(e.id, y.id, !N.sliceCollapsed);
           } : void 0,
           onRenamed: d.onSliceRenamed ? (M) => {
             m.current?.updateSlices((I) => I.map((T) => T.id.equals(y.id) ? {
@@ -5699,7 +5699,7 @@ var Vl = (e) => {
       collapsed: e.collapsed,
       onAddModule: l,
       onToggleCollapse: p,
-      onRenamed: h ? (y, E) => h(E) : void 0,
+      onRenamed: h ? (y, N) => h(N) : void 0,
       onDragStart: d,
       onAddFeature: f
     }),
@@ -5740,7 +5740,7 @@ function sd(e, t) {
     features: n.features.map((r) => ui(t, r))
   }));
 }
-var ld = () => 1, dd = ({ collection: e, getZoom: t = ld, slots: n, onDeselect: r, onCollectionMoving: i, onCollectionMoved: o, canMove: s, onAddModule: c, onModulesReordered: u, onCollapseChanged: d, onRenameModule: l, onModulesChanged: p, onFeaturesChanged: h, onPersistenceError: v, rowLabels: m, onActorsReordered: g, onAddFeature: f, onRenameFeature: b, onFeatureCollapseChanged: w, onFeaturesReordered: S, onAddSlice: y, onReorderSlices: E, onMoveSlice: M, validateSliceDrop: I, onSliceCollapseChanged: T, onSliceRenamed: X, onSliceDuplicated: j }) => {
+var ld = () => 1, dd = ({ collection: e, getZoom: t = ld, slots: n, onDeselect: r, onCollectionMoving: i, onCollectionMoved: o, canMove: s, onAddModule: c, onModulesReordered: u, onCollapseChanged: d, onRenameModule: l, onModulesChanged: p, onFeaturesChanged: h, onPersistenceError: v, rowLabels: m, onActorsReordered: g, onAddFeature: f, onRenameFeature: b, onFeatureCollapseChanged: w, onFeaturesReordered: S, onAddSlice: y, onReorderSlices: N, onMoveSlice: M, validateSliceDrop: I, onSliceCollapseChanged: T, onSliceRenamed: X, onSliceDuplicated: j }) => {
   const { readOnly: C, editing: L } = Z(), [D, G] = B(/* @__PURE__ */ new Map()), F = q((ie, ce) => G((ye) => new Map(ye).set(ie.toString(), ce)), []), V = oe(() => sd(e.modules, D), [e.modules, D]), O = C ? {
     onFeatureCollapseChanged: F,
     onSliceCollapseChanged: (ie, ce, ye) => F(ce, ye)
@@ -5750,13 +5750,13 @@ var ld = () => 1, dd = ({ collection: e, getZoom: t = ld, slots: n, onDeselect:
     onFeatureCollapseChanged: w,
     onFeaturesReordered: S,
     onAddSlice: y,
-    onReorderSlices: E,
+    onReorderSlices: N,
     onMoveSlice: M,
     validateSliceDrop: I,
     onSliceCollapseChanged: T,
     onSliceRenamed: X,
     onSliceDuplicated: j
-  }, [$, N] = B(e.modules), [k, W] = B(/* @__PURE__ */ new Map()), K = A(null), [P, z] = B(0), te = !!(c || u || d || l || g || f || b || w || S || y || E || M || T || X || j || s && i && o || ad(L)), R = C || !te, U = C ? V : e.modules, _ = (R ? U : $).map((ie) => ({
+  }, [$, E] = B(e.modules), [k, W] = B(/* @__PURE__ */ new Map()), K = A(null), [P, z] = B(0), te = !!(c || u || d || l || g || f || b || w || S || y || N || M || T || X || j || s && i && o || ad(L)), R = C || !te, U = C ? V : e.modules, _ = (R ? U : $).map((ie) => ({
     ...ie,
     features: R ? ie.features : k.get(ie.id.toString()) ?? ie.features
   })), J = {
@@ -5828,7 +5828,7 @@ var ld = () => 1, dd = ({ collection: e, getZoom: t = ld, slots: n, onDeselect:
               onRenameModule: l,
               onPersistenceError: v,
               onModulesChanged: (ie) => {
-                N(ie), p?.(ie);
+                E(ie), p?.(ie);
               },
               renderModule: (ie, ce) => /* @__PURE__ */ a(od, {
                 module: ie,
@@ -5979,7 +5979,7 @@ var ld = () => 1, dd = ({ collection: e, getZoom: t = ld, slots: n, onDeselect:
   });
 }, mi = ({ showLogo: e, showViewOptions: t, toolbar: n, chrome: r, children: i }) => {
   const o = be(), s = Mo(), [c, u] = B(o), d = s ? o : c, l = s ?? u, p = t || n !== void 0, h = r?.controlsSurface, v = r?.captureAttributes?.content;
-  return /* @__PURE__ */ a(No, {
+  return /* @__PURE__ */ a(Eo, {
     presentation: d,
     onChange: l,
     children: /* @__PURE__ */ x("div", {
@@ -6092,44 +6092,44 @@ var ld = () => 1, dd = ({ collection: e, getZoom: t = ld, slots: n, onDeselect:
         height: Math.min($.height, O.contentHeight)
       }
     }];
-  })), [t]), E = oe(() => hd(f, (O) => y.get(O)?.content), [f, y]), M = (O, $) => {
-    for (const N of y.values())
-      if (N.id.toString() !== $.toString() && fa(O, N.rect))
-        return N;
+  })), [t]), N = oe(() => hd(f, (O) => y.get(O)?.content), [f, y]), M = (O, $) => {
+    for (const E of y.values())
+      if (E.id.toString() !== $.toString() && fa(O, E.rect))
+        return E;
     return null;
   }, I = (O, $) => {
-    const N = n() || 1;
+    const E = n() || 1;
     return {
-      x: $.anchor.x + (O.clientX - $.startClientX) / N,
-      y: $.anchor.y + (O.clientY - $.startClientY) / N
+      x: $.anchor.x + (O.clientX - $.startClientX) / E,
+      y: $.anchor.y + (O.clientY - $.startClientY) / E
     };
-  }, T = (O, $, N) => (k) => {
+  }, T = (O, $, E) => (k) => {
     m.current.pending.size > 0 || (k.stopPropagation(), k.preventDefault(), k.currentTarget.setPointerCapture(k.pointerId), b.current = {
       sourceId: O,
       side: $,
-      anchor: N,
+      anchor: E,
       startClientX: k.clientX,
       startClientY: k.clientY
     }, w.current = null, p({
       sourceId: O.toString(),
       side: $,
-      pointer: N,
+      pointer: E,
       targetId: null
     }));
   }, X = (O) => {
     const $ = b.current;
     if (!$) return;
-    const N = I(O, $), k = M(N, $.sourceId);
+    const E = I(O, $), k = M(E, $.sourceId);
     w.current = k?.id.toString() ?? null, p({
       sourceId: $.sourceId.toString(),
       side: $.side,
-      pointer: N,
+      pointer: E,
       targetId: k?.id.toString() ?? null
     });
   }, j = async (O) => {
-    const $ = b.current, N = w.current;
+    const $ = b.current, E = w.current;
     if (b.current = null, w.current = null, p(null), !$) return;
-    const k = M(I(O, $), $.sourceId), W = ba(k, N, (z) => y.get(z), $.sourceId.toString());
+    const k = M(I(O, $), $.sourceId), W = ba(k, E, (z) => y.get(z), $.sourceId.toString());
     if (!W || !u || m.current.pending.size > 0) return;
     const K = {
       id: de.create(),
@@ -6151,9 +6151,9 @@ var ld = () => 1, dd = ({ collection: e, getZoom: t = ld, slots: n, onDeselect:
       g(($) => pd($, O));
       try {
         const $ = await d(O);
-        g((N) => Xn(N, O, $));
+        g((E) => Xn(E, O, $));
       } catch ($) {
-        if (g((N) => Xn(N, O, !1)), o) o($);
+        if (g((E) => Xn(E, O, !1)), o) o($);
         else throw $;
       }
     }
@@ -6189,7 +6189,7 @@ var ld = () => 1, dd = ({ collection: e, getZoom: t = ld, slots: n, onDeselect:
               className: "module-collection-link-layer__arrow-head"
             })
           }) }),
-          E.map(({ link: O, path: $ }) => /* @__PURE__ */ a("path", {
+          N.map(({ link: O, path: $ }) => /* @__PURE__ */ a("path", {
             d: $,
             className: "module-collection-link-layer__arrow",
             markerEnd: `url(#${S})`
@@ -6217,23 +6217,23 @@ var ld = () => 1, dd = ({ collection: e, getZoom: t = ld, slots: n, onDeselect:
           height: V.rect.height
         }
       }),
-      u && h.pending.size === 0 && D.flatMap(({ id: O, content: $ }) => va.map((N) => {
-        const k = nt($, N);
+      u && h.pending.size === 0 && D.flatMap(({ id: O, content: $ }) => va.map((E) => {
+        const k = nt($, E);
         return /* @__PURE__ */ a("div", {
           className: "module-collection-link-layer__handle",
-          "data-side": N,
+          "data-side": E,
           style: {
             left: k.x,
             top: k.y
           },
           title: c.dragToLink,
-          onPointerDown: T(O, N, k),
+          onPointerDown: T(O, E, k),
           onPointerMove: X,
           onPointerUp: j,
           onPointerCancel: L
-        }, `${O.toString()}-${N}`);
+        }, `${O.toString()}-${E}`);
       })),
-      d && h.pending.size === 0 && E.map(({ link: O, center: $ }) => /* @__PURE__ */ a("button", {
+      d && h.pending.size === 0 && N.map(({ link: O, center: $ }) => /* @__PURE__ */ a("button", {
         type: "button",
         className: "module-collection-link-layer__delete",
         style: {
@@ -6241,7 +6241,7 @@ var ld = () => 1, dd = ({ collection: e, getZoom: t = ld, slots: n, onDeselect:
           top: $.y
         },
         title: c.removeLink,
-        onPointerDown: (N) => N.stopPropagation(),
+        onPointerDown: (E) => E.stopPropagation(),
         onClick: () => {
           C(O.id);
         },
@@ -6348,7 +6348,7 @@ var ld = () => 1, dd = ({ collection: e, getZoom: t = ld, slots: n, onDeselect:
   ]);
   const y = n.onStickyNoteMoved || n.onStickyNoteResized || n.onStickyNoteTextChanged || n.onStickyNoteRemoved ? v : void 0;
   Ge(b, () => y?.(void 0), h !== void 0 && !!y);
-  const E = (C, L) => {
+  const N = (C, L) => {
     const D = o.current.get(C);
     !D || s.current.has(C) || D.position.x === L.x && D.position.y === L.y || (u.current.add(C), o.current.change(C, {
       ...D,
@@ -6416,7 +6416,7 @@ var ld = () => 1, dd = ({ collection: e, getZoom: t = ld, slots: n, onDeselect:
             },
             selected: h === C.id && !!n.onStickyNoteResized && !s.current.has(C.id),
             onSelect: y ?? vt,
-            onMove: n.onStickyNoteMoved ? (G, F, V) => E(G, {
+            onMove: n.onStickyNoteMoved ? (G, F, V) => N(G, {
               x: F,
               y: V
             }) : vt,
@@ -6468,14 +6468,16 @@ vi.displayName = "BoardCollectionView";
 var Du = "data-event-model-export-exclude", Jn = () => new Promise((e) => requestAnimationFrame(() => e())), Cd = {
   createContainer(e, t, n) {
     const r = document.createElement("div");
-    return r.style.position = "fixed", r.style.left = "calc(100vw + 1px)", r.style.top = "0", r.style.zIndex = "0", r.style.pointerEvents = "none", r.style.padding = `${n}px`, r.style.width = `${e}px`, r.style.height = `${t}px`, r.style.boxSizing = "content-box", document.body.appendChild(r), r;
+    r.setAttribute("data-event-model-image-capture", "true"), r.style.position = "fixed", r.style.left = "calc(100vw + 1px)", r.style.top = "0", r.style.zIndex = "0", r.style.pointerEvents = "none";
+    const i = document.createElement("div");
+    return i.setAttribute("data-event-model-image-capture", "true"), i.style.position = "relative", i.style.padding = `${n}px`, i.style.width = `${e}px`, i.style.height = `${t}px`, i.style.boxSizing = "content-box", r.appendChild(i), document.body.appendChild(r), i;
   },
   removeContainer(e) {
-    e.remove();
+    e.parentElement?.remove();
   },
   mount(e, t) {
     const n = Di(e);
-    return Ei(() => n.render(t)), () => n.unmount();
+    return Ni(() => n.render(t)), () => n.unmount();
   },
   async waitForLayoutToSettle() {
     await Jn(), await Jn(), await document.fonts?.ready;
@@ -6515,7 +6517,7 @@ function Md(e, t) {
     height: o - r
   };
 }
-function Nd(e) {
+function Ed(e) {
   return {
     canvasWidth: Math.max(e.width, 0),
     canvasHeight: Math.max(e.height, 0),
@@ -6526,9 +6528,9 @@ function Nd(e) {
     }
   };
 }
-var Ed = 2, Id = "#ffffff", kd = 48;
+var Nd = 2, Id = "#ffffff", kd = 48;
 function Rd(e, t = xd) {
-  const n = e.options?.scale ?? Ed, r = e.options?.background ?? Id, i = e.options?.padding ?? kd, o = Md(e.collections, e.estimateSize), s = Nd(o), c = {
+  const n = e.options?.scale ?? Nd, r = e.options?.background ?? Id, i = e.options?.padding ?? kd, o = Md(e.collections, e.estimateSize), s = Ed(o), c = {
     initialCollections: [...e.collections],
     estimateSize: e.estimateSize,
     countSlices: e.countSlices,
@@ -6585,7 +6587,7 @@ var _d = ({ id: e, collections: t, links: n, stickyNotes: r, readOnly: i, editor
     onCollectionMoved: t.onCollectionMoved,
     onCollectionsChange: t.onCollectionsChange,
     onPersistenceError: t.onPersistenceError
-  }), { collections: p, pendingMoveIds: h, canMove: v, moveCollection: m, collectionMoved: g, addCollection: f } = l, [b, w] = B(/* @__PURE__ */ new Map()), S = A(s?.initialZoom ?? 1), y = q(() => S.current, []), E = A(null), { estimateSize: M, countSlices: I, renderCollection: T } = t, X = q((k) => Rd({
+  }), { collections: p, pendingMoveIds: h, canMove: v, moveCollection: m, collectionMoved: g, addCollection: f } = l, [b, w] = B(/* @__PURE__ */ new Map()), S = A(s?.initialZoom ?? 1), y = q(() => S.current, []), N = A(null), { estimateSize: M, countSlices: I, renderCollection: T } = t, X = q((k) => Rd({
     documentId: e,
     collections: p,
     estimateSize: M,
@@ -6605,7 +6607,7 @@ var _d = ({ id: e, collections: t, links: n, stickyNotes: r, readOnly: i, editor
   ]);
   Ze(u, () => ({
     addCollection: f,
-    addStickyNote: (k) => E.current?.add(k),
+    addStickyNote: (k) => N.current?.add(k),
     exportImage: X
   }), [f, X]);
   const j = q((k, W, K) => {
@@ -6634,7 +6636,7 @@ var _d = ({ id: e, collections: t, links: n, stickyNotes: r, readOnly: i, editor
     C
   ]), O = s?.onTransformChange, $ = q((k, W) => {
     S.current = k, O?.(k, W);
-  }, [O]), N = /* @__PURE__ */ x(ee, { children: [
+  }, [O]), E = /* @__PURE__ */ x(ee, { children: [
     D.map((k) => /* @__PURE__ */ a(vi, {
       collection: k,
       estimatedSize: C(k),
@@ -6653,7 +6655,7 @@ var _d = ({ id: e, collections: t, links: n, stickyNotes: r, readOnly: i, editor
       ...d
     }),
     /* @__PURE__ */ a(gi, {
-      ref: E,
+      ref: N,
       notes: r
     })
   ] });
@@ -6671,7 +6673,7 @@ var _d = ({ id: e, collections: t, links: n, stickyNotes: r, readOnly: i, editor
     minimapWorldWidth: G.worldWidth,
     minimapWorldHeight: G.worldHeight,
     onTransformChange: $,
-    children: t.area ? t.area(l, N) : /* @__PURE__ */ a(Le, { children: N })
+    children: t.area ? t.area(l, E) : /* @__PURE__ */ a(Le, { children: E })
   });
 }, hi = ({ id: e, readOnly: t = !1, showMinimap: n = !0, showLogo: r = !1, showViewOptions: i = !1, toolbar: o, editor: s, ...c }) => {
   const u = /* @__PURE__ */ a(Ao, {
@@ -6783,7 +6785,7 @@ var Hd = ({ document: e, readOnly: t = !1, editor: n, canvas: r, showMinimap: i
     value: c,
     children: r
   });
-}, qd = (e, t) => e === Ee.output ? t.translationDirection.output : t.translationDirection.input, Gd = (e, t) => e === Ee.output ? t.translationDirection.changeToInput : t.translationDirection.changeToOutput, Ud = (e) => e === Ee.output ? "pi pi-send" : "pi pi-inbox", Yd = ({ direction: e, onDirectionChanged: t }) => {
+}, qd = (e, t) => e === Ne.output ? t.translationDirection.output : t.translationDirection.input, Gd = (e, t) => e === Ne.output ? t.translationDirection.changeToInput : t.translationDirection.changeToOutput, Ud = (e) => e === Ne.output ? "pi pi-send" : "pi pi-inbox", Yd = ({ direction: e, onDirectionChanged: t }) => {
   const { readOnly: n, messages: r } = Z(), [i, o] = B(e), [s, c] = B(!1);
   ne(() => o(e), [e]);
   const u = /* @__PURE__ */ a("i", {
@@ -6799,7 +6801,7 @@ var Hd = ({ document: e, readOnly: t = !1, editor: n, canvas: r, showMinimap: i
   });
   const l = async () => {
     if (s) return;
-    const h = i, v = h === Ee.input ? Ee.output : Ee.input;
+    const h = i, v = h === Ne.input ? Ne.output : Ne.input;
     o(v), c(!0);
     try {
       await t(v) === !1 && o(h);
@@ -6862,7 +6864,7 @@ var Hd = ({ document: e, readOnly: t = !1, editor: n, canvas: r, showMinimap: i
             unselectableReason: i
           }),
           e.sliceType === H.translator && /* @__PURE__ */ a(Yd, {
-            direction: e.translationDirection ?? Ee.input,
+            direction: e.translationDirection ?? Ne.input,
             onDirectionChanged: f && !p ? (y) => f(e.id, y) : void 0
           }),
           !d.readOnly && c,
@@ -6872,7 +6874,7 @@ var Hd = ({ document: e, readOnly: t = !1, editor: n, canvas: r, showMinimap: i
             title: y.tooltip,
             "aria-label": y.tooltip,
             disabled: p || y.disabled,
-            onClick: (E) => y.onActivate(e.id, E.currentTarget.getBoundingClientRect()),
+            onClick: (N) => y.onActivate(e.id, N.currentTarget.getBoundingClientRect()),
             children: y.icon
           }, y.tooltip)),
           !d.readOnly && b && /* @__PURE__ */ a(Bs, {
@@ -6975,7 +6977,7 @@ function nc(e, t, n, r) {
   }, []), p = q((g, f, b) => {
     const w = document.querySelector(`[data-slice-drop-target="true"][data-slice-module-id="${g.toString()}"][data-slice-feature-id="${b.toString()}"]`);
     return b.equals(f) ? w?.dataset.sliceAcceptsReorder === "true" : w?.dataset.sliceAcceptsMove === "true";
-  }, []), h = q((g, f, b, w, S, y, E, M = null) => {
+  }, []), h = q((g, f, b, w, S, y, N, M = null) => {
     const I = e.slices.findIndex((X) => X.id.equals(g));
     if (I === -1) return;
     const T = l(g, e.id, I);
@@ -6992,7 +6994,7 @@ function nc(e, t, n, r) {
       currentY: w,
       dropIndex: I,
       headerY: y,
-      zoom: E,
+      zoom: N,
       isValid: (T?.isValid ?? !0) && p(t, e.id, e.id),
       invalidReason: T?.reason
     });
@@ -7023,15 +7025,15 @@ function nc(e, t, n, r) {
     const g = (b) => {
       const w = s.current;
       if (!w) return;
-      const S = v(w.moduleId, b.clientX), y = m(S, b.clientX), E = l(w.sliceId, S, y);
+      const S = v(w.moduleId, b.clientX), y = m(S, b.clientX), N = l(w.sliceId, S, y);
       o((M) => M ? {
         ...M,
         currentX: b.clientX,
         currentY: b.clientY,
         targetFeatureId: S,
         dropIndex: y,
-        isValid: (E?.isValid ?? !0) && p(w.moduleId, w.featureId, S),
-        invalidReason: E?.reason
+        isValid: (N?.isValid ?? !0) && p(w.moduleId, w.featureId, S),
+        invalidReason: N?.reason
       } : void 0);
     }, f = () => {
       const b = s.current, w = b && tc(b);
@@ -7136,7 +7138,7 @@ var oc = ({ featureId: e, name: t, status: n, width: r, collapsed: i, isDragging
     children: h
   });
 }, ac = ({ featureId: e, slice: t, eventCount: n, collapsed: r, isDragging: i = !1, onSliceDragStart: o, header: s, headerHeight: c = 44, body: u, specifications: d, collapsedWidth: l }) => {
-  const { readOnly: p } = Z(), h = ws(t.id.toString()), { ref: v, onMouseEnter: m, onMouseLeave: g } = xs(h?.connectedSliceIds), f = A(null), b = nn(f), [w, S] = B(!1), y = A(!1), E = Nr({
+  const { readOnly: p } = Z(), h = ws(t.id.toString()), { ref: v, onMouseEnter: m, onMouseLeave: g } = xs(h?.connectedSliceIds), f = A(null), b = nn(f), [w, S] = B(!1), y = A(!1), N = Er({
     sliceType: t.sliceType,
     eventCount: n
   }), M = () => {
@@ -7166,7 +7168,7 @@ var oc = ({ featureId: e, name: t, status: n, width: r, collapsed: i, isDragging
         featureId: e,
         name: t.name,
         status: t.status,
-        width: r ? l : E,
+        width: r ? l : N,
         collapsed: r,
         isDragging: i,
         onDragStart: p ? void 0 : o,
@@ -7179,7 +7181,7 @@ var oc = ({ featureId: e, name: t, status: n, width: r, collapsed: i, isDragging
           height: c,
           collapsed: r
         }), typeof u == "function" ? u(b) : b && u]
-      }), typeof d == "function" ? d(b, E) : b && d]
+      }), typeof d == "function" ? d(b, N) : b && d]
     })
   });
 }, sc = (e, t) => {
@@ -7357,28 +7359,28 @@ var oc = ({ featureId: e, name: t, status: n, width: r, collapsed: i, isDragging
   return `${n} (${Array.from({ length: i.size + 1 }, (o, s) => s + 1).find((o) => !i.has(o))})`;
 };
 function wc({ ref: e, initialSlices: t, moduleId: n, featureId: r, featureCollapsed: i, hideEmptyPlaceholder: o = !1, onSlicesChanged: s, createSlice: c, onAddSlice: u, onReorderSlices: d, onMoveSlice: l, validateSliceDrop: p, renderSlice: h }) {
-  const { readOnly: v, messages: m } = Z(), g = A(lc(t)), f = A(void 0), [b, w] = B(g.current), { slices: S } = b, y = A(!1), [E, M] = B(!1), I = q((N) => {
-    const k = g.current, W = N(k);
+  const { readOnly: v, messages: m } = Z(), g = A(lc(t)), f = A(void 0), [b, w] = B(g.current), { slices: S } = b, y = A(!1), [N, M] = B(!1), I = q((E) => {
+    const k = g.current, W = E(k);
     W !== k && (g.current = W, w(W), W.slices !== k.slices && (f.current = W.slices, s?.(W.slices)));
   }, [s]);
   ne(() => {
-    t === f.current || t === g.current.snapshot || I((N) => !N.additions.length && !N.incoming.length && !N.outgoing.length && !N.order && N.slices.length === t.length && N.slices.every((k, W) => k === t[W]) ? {
-      ...N,
+    t === f.current || t === g.current.snapshot || I((E) => !E.additions.length && !E.incoming.length && !E.outgoing.length && !E.order && E.slices.length === t.length && E.slices.every((k, W) => k === t[W]) ? {
+      ...E,
       snapshot: t
-    } : Xe(N, t));
+    } : Xe(E, t));
   }, [t, I]);
-  const T = q((N) => {
+  const T = q((E) => {
     I((k) => {
-      const W = N(k.slices);
+      const W = E(k.slices);
       return W === k.slices ? k : {
         ...k,
         slices: W
       };
     });
-  }, [I]), X = q((N, k) => I((W) => uc(W, N, k)), [I]), j = q((N, k) => I((W) => hc(W, N, k)), [I]), C = q((N, k) => I((W) => fc(W, N, k)), [I]), L = q((N) => [...g.current.additions, ...g.current.incoming].some((k) => k.slice.id.equals(N)) || !g.current.slices.some((k) => k.id.equals(N)) ? !1 : (I((k) => vc(k, N)), !0), [I]), D = q((N, k) => I((W) => pc(W, N, k)), [I]), G = q((N, k, W) => {
+  }, [I]), X = q((E, k) => I((W) => uc(W, E, k)), [I]), j = q((E, k) => I((W) => hc(W, E, k)), [I]), C = q((E, k) => I((W) => fc(W, E, k)), [I]), L = q((E) => [...g.current.additions, ...g.current.incoming].some((k) => k.slice.id.equals(E)) || !g.current.slices.some((k) => k.id.equals(E)) ? !1 : (I((k) => vc(k, E)), !0), [I]), D = q((E, k) => I((W) => pc(W, E, k)), [I]), G = q((E, k, W) => {
     if (v || !u || y.current) return;
     y.current = !0, M(!0);
-    const K = c(sc(N, W));
+    const K = c(sc(E, W));
     I((P) => cc(P, K, k)), Promise.resolve().then(() => u(K, k)).then((P) => {
       I((z) => tr(z, K.id, P));
     }).catch(() => I((P) => tr(P, K.id))).finally(() => {
@@ -7410,10 +7412,10 @@ function wc({ ref: e, initialSlices: t, moduleId: n, featureId: r, featureCollap
   const F = oe(() => ({
     id: r,
     slices: S
-  }), [r, S]), V = q((N, k, W, K) => {
+  }), [r, S]), V = q((E, k, W, K) => {
     if (v || !k.equals(r)) return;
-    const P = g.current.slices.findIndex((z) => z.id.equals(N));
-    if (!(P < 0 || [...g.current.additions, ...g.current.incoming].some((z) => z.slice.id.equals(N)))) {
+    const P = g.current.slices.findIndex((z) => z.id.equals(E));
+    if (!(P < 0 || [...g.current.additions, ...g.current.incoming].some((z) => z.slice.id.equals(E)))) {
       if (W.equals(r)) {
         if (!d || g.current.order && !g.current.order.confirmed) return;
         const z = gc(g.current, P, K);
@@ -7421,8 +7423,8 @@ function wc({ ref: e, initialSlices: t, moduleId: n, featureId: r, featureCollap
         I(() => z), Promise.resolve().then(() => d(z.slices.map((te) => te.id))).then((te) => I((R) => nr(R, te))).catch(() => I((te) => nr(te, !1)));
       } else if (l) {
         const z = g.current.slices[P];
-        if (!L(N)) return;
-        Promise.resolve().then(() => l(z, W, K)).then((te) => D(N, te)).catch(() => D(N, !1));
+        if (!L(E)) return;
+        Promise.resolve().then(() => l(z, W, K)).then((te) => D(E, te)).catch(() => D(E, !1));
       }
     }
   }, [
@@ -7440,7 +7442,7 @@ function wc({ ref: e, initialSlices: t, moduleId: n, featureId: r, featureCollap
   }), /* @__PURE__ */ a($t, {
     moduleId: n,
     featureId: r,
-    busy: E,
+    busy: N,
     acceptsReorder: !v && !!d,
     acceptsMove: !v && !!l,
     active: O?.targetFeatureId.equals(r),
@@ -7449,24 +7451,24 @@ function wc({ ref: e, initialSlices: t, moduleId: n, featureId: r, featureCollap
       flexDirection: "row",
       alignItems: "flex-start"
     },
-    children: S.flatMap((N, k) => {
+    children: S.flatMap((E, k) => {
       const W = O?.targetFeatureId.equals(r) ?? !1, K = k === 0 ? 0 : Q.sliceGap, P = [];
       W && O?.dropIndex === k && P.push(/* @__PURE__ */ a(er, {
         isValid: O.isValid,
         marginLeft: K > 0 ? Math.max(K - 6, 0) : 0
       }, `drop-${k}`));
-      const z = N.collapsed;
+      const z = E.collapsed;
       return P.push(/* @__PURE__ */ a("div", {
         style: { marginLeft: W && O?.dropIndex === k ? 2 : K },
-        children: h(N, {
+        children: h(E, {
           collapsed: i || z,
           sliceCollapsed: z,
-          isDragging: O?.sliceId.equals(N.id) ?? !1,
-          onSliceDragStart: [...b.additions, ...b.incoming].some((te) => te.slice.id.equals(N.id)) ? void 0 : $,
+          isDragging: O?.sliceId.equals(E.id) ?? !1,
+          onSliceDragStart: [...b.additions, ...b.incoming].some((te) => te.slice.id.equals(E.id)) ? void 0 : $,
           addSlice: G,
           updateSlices: T
         })
-      }, N.id.toString())), W && k === S.length - 1 && O?.dropIndex === S.length && P.push(/* @__PURE__ */ a(er, {
+      }, E.id.toString())), W && k === S.length - 1 && O?.dropIndex === S.length && P.push(/* @__PURE__ */ a(er, {
         isValid: O.isValid,
         marginLeft: 2
       }, "drop-end")), P;
@@ -7483,7 +7485,7 @@ function wc({ ref: e, initialSlices: t, moduleId: n, featureId: r, featureCollap
   }) : /* @__PURE__ */ a($t, {
     moduleId: n,
     featureId: r,
-    busy: E,
+    busy: N,
     acceptsReorder: !v && !!d,
     acceptsMove: !v && !!l,
     className: "event-modeling-slices-empty",
@@ -7564,33 +7566,33 @@ var zu = ({ slice: e, contentRows: t, rowHeights: n }) => /* @__PURE__ */ a(ee,
 })({}), je = ({ placement: e, children: t }) => /* @__PURE__ */ a("div", {
   className: e === _e.add ? "event-modeling-grid-slice-cell-add-corner" : "event-modeling-grid-slice-cell-action-corner event-modeling-grid-slice-cell-action-corner--top",
   children: t
-}), Nc = ({ placement: e, action: t }) => {
+}), Ec = ({ placement: e, action: t }) => {
   const { readOnly: n, sliceId: r } = Re();
   if (!(n || !r))
     return /* @__PURE__ */ a(je, {
       placement: e,
       children: /* @__PURE__ */ a(wn, { action: t })
     });
-}, Sn = (e) => e === H.stateView, qu = (e) => !Sn(e), Ec = (e, t) => Sn(e) && t === 0, Ic = (e) => e === H.translator, bi = (e) => {
+}, Sn = (e) => e === H.stateView, qu = (e) => !Sn(e), Nc = (e, t) => Sn(e) && t === 0, Ic = (e) => e === H.translator, bi = (e) => {
   switch (e) {
-    case Ne.timer:
+    case Ee.timer:
       return "pi pi-clock";
-    case Ne.event:
+    case Ee.event:
       return "pi pi-bolt";
-    case Ne.custom:
+    case Ee.custom:
       return "pi pi-pencil";
-    case Ne.none:
+    case Ee.none:
       return;
   }
 }, kc = (e, t) => {
   switch (e) {
-    case Ne.timer:
+    case Ee.timer:
       return t.triggers.timer;
-    case Ne.event:
+    case Ee.event:
       return t.triggers.event;
-    case Ne.custom:
+    case Ee.custom:
       return t.triggers.custom;
-    case Ne.none:
+    case Ee.none:
       return "";
   }
 }, Bt = /* @__PURE__ */ (function(e) {
@@ -7711,10 +7713,10 @@ var zu = ({ slice: e, contentRows: t, rowHeights: n }) => /* @__PURE__ */ a(ee,
     })
   });
 }, Pc = ({ elements: e, windowSize: t, layout: n, collapsed: r = !1, conn: i, rowHeight: o, actorId: s, hasScreen: c = !1, renderThumbnail: u }) => {
-  const { readOnly: d, sliceId: l } = Re(), { editing: p, actions: h, readOnly: v } = Z(), { onPrototypeOpened: m, onPrototypeAdded: g } = p, f = A(null), [b, w] = B(), S = Bi().prototypeThumbnail, y = { height: o }, E = "event-modeling-grid-slice-cell event-modeling-grid-slice-cell--centered event-modeling-grid-slice-cell--ui";
+  const { readOnly: d, sliceId: l } = Re(), { editing: p, actions: h, readOnly: v } = Z(), { onPrototypeOpened: m, onPrototypeAdded: g } = p, f = A(null), [b, w] = B(), S = Bi().prototypeThumbnail, y = { height: o }, N = "event-modeling-grid-slice-cell event-modeling-grid-slice-cell--centered event-modeling-grid-slice-cell--ui";
   if (r) return /* @__PURE__ */ a("div", {
     style: y,
-    className: E
+    className: N
   });
   const M = e.length > 0 || c, I = !d && l && m && l && m ? () => m(l, s, f.current?.getBoundingClientRect() ?? new DOMRect()) : v ? () => w(f.current?.getBoundingClientRect() ?? new DOMRect()) : void 0, T = /* @__PURE__ */ a($i, {
     elements: [...e],
@@ -7725,7 +7727,7 @@ var zu = ({ slice: e, contentRows: t, rowHeights: n }) => /* @__PURE__ */ a(ee,
   });
   return /* @__PURE__ */ x("div", {
     style: y,
-    className: E,
+    className: N,
     children: [
       i.bottomOutgoing && M && /* @__PURE__ */ a(ot, {}),
       i.bottomIncoming && M && /* @__PURE__ */ a(at, {}),
@@ -7813,7 +7815,7 @@ var zu = ({ slice: e, contentRows: t, rowHeights: n }) => /* @__PURE__ */ a(ee,
   });
 }, Ve = /* @__PURE__ */ (function(e) {
   return e.publicOutsideOutputTranslation = "publicOutsideOutputTranslation", e.privateOutputOfOutputTranslation = "privateOutputOfOutputTranslation", e.publicInputOfOutputTranslation = "publicInputOfOutputTranslation", e;
-})({}), ke = (e) => e.visibility === Wi.public, kt = (e) => e.sliceType === H.translator && e.translationDirection === Ee.output, Fc = (e, t) => {
+})({}), ke = (e) => e.visibility === Wi.public, kt = (e) => e.sliceType === H.translator && e.translationDirection === Ne.output, Fc = (e, t) => {
   if (!t.sourceEventId)
     return kt(e) ? ke(t) ? void 0 : Ve.privateOutputOfOutputTranslation : ke(t) ? Ve.publicOutsideOutputTranslation : void 0;
 }, $c = (e, t, n) => {
@@ -7865,7 +7867,7 @@ var zu = ({ slice: e, contentRows: t, rowHeights: n }) => /* @__PURE__ */ a(ee,
       c.stopPropagation(), c.key === "Escape" && s(!1);
     },
     children: "!"
-  }), /* @__PURE__ */ a(Nt, {
+  }), /* @__PURE__ */ a(Et, {
     anchorRef: r,
     open: o,
     side: "above",
@@ -8057,10 +8059,10 @@ var zc = ({ onClick: e, eventName: t, pending: n = !1 }) => {
   const n = new Set(e.events.flatMap((i) => i.sourceEventId ? [i.sourceEventId] : [])), r = new Set(e.events.map((i) => i.name));
   return t.filter((i) => !n.has(i.id.toString()) && !r.has(i.name));
 }, Xc = ({ slice: e, collapsed: t = !1, conn: n, rowHeight: r, priorEvents: i, followingEvents: o = [], showDetails: s = !1 }) => {
-  const { editing: c, actions: u, messages: d } = Z(), l = pe(), { onEventAdded: p, onEventReferenced: h } = c, v = Sn(e.sliceType), m = Ec(e.sliceType, e.events.length), g = !(kt(e) && e.events.some((y) => !y.sourceEventId)), f = Yc(e, i), b = Uc(e, i, o), w = (u.eventsRow ?? []).filter((y) => !y.when || y.when(e)), S = (y) => h && /* @__PURE__ */ a(li, {
+  const { editing: c, actions: u, messages: d } = Z(), l = pe(), { onEventAdded: p, onEventReferenced: h } = c, v = Sn(e.sliceType), m = Nc(e.sliceType, e.events.length), g = !(kt(e) && e.events.some((y) => !y.sourceEventId)), f = Yc(e, i), b = Uc(e, i, o), w = (u.eventsRow ?? []).filter((y) => !y.when || y.when(e)), S = (y) => h && /* @__PURE__ */ a(li, {
     options: f,
-    nameOf: (E) => E.name,
-    onSelect: (E) => h(e.id, E),
+    nameOf: (N) => N.name,
+    onSelect: (N) => h(e.id, N),
     label: d.events.addExistingEvent,
     searchPlaceholder: d.events.searchEvents,
     emptyLabel: d.events.noEventsAvailable,
@@ -8077,7 +8079,7 @@ var zc = ({ onClick: e, eventName: t, pending: n = !1 }) => {
         placement: _e.top,
         children: w.map((y) => /* @__PURE__ */ a(wn, { action: y }, y.tooltip))
       }),
-      !l && !v && g && p && /* @__PURE__ */ a(Nc, {
+      !l && !v && g && p && /* @__PURE__ */ a(Ec, {
         placement: _e.add,
         action: {
           tooltip: d.events.addEvent,
@@ -8105,7 +8107,7 @@ var zc = ({ onClick: e, eventName: t, pending: n = !1 }) => {
 }, ar = ({ sliceId: e, kind: t, artifactId: n, name: r, schema: i, showDetails: o = !1, onRenamed: s }) => {
   const { actions: c, selection: u, messages: d } = Z(), l = pe(), [p, h] = B(r), [v, m] = B(void 0);
   ne(() => h(r), [r]);
-  const g = t === me.command, f = g ? c.commandCard : c.readModelCard, b = g ? Ue : Ke, w = g ? d.interaction.command : d.interaction.readModel, S = !l && !!s, y = u.onArtifactSelected, E = () => {
+  const g = t === me.command, f = g ? c.commandCard : c.readModelCard, b = g ? Ue : Ke, w = g ? d.interaction.command : d.interaction.readModel, S = !l && !!s, y = u.onArtifactSelected, N = () => {
     const M = v?.trim() ?? "";
     m(void 0), !(!M || !s) && (s(M), h(M));
   };
@@ -8114,7 +8116,7 @@ var zc = ({ onClick: e, eventName: t, pending: n = !1 }) => {
     backgroundColor: b.background,
     textColor: b.text,
     onChange: m,
-    onCommit: E,
+    onCommit: N,
     onCancel: () => m(void 0)
   }) : /* @__PURE__ */ a(ve, {
     content: /* @__PURE__ */ a(Ye, {
@@ -8234,7 +8236,7 @@ var zc = ({ onClick: e, eventName: t, pending: n = !1 }) => {
       return [...e.externalEvents.map(() => $e.readModel), ...e.command ? [$e.command] : []];
   }
 }, Kc = ({ slice: e, collapsed: t = !1, conn: n, rowHeight: r, externalEventOptions: i = [], showDetails: o = !1 }) => {
-  const { editing: s, actions: c, selection: u, navigation: d, messages: l } = Z(), p = pe(), { onCommandRenamed: h, onReadModelRenamed: v, onReadModelAdded: m, onExternalEventAdded: g, onExternalEventRemoved: f } = s, b = (c.interactionRow ?? []).filter((C) => !C.when || C.when(e)), w = Jc(e), S = u.onArtifactSelected, { command: y, readModel: E } = e, M = y && /* @__PURE__ */ a(ar, {
+  const { editing: s, actions: c, selection: u, navigation: d, messages: l } = Z(), p = pe(), { onCommandRenamed: h, onReadModelRenamed: v, onReadModelAdded: m, onExternalEventAdded: g, onExternalEventRemoved: f } = s, b = (c.interactionRow ?? []).filter((C) => !C.when || C.when(e)), w = Jc(e), S = u.onArtifactSelected, { command: y, readModel: N } = e, M = y && /* @__PURE__ */ a(ar, {
     sliceId: e.id,
     kind: me.command,
     artifactId: y.id,
@@ -8242,15 +8244,15 @@ var zc = ({ onClick: e, eventName: t, pending: n = !1 }) => {
     schema: y.schema,
     showDetails: o,
     onRenamed: h && ((C) => h(e.id, y.id, C))
-  }, y.id.toString()), I = E && /* @__PURE__ */ a(ar, {
+  }, y.id.toString()), I = N && /* @__PURE__ */ a(ar, {
     sliceId: e.id,
     kind: me.readModel,
-    artifactId: E.id,
-    name: E.name,
-    schema: E.schema,
+    artifactId: N.id,
+    name: N.name,
+    schema: N.schema,
     showDetails: o,
-    onRenamed: v && ((C) => v(e.id, E.id, C))
-  }, E.id.toString()), T = (C) => {
+    onRenamed: v && ((C) => v(e.id, N.id, C))
+  }, N.id.toString()), T = (C) => {
     const L = `${l.interaction.open} ${l.interaction.externalEvent}: ${C.name}`, D = Zc(C, i), G = i.find((F) => F.id.toString() === C.sourceEventId);
     return /* @__PURE__ */ a(ve, {
       content: /* @__PURE__ */ a(Ye, {
@@ -8350,11 +8352,11 @@ export {
   Dn as ActorRowDropIndicator,
   se as ActorType,
   Lc as AddPrototypeButton,
-  Nt as AnchoredOverlay,
+  Et as AnchoredOverlay,
   oi as ArtifactCard,
   me as ArtifactCardKind,
   Hi as AssigneeKind,
-  Ne as AutomationTriggerType,
+  Ee as AutomationTriggerType,
   Oo as BoardCanvas,
   wr as BoardInteractionProvider,
   mi as BoardOverlay,
@@ -8366,7 +8368,7 @@ export {
   vn as CardNameInput,
   wn as CellActionButton,
   je as CellCorner,
-  Nc as CellCornerAction,
+  Ec as CellCornerAction,
   _e as CellCornerPlacement,
   Dc as ChatCell,
   _t as CogWheel,
@@ -8397,7 +8399,7 @@ export {
   pu as EventModelMessagesProvider,
   yr as EventModelPresentationChangeContext,
   br as EventModelPresentationContext,
-  No as EventModelPresentationProvider,
+  Eo as EventModelPresentationProvider,
   wi as EventNavigateButton,
   Gc as EventReferenceCard,
   li as EventReferencePicker,
@@ -8407,7 +8409,7 @@ export {
   qc as ExternalEventCard,
   zc as ExternalEventRemoveButton,
   Ms as FeatureColumnFrame,
-  Ns as FeatureGridSurface,
+  Es as FeatureGridSurface,
   qs as FeatureHeader,
   Is as FeatureHeaderCell,
   Ps as FeaturesArea,
@@ -8439,7 +8441,7 @@ export {
   jc as OptionalReadModel,
   ku as PILL_ICON_CLUSTER_OVERHEAD_PX,
   wa as PILL_LABEL_FONT_FAMILY,
-  Eu as PILL_LABEL_FONT_SIZE_PX,
+  Nu as PILL_LABEL_FONT_SIZE_PX,
   Iu as PILL_LABEL_FONT_WEIGHT,
   gs as PassthroughConnector,
   si as PickerPanel,
@@ -8494,7 +8496,7 @@ export {
   Hu as TOUCH_LONG_PRESS_MS,
   Wu as TOUCH_LONG_PRESS_TOLERANCE,
   ed as ThenSection,
-  Ee as TranslationDirection,
+  Ne as TranslationDirection,
   Yd as TranslationDirectionToggle,
   Ac as TriggerControl,
   Bt as TriggerKind,
@@ -8506,7 +8508,7 @@ export {
   tl as absorbSpecifications,
   Oa as actorDrop,
   xa as actorKinds,
-  Et as actorTypeOfRow,
+  Nt as actorTypeOfRow,
   ta as actorsForRow,
   cc as addPendingSlice,
   uc as addProjectedSlice,
@@ -8520,7 +8522,7 @@ export {
   Ld as boardMinimap,
   ya as boundingBox,
   xd as captureBoardImage,
-  Nl as cardCorners,
+  El as cardCorners,
   vs as cellConnectors,
   Pn as centerOf,
   qa as changeSliceStatus,
@@ -8566,7 +8568,7 @@ export {
   ms as estimateCollectionSize,
   fe as eventCardColors,
   Rd as exportBoardImage,
-  Nd as exportImageLayout,
+  Ed as exportImageLayout,
   jt as externalEventCardColors,
   pa as facingSides,
   Wd as featureAddCallback,
@@ -8584,8 +8586,8 @@ export {
   kt as isOutputTranslation,
   ke as isPublicEvent,
   wo as isSliceReadOnlyForDetailLevel,
-  El as isStartCorner,
-  Nu as linkAnchor,
+  Nl as isStartCorner,
+  Eu as linkAnchor,
   va as linkSides,
   ha as midpoint,
   ls as moduleWidth,
@@ -8637,10 +8639,10 @@ export {
   ns as setModuleRename,
   dc as settleAddedSlice,
   qu as showsAddNewEventButton,
-  Ec as showsEventReferencePlaceholder,
+  Nc as showsEventReferencePlaceholder,
   Ic as showsExternalEventPicker,
   nt as sideAnchor,
-  Nr as sliceColumnWidth,
+  Er as sliceColumnWidth,
   tc as sliceMove,
   Ga as sliceStatusColor,
   Lt as sliceStatusLabel,