@cratis/event-models 0.346.0 → 0.348.0

package/dist/index.js

@@ -32,7 +32,7 @@ var Ie = /* @__PURE__ */ (function(e) {
   return e.given = "given", e.givenReadModel = "givenReadModel", e.when = "when", e.append = "append", e.then = "then", e;
 })({}), se = /* @__PURE__ */ (function(e) {
   return e[e.notStarted = 0] = "notStarted", e[e.draft = 1] = "draft", e[e.readyForImplementation = 2] = "readyForImplementation", e[e.inProgress = 3] = "inProgress", e[e.readyForReview = 4] = "readyForReview", e[e.done = 5] = "done", e[e.analysis = 6] = "analysis", e[e.blocked = 7] = "blocked", e[e.waiting = 8] = "waiting", e;
-})({}), F = /* @__PURE__ */ (function(e) {
+})({}), B = /* @__PURE__ */ (function(e) {
   return e[e.stateChange = 0] = "stateChange", e[e.stateView = 1] = "stateView", e[e.automation = 2] = "automation", e[e.translator = 3] = "translator", e;
 })({}), Lt = /* @__PURE__ */ (function(e) {
   return e[e.commandValidationRule = 0] = "commandValidationRule", e[e.eventUniqueConstraint = 1] = "eventUniqueConstraint", e[e.eventUniqueEventTypeConstraint = 2] = "eventUniqueEventTypeConstraint", e;
@@ -474,7 +474,7 @@ var Ie = /* @__PURE__ */ (function(e) {
     ...t ? { avatar: t } : {}
   };
 }, ul = (e) => {
-  const t = e.object("command"), n = e.object("projection"), r = e.object("capture"), o = e.object("readModel"), i = e.array("additionalReadModels", co), s = rl(e.object("automationTrigger")), d = cl(e.object("assignee")), l = e.array("reactionRefusals", ll), c = e.array("reactionInvocations", sl), u = e.array("annotations", Gs), g = e.optionalEnumValue("translationDirection"), v = e.optionalString("blockedReason"), h = e.strings("blockedQuestions");
+  const t = e.object("command"), n = e.object("projection"), r = e.object("capture"), o = e.object("readModel"), i = e.array("additionalReadModels", co), s = rl(e.object("automationTrigger")), d = cl(e.object("assignee")), l = e.array("reactionRefusals", ll), c = e.array("reactionInvocations", sl), u = e.array("annotations", Gs), g = e.optionalEnumValue("translationDirection"), v = e.optionalString("blockedReason"), p = e.strings("blockedQuestions");
   return {
     id: e.guid("id"),
     name: e.string("name"),
@@ -483,7 +483,7 @@ var Ie = /* @__PURE__ */ (function(e) {
     ...$s(e),
     status: e.enumValue("status"),
     ...v ? { blockedReason: v } : {},
-    ...h.length > 0 ? { blockedQuestions: h } : {},
+    ...p.length > 0 ? { blockedQuestions: p } : {},
     collapsed: e.boolean("collapsed"),
     sortOrder: e.number("sortOrder"),
     externalEvents: e.array("externalEvents", zs),
@@ -1038,7 +1038,7 @@ var sp = 56, lp = 1, $l = (e, t, n = 1) => Math.abs(e - t) <= n ? e : t, _l = (e
 var nn = (e, t, n) => Math.max(8, Math.min(e, n - t - 8)), Dl = (e, t, n, r, o, i) => {
   const s = e.left + e.width, d = e.top + e.height;
   if (r === "left" || r === "right") {
-    const v = n.width - s - i, h = e.left - i, m = r === "right" ? v >= t.width || v >= h : !(h >= t.width || h >= v);
+    const v = n.width - s - i, p = e.left - i, m = r === "right" ? v >= t.width || v >= p : !(p >= t.width || p >= v);
     return {
       top: nn(e.top + e.height / 2 - t.height / 2, t.height, n.height),
       left: nn(m ? s + i : e.left - i - t.width, t.width, n.width)
@@ -1059,13 +1059,13 @@ var nn = (e, t, n) => Math.max(8, Math.min(e, n - t - 8)), Dl = (e, t, n, r, o,
     let g = 0;
     const v = () => {
       u(kl(e.current));
-      const h = e.current?.getBoundingClientRect(), m = s.current?.getBoundingClientRect();
-      if (h && m) {
-        const p = Dl(h, m, {
+      const p = e.current?.getBoundingClientRect(), m = s.current?.getBoundingClientRect();
+      if (p && m) {
+        const h = Dl(p, m, {
           width: window.innerWidth,
           height: window.innerHeight
         }, n, r, o);
-        l((b) => b && Math.abs(b.top - p.top) <= 1 && Math.abs(b.left - p.left) <= 1 ? b : p);
+        l((b) => b && Math.abs(b.top - h.top) <= 1 && Math.abs(b.left - h.left) <= 1 ? b : h);
       }
       g = requestAnimationFrame(v);
     };
@@ -1089,8 +1089,8 @@ var nn = (e, t, n) => Math.max(8, Math.min(e, n - t - 8)), Dl = (e, t, n, r, o,
   bottom: "below",
   left: "left",
   right: "right"
-}, Se = ({ content: e, position: t = "top", openOnFocus: n = !1, disabled: r = !1, children: o }) => {
-  const i = O(null), [s, d] = D(!1), [l, c] = D(!1), [u, g] = D(!1), v = O(void 0), h = (f) => {
+}, ye = ({ content: e, position: t = "top", openOnFocus: n = !1, disabled: r = !1, children: o }) => {
+  const i = O(null), [s, d] = D(!1), [l, c] = D(!1), [u, g] = D(!1), v = O(void 0), p = (f) => {
     f.pointerType === "mouse" && (v.current = {
       x: f.clientX,
       y: f.clientY
@@ -1123,7 +1123,7 @@ var nn = (e, t, n) => Math.max(8, Math.min(e, n - t - 8)), Dl = (e, t, n, r, o,
   }, [s]), /* @__PURE__ */ S("span", {
     ref: i,
     className: "grid-tooltip-root",
-    onPointerEnter: h,
+    onPointerEnter: p,
     onPointerLeave: () => {
       d(!1), c(!1);
     },
@@ -1260,7 +1260,7 @@ function Mr(e, t, n) {
       }),
       attributes: g
     };
-    const v = (m) => l(e, t, { additive: Yl(m) }), h = {
+    const v = (m) => l(e, t, { additive: Yl(m) }), p = {
       ...g,
       role: "group",
       tabIndex: 0,
@@ -1273,9 +1273,9 @@ function Mr(e, t, n) {
         };
       },
       onClick: (m) => {
-        const p = i.current;
+        const h = i.current;
         i.current = void 0;
-        const b = p ? Math.max(Math.abs(m.clientX - p.x), Math.abs(m.clientY - p.y)) : 0;
+        const b = h ? Math.max(Math.abs(m.clientX - h.x), Math.abs(m.clientY - h.y)) : 0;
         Ul(m.currentTarget, m.target, b) && v(m);
       },
       onKeyDown: (m) => {
@@ -1290,7 +1290,7 @@ function Mr(e, t, n) {
         emphasis: s,
         label: c
       }),
-      attributes: h
+      attributes: p
     };
   }, [
     e,
@@ -1325,23 +1325,23 @@ function at(e) {
   return typeof t == "function" ? t(n) : t?.get(n);
 }
 var Ti = 0.1, Zl = (e, t, n, r) => !(e.ctrlKey || e.metaKey) || e.deltaY === 0 ? !1 : e.deltaY < 0 ? t >= r : t <= n, Kl = ({ chrome: e = {}, onHelp: t, helpTitle: n, onTransformChange: r, rootRef: o, ...i }) => {
-  const { readOnly: s } = ne(), { initialZoom: d = 1, minZoom: l = Ti, maxZoom: c = 5 } = i, u = O(d), g = O(null), v = G((m, p) => {
-    u.current = m, r?.(m, p);
-  }, [r]), h = G((m) => {
+  const { readOnly: s } = ne(), { initialZoom: d = 1, minZoom: l = Ti, maxZoom: c = 5 } = i, u = O(d), g = O(null), v = G((m, h) => {
+    u.current = m, r?.(m, h);
+  }, [r]), p = G((m) => {
     g.current = m, typeof o == "function" ? o(m) : o && (o.current = m);
   }, [o]);
   return oe(() => {
     const m = g.current;
     if (!m) return;
-    const p = (b) => {
+    const h = (b) => {
       Zl(b, u.current, l, c) && (b.preventDefault(), b.stopPropagation());
     };
-    return m.addEventListener("wheel", p, {
+    return m.addEventListener("wheel", h, {
       capture: !0,
       passive: !1
-    }), () => m.removeEventListener("wheel", p, { capture: !0 });
+    }), () => m.removeEventListener("wheel", h, { capture: !0 });
   }, [l, c]), /* @__PURE__ */ a("div", {
-    ref: h,
+    ref: p,
     style: { display: "contents" },
     children: /* @__PURE__ */ a(ms, {
       controlsLabels: e.controlsLabels,
@@ -1450,9 +1450,9 @@ var Di = (e) => ({
   return t.length > 0 ? `produces ${e.event} (${t})` : `produces ${e.event}`;
 }, qi = (e) => [...e.acknowledge ? ["acknowledge"] : [], ...e.produces.map(td)], Wi = 8;
 function Ir(e) {
-  if (e.sliceType === F.translator || e.sliceType === F.automation || e.sliceType === F.stateChange) return ae.translatorSliceWidth;
+  if (e.sliceType === B.translator || e.sliceType === B.automation || e.sliceType === B.stateChange) return ae.translatorSliceWidth;
   const t = ("eventCount" in e ? e.eventCount : e.events.length) >= ae.itemsPerRow ? ae.sliceWidthDouble : ae.sliceWidth;
-  return e.sliceType === F.stateView ? Math.round(t * 1.5) : t;
+  return e.sliceType === B.stateView ? Math.round(t * 1.5) : t;
 }
 function nd(e, t, n = !1, r = 1) {
   switch (e) {
@@ -1467,7 +1467,7 @@ function nd(e, t, n = !1, r = 1) {
   }
 }
 function rd(e, t) {
-  const n = e.sliceType === F.automation, r = n ? e.reactionRefusals ?? [] : [], o = n ? Bi([...e.reactionInvocations ?? []], [...r]) : [];
+  const n = e.sliceType === B.automation, r = n ? e.reactionRefusals ?? [] : [], o = n ? Bi([...e.reactionInvocations ?? []], [...r]) : [];
   if (r.length === 0 && o.length === 0) return Qe[J.System];
   const i = Er([...r]).length + o.length, s = r.reduce((l, c) => l + 2 + qi(c).length, 0) + o.length + i, d = ae.refusalListMargin + s * ae.refusalLineHeight * t + (r.length + o.length) * ae.refusalBranchGap;
   return Math.max(Qe[J.System], ae.systemCellPadding + ae.cogWheelHeight + ae.systemCellGap + d);
@@ -1524,18 +1524,18 @@ var Nn = (e) => {
       return J.Chat;
   }
 }, cd = {
-  [F.stateChange]: /* @__PURE__ */ new Set([
+  [B.stateChange]: /* @__PURE__ */ new Set([
     Ie.UIRole,
     Ie.systemRole,
     Ie.chatRole
   ]),
-  [F.stateView]: /* @__PURE__ */ new Set([
+  [B.stateView]: /* @__PURE__ */ new Set([
     Ie.UIRole,
     Ie.systemRole,
     Ie.chatRole
   ]),
-  [F.automation]: /* @__PURE__ */ new Set([Ie.systemRole, Ie.chatRole]),
-  [F.translator]: /* @__PURE__ */ new Set([Ie.systemRole, Ie.chatRole])
+  [B.automation]: /* @__PURE__ */ new Set([Ie.systemRole, Ie.chatRole]),
+  [B.translator]: /* @__PURE__ */ new Set([Ie.systemRole, Ie.chatRole])
 }, ud = (e, t) => cd[e].has(t), md = (e, t) => {
   const n = Nn(t);
   return n === void 0 || ud(e, n);
@@ -1753,15 +1753,15 @@ function Id(e, t) {
   return r ? o : e;
 }
 function Nd({ initialCollections: e, onAddCollection: t, onCollectionMoved: n, onCollectionsChange: r, onPersistenceError: o }) {
-  const { readOnly: i } = ne(), [s, d] = D(() => wd(e)), l = O(s), { collections: c, pendingMoveIds: u } = s, g = O(!1), v = O(!0), h = G((m) => {
-    const p = m(l.current);
-    l.current = p, d(p);
+  const { readOnly: i } = ne(), [s, d] = D(() => wd(e)), l = O(s), { collections: c, pendingMoveIds: u } = s, g = O(!1), v = O(!0), p = G((m) => {
+    const h = m(l.current);
+    l.current = h, d(h);
   }, []);
   return oe(() => {
-    e !== l.current.snapshot && h((m) => Sd(m, e, Date.now(), i ? 1 / 0 : void 0));
+    e !== l.current.snapshot && p((m) => Sd(m, e, Date.now(), i ? 1 / 0 : void 0));
   }, [
     e,
-    h,
+    p,
     i
   ]), oe(() => {
     if (v.current) {
@@ -1773,17 +1773,17 @@ function Nd({ initialCollections: e, onAddCollection: t, onCollectionMoved: n, o
     collections: c,
     pendingMoveIds: u,
     setCollections: G((m) => {
-      h((p) => ({
-        ...p,
-        collections: typeof m == "function" ? m(p.collections) : m
+      p((h) => ({
+        ...h,
+        collections: typeof m == "function" ? m(h.collections) : m
       }));
-    }, [h]),
-    addCollection: G(async (m, p) => {
+    }, [p]),
+    addCollection: G(async (m, h) => {
       if (!(i || !t || g.current)) {
         g.current = !0;
         try {
-          const b = await t(m, p, l.current.collections);
-          b && h((f) => f.collections.some((y) => y.id.equals(b.id)) ? f : {
+          const b = await t(m, h, l.current.collections);
+          b && p((f) => f.collections.some((y) => y.id.equals(b.id)) ? f : {
             ...f,
             additions: [...f.additions, b],
             collections: [...f.collections, b]
@@ -1799,32 +1799,32 @@ function Nd({ initialCollections: e, onAddCollection: t, onCollectionMoved: n, o
       i,
       t,
       o,
-      h
+      p
     ]),
-    moveCollection: G((m, p, b) => {
-      !i && !n || l.current.pendingMoveIds.has(m.toString()) || h((f) => Md(f, m, p, b, Date.now()));
+    moveCollection: G((m, h, b) => {
+      !i && !n || l.current.pendingMoveIds.has(m.toString()) || p((f) => Md(f, m, h, b, Date.now()));
     }, [
       i,
       n,
-      h
+      p
     ]),
-    collectionMoved: G(async (m, p) => {
+    collectionMoved: G(async (m, h) => {
       if (!(i || !n || l.current.pendingMoveIds.has(m.toString()))) {
-        h((b) => Cd(b, m));
+        p((b) => Cd(b, m));
         try {
-          await n(m, p) || h((b) => yo(b, m));
+          await n(m, h) || p((b) => yo(b, m));
         } catch (b) {
-          if (h((f) => yo(f, m)), o) o(b);
+          if (p((f) => yo(f, m)), o) o(b);
           else throw b;
         } finally {
-          h((b) => xd(b, m));
+          p((b) => xd(b, m));
         }
       }
     }, [
       i,
       n,
       o,
-      h
+      p
     ]),
     canMove: i || !!n,
     canAdd: !i && !!t
@@ -2081,7 +2081,7 @@ var qd = gi(Bd), Wd = ({ drag: e }) => e ? Tt(/* @__PURE__ */ a("div", {
   return /* @__PURE__ */ a("span", {
     className: `event-model-annotation-badge event-model-annotation-severity ${t}`,
     "data-severity": r,
-    children: /* @__PURE__ */ a(Se, {
+    children: /* @__PURE__ */ a(ye, {
       content: i.map((d, l) => /* @__PURE__ */ a("div", { children: d }, l)),
       children: /* @__PURE__ */ a("span", {
         role: "img",
@@ -2168,16 +2168,16 @@ var Mt = ({ change: e, kind: t, name: n }) => {
     })
   });
 }, An = ({ value: e, onChange: t, placeholder: n = "Name…", style: r, validate: o, readOnly: i = !1 }) => {
-  const s = Ce(), [d, l] = D(!1), [c, u] = D(e), [g, v] = D(void 0), h = () => {
+  const s = Ce(), [d, l] = D(!1), [c, u] = D(e), [g, v] = D(void 0), p = () => {
     const m = c.trim();
     if (!m) {
       u(e), l(!1), v(void 0);
       return;
     }
     if (o) {
-      const p = o(m);
-      if (p) {
-        v(p);
+      const h = o(m);
+      if (h) {
+        v(h);
         return;
       }
     }
@@ -2189,7 +2189,7 @@ var Mt = ({ change: e, kind: t, name: n }) => {
     onChange: (m) => {
       u(m.target.value), v(void 0);
     },
-    onBlur: h,
+    onBlur: p,
     onKeyDown: (m) => {
       if (m.key === "Enter") {
         m.target.blur();
@@ -2212,7 +2212,7 @@ var Mt = ({ change: e, kind: t, name: n }) => {
       children: n
     })
   });
-}, Gd = ({ error: e }) => /* @__PURE__ */ a(Se, {
+}, Gd = ({ error: e }) => /* @__PURE__ */ a(ye, {
   content: e,
   children: /* @__PURE__ */ a("span", {
     className: "entity-error-indicator",
@@ -2222,7 +2222,7 @@ var Mt = ({ change: e, kind: t, name: n }) => {
   return e.Module = "module", e.Feature = "feature", e.Slice = "slice", e;
 })({}), gp = ({ kind: e, label: t, error: n, onRetry: r }) => {
   const o = Ce().erroredEntity;
-  return /* @__PURE__ */ a(Se, {
+  return /* @__PURE__ */ a(ye, {
     content: o.couldNotBeRendered(o[e], n),
     children: /* @__PURE__ */ S("div", {
       className: `errored-entity errored-entity--${e}`,
@@ -2271,7 +2271,7 @@ var Mt = ({ change: e, kind: t, name: n }) => {
   return o ? /* @__PURE__ */ a("span", {
     className: `${s} event-model-description--plain`,
     children: i
-  }) : /* @__PURE__ */ a(Se, {
+  }) : /* @__PURE__ */ a(ye, {
     position: r,
     openOnFocus: !0,
     content: /* @__PURE__ */ a(Ar, {
@@ -2284,7 +2284,7 @@ var Mt = ({ change: e, kind: t, name: n }) => {
       children: i
     })
   });
-}, Ui = ({ variant: e, collapsed: t, onToggle: n, label: r, onRenameLabel: o, labelReadOnly: i = !1, validateLabel: s, labelStyle: d, background: l, border: c, height: u, children: g, marker: v, description: h, documentation: m, leadingContent: p, draggable: b = !1, onPointerDown: f, onPointerMove: y, onPointerUp: w, error: x, className: k, attributes: R }) => {
+}, Ui = ({ variant: e, collapsed: t, onToggle: n, label: r, onRenameLabel: o, labelReadOnly: i = !1, validateLabel: s, labelStyle: d, background: l, border: c, height: u, children: g, marker: v, description: p, documentation: m, leadingContent: h, draggable: b = !1, onPointerDown: f, onPointerMove: y, onPointerUp: w, error: x, className: k, attributes: R }) => {
   const M = /* @__PURE__ */ a(An, {
     value: r,
     onChange: o,
@@ -2294,7 +2294,7 @@ var Mt = ({ change: e, kind: t, name: n }) => {
   }), C = v ? /* @__PURE__ */ S("div", {
     className: "event-modeling-grid-pill-label",
     children: [M, v]
-  }) : M, L = !t && mt(h) !== void 0;
+  }) : M, L = !t && mt(p) !== void 0;
   return /* @__PURE__ */ S("div", {
     ...R,
     className: `${k ? `${k} ` : ""}event-modeling-grid-pill event-modeling-grid-pill--${e}${t ? " event-modeling-grid-pill--collapsed" : ""}${L ? " event-modeling-grid-pill--described" : ""}${b ? " event-modeling-grid-pill--draggable" : ""}${x ? " event-modeling-grid-pill--error" : ""}`,
@@ -2312,12 +2312,12 @@ var Mt = ({ change: e, kind: t, name: n }) => {
         children: [n && /* @__PURE__ */ a(Or, {
           collapsed: t,
           onToggle: n
-        }), p]
+        }), h]
       }),
       L ? /* @__PURE__ */ S("div", {
         className: "event-modeling-grid-pill-center",
         children: [C, /* @__PURE__ */ a(Ln, {
-          description: h,
+          description: p,
           documentation: m
         })]
       }) : C,
@@ -2368,9 +2368,9 @@ var Mt = ({ change: e, kind: t, name: n }) => {
   flexShrink: 0,
   display: "inline-block"
 }), Io = ({ rowType: e, height: t, name: n, description: r, actorId: o, onRenamed: i, validateName: s, onActorAdded: d, onDragStart: l, dragging: c = !1, badge: u, personaAvatar: g, children: v }) => {
-  const { readOnly: h, messages: m } = ne(), [p, b] = D(!1), [f, y] = D(!1), w = O(void 0), x = O(null), k = O(null), R = O(null), M = ge(() => [k], []), C = ge(() => [R], []);
-  Dt(M, () => b(!1), p), Dt(C, () => y(!1), f);
-  const L = n ?? Ud(e, m), V = Yd(e), Q = V && !h ? i : void 0, B = V && !h ? d : void 0, te = o && !h ? l : void 0, N = h ? [] : u?.actions ?? [], E = h ? void 0 : u?.onActivate, q = N.length > 0 || !!E, A = g ?? u?.avatar, P = V && (!!A || !!u && !h), Z = () => {
+  const { readOnly: p, messages: m } = ne(), [h, b] = D(!1), [f, y] = D(!1), w = O(void 0), x = O(null), k = O(null), R = O(null), M = ge(() => [k], []), C = ge(() => [R], []);
+  Dt(M, () => b(!1), h), Dt(C, () => y(!1), f);
+  const L = n ?? Ud(e, m), V = Yd(e), U = V && !p ? i : void 0, F = V && !p ? d : void 0, te = o && !p ? l : void 0, N = p ? [] : u?.actions ?? [], E = p ? void 0 : u?.onActivate, q = N.length > 0 || !!E, A = g ?? u?.avatar, P = V && (!!A || !!u && !p), Z = () => {
     if (N.length > 0) {
       y((I) => !I);
       return;
@@ -2403,8 +2403,8 @@ var Mt = ({ change: e, kind: t, name: n }) => {
       onPointerMove: te ? (I) => {
         const j = w.current;
         if (!j || !te) return;
-        const U = Math.abs(I.clientY - j.startY), ie = Math.abs(I.clientX - j.startX);
-        (U > Eo || ie > Eo) && (w.current = void 0, te(I.clientX, I.clientY));
+        const Y = Math.abs(I.clientY - j.startY), ie = Math.abs(I.clientX - j.startX);
+        (Y > Eo || ie > Eo) && (w.current = void 0, te(I.clientX, I.clientY));
       } : void 0,
       onPointerUp: te ? () => {
         w.current = void 0;
@@ -2422,7 +2422,7 @@ var Mt = ({ change: e, kind: t, name: n }) => {
             "aria-label": u?.title ?? L,
             disabled: !q,
             style: q ? void 0 : {
-              opacity: h ? 1 : 0.4,
+              opacity: p ? 1 : 0.4,
               cursor: "default"
             },
             children: A ?? /* @__PURE__ */ a("i", { className: "pi pi-id-card" })
@@ -2439,12 +2439,12 @@ var Mt = ({ change: e, kind: t, name: n }) => {
         }),
         /* @__PURE__ */ a("div", {
           className: "event-modeling-grid-row-label-title",
-          children: Q ? /* @__PURE__ */ a(An, {
+          children: U ? /* @__PURE__ */ a(An, {
             value: L,
-            onChange: Q,
+            onChange: U,
             validate: s,
             style: Xd
-          }) : r?.trim() ? /* @__PURE__ */ a(Se, {
+          }) : r?.trim() ? /* @__PURE__ */ a(ye, {
             content: r,
             position: "right",
             children: /* @__PURE__ */ a("span", {
@@ -2456,7 +2456,7 @@ var Mt = ({ change: e, kind: t, name: n }) => {
             children: L
           })
         }),
-        B && /* @__PURE__ */ S("div", {
+        F && /* @__PURE__ */ S("div", {
           className: "event-modeling-grid-row-label-add-role",
           ref: k,
           children: [/* @__PURE__ */ a("button", {
@@ -2467,14 +2467,14 @@ var Mt = ({ change: e, kind: t, name: n }) => {
             title: m.actors.add,
             "aria-label": m.actors.add,
             children: "+"
-          }), p && /* @__PURE__ */ a("div", {
+          }), h && /* @__PURE__ */ a("div", {
             className: "event-modeling-grid-row-role-menu",
-            children: zd(m).map(({ actorType: I, label: j, color: U }) => /* @__PURE__ */ S("button", {
+            children: zd(m).map(({ actorType: I, label: j, color: Y }) => /* @__PURE__ */ S("button", {
               className: "event-modeling-grid-row-role-menu-option",
               onClick: () => {
-                B(I), b(!1);
+                F(I), b(!1);
               },
-              children: [/* @__PURE__ */ a("span", { style: Qd(U) }), j]
+              children: [/* @__PURE__ */ a("span", { style: Qd(Y) }), j]
             }, I))
           })]
         })
@@ -2523,16 +2523,16 @@ function tc(e, t, n) {
   l.current = e;
   const c = O(n);
   c.current = n;
-  const u = G((v, h, m) => {
-    const p = d.current.find((f) => f.id === v);
-    if (!p) return;
-    const b = d.current.filter((f) => f.actorType === p.actorType).findIndex((f) => f.id === v);
+  const u = G((v, p, m) => {
+    const h = d.current.find((f) => f.id === v);
+    if (!h) return;
+    const b = d.current.filter((f) => f.actorType === h.actorType).findIndex((f) => f.id === v);
     i({
       actorId: v,
-      rowType: dd(p.actorType),
+      rowType: dd(h.actorType),
       sourceIndex: b,
-      ghostLabel: p.name,
-      currentX: h,
+      ghostLabel: h.name,
+      currentX: p,
       currentY: m,
       dropIndex: b
     });
@@ -2540,20 +2540,20 @@ function tc(e, t, n) {
   return oe(() => {
     if (!g) return;
     const v = (m) => {
-      i((p) => p && {
-        ...p,
+      i((h) => h && {
+        ...h,
         currentX: m.clientX,
         currentY: m.clientY,
-        dropIndex: Kd(l.current, p.rowType, m.clientY)
+        dropIndex: Kd(l.current, h.rowType, m.clientY)
       });
-    }, h = () => {
+    }, p = () => {
       const m = s.current;
       if (i(void 0), !m) return;
-      const p = ec(d.current, m.actorId, m.dropIndex);
-      p && c.current?.(l.current, p.actorType, p.orderedIds);
+      const h = ec(d.current, m.actorId, m.dropIndex);
+      h && c.current?.(l.current, h.actorType, h.orderedIds);
     };
-    return window.addEventListener("pointermove", v), window.addEventListener("pointerup", h), () => {
-      window.removeEventListener("pointermove", v), window.removeEventListener("pointerup", h);
+    return window.addEventListener("pointermove", v), window.addEventListener("pointerup", p), () => {
+      window.removeEventListener("pointermove", v), window.removeEventListener("pointerup", p);
     };
   }, [g]), {
     actorDrag: o,
@@ -2561,11 +2561,11 @@ function tc(e, t, n) {
   };
 }
 var nc = ({ collectionId: e, topOffset: t, contentRows: n, rowHeights: r, actors: o, onActorAdded: i, onActorRenamed: s, onRowRenamed: d, onActorsReordered: l, renderActorLabel: c, renderEmptyActorLabel: u }) => {
-  const [g, v] = D({}), [h, m] = D({}), { actorDrag: p, handleActorDragStart: b } = tc(e, o, l);
+  const [g, v] = D({}), [p, m] = D({}), { actorDrag: h, handleActorDragStart: b } = tc(e, o, l);
   return /* @__PURE__ */ S(Zd, {
     topOffset: t,
     collectionId: e.toString(),
-    children: [/* @__PURE__ */ a(Wd, { drag: p }), n.flatMap((f) => {
+    children: [/* @__PURE__ */ a(Wd, { drag: h }), n.flatMap((f) => {
       const y = Nn(f), w = y === void 0 ? [] : o.filter((M) => M.actorType === y), x = {
         rowType: f,
         height: r[f],
@@ -2579,26 +2579,26 @@ var nc = ({ collectionId: e, topOffset: t, contentRows: n, rowHeights: r, actors
         validateName: (M) => Object.entries(g).find(([C]) => C !== f)?.[1]?.toLowerCase() === M.toLowerCase() ? "Name already in use" : void 0,
         onActorAdded: i ? (M) => i(f, M) : void 0
       }, k = y === void 0 || w.length === 0 ? [/* @__PURE__ */ a(wt, { children: y !== void 0 && u ? u(f, x) : /* @__PURE__ */ a(Io, { ...x }) }, f)] : [], R = w.flatMap((M, C) => {
-        const L = p?.rowType === f, V = {
+        const L = h?.rowType === f, V = {
           rowType: f,
           height: r[f],
-          name: h[M.id] ?? M.name,
+          name: p[M.id] ?? M.name,
           description: M.description,
           actorId: M.id,
-          onRenamed: s ? (Q) => {
-            m((B) => ({
-              ...B,
-              [M.id]: Q
-            })), s(M.id, Q);
+          onRenamed: s ? (U) => {
+            m((F) => ({
+              ...F,
+              [M.id]: U
+            })), s(M.id, U);
           } : void 0,
-          onActorAdded: i ? (Q) => i(f, Q) : void 0,
-          onDragStart: b ? (Q, B) => b(M.id, Q, B) : void 0,
-          dragging: p?.actorId === M.id
+          onActorAdded: i ? (U) => i(f, U) : void 0,
+          onDragStart: b ? (U, F) => b(M.id, U, F) : void 0,
+          dragging: h?.actorId === M.id
         };
         return [
-          ...L && p.dropIndex === C ? [/* @__PURE__ */ a(ko, {}, `drop-${f}-${C}`)] : [],
+          ...L && h.dropIndex === C ? [/* @__PURE__ */ a(ko, {}, `drop-${f}-${C}`)] : [],
           /* @__PURE__ */ a(wt, { children: c ? c(M, V) : /* @__PURE__ */ a(Io, { ...V }) }, M.id),
-          ...L && C === w.length - 1 && p.dropIndex === w.length ? [/* @__PURE__ */ a(ko, {}, `drop-${f}-end`)] : []
+          ...L && C === w.length - 1 && h.dropIndex === w.length ? [/* @__PURE__ */ a(ko, {}, `drop-${f}-end`)] : []
         ];
       });
       return [...k, ...R];
@@ -2889,9 +2889,9 @@ var Oo = ({ status: e }) => /* @__PURE__ */ a("svg", {
     children: e
   });
 }, vt = ({ trigger: e, items: t, align: n = "right", onClose: r }) => {
-  const o = Te(Ki), i = Ht(), [s, d] = D(!1), [l, c] = D(), u = O(null), g = O(null), v = o ? o.openMenuId === i : s, h = O(v);
+  const o = Te(Ki), i = Ht(), [s, d] = D(!1), [l, c] = D(), u = O(null), g = O(null), v = o ? o.openMenuId === i : s, p = O(v);
   oe(() => {
-    h.current && !v && (r?.(), c(void 0)), h.current = v;
+    p.current && !v && (r?.(), c(void 0)), p.current = v;
   }, [v, r]);
   const m = (y) => {
     if (o) {
@@ -2899,8 +2899,8 @@ var Oo = ({ status: e }) => /* @__PURE__ */ a("svg", {
       return;
     }
     d(y);
-  }, p = () => m(!1), b = ge(() => [u, g], []);
-  Dt(b, p, v);
+  }, h = () => m(!1), b = ge(() => [u, g], []);
+  Dt(b, h, v);
   const f = (y) => y.map((w) => {
     if (w.isSeparator) return /* @__PURE__ */ a("div", { className: "event-modeling-menu-dropdown-separator" }, w.id.toString());
     if (w.isHeader) return /* @__PURE__ */ a("div", {
@@ -2915,7 +2915,7 @@ var Oo = ({ status: e }) => /* @__PURE__ */ a("svg", {
         disabled: w.disabled,
         title: w.tooltip,
         onClick: () => {
-          w.disabled || (x ? c(k ? void 0 : w.id.toString()) : (w.keepOpen || p(), w.onClick?.()));
+          w.disabled || (x ? c(k ? void 0 : w.id.toString()) : (w.keepOpen || h(), w.onClick?.()));
         },
         children: [
           w.icon && /* @__PURE__ */ a("span", {
@@ -3033,16 +3033,16 @@ var Oo = ({ status: e }) => /* @__PURE__ */ a("svg", {
     "aria-label": jn(l, d),
     children: /* @__PURE__ */ a(Oo, { status: l })
   });
-  const h = (p) => o ? gc(l, p, t, c) : void t(p), m = Ao.map((p) => ({
-    id: sr(p),
-    label: jn(p, d),
+  const p = (h) => o ? gc(l, h, t, c) : void t(h), m = Ao.map((h) => ({
+    id: sr(h),
+    label: jn(h, d),
     icon: /* @__PURE__ */ a(hc, {
-      status: p,
-      checked: p === l
+      status: h,
+      checked: h === l
     }),
-    disabled: !n.includes(p),
-    tooltip: n.includes(p) ? void 0 : r,
-    onClick: () => h(p)
+    disabled: !n.includes(h),
+    tooltip: n.includes(h) ? void 0 : r,
+    onClick: () => p(h)
   }));
   return /* @__PURE__ */ a(vt, {
     trigger: /* @__PURE__ */ a("button", {
@@ -3083,10 +3083,10 @@ var Oo = ({ status: e }) => /* @__PURE__ */ a("svg", {
 }, Lo = ({ moduleId: e, actions: t, onAddModule: n, onAddFeature: r, kind: o }) => {
   const i = Ce(), s = O(null), [d, l] = D();
   if (!t.length && !n && !r) return null;
-  const c = (h) => {
+  const c = (p) => {
     const m = s.current?.getBoundingClientRect();
-    m && h.onActivate(e, m);
-  }, u = (h) => h.map((m) => ({
+    m && p.onActivate(e, m);
+  }, u = (p) => p.map((m) => ({
     id: m.id,
     label: m.label + (m.items ? " ›" : ""),
     description: m.description,
@@ -3101,7 +3101,7 @@ var Oo = ({ status: e }) => /* @__PURE__ */ a("svg", {
     label: i.features.back,
     keepOpen: !0,
     onClick: () => l(void 0)
-  }, ...u(t.find((h) => h.id === d)?.items ?? [])] : [
+  }, ...u(t.find((p) => p.id === d)?.items ?? [])] : [
     ...n ? [{
       id: "module",
       label: i.modules.addModule,
@@ -3229,7 +3229,7 @@ var Oo = ({ status: e }) => /* @__PURE__ */ a("svg", {
   fontWeight: 600,
   color: "color-mix(in srgb, var(--board-ink, #ffffff) 80%, transparent)",
   textAlign: "center"
-}, bc = ({ moduleId: e, name: t, description: n, documentation: r, height: o, collapsed: i, onToggleCollapse: s, onAddModule: d, onAddFeature: l, onRenamed: c, validateName: u, status: g, detailsVisible: v = !1, onToggleDetails: h, onDragStart: m, error: p }) => {
+}, bc = ({ moduleId: e, name: t, description: n, documentation: r, height: o, collapsed: i, onToggleCollapse: s, onAddModule: d, onAddFeature: l, onRenamed: c, validateName: u, status: g, detailsVisible: v = !1, onToggleDetails: p, onDragStart: m, error: h }) => {
   const b = ne(), f = at(e), y = Mr(e, "module", t), { showStatuses: w = !0 } = Le(), x = Zi(!b.readOnly && !i ? m : void 0), k = b.readOnly ? void 0 : c, R = b.actions, M = sv(e, l, b.editing);
   return /* @__PURE__ */ S(re, { children: [/* @__PURE__ */ S(Ui, {
     marker: f || y.marker ? /* @__PURE__ */ S(re, { children: [f && /* @__PURE__ */ a(Mt, {
@@ -3271,12 +3271,12 @@ var Oo = ({ status: e }) => /* @__PURE__ */ a("svg", {
     onPointerDown: x?.onPointerDown,
     onPointerMove: x?.onPointerMove,
     onPointerUp: x?.onPointerUp,
-    error: p,
+    error: h,
     children: [
       w && g !== void 0 && /* @__PURE__ */ a(Pr, { status: g }),
-      !b.readOnly && h && /* @__PURE__ */ a(Gi, {
+      !b.readOnly && p && /* @__PURE__ */ a(Gi, {
         visible: v,
-        onToggle: h
+        onToggle: p
       }),
       !b.readOnly && /* @__PURE__ */ a(Lo, {
         kind: "options",
@@ -3318,17 +3318,17 @@ function wc(e, t, n) {
   l.current = e;
   const c = O(n);
   c.current = n;
-  const u = G((v, h, m) => {
-    const p = d.current.findIndex((b) => b.equals(v));
-    p !== -1 && i({
+  const u = G((v, p, m) => {
+    const h = d.current.findIndex((b) => b.equals(v));
+    h !== -1 && i({
       moduleId: v,
-      sourceIndex: p,
-      ghostLabel: h,
+      sourceIndex: h,
+      ghostLabel: p,
       ghostWidth: m.width,
       ghost: m.ghost,
       currentX: m.clientX,
       currentY: m.clientY,
-      dropIndex: p,
+      dropIndex: h,
       headerY: m.headerY,
       zoom: m.zoom
     });
@@ -3336,20 +3336,20 @@ function wc(e, t, n) {
   return oe(() => {
     if (!g) return;
     const v = (m) => {
-      i((p) => p && {
-        ...p,
+      i((h) => h && {
+        ...h,
         currentX: m.clientX,
         currentY: m.clientY,
         dropIndex: yc(d.current, m.clientX)
       });
-    }, h = () => {
+    }, p = () => {
       const m = s.current;
       if (i(void 0), !m) return;
-      const p = Qi(d.current, m.sourceIndex, m.dropIndex);
-      p && c.current?.(l.current, p);
+      const h = Qi(d.current, m.sourceIndex, m.dropIndex);
+      h && c.current?.(l.current, h);
     };
-    return window.addEventListener("pointermove", v), window.addEventListener("pointerup", h), () => {
-      window.removeEventListener("pointermove", v), window.removeEventListener("pointerup", h);
+    return window.addEventListener("pointermove", v), window.addEventListener("pointerup", p), () => {
+      window.removeEventListener("pointermove", v), window.removeEventListener("pointerup", p);
     };
   }, [g]), {
     moduleDrag: o,
@@ -3464,11 +3464,11 @@ function Nc({ collectionId: e, initialModules: t, onAddModule: n, onModulesReord
   const { readOnly: c } = ne(), u = G((E) => {
     if (s) s(E);
     else throw E;
-  }, [s]), g = O(Sc(t)), [v, h] = D(g.current), m = O(!1), [p, b] = D(!1), f = O(/* @__PURE__ */ new Set()), [y, w] = D(/* @__PURE__ */ new Set()), x = O(!1), [k, R] = D(!1), M = (E, q) => {
+  }, [s]), g = O(Sc(t)), [v, p] = D(g.current), m = O(!1), [h, b] = D(!1), f = O(/* @__PURE__ */ new Set()), [y, w] = D(/* @__PURE__ */ new Set()), x = O(!1), [k, R] = D(!1), M = (E, q) => {
     q ? f.current.add(E) : f.current.delete(E), w(new Set(f.current));
   }, C = G((E) => {
     const q = E(g.current);
-    g.current = q, h(q), l?.(q.modules);
+    g.current = q, p(q), l?.(q.modules);
   }, [l]);
   oe(() => {
     t !== g.current.snapshot && C((E) => Xt(E, t));
@@ -3508,7 +3508,7 @@ function Nc({ collectionId: e, initialModules: t, onAddModule: n, onModulesReord
     o,
     u,
     C
-  ]), Q = G(async (E, q) => {
+  ]), U = G(async (E, q) => {
     const A = E.id.toString();
     if (!(c || !i || f.current.has(A))) {
       M(A, !0), C((P) => xc(P, E.id, q));
@@ -3523,7 +3523,7 @@ function Nc({ collectionId: e, initialModules: t, onAddModule: n, onModulesReord
     i,
     u,
     C
-  ]), B = G(async (E, q) => {
+  ]), F = G(async (E, q) => {
     if (c || !r || x.current) return;
     x.current = !0, R(!0);
     const A = g.current.order;
@@ -3538,7 +3538,7 @@ function Nc({ collectionId: e, initialModules: t, onAddModule: n, onModulesReord
     r,
     u,
     c
-  ]), { moduleDrag: te, handleModuleDragStart: N } = wc(e, v.modules.map((E) => E.id), r && !k ? B : void 0);
+  ]), { moduleDrag: te, handleModuleDragStart: N } = wc(e, v.modules.map((E) => E.id), r && !k ? F : void 0);
   return /* @__PURE__ */ S(re, { children: [
     /* @__PURE__ */ a(Yi, {
       drag: te,
@@ -3550,14 +3550,14 @@ function Nc({ collectionId: e, initialModules: t, onAddModule: n, onModulesReord
         index: q,
         dragging: te?.moduleId.equals(E.id) ?? !1,
         onDragStart: !y.has(E.id.toString()) && N ? (A) => N(E.id, E.name, A) : void 0,
-        onAddModule: !c && !p && n ? () => {
+        onAddModule: !c && !h && n ? () => {
           L();
         } : void 0,
         onToggleCollapse: !y.has(E.id.toString()) && o ? () => {
           V(E);
         } : void 0,
         onRenamed: !c && !y.has(E.id.toString()) && i ? (A) => {
-          Q(E, A);
+          U(E, A);
         } : void 0
       })]
     }, E.id.toString())),
@@ -3633,7 +3633,7 @@ var Oc = ({ width: e, collapsed: t, children: n }) => /* @__PURE__ */ a("div", {
   featureGap: kn(n).feature,
   textScale: r
 }), aa = (e) => e.length === 0 ? 0 : 1 + Math.max(...e.map((t) => aa(t.subFeatures))), Pc = (e, t, n, r) => {
-  const o = Tr(e), i = na(e, t, r), s = Qt(e), d = e.modules.map((g) => g.collapsed ? ae.collapsedModuleWidth : ia(g.name, g.features, n, kt(r))), l = d.reduce((g, v, h) => g + (h ? kn(n).module : 0) + v, 0), c = Math.max(1, ...e.modules.map((g) => aa(g.features))), u = o.reduce((g, v) => g + i[v], 0);
+  const o = Tr(e), i = na(e, t, r), s = Qt(e), d = e.modules.map((g) => g.collapsed ? ae.collapsedModuleWidth : ia(g.name, g.features, n, kt(r))), l = d.reduce((g, v, p) => g + (p ? kn(n).module : 0) + v, 0), c = Math.max(1, ...e.modules.map((g) => aa(g.features))), u = o.reduce((g, v) => g + i[v], 0);
   return {
     width: (s.length ? 56 : 0) + l + 2 * ir,
     height: ae.headerHeight * (1 + c) + 28 + u + 2 * ir,
@@ -3678,7 +3678,7 @@ var yn = ({ columnPosition: e }) => {
 function $c(e, t, n = []) {
   const r = n.includes(J.System);
   switch (t) {
-    case F.stateChange:
+    case B.stateChange:
       if (e === J.UI) return { bottomOutgoing: !0 };
       if (e === J.Chat) return { bottomOutgoing: !0 };
       if (e === J.System) return r ? { passthrough: !0 } : {};
@@ -3688,7 +3688,7 @@ function $c(e, t, n = []) {
       };
       if (e === J.Events) return { topIncoming: !0 };
       break;
-    case F.stateView:
+    case B.stateView:
       if (e === J.UI) return { bottomOutgoing: !0 };
       if (e === J.Chat) return { bottomOutgoing: !0 };
       if (e === J.System) return r ? { passthrough: !0 } : {};
@@ -3698,7 +3698,7 @@ function $c(e, t, n = []) {
       };
       if (e === J.Events) return { topOutgoing: !0 };
       break;
-    case F.automation:
+    case B.automation:
       if (e === J.Interaction) return {
         topOutgoing: !0,
         topIncoming: !0
@@ -3709,7 +3709,7 @@ function $c(e, t, n = []) {
       };
       if (e === J.Events) return { topIncoming: !0 };
       break;
-    case F.translator:
+    case B.translator:
       if (e === J.System) return { bottomOutgoing: !0 };
       if (e === J.Interaction) return {
         topIncoming: !0,
@@ -3781,26 +3781,26 @@ function Bc(e, t) {
 }
 function qc(e) {
   switch (e) {
-    case F.stateChange:
+    case B.stateChange:
       return [
         Me.ui,
         Me.command,
         Me.event
       ];
-    case F.stateView:
+    case B.stateView:
       return [
         Me.event,
         Me.readModel,
         Me.ui
       ];
-    case F.automation:
+    case B.automation:
       return [
         Me.readModel,
         Me.cogwheel,
         Me.command,
         Me.event
       ];
-    case F.translator:
+    case B.translator:
       return [
         Me.externalEvent,
         Me.command,
@@ -3814,7 +3814,7 @@ var Wc = ({ sliceType: e, recomputeKey: t }) => {
   const n = O(null), [r, o] = D([]), i = `flow-arrow-${Ht().replace(/:/g, "")}`, s = G(() => {
     const u = n.current, g = u?.parentElement;
     if (!u || !g) return;
-    const v = u.getBoundingClientRect(), h = u.clientWidth || v.width, m = h ? v.width / h : 1, p = (y) => {
+    const v = u.getBoundingClientRect(), p = u.clientWidth || v.width, m = p ? v.width / p : 1, h = (y) => {
       const w = y.getBoundingClientRect();
       return {
         x: (w.left - v.left) / m,
@@ -3822,7 +3822,7 @@ var Wc = ({ sliceType: e, recomputeKey: t }) => {
         width: w.width / m,
         height: w.height / m
       };
-    }, b = qc(e).map((y) => Array.from(g.querySelectorAll(`[data-flow-node="${y}"]`)).map(p)).filter((y) => y.length > 0), f = [];
+    }, b = qc(e).map((y) => Array.from(g.querySelectorAll(`[data-flow-node="${y}"]`)).map(h)).filter((y) => y.length > 0), f = [];
     for (let y = 0; y < b.length - 1; y++) for (const w of b[y + 1]) for (const x of Bc(b[y], w)) f.push(Fc(x, w));
     o((y) => y.length === f.length && y.every((w, x) => w === f[x]) ? y : f);
   }, [e]), d = O(0), l = O(!1), c = G(() => {
@@ -3841,12 +3841,12 @@ var Wc = ({ sliceType: e, recomputeKey: t }) => {
   }, [s, t]), oe(() => {
     const u = n.current, g = u?.parentElement;
     if (!u || !g) return;
-    const v = new ResizeObserver(() => c()), h = () => {
-      v.disconnect(), v.observe(g), g.querySelectorAll("[data-flow-node]").forEach((p) => v.observe(p));
+    const v = new ResizeObserver(() => c()), p = () => {
+      v.disconnect(), v.observe(g), g.querySelectorAll("[data-flow-node]").forEach((h) => v.observe(h));
     };
-    h();
-    const m = new MutationObserver((p) => {
-      p.every((b) => u.contains(b.target)) || (h(), c());
+    p();
+    const m = new MutationObserver((h) => {
+      h.every((b) => u.contains(b.target)) || (p(), c());
     });
     return m.observe(g, {
       childList: !0,
@@ -3940,12 +3940,12 @@ function Gc(e) {
 }
 var Uc = ({ container: e, getZoom: t }) => {
   const { actions: n } = ne(), r = n.boardSpecificationsRunAll, [o, i] = D(), [s, d] = D(!1), l = O(null), c = G(() => {
-    const g = e.current, v = g?.closest(".event-modeling-grid-container"), h = g?.querySelector(".event-modeling-grid-specification-box--header"), m = g?.querySelector(".event-modeling-grid-row-labels");
-    if (!g || !v || !h || !m) {
+    const g = e.current, v = g?.closest(".event-modeling-grid-container"), p = g?.querySelector(".event-modeling-grid-specification-box--header"), m = g?.querySelector(".event-modeling-grid-row-labels");
+    if (!g || !v || !p || !m) {
       i(void 0);
       return;
     }
-    const p = t(), b = v.getBoundingClientRect(), f = Math.round((h.getBoundingClientRect().top - b.top) / p - v.clientTop), y = Math.round((m.getBoundingClientRect().left - b.left) / p - v.clientLeft), w = Math.round(h.getBoundingClientRect().height / p);
+    const h = t(), b = v.getBoundingClientRect(), f = Math.round((p.getBoundingClientRect().top - b.top) / h - v.clientTop), y = Math.round((m.getBoundingClientRect().left - b.left) / h - v.clientLeft), w = Math.round(p.getBoundingClientRect().height / h);
     i((x) => x?.top === f && x.left === y && x.height === w ? x : {
       top: f,
       left: y,
@@ -3976,7 +3976,7 @@ var Uc = ({ container: e, getZoom: t }) => {
       width: 56,
       height: o.height
     },
-    children: /* @__PURE__ */ a(Se, {
+    children: /* @__PURE__ */ a(ye, {
       content: r.tooltip,
       position: "right",
       children: /* @__PURE__ */ a("button", {
@@ -4015,7 +4015,7 @@ var Uc = ({ container: e, getZoom: t }) => {
     children: o
   });
 }, Xc = ({ featureId: e, moduleId: t, enabled: n, collapsed: r, rowCollapsed: o, width: i, headerVisibility: s, nested: d = !1, header: l, screenTemplate: c, slices: u, hiddenSliceCount: g = 0, onExpandRow: v }) => {
-  const h = Ce().rowCollapsed ?? Ze.rowCollapsed;
+  const p = Ce().rowCollapsed ?? Ze.rowCollapsed;
   return /* @__PURE__ */ S(Yc, {
     featureId: e,
     moduleId: t,
@@ -4033,10 +4033,10 @@ var Uc = ({ container: e, getZoom: t }) => {
       children: [o && g > 0 && !r && s !== "hidden" && /* @__PURE__ */ S("div", {
         className: "event-modeling-feature-grid-row-collapsed-note",
         role: "note",
-        children: [/* @__PURE__ */ a("span", { children: h.slicesHidden(g) }), v && /* @__PURE__ */ a("button", {
+        children: [/* @__PURE__ */ a("span", { children: p.slicesHidden(g) }), v && /* @__PURE__ */ a("button", {
           type: "button",
           onClick: v,
-          children: h.show
+          children: p.show
         })]
       }), /* @__PURE__ */ a("div", {
         className: o ? "event-modeling-feature-grid-slices--row-collapsed" : "event-modeling-feature-grid-slices--row-open",
@@ -4083,36 +4083,36 @@ function tu(e, t, n) {
   d.current = t;
   const l = O(n);
   l.current = n;
-  const c = G((g, v, h) => {
-    const m = d.current.findIndex((p) => p.equals(g));
+  const c = G((g, v, p) => {
+    const m = d.current.findIndex((h) => h.equals(g));
     m !== -1 && i({
       featureId: g,
       moduleId: e,
       sourceIndex: m,
       ghostLabel: v,
-      ghostWidth: h.width,
-      ghost: h.ghost,
-      currentX: h.clientX,
-      currentY: h.clientY,
+      ghostWidth: p.width,
+      ghost: p.ghost,
+      currentX: p.clientX,
+      currentY: p.clientY,
       dropIndex: m,
-      headerY: h.headerY,
-      zoom: h.zoom
+      headerY: p.headerY,
+      zoom: p.zoom
     });
   }, [e]), u = o !== void 0;
   return oe(() => {
     if (!u) return;
-    const g = (h) => {
+    const g = (p) => {
       i((m) => m && {
         ...m,
-        currentX: h.clientX,
-        currentY: h.clientY,
-        dropIndex: eu(m.moduleId, h.clientX)
+        currentX: p.clientX,
+        currentY: p.clientY,
+        dropIndex: eu(m.moduleId, p.clientX)
       });
     }, v = () => {
-      const h = s.current;
-      if (i(void 0), !h) return;
-      const m = Qi(d.current, h.sourceIndex, h.dropIndex);
-      m && l.current?.(h.moduleId, m);
+      const p = s.current;
+      if (i(void 0), !p) return;
+      const m = Qi(d.current, p.sourceIndex, p.dropIndex);
+      m && l.current?.(p.moduleId, m);
     };
     return window.addEventListener("pointermove", g), window.addEventListener("pointerup", v), () => {
       window.removeEventListener("pointermove", g), window.removeEventListener("pointerup", v);
@@ -4145,8 +4145,8 @@ function ou() {
       const s = `${i}:${o}`, d = n.current.get(s);
       if (d) return d;
       const l = (g) => {
-        const v = (r.current.get(s) ?? []).filter((h) => h !== g);
-        v.length ? r.current.set(s, v) : r.current.delete(s), t((h) => ru(h, o, i, g, r.current.get(s)?.[0]));
+        const v = (r.current.get(s) ?? []).filter((p) => p !== g);
+        v.length ? r.current.set(s, v) : r.current.delete(s), t((p) => ru(p, o, i, g, r.current.get(s)?.[0]));
       }, c = (g) => (r.current.set(s, [...r.current.get(s) ?? [], g]), t((v) => nu(v, o, i, g)), () => l(g)), u = (g) => g ? c(g) : void 0;
       return n.current.set(s, u), u;
     }, [])
@@ -4241,8 +4241,8 @@ function cr(e, t) {
   const n = e.filter((i, s) => e.findIndex((d) => d.id.equals(i.id)) === s), r = /* @__PURE__ */ new Set(), o = [...t.flatMap((i) => r.has(i.toString()) ? [] : (r.add(i.toString()), n.filter((s) => s.id.equals(i)))), ...n.filter((i) => !t.some((s) => s.equals(i.id)))];
   return o.length === e.length && o.every((i, s) => i === e[s]) ? e : o;
 }
-function su({ ref: e, initialFeatures: t, moduleId: n, widthOf: r, isCollapsed: o, forceCollapsed: i = !1, onCollapseChanged: s, occupiesColumn: d, renderHeader: l, renderColumn: c, renderFeatureBoundary: u, onAddFeature: g, onRenameFeature: v, onFeaturesReordered: h, onFeaturesChanged: m }) {
-  const { readOnly: p, messages: b } = ne(), { targets: f, register: y } = ou(), w = O(iu(t)), [x, k] = D(w.current), R = O(!1), M = O(/* @__PURE__ */ new Set()), C = G(($) => {
+function su({ ref: e, initialFeatures: t, moduleId: n, widthOf: r, isCollapsed: o, forceCollapsed: i = !1, onCollapseChanged: s, occupiesColumn: d, renderHeader: l, renderColumn: c, renderFeatureBoundary: u, onAddFeature: g, onRenameFeature: v, onFeaturesReordered: p, onFeaturesChanged: m }) {
+  const { readOnly: h, messages: b } = ne(), { targets: f, register: y } = ou(), w = O(iu(t)), [x, k] = D(w.current), R = O(!1), M = O(/* @__PURE__ */ new Set()), C = G(($) => {
     const _ = $(w.current);
     _ !== w.current && (w.current = _, k(_), m?.(_.features));
   }, [m]);
@@ -4250,7 +4250,7 @@ function su({ ref: e, initialFeatures: t, moduleId: n, widthOf: r, isCollapsed:
     t !== w.current.snapshot && t !== w.current.features && C(($) => dr($, t));
   }, [t, C]);
   const L = G(async ($, _) => {
-    if (!(p || !g || R.current)) {
+    if (!(h || !g || R.current)) {
       R.current = !0;
       try {
         const ee = await g($, _);
@@ -4267,7 +4267,7 @@ function su({ ref: e, initialFeatures: t, moduleId: n, widthOf: r, isCollapsed:
       }
     }
   }, [
-    p,
+    h,
     g,
     C
   ]);
@@ -4279,9 +4279,9 @@ function su({ ref: e, initialFeatures: t, moduleId: n, widthOf: r, isCollapsed:
       features: _r(ee.features, $, _)
     }))
   }), [L, C]);
-  const V = G(($) => C((_) => au(_, $)), [C]), Q = G(($, _) => {
+  const V = G(($) => C((_) => au(_, $)), [C]), U = G(($, _) => {
     const ee = $.toString();
-    !v || p || M.current.has(ee) || (M.current.add(ee), C((he) => ({
+    !v || h || M.current.has(ee) || (M.current.add(ee), C((he) => ({
       ...he,
       features: Br(he.features, ee, _),
       pendingRenames: new Map(he.pendingRenames).set(ee, _)
@@ -4289,14 +4289,14 @@ function su({ ref: e, initialFeatures: t, moduleId: n, widthOf: r, isCollapsed:
   }, [
     C,
     v,
-    p,
+    h,
     V
-  ]), B = G(($) => i || (x.pendingCollapses.get($.id.toString()) ?? o($)), [
+  ]), F = G(($) => i || (x.pendingCollapses.get($.id.toString()) ?? o($)), [
     i,
     o,
     x.pendingCollapses
   ]), te = G(($) => {
-    const _ = !B($);
+    const _ = !F($);
     C((ee) => ({
       ...ee,
       features: Fr(ee.features, $.id.toString(), _),
@@ -4304,7 +4304,7 @@ function su({ ref: e, initialFeatures: t, moduleId: n, widthOf: r, isCollapsed:
     })), s?.($.id, _);
   }, [
     C,
-    B,
+    F,
     s
   ]), N = G(($) => {
     C((_) => {
@@ -4317,7 +4317,7 @@ function su({ ref: e, initialFeatures: t, moduleId: n, widthOf: r, isCollapsed:
   }, [C, s]), E = x.features, q = kn(Le().density).feature, A = ge(() => Jc(E).map(({ feature: $, children: _ }) => ({
     feature: $,
     children: _,
-    width: [$, ..._].filter(d).reduce((ee, he, X) => ee + (X ? q : 0) + r(he), 0)
+    width: [$, ..._].filter(d).reduce((ee, he, Q) => ee + (Q ? q : 0) + r(he), 0)
   })), [
     E,
     d,
@@ -4328,21 +4328,21 @@ function su({ ref: e, initialFeatures: t, moduleId: n, widthOf: r, isCollapsed:
       ...ee,
       features: cr(ee.features, _),
       order: _
-    })), h?.(cr(w.current.features, _));
-  }, [C, h]), { featureDrag: I, handleFeatureDragStart: j } = tu(n, z, h ? K : void 0), U = ($) => ({
-    collapsed: B($),
+    })), p?.(cr(w.current.features, _));
+  }, [C, p]), { featureDrag: I, handleFeatureDragStart: j } = tu(n, z, p ? K : void 0), Y = ($) => ({
+    collapsed: F($),
     dragging: I?.featureId.equals($.id) ?? !1,
     onDragStart: j,
-    addSubFeature: !p && g ? (_) => {
+    addSubFeature: !h && g ? (_) => {
       L(_, $.id);
     } : void 0,
-    onRenamed: !p && v ? (_) => Q($.id, _) : void 0,
+    onRenamed: !h && v ? (_) => U($.id, _) : void 0,
     onToggleCollapse: s ? () => te($) : void 0,
     onCollapseFailed: s ? () => N($) : void 0
   }), ie = ($) => {
     const _ = Z.has($.id.toString()) ? "hidden" : T.has($.id.toString()) ? "visible" : "none";
     return {
-      ...U($),
+      ...Y($),
       headerVisibility: _,
       nested: Z.size > 0
     };
@@ -4360,9 +4360,9 @@ function su({ ref: e, initialFeatures: t, moduleId: n, widthOf: r, isCollapsed:
         children: A.map(($, _) => /* @__PURE__ */ a(Zc, {
           ref: u ? y($.feature.id.toString(), "header") : void 0,
           width: $.width,
-          collapsed: B($.feature),
+          collapsed: F($.feature),
           dropEdge: Kc(I?.dropIndex, _, A.length),
-          children: !u && l($.feature, U($.feature))
+          children: !u && l($.feature, Y($.feature))
         }, $.feature.id.toString()))
       }), /* @__PURE__ */ a("div", {
         className: "event-modeling-features-area__columns",
@@ -4376,7 +4376,7 @@ function su({ ref: e, initialFeatures: t, moduleId: n, widthOf: r, isCollapsed:
     }),
     u && A.flatMap(($) => [$.feature, ...$.children]).map(($) => {
       const _ = f.get($.id.toString());
-      return !_ || !T.has($.id.toString()) && !_.header || d($) && !_.column ? null : /* @__PURE__ */ a(wt, { children: u($, /* @__PURE__ */ S(re, { children: [!T.has($.id.toString()) && _.header && Tt(l($, U($)), _.header), _.column && Tt(c($, ie($)), _.column)] })) }, $.id.toString());
+      return !_ || !T.has($.id.toString()) && !_.header || d($) && !_.column ? null : /* @__PURE__ */ a(wt, { children: u($, /* @__PURE__ */ S(re, { children: [!T.has($.id.toString()) && _.header && Tt(l($, Y($)), _.header), _.column && Tt(c($, ie($)), _.column)] })) }, $.id.toString());
     })
   ] }) : /* @__PURE__ */ a("div", {
     className: "event-modeling-module-empty-placeholder",
@@ -4394,7 +4394,7 @@ var lu = ({ type: e }) => /* @__PURE__ */ a("svg", {
   children: /* @__PURE__ */ a(du, { type: e })
 }), du = ({ type: e }) => {
   switch (e) {
-    case F.stateChange:
+    case B.stateChange:
       return /* @__PURE__ */ S(re, { children: [
         /* @__PURE__ */ a("rect", {
           x: "3",
@@ -4435,7 +4435,7 @@ var lu = ({ type: e }) => /* @__PURE__ */ a("svg", {
         }),
         /* @__PURE__ */ a("polyline", { points: "10,16 12,17 14,16" })
       ] });
-    case F.stateView:
+    case B.stateView:
       return /* @__PURE__ */ S(re, { children: [
         /* @__PURE__ */ a("rect", {
           x: "3",
@@ -4485,7 +4485,7 @@ var lu = ({ type: e }) => /* @__PURE__ */ a("svg", {
         }),
         /* @__PURE__ */ a("polyline", { points: "9,14 12,10 15,14" })
       ] });
-    case F.automation:
+    case B.automation:
       return /* @__PURE__ */ S(re, { children: [
         /* @__PURE__ */ a("circle", {
           cx: "12",
@@ -4529,7 +4529,7 @@ var lu = ({ type: e }) => /* @__PURE__ */ a("svg", {
           y2: "14"
         })
       ] });
-    case F.translator:
+    case B.translator:
       return /* @__PURE__ */ S(re, { children: [
         /* @__PURE__ */ a("circle", {
           cx: "12",
@@ -4584,30 +4584,30 @@ var lu = ({ type: e }) => /* @__PURE__ */ a("svg", {
       ] });
   }
 }, cu = [
-  F.stateChange,
-  F.stateView,
-  F.automation,
-  F.translator
+  B.stateChange,
+  B.stateView,
+  B.automation,
+  B.translator
 ], ha = (e, t) => {
   switch (e) {
-    case F.stateChange:
+    case B.stateChange:
       return t.sliceTypes.stateChange;
-    case F.stateView:
+    case B.stateView:
       return t.sliceTypes.stateView;
-    case F.automation:
+    case B.automation:
       return t.sliceTypes.automation;
-    case F.translator:
+    case B.translator:
       return t.sliceTypes.translator;
   }
 }, pa = (e, t) => {
   switch (e) {
-    case F.stateChange:
+    case B.stateChange:
       return t.sliceTypes.stateChangeDescription;
-    case F.stateView:
+    case B.stateView:
       return t.sliceTypes.stateViewDescription;
-    case F.automation:
+    case B.automation:
       return t.sliceTypes.automationDescription;
-    case F.translator:
+    case B.translator:
       return t.sliceTypes.translatorDescription;
   }
 }, fa = (e, t) => cu.map((n) => ({
@@ -4669,12 +4669,12 @@ var lu = ({ type: e }) => /* @__PURE__ */ a("svg", {
     const f = i.current?.getBoundingClientRect();
     f && b.onActivate(e, f);
   }
-  const h = {
+  const p = {
     id: "back",
     label: o.features.back,
     keepOpen: !0,
     onClick: () => d("main")
-  }, m = n ? [h, ...fa(o, n)] : [h], p = [h, ...(u.find((b) => b.id === l)?.items ?? []).filter((b) => !b.when || b.when(e)).map((b) => ({
+  }, m = n ? [p, ...fa(o, n)] : [p], h = [p, ...(u.find((b) => b.id === l)?.items ?? []).filter((b) => !b.when || b.when(e)).map((b) => ({
     id: b.id,
     label: b.label,
     icon: b.icon,
@@ -4691,7 +4691,7 @@ var lu = ({ type: e }) => /* @__PURE__ */ a("svg", {
       "aria-label": o.features.add,
       children: "+"
     }),
-    items: s === "main" ? g : s === "slice" ? m : p,
+    items: s === "main" ? g : s === "slice" ? m : h,
     align: "right",
     onClose: () => {
       d("main"), c(void 0);
@@ -4724,8 +4724,8 @@ var lu = ({ type: e }) => /* @__PURE__ */ a("svg", {
     items: i,
     align: "right"
   });
-}, Do = "color-mix(in srgb, var(--board-feature, #a08ce6) 10%, transparent)", hu = "1px solid color-mix(in srgb, var(--board-feature, #a08ce6) 22%, transparent)", pu = ({ featureId: e, name: t, description: n, documentation: r, height: o, collapsed: i, onToggleCollapse: s, onRenamed: d, status: l, selectableStatuses: c, unselectableStatusReason: u, detailsVisible: g = !1, onToggleDetails: v, dragging: h = !1, onDragStart: m, error: p, onAddSubFeature: b, onAddSlice: f }) => {
-  const y = ne(), w = at(e), x = Mr(e, "feature", t), { showStatuses: k = !0 } = Le(), R = Zi(!y.readOnly && !i ? m : void 0), M = y.readOnly ? void 0 : d, C = (y.actions.featureHeader ?? []).filter((B) => !B.when || B.when(e)), L = (y.actions.featureHeaderLeading ?? []).filter((B) => !B.when || B.when(e)), V = y.actions.featureHeaderMenu ?? [], Q = lv(e, b, f, y.editing);
+}, Do = "color-mix(in srgb, var(--board-feature, #a08ce6) 10%, transparent)", hu = "1px solid color-mix(in srgb, var(--board-feature, #a08ce6) 22%, transparent)", pu = ({ featureId: e, name: t, description: n, documentation: r, height: o, collapsed: i, onToggleCollapse: s, onRenamed: d, status: l, selectableStatuses: c, unselectableStatusReason: u, detailsVisible: g = !1, onToggleDetails: v, dragging: p = !1, onDragStart: m, error: h, onAddSubFeature: b, onAddSlice: f }) => {
+  const y = ne(), w = at(e), x = Mr(e, "feature", t), { showStatuses: k = !0 } = Le(), R = Zi(!y.readOnly && !i ? m : void 0), M = y.readOnly ? void 0 : d, C = (y.actions.featureHeader ?? []).filter((F) => !F.when || F.when(e)), L = (y.actions.featureHeaderLeading ?? []).filter((F) => !F.when || F.when(e)), V = y.actions.featureHeaderMenu ?? [], U = lv(e, b, f, y.editing);
   return /* @__PURE__ */ S(re, { children: [/* @__PURE__ */ a(Ui, {
     marker: w || x.marker ? /* @__PURE__ */ S(re, { children: [w && /* @__PURE__ */ a(Mt, {
       change: w,
@@ -4737,22 +4737,22 @@ var lu = ({ type: e }) => /* @__PURE__ */ a("svg", {
     variant: "feature",
     collapsed: i,
     onToggle: s,
-    leadingContent: !y.readOnly && L.map((B) => /* @__PURE__ */ S("button", {
+    leadingContent: !y.readOnly && L.map((F) => /* @__PURE__ */ S("button", {
       type: "button",
       className: "event-modeling-grid-icon-btn",
-      title: B.disabled ? B.disabledTooltip ?? B.tooltip : B.tooltip,
-      "aria-label": B.tooltip,
-      disabled: B.disabled,
-      onClick: (te) => B.onActivate(e, te.currentTarget.getBoundingClientRect()),
-      children: [B.icon, B.indicator && /* @__PURE__ */ a("span", {
+      title: F.disabled ? F.disabledTooltip ?? F.tooltip : F.tooltip,
+      "aria-label": F.tooltip,
+      disabled: F.disabled,
+      onClick: (te) => F.onActivate(e, te.currentTarget.getBoundingClientRect()),
+      children: [F.icon, F.indicator && /* @__PURE__ */ a("span", {
         className: "event-modeling-feature-chat-dot",
         "aria-hidden": "true"
       })]
-    }, B.tooltip)),
+    }, F.tooltip)),
     label: t,
     description: n,
     documentation: r,
-    onRenameLabel: (B) => M?.(e, B),
+    onRenameLabel: (F) => M?.(e, F),
     labelReadOnly: !M,
     background: Do,
     border: hu,
@@ -4766,14 +4766,14 @@ var lu = ({ type: e }) => /* @__PURE__ */ a("svg", {
       fontWeight: 600,
       color: "color-mix(in srgb, var(--board-accent, #b4a5ff) 85%, transparent)",
       textAlign: "center",
-      opacity: h ? 0.65 : 1,
+      opacity: p ? 0.65 : 1,
       textDecoration: w === "removed" ? "line-through" : void 0
     },
-    error: p,
+    error: h,
     children: !i && /* @__PURE__ */ S(re, { children: [
       k && l !== void 0 && /* @__PURE__ */ a(Pr, {
         status: l,
-        onStatusChanged: y.editing.onFeatureStatusChanged ? (B) => y.editing.onFeatureStatusChanged?.(e, B) : void 0,
+        onStatusChanged: y.editing.onFeatureStatusChanged ? (F) => y.editing.onFeatureStatusChanged?.(e, F) : void 0,
         selectable: c,
         unselectableReason: u,
         optimistic: !1
@@ -4782,19 +4782,19 @@ var lu = ({ type: e }) => /* @__PURE__ */ a("svg", {
         visible: g,
         onToggle: v
       }),
-      !y.readOnly && C.map((B) => /* @__PURE__ */ a("button", {
+      !y.readOnly && C.map((F) => /* @__PURE__ */ a("button", {
         type: "button",
         className: "event-modeling-grid-add-button event-modeling-grid-add-button--small event-modeling-grid-add-button--no-circle",
-        title: B.disabled ? B.disabledTooltip ?? B.tooltip : B.tooltip,
-        "aria-label": B.tooltip,
-        disabled: B.disabled,
-        style: B.active ? {
+        title: F.disabled ? F.disabledTooltip ?? F.tooltip : F.tooltip,
+        "aria-label": F.tooltip,
+        disabled: F.disabled,
+        style: F.active ? {
           borderColor: "var(--text-color)",
           color: "var(--text-color)"
         } : void 0,
-        onClick: (te) => B.onActivate(e, te.currentTarget.getBoundingClientRect()),
-        children: B.icon
-      }, B.tooltip)),
+        onClick: (te) => F.onActivate(e, te.currentTarget.getBoundingClientRect()),
+        children: F.icon
+      }, F.tooltip)),
       !y.readOnly && /* @__PURE__ */ a(vu, {
         featureId: e,
         tooltip: y.messages.features.options,
@@ -4836,19 +4836,19 @@ var lu = ({ type: e }) => /* @__PURE__ */ a("svg", {
         }),
         actions: V
       }),
-      !y.readOnly && (y.actions.featureHeaderAfterMenu ?? []).filter((B) => !B.when || B.when(e)).map((B) => /* @__PURE__ */ a("button", {
+      !y.readOnly && (y.actions.featureHeaderAfterMenu ?? []).filter((F) => !F.when || F.when(e)).map((F) => /* @__PURE__ */ a("button", {
         type: "button",
         className: "event-modeling-grid-add-button event-modeling-grid-add-button--small event-modeling-grid-add-button--no-circle",
-        title: B.disabled ? B.disabledTooltip ?? B.tooltip : B.tooltip,
-        "aria-label": B.tooltip,
-        disabled: B.disabled,
-        onClick: (te) => B.onActivate(e, te.currentTarget.getBoundingClientRect()),
-        children: B.icon
-      }, B.tooltip)),
+        title: F.disabled ? F.disabledTooltip ?? F.tooltip : F.tooltip,
+        "aria-label": F.tooltip,
+        disabled: F.disabled,
+        onClick: (te) => F.onActivate(e, te.currentTarget.getBoundingClientRect()),
+        children: F.icon
+      }, F.tooltip)),
       !y.readOnly && /* @__PURE__ */ a(gu, {
         featureId: e,
-        onAddSubFeature: Q.onAddSubFeature,
-        onAddSlice: Q.onAddSlice,
+        onAddSubFeature: U.onAddSubFeature,
+        onAddSlice: U.onAddSlice,
         actions: y.actions.featureHeaderAdd
       })
     ] })
@@ -4985,7 +4985,7 @@ var bu = ({ state: e, specification: t }) => {
     "data-spec-result": r ? "expanded" : "collapsed",
     children: [/* @__PURE__ */ S("div", {
       className: "spec-result-row",
-      children: [/* @__PURE__ */ a(Se, {
+      children: [/* @__PURE__ */ a(ye, {
         content: /* @__PURE__ */ a("span", {
           className: "spec-result-tooltip",
           children: e
@@ -5097,8 +5097,8 @@ var bu = ({ state: e, specification: t }) => {
   [Ne.CouldNotRun]: "could-not-run",
   [Ne.Inconclusive]: "inconclusive",
   [Ne.Unavailable]: "could-not-run"
-}, Nu = ({ name: e, description: t, documentation: n, collapsed: r, onToggleCollapse: o, runState: i, runMessage: s, builderResult: d, builderMessage: l, nameNotice: c, annotations: u, onRenamed: g, onDeleted: v, runControl: h }) => {
-  const { messages: m, readOnly: p } = ne(), b = _e(), f = b ? void 0 : g, y = b ? void 0 : v;
+}, Nu = ({ name: e, description: t, documentation: n, collapsed: r, onToggleCollapse: o, runState: i, runMessage: s, builderResult: d, builderMessage: l, nameNotice: c, annotations: u, onRenamed: g, onDeleted: v, runControl: p }) => {
+  const { messages: m, readOnly: h } = ne(), b = _e(), f = b ? void 0 : g, y = b ? void 0 : v;
   return /* @__PURE__ */ S("div", {
     className: "event-modeling-grid-specification-outer-row",
     children: [/* @__PURE__ */ a("div", {
@@ -5123,7 +5123,7 @@ var bu = ({ state: e, specification: t }) => {
         /* @__PURE__ */ S("div", {
           className: "event-modeling-grid-specification-header",
           children: [
-            !p && o && /* @__PURE__ */ a(Or, {
+            !h && o && /* @__PURE__ */ a(Or, {
               collapsed: r,
               onToggle: b ? void 0 : o
             }),
@@ -5152,7 +5152,7 @@ var bu = ({ state: e, specification: t }) => {
               message: l,
               runState: i
             }),
-            h,
+            p,
             y && /* @__PURE__ */ a("button", {
               type: "button",
               className: "spec-delete-button",
@@ -5267,48 +5267,48 @@ var bu = ({ state: e, specification: t }) => {
   }), s = new Set(e.map((l) => l.id.toString())), d = r.filter((l) => !s.has(l.id.toString()));
   return d.length || i.some((l, c) => l !== e[c]) ? [...i, ...d] : e;
 }, Bu = ({ sliceId: e, width: t, collapsed: n, specifications: r, runInfoFor: o, nameNoticeFor: i, annotations: s, renderRows: d }) => {
-  const { editing: l, actions: c, messages: u } = ne(), g = _e(), [v, h] = D(r), [m, p] = D(!1), [b, f] = D(!1), [y, w] = D(!1), x = ge(Pu, []), k = ge(Ou, []), R = O(0), M = O(!1), C = O(!1), L = O(!1), V = O(/* @__PURE__ */ new Set()), Q = _u(g, l), B = Q ? r : v;
+  const { editing: l, actions: c, messages: u } = ne(), g = _e(), [v, p] = D(r), [m, h] = D(!1), [b, f] = D(!1), [y, w] = D(!1), x = ge(Pu, []), k = ge(Ou, []), R = O(0), M = O(!1), C = O(!1), L = O(!1), V = O(/* @__PURE__ */ new Set()), U = _u(g, l), F = U ? r : v;
   oe(() => {
-    h((I) => Du(I, r, Q, Date.now() <= R.current, V.current));
-  }, [r, Q]);
+    p((I) => Du(I, r, U, Date.now() <= R.current, V.current));
+  }, [r, U]);
   const te = async () => {
     if (M.current || !l.onSpecificationAdded) return;
     M.current = !0, w(!0);
     const I = {
       id: pe.create(),
-      name: Ru(B.map((j) => j.name), u.specifications.namePlaceholder),
+      name: Ru(F.map((j) => j.name), u.specifications.namePlaceholder),
       collapsed: !1,
       given: [],
       thenEvents: [],
       thenErrors: []
     };
-    h((j) => [...j, I]);
+    p((j) => [...j, I]);
     try {
-      await l.onSpecificationAdded(e, I) || h((j) => j.filter((U) => !U.id.equals(I.id)));
+      await l.onSpecificationAdded(e, I) || p((j) => j.filter((Y) => !Y.id.equals(I.id)));
     } catch {
-      h((j) => j.filter((U) => !U.id.equals(I.id)));
+      p((j) => j.filter((Y) => !Y.id.equals(I.id)));
     } finally {
       M.current = !1, w(!1);
     }
   }, N = (I) => {
-    V.current.has(I.toString()) || (V.current.add(I.toString()), R.current = 0, h((j) => j.filter((U) => !U.id.equals(I))), l.onSpecificationRemoved?.(e, I));
+    V.current.has(I.toString()) || (V.current.add(I.toString()), R.current = 0, p((j) => j.filter((Y) => !Y.id.equals(I))), l.onSpecificationRemoved?.(e, I));
   }, E = (I, j) => {
-    h((U) => U.map((ie) => ie.id.equals(I) ? {
+    p((Y) => Y.map((ie) => ie.id.equals(I) ? {
       ...ie,
       name: j
     } : ie)), l.onSpecificationRenamed?.(e, I, j);
   }, q = (I, j) => {
-    g || !l.onSpecificationOpenStateSet || (h((U) => U.map((ie) => ie.id.equals(I) ? {
+    g || !l.onSpecificationOpenStateSet || (p((Y) => Y.map((ie) => ie.id.equals(I) ? {
       ...ie,
       collapsed: !j
     } : ie)), l.onSpecificationOpenStateSet?.(e, I, j));
   }, A = async (I) => {
     if (!(g || C.current || !c.specificationsGenerate)) {
-      C.current = !0, p(!0);
+      C.current = !0, h(!0);
       try {
         await c.specificationsGenerate.onActivate(e, I) && (R.current = Date.now() + $u);
       } finally {
-        C.current = !1, p(!1);
+        C.current = !1, h(!1);
       }
     }
   }, P = async (I) => {
@@ -5320,9 +5320,9 @@ var bu = ({ state: e, specification: t }) => {
         L.current = !1, f(!1);
       }
     }
-  }, Z = c.specificationsGenerate, T = c.specificationsRunAll, z = !g && Z && (!Z.when || Z.when(e)), K = B.length > 0 && T && (!T.when || T.when(e));
-  return n ? /* @__PURE__ */ a(re, { children: B.map((I) => {
-    const { state: j, message: U } = o(I);
+  }, Z = c.specificationsGenerate, T = c.specificationsRunAll, z = !g && Z && (!Z.when || Z.when(e)), K = F.length > 0 && T && (!T.when || T.when(e));
+  return n ? /* @__PURE__ */ a(re, { children: F.map((I) => {
+    const { state: j, message: Y } = o(I);
     return /* @__PURE__ */ a("div", {
       "data-slice-spec-col": "true",
       "data-slice-id": e.toString(),
@@ -5347,7 +5347,7 @@ var bu = ({ state: e, specification: t }) => {
             className: "event-modeling-grid-specification-header event-modeling-grid-specification-header--compact",
             children: /* @__PURE__ */ a(ya, {
               state: j,
-              message: U
+              message: Y
             })
           })
         })]
@@ -5357,7 +5357,7 @@ var bu = ({ state: e, specification: t }) => {
     K && /* @__PURE__ */ a("div", {
       className: "event-modeling-grid-specification-run-all-area",
       "data-slice-id": e.toString(),
-      children: /* @__PURE__ */ a(Se, {
+      children: /* @__PURE__ */ a(ye, {
         content: T.tooltip,
         position: "top",
         children: /* @__PURE__ */ a("button", {
@@ -5372,8 +5372,8 @@ var bu = ({ state: e, specification: t }) => {
         })
       })
     }),
-    B.map((I) => {
-      const { state: j, message: U } = o(I);
+    F.map((I) => {
+      const { state: j, message: Y } = o(I);
       return /* @__PURE__ */ S("div", {
         "data-slice-spec-col": "true",
         "data-slice-id": e.toString(),
@@ -5388,7 +5388,7 @@ var bu = ({ state: e, specification: t }) => {
           onRenamed: l.onSpecificationRenamed ? (ie) => E(I.id, ie) : void 0,
           onDeleted: l.onSpecificationRemoved ? () => N(I.id) : void 0,
           runState: j,
-          runMessage: U,
+          runMessage: Y,
           builderResult: I.builderResult,
           builderMessage: I.builderMessage,
           nameNotice: i?.(I),
@@ -5408,7 +5408,7 @@ var bu = ({ state: e, specification: t }) => {
     }),
     !g && (l.onSpecificationAdded || z) && /* @__PURE__ */ S("div", {
       className: "event-modeling-grid-specification-add-area",
-      children: [l.onSpecificationAdded && /* @__PURE__ */ a(Se, {
+      children: [l.onSpecificationAdded && /* @__PURE__ */ a(ye, {
         content: u.specifications.add,
         position: "top",
         children: /* @__PURE__ */ a("button", {
@@ -5421,7 +5421,7 @@ var bu = ({ state: e, specification: t }) => {
           "aria-label": u.specifications.add,
           children: "+"
         })
-      }), z && /* @__PURE__ */ a(Se, {
+      }), z && /* @__PURE__ */ a(ye, {
         content: Z.tooltip,
         position: "top",
         children: /* @__PURE__ */ a("button", {
@@ -5509,8 +5509,8 @@ function Gu(e, t) {
     t.fontFamily
   ]), [n, i];
 }
-var Uu = 250, Yu = "Inter, Helvetica, Arial, sans-serif", ut = ({ name: e, backgroundColor: t, textColor: n, isSelected: r = !1, disabled: o = !1, onSelected: i, onStartEdit: s, extraContent: d, children: l, ariaLabel: c, ariaPressed: u, "data-event-id": g, "data-card-id": v, "data-slice-id": h }) => {
-  const m = O(null), p = !!(i ?? s) || o, b = kt(Le().textSize), [f, y] = Gu(e, {
+var Uu = 250, Yu = "Inter, Helvetica, Arial, sans-serif", ut = ({ name: e, backgroundColor: t, textColor: n, isSelected: r = !1, disabled: o = !1, onSelected: i, onStartEdit: s, extraContent: d, children: l, ariaLabel: c, ariaPressed: u, "data-event-id": g, "data-card-id": v, "data-slice-id": p }) => {
+  const m = O(null), h = !!(i ?? s) || o, b = kt(Le().textSize), [f, y] = Gu(e, {
     fontFamily: Yu,
     fontWeight: "bold",
     maxFontSizePx: nr(13, b),
@@ -5548,7 +5548,7 @@ var Uu = 250, Yu = "Inter, Helvetica, Arial, sans-serif", ut = ({ name: e, backg
       }, C)) : y.lines[0]
     }), d]
   }), l] });
-  return p ? /* @__PURE__ */ a("button", {
+  return h ? /* @__PURE__ */ a("button", {
     className: "event-modeling-card",
     style: k,
     disabled: o,
@@ -5558,13 +5558,13 @@ var Uu = 250, Yu = "Inter, Helvetica, Arial, sans-serif", ut = ({ name: e, backg
     "aria-pressed": u,
     "data-event-id": g,
     "data-card-id": v,
-    "data-slice-id": h,
+    "data-slice-id": p,
     children: R
   }) : /* @__PURE__ */ a("div", {
     className: "event-modeling-card",
     "data-event-id": g,
     "data-card-id": v,
-    "data-slice-id": h,
+    "data-slice-id": p,
     children: R
   });
 }, Ae = {
@@ -5943,16 +5943,16 @@ var Uu = 250, Yu = "Inter, Helvetica, Arial, sans-serif", ut = ({ name: e, backg
   opacity: 0.8,
   marginTop: 4
 }, jr = ({ kind: e, artifactId: t, summary: n, description: r, tags: o, marker: i, schema: s, showDetails: d = !1, actions: l = [], onActivate: c, onSelected: u, ...g }) => {
-  const v = _e(), h = at(t), m = Ce(), p = dm(e, t, g.name, s), b = c ?? (v ? void 0 : p.onActivate), f = O(null), y = () => f.current?.getBoundingClientRect() ?? new DOMRect(), w = v ? [] : l.filter((R) => !R.when || !!t && R.when(t)), x = (R) => w.filter((M) => (M.corner ?? cm.end) === R), k = /* @__PURE__ */ S("div", {
+  const v = _e(), p = at(t), m = Ce(), h = dm(e, t, g.name, s), b = c ?? (v ? void 0 : h.onActivate), f = O(null), y = () => f.current?.getBoundingClientRect() ?? new DOMRect(), w = v ? [] : l.filter((R) => !R.when || !!t && R.when(t)), x = (R) => w.filter((M) => (M.corner ?? cm.end) === R), k = /* @__PURE__ */ S("div", {
     ref: f,
-    className: h ? "event-model-change-frame event-model-change-name" : void 0,
-    "data-board-change": h,
-    children: [!c && p.overlay, /* @__PURE__ */ a(ut, {
+    className: p ? "event-model-change-frame event-model-change-name" : void 0,
+    "data-board-change": p,
+    children: [!c && h.overlay, /* @__PURE__ */ a(ut, {
       backgroundColor: jo[e].background,
       textColor: jo[e].text,
       extraContent: /* @__PURE__ */ S(re, { children: [
         /* @__PURE__ */ a(Mt, {
-          change: h,
+          change: p,
           kind: Cm(e, m),
           name: g.name
         }),
@@ -5969,7 +5969,7 @@ var Uu = 250, Yu = "Inter, Helvetica, Arial, sans-serif", ut = ({ name: e, backg
         }),
         d && /* @__PURE__ */ a(Bt, {
           title: g.name,
-          schema: p.schema,
+          schema: h.schema,
           showTitle: !1,
           compact: !0
         })
@@ -5982,7 +5982,7 @@ var Uu = 250, Yu = "Inter, Helvetica, Arial, sans-serif", ut = ({ name: e, backg
         u?.();
       },
       ...g,
-      ariaLabel: h ? `${g.ariaLabel ?? g.name} · ${On(m, h)}` : g.ariaLabel
+      ariaLabel: p ? `${g.ariaLabel ?? g.name} · ${On(m, p)}` : g.ariaLabel
     })]
   });
   return e === ue.event && w.length === 0 ? k : /* @__PURE__ */ S("div", {
@@ -6033,12 +6033,12 @@ var Uu = 250, Yu = "Inter, Helvetica, Arial, sans-serif", ut = ({ name: e, backg
     }
   })
 }), Mm = 5, _n = ({ options: e, nameOf: t, color: n, searchPlaceholder: r, emptyLabel: o, onSelect: i, footer: s, trigger: d }) => {
-  const [l, c] = D(!1), [u, g] = D(""), v = O(null), h = O(null), m = e.length > Mm, p = () => {
+  const [l, c] = D(!1), [u, g] = D(""), v = O(null), p = O(null), m = e.length > Mm, h = () => {
     c(!1), g("");
-  }, b = ge(() => [v, h], []);
-  Dt(b, p, l);
+  }, b = ge(() => [v, p], []);
+  Dt(b, h, l);
   const f = u ? e.filter((w) => t(w).toLowerCase().includes(u.toLowerCase())) : e, y = (w) => {
-    i(w), p();
+    i(w), h();
   };
   return /* @__PURE__ */ S("div", {
     ref: v,
@@ -6054,7 +6054,7 @@ var Uu = 250, Yu = "Inter, Helvetica, Arial, sans-serif", ut = ({ name: e, backg
       align: "right",
       gap: 4,
       children: /* @__PURE__ */ S("div", {
-        ref: h,
+        ref: p,
         className: "event-modeling-grid-event-picker-dropdown",
         children: [m && /* @__PURE__ */ a("input", {
           className: "event-modeling-grid-event-picker-search",
@@ -6076,7 +6076,7 @@ var Uu = 250, Yu = "Inter, Helvetica, Arial, sans-serif", ut = ({ name: e, backg
               className: "event-modeling-grid-event-picker-empty",
               children: o
             }),
-            s?.(p)
+            s?.(h)
           ]
         })]
       })
@@ -6104,7 +6104,7 @@ var Uu = 250, Yu = "Inter, Helvetica, Arial, sans-serif", ut = ({ name: e, backg
       },
       children: /* @__PURE__ */ a("i", { className: "pi pi-plus" })
     })]
-  }) : /* @__PURE__ */ a(Se, {
+  }) : /* @__PURE__ */ a(ye, {
     content: r,
     position: "top",
     children: /* @__PURE__ */ a("button", {
@@ -6157,7 +6157,7 @@ var Uu = 250, Yu = "Inter, Helvetica, Arial, sans-serif", ut = ({ name: e, backg
         children: u.label
       }) }, g))
     ] }),
-    trigger: ({ toggle: c }) => /* @__PURE__ */ a(Se, {
+    trigger: ({ toggle: c }) => /* @__PURE__ */ a(ye, {
       content: d.addItem,
       position: "top",
       children: /* @__PURE__ */ a("button", {
@@ -6219,7 +6219,7 @@ var Uu = 250, Yu = "Inter, Helvetica, Arial, sans-serif", ut = ({ name: e, backg
       } : void 0
     })
   });
-  return Nm(r, o, i) ? /* @__PURE__ */ a(Se, {
+  return Nm(r, o, i) ? /* @__PURE__ */ a(ye, {
     content: /* @__PURE__ */ a(Ea, {
       title: e,
       values: r,
@@ -6311,22 +6311,22 @@ var Uu = 250, Yu = "Inter, Helvetica, Arial, sans-serif", ut = ({ name: e, backg
     removed: new Set([...e.removed].filter((i) => i !== r))
   };
 }, Tm = (e, t, n) => {
-  const r = e === F.stateChange ? Fn.events : e === F.stateView ? Fn.readModel : void 0;
+  const r = e === B.stateChange ? Fn.events : e === B.stateView ? Fn.readModel : void 0;
   return r === void 0 || r === Fn.readModel && (t.givenReadModel || t.givenContexts?.length) ? [] : n.filter((o) => o.kind === r && !t.givenContexts?.some((i) => i.givenContextId.equals(o.givenContextId)));
 }, $m = ({ sliceId: e, sliceType: t, specification: n, contexts: r }) => {
   const { editing: o, messages: i, navigation: s } = ne(), d = _e(), [l, c] = D(!1), u = O(!1), [g, v] = D({
     added: [],
     removed: /* @__PURE__ */ new Set()
-  }), h = n.givenContexts ?? [], m = Am(g, h);
+  }), p = n.givenContexts ?? [], m = Am(g, p);
   oe(() => {
     m !== g && v(m);
   }, [g, m]);
-  const p = Lm(h, m), b = new Set(m.added.map((w) => w.givenContextId.toString())), f = Tm(t, {
+  const h = Lm(p, m), b = new Set(m.added.map((w) => w.givenContextId.toString())), f = Tm(t, {
     ...n,
-    givenContexts: p
+    givenContexts: h
   }, r ?? []).filter((w) => !m.removed.has(w.givenContextId.toString()));
   return {
-    used: p,
+    used: h,
     offered: f,
     busy: l,
     execute: async (w, x) => {
@@ -6356,7 +6356,7 @@ var Uu = 250, Yu = "Inter, Helvetica, Arial, sans-serif", ut = ({ name: e, backg
   saving: "Saving…"
 }, _m = ({ sliceType: e, specification: t, contexts: n, state: r, labels: o = vn }) => {
   const { used: i, offered: s, busy: d, execute: l, editing: c, messages: u, readOnly: g } = r;
-  return g || n === void 0 || s.length === 0 && !d || !c.onGivenContextUsed || e !== F.stateChange && e !== F.stateView ? null : /* @__PURE__ */ a(_n, {
+  return g || n === void 0 || s.length === 0 && !d || !c.onGivenContextUsed || e !== B.stateChange && e !== B.stateView ? null : /* @__PURE__ */ a(_n, {
     options: s,
     nameOf: (v) => v.name ?? "",
     color: Ae.background,
@@ -6365,7 +6365,7 @@ var Uu = 250, Yu = "Inter, Helvetica, Arial, sans-serif", ut = ({ name: e, backg
     onSelect: (v) => {
       l(v, !1);
     },
-    trigger: ({ toggle: v }) => /* @__PURE__ */ a(Se, {
+    trigger: ({ toggle: v }) => /* @__PURE__ */ a(ye, {
       content: d ? o.saving : o.use,
       position: "top",
       children: /* @__PURE__ */ a("button", {
@@ -6373,10 +6373,10 @@ var Uu = 250, Yu = "Inter, Helvetica, Arial, sans-serif", ut = ({ name: e, backg
         className: "event-modeling-grid-add-button--small use-given-context-button",
         "aria-label": o.use,
         "aria-busy": d || void 0,
-        disabled: d || e === F.stateView && (!!t.givenReadModel || i.length > 0),
+        disabled: d || e === B.stateView && (!!t.givenReadModel || i.length > 0),
         onClick: v,
         children: /* @__PURE__ */ a("i", {
-          className: e === F.stateView ? "pi pi-database" : "pi pi-list",
+          className: e === B.stateView ? "pi pi-database" : "pi pi-list",
           style: { fontSize: 10 }
         })
       })
@@ -6417,12 +6417,12 @@ var Uu = 250, Yu = "Inter, Helvetica, Arial, sans-serif", ut = ({ name: e, backg
   onValuesSet: () => {
   }
 }), Fm = ({ sliceId: e, sliceType: t, specification: n, events: r, readModel: o, additionalReadModels: i = [], renamedReadModelName: s, contexts: d, contextLabels: l }) => {
-  const { editing: c, messages: u } = ne(), g = _e(), { onGivenEventAdded: v, onGivenEventValuesSet: h, onGivenReadModelSet: m, onGivenReadModelValuesSet: p, onGivenEventRemoved: b, onGivenReadModelRemoved: f, onSpecificationItemOpened: y, onGivenReadModelAdded: w, onGivenReadModelItemValuesSet: x, onGivenReadModelItemRemoved: k } = c, R = Vr(g, y), { isQueryMode: M } = Wr(n), [C, L] = D(n.givenReadModels ?? []), [V, Q] = D(n.given), [B, te] = D(n.givenReadModel), N = Te(Tn), [E, q] = D(() => ({
+  const { editing: c, messages: u } = ne(), g = _e(), { onGivenEventAdded: v, onGivenEventValuesSet: p, onGivenReadModelSet: m, onGivenReadModelValuesSet: h, onGivenEventRemoved: b, onGivenReadModelRemoved: f, onSpecificationItemOpened: y, onGivenReadModelAdded: w, onGivenReadModelItemValuesSet: x, onGivenReadModelItemRemoved: k } = c, R = Vr(g, y), { isQueryMode: M } = Wr(n), [C, L] = D(n.givenReadModels ?? []), [V, U] = D(n.given), [F, te] = D(n.givenReadModel), N = Te(Tn), [E, q] = D(() => ({
     ...Ma(n.given),
     ...n.givenReadModel ? { [n.givenReadModel.id.toString()]: n.givenReadModel.values ?? {} } : {},
     ...Object.fromEntries((n.givenReadModels ?? []).map((H) => [H.id.toString(), H.values ?? {}])),
     ...N.recall(n.id.toString())
-  })), A = g || !(v || h || m || p || b || f || R || w || x || k), P = A ? n.givenReadModels ?? [] : C, Z = A ? n.given : V, T = A ? n.givenReadModel : B, z = $m({
+  })), A = g || !(v || p || m || h || b || f || R || w || x || k), P = A ? n.givenReadModels ?? [] : C, Z = A ? n.given : V, T = A ? n.givenReadModel : F, z = $m({
     sliceId: e,
     sliceType: t,
     specification: {
@@ -6430,7 +6430,7 @@ var Uu = 250, Yu = "Inter, Helvetica, Arial, sans-serif", ut = ({ name: e, backg
       givenReadModel: T ?? n.givenReadModel
     },
     contexts: d
-  }), K = [...o ? [o] : [], ...i], I = K.find((H) => H.id.equals(T?.readModelItemId ?? pe.empty)), j = O(null), U = ge(() => Rm(r), [r]), ie = ge(() => new Map(U.map((H) => [H.id.toString(), H])), [U]), $ = (H, me, xe, De, Et, Y, fe) => R?.({
+  }), K = [...o ? [o] : [], ...i], I = K.find((H) => H.id.equals(T?.readModelItemId ?? pe.empty)), j = O(null), Y = ge(() => Rm(r), [r]), ie = ge(() => new Map(Y.map((H) => [H.id.toString(), H])), [Y]), $ = (H, me, xe, De, Et, X, fe) => R?.({
     sliceId: e,
     specificationId: n.id,
     itemId: H,
@@ -6440,14 +6440,14 @@ var Uu = 250, Yu = "Inter, Helvetica, Arial, sans-serif", ut = ({ name: e, backg
     values: (A ? fe : void 0) ?? E[H.toString()] ?? {},
     host: De,
     onValuesSet: (Ee) => {
-      q((we) => ({
-        ...we,
+      q((Se) => ({
+        ...Se,
         [H.toString()]: Ee
-      })), N.remember(n.id.toString(), H.toString(), Ee), Y(Ee);
+      })), N.remember(n.id.toString(), H.toString(), Ee), X(Ee);
     }
   }), _ = (H) => {
     const me = pe.create();
-    Q((xe) => [...xe, {
+    U((xe) => [...xe, {
       id: me,
       eventId: H.id,
       name: H.name,
@@ -6459,12 +6459,12 @@ var Uu = 250, Yu = "Inter, Helvetica, Arial, sans-serif", ut = ({ name: e, backg
       readModelItemId: H.id,
       name: H.name,
       values: me
-    }), m?.(e, n.id, H.id, H.name), p?.(e, n.id, me);
-  }, he = (H, me) => $(H.id, tt.readModel, H.name, me, H.schema, ee(H)), X = (H) => {
-    Q((me) => me.filter((xe) => !xe.id.equals(H))), b?.(e, n.id, H);
+    }), m?.(e, n.id, H.id, H.name), h?.(e, n.id, me);
+  }, he = (H, me) => $(H.id, tt.readModel, H.name, me, H.schema, ee(H)), Q = (H) => {
+    U((me) => me.filter((xe) => !xe.id.equals(H))), b?.(e, n.id, H);
   }, de = () => {
     te(void 0), f?.(e, n.id);
-  }, Pe = (H) => (me) => h?.(e, n.id, H, me), Ve = (H) => {
+  }, Pe = (H) => (me) => p?.(e, n.id, H, me), Ve = (H) => {
     const me = pe.create();
     L((xe) => [...xe, {
       id: me,
@@ -6490,25 +6490,25 @@ var Uu = 250, Yu = "Inter, Helvetica, Arial, sans-serif", ut = ({ name: e, backg
         onOpen: R && (g || $e && x) && me ? (De) => $(H.id, tt.readModel, xe, De, me.schema, ke(H), H.values) : void 0
       })
     }, H.id.toString());
-  }), ze = !g && t === F.stateChange && !!v, le = !g && !M && K.length > 0 && !!m && !!y && !z.busy && !(t === F.stateView && z.used.length > 0) && Om(!0, !!T), ce = T && (I?.id.equals(o?.id ?? pe.empty) ? s ?? I.name : I?.name ?? T.name), ye = T?.id ?? T?.readModelItemId, Be = T && ye && ce !== void 0 && /* @__PURE__ */ a(He, {
+  }), ze = !g && t === B.stateChange && !!v, le = !g && !M && K.length > 0 && !!m && !!y && !z.busy && !(t === B.stateView && z.used.length > 0) && Om(!0, !!T), ce = T && (I?.id.equals(o?.id ?? pe.empty) ? s ?? I.name : I?.name ?? T.name), we = T?.id ?? T?.readModelItemId, Be = T && we && ce !== void 0 && /* @__PURE__ */ a(He, {
     name: ce,
     onRemoved: f ? de : void 0,
     children: /* @__PURE__ */ a(qe, {
       name: ce,
       colors: We,
-      values: A ? T.values : E[ye.toString()] ?? T.values,
-      onOpen: R && (g || m) && I ? (H) => $(ye, tt.readModel, ce, H, I.schema, ee(I), T.values) : void 0
+      values: A ? T.values : E[we.toString()] ?? T.values,
+      onOpen: R && (g || m) && I ? (H) => $(we, tt.readModel, ce, H, I.schema, ee(I), T.values) : void 0
     })
-  }, ye.toString()), Oe = Z.map((H) => {
+  }, we.toString()), Oe = Z.map((H) => {
     const me = ie.get(Sn(H))?.name ?? H.name;
     return /* @__PURE__ */ a(He, {
       name: me,
-      onRemoved: b ? () => X(H.id) : void 0,
+      onRemoved: b ? () => Q(H.id) : void 0,
       children: /* @__PURE__ */ a(qe, {
         name: me,
         colors: Ae,
         values: A ? H.values : E[H.id.toString()] ?? H.values,
-        onOpen: R && (g || h) ? (xe) => $(H.id, tt.event, me, xe, ie.get(Sn(H))?.schema, Pe(H.id), H.values) : void 0
+        onOpen: R && (g || p) ? (xe) => $(H.id, tt.event, me, xe, ie.get(Sn(H))?.schema, Pe(H.id), H.values) : void 0
       })
     }, H.id.toString());
   }), Ge = {
@@ -6523,7 +6523,7 @@ var Uu = 250, Yu = "Inter, Helvetica, Arial, sans-serif", ut = ({ name: e, backg
     headline: u.specifications.given,
     actions: /* @__PURE__ */ S(re, { children: [
       ze && /* @__PURE__ */ a(qt, {
-        options: U,
+        options: Y,
         nameOf: (H) => H.name,
         onChosen: _
       }),
@@ -6536,7 +6536,7 @@ var Uu = 250, Yu = "Inter, Helvetica, Arial, sans-serif", ut = ({ name: e, backg
         onSelect: (H) => {
           j.current && he(H, j.current.getBoundingClientRect());
         },
-        trigger: ({ toggle: H }) => /* @__PURE__ */ a(Se, {
+        trigger: ({ toggle: H }) => /* @__PURE__ */ a(ye, {
           content: u.specifications.defineReadModel,
           position: "top",
           children: /* @__PURE__ */ a("button", {
@@ -6551,7 +6551,7 @@ var Uu = 250, Yu = "Inter, Helvetica, Arial, sans-serif", ut = ({ name: e, backg
           })
         })
       }),
-      le && K.length === 1 && /* @__PURE__ */ a(Se, {
+      le && K.length === 1 && /* @__PURE__ */ a(ye, {
         content: u.specifications.defineReadModel,
         position: "top",
         children: /* @__PURE__ */ a("button", {
@@ -6643,99 +6643,99 @@ var Uu = 250, Yu = "Inter, Helvetica, Arial, sans-serif", ut = ({ name: e, backg
       ...e?.eventSourceId ? { eventSourceId: e.eventSourceId } : {}
     };
 }, jm = (e, t) => t || Object.keys(e).length > 0, Vm = ({ sliceId: e, sliceType: t, specification: n, command: r, renamedCommandName: o, events: i = [], inputEvents: s = [], trigger: d, sliceName: l, queries: c = [] }) => {
-  const { editing: u, messages: g } = ne(), v = _e(), { onWhenCommandSet: h, onWhenCommandValuesSet: m, onSpecificationItemOpened: p, onWhenEventRedelivered: b, onWhenRedeliveryRemoved: f, onWhenEventValuesSet: y, onWhenEventRemoved: w, onWhenQuerySet: x, onWhenQueryArgumentsSet: k, onWhenQueryRemoved: R } = u, M = Vr(v, p), C = Lu();
+  const { editing: u, messages: g } = ne(), v = _e(), { onWhenCommandSet: p, onWhenCommandValuesSet: m, onSpecificationItemOpened: h, onWhenEventRedelivered: b, onWhenRedeliveryRemoved: f, onWhenEventValuesSet: y, onWhenEventRemoved: w, onWhenQuerySet: x, onWhenQueryArgumentsSet: k, onWhenQueryRemoved: R } = u, M = Vr(v, h), C = Lu();
   Wr(n);
-  const [L, V] = D(n.whenQuery), [Q, B] = D(n.when), [te, N] = D(n.whenRedelivered), E = Te(Tn), [q, A] = D(() => E.recall(n.id.toString()).when ?? n.when?.values ?? {}), P = v || !(h || m || M || b || f || y || w || x || k || R), [Z, T] = D(() => E.recall(n.id.toString())[Uo]), z = P ? n.whenEvent : Hm(n.whenEvent, Z), K = P ? n.whenRedelivered : te, I = P ? n.when : Q ?? n.when, j = (Y) => {
+  const [L, V] = D(n.whenQuery), [U, F] = D(n.when), [te, N] = D(n.whenRedelivered), E = Te(Tn), [q, A] = D(() => E.recall(n.id.toString()).when ?? n.when?.values ?? {}), P = v || !(p || m || M || b || f || y || w || x || k || R), [Z, T] = D(() => E.recall(n.id.toString())[Uo]), z = P ? n.whenEvent : Hm(n.whenEvent, Z), K = P ? n.whenRedelivered : te, I = P ? n.when : U ?? n.when, j = (X) => {
     const fe = pe.create();
-    B({
+    F({
       id: fe,
-      commandId: Y.id,
-      name: Y.name,
+      commandId: X.id,
+      name: X.name,
       values: {}
-    }), A({}), E.remember(n.id.toString(), qo, {}), h?.(e, n.id, fe, Y.id, Y.name);
-  }, U = P ? n.whenQuery : L, ie = (Y) => {
+    }), A({}), E.remember(n.id.toString(), qo, {}), p?.(e, n.id, fe, X.id, X.name);
+  }, Y = P ? n.whenQuery : L, ie = (X) => {
     V({
-      queryItemId: Y.id,
-      name: Y.name,
+      queryItemId: X.id,
+      name: X.name,
       arguments: {}
-    }), C(n.id, Y.id), x?.(e, n.id, Y.id, Y.name);
+    }), C(n.id, X.id), x?.(e, n.id, X.id, X.name);
   }, $ = () => {
     V(void 0), C(n.id, void 0), R?.(e, n.id);
-  }, _ = (Y, fe) => {
-    const Ee = c.find((we) => we.id.equals(Y.queryItemId));
+  }, _ = (X, fe) => {
+    const Ee = c.find((Se) => Se.id.equals(X.queryItemId));
     return M?.({
       sliceId: e,
       specificationId: n.id,
-      itemId: Y.queryItemId,
+      itemId: X.queryItemId,
       kind: tt.query,
-      name: Y.name,
+      name: X.name,
       schema: Ee ? Wm(Ee) : void 0,
-      values: Y.arguments,
+      values: X.arguments,
       host: fe,
-      onValuesSet: (we) => {
+      onValuesSet: (Se) => {
         V((Je) => Je && {
           ...Je,
-          arguments: we
-        }), k?.(e, n.id, we);
+          arguments: Se
+        }), k?.(e, n.id, Se);
       }
     });
-  }, ee = (Y) => {
-    N({ givenEventId: Y }), b?.(e, n.id, Y);
+  }, ee = (X) => {
+    N({ givenEventId: X }), b?.(e, n.id, X);
   }, he = () => {
     N(void 0), f?.(e, n.id);
-  }, X = (Y) => {
-    T(Y), E.remember(n.id.toString(), Uo, Y);
-  }, de = (Y, fe) => {
-    const Ee = Un(z, Y);
+  }, Q = (X) => {
+    T(X), E.remember(n.id.toString(), Uo, X);
+  }, de = (X, fe) => {
+    const Ee = Un(z, X);
     return M?.({
       sliceId: e,
       specificationId: n.id,
-      itemId: Y.id,
+      itemId: X.id,
       kind: tt.event,
-      name: Y.name,
-      schema: Y.schema,
+      name: X.name,
+      schema: X.schema,
       values: Ee ? z?.values ?? {} : {},
       host: fe,
-      onValuesSet: (we) => {
-        jm(we, Ee) && (X({
+      onValuesSet: (Se) => {
+        jm(Se, Ee) && (Q({
           from: hr(n.whenEvent),
-          eventId: Y.id.toString(),
-          name: Y.name,
-          values: we
-        }), y?.(e, n.id, Y.id, Y.name, we, z?.eventSourceId));
+          eventId: X.id.toString(),
+          name: X.name,
+          values: Se
+        }), y?.(e, n.id, X.id, X.name, Se, z?.eventSourceId));
       }
     });
   }, Pe = () => {
-    X({
+    Q({
       from: hr(n.whenEvent),
       eventId: z?.eventId.toString() ?? "",
       name: z?.name ?? ""
     }), w?.(e, n.id);
-  }, Ve = !!M && (v || !!y), Ue = (Y, fe, Ee, we, Je) => M?.({
+  }, Ve = !!M && (v || !!y), Ue = (X, fe, Ee, Se, Je) => M?.({
     sliceId: e,
     specificationId: n.id,
-    itemId: Y,
+    itemId: X,
     kind: tt.command,
     name: Ee,
     schema: fe && r?.id.equals(fe) ? r.schema : void 0,
     values: Je,
-    host: we,
+    host: Se,
     onValuesSet: (It) => {
-      A(It), B((Jt) => Jt && {
+      A(It), F((Jt) => Jt && {
         ...Jt,
         values: It
       }), E.remember(n.id.toString(), qo, It), m?.(e, n.id, It);
     }
-  }), ke = t === F.stateChange ? r : void 0, Ye = t === F.stateView ? i : t === F.translator ? s : [], $e = !!ke && !!I && (I.commandId ? ke.id.equals(I.commandId) : !I.name || I.name === ke.name), Ke = I && (I.commandId && r?.id.equals(I.commandId) ? o ?? I.name : I.name), Fe = !!M && (v || !!m), ze = $e && I ? I.id : ke?.id, le = $e ? P ? I?.values : q : void 0, ce = n.caller, ye = P ? I?.values : q, Be = t === F.automation || t === F.translator, Oe = K && n.given.find((Y) => Y.id.equals(K.givenEventId));
+  }), ke = t === B.stateChange ? r : void 0, Ye = t === B.stateView ? i : t === B.translator ? s : [], $e = !!ke && !!I && (I.commandId ? ke.id.equals(I.commandId) : !I.name || I.name === ke.name), Ke = I && (I.commandId && r?.id.equals(I.commandId) ? o ?? I.name : I.name), Fe = !!M && (v || !!m), ze = $e && I ? I.id : ke?.id, le = $e ? P ? I?.values : q : void 0, ce = n.caller, we = P ? I?.values : q, Be = t === B.automation || t === B.translator, Oe = K && n.given.find((X) => X.id.equals(K.givenEventId));
   if (Be && K && Oe) {
-    const Y = i.find((Ee) => Ee.id.equals(Oe.eventId))?.name ?? Oe.name, fe = l ? g.specifications.redeliveredTo.replace("{slice}", l) : g.specifications.redelivered;
+    const X = i.find((Ee) => Ee.id.equals(Oe.eventId))?.name ?? Oe.name, fe = l ? g.specifications.redeliveredTo.replace("{slice}", l) : g.specifications.redelivered;
     return /* @__PURE__ */ S(yt, {
       headline: g.specifications.when,
       children: [/* @__PURE__ */ a(He, {
-        name: Y,
+        name: X,
         onRemoved: f ? he : void 0,
         children: /* @__PURE__ */ a(qe, {
-          name: Y,
+          name: X,
           colors: Ae,
           values: Oe.values
         }, Oe.id.toString())
@@ -6745,25 +6745,25 @@ var Uu = 250, Yu = "Inter, Helvetica, Arial, sans-serif", ut = ({ name: e, backg
       })]
     });
   }
-  if (U) {
-    const Y = !v && !U.legacy, fe = c.find((we) => we.id.equals(U.queryItemId)), Ee = fe?.name ?? U.name;
+  if (Y) {
+    const X = !v && !Y.legacy, fe = c.find((Se) => Se.id.equals(Y.queryItemId)), Ee = fe?.name ?? Y.name;
     return /* @__PURE__ */ a(yt, {
       headline: g.specifications.when,
       children: /* @__PURE__ */ a(He, {
         name: Ee,
-        onRemoved: Y && R ? $ : void 0,
+        onRemoved: X && R ? $ : void 0,
         children: /* @__PURE__ */ a(qe, {
           name: Ee,
           colors: Wo,
-          values: U.arguments,
-          onOpen: (v || Y && k) && M && fe && fe.parameters.length > 0 ? (we) => _(U, we) : void 0
-        }, U.queryItemId.toString())
+          values: Y.arguments,
+          onOpen: (v || X && k) && M && fe && fe.parameters.length > 0 ? (Se) => _(Y, Se) : void 0
+        }, Y.queryItemId.toString())
       })
     });
   }
-  const Ge = t === F.stateView ? i : [];
-  if (z && !Ge.some((Y) => Un(z, Y))) {
-    const Y = i.find((we) => we.id.equals(z.eventId) || we.name.toLowerCase() === z.name.toLowerCase()), fe = Y?.name ?? z.name, Ee = g.specifications.values ?? $t;
+  const Ge = t === B.stateView ? i : [];
+  if (z && !Ge.some((X) => Un(z, X))) {
+    const X = i.find((Se) => Se.id.equals(z.eventId) || Se.name.toLowerCase() === z.name.toLowerCase()), fe = X?.name ?? z.name, Ee = g.specifications.values ?? $t;
     return /* @__PURE__ */ a(yt, {
       headline: g.specifications.when,
       children: /* @__PURE__ */ a(He, {
@@ -6774,28 +6774,28 @@ var Uu = 250, Yu = "Inter, Helvetica, Arial, sans-serif", ut = ({ name: e, backg
           colors: Ae,
           values: z.values,
           message: z.eventSourceId ? Vo(z.eventSourceId, Ee) : void 0,
-          onOpen: Ve && Y ? (we) => de(Y, we) : void 0
+          onOpen: Ve && X ? (Se) => de(X, Se) : void 0
         }, z.id.toString())
       })
     });
   }
   const H = !!I && Object.keys(I.values ?? {}).length > 0, me = Be ? Bm(n.given, d, i, s) : [], xe = !v && !H && b && me.length > 0 ? [{
     heading: g.specifications.redeliverGivenEvent,
-    options: me.map((Y) => ({
-      label: i.find((fe) => fe.id.equals(Y.eventId))?.name ?? Y.name,
-      onChosen: () => ee(Y.id)
+    options: me.map((X) => ({
+      label: i.find((fe) => fe.id.equals(X.eventId))?.name ?? X.name,
+      onChosen: () => ee(X.id)
     }))
-  }] : [], De = !v && t === F.stateView && !z && !I && !K && c.length > 0 && !!x, Et = !v && t !== F.stateChange && t !== F.stateView && !I && !!r && !!h;
+  }] : [], De = !v && t === B.stateView && !z && !I && !K && c.length > 0 && !!x, Et = !v && t !== B.stateChange && t !== B.stateView && !I && !!r && !!p;
   return /* @__PURE__ */ S(yt, {
     headline: g.specifications.when,
     actions: (Et || xe.length > 0 || De) && (De ? /* @__PURE__ */ a(qt, {
       options: c,
-      nameOf: (Y) => Y.name,
+      nameOf: (X) => X.name,
       onChosen: ie,
       color: Wo.background
     }) : /* @__PURE__ */ a(qt, {
       options: Et && r ? [r] : [],
-      nameOf: (Y) => Y.name,
+      nameOf: (X) => X.name,
       onChosen: j,
       groups: xe
     })),
@@ -6803,52 +6803,52 @@ var Uu = 250, Yu = "Inter, Helvetica, Arial, sans-serif", ut = ({ name: e, backg
       I && Ke && !$e && /* @__PURE__ */ a(qe, {
         name: Ke,
         colors: Ft,
-        values: ye,
+        values: we,
         caller: ce,
-        onOpen: Fe ? (Y) => Ue(I.id, I.commandId, Ke, Y, ye ?? {}) : void 0
+        onOpen: Fe ? (X) => Ue(I.id, I.commandId, Ke, X, we ?? {}) : void 0
       }, I.id.toString()),
       ke && ze && /* @__PURE__ */ a(qe, {
         name: ke.name,
         colors: Ft,
         values: le,
         caller: ce,
-        onOpen: Fe ? (Y) => Ue(ze, ke.id, ke.name, Y, le ?? {}) : void 0
+        onOpen: Fe ? (X) => Ue(ze, ke.id, ke.name, X, le ?? {}) : void 0
       }, ze.toString()),
-      Ye.map((Y) => {
-        const fe = t === F.stateView && Un(z, Y), Ee = Ge.find((Je) => Je.id.equals(Y.id)), we = /* @__PURE__ */ a(qe, {
-          name: Y.name,
-          colors: t === F.translator ? mr : Ae,
+      Ye.map((X) => {
+        const fe = t === B.stateView && Un(z, X), Ee = Ge.find((Je) => Je.id.equals(X.id)), Se = /* @__PURE__ */ a(qe, {
+          name: X.name,
+          colors: t === B.translator ? mr : Ae,
           caller: ce,
           values: fe ? z?.values : void 0,
           message: fe && z?.eventSourceId ? Vo(z.eventSourceId, g.specifications.values ?? $t) : void 0,
           onOpen: Ve && Ee ? (Je) => de(Ee, Je) : void 0
-        }, Y.id.toString());
+        }, X.id.toString());
         return fe ? /* @__PURE__ */ a(He, {
-          name: Y.name,
+          name: X.name,
           onRemoved: w ? Pe : void 0,
-          children: we
-        }, Y.id.toString()) : we;
+          children: Se
+        }, X.id.toString()) : Se;
       })
     ]
   });
 }, Gm = (e) => {
   switch (e) {
-    case F.stateChange:
+    case B.stateChange:
       return {
         events: !0,
         errors: !0,
         readModel: !1,
         noEvents: !0
       };
-    case F.automation:
-    case F.translator:
+    case B.automation:
+    case B.translator:
       return {
         events: !0,
         errors: !1,
         readModel: !1,
         noEvents: !0
       };
-    case F.stateView:
+    case B.stateView:
       return {
         events: !1,
         errors: !1,
@@ -6918,11 +6918,11 @@ var Uu = 250, Yu = "Inter, Helvetica, Arial, sans-serif", ut = ({ name: e, backg
     disabled: n
   });
 }, Zm = ({ sliceId: e, sliceType: t, specification: n, events: r, command: o, readModel: i, renamedEventNames: s = {}, extra: d, extraGroups: l, queries: c = [], onItemsChanged: u }) => {
-  const { editing: g, messages: v } = ne(), h = _e(), { onThenEventAdded: m, onThenEventValuesSet: p, onThenErrorAdded: b, onThenRuleErrorAdded: f, onThenErrorRenamed: y, onThenEventRemoved: w, onThenErrorRemoved: x, onThenReadModelValuesSet: k, onSpecificationItemOpened: R, onThenNoEventsExpected: M, onThenNoEventsRemoved: C, onThenEventsInAnyOrderExpected: L, onThenEventsInAnyOrderRemoved: V, onThenResultAdded: Q, onThenResultValuesSet: B, onThenResultRemoved: te, onThenQueryRemoved: N } = g, E = Vr(h, R), { isQueryMode: q, queryItemId: A } = Wr(n), [P, Z] = D(n.thenReadModels ?? []), [T, z] = D(n.thenEvents), [K, I] = D(n.thenErrors), [j, U] = D(n.thenNoEvents === !0), [ie, $] = D(n.thenEventsInAnyOrder === !0), _ = Te(Tn), ee = _.recall(n.id.toString()), [he, X] = D(() => ({
+  const { editing: g, messages: v } = ne(), p = _e(), { onThenEventAdded: m, onThenEventValuesSet: h, onThenErrorAdded: b, onThenRuleErrorAdded: f, onThenErrorRenamed: y, onThenEventRemoved: w, onThenErrorRemoved: x, onThenReadModelValuesSet: k, onSpecificationItemOpened: R, onThenNoEventsExpected: M, onThenNoEventsRemoved: C, onThenEventsInAnyOrderExpected: L, onThenEventsInAnyOrderRemoved: V, onThenResultAdded: U, onThenResultValuesSet: F, onThenResultRemoved: te, onThenQueryRemoved: N } = g, E = Vr(p, R), { isQueryMode: q, queryItemId: A } = Wr(n), [P, Z] = D(n.thenReadModels ?? []), [T, z] = D(n.thenEvents), [K, I] = D(n.thenErrors), [j, Y] = D(n.thenNoEvents === !0), [ie, $] = D(n.thenEventsInAnyOrder === !0), _ = Te(Tn), ee = _.recall(n.id.toString()), [he, Q] = D(() => ({
     ...Ma(n.thenEvents),
     ...Object.fromEntries((n.thenReadModels ?? []).map((W) => [W.id.toString(), W.values ?? {}])),
     ...ee
-  })), de = n.thenReadModel, Pe = !!de && !!i && i.id.equals(de.readModelItemId), [Ve, Ue] = D(() => ee[i?.id.toString() ?? ""] ?? (Pe ? de?.values : void 0) ?? {}), ke = h || !(m || p || b || f || y || w || x || k || E || M || C || L || V || Q || B || te || N), Ye = ke ? n.thenReadModels ?? [] : P, $e = ke ? n.thenNoEvents === !0 : j, Ke = ke ? n.thenEventsInAnyOrder === !0 : ie, Fe = ke ? n.thenEvents : T, ze = ke ? n.thenErrors : K;
+  })), de = n.thenReadModel, Pe = !!de && !!i && i.id.equals(de.readModelItemId), [Ve, Ue] = D(() => ee[i?.id.toString() ?? ""] ?? (Pe ? de?.values : void 0) ?? {}), ke = p || !(m || h || b || f || y || w || x || k || E || M || C || L || V || U || F || te || N), Ye = ke ? n.thenReadModels ?? [] : P, $e = ke ? n.thenNoEvents === !0 : j, Ke = ke ? n.thenEventsInAnyOrder === !0 : ie, Fe = ke ? n.thenEvents : T, ze = ke ? n.thenErrors : K;
   oe(() => {
     u?.(Fe.length, ze.length);
   }, [
@@ -6930,16 +6930,16 @@ var Uu = 250, Yu = "Inter, Helvetica, Arial, sans-serif", ut = ({ name: e, backg
     Fe.length,
     ze.length
   ]);
-  const le = ge(() => new Map(r.map((W) => [W.id.toString(), W])), [r]), ce = ge(() => Ym(o, r), [o, r]), ye = Gm(t), Be = c.find((W) => A && W.id.equals(A)), Oe = !h && q && n.whenQuery?.legacy !== !0, Ge = Be ? zm(Be) : !0, H = (W) => {
+  const le = ge(() => new Map(r.map((W) => [W.id.toString(), W])), [r]), ce = ge(() => Ym(o, r), [o, r]), we = Gm(t), Be = c.find((W) => A && W.id.equals(A)), Oe = !p && q && n.whenQuery?.legacy !== !0, Ge = Be ? zm(Be) : !0, H = (W) => {
     const ve = pe.create();
     Z((be) => [...be, {
       id: ve,
       readModelItemId: W.id,
       name: W.name
-    }]), Q?.(e, n.id, ve, W.id, W.name);
+    }]), U?.(e, n.id, ve, W.id, W.name);
   }, me = (W) => {
     Z((ve) => ve.filter((be) => !be.id.equals(W))), te?.(e, n.id, W);
-  }, xe = n.whenQuery?.legacy === !0 ? n.whenQuery.storedQueryId : void 0, De = xe && N && !h ? () => {
+  }, xe = n.whenQuery?.legacy === !0 ? n.whenQuery.storedQueryId : void 0, De = xe && N && !p ? () => {
     Z([]), N(e, n.id, xe);
   } : void 0, Et = q && De && Ye.length === 0 && n.whenQuery ? /* @__PURE__ */ a(He, {
     name: n.whenQuery.name,
@@ -6948,7 +6948,7 @@ var Uu = 250, Yu = "Inter, Helvetica, Arial, sans-serif", ut = ({ name: e, backg
       name: n.whenQuery.name,
       colors: We
     })
-  }, xe?.toString()) : void 0, Y = q ? Ye.map((W, ve) => {
+  }, xe?.toString()) : void 0, X = q ? Ye.map((W, ve) => {
     const be = i?.id.equals(W.readModelItemId) ? i.name : W.name;
     return /* @__PURE__ */ a(He, {
       name: be,
@@ -6957,7 +6957,7 @@ var Uu = 250, Yu = "Inter, Helvetica, Arial, sans-serif", ut = ({ name: e, backg
         name: be,
         colors: We,
         values: ke ? W.values : he[W.id.toString()] ?? W.values,
-        onOpen: (h || Oe && B) && E && i ? (nt) => E({
+        onOpen: (p || Oe && F) && E && i ? (nt) => E({
           sliceId: e,
           specificationId: n.id,
           itemId: W.id,
@@ -6967,18 +6967,18 @@ var Uu = 250, Yu = "Inter, Helvetica, Arial, sans-serif", ut = ({ name: e, backg
           values: he[W.id.toString()] ?? W.values ?? {},
           host: nt,
           onValuesSet: (st) => {
-            X((Gt) => ({
+            Q((Gt) => ({
               ...Gt,
               [W.id.toString()]: st
             })), _.remember(n.id.toString(), W.id.toString(), st), Z((Gt) => Gt.map((Dn) => Dn.id.equals(W.id) ? {
               ...Dn,
               values: st
-            } : Dn)), B?.(e, n.id, W.id, W.readModelItemId, be, st);
+            } : Dn)), F?.(e, n.id, W.id, W.readModelItemId, be, st);
           }
         }) : void 0
       })
     }, W.id.toString());
-  }) : [], fe = Oe && !!Q && !!i && (Ge || Ye.length === 0), Ee = (W) => {
+  }) : [], fe = Oe && !!U && !!i && (Ge || Ye.length === 0), Ee = (W) => {
     const ve = pe.create();
     z((be) => [...be, {
       id: ve,
@@ -6986,7 +6986,7 @@ var Uu = 250, Yu = "Inter, Helvetica, Arial, sans-serif", ut = ({ name: e, backg
       name: W.name,
       values: {}
     }]), m?.(e, n.id, ve, W.id, W.name);
-  }, we = () => {
+  }, Se = () => {
     const W = pe.create(), ve = v.specifications.error;
     I((be) => [...be, {
       id: W,
@@ -7005,9 +7005,9 @@ var Uu = 250, Yu = "Inter, Helvetica, Arial, sans-serif", ut = ({ name: e, backg
       name: ve
     } : nt)), y?.(e, n.id, W, ve);
   }, Jt = () => {
-    U(!0), M?.(e, n.id);
+    Y(!0), M?.(e, n.id);
   }, Xa = () => {
-    U(!1), C?.(e, n.id);
+    Y(!1), C?.(e, n.id);
   }, Qa = () => {
     $(!0), L?.(e, n.id);
   }, Za = () => {
@@ -7025,7 +7025,7 @@ var Uu = 250, Yu = "Inter, Helvetica, Arial, sans-serif", ut = ({ name: e, backg
         name: be,
         colors: Ae,
         values: ke ? W.values : he[W.id.toString()] ?? W.values,
-        onOpen: E && (h || p) ? (nt) => E({
+        onOpen: E && (p || h) ? (nt) => E({
           sliceId: e,
           specificationId: n.id,
           itemId: W.id,
@@ -7035,10 +7035,10 @@ var Uu = 250, Yu = "Inter, Helvetica, Arial, sans-serif", ut = ({ name: e, backg
           values: (ke ? W.values : he[W.id.toString()]) ?? {},
           host: nt,
           onValuesSet: (st) => {
-            X((Gt) => ({
+            Q((Gt) => ({
               ...Gt,
               [W.id.toString()]: st
-            })), _.remember(n.id.toString(), W.id.toString(), st), p?.(e, n.id, W.id, st);
+            })), _.remember(n.id.toString(), W.id.toString(), st), h?.(e, n.id, W.id, st);
           }
         }) : void 0
       })
@@ -7050,14 +7050,14 @@ var Uu = 250, Yu = "Inter, Helvetica, Arial, sans-serif", ut = ({ name: e, backg
       textColor: bt.text
     }) : /* @__PURE__ */ a(Qm, {
       name: W.name,
-      onRenamed: !h && y ? (nt) => It(W.id, nt) : void 0
+      onRenamed: !p && y ? (nt) => It(W.id, nt) : void 0
     });
     return /* @__PURE__ */ a("div", {
       className: "event-modeling-spec-error",
       children: /* @__PURE__ */ a(He, {
         name: ve,
         onRemoved: x ? () => Ja(W.id) : void 0,
-        children: W.message ? /* @__PURE__ */ a(Se, {
+        children: W.message ? /* @__PURE__ */ a(ye, {
           content: /* @__PURE__ */ a(Ea, {
             title: ve,
             message: W.message
@@ -7083,19 +7083,19 @@ var Uu = 250, Yu = "Inter, Helvetica, Arial, sans-serif", ut = ({ name: e, backg
       backgroundColor: Ae.background,
       textColor: Ae.text
     })
-  }, "events-in-any-order"), ns = ye.noEvents && !!L && !Ke && !$e && Fe.length > 0, no = [...ye.noEvents && M && !$e && Fe.length === 0 && ze.length === 0 ? [{
+  }, "events-in-any-order"), ns = we.noEvents && !!L && !Ke && !$e && Fe.length > 0, no = [...we.noEvents && M && !$e && Fe.length === 0 && ze.length === 0 ? [{
     label: v.specifications.noEvents,
     onChosen: Jt
   }] : [], ...ns ? [{
     label: v.specifications.eventsInAnyOrder,
     onChosen: Qa
-  }] : []], ro = ye.errors && !$e ? [...b ? [{
+  }] : []], ro = we.errors && !$e ? [...b ? [{
     label: v.specifications.addError,
-    onChosen: we
+    onChosen: Se
   }] : [], ...f ? ce.map((W) => ({
     label: W.label,
     onChosen: () => Je(W.reference)
-  })) : []] : [], rs = ye.events && m && !$e ? r : [], oo = l ?? [], os = oo.some((W) => W.options.length > 0);
+  })) : []] : [], rs = we.events && m && !$e ? r : [], oo = l ?? [], os = oo.some((W) => W.options.length > 0);
   if (q) return /* @__PURE__ */ S(yt, {
     headline: v.specifications.then,
     actions: fe && i && /* @__PURE__ */ a(qt, {
@@ -7108,7 +7108,7 @@ var Uu = 250, Yu = "Inter, Helvetica, Arial, sans-serif", ut = ({ name: e, backg
     children: [
       eo,
       to,
-      Y,
+      X,
       Et,
       /* @__PURE__ */ a(vr, {
         declaration: n.outcomes,
@@ -7116,14 +7116,14 @@ var Uu = 250, Yu = "Inter, Helvetica, Arial, sans-serif", ut = ({ name: e, backg
       })
     ]
   });
-  const is = ye.events && m !== void 0 && !$e || ro.length > 0 || os || no.length > 0, as = !h && is && /* @__PURE__ */ a(qt, {
+  const is = we.events && m !== void 0 && !$e || ro.length > 0 || os || no.length > 0, as = !p && is && /* @__PURE__ */ a(qt, {
     options: rs,
     nameOf: (W) => W.name,
     onChosen: Ee,
     errors: ro,
     statements: no,
     groups: oo
-  }), io = t === F.stateView && i && l === void 0, ao = Pe ? ke ? de?.values : Ve : void 0, ss = !!de && l === void 0 && !(io && Pe);
+  }), io = t === B.stateView && i && l === void 0, ao = Pe ? ke ? de?.values : Ve : void 0, ss = !!de && l === void 0 && !(io && Pe);
   return /* @__PURE__ */ S(yt, {
     headline: v.specifications.then,
     actions: as,
@@ -7144,7 +7144,7 @@ var Uu = 250, Yu = "Inter, Helvetica, Arial, sans-serif", ut = ({ name: e, backg
           kind: tt.readModel,
           name: i.name,
           schema: i.schema,
-          values: (h ? ao : Ve) ?? {},
+          values: (p ? ao : Ve) ?? {},
           host: W,
           onValuesSet: (ve) => {
             Ue(ve), _.remember(n.id.toString(), i.id.toString(), ve), k?.(e, n.id, i.id, i.name, ve);
@@ -7200,7 +7200,7 @@ var Uu = 250, Yu = "Inter, Helvetica, Arial, sans-serif", ut = ({ name: e, backg
     })
   });
 }, eg = (e) => e.slice.preview ? /* @__PURE__ */ a(Jm, { ...e }) : /* @__PURE__ */ a(Na, { ...e }), Na = ({ slice: e, collapsed: t, moduleId: n, featureId: r, collection: o, rows: i, heights: s, priorEvents: d, followingEvents: l = [], externalEvents: c, slots: u, controls: g, header: v }) => {
-  const { detailLevel: h, detailsVisibility: m } = Le(), p = wi(h, Si(m, n.toString(), r.toString(), e.id.toString())), b = /* @__PURE__ */ a(Pv, {
+  const { detailLevel: p, detailsVisibility: m } = Le(), h = wi(p, Si(m, n.toString(), r.toString(), e.id.toString())), b = /* @__PURE__ */ a(Pv, {
     featureId: r,
     slice: e,
     eventCount: e.events.length,
@@ -7229,7 +7229,7 @@ var Uu = 250, Yu = "Inter, Helvetica, Arial, sans-serif", ut = ({ name: e, backg
     body: (f) => f ? /* @__PURE__ */ S(re, { children: [u?.sliceBodyOverlay ? u.sliceBodyOverlay(e, t) : /* @__PURE__ */ a(Km, {
       slice: e,
       collapsed: t,
-      showDetails: p
+      showDetails: h
     }), /* @__PURE__ */ a(Jv, {
       sliceType: e.sliceType,
       contentRows: i,
@@ -7242,7 +7242,7 @@ var Uu = 250, Yu = "Inter, Helvetica, Arial, sans-serif", ut = ({ name: e, backg
           collapsed: t
         }, x = {
           ...w,
-          showDetails: p
+          showDetails: h
         };
         if (u?.sliceCell) {
           const k = u.sliceCell(e, y);
@@ -7266,7 +7266,7 @@ var Uu = 250, Yu = "Inter, Helvetica, Arial, sans-serif", ut = ({ name: e, backg
             return /* @__PURE__ */ a(ch, {
               ...w,
               sliceType: e.sliceType,
-              isSystemSlice: !!y.actor && (e.sliceType === F.automation || e.sliceType === F.translator),
+              isSystemSlice: !!y.actor && (e.sliceType === B.automation || e.sliceType === B.translator),
               triggerType: e.automationTrigger?.type,
               reactionRefusals: e.reactionRefusals,
               reactionInvocations: e.reactionInvocations
@@ -7354,13 +7354,13 @@ var Uu = 250, Yu = "Inter, Helvetica, Arial, sans-serif", ut = ({ name: e, backg
       children: e.name
     })]
   })
-}), tg = ({ feature: e, options: t, moduleId: n, collection: r, rows: o, heights: i, slices: s, externalEvents: d, slots: l, editor: c, onSliceArea: u, sliceAreas: g, renderHeader: v, onSlicesChanged: h }) => {
-  const m = O(null), { textSize: p } = Le(), b = G((M) => Pn(M, kt(p)), [p]), f = (M) => s.slice(0, s.findIndex((C) => C.id.equals(M))).filter((C) => C.sliceType === F.stateChange).flatMap((C) => C.events), y = (M) => s.slice(s.findIndex((C) => C.id.equals(M)) + 1).filter((C) => C.sliceType === F.stateChange).flatMap((C) => C.events), w = G(async (M, C, L) => {
+}), tg = ({ feature: e, options: t, moduleId: n, collection: r, rows: o, heights: i, slices: s, externalEvents: d, slots: l, editor: c, onSliceArea: u, sliceAreas: g, renderHeader: v, onSlicesChanged: p }) => {
+  const m = O(null), { textSize: h } = Le(), b = G((M) => Pn(M, kt(h)), [h]), f = (M) => s.slice(0, s.findIndex((C) => C.id.equals(M))).filter((C) => C.sliceType === B.stateChange).flatMap((C) => C.events), y = (M) => s.slice(s.findIndex((C) => C.id.equals(M)) + 1).filter((C) => C.sliceType === B.stateChange).flatMap((C) => C.events), w = G(async (M, C, L) => {
     const V = g.get(C.toString());
     V?.moveIn(M, L);
     try {
-      const Q = await c.onMoveSlice?.(M, e.id, C, L) ?? !1;
-      return V?.completeMoveIn(M.id, Q), Q;
+      const U = await c.onMoveSlice?.(M, e.id, C, L) ?? !1;
+      return V?.completeMoveIn(M.id, U), U;
     } catch {
       return V?.completeMoveIn(M.id, !1), !1;
     }
@@ -7406,7 +7406,7 @@ var Uu = 250, Yu = "Inter, Helvetica, Arial, sans-serif", ut = ({ name: e, backg
       featureCollapsed: t.collapsed,
       hideEmptyPlaceholder: t.headerVisibility === "hidden",
       createSlice: (M) => M,
-      onSlicesChanged: h,
+      onSlicesChanged: p,
       takenArtifactNames: k,
       onAddSlice: c.onAddSlice ? (M, C) => c.onAddSlice?.(e.id, M, C) ?? Promise.resolve(void 0) : void 0,
       onReorderSlices: c.onReorderSlices ? (M) => c.onReorderSlices?.(e.id, M) ?? Promise.resolve(!1) : void 0,
@@ -7437,10 +7437,10 @@ var Uu = 250, Yu = "Inter, Helvetica, Arial, sans-serif", ut = ({ name: e, backg
             } : V)), c.onSliceCollapseChanged?.(e.id, M.id, !C.sliceCollapsed);
           } : void 0,
           onRenamed: c.onSliceRenamed ? (L) => {
-            m.current?.updateSlices((V) => V.map((Q) => Q.id.equals(M.id) ? {
-              ...Q,
+            m.current?.updateSlices((V) => V.map((U) => U.id.equals(M.id) ? {
+              ...U,
               name: L
-            } : Q)), c.onSliceRenamed?.(e.id, M.id, L);
+            } : U)), c.onSliceRenamed?.(e.id, M.id, L);
           } : void 0,
           onMoveToFeature: c.onMoveSlice ? (L) => x(M, L) : void 0,
           onDuplicated: c.onSliceDuplicated ? (L) => {
@@ -7457,10 +7457,10 @@ var Uu = 250, Yu = "Inter, Helvetica, Arial, sans-serif", ut = ({ name: e, backg
     addSubFeature: (f, y) => u.current?.addSubFeature(f, y) ?? Promise.resolve(),
     updateFeature: (f, y) => u.current?.updateFeature(f, y)
   }), []);
-  const h = Qt(n).map((f) => f.slice), m = Qt({
+  const p = Qt(n).map((f) => f.slice), m = Qt({
     ...n,
     modules: n.modules.filter((f) => !f.id.equals(t))
-  }).flatMap((f) => f.slice.events), p = (f) => d.onAddSlice ? (y, w) => c.current.get(f.toString())?.addSlice(y, void 0, w) : void 0, b = (f, y) => s?.featureHeader?.(f, y) ?? /* @__PURE__ */ a(pu, {
+  }).flatMap((f) => f.slice.events), h = (f) => d.onAddSlice ? (y, w) => c.current.get(f.toString())?.addSlice(y, void 0, w) : void 0, b = (f, y) => s?.featureHeader?.(f, y) ?? /* @__PURE__ */ a(pu, {
     featureId: f.id,
     name: f.name,
     description: f.description,
@@ -7491,7 +7491,7 @@ var Uu = 250, Yu = "Inter, Helvetica, Arial, sans-serif", ut = ({ name: e, backg
       ...y,
       onDragStart: y.onDragStart ? (w) => y.onDragStart?.(f.id, f.name, w) : void 0,
       onAddSubFeature: y.addSubFeature,
-      onAddSlice: p(f.id)
+      onAddSlice: h(f.id)
     }),
     renderColumn: (f, y) => /* @__PURE__ */ a(tg, {
       feature: f,
@@ -7500,7 +7500,7 @@ var Uu = 250, Yu = "Inter, Helvetica, Arial, sans-serif", ut = ({ name: e, backg
       collection: n,
       rows: o,
       heights: i,
-      slices: h,
+      slices: p,
       externalEvents: m,
       slots: s,
       editor: d,
@@ -7514,13 +7514,13 @@ var Uu = 250, Yu = "Inter, Helvetica, Arial, sans-serif", ut = ({ name: e, backg
       },
       renderHeader: (w) => b(f, {
         ...w,
-        onAddSlice: p(f.id)
+        onAddSlice: h(f.id)
       })
     })
   });
-}, rg = ({ module: e, liveFeatures: t, index: n, collection: r, rows: o, heights: i, slots: s, editor: d, dragging: l, onDragStart: c, onAddModule: u, onToggleCollapse: g, onRenamed: v, onFeaturesChanged: h }) => {
-  const m = O(null), p = O(null), b = d.onAddFeature ? (M) => {
-    p.current?.addFeature(M);
+}, rg = ({ module: e, liveFeatures: t, index: n, collection: r, rows: o, heights: i, slots: s, editor: d, dragging: l, onDragStart: c, onAddModule: u, onToggleCollapse: g, onRenamed: v, onFeaturesChanged: p }) => {
+  const m = O(null), h = O(null), b = d.onAddFeature ? (M) => {
+    h.current?.addFeature(M);
   } : void 0, f = Rr(m, void 0, "heavy"), { density: y, textSize: w } = Le(), x = kt(w), k = ia(e.name, t ?? e.features, y, x), R = /* @__PURE__ */ a(Lc, {
     moduleId: e.id,
     collectionId: r.id,
@@ -7553,7 +7553,7 @@ var Uu = 250, Yu = "Inter, Helvetica, Arial, sans-serif", ut = ({ name: e, backg
       width: k
     }),
     content: f ? /* @__PURE__ */ a(ng, {
-      ref: p,
+      ref: h,
       moduleId: e.id,
       collection: r,
       features: e.features,
@@ -7561,7 +7561,7 @@ var Uu = 250, Yu = "Inter, Helvetica, Arial, sans-serif", ut = ({ name: e, backg
       heights: i,
       slots: s,
       editor: d,
-      onFeaturesChanged: (M) => h?.(e.id, M)
+      onFeaturesChanged: (M) => p?.(e.id, M)
     }) : /* @__PURE__ */ a(Ac, {
       width: k,
       height: ra(r, o, i),
@@ -7585,10 +7585,10 @@ function ig(e, t) {
     features: n.features.map((r) => Oa(t, r))
   }));
 }
-var ag = () => 1, sg = ({ collection: e, getZoom: t = ag, slots: n, onDeselect: r, onCollectionMoving: o, onCollectionMoved: i, onCollectionMoveCanceled: s, canMove: d, onAddModule: l, onModulesReordered: c, onCollapseChanged: u, onRenameModule: g, onModulesChanged: v, onFeaturesChanged: h, onPersistenceError: m, rowLabels: p, onActorsReordered: b, onAddFeature: f, onRenameFeature: y, onFeatureCollapseChanged: w, onFeatureRowExpand: x, onFeaturesReordered: k, onAddSlice: R, onReorderSlices: M, onMoveSlice: C, validateSliceDrop: L, onSliceCollapseChanged: V, onSliceRenamed: Q, onSliceDuplicated: B, takenArtifactNames: te }) => {
-  const { readOnly: N, editing: E } = ne(), [q, A] = D(/* @__PURE__ */ new Map()), P = G((le, ce) => A((ye) => new Map(ye).set(le.toString(), ce)), []), Z = ge(() => ig(e.modules, q), [e.modules, q]), T = N ? {
+var ag = () => 1, sg = ({ collection: e, getZoom: t = ag, slots: n, onDeselect: r, onCollectionMoving: o, onCollectionMoved: i, onCollectionMoveCanceled: s, canMove: d, onAddModule: l, onModulesReordered: c, onCollapseChanged: u, onRenameModule: g, onModulesChanged: v, onFeaturesChanged: p, onPersistenceError: m, rowLabels: h, onActorsReordered: b, onAddFeature: f, onRenameFeature: y, onFeatureCollapseChanged: w, onFeatureRowExpand: x, onFeaturesReordered: k, onAddSlice: R, onReorderSlices: M, onMoveSlice: C, validateSliceDrop: L, onSliceCollapseChanged: V, onSliceRenamed: U, onSliceDuplicated: F, takenArtifactNames: te }) => {
+  const { readOnly: N, editing: E } = ne(), [q, A] = D(/* @__PURE__ */ new Map()), P = G((le, ce) => A((we) => new Map(we).set(le.toString(), ce)), []), Z = ge(() => ig(e.modules, q), [e.modules, q]), T = N ? {
     onFeatureCollapseChanged: P,
-    onSliceCollapseChanged: (le, ce, ye) => P(ce, ye)
+    onSliceCollapseChanged: (le, ce, we) => P(ce, we)
   } : {
     onAddFeature: f,
     onRenameFeature: y,
@@ -7600,16 +7600,16 @@ var ag = () => 1, sg = ({ collection: e, getZoom: t = ag, slots: n, onDeselect:
     onMoveSlice: C,
     validateSliceDrop: L,
     onSliceCollapseChanged: V,
-    onSliceRenamed: Q,
-    onSliceDuplicated: B,
+    onSliceRenamed: U,
+    onSliceDuplicated: F,
     takenArtifactNames: te
-  }, [z, K] = D(e.modules), [I, j] = D(/* @__PURE__ */ new Map()), U = O(null), [ie, $] = D(0), _ = !!(l || c || u || g || b || f || y || w || x || k || R || M || C || V || Q || B || d && o && i || og(E)), ee = N || !_, he = N ? Z : e.modules, X = (ee ? he : z).map((le) => ({
+  }, [z, K] = D(e.modules), [I, j] = D(/* @__PURE__ */ new Map()), Y = O(null), [ie, $] = D(0), _ = !!(l || c || u || g || b || f || y || w || x || k || R || M || C || V || U || F || d && o && i || og(E)), ee = N || !_, he = N ? Z : e.modules, Q = (ee ? he : z).map((le) => ({
     ...le,
     features: ee ? le.features : I.get(le.id.toString()) ?? le.features
   })), de = {
     ...e,
-    modules: X
-  }, Pe = Tr(de), Ve = sa(), Ue = na(de, Ve, Le().textSize), ke = Qt(de), Ye = ke.length > 0 && X.some((le) => !le.collapsed), $e = !!(d && o && i), Ke = _c(ke.map(({ slice: le }) => ({
+    modules: Q
+  }, Pe = Tr(de), Ve = sa(), Ue = na(de, Ve, Le().textSize), ke = Qt(de), Ye = ke.length > 0 && Q.some((le) => !le.collapsed), $e = !!(d && o && i), Ke = _c(ke.map(({ slice: le }) => ({
     id: le.id.toString(),
     name: le.name,
     events: le.events.map((ce) => ({
@@ -7619,20 +7619,20 @@ var ag = () => 1, sg = ({ collection: e, getZoom: t = ag, slots: n, onDeselect:
     })),
     automationTriggerEventId: le.automationTrigger?.eventId?.toString()
   }))), Fe = G(() => {
-    const le = U.current;
+    const le = Y.current;
     if (!le) return;
-    const ce = le.querySelector(".event-modeling-grid-slice-column-header"), ye = ce ? Math.max(0, Math.round((ce.getBoundingClientRect().bottom - le.getBoundingClientRect().top) / t() - 4)) : 0;
-    $((Be) => $l(Be, ye));
+    const ce = le.querySelector(".event-modeling-grid-slice-column-header"), we = ce ? Math.max(0, Math.round((ce.getBoundingClientRect().bottom - le.getBoundingClientRect().top) / t() - 4)) : 0;
+    $((Be) => $l(Be, we));
   }, [t]);
   xt(Fe), oe(() => {
-    const le = U.current;
+    const le = Y.current;
     if (!le) return;
     const ce = new ResizeObserver(Fe);
     ce.observe(le);
-    const ye = le.querySelector(".event-modeling-grid-slices-area");
-    ye && ce.observe(ye);
+    const we = le.querySelector(".event-modeling-grid-slices-area");
+    we && ce.observe(we);
     const Be = le.querySelector(".event-modeling-grid-slice-column-header");
-    for (let Oe = Be; Oe && Oe !== ye && Oe !== le; Oe = Oe.parentElement) {
+    for (let Oe = Be; Oe && Oe !== we && Oe !== le; Oe = Oe.parentElement) {
       ce.observe(Oe);
       for (let Ge = Oe.previousElementSibling; Ge; Ge = Ge.previousElementSibling) ce.observe(Ge);
     }
@@ -7665,14 +7665,14 @@ var ag = () => 1, sg = ({ collection: e, getZoom: t = ag, slots: n, onDeselect:
         onCollectionMoveCanceled: s
       }), /* @__PURE__ */ S("div", {
         className: "event-modeling-grid-content-row",
-        ref: U,
+        ref: Y,
         children: [
-          Ye && (p ? p(ze) : /* @__PURE__ */ a(nc, { ...ze })),
+          Ye && (h ? h(ze) : /* @__PURE__ */ a(nc, { ...ze })),
           Ye && /* @__PURE__ */ a(Uc, {
-            container: U,
+            container: Y,
             getZoom: t
           }),
-          !Ye && $e && X.length > 0 && /* @__PURE__ */ a("div", {
+          !Ye && $e && Q.length > 0 && /* @__PURE__ */ a("div", {
             "aria-hidden": "true",
             style: {
               width: 56,
@@ -7708,8 +7708,8 @@ var ag = () => 1, sg = ({ collection: e, getZoom: t = ag, slots: n, onDeselect:
                   onToggleCollapse: ce.onToggleCollapse,
                   onRenamed: ce.onRenamed,
                   editor: T,
-                  onFeaturesChanged: (ye, Be) => {
-                    j((Oe) => new Map(Oe).set(ye.toString(), Be)), h?.(ye, Be);
+                  onFeaturesChanged: (we, Be) => {
+                    j((Oe) => new Map(Oe).set(we.toString(), Be)), p?.(we, Be);
                   }
                 })
               })
@@ -7911,12 +7911,12 @@ var ag = () => 1, sg = ({ collection: e, getZoom: t = ag, slots: n, onDeselect:
     center: Rl(i.start, i.end)
   }];
 }), pg = 2e3, fg = ({ links: e, collections: t, getZoom: n, onCollectionsLinked: r, onCollectionsUnlinked: o, onPersistenceError: i }) => {
-  const s = ne(), d = s.messages.links, l = s.readOnly ? void 0 : r, c = s.readOnly ? void 0 : o, [u, g] = D(null), [v, h] = D(() => mg(e)), m = O(v), p = (A) => {
+  const s = ne(), d = s.messages.links, l = s.readOnly ? void 0 : r, c = s.readOnly ? void 0 : o, [u, g] = D(null), [v, p] = D(() => mg(e)), m = O(v), h = (A) => {
     const P = A(m.current);
-    m.current = P, h(P);
+    m.current = P, p(P);
   };
   oe(() => {
-    e !== m.current.snapshot && p((A) => Gr(A, e));
+    e !== m.current.snapshot && h((A) => Gr(A, e));
   }, [e]);
   const b = Cn(v), f = O(null), y = O(null), w = `module-collection-link-arrow-${Ht().replace(/:/g, "")}`, x = ge(() => new Map(t.map((A) => {
     const P = {
@@ -7974,27 +7974,27 @@ var ag = () => 1, sg = ({ collection: e, getZoom: t = ag, slots: n, onDeselect:
       targetCollectionId: z.id
     }, I = it(P.sourceId, z.id);
     if (!(m.current.pending.has(I) || Cn(m.current).some((j) => it(j.sourceCollectionId, j.targetCollectionId) === I))) {
-      p((j) => gg(j, K));
+      h((j) => gg(j, K));
       try {
         const j = await l(P.sourceId, z.id);
-        p((U) => Yo(U, K, j));
+        h((Y) => Yo(Y, K, j));
       } catch (j) {
-        if (p((U) => Yo(U, K)), i) i(j);
+        if (h((Y) => Yo(Y, K)), i) i(j);
         else throw j;
       }
     }
-  }, Q = async (A) => {
+  }, U = async (A) => {
     if (!(!c || m.current.pending.size > 0)) {
-      p((P) => vg(P, A));
+      h((P) => vg(P, A));
       try {
         const P = await c(A);
-        p((Z) => Xo(Z, A, P));
+        h((Z) => Xo(Z, A, P));
       } catch (P) {
-        if (p((Z) => Xo(Z, A, !1)), i) i(P);
+        if (h((Z) => Xo(Z, A, !1)), i) i(P);
         else throw P;
       }
     }
-  }, B = () => {
+  }, F = () => {
     f.current = null, y.current = null, g(null);
   }, te = Array.from(x.values());
   if (te.length === 0) return null;
@@ -8067,7 +8067,7 @@ var ag = () => 1, sg = ({ collection: e, getZoom: t = ag, slots: n, onDeselect:
           onPointerDown: C(A, Z, T),
           onPointerMove: L,
           onPointerUp: V,
-          onPointerCancel: B
+          onPointerCancel: F
         }, `${A.toString()}-${Z}`);
       })),
       c && v.pending.size === 0 && k.map(({ link: A, center: P }) => /* @__PURE__ */ a("button", {
@@ -8080,7 +8080,7 @@ var ag = () => 1, sg = ({ collection: e, getZoom: t = ag, slots: n, onDeselect:
         title: d.removeLink,
         onPointerDown: (Z) => Z.stopPropagation(),
         onClick: () => {
-          Q(A.id);
+          U(A.id);
         },
         children: /* @__PURE__ */ a("i", { className: "pi pi-times" })
       }, A.id.toString()))
@@ -8157,8 +8157,8 @@ var kg = (e, t) => e.size === t.size && [...e].every(([n, r]) => {
   g.current = () => {
     const m = t.current;
     if (!s.current || !m || u.length === 0) return;
-    const p = wg(s.current, m, u, n(), r);
-    c((b) => kg(b, p) ? b : p);
+    const h = wg(s.current, m, u, n(), r);
+    c((b) => kg(b, h) ? b : h);
   }, xt(() => g.current(), [
     u,
     o,
@@ -8166,10 +8166,10 @@ var kg = (e, t) => e.size === t.size && [...e].every(([n, r]) => {
   ]), oe(() => {
     const m = t.current;
     if (!m || u.length === 0 || (g.current(), typeof MutationObserver > "u")) return;
-    let p;
+    let h;
     const b = new MutationObserver(() => {
-      p === void 0 && (p = requestAnimationFrame(() => {
-        p = void 0, g.current();
+      h === void 0 && (h = requestAnimationFrame(() => {
+        h = void 0, g.current();
       }));
     });
     return b.observe(m, {
@@ -8178,12 +8178,12 @@ var kg = (e, t) => e.size === t.size && [...e].every(([n, r]) => {
       attributes: !0,
       attributeFilter: ["class", "data-collapsed"]
     }), () => {
-      b.disconnect(), p !== void 0 && cancelAnimationFrame(p);
+      b.disconnect(), h !== void 0 && cancelAnimationFrame(h);
     };
   }, [t, u]);
   const v = ge(() => Mg(e, l), [e, l]);
   if (e.length === 0) return null;
-  const h = i.sliceLinks ?? Ze.sliceLinks;
+  const p = i.sliceLinks ?? Ze.sliceLinks;
   return /* @__PURE__ */ a("div", {
     ref: s,
     className: "slice-link-layer",
@@ -8215,7 +8215,7 @@ var kg = (e, t) => e.size === t.size && [...e].every(([n, r]) => {
         })
       })] }), v.map((m) => /* @__PURE__ */ S("g", {
         role: "img",
-        "aria-label": m.label ? `${h[m.emphasis]}: ${m.label}` : h[m.emphasis],
+        "aria-label": m.label ? `${p[m.emphasis]}: ${m.label}` : p[m.emphasis],
         "data-slice-link": m.emphasis,
         children: [/* @__PURE__ */ a("path", {
           d: m.path,
@@ -8362,7 +8362,7 @@ var kg = (e, t) => e.size === t.size && [...e].every(([n, r]) => {
   }
 }, ln = 50, dn = () => {
 }, _g = (e) => e.stopPropagation(), $a = ls(({ notes: e, boardRoot: t }, n) => {
-  const { editing: r, actions: o, messages: i } = ne(), s = uv(), d = O(new $g(e)), l = O(/* @__PURE__ */ new Set()), c = O(!1), u = O(/* @__PURE__ */ new Set()), g = O(/* @__PURE__ */ new Set()), [v, h] = D(0), [m, p] = D(), [b, f] = D(), y = O(null), w = ge(() => [y], []), x = G(() => h((N) => N + 1), []);
+  const { editing: r, actions: o, messages: i } = ne(), s = uv(), d = O(new $g(e)), l = O(/* @__PURE__ */ new Set()), c = O(!1), u = O(/* @__PURE__ */ new Set()), g = O(/* @__PURE__ */ new Set()), [v, p] = D(0), [m, h] = D(), [b, f] = D(), y = O(null), w = ge(() => [y], []), x = G(() => p((N) => N + 1), []);
   oe(() => {
     d.current.reconcile(e), x();
   }, [e, x]), oe(() => {
@@ -8373,7 +8373,7 @@ var kg = (e, t) => e.size === t.size && [...e].every(([n, r]) => {
     }, Math.max(0, N - Date.now()));
     return () => clearTimeout(E);
   }, [v, x]);
-  const k = G((N, E, q) => l.current.has(N) ? Promise.resolve() : (l.current.add(N), d.current.change(N, E), d.current.begin(N, E), x(), Promise.resolve().then(q).then((A) => (A === !1 && (d.current.rollback(N, E), d.current.get(N) || p((P) => P === N ? void 0 : P), x()), A !== !1)).catch((A) => (d.current.rollback(N, E), d.current.get(N) || p((P) => P === N ? void 0 : P), x(), o.stickyNoteError ? o.stickyNoteError(A) : console.error(A), !1)).finally(() => {
+  const k = G((N, E, q) => l.current.has(N) ? Promise.resolve() : (l.current.add(N), d.current.change(N, E), d.current.begin(N, E), x(), Promise.resolve().then(q).then((A) => (A === !1 && (d.current.rollback(N, E), d.current.get(N) || h((P) => P === N ? void 0 : P), x()), A !== !1)).catch((A) => (d.current.rollback(N, E), d.current.get(N) || h((P) => P === N ? void 0 : P), x(), o.stickyNoteError ? o.stickyNoteError(A) : console.error(A), !1)).finally(() => {
     d.current.settle(N, E), l.current.delete(N), x();
   })), [o, x]);
   jt(n, () => ({ add(N) {
@@ -8390,7 +8390,7 @@ var kg = (e, t) => e.size === t.size && [...e].every(([n, r]) => {
       height: ln,
       text: i.stickyNotes.newNote
     };
-    p(q.id), k(q.id, q, () => E(q)).then((A) => {
+    h(q.id), k(q.id, q, () => E(q)).then((A) => {
       A && o.stickyNoteCreated?.(q);
     }).finally(() => {
       c.current = !1, o.stickyNoteCreatingChanged?.(!1);
@@ -8401,7 +8401,7 @@ var kg = (e, t) => e.size === t.size && [...e].every(([n, r]) => {
     i,
     k
   ]);
-  const R = r.onStickyNoteMoved || r.onStickyNoteResized || r.onStickyNoteTextChanged || r.onStickyNoteRemoved ? p : void 0;
+  const R = r.onStickyNoteMoved || r.onStickyNoteResized || r.onStickyNoteTextChanged || r.onStickyNoteRemoved ? h : void 0;
   Dt(w, () => R?.(void 0), m !== void 0 && !!R);
   const M = (N, E) => {
     const q = d.current.get(N);
@@ -8427,20 +8427,20 @@ var kg = (e, t) => e.size === t.size && [...e].every(([n, r]) => {
       width: E.width,
       height: E.height
     }));
-  }, Q = (N, E) => {
+  }, U = (N, E) => {
     const q = d.current.get(N);
     q && q.text !== E && r.onStickyNoteTextChanged && k(N, {
       ...q,
       text: E
     }, () => r.onStickyNoteTextChanged?.(N, E));
-  }, B = (N, E) => {
+  }, F = (N, E) => {
     const q = d.current.get(N);
     q && (q.colour ?? ft.yellow) !== E && r.onStickyNoteColourChanged && k(N, {
       ...q,
       colour: E
     }, () => r.onStickyNoteColourChanged?.(N, E));
   }, te = G((N) => {
-    !d.current.get(N) || !r.onStickyNoteRemoved || l.current.has(N) || (p((E) => E === N ? void 0 : E), k(N, null, () => r.onStickyNoteRemoved?.(N)));
+    !d.current.get(N) || !r.onStickyNoteRemoved || l.current.has(N) || (h((E) => E === N ? void 0 : E), k(N, null, () => r.onStickyNoteRemoved?.(N)));
   }, [r, k]);
   return oe(() => {
     if (!r.onStickyNoteRemoved || m === void 0) return;
@@ -8497,12 +8497,12 @@ var kg = (e, t) => e.size === t.size && [...e].every(([n, r]) => {
                 height: z
               }) : dn,
               onResizeEnd: r.onStickyNoteResized ? V : void 0,
-              onTextChange: r.onStickyNoteTextChanged ? Q : dn,
+              onTextChange: r.onStickyNoteTextChanged ? U : dn,
               onExpandedChange: (A, P) => f((Z) => P ? A : Z === A ? void 0 : Z)
             }),
             m === N.id && r.onStickyNoteColourChanged && !l.current.has(N.id) && /* @__PURE__ */ a(Tg, {
               current: N.colour,
-              onPick: (A) => B(N.id, A)
+              onPick: (A) => F(N.id, A)
             }),
             l.current.has(N.id) && /* @__PURE__ */ a("span", {
               className: "event-model-sticky-note__progress",
@@ -8519,8 +8519,8 @@ $a.displayName = "StickyNotes";
 var _a = gi(({ collection: e, estimatedSize: t, measuredSize: n, onSize: r, getZoom: o, canMove: i, onCollectionMoving: s, onCollectionMoved: d, onCollectionMoveCanceled: l, content: c, onGridMounted: u }) => {
   const g = G((v) => /* @__PURE__ */ a("div", {
     style: { display: "contents" },
-    ref: (h) => {
-      u?.(v.collection, !!h);
+    ref: (p) => {
+      u?.(v.collection, !!p);
     },
     children: /* @__PURE__ */ a(sg, {
       ...v,
@@ -8728,14 +8728,14 @@ function ev(e, t, n, r, o, i, s = 1, d = {
   x: 0,
   y: 0
 }) {
-  const l = e.toString().toLowerCase(), c = O(null), u = O(null), [g, v] = D(!1), h = O({
+  const l = e.toString().toLowerCase(), c = O(null), u = O(null), [g, v] = D(!1), p = O({
     zoom: s,
     pan: d
-  }), m = O(/* @__PURE__ */ new Map()), p = O(0), b = O(void 0);
+  }), m = O(/* @__PURE__ */ new Map()), h = O(0), b = O(void 0);
   oe(() => () => {
-    p.current++, b.current = void 0;
+    h.current++, b.current = void 0;
   }, []), oe(() => () => {
-    p.current++;
+    h.current++;
   }, [l]);
   const f = G((k, R) => {
     const M = k.id.toString().toLowerCase();
@@ -8745,7 +8745,7 @@ function ev(e, t, n, r, o, i, s = 1, d = {
   }, [i]), w = G((k) => t.find((R) => R.id.toString().toLowerCase() === k || R.modules.some((M) => M.id.toString().toLowerCase() === k) || n.contains?.(R, k)), [t, n]), x = G(async (k, R) => {
     const M = k.toString().toLowerCase(), C = w(M);
     if (!C || !u.current || !c.current) return !1;
-    const L = C.id.toString().toLowerCase(), V = ++p.current;
+    const L = C.id.toString().toLowerCase(), V = ++h.current;
     return Jg({
       camera: u.current,
       root: c.current,
@@ -8754,12 +8754,12 @@ function ev(e, t, n, r, o, i, s = 1, d = {
         ...r.get(C.id.toString()) ?? n.estimateSize(C)
       },
       path: () => {
-        const Q = m.current.get(L);
-        return (Q && yr(Q, M)) ?? (L === M ? [M] : [L, M]);
+        const U = m.current.get(L);
+        return (U && yr(U, M)) ?? (L === M ? [M] : [L, M]);
       },
-      transform: () => h.current,
-      active: () => V === p.current,
-      nextFrame: () => new Promise((Q) => requestAnimationFrame(Q))
+      transform: () => p.current,
+      active: () => V === h.current,
+      nextFrame: () => new Promise((U) => requestAnimationFrame(U))
     }, R?.animate ?? !0);
   }, [
     w,
@@ -8779,16 +8779,16 @@ function ev(e, t, n, r, o, i, s = 1, d = {
     handleReady: y,
     scrollTo: x,
     onGridMounted: f,
-    transform: h
+    transform: p
   };
 }
 function tv(e, t, n = !0) {
   const r = O(/* @__PURE__ */ new Set()), [o, i] = D(r.current), [s, d] = D(void 0), { collections: l, moveCollection: c, collectionMoved: u } = e, g = ge(() => n ? s ? l.map((m) => {
     if (o.has(m.id.toString())) return m;
-    const p = s.get(m.id.toString());
-    return p && p !== m.position ? {
+    const h = s.get(m.id.toString());
+    return h && h !== m.position ? {
       ...m,
-      position: p
+      position: h
     } : m;
   }) : Id(kd(l), t) : l, [
     l,
@@ -8796,26 +8796,26 @@ function tv(e, t, n = !0) {
     n,
     o,
     s
-  ]), v = G((m, p, b) => {
+  ]), v = G((m, h, b) => {
     const f = m.toString();
     if (!r.current.has(f)) {
       r.current.size || d(new Map(g.map((x) => [x.id.toString(), x.position])));
       const y = g.find((x) => x.id.equals(m))?.position, w = l.find((x) => x.id.equals(m))?.position;
-      p += (y?.x ?? 0) - (w?.x ?? 0), b += (y?.y ?? 0) - (w?.y ?? 0), r.current = /* @__PURE__ */ new Set([...r.current, f]), i(r.current);
+      h += (y?.x ?? 0) - (w?.x ?? 0), b += (y?.y ?? 0) - (w?.y ?? 0), r.current = /* @__PURE__ */ new Set([...r.current, f]), i(r.current);
     }
-    c(m, p, b);
+    c(m, h, b);
   }, [
     g,
     l,
     c
-  ]), h = G((m) => {
+  ]), p = G((m) => {
     r.current = new Set(r.current), r.current.delete(m.toString()), i(r.current), r.current.size || d(void 0);
   }, []);
   return {
     placed: g,
     moveCollection: v,
-    collectionMoved: G((m, p) => (h(m), u(m, p)), [u, h]),
-    collectionMoveCanceled: h
+    collectionMoved: G((m, h) => (p(m), u(m, h)), [u, p]),
+    collectionMoveCanceled: p
   };
 }
 function ei(e) {
@@ -8830,21 +8830,21 @@ function ei(e) {
   }, [e]);
 }
 var nv = ({ id: e, collections: t, links: n, stickyNotes: r, readOnly: o, editor: i, canvas: s, showMinimap: d, changes: l, initialFocus: c, handle: u, sliceLinks: g, separateOverlaps: v = !0 }) => {
-  const h = o ? void 0 : i?.links, m = Nd({
+  const p = o ? void 0 : i?.links, m = Nd({
     initialCollections: t.initialCollections,
     onAddCollection: t.onAddCollection,
     onCollectionMoved: t.onCollectionMoved,
     onCollectionsChange: t.onCollectionsChange,
     onPersistenceError: t.onPersistenceError
-  }), { collections: p, pendingMoveIds: b, canMove: f, addCollection: y } = m, [w, x] = D(/* @__PURE__ */ new Map()), k = O(s?.initialZoom ?? 1), R = G(() => k.current, []), M = O(null), { estimateSize: C, countSlices: L, renderCollection: V } = t, Q = G((_, ee, he) => {
-    x((X) => {
-      const de = _.toString(), Pe = X.get(de);
-      return Pe?.width === ee && Pe.height === he ? X : new Map(X).set(de, {
+  }), { collections: h, pendingMoveIds: b, canMove: f, addCollection: y } = m, [w, x] = D(/* @__PURE__ */ new Map()), k = O(s?.initialZoom ?? 1), R = G(() => k.current, []), M = O(null), { estimateSize: C, countSlices: L, renderCollection: V } = t, U = G((_, ee, he) => {
+    x((Q) => {
+      const de = _.toString(), Pe = Q.get(de);
+      return Pe?.width === ee && Pe.height === he ? Q : new Map(Q).set(de, {
         width: ee,
         height: he
       });
     });
-  }, []), B = ei(C), te = ei(G((_) => (ee) => V(_, ee), [V])), N = G((_) => w.get(_.id.toString()) ?? B(_), [w, B]), { placed: E, moveCollection: q, collectionMoved: A, collectionMoveCanceled: P } = tv(m, N, v), Z = G((_) => jg({
+  }, []), F = ei(C), te = ei(G((_) => (ee) => V(_, ee), [V])), N = G((_) => w.get(_.id.toString()) ?? F(_), [w, F]), { placed: E, moveCollection: q, collectionMoved: A, collectionMoveCanceled: P } = tv(m, N, v), Z = G((_) => jg({
     documentId: e,
     collections: E,
     estimateSize: C,
@@ -8877,8 +8877,8 @@ var nv = ({ id: e, collections: t, links: n, stickyNotes: r, readOnly: o, editor
   ]);
   const z = ge(() => Yg(E.map((_) => ({
     position: _.position,
-    size: B(_)
-  }))), [E, B]), K = ge(() => Qg(p.reduce((_, ee) => _ + L(ee), 0)), [p, L]), I = ge(() => E.flatMap((_) => {
+    size: F(_)
+  }))), [E, F]), K = ge(() => Qg(h.reduce((_, ee) => _ + L(ee), 0)), [h, L]), I = ge(() => E.flatMap((_) => {
     const ee = w.get(_.id.toString());
     return ee ? [{
       id: _.id,
@@ -8887,22 +8887,22 @@ var nv = ({ id: e, collections: t, links: n, stickyNotes: r, readOnly: o, editor
       height: ee.height
     }] : [];
   }), [E, w]), j = G((_) => {
-    for (const ee of p) {
+    for (const ee of h) {
       const he = t.path?.(ee, _);
       if (he) return he;
       if (t.contains?.(ee, _)) return [ee.id.toString().toLowerCase(), _];
     }
-  }, [p, t]), U = s?.onTransformChange, ie = G((_, ee) => {
+  }, [h, t]), Y = s?.onTransformChange, ie = G((_, ee) => {
     k.current = _, T.transform.current = {
       zoom: _,
       pan: ee
-    }, U?.(_, ee);
-  }, [U, T.transform]), $ = /* @__PURE__ */ S(re, { children: [
+    }, Y?.(_, ee);
+  }, [Y, T.transform]), $ = /* @__PURE__ */ S(re, { children: [
     E.map((_) => /* @__PURE__ */ a(_a, {
       collection: _,
-      estimatedSize: B(_),
+      estimatedSize: F(_),
       measuredSize: w.get(_.id.toString()),
-      onSize: Q,
+      onSize: U,
       getZoom: R,
       canMove: f && !b.has(_.id.toString()),
       onCollectionMoving: f ? q : void 0,
@@ -8915,7 +8915,7 @@ var nv = ({ id: e, collections: t, links: n, stickyNotes: r, readOnly: o, editor
       links: n,
       collections: I,
       getZoom: R,
-      ...h
+      ...p
     }),
     g && g.length > 0 && /* @__PURE__ */ a(Eg, {
       links: g,
@@ -8988,10 +8988,10 @@ var av = ({ document: e, readOnly: t = !1, editor: n, canvas: r, showMinimap: o
       ...c?.(w)
     });
     return u ? u(w, k) : k;
-  }, [c, u]), h = sa(), { density: m, textSize: p } = Le(), b = G((w) => Pc(w, h, m, p), [
-    h,
+  }, [c, u]), p = sa(), { density: m, textSize: h } = Le(), b = G((w) => Pc(w, p, m, h), [
+    p,
     m,
-    p
+    h
   ]), f = ge(() => ({
     initialCollections: e.collections,
     estimateSize: b,
@@ -9019,10 +9019,10 @@ var av = ({ document: e, readOnly: t = !1, editor: n, canvas: r, showMinimap: o
     handle: d,
     sliceLinks: l
   });
-  return m === void 0 && p === void 0 ? y : /* @__PURE__ */ a("div", {
+  return m === void 0 && h === void 0 ? y : /* @__PURE__ */ a("div", {
     style: {
       display: "contents",
-      "--board-text-scale": kt(p)
+      "--board-text-scale": kt(h)
     },
     "data-board-density": m ?? "compact",
     children: y
@@ -9030,15 +9030,15 @@ var av = ({ document: e, readOnly: t = !1, editor: n, canvas: r, showMinimap: o
 }, yp = ({ showLogo: e = !1, showViewOptions: t = !1, toolbar: n, handle: r, editor: o, readOnly: i = !1, document: s, ...d }) => {
   const l = O(null);
   jt(r, () => ({
-    scrollTo: (h, m) => l.current?.scrollTo(h, m) ?? Promise.resolve(!1),
-    revealSlice: (h, m) => l.current?.revealSlice(h, m) ?? Promise.resolve(!1),
-    addCollection: (h, m) => l.current?.addCollection(h, m) ?? Promise.resolve(),
-    addStickyNote: (h) => l.current?.addStickyNote(h),
-    exportImage: (h) => l.current?.exportImage(h) ?? Promise.reject(/* @__PURE__ */ new Error("Board is not ready to export."))
+    scrollTo: (p, m) => l.current?.scrollTo(p, m) ?? Promise.resolve(!1),
+    revealSlice: (p, m) => l.current?.revealSlice(p, m) ?? Promise.resolve(!1),
+    addCollection: (p, m) => l.current?.addCollection(p, m) ?? Promise.resolve(),
+    addStickyNote: (p) => l.current?.addStickyNote(p),
+    exportImage: (p) => l.current?.exportImage(p) ?? Promise.reject(/* @__PURE__ */ new Error("Board is not ready to export."))
   }), []);
   const c = !i && !!o?.collections?.onAddCollection, u = G(() => {
-    const h = iv(s.collections.map((m) => m.position));
-    l.current?.addCollection(h.x, h.y);
+    const p = iv(s.collections.map((m) => m.position));
+    l.current?.addCollection(p.x, p.y);
   }, [s.collections]), g = c ? /* @__PURE__ */ a(lg, { onAddModule: u }) : void 0, v = /* @__PURE__ */ a(av, {
     ...d,
     document: s,
@@ -9109,7 +9109,7 @@ var av = ({ document: e, readOnly: t = !1, editor: n, canvas: r, showMinimap: o
   const t = Wa(e);
   if (!t) return null;
   const n = e.map((r) => r.message).join("; ");
-  return /* @__PURE__ */ a(Se, {
+  return /* @__PURE__ */ a(ye, {
     position: "bottom",
     content: /* @__PURE__ */ a("ul", {
       className: "slice-problem-indicator__details",
@@ -9143,10 +9143,10 @@ var av = ({ document: e, readOnly: t = !1, editor: n, canvas: r, showMinimap: o
   });
   const u = async () => {
     if (s) return;
-    const v = o, h = v === dt.input ? dt.output : dt.input;
-    i(h), d(!0);
+    const v = o, p = v === dt.input ? dt.output : dt.input;
+    i(p), d(!0);
     try {
-      await t(h) === !1 && i(v);
+      await t(p) === !1 && i(v);
     } finally {
       d(!1);
     }
@@ -9166,12 +9166,12 @@ var av = ({ document: e, readOnly: t = !1, editor: n, canvas: r, showMinimap: o
   color: "color-mix(in srgb, var(--board-ink, #ffffff) 80%, transparent)",
   textAlign: "center"
 }, za = ({ slice: e, height: t, collapsed: n, selectableStatuses: r, unselectableStatusReason: o, error: i, leading: s, trailing: d, onToggleCollapse: l }) => {
-  const c = ne(), u = at(e.id), g = Mr(e.id, "slice", e.name), { showStatuses: v = !0 } = Le(), { readOnly: h } = ht();
+  const c = ne(), u = at(e.id), g = Mr(e.id, "slice", e.name), { showStatuses: v = !0 } = Le(), { readOnly: p } = ht();
   gv("header", i ? [{
     severity: "error",
     message: i
   }] : []);
-  const m = qa(), { editing: p, actions: b } = c, f = p.onSliceRenamed, y = p.onSliceStatusChanged, w = p.onTranslationDirectionChanged, x = p.onSliceAdded, k = p.onSliceOpenStateSet, R = (b.sliceHeader ?? []).filter((L) => !L.when || L.when(e)), M = /* @__PURE__ */ a(Se, {
+  const m = qa(), { editing: h, actions: b } = c, f = h.onSliceRenamed, y = h.onSliceStatusChanged, w = h.onTranslationDirectionChanged, x = h.onSliceAdded, k = h.onSliceOpenStateSet, R = (b.sliceHeader ?? []).filter((L) => !L.when || L.when(e)), M = /* @__PURE__ */ a(ye, {
     content: /* @__PURE__ */ a(uu, { sliceType: e.sliceType }),
     position: "bottom",
     children: /* @__PURE__ */ a(An, {
@@ -9179,7 +9179,7 @@ var av = ({ document: e, readOnly: t = !1, editor: n, canvas: r, showMinimap: o
       onChange: (L) => f?.(e.id, L),
       placeholder: c.messages.slices.namePlaceholder,
       style: yv,
-      readOnly: h || !f
+      readOnly: p || !f
     })
   }), C = mt(e.description) !== void 0;
   return /* @__PURE__ */ S("div", {
@@ -9188,7 +9188,7 @@ var av = ({ document: e, readOnly: t = !1, editor: n, canvas: r, showMinimap: o
     "data-board-change": u,
     style: {
       height: t,
-      cursor: n || h ? "default" : "grab"
+      cursor: n || p ? "default" : "grab"
     },
     children: [
       n && /* @__PURE__ */ a(Mt, {
@@ -9203,7 +9203,7 @@ var av = ({ document: e, readOnly: t = !1, editor: n, canvas: r, showMinimap: o
         children: [
           /* @__PURE__ */ a(Or, {
             collapsed: n,
-            onToggle: c.readOnly ? l : !h && k ? () => k(e.id, !n) : void 0
+            onToggle: c.readOnly ? l : !p && k ? () => k(e.id, !n) : void 0
           }),
           g.marker,
           !n && s
@@ -9235,9 +9235,9 @@ var av = ({ document: e, readOnly: t = !1, editor: n, canvas: r, showMinimap: o
             selectable: r,
             unselectableReason: o
           }),
-          e.sliceType === F.translator && /* @__PURE__ */ a(bv, {
+          e.sliceType === B.translator && /* @__PURE__ */ a(bv, {
             direction: e.translationDirection ?? dt.input,
-            onDirectionChanged: w && !h ? (L) => w(e.id, L) : void 0
+            onDirectionChanged: w && !p ? (L) => w(e.id, L) : void 0
           }),
           !c.readOnly && d,
           !c.readOnly && R.map((L) => /* @__PURE__ */ a("button", {
@@ -9245,13 +9245,13 @@ var av = ({ document: e, readOnly: t = !1, editor: n, canvas: r, showMinimap: o
             className: "event-modeling-grid-add-button event-modeling-grid-add-button--small event-modeling-grid-add-button--no-circle",
             title: L.tooltip,
             "aria-label": L.tooltip,
-            disabled: h || L.disabled,
+            disabled: p || L.disabled,
             onClick: (V) => L.onActivate(e.id, V.currentTarget.getBoundingClientRect()),
             children: L.icon
           }, L.tooltip)),
           !c.readOnly && x && /* @__PURE__ */ a(mu, {
             onSelect: (L) => x(e.id, L),
-            disabled: h
+            disabled: p
           })
         ]
       })
@@ -9409,22 +9409,22 @@ function Nv(e, t, n, r) {
   d.current = r;
   const l = O(n);
   l.current = n;
-  const { readOnly: c } = ne(), u = G((p, b, f) => {
+  const { readOnly: c } = ne(), u = G((h, b, f) => {
     try {
-      return d.current?.(p, b, f);
+      return d.current?.(h, b, f);
     } catch (y) {
       console.error("Slice drop validation failed — allowing the drop", y);
       return;
     }
-  }, []), g = G((p, b, f) => {
-    const y = document.querySelector(`[data-slice-drop-target="true"][data-slice-module-id="${p.toString()}"][data-slice-feature-id="${f.toString()}"]`);
+  }, []), g = G((h, b, f) => {
+    const y = document.querySelector(`[data-slice-drop-target="true"][data-slice-module-id="${h.toString()}"][data-slice-feature-id="${f.toString()}"]`);
     return f.equals(b) ? y?.dataset.sliceAcceptsReorder === "true" : y?.dataset.sliceAcceptsMove === "true";
-  }, []), v = G((p, b, f, y, w, x, k, R = null) => {
-    const M = e.slices.findIndex((L) => L.id.equals(p));
+  }, []), v = G((h, b, f, y, w, x, k, R = null) => {
+    const M = e.slices.findIndex((L) => L.id.equals(h));
     if (M === -1) return;
-    const C = u(p, e.id, M);
+    const C = u(h, e.id, M);
     i({
-      sliceId: p,
+      sliceId: h,
       moduleId: t,
       featureId: e.id,
       targetFeatureId: e.id,
@@ -9445,16 +9445,16 @@ function Nv(e, t, n, r) {
     t,
     u,
     g
-  ]), h = G((p, b) => {
-    const f = Array.from(document.querySelectorAll(`[data-slice-drop-target="true"][data-slice-module-id="${p.toString()}"]`));
+  ]), p = G((h, b) => {
+    const f = Array.from(document.querySelectorAll(`[data-slice-drop-target="true"][data-slice-module-id="${h.toString()}"]`));
     if (f.length === 0) return e.id;
     for (let y = 0; y < f.length; y++) {
       const w = f[y].getBoundingClientRect();
       if (b < w.left + w.width / 2) return pe.parse(f[y].dataset.sliceFeatureId);
     }
     return pe.parse(f[f.length - 1].dataset.sliceFeatureId);
-  }, [e.id]), m = G((p, b) => {
-    const f = Array.from(document.querySelectorAll(`[data-slice-col="true"][data-slice-feature-id="${p.toString()}"]`));
+  }, [e.id]), m = G((h, b) => {
+    const f = Array.from(document.querySelectorAll(`[data-slice-col="true"][data-slice-feature-id="${h.toString()}"]`));
     if (f.length === 0) return 0;
     for (let y = 0; y < f.length; y++) {
       const w = f[y].getBoundingClientRect();
@@ -9464,10 +9464,10 @@ function Nv(e, t, n, r) {
   }, []);
   return oe(() => {
     if (!o) return;
-    const p = (f) => {
+    const h = (f) => {
       const y = s.current;
       if (!y) return;
-      const w = h(y.moduleId, f.clientX), x = m(w, f.clientX), k = u(y.sliceId, w, x);
+      const w = p(y.moduleId, f.clientX), x = m(w, f.clientX), k = u(y.sliceId, w, x);
       i((R) => R ? {
         ...R,
         currentX: f.clientX,
@@ -9481,12 +9481,12 @@ function Nv(e, t, n, r) {
       const f = s.current, y = f && Iv(f);
       f && y && g(f.moduleId, f.featureId, f.targetFeatureId) && l.current?.(f.sliceId, f.featureId, f.targetFeatureId, y.index), i(void 0);
     };
-    return window.addEventListener("pointermove", p, !0), window.addEventListener("pointerup", b, !0), window.addEventListener("pointercancel", b, !0), () => {
-      window.removeEventListener("pointermove", p, !0), window.removeEventListener("pointerup", b, !0), window.removeEventListener("pointercancel", b, !0);
+    return window.addEventListener("pointermove", h, !0), window.addEventListener("pointerup", b, !0), window.addEventListener("pointercancel", b, !0), () => {
+      window.removeEventListener("pointermove", h, !0), window.removeEventListener("pointerup", b, !0), window.removeEventListener("pointercancel", b, !0);
     };
   }, [
     o,
-    h,
+    p,
     m,
     u,
     g
@@ -9500,48 +9500,48 @@ function Rv(e, t, n, r, o) {
   l.current = o;
   const c = () => {
     d.current !== null && (clearTimeout(d.current), d.current = null);
-  }, u = (p, b, f) => {
+  }, u = (h, b, f) => {
     c(), s({
-      ...p,
+      ...h,
       committed: !0
-    }), p.element.setPointerCapture(p.pointerId), e && l.current?.(e, t, b, f, n, p.startY - p.grabOffsetY, Ov(p.element), ic(p.element));
+    }), h.element.setPointerCapture(h.pointerId), e && l.current?.(e, t, b, f, n, h.startY - h.grabOffsetY, Ov(h.element), ic(h.element));
   };
   return oe(() => {
     if (!i || i.committed) return;
-    const p = (f) => {
+    const h = (f) => {
       if (f.pointerId !== i.pointerId) return;
       const y = Cv(i.pointerType, f.clientX - i.startX, f.clientY - i.startY);
       y === Rt.abandon && s(null), y === Rt.commit && u(i, f.clientX, f.clientY);
     }, b = (f) => {
       f.pointerId === i.pointerId && s(null);
     };
-    return window.addEventListener("pointermove", p, !0), window.addEventListener("pointerup", b, !0), window.addEventListener("pointercancel", b, !0), () => {
-      window.removeEventListener("pointermove", p, !0), window.removeEventListener("pointerup", b, !0), window.removeEventListener("pointercancel", b, !0);
+    return window.addEventListener("pointermove", h, !0), window.addEventListener("pointerup", b, !0), window.addEventListener("pointercancel", b, !0), () => {
+      window.removeEventListener("pointermove", h, !0), window.removeEventListener("pointerup", b, !0), window.removeEventListener("pointercancel", b, !0);
     };
   }, [i]), oe(() => (!i || i.committed || i.pointerType !== "touch" || (d.current = setTimeout(() => u(i, i.startX, i.startY), 450)), c), [i]), {
-    onPointerDown: (p) => {
-      const b = p.currentTarget;
+    onPointerDown: (h) => {
+      const b = h.currentTarget;
       if (!e) return;
       const f = xv({
-        target: p.target instanceof Element ? p.target : null,
-        clientX: p.clientX,
-        clientY: p.clientY,
-        pointerId: p.pointerId,
-        pointerType: p.pointerType,
+        target: h.target instanceof Element ? h.target : null,
+        clientX: h.clientX,
+        clientY: h.clientY,
+        pointerId: h.pointerId,
+        pointerType: h.pointerType,
         elementTop: b.getBoundingClientRect().top
       }, r);
       f && (s({
         ...f,
         element: b,
         committed: !1
-      }), p.pointerType !== "touch" && p.stopPropagation());
+      }), h.pointerType !== "touch" && h.stopPropagation());
     },
-    onPointerMove: (p) => {
-      i?.committed && p.stopPropagation();
+    onPointerMove: (h) => {
+      i?.committed && h.stopPropagation();
     },
     onPointerUp: () => s(null),
-    onContextMenu: (p) => {
-      i?.committed && p.preventDefault();
+    onContextMenu: (h) => {
+      i?.committed && h.preventDefault();
     }
   };
 }
@@ -9555,14 +9555,14 @@ function Ov(e) {
   return 1;
 }
 var Av = ({ featureId: e, name: t, status: n, width: r, collapsed: o, isDragging: i = !1, onDragStart: s, ref: d, onMouseEnter: l, onMouseLeave: c, onFocusCapture: u, onBlurCapture: g, children: v }) => {
-  const { sliceId: h } = ht(), m = at(h), p = Wa(qa()), b = Li(jl(h)), f = Rv(h, t, r, o || !s, s);
+  const { sliceId: p } = ht(), m = at(p), h = Wa(qa()), b = Li(jl(p)), f = Rv(p, t, r, o || !s, s);
   return /* @__PURE__ */ a("div", {
     ref: d,
     "data-board-change": m,
     "data-slice-col": "true",
-    "data-slice-problem": p,
+    "data-slice-problem": h,
     "data-slice-feature-id": e.toString(),
-    "data-slice-id": h?.toString(),
+    "data-slice-id": p?.toString(),
     className: `${m ? "event-model-change-frame " : ""}event-modeling-grid-slice-column event-modeling-grid-slice-column--${sr(n)}${o ? " event-modeling-grid-slice-column--collapsed" : ""}${b ? ` ${b}` : ""}`,
     style: {
       width: r,
@@ -9582,22 +9582,22 @@ var Av = ({ featureId: e, name: t, status: n, width: r, collapsed: o, isDragging
     children: v
   });
 }, Lv = (e, t) => t !== null && e.contains(t), Pv = ({ featureId: e, slice: t, eventCount: n, collapsed: r, isDragging: o = !1, onSliceDragStart: i, header: s, headerHeight: d = 44, body: l, specifications: c, collapsedWidth: u }) => {
-  const { readOnly: g } = ne(), v = Hc(t.id.toString()), { ref: h, onMouseEnter: m, onMouseLeave: p } = Gc(v?.connectedSliceIds), b = O(null), f = Rr(b), [y, w] = D(!1), x = O(!1), k = Ir({
+  const { readOnly: g } = ne(), v = Hc(t.id.toString()), { ref: p, onMouseEnter: m, onMouseLeave: h } = Gc(v?.connectedSliceIds), b = O(null), f = Rr(b), [y, w] = D(!1), x = O(!1), k = Ir({
     sliceType: t.sliceType,
     eventCount: n
   }), R = () => {
     x.current = !0, m();
   }, M = () => {
-    x.current = !1, y || p();
+    x.current = !1, y || h();
   }, C = (V) => {
     Lv(V.currentTarget, V.target) && w(!0);
   }, L = (V) => {
-    const Q = V.relatedTarget;
-    (!(Q instanceof Node) || !V.currentTarget.contains(Q)) && w(!1);
+    const U = V.relatedTarget;
+    (!(U instanceof Node) || !V.currentTarget.contains(U)) && w(!1);
   };
   return oe(() => {
-    !y && !x.current && p();
-  }, [y, p]), /* @__PURE__ */ a(vv, {
+    !y && !x.current && h();
+  }, [y, h]), /* @__PURE__ */ a(vv, {
     sliceId: t.id,
     sliceType: t.sliceType,
     status: t.status,
@@ -9610,7 +9610,7 @@ var Av = ({ featureId: e, name: t, status: n, width: r, collapsed: o, isDragging
         flexShrink: 0
       },
       children: [/* @__PURE__ */ S(Av, {
-        ref: h,
+        ref: p,
         featureId: e,
         name: t.name,
         status: t.status,
@@ -9652,7 +9652,7 @@ function Ot(e, t) {
   for (; n.has(cn(`${r} (${o})`)); ) o++;
   return `${r} (${o})`;
 }
-var _v = (e) => e === F.stateChange ? "State Change" : e === F.stateView ? "State View" : e === F.automation ? "Automation" : "Translator", Dv = {
+var _v = (e) => e === B.stateChange ? "State Change" : e === B.stateView ? "State View" : e === B.automation ? "Automation" : "Translator", Dv = {
   type: "object",
   properties: { id: {
     type: "string",
@@ -9669,7 +9669,7 @@ var _v = (e) => e === F.stateChange ? "State Change" : e === F.stateView ? "Stat
     status: se.notStarted,
     collapsed: !1,
     sortOrder: Number.MAX_SAFE_INTEGER,
-    command: e === F.stateView || e === F.translator ? void 0 : {
+    command: e === B.stateView || e === B.translator ? void 0 : {
       id: o,
       name: Ot(t?.commandName?.trim() || "Command", r.commands),
       schema: {},
@@ -9677,13 +9677,13 @@ var _v = (e) => e === F.stateChange ? "State Change" : e === F.stateView ? "Stat
       rules: [],
       logicDescription: ""
     },
-    readModel: e === F.stateView ? {
+    readModel: e === B.stateView ? {
       id: s,
       name: Ot(t?.readModelName?.trim() || "Read Model", r.readModels),
       schema: Dv,
       materializes: !0
     } : void 0,
-    events: e === F.stateChange ? [{
+    events: e === B.stateChange ? [{
       id: i,
       name: Ot(t?.eventName?.trim() || "Event", r.events),
       schema: {},
@@ -9691,7 +9691,7 @@ var _v = (e) => e === F.stateChange ? "State Change" : e === F.stateView ? "Stat
     }] : [],
     externalEvents: [],
     actors: [],
-    queries: e === F.stateView ? [{
+    queries: e === B.stateView ? [{
       id: pe.create(),
       name: "GetById",
       parameters: [{
@@ -9824,7 +9824,7 @@ var _v = (e) => e === F.stateChange ? "State Change" : e === F.stateView ? "Stat
   };
   return n ? Wt(r, e.snapshot) : r;
 }, Wt = (e, t) => {
-  const n = e.additions.filter((h) => !h.confirmed || !lt(t, h.slice.id)), r = e.outgoing.filter((h) => !h.confirmed || lt(t, h.slice.id)), o = e.incoming.filter((h) => !h.confirmed || !lt(t, h.slice.id)), i = e.order?.ids.filter((h) => lt(t, h)), s = t.filter((h) => i?.some((m) => Re(m, h.id))).map((h) => h.id), d = i !== void 0 && i.length > 0 && i.every((h, m) => Re(h, s[m])), l = e.order?.confirmed && d ? void 0 : e.order, c = (h, m) => e.slices.find((p) => Re(p.id, h)) ?? m, u = t.filter((h) => !r.some((m) => Re(m.slice.id, h.id))).map((h) => e.additions.some((m) => Re(m.slice.id, h.id)) || e.incoming.some((m) => Re(m.slice.id, h.id)) ? c(h.id, h) : h), g = o.reduce((h, m) => Qr(h, c(m.slice.id, m.slice), m.index), u), v = n.reduce((h, m) => lt(h, m.slice.id) ? h : Xr(h, c(m.slice.id, m.slice), m.afterSliceId), g);
+  const n = e.additions.filter((p) => !p.confirmed || !lt(t, p.slice.id)), r = e.outgoing.filter((p) => !p.confirmed || lt(t, p.slice.id)), o = e.incoming.filter((p) => !p.confirmed || !lt(t, p.slice.id)), i = e.order?.ids.filter((p) => lt(t, p)), s = t.filter((p) => i?.some((m) => Re(m, p.id))).map((p) => p.id), d = i !== void 0 && i.length > 0 && i.every((p, m) => Re(p, s[m])), l = e.order?.confirmed && d ? void 0 : e.order, c = (p, m) => e.slices.find((h) => Re(h.id, p)) ?? m, u = t.filter((p) => !r.some((m) => Re(m.slice.id, p.id))).map((p) => e.additions.some((m) => Re(m.slice.id, p.id)) || e.incoming.some((m) => Re(m.slice.id, p.id)) ? c(p.id, p) : p), g = o.reduce((p, m) => Qr(p, c(m.slice.id, m.slice), m.index), u), v = n.reduce((p, m) => lt(p, m.slice.id) ? p : Xr(p, c(m.slice.id, m.slice), m.afterSliceId), g);
   return {
     slices: l ? Xv(v, l.ids) : v,
     snapshot: t,
@@ -9838,8 +9838,8 @@ var _v = (e) => e === F.stateChange ? "State Change" : e === F.stateView ? "Stat
   let r = 0;
   return e.map((o) => t.some((i) => Re(i, o.id)) ? n[r++] : o);
 };
-function Qv({ ref: e, initialSlices: t, moduleId: n, featureId: r, featureCollapsed: o, hideEmptyPlaceholder: i = !1, onSlicesChanged: s, takenArtifactNames: d, createSlice: l, onAddSlice: c, onReorderSlices: u, onMoveSlice: g, validateSliceDrop: v, renderSlice: h }) {
-  const { readOnly: m, messages: p } = ne(), b = O(Bv(t)), f = O(void 0), [y, w] = D(b.current), { slices: x } = y, k = O(!1), [R, M] = D(!1), C = G((T) => {
+function Qv({ ref: e, initialSlices: t, moduleId: n, featureId: r, featureCollapsed: o, hideEmptyPlaceholder: i = !1, onSlicesChanged: s, takenArtifactNames: d, createSlice: l, onAddSlice: c, onReorderSlices: u, onMoveSlice: g, validateSliceDrop: v, renderSlice: p }) {
+  const { readOnly: m, messages: h } = ne(), b = O(Bv(t)), f = O(void 0), [y, w] = D(b.current), { slices: x } = y, k = O(!1), [R, M] = D(!1), C = G((T) => {
     const z = b.current, K = T(z);
     K !== z && (b.current = K, w(K), K.slices !== z.slices && (f.current = K.slices, s?.(K.slices)));
   }, [s]);
@@ -9857,13 +9857,13 @@ function Qv({ ref: e, initialSlices: t, moduleId: n, featureId: r, featureCollap
         slices: K
       };
     });
-  }, [C]), V = G((T, z) => C((K) => zv(K, T, z)), [C]), Q = G((T, z) => C((K) => Uv(K, T, z)), [C]), B = G((T, z) => C((K) => Yv(K, T, z)), [C]), te = G((T) => [...b.current.additions, ...b.current.incoming].some((z) => z.slice.id.equals(T)) || !b.current.slices.some((z) => z.id.equals(T)) ? !1 : (C((z) => Vv(z, T)), !0), [C]), N = G((T, z) => C((K) => Gv(K, T, z)), [C]), E = G((T, z, K) => {
+  }, [C]), V = G((T, z) => C((K) => zv(K, T, z)), [C]), U = G((T, z) => C((K) => Uv(K, T, z)), [C]), F = G((T, z) => C((K) => Yv(K, T, z)), [C]), te = G((T) => [...b.current.additions, ...b.current.incoming].some((z) => z.slice.id.equals(T)) || !b.current.slices.some((z) => z.id.equals(T)) ? !1 : (C((z) => Vv(z, T)), !0), [C]), N = G((T, z) => C((K) => Gv(K, T, z)), [C]), E = G((T, z, K) => {
     if (m || !c || k.current) return;
     k.current = !0, M(!0);
-    const I = b.current.slices, j = l(Fv(T, K, I.map((U) => U.name), d?.(I)));
-    C((U) => Wv(U, j, z)), Promise.resolve().then(() => c(j, z)).then((U) => {
-      C((ie) => ii(ie, j.id, U));
-    }).catch(() => C((U) => ii(U, j.id))).finally(() => {
+    const I = b.current.slices, j = l(Fv(T, K, I.map((Y) => Y.name), d?.(I)));
+    C((Y) => Wv(Y, j, z)), Promise.resolve().then(() => c(j, z)).then((Y) => {
+      C((ie) => ii(ie, j.id, Y));
+    }).catch(() => C((Y) => ii(Y, j.id))).finally(() => {
       k.current = !1, M(!1);
     });
   }, [
@@ -9877,16 +9877,16 @@ function Qv({ ref: e, initialSlices: t, moduleId: n, featureId: r, featureCollap
     addSlice: E,
     updateSlices: L,
     addProjectedSlice: V,
-    moveIn: Q,
-    completeMoveIn: B,
+    moveIn: U,
+    completeMoveIn: F,
     moveOut: te,
     completeMoveOut: N
   }), [
     E,
     L,
     V,
-    Q,
-    B,
+    U,
+    F,
     te,
     N
   ]);
@@ -9895,17 +9895,17 @@ function Qv({ ref: e, initialSlices: t, moduleId: n, featureId: r, featureCollap
     slices: x
   }), [r, x]), A = G((T, z, K, I) => {
     if (m || !z.equals(r)) return;
-    const j = b.current.slices.findIndex((U) => U.id.equals(T));
-    if (!(j < 0 || b.current.slices[j].preview || [...b.current.additions, ...b.current.incoming].some((U) => U.slice.id.equals(T)))) {
+    const j = b.current.slices.findIndex((Y) => Y.id.equals(T));
+    if (!(j < 0 || b.current.slices[j].preview || [...b.current.additions, ...b.current.incoming].some((Y) => Y.slice.id.equals(T)))) {
       if (K.equals(r)) {
         if (!u || b.current.order && !b.current.order.confirmed) return;
-        const U = jv(b.current, j, I);
-        if (U === b.current) return;
-        C(() => U), Promise.resolve().then(() => u(U.slices.filter((ie) => !ie.preview).map((ie) => ie.id))).then((ie) => C(($) => ai($, ie))).catch(() => C((ie) => ai(ie, !1)));
+        const Y = jv(b.current, j, I);
+        if (Y === b.current) return;
+        C(() => Y), Promise.resolve().then(() => u(Y.slices.filter((ie) => !ie.preview).map((ie) => ie.id))).then((ie) => C(($) => ai($, ie))).catch(() => C((ie) => ai(ie, !1)));
       } else if (g) {
-        const U = b.current.slices[j];
+        const Y = b.current.slices[j];
         if (!te(T)) return;
-        Promise.resolve().then(() => g(U, K, I)).then((ie) => N(T, ie)).catch(() => N(T, !1));
+        Promise.resolve().then(() => g(Y, K, I)).then((ie) => N(T, ie)).catch(() => N(T, !1));
       }
     }
   }, [
@@ -9938,12 +9938,12 @@ function Qv({ ref: e, initialSlices: t, moduleId: n, featureId: r, featureCollap
         isValid: P.isValid,
         marginLeft: I > 0 ? Math.max(I - 6, 0) : 0
       }, `drop-${z}`));
-      const U = T.collapsed;
+      const Y = T.collapsed;
       return j.push(/* @__PURE__ */ a("div", {
         style: { marginLeft: K && P?.dropIndex === z ? 2 : I },
-        children: h(T, {
-          collapsed: o || U,
-          sliceCollapsed: U,
+        children: p(T, {
+          collapsed: o || Y,
+          sliceCollapsed: Y,
           isDragging: P?.sliceId.equals(T.id) ?? !1,
           onSliceDragStart: [...y.additions, ...y.incoming].some((ie) => ie.slice.id.equals(T.id)) ? void 0 : Z,
           addSlice: E,
@@ -9971,7 +9971,7 @@ function Qv({ ref: e, initialSlices: t, moduleId: n, featureId: r, featureCollap
     acceptsMove: !m && !!g,
     className: "event-modeling-slices-empty",
     style: { width: Math.round(ae.sliceWidth * 1.5) },
-    children: p.slices.empty
+    children: h.slices.empty
   });
 }
 var Kn = (e) => {
@@ -10024,8 +10024,8 @@ var Kn = (e) => {
   }, `row:${l}:${g}`));
 }) }), si = "38";
 function eh(e) {
-  if (e.sliceType === F.stateChange && e.hasCommand) return Ft.background;
-  if (e.sliceType === F.stateView && e.hasReadModel) return We.background;
+  if (e.sliceType === B.stateChange && e.hasCommand) return Ft.background;
+  if (e.sliceType === B.stateView && e.hasReadModel) return We.background;
 }
 var kp = ({ slice: e, contentRows: t, rowHeights: n }) => /* @__PURE__ */ a(re, { children: t.map((r) => {
   const o = r === J.Interaction ? eh(e) : void 0, i = r === J.Events ? Math.min(e.eventCount, 3) : 0;
@@ -10047,7 +10047,7 @@ var kp = ({ slice: e, contentRows: t, rowHeights: n }) => /* @__PURE__ */ a(re,
 }) }), th = { fontSize: 10 }, Mn = ({ action: e }) => {
   const { readOnly: t, sliceId: n } = ht(), r = O(null);
   if (!(t || !n))
-    return /* @__PURE__ */ a(Se, {
+    return /* @__PURE__ */ a(ye, {
       content: e.tooltip,
       position: "top",
       children: /* @__PURE__ */ a("button", {
@@ -10077,7 +10077,7 @@ var kp = ({ slice: e, contentRows: t, rowHeights: n }) => /* @__PURE__ */ a(re,
       placement: e,
       children: /* @__PURE__ */ a(Mn, { action: t })
     });
-}, Zr = (e) => e === F.stateView, Ep = (e) => !Zr(e), rh = (e, t) => Zr(e) && t === 0, oh = (e) => e === F.translator, ja = (e) => {
+}, Zr = (e) => e === B.stateView, Ep = (e) => !Zr(e), rh = (e, t) => Zr(e) && t === 0, oh = (e) => e === B.translator, ja = (e) => {
   switch (e) {
     case Xe.timer:
       return "pi pi-clock";
@@ -10202,22 +10202,22 @@ var kp = ({ slice: e, contentRows: t, rowHeights: n }) => /* @__PURE__ */ a(re,
     })]
   });
 }, ch = ({ sliceType: e, isSystemSlice: t, collapsed: n = !1, conn: r, rowHeight: o, triggerType: i, reactionRefusals: s, reactionInvocations: d }) => {
-  const { readOnly: l, sliceId: c } = ht(), { onTriggerKindChosen: u, onTriggerOpened: g, onReactionRefusalsEdit: v } = ne().editing, h = Ce(), m = i === void 0 ? void 0 : ja(i), p = { height: o }, b = t && e === F.automation;
+  const { readOnly: l, sliceId: c } = ht(), { onTriggerKindChosen: u, onTriggerOpened: g, onReactionRefusalsEdit: v } = ne().editing, p = Ce(), m = i === void 0 ? void 0 : ja(i), h = { height: o }, b = t && e === B.automation;
   return n ? /* @__PURE__ */ a("div", {
-    style: p,
+    style: h,
     className: "event-modeling-grid-slice-cell event-modeling-grid-slice-cell--centered event-modeling-grid-slice-cell--system event-modeling-grid-slice-cell--collapsed",
     children: t && /* @__PURE__ */ a(Hn, {})
   }) : /* @__PURE__ */ S("div", {
-    style: p,
+    style: h,
     "data-card-id": "system",
     "data-slice-id": c?.toString(),
     className: "event-modeling-grid-slice-cell event-modeling-grid-slice-cell--centered event-modeling-grid-slice-cell--system",
     children: [
       r.topOutgoing && /* @__PURE__ */ a(wn, {}),
       r.topIncoming && /* @__PURE__ */ a(yn, {}),
-      e === F.automation ? /* @__PURE__ */ S(re, { children: [r.bottomIncoming && /* @__PURE__ */ a(Kt, { columnPosition: "left" }), r.bottomOutgoing && /* @__PURE__ */ a(Zt, { columnPosition: "right" })] }) : /* @__PURE__ */ S(re, { children: [r.bottomOutgoing && /* @__PURE__ */ a(Zt, {}), r.bottomIncoming && /* @__PURE__ */ a(Kt, {})] }),
+      e === B.automation ? /* @__PURE__ */ S(re, { children: [r.bottomIncoming && /* @__PURE__ */ a(Kt, { columnPosition: "left" }), r.bottomOutgoing && /* @__PURE__ */ a(Zt, { columnPosition: "right" })] }) : /* @__PURE__ */ S(re, { children: [r.bottomOutgoing && /* @__PURE__ */ a(Zt, {}), r.bottomIncoming && /* @__PURE__ */ a(Kt, {})] }),
       r.passthrough && /* @__PURE__ */ a(Tc, {}),
-      t && (e === F.automation ? /* @__PURE__ */ a("span", {
+      t && (e === B.automation ? /* @__PURE__ */ a("span", {
         "data-flow-node": Me.cogwheel,
         className: "system-row-cell__cogwheel",
         children: /* @__PURE__ */ a(Hn, {})
@@ -10236,7 +10236,7 @@ var kp = ({ slice: e, contentRows: t, rowHeights: n }) => /* @__PURE__ */ a(re,
         className: "system-row-cell__trigger-wrapper",
         children: /* @__PURE__ */ a("span", {
           className: "system-row-cell__trigger-btn system-row-cell__trigger-btn--active system-row-cell__trigger-btn--readonly",
-          title: ih(i, h),
+          title: ih(i, p),
           children: /* @__PURE__ */ a("i", { className: m })
         })
       })
@@ -10264,7 +10264,7 @@ var kp = ({ slice: e, contentRows: t, rowHeights: n }) => /* @__PURE__ */ a(re,
     onFromScratch: () => t(i()),
     onFromTemplate: (d) => n(d, i())
   });
-  return /* @__PURE__ */ a(Se, {
+  return /* @__PURE__ */ a(ye, {
     content: r.add,
     position: "top",
     children: /* @__PURE__ */ a(vt, {
@@ -10278,54 +10278,64 @@ var kp = ({ slice: e, contentRows: t, rowHeights: n }) => /* @__PURE__ */ a(re,
       })
     })
   });
-}, gh = ({ elements: e, windowSize: t, layout: n, collapsed: r = !1, conn: o, rowHeight: i, actorId: s, hasScreen: d = !1, renderThumbnail: l, adornment: c }) => {
-  const { readOnly: u, sliceId: g } = ht(), { editing: v, actions: h, readOnly: m } = ne(), { onPrototypeOpened: p, onPrototypeAdded: b } = v, f = O(null), [y, w] = D(), x = Ms().prototypeThumbnail, k = { height: i }, R = "event-modeling-grid-slice-cell event-modeling-grid-slice-cell--centered event-modeling-grid-slice-cell--ui";
+}, gh = ({ elements: e, windowSize: t, layout: n, collapsed: r = !1, conn: o, rowHeight: i, actorId: s, hasScreen: d = !1, renderThumbnail: l, adornment: c, corner: u }) => {
+  const { readOnly: g, sliceId: v } = ht(), { editing: p, actions: m, readOnly: h } = ne(), { onPrototypeOpened: b, onPrototypeAdded: f } = p, y = O(null), [w, x] = D(), k = Ms().prototypeThumbnail, R = { height: i }, M = "event-modeling-grid-slice-cell event-modeling-grid-slice-cell--centered event-modeling-grid-slice-cell--ui";
   if (r) return /* @__PURE__ */ a("div", {
-    style: k,
-    className: R
+    style: R,
+    className: M
   });
-  const M = e.length > 0 || d, C = !m && g && p && g && p ? () => p(g, s, f.current?.getBoundingClientRect() ?? new DOMRect()) : m ? () => w(f.current?.getBoundingClientRect() ?? new DOMRect()) : void 0, L = /* @__PURE__ */ a(xs, {
+  const C = e.length > 0 || d, L = !h && v && b && v && b ? () => b(v, s, y.current?.getBoundingClientRect() ?? new DOMRect()) : h ? () => x(y.current?.getBoundingClientRect() ?? new DOMRect()) : void 0, V = /* @__PURE__ */ a(xs, {
     elements: [...e],
     windowSize: t,
     layout: n,
-    onClick: C,
-    openTitle: m ? x.openPreview : void 0
+    onClick: L,
+    openTitle: h ? k.openPreview : void 0
   });
   return /* @__PURE__ */ S("div", {
-    style: k,
-    className: R,
+    style: R,
+    className: M,
     children: [
-      o.bottomOutgoing && M && /* @__PURE__ */ a(Zt, {}),
-      o.bottomIncoming && M && /* @__PURE__ */ a(Kt, {}),
+      o.bottomOutgoing && C && /* @__PURE__ */ a(Zt, {}),
+      o.bottomIncoming && C && /* @__PURE__ */ a(Kt, {}),
       /* @__PURE__ */ S("div", {
         className: "event-modeling-grid-slice-cell-items",
-        children: [M && /* @__PURE__ */ a("div", {
-          ref: f,
-          className: `event-modeling-grid-ui-preview${C ? " event-modeling-grid-ui-preview--clickable" : ""}`,
-          "data-flow-node": Me.ui,
-          children: l ? l({
+        children: [
+          C && /* @__PURE__ */ a("div", {
+            ref: y,
+            className: `event-modeling-grid-ui-preview${L ? " event-modeling-grid-ui-preview--clickable" : ""}`,
+            "data-flow-node": Me.ui,
+            children: l ? l({
+              elements: e,
+              windowSize: t,
+              layout: n,
+              onClick: L,
+              openTitle: h ? k.openPreview : void 0,
+              fallback: V
+            }) : V
+          }),
+          C && u && /* @__PURE__ */ a("div", {
+            className: "event-modeling-grid-ui-corner",
+            onPointerDown: (U) => U.stopPropagation(),
+            onMouseDown: (U) => U.stopPropagation(),
+            onClick: (U) => U.stopPropagation(),
+            children: u
+          }),
+          w && /* @__PURE__ */ a(Cs, {
             elements: e,
             windowSize: t,
             layout: n,
-            onClick: C,
-            openTitle: m ? x.openPreview : void 0,
-            fallback: L
-          }) : L
-        }), y && /* @__PURE__ */ a(Cs, {
-          elements: e,
-          windowSize: t,
-          layout: n,
-          sourceRect: y,
-          onClose: () => w(void 0)
-        })]
+            sourceRect: w,
+            onClose: () => x(void 0)
+          })
+        ]
       }),
       c,
-      !u && g && b && !M && /* @__PURE__ */ a(zt, {
+      !g && v && f && !C && /* @__PURE__ */ a(zt, {
         placement: Ct.add,
         children: /* @__PURE__ */ a(mh, {
-          templates: h.prototypeTemplates ?? [],
-          onFromScratch: (V) => b(g, s, V),
-          onFromTemplate: (V, Q) => V.onChosen(g, s, Q)
+          templates: m.prototypeTemplates ?? [],
+          onFromScratch: (U) => f(v, s, U),
+          onFromTemplate: (U, F) => U.onChosen(v, s, F)
         })
       })
     ]
@@ -10385,7 +10395,7 @@ var kp = ({ slice: e, contentRows: t, rowHeights: n }) => /* @__PURE__ */ a(re,
   className: `event-modeling-event__mark${t ? " event-modeling-event__mark--opposite" : ""}`
 }), Pt = /* @__PURE__ */ (function(e) {
   return e.publicOutsideOutputTranslation = "publicOutsideOutputTranslation", e.privateOutputOfOutputTranslation = "privateOutputOfOutputTranslation", e.publicInputOfOutputTranslation = "publicInputOfOutputTranslation", e;
-})({}), gt = (e) => e.visibility === Es.public, et = (e) => e.sliceType === F.translator && e.translationDirection === dt.output, ph = (e, t) => {
+})({}), gt = (e) => e.visibility === Es.public, et = (e) => e.sliceType === B.translator && e.translationDirection === dt.output, ph = (e, t) => {
   if (!t.sourceEventId)
     return et(e) ? gt(t) ? void 0 : Pt.privateOutputOfOutputTranslation : gt(t) ? Pt.publicOutsideOutputTranslation : void 0;
 }, fh = (e, t, n) => {
@@ -10451,11 +10461,11 @@ var kp = ({ slice: e, contentRows: t, rowHeights: n }) => /* @__PURE__ */ a(re,
     })
   })] });
 }, wh = ({ sliceId: e, event: t, renameable: n, showDetails: r = !1, ruleBreak: o, annotations: i }) => {
-  const { editing: s, actions: d, selection: l, messages: c } = ne(), u = _e(), g = Rn(i), [v, h] = D(t.name), [m, p] = D(void 0);
-  oe(() => h(t.name), [t.name]);
+  const { editing: s, actions: d, selection: l, messages: c } = ne(), u = _e(), g = Rn(i), [v, p] = D(t.name), [m, h] = D(void 0);
+  oe(() => p(t.name), [t.name]);
   const b = s.onEventRenamed, f = n && !u && !!b, y = !!l.selectedArtifactId?.equals(t.id), w = () => {
     const x = m?.trim() ?? "";
-    p(void 0), !(!x || !b) && h(b(e, t.id, x) ?? x);
+    h(void 0), !(!x || !b) && p(b(e, t.id, x) ?? x);
   };
   return m !== void 0 ? /* @__PURE__ */ a("div", {
     className: "event-modeling-grid-event-wrapper",
@@ -10463,16 +10473,16 @@ var kp = ({ slice: e, contentRows: t, rowHeights: n }) => /* @__PURE__ */ a(re,
       value: m,
       backgroundColor: Ae.background,
       textColor: Ae.text,
-      onChange: p,
+      onChange: h,
       onCommit: w,
-      onCancel: () => p(void 0)
+      onCancel: () => h(void 0)
     })
   }) : /* @__PURE__ */ S("div", {
     className: `event-modeling-grid-event-wrapper${o ? " event-modeling-grid-event-wrapper--rule-break" : ""}${g ? " event-modeling-event--marked event-model-annotation-severity" : ""}`,
     "data-severity": g,
     "data-flow-node": Me.event,
     children: [
-      /* @__PURE__ */ a(Se, {
+      /* @__PURE__ */ a(ye, {
         content: /* @__PURE__ */ S(re, { children: [mt(t.description) !== void 0 && /* @__PURE__ */ a(Ar, {
           description: t.description,
           documentation: t.documentation
@@ -10494,7 +10504,7 @@ var kp = ({ slice: e, contentRows: t, rowHeights: n }) => /* @__PURE__ */ a(re,
           actions: d.eventCard?.actions,
           onActivate: d.eventCard?.onActivate,
           isSelected: y,
-          onStartEdit: f ? () => p(v) : void 0,
+          onStartEdit: f ? () => h(v) : void 0,
           ariaLabel: `${c.events.openEvent} ${v}`,
           ariaPressed: y,
           "data-event-id": t.id.toString()
@@ -10507,18 +10517,22 @@ var kp = ({ slice: e, contentRows: t, rowHeights: n }) => /* @__PURE__ */ a(re,
       })
     ]
   });
-}, Ga = ({ onClick: e }) => {
-  const t = Ce();
-  return /* @__PURE__ */ a("button", {
+}, Ga = ({ onClick: e, label: t }) => {
+  const n = Ce(), r = t ?? n.references.navigateToOriginal, o = /* @__PURE__ */ a("button", {
     className: "event-modeling-grid-event-navigate-button",
-    "aria-label": t.references.navigateToOriginal,
-    title: t.references.navigateToOriginal,
+    "aria-label": r,
+    title: t === void 0 ? r : void 0,
     onClick: e,
     children: /* @__PURE__ */ a("i", {
       className: "pi pi-arrow-up-right",
       style: { transform: "scaleX(-1)" }
     })
   });
+  return t === void 0 ? o : /* @__PURE__ */ a(ye, {
+    content: t.split(`
+`).map((i, s) => /* @__PURE__ */ a("div", { children: i }, s)),
+    children: o
+  });
 }, Sh = "[data-event-model-board]", di = "event-modeling-board--dim-others", un = "event-modeling-event--undimmed";
 function Ua(e, t) {
   const n = O(null), r = O(null), o = G(() => {
@@ -10567,13 +10581,13 @@ var Ya = ({ onClick: e, eventName: t, pending: n = !1, label: r }) => {
     })
   });
 }, Ch = ({ id: e, name: t, sourceEventId: n, isSelected: r = !1, onSelected: o, onNavigate: i, onRemove: s, removalPending: d = !1, isPublic: l = !1, ruleBreak: c, ariaLabel: u, ...g }) => {
-  const v = at(e), h = Ce(), m = !!n && !n.equals(pe.empty) && !!i, p = Ua(n ?? pe.empty, i);
+  const v = at(e), p = Ce(), m = !!n && !n.equals(pe.empty) && !!i, h = Ua(n ?? pe.empty, i);
   return /* @__PURE__ */ S("div", {
-    ref: p.ref,
+    ref: h.ref,
     "data-board-change": v,
     className: `${v ? "event-model-change-frame event-model-change-name " : ""}event-modeling-grid-event-wrapper event-modeling-grid-event-wrapper--reference${c ? " event-modeling-grid-event-wrapper--rule-break" : ""}`,
-    onMouseEnter: m ? p.onMouseEnter : void 0,
-    onMouseLeave: m ? p.onMouseLeave : void 0,
+    onMouseEnter: m ? h.onMouseEnter : void 0,
+    onMouseLeave: m ? h.onMouseLeave : void 0,
     children: [
       /* @__PURE__ */ a(ut, {
         name: t,
@@ -10581,16 +10595,16 @@ var Ya = ({ onClick: e, eventName: t, pending: n = !1, label: r }) => {
         textColor: mr.text,
         isSelected: r,
         onSelected: o,
-        ariaLabel: v ? `${u ?? t} · ${On(h, v)}` : u,
+        ariaLabel: v ? `${u ?? t} · ${On(p, v)}` : u,
         extraContent: /* @__PURE__ */ S(re, { children: [/* @__PURE__ */ a(Mt, {
           change: v,
-          kind: h.interaction.externalEvent,
+          kind: p.interaction.externalEvent,
           name: t
         }), l && /* @__PURE__ */ a(Jr, {})] }),
         ...g
       }),
       c && /* @__PURE__ */ a(Va, { ruleBreak: c }),
-      m && /* @__PURE__ */ a(Ga, { onClick: p.handleNavigate }),
+      m && /* @__PURE__ */ a(Ga, { onClick: h.handleNavigate }),
       s && /* @__PURE__ */ a(Ya, {
         eventName: t,
         pending: d,
@@ -10601,14 +10615,14 @@ var Ya = ({ onClick: e, eventName: t, pending: n = !1, label: r }) => {
     ]
   });
 }, xh = ({ sliceId: e, event: t, selectable: n, showDetails: r = !1, projectedFromTheRight: o = !1, annotations: i = [] }) => {
-  const { editing: s, selection: d, navigation: l, messages: c } = ne(), u = _e() ? void 0 : s.onEventReferenceRemoved, g = pe.parse(t.sourceEventId ?? pe.empty.toString()), v = Ua(g, l.onNavigateToEvent), h = !!d.selectedArtifactId?.equals(t.id), m = d.onArtifactSelected, p = at(t.id), b = `${c.events.openEvent} ${t.name}`, f = o ? [{
+  const { editing: s, selection: d, navigation: l, messages: c } = ne(), u = _e() ? void 0 : s.onEventReferenceRemoved, g = pe.parse(t.sourceEventId ?? pe.empty.toString()), v = Ua(g, l.onNavigateToEvent), p = !!d.selectedArtifactId?.equals(t.id), m = d.onArtifactSelected, h = at(t.id), b = `${c.events.openEvent} ${t.name}`, f = o ? [{
     severity: At.warning,
     message: c.events.projectedFromTheRight
   }, ...i] : i, y = Rn(f);
   return /* @__PURE__ */ S("div", {
     ref: v.ref,
-    className: `event-modeling-grid-event-wrapper event-modeling-grid-event-wrapper--reference event-modeling-event-reference${o ? " event-modeling-event-reference--out-of-order" : ""}${y ? " event-modeling-event--marked event-model-annotation-severity" : ""}${p ? " event-model-change-frame event-model-change-name" : ""}`,
-    "data-board-change": p,
+    className: `event-modeling-grid-event-wrapper event-modeling-grid-event-wrapper--reference event-modeling-event-reference${o ? " event-modeling-event-reference--out-of-order" : ""}${y ? " event-modeling-event--marked event-model-annotation-severity" : ""}${h ? " event-model-change-frame event-model-change-name" : ""}`,
+    "data-board-change": h,
     "data-out-of-order": o || void 0,
     "data-severity": y,
     title: o ? c.events.projectedFromTheRight : void 0,
@@ -10616,7 +10630,7 @@ var Ya = ({ onClick: e, eventName: t, pending: n = !1, label: r }) => {
     onMouseEnter: v.onMouseEnter,
     onMouseLeave: v.onMouseLeave,
     children: [
-      /* @__PURE__ */ a(Se, {
+      /* @__PURE__ */ a(ye, {
         content: /* @__PURE__ */ a(Bt, {
           title: t.name,
           schema: t.schema
@@ -10626,14 +10640,14 @@ var Ya = ({ onClick: e, eventName: t, pending: n = !1, label: r }) => {
           name: t.name,
           backgroundColor: Ae.background,
           textColor: Ae.text,
-          isSelected: h,
+          isSelected: p,
           onSelected: n && m ? () => m(t.id) : void 0,
-          ariaLabel: p ? `${b} · ${On(c, p)}` : b,
-          ariaPressed: h,
+          ariaLabel: h ? `${b} · ${On(c, h)}` : b,
+          ariaPressed: p,
           "data-event-id": t.id.toString(),
-          extraContent: p || gt(t) || r ? /* @__PURE__ */ S(re, { children: [
+          extraContent: h || gt(t) || r ? /* @__PURE__ */ S(re, { children: [
             /* @__PURE__ */ a(Mt, {
-              change: p,
+              change: h,
               kind: ue.event,
               name: t.name
             }),
@@ -10663,14 +10677,14 @@ var Ya = ({ onClick: e, eventName: t, pending: n = !1, label: r }) => {
     ]
   });
 }, Mh = (e, t, n) => {
-  if (e.sliceType !== F.stateView) return /* @__PURE__ */ new Set();
+  if (e.sliceType !== B.stateView) return /* @__PURE__ */ new Set();
   const r = new Set(t.map((i) => i.id.toString())), o = new Set(n.map((i) => i.id.toString()));
   return new Set(e.events.filter((i) => !!i.sourceEventId && o.has(i.sourceEventId) && !r.has(i.sourceEventId)).map((i) => i.id.toString()));
 }, kh = (e, t) => {
   const n = new Set(e.events.flatMap((o) => o.sourceEventId ? [o.sourceEventId] : [])), r = new Set(e.events.map((o) => o.name));
   return t.filter((o) => !n.has(o.id.toString()) && !r.has(o.name));
 }, Eh = ({ slice: e, collapsed: t = !1, conn: n, rowHeight: r, priorEvents: o, followingEvents: i = [], showDetails: s = !1 }) => {
-  const { editing: d, actions: l, messages: c } = ne(), u = _e(), { onEventAdded: g, onEventReferenced: v } = d, h = Zr(e.sliceType), m = rh(e.sliceType, e.events.length), p = !(et(e) && e.events.some((k) => !k.sourceEventId)), b = kh(e, o), f = Mh(e, o, i), y = /* @__PURE__ */ new Map();
+  const { editing: d, actions: l, messages: c } = ne(), u = _e(), { onEventAdded: g, onEventReferenced: v } = d, p = Zr(e.sliceType), m = rh(e.sliceType, e.events.length), h = !(et(e) && e.events.some((k) => !k.sourceEventId)), b = kh(e, o), f = Mh(e, o, i), y = /* @__PURE__ */ new Map();
   for (const k of e.annotations ?? []) {
     if (!k.eventId) continue;
     const R = k.eventId.toString().toLowerCase();
@@ -10696,14 +10710,14 @@ var Ya = ({ onClick: e, eventName: t, pending: n = !1, label: r }) => {
         placement: Ct.top,
         children: w.map((k) => /* @__PURE__ */ a(Mn, { action: k }, k.tooltip))
       }),
-      !u && !h && p && g && /* @__PURE__ */ a(nh, {
+      !u && !p && h && g && /* @__PURE__ */ a(nh, {
         placement: Ct.add,
         action: {
           tooltip: c.events.addEvent,
           onActivate: (k) => g(k)
         }
       }),
-      !u && h && !m && v && /* @__PURE__ */ a(zt, {
+      !u && p && !m && v && /* @__PURE__ */ a(zt, {
         placement: Ct.add,
         children: x(!1)
       })
@@ -10711,25 +10725,25 @@ var Ya = ({ onClick: e, eventName: t, pending: n = !1, label: r }) => {
     children: e.events.map((k) => k.sourceEventId ? /* @__PURE__ */ a(xh, {
       sliceId: e.id,
       event: k,
-      selectable: e.sliceType !== F.stateView,
+      selectable: e.sliceType !== B.stateView,
       showDetails: s,
       projectedFromTheRight: f.has(k.id.toString()),
       annotations: y.get(k.id.toString().toLowerCase())
     }, k.id.toString()) : /* @__PURE__ */ a(wh, {
       sliceId: e.id,
       event: k,
-      renameable: e.sliceType !== F.stateView,
+      renameable: e.sliceType !== B.stateView,
       showDetails: s,
       ruleBreak: ph(e, k),
       annotations: y.get(k.id.toString().toLowerCase())
     }, k.id.toString()))
   });
 }, ci = ({ sliceId: e, kind: t, artifactId: n, name: r, schema: o, description: i, summary: s, documentation: d, showDetails: l = !1, annotations: c, onRenamed: u }) => {
-  const g = Rn(c), { actions: v, selection: h, messages: m } = ne(), p = _e(), [b, f] = D(r), [y, w] = D(void 0);
+  const g = Rn(c), { actions: v, selection: p, messages: m } = ne(), h = _e(), [b, f] = D(r), [y, w] = D(void 0);
   oe(() => f(r), [r]);
-  const x = t === ue.command, k = x ? v.commandCard : v.readModelCardFor?.(n) ?? v.readModelCard, R = x ? Ft : We, M = x ? m.interaction.command : m.interaction.readModel, C = !p && !!u, L = h.onArtifactSelected, V = () => {
-    const Q = y?.trim() ?? "";
-    w(void 0), !(!Q || !u) && (u(Q), f(Q));
+  const x = t === ue.command, k = x ? v.commandCard : v.readModelCardFor?.(n) ?? v.readModelCard, R = x ? Ft : We, M = x ? m.interaction.command : m.interaction.readModel, C = !h && !!u, L = p.onArtifactSelected, V = () => {
+    const U = y?.trim() ?? "";
+    w(void 0), !(!U || !u) && (u(U), f(U));
   };
   return y !== void 0 ? /* @__PURE__ */ a($n, {
     value: y,
@@ -10738,12 +10752,12 @@ var Ya = ({ onClick: e, eventName: t, pending: n = !1, label: r }) => {
     onChange: w,
     onCommit: V,
     onCancel: () => w(void 0)
-  }) : /* @__PURE__ */ a(Se, {
+  }) : /* @__PURE__ */ a(ye, {
     content: /* @__PURE__ */ S(re, { children: [mt(i) !== void 0 && /* @__PURE__ */ a(Ar, {
       description: i,
       documentation: d
     }), /* @__PURE__ */ a(Bt, {
-      title: `${p ? "" : `${m.interaction.doubleClickToRenamePrefix} `}${M}: ${b}`,
+      title: `${h ? "" : `${m.interaction.doubleClickToRenamePrefix} `}${M}: ${b}`,
       schema: o
     })] }),
     position: "top",
@@ -10763,7 +10777,7 @@ var Ya = ({ onClick: e, eventName: t, pending: n = !1, label: r }) => {
         showDetails: l,
         actions: k?.actions,
         onActivate: k?.onActivate,
-        isSelected: !!h.selectedArtifactId?.equals(n),
+        isSelected: !!p.selectedArtifactId?.equals(n),
         onSelected: L ? () => L(n) : void 0,
         onStartEdit: C ? () => w(b) : void 0,
         ariaLabel: `${m.interaction.open} ${M}: ${b}`,
@@ -10861,20 +10875,20 @@ var Ya = ({ onClick: e, eventName: t, pending: n = !1, label: r }) => {
     return r.has(s) || o.has(s) ? !1 : (o.add(s), !0);
   });
 }, ui = ({ sliceId: e, kind: t, artifactId: n, name: r, sources: o, onRenamed: i }) => {
-  const { actions: s, selection: d, messages: l } = ne(), c = _e(), [u, g] = D(r), [v, h] = D(void 0);
+  const { actions: s, selection: d, messages: l } = ne(), c = _e(), [u, g] = D(r), [v, p] = D(void 0);
   oe(() => g(r), [r]);
-  const m = t === ue.projection, p = m ? s.projectionCard : s.captureCard, b = m ? zr : Hr, f = m ? l.interaction.projection : l.interaction.capture, y = !c && !!i, w = d.onArtifactSelected, x = o.length > 0 ? o.join(", ") : l.interaction.noSourceEvents, k = () => {
+  const m = t === ue.projection, h = m ? s.projectionCard : s.captureCard, b = m ? zr : Hr, f = m ? l.interaction.projection : l.interaction.capture, y = !c && !!i, w = d.onArtifactSelected, x = o.length > 0 ? o.join(", ") : l.interaction.noSourceEvents, k = () => {
     const R = v?.trim() ?? "";
-    h(void 0), !(!R || !i) && (i(R), g(R));
+    p(void 0), !(!R || !i) && (i(R), g(R));
   };
   return v !== void 0 ? /* @__PURE__ */ a($n, {
     value: v,
     backgroundColor: b.background,
     textColor: b.text,
-    onChange: h,
+    onChange: p,
     onCommit: k,
-    onCancel: () => h(void 0)
-  }) : /* @__PURE__ */ a(Se, {
+    onCancel: () => p(void 0)
+  }) : /* @__PURE__ */ a(ye, {
     content: `${c ? "" : `${l.interaction.doubleClickToRenamePrefix} `}${f}: ${u}`,
     position: "top",
     children: /* @__PURE__ */ a("div", {
@@ -10885,11 +10899,11 @@ var Ya = ({ onClick: e, eventName: t, pending: n = !1, label: r }) => {
         name: u,
         summary: x,
         marker: /* @__PURE__ */ a("div", { children: (l.interaction.implementationSummary ?? Ze.interaction.implementationSummary)(f, o.length) }),
-        actions: p?.actions,
-        onActivate: p?.onActivate,
+        actions: h?.actions,
+        onActivate: h?.onActivate,
         isSelected: !!d.selectedArtifactId?.equals(n),
         onSelected: w ? () => w(n) : void 0,
-        onStartEdit: y ? () => h(u) : void 0,
+        onStartEdit: y ? () => p(u) : void 0,
         ariaLabel: `${l.interaction.open} ${f}: ${u}`,
         "data-card-id": n.toString(),
         "data-slice-id": e.toString()
@@ -10897,18 +10911,18 @@ var Ya = ({ onClick: e, eventName: t, pending: n = !1, label: r }) => {
     })
   });
 }, Oh = ({ sliceId: e, commandActions: t, alternativeLabel: n, onAlternative: r, label: o, configuredKind: i, oppositeLabel: s, oppositeReason: d, onOppositeAlternative: l }) => {
-  const { messages: c } = ne(), u = Ze.interaction, g = i ? (c.interaction.occupiedImplementation ?? u.occupiedImplementation)(i) : void 0, v = O(null), h = () => v.current?.getBoundingClientRect() ?? new DOMRect(), m = [
+  const { messages: c } = ne(), u = Ze.interaction, g = i ? (c.interaction.occupiedImplementation ?? u.occupiedImplementation)(i) : void 0, v = O(null), p = () => v.current?.getBoundingClientRect() ?? new DOMRect(), m = [
     ...i ? [{
       id: "command",
       label: c.interaction.addCommand ?? u.addCommand,
       disabled: !0,
       description: g
-    }] : t.map((p, b) => ({
+    }] : t.map((h, b) => ({
       id: `command-${b}`,
-      label: p.tooltip,
-      disabled: p.disabled,
+      label: h.tooltip,
+      disabled: h.disabled,
       onClick: () => {
-        p.disabled || p.onActivate(e, h());
+        h.disabled || h.onActivate(e, p());
       }
     })),
     {
@@ -10917,7 +10931,7 @@ var Ya = ({ onClick: e, eventName: t, pending: n = !1, label: r }) => {
       disabled: !!i,
       description: g,
       onClick: () => {
-        i || r(h());
+        i || r(p());
       }
     },
     ...l && s ? [{
@@ -10941,11 +10955,11 @@ var Ya = ({ onClick: e, eventName: t, pending: n = !1, label: r }) => {
   });
 }, Ah = (e) => {
   switch (e.sliceType) {
-    case F.stateChange:
+    case B.stateChange:
       return e.command ? [ot.command] : [];
-    case F.stateView:
+    case B.stateView:
       return [...e.readModel ? [ot.readModel] : [], ...(e.additionalReadModels ?? []).map(() => ot.readModel)];
-    case F.automation:
+    case B.automation:
       return [...e.readModel ? [ot.readModel] : [], ...e.command ? [ot.command] : []];
     default:
       return [
@@ -10955,8 +10969,8 @@ var Ya = ({ onClick: e, eventName: t, pending: n = !1, label: r }) => {
         ...e.capture ? [ot.capture] : []
       ];
   }
-}, Lh = (e, t) => e.sliceType === F.translator ? (t.interaction.implementationSummary ?? Ze.interaction.implementationSummary)(t.interaction.command, e.externalEvents.length) : void 0, Ph = ({ slice: e, collapsed: t = !1, conn: n, rowHeight: r, externalEventOptions: o = [], priorEventOptions: i = [], showDetails: s = !1 }) => {
-  const { editing: d, actions: l, selection: c, navigation: u, messages: g } = ne(), v = _e(), { onCommandRenamed: h, onReadModelRenamed: m, onReadModelAdded: p, onExternalEventAdded: b, onExternalEventRemoved: f, onProjectionRenamed: y, onCaptureRenamed: w, onProjectionAdded: x, onCaptureAdded: k } = d, R = Rh(e, o, i), M = (l.interactionRow ?? []).filter((X) => !X.when || X.when(e)), C = Ah(e), L = c.onArtifactSelected, { command: V, readModel: Q } = e, B = (X, de) => (e.annotations ?? []).filter((Pe) => Pe[X]?.toString().toLowerCase() === de.toString().toLowerCase()), te = V && /* @__PURE__ */ a(ci, {
+}, Lh = (e, t) => e.sliceType === B.translator ? (t.interaction.implementationSummary ?? Ze.interaction.implementationSummary)(t.interaction.command, e.externalEvents.length) : void 0, Ph = ({ slice: e, collapsed: t = !1, conn: n, rowHeight: r, externalEventOptions: o = [], priorEventOptions: i = [], showDetails: s = !1 }) => {
+  const { editing: d, actions: l, selection: c, navigation: u, messages: g } = ne(), v = _e(), { onCommandRenamed: p, onReadModelRenamed: m, onReadModelAdded: h, onExternalEventAdded: b, onExternalEventRemoved: f, onProjectionRenamed: y, onCaptureRenamed: w, onProjectionAdded: x, onCaptureAdded: k } = d, R = Rh(e, o, i), M = (l.interactionRow ?? []).filter((Q) => !Q.when || Q.when(e)), C = Ah(e), L = c.onArtifactSelected, { command: V, readModel: U } = e, F = (Q, de) => (e.annotations ?? []).filter((Pe) => Pe[Q]?.toString().toLowerCase() === de.toString().toLowerCase()), te = V && /* @__PURE__ */ a(ci, {
     sliceId: e.id,
     kind: ue.command,
     artifactId: V.id,
@@ -10966,85 +10980,85 @@ var Ya = ({ onClick: e, eventName: t, pending: n = !1, label: r }) => {
     summary: Lh(e, g),
     documentation: V.documentation,
     showDetails: s,
-    annotations: B("commandId", V.id),
-    onRenamed: h && ((X) => h(e.id, V.id, X))
+    annotations: F("commandId", V.id),
+    onRenamed: p && ((Q) => p(e.id, V.id, Q))
   }, V.id.toString()), { projection: N, capture: E } = e, q = N && /* @__PURE__ */ a(ui, {
     sliceId: e.id,
     kind: ue.projection,
     artifactId: N.id,
     name: N.name,
     sources: N.sources,
-    onRenamed: y && ((X) => y(e.id, N.id, X))
+    onRenamed: y && ((Q) => y(e.id, N.id, Q))
   }, N.id.toString()), A = E && /* @__PURE__ */ a(ui, {
     sliceId: e.id,
     kind: ue.capture,
     artifactId: E.id,
     name: E.name,
     sources: E.sources,
-    onRenamed: w && ((X) => w(e.id, E.id, X))
-  }, E.id.toString()), P = q ?? A ?? te, Z = (X) => /* @__PURE__ */ a(ci, {
+    onRenamed: w && ((Q) => w(e.id, E.id, Q))
+  }, E.id.toString()), P = q ?? A ?? te, Z = (Q) => /* @__PURE__ */ a(ci, {
     sliceId: e.id,
     kind: ue.readModel,
-    artifactId: X.id,
-    name: X.name,
-    schema: X.schema,
-    description: X.description,
-    documentation: X.documentation,
+    artifactId: Q.id,
+    name: Q.name,
+    schema: Q.schema,
+    description: Q.description,
+    documentation: Q.documentation,
     showDetails: s,
-    annotations: B("readModelId", X.id),
-    onRenamed: m && ((de) => m(e.id, X.id, de))
-  }, X.id.toString()), T = e.sliceType === F.stateView ? e.additionalReadModels ?? [] : [], z = Q && Z(Q), K = T.length > 0 ? /* @__PURE__ */ S("div", {
+    annotations: F("readModelId", Q.id),
+    onRenamed: m && ((de) => m(e.id, Q.id, de))
+  }, Q.id.toString()), T = e.sliceType === B.stateView ? e.additionalReadModels ?? [] : [], z = U && Z(U), K = T.length > 0 ? /* @__PURE__ */ S("div", {
     className: "event-modeling-grid-slice-cell-stack",
     children: [z, T.map(Z)]
-  }) : z, I = (X) => {
-    const de = `${g.interaction.open} ${g.interaction.externalEvent}: ${X.name}`, Pe = Nh(X, R), Ve = R.find((Ue) => Ue.id.toString() === X.sourceEventId);
-    return /* @__PURE__ */ a(Se, {
+  }) : z, I = (Q) => {
+    const de = `${g.interaction.open} ${g.interaction.externalEvent}: ${Q.name}`, Pe = Nh(Q, R), Ve = R.find((Ue) => Ue.id.toString() === Q.sourceEventId);
+    return /* @__PURE__ */ a(ye, {
       content: /* @__PURE__ */ a(Bt, {
-        title: `${v ? "" : `${g.interaction.doubleClickToRenamePrefix} `}${g.interaction.externalEvent}: ${X.name}`,
+        title: `${v ? "" : `${g.interaction.doubleClickToRenamePrefix} `}${g.interaction.externalEvent}: ${Q.name}`,
         schema: Pe
       }),
       position: "top",
       children: /* @__PURE__ */ a("div", {
         "data-flow-node": Me.externalEvent,
         children: /* @__PURE__ */ a(Ch, {
-          id: X.id,
-          name: X.name,
-          sourceEventId: X.sourceEventId ? pe.parse(X.sourceEventId) : void 0,
+          id: Q.id,
+          name: Q.name,
+          sourceEventId: Q.sourceEventId ? pe.parse(Q.sourceEventId) : void 0,
           onNavigate: u.onNavigateToEvent,
-          onRemove: !v && f ? () => f(e.id, X.id) : void 0,
-          removalPending: d.isExternalEventRemovalPending?.(e.id, X.id),
+          onRemove: !v && f ? () => f(e.id, Q.id) : void 0,
+          removalPending: d.isExternalEventRemovalPending?.(e.id, Q.id),
           isPublic: !!Ve && gt(Ve),
-          ruleBreak: fh(e, X, R),
-          isSelected: !!c.selectedArtifactId?.equals(X.id),
-          onSelected: L ? () => L(X.id) : void 0,
+          ruleBreak: fh(e, Q, R),
+          isSelected: !!c.selectedArtifactId?.equals(Q.id),
+          onSelected: L ? () => L(Q.id) : void 0,
           ariaLabel: de,
-          "data-card-id": X.id.toString(),
+          "data-card-id": Q.id.toString(),
           "data-slice-id": e.id.toString()
         })
       })
-    }, X.id.toString());
+    }, Q.id.toString());
   }, j = et(e) ? x && {
     label: g.interaction.addProjection,
     add: x
   } : k && {
     label: g.interaction.addCapture,
     add: k
-  }, U = N ? g.interaction.projection : E ? g.interaction.capture : V ? g.interaction.command : void 0, ie = e.sliceType === F.translator && !!j, $ = et(e) ? k : x, _ = et(e) ? g.interaction.captureInputOnly ?? Ze.interaction.captureInputOnly : g.interaction.projectionOutputOnly ?? Ze.interaction.projectionOutputOnly, ee = !v && (M.length > 0 || ie) && /* @__PURE__ */ S(zt, {
+  }, Y = N ? g.interaction.projection : E ? g.interaction.capture : V ? g.interaction.command : void 0, ie = e.sliceType === B.translator && !!j, $ = et(e) ? k : x, _ = et(e) ? g.interaction.captureInputOnly ?? Ze.interaction.captureInputOnly : g.interaction.projectionOutputOnly ?? Ze.interaction.projectionOutputOnly, ee = !v && (M.length > 0 || ie) && /* @__PURE__ */ S(zt, {
     placement: Ct.add,
     children: [ie && j ? /* @__PURE__ */ a(Oh, {
       sliceId: e.id,
-      commandActions: U ? [] : M,
-      configuredKind: U,
+      commandActions: Y ? [] : M,
+      configuredKind: Y,
       oppositeLabel: et(e) ? g.interaction.addCapture : g.interaction.addProjection,
       oppositeReason: _,
-      onOppositeAlternative: $ && ((X) => $(e.id, X)),
+      onOppositeAlternative: $ && ((Q) => $(e.id, Q)),
       alternativeLabel: j.label,
-      onAlternative: (X) => j.add(e.id, X),
+      onAlternative: (Q) => j.add(e.id, Q),
       label: g.interaction.addToTranslator
-    }) : M.map((X) => /* @__PURE__ */ a(Mn, { action: X }, X.tooltip)), ie && U && M.map((X) => /* @__PURE__ */ a(Mn, { action: X }, X.tooltip))]
+    }) : M.map((Q) => /* @__PURE__ */ a(Mn, { action: Q }, Q.tooltip)), ie && Y && M.map((Q) => /* @__PURE__ */ a(Mn, { action: Q }, Q.tooltip))]
   });
-  if (e.sliceType === F.automation && !t) {
-    const X = !v && !e.readModel && !!e.command && !!p;
+  if (e.sliceType === B.automation && !t) {
+    const Q = !v && !e.readModel && !!e.command && !!h;
     return /* @__PURE__ */ a(tr, {
       conn: n,
       rowHeight: r,
@@ -11053,22 +11067,22 @@ var Ya = ({ onClick: e, eventName: t, pending: n = !1, label: r }) => {
         kind: "sideBySide",
         readModelOnTop: !!e.readModel,
         commandBelow: !!e.command,
-        hasLeftCard: !!e.readModel || X,
+        hasLeftCard: !!e.readModel || Q,
         hasRightCard: !!e.command,
         cards: /* @__PURE__ */ S(re, { children: [
           K,
-          X && /* @__PURE__ */ a(Ih, {
+          Q && /* @__PURE__ */ a(Ih, {
             label: g.interaction.readModel,
             defineLabel: g.interaction.defineReadModel,
-            onDefine: (de) => p(e.id, de)
+            onDefine: (de) => h(e.id, de)
           }),
           te
         ] })
       }
     });
   }
-  if (e.sliceType === F.translator && !t) {
-    const X = new Set(e.externalEvents.map((de) => de.name));
+  if (e.sliceType === B.translator && !t) {
+    const Q = new Set(e.externalEvents.map((de) => de.name));
     return /* @__PURE__ */ a(tr, {
       conn: n,
       rowHeight: r,
@@ -11080,7 +11094,7 @@ var Ya = ({ onClick: e, eventName: t, pending: n = !1, label: r }) => {
         leftCorner: !v && oh(e.sliceType) && b && /* @__PURE__ */ a(zt, {
           placement: Ct.add,
           children: /* @__PURE__ */ a(xa, {
-            options: bh(e, R).filter((de) => !X.has(de.name)),
+            options: bh(e, R).filter((de) => !Q.has(de.name)),
             nameOf: (de) => de.name,
             onSelect: (de) => b(e.id, de),
             label: g.interaction.addExternalEvent,
@@ -11093,7 +11107,7 @@ var Ya = ({ onClick: e, eventName: t, pending: n = !1, label: r }) => {
       }
     });
   }
-  const he = e.sliceType === F.stateView ? K : e.sliceType === F.automation ? /* @__PURE__ */ S(re, { children: [K, te] }) : e.sliceType === F.translator ? /* @__PURE__ */ S(re, { children: [e.externalEvents.map(I), P] }) : te;
+  const he = e.sliceType === B.stateView ? K : e.sliceType === B.automation ? /* @__PURE__ */ S(re, { children: [K, te] }) : e.sliceType === B.translator ? /* @__PURE__ */ S(re, { children: [e.externalEvents.map(I), P] }) : te;
   return /* @__PURE__ */ a(tr, {
     collapsed: t,
     conn: n,
@@ -11186,7 +11200,7 @@ export {
   $u as GENERATED_SPECIFICATIONS_ABSORB_WINDOW_MS,
   Fn as GivenContextKind,
   Fm as GivenSection,
-  Se as GridTooltip,
+  ye as GridTooltip,
   oc as HIT_TEST_ATTRIBUTES,
   Yi as HeaderDragGhost,
   Ba as HostedEventModelBoard,
@@ -11259,7 +11273,7 @@ export {
   se as SliceStatus,
   Oo as SliceStatusIcon,
   Pr as SliceStatusPicker,
-  F as SliceType,
+  B as SliceType,
   uu as SliceTypeExplanation,
   lu as SliceTypeIcon,
   mu as SliceTypeMenu,