@cratis/event-models 0.272.1 → 0.273.0

package/dist/index.js

@@ -295,7 +295,7 @@ var ye = /* @__PURE__ */ (function(e) {
   if (!n) throw new Ye(`${e.path}.severity`, `unknown annotation severity '${t}'`);
   const r = e.optionalString("message");
   if (r === void 0) throw new Ye(`${e.path}.message`, "expected a string");
-  const o = e.optionalString("code"), i = e.optionalGuid("eventId"), s = e.optionalGuid("commandId"), d = e.optionalGuid("readModelId"), l = e.optionalGuid("specificationId"), c = e.optionalString("specificationStep"), u = c === void 0 ? void 0 : Object.values(Na).find((f) => f === c);
+  const o = e.optionalString("code"), i = e.optionalGuid("eventId"), s = e.optionalGuid("commandId"), l = e.optionalGuid("readModelId"), d = e.optionalGuid("specificationId"), c = e.optionalString("specificationStep"), u = c === void 0 ? void 0 : Object.values(Na).find((f) => f === c);
   if (c !== void 0 && !u) throw new Ye(`${e.path}.specificationStep`, `unknown specification step '${c}'`);
   const g = e.has("stepIndex") ? e.number("stepIndex") : void 0;
   return {
@@ -304,8 +304,8 @@ var ye = /* @__PURE__ */ (function(e) {
     ...o !== void 0 ? { code: o } : {},
     ...i ? { eventId: i } : {},
     ...s ? { commandId: s } : {},
-    ...d ? { readModelId: d } : {},
-    ...l ? { specificationId: l } : {},
+    ...l ? { readModelId: l } : {},
+    ...d ? { specificationId: d } : {},
     ...u ? { specificationStep: u } : {},
     ...g !== void 0 ? { stepIndex: g } : {}
   };
@@ -365,7 +365,7 @@ var ye = /* @__PURE__ */ (function(e) {
     ...n !== void 0 ? { message: n } : {}
   };
 }, es = (e) => {
-  const t = Za(e.object("when")), n = Ja(e.object("caller")), r = Ya(e.object("whenEvent")), o = Xa(e.object("whenRedelivered")), i = Ar(e.object("givenReadModel")), s = Ar(e.object("thenReadModel")), d = e.optionalEnumValue("lastRunOutcome"), l = e.optionalString("lastRunMessage"), c = e.optionalString("outcomes");
+  const t = Za(e.object("when")), n = Ja(e.object("caller")), r = Ya(e.object("whenEvent")), o = Xa(e.object("whenRedelivered")), i = Ar(e.object("givenReadModel")), s = Ar(e.object("thenReadModel")), l = e.optionalEnumValue("lastRunOutcome"), d = e.optionalString("lastRunMessage"), c = e.optionalString("outcomes");
   return {
     id: e.guid("id"),
     name: e.string("name"),
@@ -383,8 +383,8 @@ var ye = /* @__PURE__ */ (function(e) {
     ...i ? { givenReadModel: i } : {},
     ...s ? { thenReadModel: s } : {},
     ...e.has("thenNoEvents") ? { thenNoEvents: e.boolean("thenNoEvents") } : {},
-    ...d !== void 0 ? { lastRunOutcome: d } : {},
-    ...l !== void 0 ? { lastRunMessage: l } : {}
+    ...l !== void 0 ? { lastRunOutcome: l } : {},
+    ...d !== void 0 ? { lastRunMessage: d } : {}
   };
 }, ts = (e) => e ? {
   intervalMinutes: e.number("intervalMinutes"),
@@ -454,7 +454,7 @@ var ye = /* @__PURE__ */ (function(e) {
     ...t ? { avatar: t } : {}
   };
 }, cs = (e) => {
-  const t = e.object("command"), n = e.object("projection"), r = e.object("capture"), o = e.object("readModel"), i = e.array("additionalReadModels", Rr), s = ns(e.object("automationTrigger")), d = ds(e.object("assignee")), l = e.array("reactionRefusals", ss), c = e.array("reactionInvocations", as), u = e.array("annotations", Ga), g = e.optionalEnumValue("translationDirection");
+  const t = e.object("command"), n = e.object("projection"), r = e.object("capture"), o = e.object("readModel"), i = e.array("additionalReadModels", Rr), s = ns(e.object("automationTrigger")), l = ds(e.object("assignee")), d = e.array("reactionRefusals", ss), c = e.array("reactionInvocations", as), u = e.array("annotations", Ga), g = e.optionalEnumValue("translationDirection");
   return {
     id: e.guid("id"),
     name: e.string("name"),
@@ -477,9 +477,9 @@ var ye = /* @__PURE__ */ (function(e) {
     ...i.length > 0 ? { additionalReadModels: i } : {},
     ...s ? { automationTrigger: s } : {},
     ...c.length > 0 ? { reactionInvocations: c } : {},
-    ...l.length > 0 ? { reactionRefusals: l } : {},
+    ...d.length > 0 ? { reactionRefusals: d } : {},
     ...g !== void 0 ? { translationDirection: g } : {},
-    ...d ? { assignee: d } : {},
+    ...l ? { assignee: l } : {},
     ...u.length > 0 ? { annotations: u } : {}
   };
 }, Lo = (e) => e ? {
@@ -855,7 +855,7 @@ var Ss = {
   ...t ? { [Bo]: t } : {}
 });
 var Dt = (e, t, n) => Math.max(8, Math.min(e, n - t - 8)), Es = (e, t, n, r, o, i) => {
-  const s = e.left + e.width, d = e.top + e.height;
+  const s = e.left + e.width, l = e.top + e.height;
   if (r === "left" || r === "right") {
     const f = n.width - s - i, h = e.left - i, m = r === "right" ? f >= t.width || f >= h : !(h >= t.width || h >= f);
     return {
@@ -863,16 +863,16 @@ var Dt = (e, t, n) => Math.max(8, Math.min(e, n - t - 8)), Es = (e, t, n, r, o,
       left: Dt(m ? s + i : e.left - i - t.width, t.width, n.width)
     };
   }
-  const l = n.height - d - i, c = e.top - i, u = r === "below" ? l >= t.height || l >= c : !(c >= t.height || c >= l), g = o === "center" ? e.left + e.width / 2 - t.width / 2 : o === "right" ? s - t.width : e.left;
+  const d = n.height - l - i, c = e.top - i, u = r === "below" ? d >= t.height || d >= c : !(c >= t.height || c >= d), g = o === "center" ? e.left + e.width / 2 - t.width / 2 : o === "right" ? s - t.width : e.left;
   return {
-    top: Dt(u ? d + i : e.top - i - t.height, t.height, n.height),
+    top: Dt(u ? l + i : e.top - i - t.height, t.height, n.height),
     left: Dt(g, t.width, n.width)
   };
 }, rn = ({ anchorRef: e, open: t, side: n = "below", align: r = "left", gap: o = 8, children: i }) => {
-  const s = O(null), [d, l] = D(), [c, u] = D("");
+  const s = O(null), [l, d] = D(), [c, u] = D("");
   return Pt(() => {
     if (!t) {
-      l(void 0), u("");
+      d(void 0), u("");
       return;
     }
     let g = 0;
@@ -884,7 +884,7 @@ var Dt = (e, t, n) => Math.max(8, Math.min(e, n - t - 8)), Es = (e, t, n, r, o,
           width: window.innerWidth,
           height: window.innerHeight
         }, n, r, o);
-        l((p) => p && p.top === v.top && p.left === v.left ? p : v);
+        d((p) => p && p.top === v.top && p.left === v.left ? p : v);
       }
       g = requestAnimationFrame(f);
     };
@@ -897,7 +897,7 @@ var Dt = (e, t, n) => Math.max(8, Math.min(e, n - t - 8)), Es = (e, t, n, r, o,
     e
   ]), t ? pt(/* @__PURE__ */ a("div", {
     ref: s,
-    style: ks(d, c),
+    style: ks(l, c),
     children: i
   }), document.body) : null;
 }, Ns = (e, t, n) => {
@@ -908,59 +908,59 @@ var Dt = (e, t, n) => Math.max(8, Math.min(e, n - t - 8)), Es = (e, t, n, r, o,
   bottom: "below",
   left: "left",
   right: "right"
-}, fe = ({ content: e, position: t = "top", openOnFocus: n = !1, children: r }) => {
-  const o = O(null), [i, s] = D(!1), [d, l] = D(!1), [c, u] = D(!1), g = O(void 0), f = (p) => {
-    p.pointerType === "mouse" && (g.current = {
-      x: p.clientX,
-      y: p.clientY
-    }, s(!0));
+}, fe = ({ content: e, position: t = "top", openOnFocus: n = !1, disabled: r = !1, children: o }) => {
+  const i = O(null), [s, l] = D(!1), [d, c] = D(!1), [u, g] = D(!1), f = O(void 0), h = (b) => {
+    b.pointerType === "mouse" && (f.current = {
+      x: b.clientX,
+      y: b.clientY
+    }, l(!0));
   };
   return ie(() => {
-    if (!i) return;
-    const p = (M) => {
-      g.current = {
-        x: M.clientX,
-        y: M.clientY
+    if (!s) return;
+    const b = (S) => {
+      f.current = {
+        x: S.clientX,
+        y: S.clientY
       };
-    }, b = {
+    }, y = {
       capture: !0,
       passive: !0
     };
-    window.addEventListener("pointermove", p, b), window.addEventListener("pointerdown", p, b), window.addEventListener("wheel", p, b);
-    let y = 0;
-    const w = () => {
-      const M = o.current;
-      if (M && g.current && !Ns(M, g.current, (S, N) => document.elementFromPoint(S, N))) {
-        s(!1), l(!1);
+    window.addEventListener("pointermove", b, y), window.addEventListener("pointerdown", b, y), window.addEventListener("wheel", b, y);
+    let w = 0;
+    const k = () => {
+      const S = i.current;
+      if (S && f.current && !Ns(S, f.current, (N, R) => document.elementFromPoint(N, R))) {
+        l(!1), c(!1);
         return;
       }
-      y = requestAnimationFrame(w);
+      w = requestAnimationFrame(k);
     };
-    return y = requestAnimationFrame(w), () => {
-      cancelAnimationFrame(y), window.removeEventListener("pointermove", p, b), window.removeEventListener("pointerdown", p, b), window.removeEventListener("wheel", p, b);
+    return w = requestAnimationFrame(k), () => {
+      cancelAnimationFrame(w), window.removeEventListener("pointermove", b, y), window.removeEventListener("pointerdown", b, y), window.removeEventListener("wheel", b, y);
     };
-  }, [i]), /* @__PURE__ */ x("span", {
-    ref: o,
+  }, [s]), /* @__PURE__ */ x("span", {
+    ref: i,
     className: "grid-tooltip-root",
-    onPointerEnter: f,
+    onPointerEnter: h,
     onPointerLeave: () => {
-      s(!1), l(!1);
+      l(!1), c(!1);
     },
-    onPointerDown: () => l(!0),
-    onFocus: n ? (p) => {
+    onPointerDown: () => c(!0),
+    onFocus: n ? (b) => {
       try {
-        if (!p.target.matches(":focus-visible")) return;
+        if (!b.target.matches(":focus-visible")) return;
       } catch {
       }
-      u(!0);
+      g(!0);
     } : void 0,
-    onBlur: n ? () => u(!1) : void 0,
-    onKeyDown: n ? (p) => {
-      p.key === "Escape" && u(!1);
+    onBlur: n ? () => g(!1) : void 0,
+    onKeyDown: n ? (b) => {
+      b.key === "Escape" && g(!1);
     } : void 0,
-    children: [r, /* @__PURE__ */ a(rn, {
-      anchorRef: o,
-      open: i && !d || c,
+    children: [o, /* @__PURE__ */ a(rn, {
+      anchorRef: i,
+      open: !r && (s && !d || u),
       side: Is[t],
       gap: 6,
       align: "center",
@@ -1067,10 +1067,10 @@ var Fs = {
   }) : null;
 };
 function Jn(e, t, n) {
-  const { selection: r, messages: o } = re(), i = O(void 0), s = e ? zo(r, e) : void 0, d = !!e && As(r, e), l = r.onScopeSelected;
+  const { selection: r, messages: o } = re(), i = O(void 0), s = e ? zo(r, e) : void 0, l = !!e && As(r, e), d = r.onScopeSelected;
   return ce(() => {
     const c = Ls(s, o), u = jo(s), g = c ? { "aria-description": c } : {};
-    if (!e || !l) return {
+    if (!e || !d) return {
       emphasis: s,
       className: "",
       emphasisClassName: u,
@@ -1080,12 +1080,12 @@ function Jn(e, t, n) {
       }),
       attributes: g
     };
-    const f = () => l(e, t), h = {
+    const f = () => d(e, t), h = {
       ...g,
       role: "group",
       tabIndex: 0,
       "aria-label": `${Ts(t, o)}: ${n}`,
-      "aria-current": d ? "true" : void 0,
+      "aria-current": l ? "true" : void 0,
       onPointerDownCapture: (m) => {
         i.current = {
           x: m.clientX,
@@ -1117,13 +1117,13 @@ function Jn(e, t, n) {
     t,
     n,
     s,
-    d,
     l,
+    d,
     o
   ]);
 }
 var qo = $e({}), Bs = ({ readOnly: e = !1, editing: t, actions: n, selection: r, navigation: o, markers: i, children: s }) => {
-  const d = i?.changes, l = No.useMemo(() => ({ changes: typeof d == "function" ? d : d && new Map([...d].map(([c, u]) => [c.toLowerCase(), u])) }), [d]);
+  const l = i?.changes, d = No.useMemo(() => ({ changes: typeof l == "function" ? l : l && new Map([...l].map(([c, u]) => [c.toLowerCase(), u])) }), [l]);
   return /* @__PURE__ */ a(Kn.Provider, {
     value: e,
     children: /* @__PURE__ */ a(Ho, {
@@ -1132,7 +1132,7 @@ var qo = $e({}), Bs = ({ readOnly: e = !1, editing: t, actions: n, selection: r,
       selection: r,
       navigation: o,
       children: /* @__PURE__ */ a(qo.Provider, {
-        value: l,
+        value: d,
         children: s
       })
     })
@@ -1145,20 +1145,20 @@ function ze(e) {
   return typeof t == "function" ? t(n) : t?.get(n);
 }
 var Vo = 0.1, Hs = (e, t, n, r) => !(e.ctrlKey || e.metaKey) || e.deltaY === 0 ? !1 : e.deltaY < 0 ? t >= r : t <= n, Ws = ({ chrome: e = {}, onHelp: t, helpTitle: n, onTransformChange: r, rootRef: o, ...i }) => {
-  const { readOnly: s } = re(), { initialZoom: d = 1, minZoom: l = Vo, maxZoom: c = 5 } = i, u = O(d), g = O(null), f = j((h, m) => {
+  const { readOnly: s } = re(), { initialZoom: l = 1, minZoom: d = Vo, maxZoom: c = 5 } = i, u = O(l), g = O(null), f = j((h, m) => {
     u.current = h, r?.(h, m);
   }, [r]);
   return ie(() => {
     const h = g.current;
     if (!h) return;
     const m = (v) => {
-      Hs(v, u.current, l, c) && (v.preventDefault(), v.stopPropagation());
+      Hs(v, u.current, d, c) && (v.preventDefault(), v.stopPropagation());
     };
     return h.addEventListener("wheel", m, {
       capture: !0,
       passive: !1
     }), () => h.removeEventListener("wheel", m, { capture: !0 });
-  }, [l, c]), /* @__PURE__ */ a("div", {
+  }, [d, c]), /* @__PURE__ */ a("div", {
     ref: (h) => {
       g.current = h, typeof o == "function" ? o(h) : o && (o.current = h);
     },
@@ -1180,8 +1180,8 @@ var Vo = 0.1, Hs = (e, t, n, r) => !(e.ctrlKey || e.metaKey) || e.deltaY === 0 ?
 })({});
 function Qn(e, t, n) {
   if (n === Xt.Vertical) {
-    const s = t.y - e.y, d = e.y + s * 0.5, l = t.y - s * 0.5;
-    return `M ${e.x} ${e.y} C ${e.x} ${d}, ${t.x} ${l}, ${t.x} ${t.y}`;
+    const s = t.y - e.y, l = e.y + s * 0.5, d = t.y - s * 0.5;
+    return `M ${e.x} ${e.y} C ${e.x} ${l}, ${t.x} ${d}, ${t.x} ${t.y}`;
   }
   const r = t.x - e.x, o = e.x + r * 0.5, i = t.x - r * 0.5;
   return `M ${e.x} ${e.y} C ${o} ${e.y}, ${i} ${t.y}, ${t.x} ${t.y}`;
@@ -1287,12 +1287,12 @@ function Us(e, t, n) {
     width: 0,
     height: 0
   };
-  const i = Math.min(...r) - n, s = Math.min(...o) - n, d = Math.max(...r) + n, l = Math.max(...o) + n;
+  const i = Math.min(...r) - n, s = Math.min(...o) - n, l = Math.max(...r) + n, d = Math.max(...o) + n;
   return {
     x: i,
     y: s,
-    width: d - i,
-    height: l - s
+    width: l - i,
+    height: d - s
   };
 }
 var Pv = 12, $v = 600, Ys = "Inter, Avenir, Helvetica, Arial, sans-serif", _v = 230, Ft = null;
@@ -1417,25 +1417,25 @@ function Qs(e, t, n = !1, r = 1) {
 function el(e, t) {
   const n = e.sliceType === F.automation, r = n ? e.reactionRefusals ?? [] : [], o = n ? ei([...e.reactionInvocations ?? []], [...r]) : [];
   if (r.length === 0 && o.length === 0) return Pe[Z.System];
-  const i = tr([...r]).length + o.length, s = r.reduce((l, c) => l + 2 + ti(c).length, 0) + o.length + i, d = ae.refusalListMargin + s * ae.refusalLineHeight * t + (r.length + o.length) * ae.refusalBranchGap;
-  return Math.max(Pe[Z.System], ae.systemCellPadding + ae.cogWheelHeight + ae.systemCellGap + d);
+  const i = tr([...r]).length + o.length, s = r.reduce((d, c) => d + 2 + ti(c).length, 0) + o.length + i, l = ae.refusalListMargin + s * ae.refusalLineHeight * t + (r.length + o.length) * ae.refusalBranchGap;
+  return Math.max(Pe[Z.System], ae.systemCellPadding + ae.cogWheelHeight + ae.systemCellGap + l);
 }
 function tl(e, t, n) {
   const r = Math.round(ae.cardHeight * n), { events: o } = e;
   if (o.length === 0) return Pe[Z.Events];
   const i = [];
-  for (let d = 0; d < o.length; d += ae.itemsPerRow) {
-    const l = o.slice(d, d + ae.itemsPerRow);
-    i.push(t ? Math.max(r, ...l.map((c) => Tn(rl(c), n))) : r);
+  for (let l = 0; l < o.length; l += ae.itemsPerRow) {
+    const d = o.slice(l, l + ae.itemsPerRow);
+    i.push(t ? Math.max(r, ...d.map((c) => Tn(rl(c), n))) : r);
   }
-  const s = i.reduce((d, l) => d + l, 0) + (i.length - 1) * ni;
+  const s = i.reduce((l, d) => l + d, 0) + (i.length - 1) * ni;
   return Math.max(Pe[Z.Events], s + ae.cellVerticalPadding);
 }
 var oi = (e) => (e.additionalReadModels?.length ?? 0) > 0;
 function nl(e, t, n) {
   const r = Math.round(ae.cardHeight * n);
   if (oi(e)) {
-    const i = [e.readModel, ...e.additionalReadModels ?? []].filter((d) => d !== void 0).map((d) => t ? Tn(d, n) : r), s = i.reduce((d, l) => d + l, 0) + (i.length - 1) * ni;
+    const i = [e.readModel, ...e.additionalReadModels ?? []].filter((l) => l !== void 0).map((l) => t ? Tn(l, n) : r), s = i.reduce((l, d) => l + d, 0) + (i.length - 1) * ni;
     return Math.max(Pe[Z.Interaction], s + 48);
   }
   const o = [e.command, e.readModel].filter((i) => i !== void 0);
@@ -1491,26 +1491,26 @@ var on = (e) => {
   padding: 12
 }, Pn = Zt.borderWidth + Zt.padding;
 function cl(e, t, n, r, o, i) {
-  const s = O(void 0), d = () => {
+  const s = O(void 0), l = () => {
     s.current && (s.current = void 0, i?.(e));
   };
   return {
-    onPointerDown: (l) => {
-      const c = l.target;
-      c instanceof Element && c.closest("button, input, .event-modeling-grid-editable-label") || (l.stopPropagation(), s.current = {
-        lastX: l.clientX,
-        lastY: l.clientY,
+    onPointerDown: (d) => {
+      const c = d.target;
+      c instanceof Element && c.closest("button, input, .event-modeling-grid-editable-label") || (d.stopPropagation(), s.current = {
+        lastX: d.clientX,
+        lastY: d.clientY,
         position: t,
         moved: !1
-      }, l.currentTarget.setPointerCapture(l.pointerId));
+      }, d.currentTarget.setPointerCapture(d.pointerId));
     },
-    onPointerMove: (l) => {
+    onPointerMove: (d) => {
       const c = s.current;
       if (!c) return;
-      const u = n(), g = (l.clientX - c.lastX) / u, f = (l.clientY - c.lastY) / u;
+      const u = n(), g = (d.clientX - c.lastX) / u, f = (d.clientY - c.lastY) / u;
       s.current = {
-        lastX: l.clientX,
-        lastY: l.clientY,
+        lastX: d.clientX,
+        lastY: d.clientY,
         position: {
           x: c.position.x + g,
           y: c.position.y + f
@@ -1518,11 +1518,11 @@ function cl(e, t, n, r, o, i) {
         moved: !0
       }, r?.(e, g, f);
     },
-    onPointerCancel: d,
-    onLostPointerCapture: d,
+    onPointerCancel: l,
+    onLostPointerCapture: l,
     onPointerUp: () => {
-      const l = s.current;
-      s.current = void 0, l?.moved && o?.(e, l.position);
+      const d = s.current;
+      s.current = void 0, d?.moved && o?.(e, d.position);
     }
   };
 }
@@ -1530,9 +1530,9 @@ var ul = ({ onCollectionMoved: e, ...t }) => e ? /* @__PURE__ */ a(vl, {
   ...t,
   onCollectionMoved: e
 }) : void 0, ml = 4, gl = 48, vl = ({ collectionId: e, position: t, getZoom: n, topOffset: r = Zt.padding, onCollectionMoving: o, onCollectionMoved: i, onCollectionMoveCanceled: s }) => {
-  const [d, l] = D(!1), c = cl(e, t, n, o, i, s);
+  const [l, d] = D(!1), c = cl(e, t, n, o, i, s);
   return /* @__PURE__ */ a("div", {
-    className: `collection-drag-handle ${d ? "collection-drag-handle--dragging" : ""}`,
+    className: `collection-drag-handle ${l ? "collection-drag-handle--dragging" : ""}`,
     style: {
       top: `${r}px`,
       left: `${Zt.padding + ml}px`,
@@ -1540,17 +1540,17 @@ var ul = ({ onCollectionMoved: e, ...t }) => e ? /* @__PURE__ */ a(vl, {
       height: ae.headerHeight
     },
     onPointerDown: (u) => {
-      l(!0), c.onPointerDown(u);
+      d(!0), c.onPointerDown(u);
     },
     onPointerMove: c.onPointerMove,
     onPointerCancel: () => {
-      l(!1), c.onPointerCancel();
+      d(!1), c.onPointerCancel();
     },
     onLostPointerCapture: () => {
-      l(!1), c.onLostPointerCapture();
+      d(!1), c.onLostPointerCapture();
     },
     onPointerUp: () => {
-      l(!1), c.onPointerUp();
+      d(!1), c.onPointerUp();
     },
     children: /* @__PURE__ */ a("i", { className: "pi pi-arrows-alt" })
   });
@@ -1570,7 +1570,7 @@ var $r = (e, t, n, r) => {
   return o !== void 0 && n - o < r;
 };
 function fl(e, t, n, r = hl) {
-  const o = ii(t), i = new Map(t.map((u) => [u.id.toString(), u])), s = new Map(e.collections.map((u) => [u.id.toString(), u])), d = e.additions.filter((u) => !i.has(u.id.toString()));
+  const o = ii(t), i = new Map(t.map((u) => [u.id.toString(), u])), s = new Map(e.collections.map((u) => [u.id.toString(), u])), l = e.additions.filter((u) => !i.has(u.id.toString()));
   if (o !== e.contentSignature) {
     const u = t.map((g) => {
       const f = s.get(g.id.toString());
@@ -1583,14 +1583,14 @@ function fl(e, t, n, r = hl) {
       ...e,
       snapshot: t,
       contentSignature: o,
-      additions: d,
-      collections: [...u, ...d]
+      additions: l,
+      collections: [...u, ...l]
     };
   }
-  let l = !1;
+  let d = !1;
   const c = e.collections.map((u) => {
     const g = i.get(u.id.toString());
-    return !g || $r(e, u.id, n, r) || (u.position?.x ?? 0) === (g.position?.x ?? 0) && (u.position?.y ?? 0) === (g.position?.y ?? 0) ? u : (l = !0, {
+    return !g || $r(e, u.id, n, r) || (u.position?.x ?? 0) === (g.position?.x ?? 0) && (u.position?.y ?? 0) === (g.position?.y ?? 0) ? u : (d = !0, {
       ...u,
       position: g.position
     });
@@ -1598,8 +1598,8 @@ function fl(e, t, n, r = hl) {
   return {
     ...e,
     snapshot: t,
-    additions: d,
-    collections: l ? c : e.collections
+    additions: l,
+    collections: d ? c : e.collections
   };
 }
 function _r(e, t) {
@@ -1678,31 +1678,31 @@ function xl(e, t) {
   const n = [];
   let r = !1;
   const o = e.map((i) => {
-    const { width: s, height: d } = t(i);
-    let l = {
+    const { width: s, height: l } = t(i);
+    let d = {
       x: i.position?.x ?? 0,
       y: i.position?.y ?? 0,
       width: s,
-      height: d
+      height: l
     };
-    for (let c = n.find((u) => Dr(l, u)); c; c = n.find((u) => Dr(l, u))) l = Cl(l, c);
-    return n.push(l), l.x === (i.position?.x ?? 0) && l.y === (i.position?.y ?? 0) ? i : (r = !0, {
+    for (let c = n.find((u) => Dr(d, u)); c; c = n.find((u) => Dr(d, u))) d = Cl(d, c);
+    return n.push(d), d.x === (i.position?.x ?? 0) && d.y === (i.position?.y ?? 0) ? i : (r = !0, {
       ...i,
       position: {
-        x: l.x,
-        y: l.y
+        x: d.x,
+        y: d.y
       }
     });
   });
   return r ? o : e;
 }
 function Ml({ initialCollections: e, onAddCollection: t, onCollectionMoved: n, onCollectionsChange: r, onPersistenceError: o }) {
-  const { readOnly: i } = re(), [s, d] = D(() => pl(e)), l = O(s), { collections: c, pendingMoveIds: u } = s, g = O(!1), f = O(!0), h = j((m) => {
-    const v = m(l.current);
-    l.current = v, d(v);
+  const { readOnly: i } = re(), [s, l] = D(() => pl(e)), d = O(s), { collections: c, pendingMoveIds: u } = s, g = O(!1), f = O(!0), h = j((m) => {
+    const v = m(d.current);
+    d.current = v, l(v);
   }, []);
   return ie(() => {
-    e !== l.current.snapshot && h((m) => fl(m, e, Date.now(), i ? 1 / 0 : void 0));
+    e !== d.current.snapshot && h((m) => fl(m, e, Date.now(), i ? 1 / 0 : void 0));
   }, [
     e,
     h,
@@ -1726,7 +1726,7 @@ function Ml({ initialCollections: e, onAddCollection: t, onCollectionMoved: n, o
       if (!(i || !t || g.current)) {
         g.current = !0;
         try {
-          const p = await t(m, v, l.current.collections);
+          const p = await t(m, v, d.current.collections);
           p && h((b) => b.collections.some((y) => y.id.equals(p.id)) ? b : {
             ...b,
             additions: [...b.additions, p],
@@ -1746,14 +1746,14 @@ function Ml({ initialCollections: e, onAddCollection: t, onCollectionMoved: n, o
       h
     ]),
     moveCollection: j((m, v, p) => {
-      !i && !n || l.current.pendingMoveIds.has(m.toString()) || h((b) => wl(b, m, v, p, Date.now()));
+      !i && !n || d.current.pendingMoveIds.has(m.toString()) || h((b) => wl(b, m, v, p, Date.now()));
     }, [
       i,
       n,
       h
     ]),
     collectionMoved: j(async (m, v) => {
-      if (!(i || !n || l.current.pendingMoveIds.has(m.toString()))) {
+      if (!(i || !n || d.current.pendingMoveIds.has(m.toString()))) {
         h((p) => bl(p, m));
         try {
           await n(m, v) || h((p) => _r(p, m));
@@ -1790,8 +1790,8 @@ function Tl() {
     Br = e;
     const o = r ? Math.min(tt, Al) : tt;
     let i = 0;
-    for (const [s, d] of Ll((l) => !r || l.verdict))
-      if (ft.delete(s), r ? ca(() => s(d.verdict)) : s(d.verdict), ++i >= o) break;
+    for (const [s, l] of Ll((d) => !r || d.verdict))
+      if (ft.delete(s), r ? ca(() => s(l.verdict)) : s(l.verdict), ++i >= o) break;
     bn = i > 0;
   }
   ft.size > 0 && nr();
@@ -1830,14 +1830,14 @@ function rr(e, t = "250% 250%", n = "light") {
       i(!0);
       return;
     }
-    const d = new IntersectionObserver((l) => {
-      const c = l[l.length - 1];
+    const l = new IntersectionObserver((d) => {
+      const c = d[d.length - 1];
       if (!c) return;
       const u = c.boundingClientRect, g = Math.hypot(u.left + u.width / 2 - window.innerWidth / 2, u.top + u.height / 2 - window.innerHeight / 2);
       Wr.request(i, c.isIntersecting, g, n);
     }, { rootMargin: t });
-    return d.observe(s), () => {
-      d.disconnect(), Wr.cancel(i);
+    return l.observe(s), () => {
+      l.disconnect(), Wr.cancel(i);
     };
   }, [
     e,
@@ -1847,31 +1847,31 @@ function rr(e, t = "250% 250%", n = "light") {
   ]), r || o;
 }
 function $l({ collection: e, estimatedSize: t, measuredSize: n, onSize: r, children: o }) {
-  const i = O(null), s = rr(i, void 0, "heavy"), d = n ?? t;
+  const i = O(null), s = rr(i, void 0, "heavy"), l = n ?? t;
   return /* @__PURE__ */ a(Ro, {
     x: e.position?.x ?? 0,
     y: e.position?.y ?? 0,
-    onSize: r ? (l, c) => r(e.id, l, c) : void 0,
+    onSize: r ? (d, c) => r(e.id, d, c) : void 0,
     children: /* @__PURE__ */ a("div", {
       ref: i,
       children: s ? o : /* @__PURE__ */ a("div", {
         className: "event-model-collection-placeholder",
         style: {
-          width: d.width,
-          height: d.height
+          width: l.width,
+          height: l.height
         },
         "aria-hidden": !0,
-        children: e.modules.map((l, c) => /* @__PURE__ */ x("div", {
+        children: e.modules.map((d, c) => /* @__PURE__ */ x("div", {
           className: "event-model-collection-placeholder-module",
           style: { width: t.moduleWidths[c] },
           children: [/* @__PURE__ */ a("div", {
             className: "event-modeling-grid-pill event-modeling-grid-pill--module event-model-collection-placeholder-pill",
-            children: l.name
+            children: d.name
           }), /* @__PURE__ */ a("div", {
             className: "event-model-collection-placeholder-body",
-            style: { height: Math.max(0, d.height - ae.headerHeight - 4 - 2 * Pn) }
+            style: { height: Math.max(0, l.height - ae.headerHeight - 4 - 2 * Pn) }
           })]
-        }, l.id.toString()))
+        }, d.id.toString()))
       })
     })
   });
@@ -2020,13 +2020,13 @@ var _l = Io($l), Dl = ({ drag: e }) => e ? pt(/* @__PURE__ */ a("div", {
 ].find((t) => e.some((n) => n.severity === t)), Kt = ({ annotations: e = [], className: t = "" }) => {
   const { messages: n } = re(), r = an(e);
   if (!r) return null;
-  const o = n.annotations ?? $t.annotations, i = e.map((d) => `${o[d.severity]}: ${d.code ? `${d.code} — ` : ""}${d.message}`), s = `${o.badge}: ${i.join(`
+  const o = n.annotations ?? $t.annotations, i = e.map((l) => `${o[l.severity]}: ${l.code ? `${l.code} — ` : ""}${l.message}`), s = `${o.badge}: ${i.join(`
 `)}`;
   return /* @__PURE__ */ a("span", {
     className: `event-model-annotation-badge event-model-annotation-severity ${t}`,
     "data-severity": r,
     children: /* @__PURE__ */ a(fe, {
-      content: i.map((d, l) => /* @__PURE__ */ a("div", { children: d }, l)),
+      content: i.map((l, d) => /* @__PURE__ */ a("div", { children: l }, d)),
       children: /* @__PURE__ */ a("span", {
         role: "img",
         "aria-label": s,
@@ -2113,10 +2113,10 @@ var lt = ({ change: e, kind: t, name: n }) => {
     })
   });
 }, ln = ({ value: e, onChange: t, placeholder: n = "Name…", style: r, validate: o, readOnly: i = !1 }) => {
-  const s = be(), [d, l] = D(!1), [c, u] = D(e), [g, f] = D(void 0), h = () => {
+  const s = be(), [l, d] = D(!1), [c, u] = D(e), [g, f] = D(void 0), h = () => {
     const m = c.trim();
     if (!m) {
-      u(e), l(!1), f(void 0);
+      u(e), d(!1), f(void 0);
       return;
     }
     if (o) {
@@ -2126,9 +2126,9 @@ var lt = ({ change: e, kind: t, name: n }) => {
         return;
       }
     }
-    f(void 0), l(!1), t(m);
+    f(void 0), d(!1), t(m);
   };
-  return d && !i ? /* @__PURE__ */ a("input", {
+  return l && !i ? /* @__PURE__ */ a("input", {
     autoFocus: !0,
     value: c,
     onChange: (m) => {
@@ -2140,7 +2140,7 @@ var lt = ({ change: e, kind: t, name: n }) => {
         m.target.blur();
         return;
       }
-      m.key === "Escape" && (u(e), l(!1), f(void 0));
+      m.key === "Escape" && (u(e), d(!1), f(void 0));
     },
     className: `event-modeling-grid-editable-label-input${g ? " event-modeling-grid-editable-label-input--error" : ""}`,
     title: g,
@@ -2148,7 +2148,7 @@ var lt = ({ change: e, kind: t, name: n }) => {
   }) : /* @__PURE__ */ a("span", {
     title: i ? void 0 : s.editableLabel.doubleClickToRename,
     onDoubleClick: i ? void 0 : () => {
-      u(e), l(!0), f(void 0);
+      u(e), d(!0), f(void 0);
     },
     className: "event-modeling-grid-editable-label",
     style: r,
@@ -2229,12 +2229,12 @@ var lt = ({ change: e, kind: t, name: n }) => {
       children: i
     })
   });
-}, ci = ({ 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: f, description: h, documentation: m, leadingContent: v, draggable: p = !1, onPointerDown: b, onPointerMove: y, onPointerUp: w, error: M, className: S, attributes: N }) => {
+}, ci = ({ variant: e, collapsed: t, onToggle: n, label: r, onRenameLabel: o, labelReadOnly: i = !1, validateLabel: s, labelStyle: l, background: d, border: c, height: u, children: g, marker: f, description: h, documentation: m, leadingContent: v, draggable: p = !1, onPointerDown: b, onPointerMove: y, onPointerUp: w, error: k, className: S, attributes: N }) => {
   const R = /* @__PURE__ */ a(ln, {
     value: r,
     onChange: o,
     validate: s,
-    style: d,
+    style: l,
     readOnly: i
   }), C = f ? /* @__PURE__ */ x("div", {
     className: "event-modeling-grid-pill-label",
@@ -2242,10 +2242,10 @@ var lt = ({ change: e, kind: t, name: n }) => {
   }) : R, W = !t && Ze(h) !== void 0;
   return /* @__PURE__ */ x("div", {
     ...N,
-    className: `${S ? `${S} ` : ""}event-modeling-grid-pill event-modeling-grid-pill--${e}${t ? " event-modeling-grid-pill--collapsed" : ""}${W ? " event-modeling-grid-pill--described" : ""}${p ? " event-modeling-grid-pill--draggable" : ""}${M ? " event-modeling-grid-pill--error" : ""}`,
+    className: `${S ? `${S} ` : ""}event-modeling-grid-pill event-modeling-grid-pill--${e}${t ? " event-modeling-grid-pill--collapsed" : ""}${W ? " event-modeling-grid-pill--described" : ""}${p ? " event-modeling-grid-pill--draggable" : ""}${k ? " event-modeling-grid-pill--error" : ""}`,
     style: {
-      background: l,
-      border: M ? "2px solid #ef4444" : c,
+      background: d,
+      border: k ? "2px solid #ef4444" : c,
       height: u
     },
     onPointerDown: b,
@@ -2268,7 +2268,7 @@ var lt = ({ change: e, kind: t, name: n }) => {
       }) : C,
       /* @__PURE__ */ x("div", {
         className: "event-modeling-grid-pill-right",
-        children: [M && /* @__PURE__ */ a(di, { error: M }), g]
+        children: [k && /* @__PURE__ */ a(di, { error: k }), g]
       })
     ]
   });
@@ -2277,8 +2277,8 @@ var lt = ({ change: e, kind: t, name: n }) => {
   r.current = t, ie(() => {
     if (!n) return;
     const o = (i) => {
-      const s = e.map((c) => c.current).filter((c) => !!c), d = i.target, l = d instanceof Node && s.some((c) => c?.contains(d));
-      s.length > 0 && !l && r.current();
+      const s = e.map((c) => c.current).filter((c) => !!c), l = i.target, d = l instanceof Node && s.some((c) => c?.contains(l));
+      s.length > 0 && !d && r.current();
     };
     return document.addEventListener("pointerdown", o, !0), () => document.removeEventListener("pointerdown", o, !0);
   }, [e, n]);
@@ -2312,15 +2312,15 @@ var lt = ({ change: e, kind: t, name: n }) => {
   border: "1px solid #d1d5db",
   flexShrink: 0,
   display: "inline-block"
-}), qr = ({ 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: f }) => {
-  const { readOnly: h, messages: m } = re(), [v, p] = D(!1), [b, y] = D(!1), w = O(void 0), M = O(null), S = O(null), N = O(null), R = ce(() => [S], []), C = ce(() => [N], []);
+}), qr = ({ rowType: e, height: t, name: n, description: r, actorId: o, onRenamed: i, validateName: s, onActorAdded: l, onDragStart: d, dragging: c = !1, badge: u, personaAvatar: g, children: f }) => {
+  const { readOnly: h, messages: m } = re(), [v, p] = D(!1), [b, y] = D(!1), w = O(void 0), k = O(null), S = O(null), N = O(null), R = ce(() => [S], []), C = ce(() => [N], []);
   bt(R, () => p(!1), v), bt(C, () => y(!1), b);
-  const W = n ?? zl(e, m), V = jl(e), te = V && !h ? i : void 0, $ = V && !h ? d : void 0, z = o && !h ? l : void 0, I = h ? [] : u?.actions ?? [], k = h ? void 0 : u?.onActivate, B = I.length > 0 || !!k, L = g ?? u?.avatar, A = V && (!!L || !!u && !h), G = () => {
+  const W = n ?? zl(e, m), V = jl(e), te = V && !h ? i : void 0, $ = V && !h ? l : void 0, z = o && !h ? d : void 0, I = h ? [] : u?.actions ?? [], M = h ? void 0 : u?.onActivate, B = I.length > 0 || !!M, L = g ?? u?.avatar, A = V && (!!L || !!u && !h), G = () => {
     if (I.length > 0) {
       y((T) => !T);
       return;
     }
-    k?.();
+    M?.();
   };
   return /* @__PURE__ */ x("div", {
     style: {
@@ -2336,7 +2336,7 @@ var lt = ({ change: e, kind: t, name: n }) => {
     "data-role-id": o,
     children: [/* @__PURE__ */ x("div", {
       className: "event-modeling-grid-row-label-pill",
-      ref: M,
+      ref: k,
       style: z ? { cursor: "grab" } : void 0,
       onPointerDown: z ? (T) => {
         const H = T.target;
@@ -2376,7 +2376,7 @@ var lt = ({ change: e, kind: t, name: n }) => {
             children: I.map((T) => /* @__PURE__ */ x("button", {
               className: `event-modeling-grid-row-role-menu-option${T.danger ? " event-modeling-grid-row-role-menu-option--danger" : ""}`,
               onClick: (H) => {
-                H.stopPropagation(), y(!1), o && M.current && T.onActivate(o, M.current.getBoundingClientRect());
+                H.stopPropagation(), y(!1), o && k.current && T.onActivate(o, k.current.getBoundingClientRect());
               },
               children: [T.icon, T.label]
             }, T.id))
@@ -2462,16 +2462,16 @@ function Xl(e, t, n) {
 function Zl(e, t, n) {
   const r = re(), [o, i] = D(void 0), s = O(o);
   s.current = o;
-  const d = O(t);
-  d.current = t;
-  const l = O(e);
-  l.current = e;
+  const l = O(t);
+  l.current = t;
+  const d = O(e);
+  d.current = e;
   const c = O(n);
   c.current = n;
   const u = j((f, h, m) => {
-    const v = d.current.find((b) => b.id === f);
+    const v = l.current.find((b) => b.id === f);
     if (!v) return;
-    const p = d.current.filter((b) => b.actorType === v.actorType).findIndex((b) => b.id === f);
+    const p = l.current.filter((b) => b.actorType === v.actorType).findIndex((b) => b.id === f);
     i({
       actorId: f,
       rowType: il(v.actorType),
@@ -2489,13 +2489,13 @@ function Zl(e, t, n) {
         ...v,
         currentX: m.clientX,
         currentY: m.clientY,
-        dropIndex: Ul(l.current, v.rowType, m.clientY)
+        dropIndex: Ul(d.current, v.rowType, m.clientY)
       });
     }, h = () => {
       const m = s.current;
       if (i(void 0), !m) return;
-      const v = Xl(d.current, m.actorId, m.dropIndex);
-      v && c.current?.(l.current, v.actorType, v.orderedIds);
+      const v = Xl(l.current, m.actorId, m.dropIndex);
+      v && c.current?.(d.current, v.actorType, v.orderedIds);
     };
     return window.addEventListener("pointermove", f), window.addEventListener("pointerup", h), () => {
       window.removeEventListener("pointermove", f), window.removeEventListener("pointerup", h);
@@ -2505,25 +2505,25 @@ function Zl(e, t, n) {
     handleActorDragStart: !r.readOnly && n !== void 0 ? u : void 0
   };
 }
-var Kl = ({ collectionId: e, topOffset: t, contentRows: n, rowHeights: r, actors: o, onActorAdded: i, onActorRenamed: s, onRowRenamed: d, onActorsReordered: l, renderActorLabel: c, renderEmptyActorLabel: u }) => {
-  const [g, f] = D({}), [h, m] = D({}), { actorDrag: v, handleActorDragStart: p } = Zl(e, o, l);
+var Kl = ({ collectionId: e, topOffset: t, contentRows: n, rowHeights: r, actors: o, onActorAdded: i, onActorRenamed: s, onRowRenamed: l, onActorsReordered: d, renderActorLabel: c, renderEmptyActorLabel: u }) => {
+  const [g, f] = D({}), [h, m] = D({}), { actorDrag: v, handleActorDragStart: p } = Zl(e, o, d);
   return /* @__PURE__ */ x(Gl, {
     topOffset: t,
     collectionId: e.toString(),
     children: [/* @__PURE__ */ a(Dl, { drag: v }), n.flatMap((b) => {
-      const y = on(b), w = y === void 0 ? [] : o.filter((R) => R.actorType === y), M = {
+      const y = on(b), w = y === void 0 ? [] : o.filter((R) => R.actorType === y), k = {
         rowType: b,
         height: r[b],
         name: g[b],
-        onRenamed: d ? (R) => {
+        onRenamed: l ? (R) => {
           f((C) => ({
             ...C,
             [b]: R
-          })), d(b, R);
+          })), l(b, R);
         } : void 0,
         validateName: (R) => Object.entries(g).find(([C]) => C !== b)?.[1]?.toLowerCase() === R.toLowerCase() ? "Name already in use" : void 0,
         onActorAdded: i ? (R) => i(b, R) : void 0
-      }, S = y === void 0 || w.length === 0 ? [/* @__PURE__ */ a(ot, { children: y !== void 0 && u ? u(b, M) : /* @__PURE__ */ a(qr, { ...M }) }, b)] : [], N = w.flatMap((R, C) => {
+      }, S = y === void 0 || w.length === 0 ? [/* @__PURE__ */ a(ot, { children: y !== void 0 && u ? u(b, k) : /* @__PURE__ */ a(qr, { ...k }) }, b)] : [], N = w.flatMap((R, C) => {
         const W = v?.rowType === b, V = {
           rowType: b,
           height: r[b],
@@ -2803,7 +2803,7 @@ var Ur = ({ status: e }) => /* @__PURE__ */ a("svg", {
     children: e
   });
 }, Je = ({ trigger: e, items: t, align: n = "right", onClose: r }) => {
-  const o = Oe(hi), i = xt(), [s, d] = D(!1), [l, c] = D(), u = O(null), g = O(null), f = o ? o.openMenuId === i : s, h = O(f);
+  const o = Oe(hi), i = xt(), [s, l] = D(!1), [d, c] = D(), u = O(null), g = O(null), f = o ? o.openMenuId === i : s, h = O(f);
   ie(() => {
     h.current && !f && (r?.(), c(void 0)), h.current = f;
   }, [f, r]);
@@ -2812,7 +2812,7 @@ var Ur = ({ status: e }) => /* @__PURE__ */ a("svg", {
       y ? o.setOpenMenuId((w) => ad(w, i)) : o.setOpenMenuId((w) => sd(w, i));
       return;
     }
-    d(y);
+    l(y);
   }, v = () => m(!1), p = ce(() => [u, g], []);
   bt(p, v, f);
   const b = (y) => y.map((w) => {
@@ -2821,15 +2821,15 @@ var Ur = ({ status: e }) => /* @__PURE__ */ a("svg", {
       className: "event-modeling-menu-dropdown-header",
       children: w.label
     }, w.id.toString());
-    const M = w.items && w.items.length > 0, S = l === w.id.toString();
+    const k = w.items && w.items.length > 0, S = d === w.id.toString();
     return /* @__PURE__ */ x("div", {
       className: "event-modeling-menu-dropdown-item-wrapper",
       children: [/* @__PURE__ */ x("button", {
-        className: `event-modeling-menu-dropdown-option ${M ? "event-modeling-menu-dropdown-option--has-submenu" : ""}`,
+        className: `event-modeling-menu-dropdown-option ${k ? "event-modeling-menu-dropdown-option--has-submenu" : ""}`,
         disabled: w.disabled,
         title: w.tooltip,
         onClick: () => {
-          w.disabled || (M ? c(S ? void 0 : w.id.toString()) : (w.keepOpen || v(), w.onClick?.()));
+          w.disabled || (k ? c(S ? void 0 : w.id.toString()) : (w.keepOpen || v(), w.onClick?.()));
         },
         children: [
           w.icon && /* @__PURE__ */ a("span", {
@@ -2850,12 +2850,12 @@ var Ur = ({ status: e }) => /* @__PURE__ */ a("svg", {
             className: "event-modeling-menu-dropdown-option-check",
             children: w.checked && /* @__PURE__ */ a("i", { className: "pi pi-check" })
           }),
-          M && /* @__PURE__ */ a("span", {
+          k && /* @__PURE__ */ a("span", {
             className: `event-modeling-menu-dropdown-option-arrow ${S ? "event-modeling-menu-dropdown-option-arrow--open" : ""}`,
             children: /* @__PURE__ */ a("i", { className: "pi pi-chevron-right" })
           })
         ]
-      }), M && S && /* @__PURE__ */ a("div", {
+      }), k && S && /* @__PURE__ */ a("div", {
         className: `event-modeling-menu-dropdown-submenu ${n === "right" ? "event-modeling-menu-dropdown-submenu--left" : ""}`,
         children: b(w.items)
       })]
@@ -2928,21 +2928,21 @@ var Ur = ({ status: e }) => /* @__PURE__ */ a("svg", {
       return t.statuses.done;
   }
 }, _n = (e) => de[e], sr = ({ status: e, onStatusChanged: t, selectable: n = Yr, unselectableReason: r, optimistic: o = !0 }) => {
-  const { readOnly: i, messages: s } = re(), [d, l] = D(e);
-  ie(() => l(e), [e]);
-  const c = `${s.statuses.titlePrefix} ${wn(d, s)}`, u = `event-modeling-slice-status-icon event-modeling-slice-status-icon--${_n(d)}`;
+  const { readOnly: i, messages: s } = re(), [l, d] = D(e);
+  ie(() => d(e), [e]);
+  const c = `${s.statuses.titlePrefix} ${wn(l, s)}`, u = `event-modeling-slice-status-icon event-modeling-slice-status-icon--${_n(l)}`;
   if (i || !t) return /* @__PURE__ */ a("span", {
     className: `${u} event-modeling-slice-status-icon--readonly`,
     title: c,
-    "aria-label": wn(d, s),
-    children: /* @__PURE__ */ a(Ur, { status: d })
+    "aria-label": wn(l, s),
+    children: /* @__PURE__ */ a(Ur, { status: l })
   });
-  const g = (h) => o ? ld(d, h, t, l) : void t(h), f = Yr.map((h) => ({
+  const g = (h) => o ? ld(l, h, t, d) : void t(h), f = Yr.map((h) => ({
     id: _n(h),
     label: wn(h, s),
     icon: /* @__PURE__ */ a(cd, {
       status: h,
-      checked: h === d
+      checked: h === l
     }),
     disabled: !n.includes(h),
     tooltip: n.includes(h) ? void 0 : r,
@@ -2953,7 +2953,7 @@ var Ur = ({ status: e }) => /* @__PURE__ */ a("svg", {
       className: u,
       title: c,
       "aria-label": s.statuses.change,
-      children: /* @__PURE__ */ a(Ur, { status: d })
+      children: /* @__PURE__ */ a(Ur, { status: l })
     }),
     items: f,
     align: "left"
@@ -2985,7 +2985,7 @@ var Ur = ({ status: e }) => /* @__PURE__ */ a("svg", {
     })]
   });
 }, Xr = ({ moduleId: e, actions: t, onAddModule: n, onAddFeature: r, kind: o }) => {
-  const i = be(), s = O(null), [d, l] = D();
+  const i = be(), s = O(null), [l, d] = D();
   if (!t.length && !n && !r) return null;
   const c = (h) => {
     const m = s.current?.getBoundingClientRect();
@@ -2999,13 +2999,13 @@ var Ur = ({ status: e }) => /* @__PURE__ */ a("svg", {
     tooltip: m.tooltip,
     isSeparator: m.isSeparator,
     keepOpen: !!m.items,
-    onClick: () => m.items ? l(m.id) : c(m)
-  })), g = d ? [{
+    onClick: () => m.items ? d(m.id) : c(m)
+  })), g = l ? [{
     id: "back",
     label: i.features.back,
     keepOpen: !0,
-    onClick: () => l(void 0)
-  }, ...u(t.find((h) => h.id === d)?.items ?? [])] : [
+    onClick: () => d(void 0)
+  }, ...u(t.find((h) => h.id === l)?.items ?? [])] : [
     ...n ? [{
       id: "module",
       label: i.modules.addModule,
@@ -3066,7 +3066,7 @@ var Ur = ({ status: e }) => /* @__PURE__ */ a("svg", {
     }),
     items: g,
     align: "right",
-    onClose: () => l(void 0)
+    onClose: () => d(void 0)
   });
 }, ud = ({ suggestion: e, background: t }) => {
   const [n, r] = D(!1), o = async () => {
@@ -3117,8 +3117,8 @@ var Ur = ({ status: e }) => /* @__PURE__ */ a("svg", {
   fontWeight: 600,
   color: "color-mix(in srgb, var(--board-ink, #ffffff) 80%, transparent)",
   textAlign: "center"
-}, gd = ({ 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: f = !1, onToggleDetails: h, onDragStart: m, error: v }) => {
-  const p = re(), b = ze(e), y = Jn(e, "module", t), { showStatuses: w = !0 } = Ee(), M = vi(!p.readOnly && !i ? m : void 0), S = p.readOnly ? void 0 : c, N = p.actions, R = Wm(e, l, p.editing);
+}, gd = ({ moduleId: e, name: t, description: n, documentation: r, height: o, collapsed: i, onToggleCollapse: s, onAddModule: l, onAddFeature: d, onRenamed: c, validateName: u, status: g, detailsVisible: f = !1, onToggleDetails: h, onDragStart: m, error: v }) => {
+  const p = re(), b = ze(e), y = Jn(e, "module", t), { showStatuses: w = !0 } = Ee(), k = vi(!p.readOnly && !i ? m : void 0), S = p.readOnly ? void 0 : c, N = p.actions, R = Wm(e, d, p.editing);
   return /* @__PURE__ */ x(ne, { children: [/* @__PURE__ */ x(ci, {
     marker: b || y.marker ? /* @__PURE__ */ x(ne, { children: [b && /* @__PURE__ */ a(lt, {
       change: b,
@@ -3155,10 +3155,10 @@ var Ur = ({ status: e }) => /* @__PURE__ */ a("svg", {
     background: Zr,
     border: md,
     height: o,
-    draggable: M !== void 0,
-    onPointerDown: M?.onPointerDown,
-    onPointerMove: M?.onPointerMove,
-    onPointerUp: M?.onPointerUp,
+    draggable: k !== void 0,
+    onPointerDown: k?.onPointerDown,
+    onPointerMove: k?.onPointerMove,
+    onPointerUp: k?.onPointerUp,
     error: v,
     children: [
       w && g !== void 0 && /* @__PURE__ */ a(sr, { status: g }),
@@ -3184,7 +3184,7 @@ var Ur = ({ status: e }) => /* @__PURE__ */ a("svg", {
         kind: "add",
         moduleId: e,
         actions: N.moduleHeaderAdd ?? [],
-        onAddModule: d,
+        onAddModule: l,
         onAddFeature: R
       })
     ]
@@ -3200,14 +3200,14 @@ function vd(e, t) {
 function hd(e, t, n) {
   const r = re(), [o, i] = D(void 0), s = O(o);
   s.current = o;
-  const d = O(t);
-  d.current = t;
-  const l = O(e);
-  l.current = e;
+  const l = O(t);
+  l.current = t;
+  const d = O(e);
+  d.current = e;
   const c = O(n);
   c.current = n;
   const u = j((f, h, m) => {
-    const v = d.current.findIndex((p) => p.equals(f));
+    const v = l.current.findIndex((p) => p.equals(f));
     v !== -1 && i({
       moduleId: f,
       sourceIndex: v,
@@ -3228,13 +3228,13 @@ function hd(e, t, n) {
         ...v,
         currentX: m.clientX,
         currentY: m.clientY,
-        dropIndex: vd(d.current, m.clientX)
+        dropIndex: vd(l.current, m.clientX)
       });
     }, h = () => {
       const m = s.current;
       if (i(void 0), !m) return;
-      const v = gi(d.current, m.sourceIndex, m.dropIndex);
-      v && c.current?.(l.current, v);
+      const v = gi(l.current, m.sourceIndex, m.dropIndex);
+      v && c.current?.(d.current, v);
     };
     return window.addEventListener("pointermove", f), window.addEventListener("pointerup", h), () => {
       window.removeEventListener("pointermove", f), window.removeEventListener("pointerup", h);
@@ -3254,18 +3254,18 @@ var pd = (e) => ({
   renameBarriers: /* @__PURE__ */ new Map()
 }), Dn = (e, t) => e.length === t.length && e.every((n, r) => n.id.equals(t[r]));
 function Ot(e, t) {
-  const n = e.additions.filter((u) => !t.some((g) => g.id.equals(u.id))), r = new Map([...e.collapseBarriers].filter(([u, g]) => !t.some((f) => f.id.toString() === u && f.collapsed === g))), o = new Map([...e.renameBarriers].filter(([u, g]) => !t.some((f) => f.id.toString() === u && f.name === g))), i = e.orderBarrier && Dn(t, e.orderBarrier) ? void 0 : e.orderBarrier, s = new Map([...e.collapses].filter(([u, g]) => e.collapseBarriers.has(u) || !t.some((f) => f.id.toString() === u && f.collapsed === g))), d = new Map([...e.renames].filter(([u, g]) => e.renameBarriers.has(u) || !t.some((f) => f.id.toString() === u && f.name === g))), l = [...t, ...n].map((u) => ({
+  const n = e.additions.filter((u) => !t.some((g) => g.id.equals(u.id))), r = new Map([...e.collapseBarriers].filter(([u, g]) => !t.some((f) => f.id.toString() === u && f.collapsed === g))), o = new Map([...e.renameBarriers].filter(([u, g]) => !t.some((f) => f.id.toString() === u && f.name === g))), i = e.orderBarrier && Dn(t, e.orderBarrier) ? void 0 : e.orderBarrier, s = new Map([...e.collapses].filter(([u, g]) => e.collapseBarriers.has(u) || !t.some((f) => f.id.toString() === u && f.collapsed === g))), l = new Map([...e.renames].filter(([u, g]) => e.renameBarriers.has(u) || !t.some((f) => f.id.toString() === u && f.name === g))), d = [...t, ...n].map((u) => ({
     ...u,
     collapsed: s.get(u.id.toString()) ?? u.collapsed,
-    name: d.get(u.id.toString()) ?? u.name
-  })), c = e.order ? fi(l, e.order) : l;
+    name: l.get(u.id.toString()) ?? u.name
+  })), c = e.order ? fi(d, e.order) : d;
   return {
     snapshot: t,
     modules: c,
     additions: n,
     order: e.order && !e.orderBarrier && Dn(t, c.map((u) => u.id)) ? void 0 : e.order,
     collapses: s,
-    renames: d,
+    renames: l,
     collapseBarriers: r,
     renameBarriers: o,
     orderBarrier: i
@@ -3348,30 +3348,30 @@ async function Sn(e, t, n) {
   }
   r !== !0 && t();
 }
-function xd({ collectionId: e, initialModules: t, onAddModule: n, onModulesReordered: r, onCollapseChanged: o, onRenameModule: i, onPersistenceError: s, renderModule: d, onModulesChanged: l }) {
-  const { readOnly: c } = re(), u = j((k) => {
-    if (s) s(k);
-    else throw k;
-  }, [s]), g = O(pd(t)), [f, h] = D(g.current), m = O(!1), [v, p] = D(!1), b = O(/* @__PURE__ */ new Set()), [y, w] = D(/* @__PURE__ */ new Set()), M = O(!1), [S, N] = D(!1), R = (k, B) => {
-    B ? b.current.add(k) : b.current.delete(k), w(new Set(b.current));
-  }, C = j((k) => {
-    const B = k(g.current);
-    g.current = B, h(B), l?.(B.modules);
-  }, [l]);
+function xd({ collectionId: e, initialModules: t, onAddModule: n, onModulesReordered: r, onCollapseChanged: o, onRenameModule: i, onPersistenceError: s, renderModule: l, onModulesChanged: d }) {
+  const { readOnly: c } = re(), u = j((M) => {
+    if (s) s(M);
+    else throw M;
+  }, [s]), g = O(pd(t)), [f, h] = D(g.current), m = O(!1), [v, p] = D(!1), b = O(/* @__PURE__ */ new Set()), [y, w] = D(/* @__PURE__ */ new Set()), k = O(!1), [S, N] = D(!1), R = (M, B) => {
+    B ? b.current.add(M) : b.current.delete(M), w(new Set(b.current));
+  }, C = j((M) => {
+    const B = M(g.current);
+    g.current = B, h(B), d?.(B.modules);
+  }, [d]);
   ie(() => {
-    t !== g.current.snapshot && C((k) => Ot(k, t));
+    t !== g.current.snapshot && C((M) => Ot(M, t));
   }, [t, C]);
   const W = j(async () => {
     if (!(c || !n || m.current)) {
       m.current = !0, p(!0);
       try {
-        const k = await n();
-        k && C((B) => Ot({
+        const M = await n();
+        M && C((B) => Ot({
           ...B,
-          additions: [...B.additions, k]
+          additions: [...B.additions, M]
         }, B.snapshot));
-      } catch (k) {
-        u(k);
+      } catch (M) {
+        u(M);
       } finally {
         m.current = !1, p(!1);
       }
@@ -3381,14 +3381,14 @@ function xd({ collectionId: e, initialModules: t, onAddModule: n, onModulesReord
     n,
     u,
     C
-  ]), V = j(async (k) => {
-    const B = k.id.toString();
+  ]), V = j(async (M) => {
+    const B = M.id.toString();
     if (!o || b.current.has(B)) return;
     R(B, !0);
-    const L = !k.collapsed;
-    C((A) => fd(A, k.id, L));
+    const L = !M.collapsed;
+    C((A) => fd(A, M.id, L));
     try {
-      await Sn(() => o(k.id, L), () => C((A) => wd(A, k.id)), u);
+      await Sn(() => o(M.id, L), () => C((A) => wd(A, M.id)), u);
     } finally {
       R(B, !1);
     }
@@ -3396,12 +3396,12 @@ function xd({ collectionId: e, initialModules: t, onAddModule: n, onModulesReord
     o,
     u,
     C
-  ]), te = j(async (k, B) => {
-    const L = k.id.toString();
+  ]), te = j(async (M, B) => {
+    const L = M.id.toString();
     if (!(c || !i || b.current.has(L))) {
-      R(L, !0), C((A) => bd(A, k.id, B));
+      R(L, !0), C((A) => bd(A, M.id, B));
       try {
-        await Sn(() => i(k.id, B), () => C((A) => Sd(A, k.id)), u);
+        await Sn(() => i(M.id, B), () => C((A) => Sd(A, M.id)), u);
       } finally {
         R(L, !1);
       }
@@ -3411,49 +3411,49 @@ function xd({ collectionId: e, initialModules: t, onAddModule: n, onModulesReord
     i,
     u,
     C
-  ]), $ = j(async (k, B) => {
-    if (c || !r || M.current) return;
-    M.current = !0, N(!0);
+  ]), $ = j(async (M, B) => {
+    if (c || !r || k.current) return;
+    k.current = !0, N(!0);
     const L = g.current.order;
     C((A) => yd(A, B));
     try {
       await Sn(() => r(B), () => C((A) => Cd(A, L)), u);
     } finally {
-      M.current = !1, N(!1);
+      k.current = !1, N(!1);
     }
   }, [
     C,
     r,
     u,
     c
-  ]), { moduleDrag: z, handleModuleDragStart: I } = hd(e, f.modules.map((k) => k.id), r && !S ? $ : void 0);
+  ]), { moduleDrag: z, handleModuleDragStart: I } = hd(e, f.modules.map((M) => M.id), r && !S ? $ : void 0);
   return /* @__PURE__ */ x(ne, { children: [
     /* @__PURE__ */ a(ui, {
       drag: z,
       headerHeight: ae.headerHeight
     }),
-    f.modules.map((k, B) => /* @__PURE__ */ x("div", {
+    f.modules.map((M, B) => /* @__PURE__ */ x("div", {
       style: { display: "contents" },
-      children: [z?.dropIndex === B && /* @__PURE__ */ a(Vr, {}), d(k, {
+      children: [z?.dropIndex === B && /* @__PURE__ */ a(Vr, {}), l(M, {
         index: B,
-        dragging: z?.moduleId.equals(k.id) ?? !1,
-        onDragStart: !y.has(k.id.toString()) && I ? (L) => I(k.id, k.name, L) : void 0,
+        dragging: z?.moduleId.equals(M.id) ?? !1,
+        onDragStart: !y.has(M.id.toString()) && I ? (L) => I(M.id, M.name, L) : void 0,
         onAddModule: !c && !v && n ? () => {
           W();
         } : void 0,
-        onToggleCollapse: !y.has(k.id.toString()) && o ? () => {
-          V(k);
+        onToggleCollapse: !y.has(M.id.toString()) && o ? () => {
+          V(M);
         } : void 0,
-        onRenamed: !c && !y.has(k.id.toString()) && i ? (L) => {
-          te(k, L);
+        onRenamed: !c && !y.has(M.id.toString()) && i ? (L) => {
+          te(M, L);
         } : void 0
       })]
-    }, k.id.toString())),
+    }, M.id.toString())),
     z?.dropIndex === f.modules.length && /* @__PURE__ */ a(Vr, {})
   ] });
 }
 function Md(e, t, n = Yo, r = ae.sliceGap) {
-  const o = e.length ? e.reduce((i, s, d) => i + (d ? r : 0) + s, 0) : Math.round(ae.sliceWidth * 1.5);
+  const o = e.length ? e.reduce((i, s, l) => i + (l ? r : 0) + s, 0) : Math.round(ae.sliceWidth * 1.5);
   return Math.max(o, Xo(t, n));
 }
 var kd = ({ width: e, collapsed: t, children: n }) => /* @__PURE__ */ a("div", {
@@ -3471,7 +3471,7 @@ var kd = ({ width: e, collapsed: t, children: n }) => /* @__PURE__ */ a("div", {
     className: "event-modeling-module-placeholder__feature",
     style: { width: r }
   }, o))
-}), Nd = ({ moduleId: e, collectionId: t, index: n, width: r, collapsed: o, dragging: i, frameRef: s, header: d, template: l, content: c }) => {
+}), Nd = ({ moduleId: e, collectionId: t, index: n, width: r, collapsed: o, dragging: i, frameRef: s, header: l, template: d, content: c }) => {
   const { density: u } = Ee();
   return /* @__PURE__ */ x(Jl, {
     ref: s,
@@ -3482,7 +3482,7 @@ var kd = ({ width: e, collapsed: t, children: n }) => /* @__PURE__ */ a("div", {
     children: [/* @__PURE__ */ x(kd, {
       width: r,
       collapsed: o,
-      children: [d, !o && l]
+      children: [l, !o && d]
     }), o ? /* @__PURE__ */ a("div", { style: { width: ae.collapsedModuleWidth } }) : c]
   });
 }, At = (e) => {
@@ -3515,11 +3515,11 @@ var kd = ({ width: e, collapsed: t, children: n }) => /* @__PURE__ */ a("div", {
   const t = /* @__PURE__ */ new Set(), n = (r) => t.has(r.id.toString()) ? [] : (t.add(r.id.toString()), [r, ...r.subFeatures.flatMap(n)]);
   return e.flatMap(n);
 }, Ci = (e, t, n) => Md(Si(t).map(it).filter((r) => r > 0), e, void 0, nn(n).feature), xi = (e) => e.length === 0 ? 0 : 1 + Math.max(...e.map((t) => xi(t.subFeatures))), Id = (e, t, n, r) => {
-  const o = lr(e), i = yi(e, t, r), s = At(e), d = e.modules.map((g) => g.collapsed ? ae.collapsedModuleWidth : Ci(g.name, g.features, n)), l = d.reduce((g, f, h) => g + (h ? nn(n).module : 0) + f, 0), c = Math.max(1, ...e.modules.map((g) => xi(g.features))), u = o.reduce((g, f) => g + i[f], 0);
+  const o = lr(e), i = yi(e, t, r), s = At(e), l = e.modules.map((g) => g.collapsed ? ae.collapsedModuleWidth : Ci(g.name, g.features, n)), d = l.reduce((g, f, h) => g + (h ? nn(n).module : 0) + f, 0), c = Math.max(1, ...e.modules.map((g) => xi(g.features))), u = o.reduce((g, f) => g + i[f], 0);
   return {
-    width: (s.length ? 56 : 0) + l + 2 * Pn,
+    width: (s.length ? 56 : 0) + d + 2 * Pn,
     height: ae.headerHeight * (1 + c) + 28 + u + 2 * Pn,
-    moduleWidths: d
+    moduleWidths: l
   };
 }, Mi = () => {
   const { detailLevel: e, detailsVisibility: t } = Ee();
@@ -3621,13 +3621,13 @@ function Ad(e) {
   const r = (o, i) => {
     const s = n.get(i);
     if (!s || s.sliceId === o.id) return;
-    const d = t.get(o.id), l = t.get(s.sliceId);
-    d.connectedSliceIds.add(s.sliceId), l.connectedSliceIds.add(o.id), d.consumed.some((c) => c.eventId === i && c.sliceId === s.sliceId) || d.consumed.push({
+    const l = t.get(o.id), d = t.get(s.sliceId);
+    l.connectedSliceIds.add(s.sliceId), d.connectedSliceIds.add(o.id), l.consumed.some((c) => c.eventId === i && c.sliceId === s.sliceId) || l.consumed.push({
       eventId: i,
       eventName: s.eventName,
       sliceId: s.sliceId,
       sliceName: s.sliceName
-    }), l.produced.some((c) => c.eventId === i && c.sliceId === o.id) || l.produced.push({
+    }), d.produced.some((c) => c.eventId === i && c.sliceId === o.id) || d.produced.push({
       eventId: i,
       eventName: s.eventName,
       sliceId: o.id,
@@ -3644,16 +3644,16 @@ var Ld = 40;
 function Td(e, t) {
   const n = e.x + e.width / 2, r = t.x + t.width / 2;
   if (e.y < t.y + t.height && t.y < e.y + e.height) {
-    const l = Math.max(Ld, Math.abs(r - n) / 2), c = Math.min(e.y, t.y) - l;
+    const d = Math.max(Ld, Math.abs(r - n) / 2), c = Math.min(e.y, t.y) - d;
     return `M ${n} ${e.y} C ${n} ${c}, ${r} ${c}, ${r} ${t.y}`;
   }
-  const o = e.y + e.height / 2, i = t.y + t.height / 2 >= o, s = i ? e.y + e.height : e.y, d = i ? t.y : t.y + t.height;
+  const o = e.y + e.height / 2, i = t.y + t.height / 2 >= o, s = i ? e.y + e.height : e.y, l = i ? t.y : t.y + t.height;
   return Qn({
     x: n,
     y: s
   }, {
     x: r,
-    y: d
+    y: l
   }, Xt.Vertical);
 }
 function Pd(e) {
@@ -3700,19 +3700,19 @@ var $d = ({ sliceType: e, recomputeKey: t }) => {
         height: w.height / m
       };
     }, p = Pd(e).map((y) => Array.from(g.querySelectorAll(`[data-flow-node="${y}"]`)).map(v)).filter((y) => y.length > 0), b = [];
-    for (let y = 0; y < p.length - 1; y++) for (const w of p[y]) for (const M of p[y + 1]) b.push(Td(w, M));
-    o((y) => y.length === b.length && y.every((w, M) => w === b[M]) ? y : b);
-  }, [e]), d = O(0), l = O(!1), c = j(() => {
+    for (let y = 0; y < p.length - 1; y++) for (const w of p[y]) for (const k of p[y + 1]) b.push(Td(w, k));
+    o((y) => y.length === b.length && y.every((w, k) => w === b[k]) ? y : b);
+  }, [e]), l = O(0), d = O(!1), c = j(() => {
     if (Yt.isActive) {
-      l.current = !0;
+      d.current = !0;
       return;
     }
-    d.current || (d.current = requestAnimationFrame(() => {
-      d.current = 0, s();
+    l.current || (l.current = requestAnimationFrame(() => {
+      l.current = 0, s();
     }));
   }, [s]);
-  return ie(() => () => cancelAnimationFrame(d.current), []), ie(() => Yt.subscribe((u) => {
-    u || !l.current || (l.current = !1, c());
+  return ie(() => () => cancelAnimationFrame(l.current), []), ie(() => Yt.subscribe((u) => {
+    u || !d.current || (d.current = !1, c());
   }), [c]), Pt(() => {
     s();
   }, [s, t]), ie(() => {
@@ -3779,16 +3779,16 @@ function Hd(e) {
     const s = i.closest(Fd);
     if (!s) return;
     r();
-    const d = [i];
+    const l = [i];
     i.classList.add(Cn);
-    const l = new Set(e ?? []), c = i.dataset.sliceId;
-    c && l.add(c);
-    for (const u of l) s.querySelectorAll(Bd(u)).forEach((g) => {
-      g !== i && (g.classList.add(Cn), d.push(g));
+    const d = new Set(e ?? []), c = i.dataset.sliceId;
+    c && d.add(c);
+    for (const u of d) s.querySelectorAll(Bd(u)).forEach((g) => {
+      g !== i && (g.classList.add(Cn), l.push(g));
     });
     s.classList.add(Jr), n.current = {
       board: s,
-      columns: d
+      columns: l
     };
   }, [r, e]);
   return ie(() => r, [r]), {
@@ -3815,7 +3815,7 @@ var Wd = ({ featureId: e, moduleId: t, enabled: n, dragging: r = !1, children: o
     },
     children: o
   });
-}, zd = ({ featureId: e, moduleId: t, enabled: n, collapsed: r, rowCollapsed: o, width: i, headerVisibility: s, nested: d = !1, header: l, screenTemplate: c, slices: u }) => /* @__PURE__ */ x(Wd, {
+}, zd = ({ featureId: e, moduleId: t, enabled: n, collapsed: r, rowCollapsed: o, width: i, headerVisibility: s, nested: l = !1, header: d, screenTemplate: c, slices: u }) => /* @__PURE__ */ x(Wd, {
   featureId: e,
   moduleId: t,
   enabled: n,
@@ -3826,9 +3826,9 @@ var Wd = ({ featureId: e, moduleId: t, enabled: n, dragging: r = !1, children: o
       visibility: s === "hidden" ? "hidden" : "visible",
       overflow: s === "visible" && !r ? "visible" : "hidden"
     },
-    children: [s === "visible" ? l : s === "hidden" ? /* @__PURE__ */ a("div", { style: { height: ae.headerHeight } }) : null, !r && c]
+    children: [s === "visible" ? d : s === "hidden" ? /* @__PURE__ */ a("div", { style: { height: ae.headerHeight } }) : null, !r && c]
   }), /* @__PURE__ */ a("div", {
-    className: o ? "event-modeling-feature-grid-slices--row-collapsed" : s === "visible" || d ? "event-modeling-feature-grid-slices--header-visible" : void 0,
+    className: o ? "event-modeling-feature-grid-slices--row-collapsed" : s === "visible" || l ? "event-modeling-feature-grid-slices--header-visible" : void 0,
     children: u
   })]
 }), jd = {
@@ -3866,12 +3866,12 @@ function Ud(e, t) {
 function Yd(e, t, n) {
   const r = re(), [o, i] = D(void 0), s = O(o);
   s.current = o;
-  const d = O(t);
-  d.current = t;
-  const l = O(n);
-  l.current = n;
+  const l = O(t);
+  l.current = t;
+  const d = O(n);
+  d.current = n;
   const c = j((g, f, h) => {
-    const m = d.current.findIndex((v) => v.equals(g));
+    const m = l.current.findIndex((v) => v.equals(g));
     m !== -1 && i({
       featureId: g,
       moduleId: e,
@@ -3898,8 +3898,8 @@ function Yd(e, t, n) {
     }, f = () => {
       const h = s.current;
       if (i(void 0), !h) return;
-      const m = gi(d.current, h.sourceIndex, h.dropIndex);
-      m && l.current?.(h.moduleId, m);
+      const m = gi(l.current, h.sourceIndex, h.dropIndex);
+      m && d.current?.(h.moduleId, m);
     };
     return window.addEventListener("pointermove", g), window.addEventListener("pointerup", f), () => {
       window.removeEventListener("pointermove", g), window.removeEventListener("pointerup", f);
@@ -3929,12 +3929,12 @@ function Kd() {
   return {
     targets: e,
     register: j((o, i) => {
-      const s = `${i}:${o}`, d = n.current.get(s);
-      if (d) return d;
-      const l = (g) => {
+      const s = `${i}:${o}`, l = n.current.get(s);
+      if (l) return l;
+      const d = (g) => {
         const f = (r.current.get(s) ?? []).filter((h) => h !== g);
         f.length ? r.current.set(s, f) : r.current.delete(s), t((h) => Zd(h, o, i, g, r.current.get(s)?.[0]));
-      }, c = (g) => (r.current.set(s, [...r.current.get(s) ?? [], g]), t((f) => Xd(f, o, i, g)), () => l(g)), u = (g) => g ? c(g) : void 0;
+      }, c = (g) => (r.current.set(s, [...r.current.get(s) ?? [], g]), t((f) => Xd(f, o, i, g)), () => d(g)), u = (g) => g ? c(g) : void 0;
       return n.current.set(s, u), u;
     }, [])
   };
@@ -3966,10 +3966,10 @@ function Ii(e, t, n) {
   })) : [...e, t];
 }
 function Fn(e, t) {
-  const n = e.pendingAdditions.filter(({ feature: l }) => !ur(t, l.id)), r = n.reduce((l, c) => Ii(l, c.feature, c.parentId), t), o = new Map([...e.pendingRenames].filter(([l, c]) => !Ri(t, l, c))), i = [...o].reduce((l, [c, u]) => gr(l, c, u), r), s = new Map([...e.pendingCollapses].filter(([l, c]) => !Oi(t, l, c))), d = [...s].reduce((l, [c, u]) => mr(l, c, u), i);
+  const n = e.pendingAdditions.filter(({ feature: d }) => !ur(t, d.id)), r = n.reduce((d, c) => Ii(d, c.feature, c.parentId), t), o = new Map([...e.pendingRenames].filter(([d, c]) => !Ri(t, d, c))), i = [...o].reduce((d, [c, u]) => gr(d, c, u), r), s = new Map([...e.pendingCollapses].filter(([d, c]) => !Oi(t, d, c))), l = [...s].reduce((d, [c, u]) => mr(d, c, u), i);
   return {
     snapshot: t,
-    features: e.order ? Bn(d, e.order) : d,
+    features: e.order ? Bn(l, e.order) : l,
     pendingAdditions: n,
     pendingRenames: o,
     pendingCollapses: s,
@@ -4028,8 +4028,8 @@ function Bn(e, t) {
   const n = e.filter((o, i) => e.findIndex((s) => s.id.equals(o.id)) === i), r = /* @__PURE__ */ new Set();
   return [...t.flatMap((o) => r.has(o.toString()) ? [] : (r.add(o.toString()), n.filter((i) => i.id.equals(o)))), ...n.filter((o) => !t.some((i) => i.equals(o.id)))];
 }
-function ec({ 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: f, onFeaturesReordered: h, onFeaturesChanged: m }) {
-  const { readOnly: v, messages: p } = re(), { targets: b, register: y } = Kd(), w = O(Jd(t)), [M, S] = D(w.current), N = O(!1), R = O(/* @__PURE__ */ new Set()), C = j((P) => {
+function ec({ ref: e, initialFeatures: t, moduleId: n, widthOf: r, isCollapsed: o, forceCollapsed: i = !1, onCollapseChanged: s, occupiesColumn: l, renderHeader: d, renderColumn: c, renderFeatureBoundary: u, onAddFeature: g, onRenameFeature: f, onFeaturesReordered: h, onFeaturesChanged: m }) {
+  const { readOnly: v, messages: p } = re(), { targets: b, register: y } = Kd(), w = O(Jd(t)), [k, S] = D(w.current), N = O(!1), R = O(/* @__PURE__ */ new Set()), C = j((P) => {
     const E = P(w.current);
     E !== w.current && (w.current = E, S(E), m?.(E.features));
   }, [m]);
@@ -4078,10 +4078,10 @@ function ec({ ref: e, initialFeatures: t, moduleId: n, widthOf: r, isCollapsed:
     f,
     v,
     V
-  ]), $ = j((P) => i || (M.pendingCollapses.get(P.id.toString()) ?? o(P)), [
+  ]), $ = j((P) => i || (k.pendingCollapses.get(P.id.toString()) ?? o(P)), [
     i,
     o,
-    M.pendingCollapses
+    k.pendingCollapses
   ]), z = j((P) => {
     const E = !$(P);
     C((q) => ({
@@ -4101,16 +4101,16 @@ function ec({ ref: e, initialFeatures: t, moduleId: n, widthOf: r, isCollapsed:
         pendingCollapses: q
       }, E.snapshot);
     }), s?.(P.id, P.collapsed);
-  }, [C, s]), k = M.features, B = nn(Ee().density).feature, L = ce(() => Gd(k).map(({ feature: P, children: E }) => ({
+  }, [C, s]), M = k.features, B = nn(Ee().density).feature, L = ce(() => Gd(M).map(({ feature: P, children: E }) => ({
     feature: P,
     children: E,
-    width: [P, ...E].filter(d).reduce((q, ue, Se) => q + (Se ? B : 0) + r(ue), 0)
+    width: [P, ...E].filter(l).reduce((q, ue, Se) => q + (Se ? B : 0) + r(ue), 0)
   })), [
-    k,
-    d,
+    M,
+    l,
     r,
     B
-  ]), A = L.flatMap((P) => [P.feature, ...P.children]).filter(d), G = new Set(L.filter((P) => P.children.length).map((P) => P.feature.id.toString())), _ = new Set(L.flatMap((P) => P.children.map((E) => E.id.toString()))), U = k.map((P) => P.id), K = j((P, E) => {
+  ]), A = L.flatMap((P) => [P.feature, ...P.children]).filter(l), G = new Set(L.filter((P) => P.children.length).map((P) => P.feature.id.toString())), _ = new Set(L.flatMap((P) => P.children.map((E) => E.id.toString()))), U = M.map((P) => P.id), K = j((P, E) => {
     C((q) => ({
       ...q,
       features: Bn(q.features, E),
@@ -4134,7 +4134,7 @@ function ec({ ref: e, initialFeatures: t, moduleId: n, widthOf: r, isCollapsed:
       nested: G.size > 0
     };
   };
-  return k.length ? /* @__PURE__ */ x(ne, { children: [
+  return M.length ? /* @__PURE__ */ x(ne, { children: [
     /* @__PURE__ */ a(ui, {
       drag: T,
       headerHeight: ae.headerHeight
@@ -4149,7 +4149,7 @@ function ec({ ref: e, initialFeatures: t, moduleId: n, widthOf: r, isCollapsed:
           width: P.width,
           collapsed: $(P.feature),
           dropEdge: Vd(T?.dropIndex, E, L.length),
-          children: !u && l(P.feature, X(P.feature))
+          children: !u && d(P.feature, X(P.feature))
         }, P.feature.id.toString()))
       }), /* @__PURE__ */ a("div", {
         className: "event-modeling-features-area__columns",
@@ -4163,7 +4163,7 @@ function ec({ ref: e, initialFeatures: t, moduleId: n, widthOf: r, isCollapsed:
     }),
     u && L.flatMap((P) => [P.feature, ...P.children]).map((P) => {
       const E = b.get(P.id.toString());
-      return !E || !_.has(P.id.toString()) && !E.header || d(P) && !E.column ? null : /* @__PURE__ */ a(ot, { children: u(P, /* @__PURE__ */ x(ne, { children: [!_.has(P.id.toString()) && E.header && pt(l(P, X(P)), E.header), E.column && pt(c(P, oe(P)), E.column)] })) }, P.id.toString());
+      return !E || !_.has(P.id.toString()) && !E.header || l(P) && !E.column ? null : /* @__PURE__ */ a(ot, { children: u(P, /* @__PURE__ */ x(ne, { children: [!_.has(P.id.toString()) && E.header && pt(d(P, X(P)), E.header), E.column && pt(c(P, oe(P)), E.column)] })) }, P.id.toString());
     })
   ] }) : /* @__PURE__ */ a("div", {
     className: "event-modeling-module-empty-placeholder",
@@ -4422,7 +4422,7 @@ var tc = ({ type: e }) => /* @__PURE__ */ a("svg", {
     align: "right"
   });
 }, ac = ({ featureId: e, onAddSubFeature: t, onAddSlice: n, actions: r = [] }) => {
-  const o = be(), i = O(null), [s, d] = D("main"), [l, c] = D(), u = r.filter((p) => !p.when || p.when(e));
+  const o = be(), i = O(null), [s, l] = D("main"), [d, c] = D(), u = r.filter((p) => !p.when || p.when(e));
   if (!t && !n && u.length === 0) return null;
   const g = [
     ...n ? [{
@@ -4430,7 +4430,7 @@ var tc = ({ type: e }) => /* @__PURE__ */ a("svg", {
       label: o.sliceTypes.add + " ›",
       description: o.features.addSliceDescription,
       keepOpen: !0,
-      onClick: () => d("slice")
+      onClick: () => l("slice")
     }] : [],
     ...t ? [{
       id: "sub-feature",
@@ -4448,7 +4448,7 @@ var tc = ({ type: e }) => /* @__PURE__ */ a("svg", {
       keepOpen: !!p.items,
       onClick: () => {
         if (!p.items) return f(p);
-        c(p.id), d("consumer");
+        c(p.id), l("consumer");
       }
     }))
   ];
@@ -4460,8 +4460,8 @@ var tc = ({ type: e }) => /* @__PURE__ */ a("svg", {
     id: "back",
     label: o.features.back,
     keepOpen: !0,
-    onClick: () => d("main")
-  }, m = n ? [h, ...Ti(o, n)] : [h], v = [h, ...(u.find((p) => p.id === l)?.items ?? []).filter((p) => !p.when || p.when(e)).map((p) => ({
+    onClick: () => l("main")
+  }, m = n ? [h, ...Ti(o, n)] : [h], v = [h, ...(u.find((p) => p.id === d)?.items ?? []).filter((p) => !p.when || p.when(e)).map((p) => ({
     id: p.id,
     label: p.label,
     icon: p.icon,
@@ -4481,7 +4481,7 @@ var tc = ({ type: e }) => /* @__PURE__ */ a("svg", {
     items: s === "main" ? g : s === "slice" ? m : v,
     align: "right",
     onClose: () => {
-      d("main"), c(void 0);
+      l("main"), c(void 0);
     }
   });
 }, Pi = (e, t, n) => t.filter((r) => !r.when || r.when(e)).map((r) => ({
@@ -4511,16 +4511,16 @@ var tc = ({ type: e }) => /* @__PURE__ */ a("svg", {
     items: i,
     align: "right"
   });
-}, Qr = "color-mix(in srgb, var(--board-feature, #a08ce6) 10%, transparent)", lc = "1px solid color-mix(in srgb, var(--board-feature, #a08ce6) 22%, transparent)", dc = ({ 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: f, dragging: h = !1, onDragStart: m, error: v, onAddSubFeature: p, onAddSlice: b }) => {
-  const y = re(), w = ze(e), M = Jn(e, "feature", t), { showStatuses: S = !0 } = Ee(), N = vi(!y.readOnly && !i ? m : void 0), R = y.readOnly ? void 0 : d, C = (y.actions.featureHeader ?? []).filter(($) => !$.when || $.when(e)), W = (y.actions.featureHeaderLeading ?? []).filter(($) => !$.when || $.when(e)), V = y.actions.featureHeaderMenu ?? [], te = zm(e, p, b, y.editing);
+}, Qr = "color-mix(in srgb, var(--board-feature, #a08ce6) 10%, transparent)", lc = "1px solid color-mix(in srgb, var(--board-feature, #a08ce6) 22%, transparent)", dc = ({ featureId: e, name: t, description: n, documentation: r, height: o, collapsed: i, onToggleCollapse: s, onRenamed: l, status: d, selectableStatuses: c, unselectableStatusReason: u, detailsVisible: g = !1, onToggleDetails: f, dragging: h = !1, onDragStart: m, error: v, onAddSubFeature: p, onAddSlice: b }) => {
+  const y = re(), w = ze(e), k = Jn(e, "feature", t), { showStatuses: S = !0 } = Ee(), N = vi(!y.readOnly && !i ? m : void 0), R = y.readOnly ? void 0 : l, C = (y.actions.featureHeader ?? []).filter(($) => !$.when || $.when(e)), W = (y.actions.featureHeaderLeading ?? []).filter(($) => !$.when || $.when(e)), V = y.actions.featureHeaderMenu ?? [], te = zm(e, p, b, y.editing);
   return /* @__PURE__ */ x(ne, { children: [/* @__PURE__ */ a(ci, {
-    marker: w || M.marker ? /* @__PURE__ */ x(ne, { children: [w && /* @__PURE__ */ a(lt, {
+    marker: w || k.marker ? /* @__PURE__ */ x(ne, { children: [w && /* @__PURE__ */ a(lt, {
       change: w,
       kind: y.messages.erroredEntity.feature,
       name: t
-    }), M.marker] }) : void 0,
-    className: [M.className, M.emphasisClassName].filter(Boolean).join(" ") || void 0,
-    attributes: M.attributes,
+    }), k.marker] }) : void 0,
+    className: [k.className, k.emphasisClassName].filter(Boolean).join(" ") || void 0,
+    attributes: k.attributes,
     variant: "feature",
     collapsed: i,
     onToggle: s,
@@ -4558,8 +4558,8 @@ var tc = ({ type: e }) => /* @__PURE__ */ a("svg", {
     },
     error: v,
     children: !i && /* @__PURE__ */ x(ne, { children: [
-      S && l !== void 0 && /* @__PURE__ */ a(sr, {
-        status: l,
+      S && d !== void 0 && /* @__PURE__ */ a(sr, {
+        status: d,
         onStatusChanged: y.editing.onFeatureStatusChanged ? ($) => y.editing.onFeatureStatusChanged?.(e, $) : void 0,
         selectable: c,
         unselectableReason: u,
@@ -4660,18 +4660,18 @@ function cc(e, t) {
   }
 }
 var uc = ({ state: e, specification: t }) => {
-  const { actions: n } = re(), r = Me(), o = O(!1), [i, s] = D(!1), d = e === Ce.Running, l = d ? n.specificationStop : n.specificationRun;
-  if (!l || l.when && !l.when(t)) return null;
+  const { actions: n } = re(), r = Me(), o = O(!1), [i, s] = D(!1), l = e === Ce.Running, d = l ? n.specificationStop : n.specificationRun;
+  if (!d || d.when && !d.when(t)) return null;
   const c = async (u) => {
     if (!r) {
-      if (d) {
-        await l.onActivate(t.id, u);
+      if (l) {
+        await d.onActivate(t.id, u);
         return;
       }
       if (!o.current) {
         o.current = !0, s(!0);
         try {
-          await l.onActivate(t.id, u);
+          await d.onActivate(t.id, u);
         } finally {
           o.current = !1, s(!1);
         }
@@ -4684,10 +4684,10 @@ var uc = ({ state: e, specification: t }) => {
     onClick: (u) => {
       c(u.currentTarget.getBoundingClientRect());
     },
-    disabled: r || i && !d,
-    "aria-label": l.tooltip,
-    title: l.tooltip,
-    children: i && !d ? /* @__PURE__ */ a("i", { className: "pi pi-spin pi-spinner" }) : l.icon
+    disabled: r || i && !l,
+    "aria-label": d.tooltip,
+    title: d.tooltip,
+    children: i && !l ? /* @__PURE__ */ a("i", { className: "pi pi-spin pi-spinner" }) : d.icon
   });
 }, mc = {
   [Ce.Idle]: "pi pi-minus",
@@ -4715,15 +4715,15 @@ var uc = ({ state: e, specification: t }) => {
     return !1;
   }
 }, hc = ({ text: e, variant: t }) => {
-  const n = be().specificationResult, [r, o] = D(!1), [i, s] = D(!1), d = xt(), l = O(void 0);
-  ie(() => () => clearTimeout(l.current), []);
+  const n = be().specificationResult, [r, o] = D(!1), [i, s] = D(!1), l = xt(), d = O(void 0);
+  ie(() => () => clearTimeout(d.current), []);
   const c = async () => {
-    await vc(e) && (s(!0), clearTimeout(l.current), l.current = setTimeout(() => s(!1), 1500));
+    await vc(e) && (s(!0), clearTimeout(d.current), d.current = setTimeout(() => s(!1), 1500));
   }, u = /* @__PURE__ */ x("button", {
     type: "button",
     className: "spec-result-toggle",
     "aria-expanded": r,
-    "aria-controls": d,
+    "aria-controls": l,
     "aria-label": r ? n.collapse : `${n.expand}: ${e}`,
     onClick: () => o((g) => !g),
     onKeyDown: (g) => {
@@ -4742,13 +4742,14 @@ var uc = ({ state: e, specification: t }) => {
     "data-spec-result": r ? "expanded" : "collapsed",
     children: [/* @__PURE__ */ x("div", {
       className: "spec-result-row",
-      children: [r ? u : /* @__PURE__ */ a(fe, {
+      children: [/* @__PURE__ */ a(fe, {
         content: /* @__PURE__ */ a("span", {
           className: "spec-result-tooltip",
           children: e
         }),
         position: "bottom",
         openOnFocus: !0,
+        disabled: r,
         children: u
       }), r && /* @__PURE__ */ a("button", {
         type: "button",
@@ -4764,7 +4765,7 @@ var uc = ({ state: e, specification: t }) => {
         })
       })]
     }), /* @__PURE__ */ a("pre", {
-      id: d,
+      id: l,
       className: "spec-result-full",
       hidden: !r,
       children: e
@@ -4775,7 +4776,7 @@ var uc = ({ state: e, specification: t }) => {
   [Ce.CouldNotRun]: "could-not-run",
   [Ce.Inconclusive]: "inconclusive",
   [Ce.Unavailable]: "could-not-run"
-}, bc = ({ name: e, description: t, documentation: n, collapsed: r, onToggleCollapse: o, runState: i, runMessage: s, nameNotice: d, annotations: l, executionLabel: c, onRenamed: u, onDeleted: g, runControl: f }) => {
+}, bc = ({ name: e, description: t, documentation: n, collapsed: r, onToggleCollapse: o, runState: i, runMessage: s, nameNotice: l, annotations: d, executionLabel: c, onRenamed: u, onDeleted: g, runControl: f }) => {
   const { messages: h, readOnly: m } = re(), v = Me(), p = v ? void 0 : u, b = v ? void 0 : g;
   return /* @__PURE__ */ x("div", {
     className: "event-modeling-grid-specification-outer-row",
@@ -4820,7 +4821,7 @@ var uc = ({ state: e, specification: t }) => {
                 readOnly: !p
               })
             }),
-            /* @__PURE__ */ a(Kt, { annotations: l }),
+            /* @__PURE__ */ a(Kt, { annotations: d }),
             /* @__PURE__ */ a(gc, {
               state: i,
               message: s
@@ -4843,11 +4844,11 @@ var uc = ({ state: e, specification: t }) => {
             documentation: n
           })
         }),
-        d && /* @__PURE__ */ a("div", {
+        l && /* @__PURE__ */ a("div", {
           className: "spec-header-message spec-header-message--name-notice",
           role: "status",
-          title: d,
-          children: d
+          title: l,
+          children: l
         }),
         c && i !== Ce.Idle && i !== Ce.Loading && i !== Ce.Unavailable && /* @__PURE__ */ a("div", {
           className: "spec-header-execution",
@@ -4882,28 +4883,28 @@ var uc = ({ state: e, specification: t }) => {
   }
 }, cn = $e(Sc), to = "when", Cc = 15e3, Hn = (e) => e.given.length + (e.when ? 1 : 0) + e.thenEvents.length + e.thenErrors.length, xc = (e, t) => e || !(t.onGivenContextUsed || t.onGivenContextRemoved || t.onSpecificationAdded || t.onSpecificationRemoved || t.onSpecificationRenamed || t.onSpecificationOpenStateSet || t.onGivenEventAdded || t.onGivenEventValuesSet || t.onGivenReadModelSet || t.onWhenCommandSet || t.onWhenCommandValuesSet || t.onThenEventAdded || t.onThenEventValuesSet || t.onThenErrorAdded || t.onThenRuleErrorAdded || t.onThenErrorRenamed || t.onGivenEventRemoved || t.onGivenReadModelRemoved || t.onGivenReadModelValuesSet || t.onThenEventRemoved || t.onThenReadModelValuesSet || t.onThenErrorRemoved || t.onSpecificationItemOpened), Mc = (e, t, n, r, o) => {
   if (n) return t;
-  const i = r ? kc(e, t, o) : e, s = new Map(t.map((l) => [l.id.toString(), l])), d = i.map((l) => {
-    const c = s.get(l.id.toString());
-    return c && c.givenContexts !== l.givenContexts ? {
-      ...l,
+  const i = r ? kc(e, t, o) : e, s = new Map(t.map((d) => [d.id.toString(), d])), l = i.map((d) => {
+    const c = s.get(d.id.toString());
+    return c && c.givenContexts !== d.givenContexts ? {
+      ...d,
       givenContexts: c.givenContexts
-    } : l;
+    } : d;
   });
-  return d.some((l, c) => l !== i[c]) ? d : i;
+  return l.some((d, c) => d !== i[c]) ? l : i;
 }, kc = (e, t, n = /* @__PURE__ */ new Set()) => {
-  const r = t.filter((l) => !n.has(l.id.toString())), o = new Map(r.map((l) => [l.id.toString(), l])), i = e.map((l) => {
-    const c = o.get(l.id.toString());
-    return c && Hn(c) > Hn(l) ? c : l;
-  }), 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;
-}, Ec = ({ sliceId: e, width: t, collapsed: n, specifications: r, runInfoFor: o, executionLabel: i, nameNoticeFor: s, annotations: d, renderRows: l }) => {
-  const { editing: c, actions: u, messages: g } = re(), f = Me(), [h, m] = D(r), [v, p] = D(!1), [b, y] = D(!1), [w, M] = D(!1), S = ce(wc, []), N = O(0), R = O(!1), C = O(!1), W = O(!1), V = O(/* @__PURE__ */ new Set()), te = xc(f, c), $ = te ? r : h;
+  const r = t.filter((d) => !n.has(d.id.toString())), o = new Map(r.map((d) => [d.id.toString(), d])), i = e.map((d) => {
+    const c = o.get(d.id.toString());
+    return c && Hn(c) > Hn(d) ? c : d;
+  }), s = new Set(e.map((d) => d.id.toString())), l = r.filter((d) => !s.has(d.id.toString()));
+  return l.length || i.some((d, c) => d !== e[c]) ? [...i, ...l] : e;
+}, Ec = ({ sliceId: e, width: t, collapsed: n, specifications: r, runInfoFor: o, executionLabel: i, nameNoticeFor: s, annotations: l, renderRows: d }) => {
+  const { editing: c, actions: u, messages: g } = re(), f = Me(), [h, m] = D(r), [v, p] = D(!1), [b, y] = D(!1), [w, k] = D(!1), S = ce(wc, []), N = O(0), R = O(!1), C = O(!1), W = O(!1), V = O(/* @__PURE__ */ new Set()), te = xc(f, c), $ = te ? r : h;
   ie(() => {
     m((T) => Mc(T, r, te, Date.now() <= N.current, V.current));
   }, [r, te]);
   const z = async () => {
     if (R.current || !c.onSpecificationAdded) return;
-    R.current = !0, M(!0);
+    R.current = !0, k(!0);
     const T = {
       id: ve.create(),
       name: yc($.map((H) => H.name), g.specifications.namePlaceholder),
@@ -4918,11 +4919,11 @@ var uc = ({ state: e, specification: t }) => {
     } catch {
       m((H) => H.filter((X) => !X.id.equals(T.id)));
     } finally {
-      R.current = !1, M(!1);
+      R.current = !1, k(!1);
     }
   }, I = (T) => {
     V.current.has(T.toString()) || (V.current.add(T.toString()), N.current = 0, m((H) => H.filter((X) => !X.id.equals(T))), c.onSpecificationRemoved?.(e, T));
-  }, k = (T, H) => {
+  }, M = (T, H) => {
     m((X) => X.map((oe) => oe.id.equals(T) ? {
       ...oe,
       name: H
@@ -4983,20 +4984,20 @@ var uc = ({ state: e, specification: t }) => {
           documentation: T.documentation,
           collapsed: T.collapsed,
           onToggleCollapse: c.onSpecificationOpenStateSet ? () => B(T.id, T.collapsed) : void 0,
-          onRenamed: c.onSpecificationRenamed ? (oe) => k(T.id, oe) : void 0,
+          onRenamed: c.onSpecificationRenamed ? (oe) => M(T.id, oe) : void 0,
           onDeleted: c.onSpecificationRemoved ? () => I(T.id) : void 0,
           runState: H,
           runMessage: X,
           executionLabel: i,
           nameNotice: s?.(T),
-          annotations: (d ?? []).filter((oe) => !oe.specificationStep && oe.specificationId?.toString().toLowerCase() === T.id.toString().toLowerCase()),
+          annotations: (l ?? []).filter((oe) => !oe.specificationStep && oe.specificationId?.toString().toLowerCase() === T.id.toString().toLowerCase()),
           runControl: /* @__PURE__ */ a(uc, {
             state: H,
             specification: T
           })
         }), !T.collapsed && /* @__PURE__ */ a(cn.Provider, {
           value: S,
-          children: l(T)
+          children: d(T)
         })]
       }, `${T.id.toString()}:${Hn(T)}`);
     }),
@@ -5087,13 +5088,13 @@ function Lc(e, t) {
     lines: [e]
   });
   return Pt(() => {
-    const d = n.current, l = Ac();
-    if (!d || !l) return;
-    const c = (u, g) => (l.font = `${t.fontWeight} ${g}px ${t.fontFamily}`, l.measureText(u).width);
+    const l = n.current, d = Ac();
+    if (!l || !d) return;
+    const c = (u, g) => (d.font = `${t.fontWeight} ${g}px ${t.fontFamily}`, d.measureText(u).width);
     s(Oc(e, {
       maxFontSizePx: r,
       minFontSizePx: o,
-      availableWidthPx: d.clientWidth
+      availableWidthPx: l.clientWidth
     }, c));
   }, [
     e,
@@ -5103,7 +5104,7 @@ function Lc(e, t) {
     t.fontFamily
   ]), [n, i];
 }
-var Tc = 250, Pc = "Inter, Helvetica, Arial, sans-serif", dt = ({ 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": f, "data-slice-id": h }) => {
+var Tc = 250, Pc = "Inter, Helvetica, Arial, sans-serif", dt = ({ name: e, backgroundColor: t, textColor: n, isSelected: r = !1, disabled: o = !1, onSelected: i, onStartEdit: s, extraContent: l, children: d, ariaLabel: c, ariaPressed: u, "data-event-id": g, "data-card-id": f, "data-slice-id": h }) => {
   const m = O(null), v = !!(i ?? s) || o, p = Xn(Ee().textSize), [b, y] = Lc(e, {
     fontFamily: Pc,
     fontWeight: "bold",
@@ -5121,7 +5122,7 @@ var Tc = 250, Pc = "Inter, Helvetica, Arial, sans-serif", dt = ({ name: e, backg
     m.current = setTimeout(() => {
       m.current = null, i?.();
     }, Tc);
-  }, [i]), M = j((R) => {
+  }, [i]), k = j((R) => {
     R.stopPropagation(), m.current && (clearTimeout(m.current), m.current = null), s?.();
   }, [s]), S = r ? {
     outline: `2px solid ${t}`,
@@ -5140,14 +5141,14 @@ var Tc = 250, Pc = "Inter, Helvetica, Arial, sans-serif", dt = ({ name: e, backg
         className: "event-modeling-card__title-line",
         children: R
       }, C)) : y.lines[0]
-    }), d]
-  }), l] });
+    }), l]
+  }), d] });
   return v ? /* @__PURE__ */ a("button", {
     className: "event-modeling-card",
     style: S,
     disabled: o,
     onClick: w,
-    onDoubleClick: M,
+    onDoubleClick: k,
     "aria-label": c,
     "aria-pressed": u,
     "data-event-id": g,
@@ -5197,14 +5198,14 @@ var Tc = 250, Pc = "Inter, Helvetica, Arial, sans-serif", dt = ({ name: e, backg
 }, zn = (e, t) => {
   let n = t;
   if (t.properties) {
-    const r = e?.properties ?? {}, o = Object.keys(t.properties), i = $c(Object.keys(r), o), s = o.filter((c) => !(c in r) && !i.has(c)), d = Object.fromEntries(o.map((c) => {
+    const r = e?.properties ?? {}, o = Object.keys(t.properties), i = $c(Object.keys(r), o), s = o.filter((c) => !(c in r) && !i.has(c)), l = Object.fromEntries(o.map((c) => {
       const u = r[i.get(c) ?? c];
       return [c, zn(u, t.properties[c])];
-    })), l = [.../* @__PURE__ */ new Set([...t.required ?? [], ...s])];
+    })), d = [.../* @__PURE__ */ new Set([...t.required ?? [], ...s])];
     n = {
       ...n,
-      properties: d,
-      ...l.length > 0 ? { required: l } : {}
+      properties: l,
+      ...d.length > 0 ? { required: d } : {}
     };
   }
   return t.items && (n = {
@@ -5223,7 +5224,7 @@ var Tc = 250, Pc = "Inter, Helvetica, Arial, sans-serif", dt = ({ name: e, backg
     ...t,
     onChange: (o, ...i) => r(_c(n, o), ...i)
   };
-}, Fc = ({ name: e, kind: t, editor: n, targetLabel: r = "Target", headerLeading: o, headerActions: i, headerStyle: s, onHeaderClick: d, rootDropTarget: l, beforeProperties: c, afterCard: u }) => /* @__PURE__ */ x("div", {
+}, Fc = ({ name: e, kind: t, editor: n, targetLabel: r = "Target", headerLeading: o, headerActions: i, headerStyle: s, onHeaderClick: l, rootDropTarget: d, beforeProperties: c, afterCard: u }) => /* @__PURE__ */ x("div", {
   className: "read-model-panel",
   children: [
     r && /* @__PURE__ */ a("p", {
@@ -5239,9 +5240,9 @@ var Tc = 250, Pc = "Inter, Helvetica, Arial, sans-serif", dt = ({ name: e, backg
             background: ro[t].background,
             ...s
           },
-          "data-drop-target": l ? "root" : void 0,
+          "data-drop-target": d ? "root" : void 0,
           onClick: (g) => {
-            g.stopPropagation(), d?.();
+            g.stopPropagation(), l?.();
           },
           children: [
             o ?? /* @__PURE__ */ a("div", { className: "read-model-card__connector" }),
@@ -5278,7 +5279,7 @@ var Tc = 250, Pc = "Inter, Helvetica, Arial, sans-serif", dt = ({ name: e, backg
   initialFocus: pa.Content,
   className: "property-schema-dialog",
   children: n
-}), Hc = ({ name: e, kind: t, schema: n, sourceRect: r, onSchemaChange: o, onClose: i, labels: s, targetLabel: d, frame: l = Bc, renderContent: c }) => /* @__PURE__ */ a(l, {
+}), Hc = ({ name: e, kind: t, schema: n, sourceRect: r, onSchemaChange: o, onClose: i, labels: s, targetLabel: l, frame: d = Bc, renderContent: c }) => /* @__PURE__ */ a(d, {
   name: e,
   kind: t,
   sourceRect: r,
@@ -5286,7 +5287,7 @@ var Tc = 250, Pc = "Inter, Helvetica, Arial, sans-serif", dt = ({ name: e, backg
   children: c ? c(o) : /* @__PURE__ */ a(Fc, {
     name: e,
     kind: t,
-    targetLabel: d,
+    targetLabel: l,
     editor: {
       schema: n ?? {
         type: "object",
@@ -5446,15 +5447,15 @@ var Tc = 250, Pc = "Inter, Helvetica, Arial, sans-serif", dt = ({ name: e, backg
   const { readOnly: e } = re();
   return Oe($i) ?? { readOnly: e };
 }, Me = () => Qe().readOnly, Uc = (e, t, n, r) => {
-  const { editing: o, messages: i } = re(), { sliceId: s, readOnly: d } = Qe(), [l, c] = D(), u = d ? void 0 : Wc(o, e, s, t);
+  const { editing: o, messages: i } = re(), { sliceId: s, readOnly: l } = Qe(), [d, c] = D(), u = l ? void 0 : Wc(o, e, s, t);
   return {
     schema: r,
     onActivate: u ? (g, f) => c(f) : void 0,
-    overlay: l && u ? /* @__PURE__ */ a(Hc, {
+    overlay: d && u ? /* @__PURE__ */ a(Hc, {
       name: n,
       kind: e,
       schema: Zo(r),
-      sourceRect: l,
+      sourceRect: d,
       onSchemaChange: u,
       onClose: () => c(void 0),
       targetLabel: i.propertyEditor?.target,
@@ -5521,8 +5522,8 @@ var Tc = 250, Pc = "Inter, Helvetica, Arial, sans-serif", dt = ({ name: e, backg
   fontSize: 11,
   opacity: 0.8,
   marginTop: 4
-}, pr = ({ 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 f = Me(), h = ze(t), m = be(), v = Uc(e, t, g.name, s), p = c ?? v.onActivate, b = O(null), y = () => b.current?.getBoundingClientRect() ?? new DOMRect(), w = f ? [] : l.filter((N) => !N.when || !!t && N.when(t)), M = (N) => w.filter((R) => (R.corner ?? Yc.end) === N), S = /* @__PURE__ */ x("div", {
+}, pr = ({ kind: e, artifactId: t, summary: n, description: r, tags: o, marker: i, schema: s, showDetails: l = !1, actions: d = [], onActivate: c, onSelected: u, ...g }) => {
+  const f = Me(), h = ze(t), m = be(), v = Uc(e, t, g.name, s), p = c ?? v.onActivate, b = O(null), y = () => b.current?.getBoundingClientRect() ?? new DOMRect(), w = f ? [] : d.filter((N) => !N.when || !!t && N.when(t)), k = (N) => w.filter((R) => (R.corner ?? Yc.end) === N), S = /* @__PURE__ */ x("div", {
     ref: b,
     className: h ? "event-model-change-frame event-model-change-name" : void 0,
     "data-board-change": h,
@@ -5546,7 +5547,7 @@ var Tc = 250, Pc = "Inter, Helvetica, Arial, sans-serif", dt = ({ name: e, backg
           style: su,
           children: n
         }),
-        d && /* @__PURE__ */ a(wt, {
+        l && /* @__PURE__ */ a(wt, {
           title: g.name,
           schema: v.schema,
           showTitle: !1,
@@ -5567,7 +5568,7 @@ var Tc = 250, Pc = "Inter, Helvetica, Arial, sans-serif", dt = ({ name: e, backg
   return e === le.event && w.length === 0 ? S : /* @__PURE__ */ x("div", {
     className: iu[e],
     "data-artifact-kind": e,
-    children: [S, Kc.flatMap((N) => M(N).map((R, C) => /* @__PURE__ */ a(ru, {
+    children: [S, Kc.flatMap((N) => k(N).map((R, C) => /* @__PURE__ */ a(ru, {
       action: R,
       corner: N,
       slot: C,
@@ -5590,12 +5591,12 @@ var Tc = 250, Pc = "Inter, Helvetica, Arial, sans-serif", dt = ({ name: e, backg
   children: /* @__PURE__ */ a("input", {
     autoFocus: !0,
     value: e,
-    onChange: (d) => o(d.target.value),
+    onChange: (l) => o(l.target.value),
     onBlur: i,
-    onKeyDown: (d) => {
-      d.key === "Enter" && i(), d.key === "Escape" && s();
+    onKeyDown: (l) => {
+      l.key === "Enter" && i(), l.key === "Escape" && s();
     },
-    onClick: (d) => d.stopPropagation(),
+    onClick: (l) => l.stopPropagation(),
     title: r,
     style: {
       border: r ? "2px solid #f87171" : "none",
@@ -5611,11 +5612,11 @@ var Tc = 250, Pc = "Inter, Helvetica, Arial, sans-serif", dt = ({ name: e, backg
       textAlign: "center"
     }
   })
-}), lu = 5, mn = ({ options: e, nameOf: t, color: n, searchPlaceholder: r, emptyLabel: o, onSelect: i, footer: s, trigger: d }) => {
-  const [l, c] = D(!1), [u, g] = D(""), f = O(null), h = O(null), m = e.length > lu, v = () => {
+}), lu = 5, mn = ({ options: e, nameOf: t, color: n, searchPlaceholder: r, emptyLabel: o, onSelect: i, footer: s, trigger: l }) => {
+  const [d, c] = D(!1), [u, g] = D(""), f = O(null), h = O(null), m = e.length > lu, v = () => {
     c(!1), g("");
   }, p = ce(() => [f, h], []);
-  bt(p, v, l);
+  bt(p, v, d);
   const b = u ? e.filter((w) => t(w).toLowerCase().includes(u.toLowerCase())) : e, y = (w) => {
     i(w), v();
   };
@@ -5623,12 +5624,12 @@ var Tc = 250, Pc = "Inter, Helvetica, Arial, sans-serif", dt = ({ name: e, backg
     ref: f,
     className: "event-modeling-grid-event-picker",
     style: { position: "relative" },
-    children: [d({
-      open: l,
+    children: [l({
+      open: d,
       toggle: () => c((w) => !w)
     }), /* @__PURE__ */ a(rn, {
       anchorRef: f,
-      open: l,
+      open: d,
       side: "above",
       align: "right",
       gap: 4,
@@ -5645,12 +5646,12 @@ var Tc = 250, Pc = "Inter, Helvetica, Arial, sans-serif", dt = ({ name: e, backg
         }), /* @__PURE__ */ x("ul", {
           className: "event-modeling-grid-event-picker-list",
           children: [
-            b.map((w, M) => /* @__PURE__ */ a("li", { children: /* @__PURE__ */ a("button", {
+            b.map((w, k) => /* @__PURE__ */ a("li", { children: /* @__PURE__ */ a("button", {
               className: "event-modeling-grid-event-picker-item",
               style: { borderLeft: `3px solid ${n}` },
               onClick: () => y(w),
               children: t(w)
-            }) }, `${M}-${t(w)}`)),
+            }) }, `${k}-${t(w)}`)),
             b.length === 0 && o && /* @__PURE__ */ a("li", {
               className: "event-modeling-grid-event-picker-empty",
               children: o
@@ -5668,7 +5669,7 @@ var Tc = 250, Pc = "Inter, Helvetica, Arial, sans-serif", dt = ({ name: e, backg
   searchPlaceholder: o,
   emptyLabel: i,
   onSelect: n,
-  trigger: ({ toggle: d }) => s !== void 0 ? /* @__PURE__ */ x("div", {
+  trigger: ({ toggle: l }) => s !== void 0 ? /* @__PURE__ */ x("div", {
     className: "event-modeling-grid-optional-event-reference",
     children: [/* @__PURE__ */ a("div", {
       className: "event-modeling-grid-optional-event-reference__card",
@@ -5678,8 +5679,8 @@ var Tc = 250, Pc = "Inter, Helvetica, Arial, sans-serif", dt = ({ name: e, backg
       className: "event-modeling-grid-optional-event-reference__define-btn",
       "aria-label": r,
       title: r,
-      onClick: (l) => {
-        l.stopPropagation(), d();
+      onClick: (d) => {
+        d.stopPropagation(), l();
       },
       children: /* @__PURE__ */ a("i", { className: "pi pi-plus" })
     })]
@@ -5687,31 +5688,31 @@ var Tc = 250, Pc = "Inter, Helvetica, Arial, sans-serif", dt = ({ name: e, backg
     content: r,
     position: "top",
     children: /* @__PURE__ */ a("button", {
-      onClick: d,
+      onClick: l,
       className: "event-modeling-grid-add-button--small",
       "aria-label": r,
       children: "+"
     })
   })
 }), Di = (e) => Object.fromEntries(e.map((t) => [t.id.toString(), t.values])), du = { borderLeft: `3px solid ${rt.background}` }, cu = { borderLeft: `3px solid ${He.background}` }, fr = ({ options: e, nameOf: t, onChosen: n, errors: r = [], statements: o = [], groups: i = [] }) => {
-  const s = be().specifications, d = i.filter((l) => l.options.length > 0);
+  const s = be().specifications, l = i.filter((d) => d.options.length > 0);
   return /* @__PURE__ */ a(mn, {
     options: e,
     nameOf: t,
     color: ke.background,
     searchPlaceholder: s.search,
-    emptyLabel: e.length === 0 && (d.length > 0 || r.length > 0 || o.length > 0) ? "" : s.noItems,
+    emptyLabel: e.length === 0 && (l.length > 0 || r.length > 0 || o.length > 0) ? "" : s.noItems,
     onSelect: n,
-    footer: (l) => /* @__PURE__ */ x(ne, { children: [
+    footer: (d) => /* @__PURE__ */ x(ne, { children: [
       o.length > 0 && /* @__PURE__ */ a("li", { className: "event-modeling-grid-event-picker-separator" }),
       o.map((c, u) => /* @__PURE__ */ a("li", { children: /* @__PURE__ */ a("button", {
         className: "event-modeling-grid-event-picker-item",
         onClick: () => {
-          c.onChosen(), l();
+          c.onChosen(), d();
         },
         children: c.label
       }) }, u)),
-      d.map((c) => /* @__PURE__ */ x(No.Fragment, { children: [
+      l.map((c) => /* @__PURE__ */ x(No.Fragment, { children: [
         /* @__PURE__ */ a("li", { className: "event-modeling-grid-event-picker-separator" }),
         /* @__PURE__ */ a("li", {
           className: "event-modeling-grid-event-picker-empty",
@@ -5721,7 +5722,7 @@ var Tc = 250, Pc = "Inter, Helvetica, Arial, sans-serif", dt = ({ name: e, backg
           className: "event-modeling-grid-event-picker-item",
           style: cu,
           onClick: () => {
-            u.onChosen(), l();
+            u.onChosen(), d();
           },
           children: u.label
         }) }, g))
@@ -5731,16 +5732,16 @@ var Tc = 250, Pc = "Inter, Helvetica, Arial, sans-serif", dt = ({ name: e, backg
         className: "event-modeling-grid-event-picker-item",
         style: du,
         onClick: () => {
-          c.onChosen(), l();
+          c.onChosen(), d();
         },
         children: c.label
       }) }, u))
     ] }),
-    trigger: ({ toggle: l }) => /* @__PURE__ */ a(fe, {
+    trigger: ({ toggle: d }) => /* @__PURE__ */ a(fe, {
       content: s.addItem,
       position: "top",
       children: /* @__PURE__ */ a("button", {
-        onClick: l,
+        onClick: d,
         className: "event-modeling-grid-add-button--small",
         "aria-label": s.addItem,
         children: "+"
@@ -5755,7 +5756,7 @@ var Tc = 250, Pc = "Inter, Helvetica, Arial, sans-serif", dt = ({ name: e, backg
   ].filter((r) => r !== void 0);
   return n.length === 0 ? void 0 : `${t.caller}: ${n.join(" · ")}`;
 }, Bi = ({ title: e, values: t, caller: n, message: r }) => {
-  const { messages: o } = re(), i = o.specifications.values ?? It, s = Object.entries(t ?? {}), d = n ? Fi(n, i) : void 0;
+  const { messages: o } = re(), i = o.specifications.values ?? It, s = Object.entries(t ?? {}), l = n ? Fi(n, i) : void 0;
   return /* @__PURE__ */ x("div", {
     className: "event-modeling-spec-details",
     children: [
@@ -5769,26 +5770,26 @@ var Tc = 250, Pc = "Inter, Helvetica, Arial, sans-serif", dt = ({ name: e, backg
       }),
       s.length > 0 && /* @__PURE__ */ a("dl", {
         className: "event-modeling-spec-details__list",
-        children: s.map(([l, c]) => /* @__PURE__ */ x("div", {
+        children: s.map(([d, c]) => /* @__PURE__ */ x("div", {
           className: "event-modeling-spec-details__item",
-          children: [/* @__PURE__ */ a("dt", { children: l }), /* @__PURE__ */ a("dd", { children: uu(c) })]
-        }, l))
+          children: [/* @__PURE__ */ a("dt", { children: d }), /* @__PURE__ */ a("dd", { children: uu(c) })]
+        }, d))
       }),
-      d && /* @__PURE__ */ a("div", {
+      l && /* @__PURE__ */ a("div", {
         className: "event-modeling-spec-details__caller",
-        children: d
+        children: l
       })
     ]
   });
 }, mu = (e, t, n) => Object.keys(e ?? {}).length > 0 || !!n || !!t && Fi(t, It) !== void 0, _e = ({ name: e, colors: t, onOpen: n, values: r, caller: o, message: i }) => {
-  const s = Me(), d = O(null), l = !s && !!n, c = /* @__PURE__ */ a("div", {
-    ref: d,
+  const s = Me(), l = O(null), d = !s && !!n, c = /* @__PURE__ */ a("div", {
+    ref: l,
     children: /* @__PURE__ */ a(dt, {
       name: e,
       backgroundColor: t.background,
       textColor: t.text,
-      onSelected: l ? () => {
-        const u = d.current?.getBoundingClientRect();
+      onSelected: d ? () => {
+        const u = l.current?.getBoundingClientRect();
         u && n?.(u);
       } : void 0
     })
@@ -5888,7 +5889,7 @@ var Tc = 250, Pc = "Inter, Helvetica, Arial, sans-serif", dt = ({ name: e, backg
   const r = e === F.stateChange ? vn.events : e === F.stateView ? vn.readModel : void 0;
   return r === void 0 || r === vn.readModel && (t.givenReadModel || t.givenContexts?.length) ? [] : n.filter((o) => o.kind === r && !t.givenContexts?.some((i) => i.givenContextId.equals(o.givenContextId)));
 }, yu = ({ sliceId: e, sliceType: t, specification: n, contexts: r }) => {
-  const { editing: o, messages: i, navigation: s } = re(), d = Me(), [l, c] = D(!1), u = O(!1), [g, f] = D({
+  const { editing: o, messages: i, navigation: s } = re(), l = Me(), [d, c] = D(!1), u = O(!1), [g, f] = D({
     added: [],
     removed: /* @__PURE__ */ new Set()
   }), h = n.givenContexts ?? [], m = hu(g, h);
@@ -5902,14 +5903,14 @@ var Tc = 250, Pc = "Inter, Helvetica, Arial, sans-serif", dt = ({ name: e, backg
   return {
     used: v,
     offered: b,
-    busy: l,
-    execute: async (w, M) => {
-      const S = M ? o.onGivenContextRemoved : o.onGivenContextUsed;
-      if (!(d || !S || u.current || M && p.has(w.givenContextId.toString()))) {
+    busy: d,
+    execute: async (w, k) => {
+      const S = k ? o.onGivenContextRemoved : o.onGivenContextUsed;
+      if (!(l || !S || u.current || k && p.has(w.givenContextId.toString()))) {
         u.current = !0, c(!0);
         try {
           if (!await S(e, n.id, w.givenContextId)) return;
-          f((N) => fu(N, w, M));
+          f((N) => fu(N, w, k));
         } finally {
           u.current = !1, c(!1);
         }
@@ -5917,7 +5918,7 @@ var Tc = 250, Pc = "Inter, Helvetica, Arial, sans-serif", dt = ({ name: e, backg
     },
     editing: o,
     messages: i,
-    readOnly: d,
+    readOnly: l,
     pendingAdded: p,
     navigation: s
   };
@@ -5929,25 +5930,25 @@ var Tc = 250, Pc = "Inter, Helvetica, Arial, sans-serif", dt = ({ name: e, backg
   remove: "Remove context",
   saving: "Saving…"
 }, wu = ({ sliceType: e, specification: t, contexts: n, state: r, labels: o = Ut }) => {
-  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(mn, {
+  const { used: i, offered: s, busy: l, execute: d, editing: c, messages: u, readOnly: g } = r;
+  return g || n === void 0 || s.length === 0 && !l || !c.onGivenContextUsed || e !== F.stateChange && e !== F.stateView ? null : /* @__PURE__ */ a(mn, {
     options: s,
     nameOf: (f) => f.name ?? "",
     color: ke.background,
     searchPlaceholder: u.specifications.search,
     emptyLabel: u.specifications.noItems,
     onSelect: (f) => {
-      l(f, !1);
+      d(f, !1);
     },
     trigger: ({ toggle: f }) => /* @__PURE__ */ a(fe, {
-      content: d ? o.saving : o.use,
+      content: l ? o.saving : o.use,
       position: "top",
       children: /* @__PURE__ */ a("button", {
         type: "button",
         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),
+        "aria-busy": l || void 0,
+        disabled: l || e === F.stateView && (!!t.givenReadModel || i.length > 0),
         onClick: f,
         children: /* @__PURE__ */ a("i", {
           className: e === F.stateView ? "pi pi-database" : "pi pi-list",
@@ -5957,7 +5958,7 @@ var Tc = 250, Pc = "Inter, Helvetica, Arial, sans-serif", dt = ({ name: e, backg
     })
   });
 }, Su = ({ state: e, labels: t = Ut }) => {
-  const { used: n, busy: r, execute: o, editing: i, readOnly: s, pendingAdded: d, navigation: l } = e, c = l.onNavigateToGivenContext;
+  const { used: n, busy: r, execute: o, editing: i, readOnly: s, pendingAdded: l, navigation: d } = e, c = d.onNavigateToGivenContext;
   return n.length === 0 ? null : /* @__PURE__ */ a("div", {
     className: "spec-contexts",
     children: n.map((u) => /* @__PURE__ */ x("span", {
@@ -5976,7 +5977,7 @@ var Tc = 250, Pc = "Inter, Helvetica, Arial, sans-serif", dt = ({ name: e, backg
         children: u.name
       }) : u.name ?? t.loading, !s && i.onGivenContextRemoved && /* @__PURE__ */ a("button", {
         type: "button",
-        disabled: r || d.has(u.givenContextId.toString()),
+        disabled: r || l.has(u.givenContextId.toString()),
         "aria-label": `${t.remove} ${u.name ?? t.missing}`,
         onClick: () => {
           o(u, !0);
@@ -5985,8 +5986,8 @@ var Tc = 250, Pc = "Inter, Helvetica, Arial, sans-serif", dt = ({ name: e, backg
       })]
     }, u.givenContextId.toString()))
   });
-}, Cu = ({ sliceId: e, sliceType: t, specification: n, events: r, readModel: o, additionalReadModels: i = [], renamedReadModelName: s, contexts: d, contextLabels: l }) => {
-  const { editing: c, messages: u } = re(), g = Me(), { onGivenEventAdded: f, onGivenEventValuesSet: h, onGivenReadModelSet: m, onGivenReadModelValuesSet: v, onGivenEventRemoved: p, onGivenReadModelRemoved: b, onSpecificationItemOpened: y } = c, [w, M] = D(n.given), [S, N] = D(n.givenReadModel), R = Oe(cn), [C, W] = D(() => ({
+}, Cu = ({ sliceId: e, sliceType: t, specification: n, events: r, readModel: o, additionalReadModels: i = [], renamedReadModelName: s, contexts: l, contextLabels: d }) => {
+  const { editing: c, messages: u } = re(), g = Me(), { onGivenEventAdded: f, onGivenEventValuesSet: h, onGivenReadModelSet: m, onGivenReadModelValuesSet: v, onGivenEventRemoved: p, onGivenReadModelRemoved: b, onSpecificationItemOpened: y } = c, [w, k] = D(n.given), [S, N] = D(n.givenReadModel), R = Oe(cn), [C, W] = D(() => ({
     ...Di(n.given),
     ...n.givenReadModel ? { [n.givenReadModel.id.toString()]: n.givenReadModel.values ?? {} } : {},
     ...R.recall(n.id.toString())
@@ -5997,8 +5998,8 @@ var Tc = 250, Pc = "Inter, Helvetica, Arial, sans-serif", dt = ({ name: e, backg
       ...n,
       givenReadModel: $ ?? n.givenReadModel
     },
-    contexts: d
-  }), I = [...o ? [o] : [], ...i], k = I.find((Y) => Y.id.equals($?.readModelItemId ?? ve.empty)), B = O(null), L = ce(() => gu(r), [r]), A = ce(() => new Map(L.map((Y) => [Y.id.toString(), Y])), [L]), G = (Y, me, Ie, je, qe, Ve) => y?.({
+    contexts: l
+  }), I = [...o ? [o] : [], ...i], M = I.find((Y) => Y.id.equals($?.readModelItemId ?? ve.empty)), B = O(null), L = ce(() => gu(r), [r]), A = ce(() => new Map(L.map((Y) => [Y.id.toString(), Y])), [L]), G = (Y, me, Ie, je, qe, Ve) => y?.({
     sliceId: e,
     specificationId: n.id,
     itemId: Y,
@@ -6015,7 +6016,7 @@ var Tc = 250, Pc = "Inter, Helvetica, Arial, sans-serif", dt = ({ name: e, backg
     }
   }), _ = (Y) => {
     const me = ve.create();
-    M((Ie) => [...Ie, {
+    k((Ie) => [...Ie, {
       id: me,
       eventId: Y.id,
       name: Y.name,
@@ -6029,17 +6030,17 @@ var Tc = 250, Pc = "Inter, Helvetica, Arial, sans-serif", dt = ({ name: e, backg
       values: me
     }), m?.(e, n.id, Y.id, Y.name), v?.(e, n.id, me);
   }, K = (Y, me) => G(Y.id, at.readModel, Y.name, me, Y.schema, U(Y)), T = (Y) => {
-    M((me) => me.filter((Ie) => !Ie.id.equals(Y))), p?.(e, n.id, Y);
+    k((me) => me.filter((Ie) => !Ie.id.equals(Y))), p?.(e, n.id, Y);
   }, H = () => {
     N(void 0), b?.(e, n.id);
-  }, X = (Y) => (me) => h?.(e, n.id, Y, me), oe = !g && t === F.stateChange && !!f, P = !g && I.length > 0 && !!m && !!y && !z.busy && !(t === F.stateView && z.used.length > 0) && vu(!0, !!$), E = $ && (k?.id.equals(o?.id ?? ve.empty) ? s ?? k.name : k?.name ?? $.name), q = $?.id ?? $?.readModelItemId, ue = $ && q && E !== void 0 && /* @__PURE__ */ a(Xe, {
+  }, X = (Y) => (me) => h?.(e, n.id, Y, me), oe = !g && t === F.stateChange && !!f, P = !g && I.length > 0 && !!m && !!y && !z.busy && !(t === F.stateView && z.used.length > 0) && vu(!0, !!$), E = $ && (M?.id.equals(o?.id ?? ve.empty) ? s ?? M.name : M?.name ?? $.name), q = $?.id ?? $?.readModelItemId, ue = $ && q && E !== void 0 && /* @__PURE__ */ a(Xe, {
     name: E,
     onRemoved: b ? H : void 0,
     children: /* @__PURE__ */ a(_e, {
       name: E,
       colors: He,
       values: V ? $.values : C[q.toString()] ?? $.values,
-      onOpen: !g && y && m && k ? (Y) => G(q, at.readModel, E, Y, k.schema, U(k)) : void 0
+      onOpen: !g && y && m && M ? (Y) => G(q, at.readModel, E, Y, M.schema, U(M)) : void 0
     })
   }, q.toString()), Se = te.map((Y) => {
     const me = A.get(Y.eventId.toString())?.name ?? Y.name;
@@ -6057,8 +6058,8 @@ var Tc = 250, Pc = "Inter, Helvetica, Arial, sans-serif", dt = ({ name: e, backg
     sliceId: e,
     sliceType: t,
     specification: n,
-    contexts: d,
-    labels: l,
+    contexts: l,
+    labels: d,
     state: z
   };
   return /* @__PURE__ */ x(Et, {
@@ -6123,7 +6124,7 @@ var Tc = 250, Pc = "Inter, Helvetica, Arial, sans-serif", dt = ({ name: e, backg
   if (t?.type === Te.timer) return [];
   if (t?.type === Te.event && t.eventId) {
     const i = t.eventId;
-    return e.filter((s) => s.eventId.equals(i) || o.some((d) => d.id.equals(s.eventId) && ao(d.sourceEventId, i)));
+    return e.filter((s) => s.eventId.equals(i) || o.some((l) => l.id.equals(s.eventId) && ao(l.sourceEventId, i)));
   }
   return t?.type === Te.custom && o.length === 0 ? [] : e.filter((i) => o.some((s) => s.id.equals(i.eventId) || ao(s.sourceEventId, i.eventId) || s.name === i.name));
 }, so = "when-event", jn = (e) => e ? JSON.stringify([
@@ -6140,10 +6141,10 @@ var Tc = 250, Pc = "Inter, Helvetica, Arial, sans-serif", dt = ({ name: e, backg
       values: t.values,
       ...e?.eventSourceId ? { eventSourceId: e.eventSourceId } : {}
     };
-}, ku = (e, t) => t || Object.keys(e).length > 0, Eu = ({ sliceId: e, sliceType: t, specification: n, command: r, renamedCommandName: o, events: i = [], inputEvents: s = [], trigger: d, sliceName: l }) => {
-  const { editing: c, messages: u } = re(), g = Me(), { onWhenCommandSet: f, onWhenCommandValuesSet: h, onSpecificationItemOpened: m, onWhenEventRedelivered: v, onWhenRedeliveryRemoved: p, onWhenEventValuesSet: b, onWhenEventRemoved: y } = c, [w, M] = D(n.when), [S, N] = D(n.whenRedelivered), R = Oe(cn), [C, W] = D(() => R.recall(n.id.toString()).when ?? n.when?.values ?? {}), V = g || !(f || h || m || v || p || b || y), [te, $] = D(() => R.recall(n.id.toString())[so]), z = V ? n.whenEvent : Mu(n.whenEvent, te), I = V ? n.whenRedelivered : S, k = V ? n.when : w ?? n.when, B = (J) => {
+}, ku = (e, t) => t || Object.keys(e).length > 0, Eu = ({ sliceId: e, sliceType: t, specification: n, command: r, renamedCommandName: o, events: i = [], inputEvents: s = [], trigger: l, sliceName: d }) => {
+  const { editing: c, messages: u } = re(), g = Me(), { onWhenCommandSet: f, onWhenCommandValuesSet: h, onSpecificationItemOpened: m, onWhenEventRedelivered: v, onWhenRedeliveryRemoved: p, onWhenEventValuesSet: b, onWhenEventRemoved: y } = c, [w, k] = D(n.when), [S, N] = D(n.whenRedelivered), R = Oe(cn), [C, W] = D(() => R.recall(n.id.toString()).when ?? n.when?.values ?? {}), V = g || !(f || h || m || v || p || b || y), [te, $] = D(() => R.recall(n.id.toString())[so]), z = V ? n.whenEvent : Mu(n.whenEvent, te), I = V ? n.whenRedelivered : S, M = V ? n.when : w ?? n.when, B = (J) => {
     const ee = ve.create();
-    M({
+    k({
       id: ee,
       commandId: J.id,
       name: J.name,
@@ -6191,14 +6192,14 @@ var Tc = 250, Pc = "Inter, Helvetica, Arial, sans-serif", dt = ({ name: e, backg
     values: Le,
     host: ge,
     onValuesSet: (Ne) => {
-      W(Ne), M((De) => De && {
+      W(Ne), k((De) => De && {
         ...De,
         values: Ne
       }), R.remember(n.id.toString(), to, Ne), h?.(e, n.id, Ne);
     }
-  }), H = t === F.stateChange ? r : void 0, X = t === F.stateView ? i : t === F.translator ? s : [], oe = !!H && !!k && (k.commandId ? H.id.equals(k.commandId) : !k.name || k.name === H.name), P = k && (k.commandId && r?.id.equals(k.commandId) ? o ?? k.name : k.name), E = !g && !!m && !!h, q = oe && k ? k.id : H?.id, ue = oe ? V ? k?.values : C : void 0, Se = n.caller, Re = V ? k?.values : C, Y = t === F.automation || t === F.translator, me = I && n.given.find((J) => J.id.equals(I.givenEventId));
+  }), H = t === F.stateChange ? r : void 0, X = t === F.stateView ? i : t === F.translator ? s : [], oe = !!H && !!M && (M.commandId ? H.id.equals(M.commandId) : !M.name || M.name === H.name), P = M && (M.commandId && r?.id.equals(M.commandId) ? o ?? M.name : M.name), E = !g && !!m && !!h, q = oe && M ? M.id : H?.id, ue = oe ? V ? M?.values : C : void 0, Se = n.caller, Re = V ? M?.values : C, Y = t === F.automation || t === F.translator, me = I && n.given.find((J) => J.id.equals(I.givenEventId));
   if (Y && I && me) {
-    const J = i.find((se) => se.id.equals(me.eventId))?.name ?? me.name, ee = l ? u.specifications.redeliveredTo.replace("{slice}", l) : u.specifications.redelivered;
+    const J = i.find((se) => se.id.equals(me.eventId))?.name ?? me.name, ee = d ? u.specifications.redeliveredTo.replace("{slice}", d) : u.specifications.redelivered;
     return /* @__PURE__ */ x(Et, {
       headline: u.specifications.when,
       children: [/* @__PURE__ */ a(Xe, {
@@ -6233,13 +6234,13 @@ var Tc = 250, Pc = "Inter, Helvetica, Arial, sans-serif", dt = ({ name: e, backg
       })
     });
   }
-  const je = !!k && Object.keys(k.values ?? {}).length > 0, qe = Y ? xu(n.given, d, i, s) : [], Ve = !g && !je && v && qe.length > 0 ? [{
+  const je = !!M && Object.keys(M.values ?? {}).length > 0, qe = Y ? xu(n.given, l, i, s) : [], Ve = !g && !je && v && qe.length > 0 ? [{
     heading: u.specifications.redeliverGivenEvent,
     options: qe.map((J) => ({
       label: i.find((ee) => ee.id.equals(J.eventId))?.name ?? J.name,
       onChosen: () => L(J.id)
     }))
-  }] : [], Ae = !g && t !== F.stateChange && t !== F.stateView && !k && !!r && !!f;
+  }] : [], Ae = !g && t !== F.stateChange && t !== F.stateView && !M && !!r && !!f;
   return /* @__PURE__ */ x(Et, {
     headline: u.specifications.when,
     actions: (Ae || Ve.length > 0) && /* @__PURE__ */ a(fr, {
@@ -6249,13 +6250,13 @@ var Tc = 250, Pc = "Inter, Helvetica, Arial, sans-serif", dt = ({ name: e, backg
       groups: Ve
     }),
     children: [
-      k && P && !oe && /* @__PURE__ */ a(_e, {
+      M && P && !oe && /* @__PURE__ */ a(_e, {
         name: P,
         colors: yt,
         values: Re,
         caller: Se,
-        onOpen: E ? (J) => T(k.id, k.commandId, P, J, C) : void 0
-      }, k.id.toString()),
+        onOpen: E ? (J) => T(M.id, M.commandId, P, J, C) : void 0
+      }, M.id.toString()),
       H && q && /* @__PURE__ */ a(_e, {
         name: H.name,
         colors: yt,
@@ -6344,16 +6345,16 @@ var Tc = 250, Pc = "Inter, Helvetica, Arial, sans-serif", dt = ({ name: e, backg
 }, Au = ({ name: e, onRenamed: t }) => {
   const n = Me(), [r, o] = D(!1), [i, s] = D(e);
   if (ie(() => s(e), [e]), r) {
-    const d = () => {
-      const l = i.trim();
-      o(!1), !(!l || l === e) && t?.(l);
+    const l = () => {
+      const d = i.trim();
+      o(!1), !(!d || d === e) && t?.(d);
     };
     return /* @__PURE__ */ a(un, {
       value: i,
       backgroundColor: rt.background,
       textColor: rt.text,
       onChange: s,
-      onCommit: d,
+      onCommit: l,
       onCancel: () => {
         s(e), o(!1);
       }
@@ -6366,11 +6367,11 @@ var Tc = 250, Pc = "Inter, Helvetica, Arial, sans-serif", dt = ({ name: e, backg
     onStartEdit: t ? () => o(!0) : void 0,
     disabled: n
   });
-}, Lu = ({ sliceId: e, sliceType: t, specification: n, events: r, command: o, readModel: i, renamedEventNames: s = {}, extra: d, extraGroups: l, onItemsChanged: c }) => {
-  const { editing: u, messages: g } = re(), f = Me(), { onThenEventAdded: h, onThenEventValuesSet: m, onThenErrorAdded: v, onThenRuleErrorAdded: p, onThenErrorRenamed: b, onThenEventRemoved: y, onThenErrorRemoved: w, onThenReadModelValuesSet: M, onSpecificationItemOpened: S, onThenNoEventsExpected: N, onThenNoEventsRemoved: R } = u, [C, W] = D(n.thenEvents), [V, te] = D(n.thenErrors), [$, z] = D(n.thenNoEvents === !0), I = Oe(cn), k = I.recall(n.id.toString()), [B, L] = D(() => ({
+}, Lu = ({ sliceId: e, sliceType: t, specification: n, events: r, command: o, readModel: i, renamedEventNames: s = {}, extra: l, extraGroups: d, onItemsChanged: c }) => {
+  const { editing: u, messages: g } = re(), f = Me(), { onThenEventAdded: h, onThenEventValuesSet: m, onThenErrorAdded: v, onThenRuleErrorAdded: p, onThenErrorRenamed: b, onThenEventRemoved: y, onThenErrorRemoved: w, onThenReadModelValuesSet: k, onSpecificationItemOpened: S, onThenNoEventsExpected: N, onThenNoEventsRemoved: R } = u, [C, W] = D(n.thenEvents), [V, te] = D(n.thenErrors), [$, z] = D(n.thenNoEvents === !0), I = Oe(cn), M = I.recall(n.id.toString()), [B, L] = D(() => ({
     ...Di(n.thenEvents),
-    ...k
-  })), A = n.thenReadModel, G = !!A && !!i && i.id.equals(A.readModelItemId), [_, U] = D(() => k[i?.id.toString() ?? ""] ?? (G ? A?.values : void 0) ?? {}), K = f || !(h || m || v || p || b || y || w || M || S || N || R), T = K ? n.thenNoEvents === !0 : $, H = K ? n.thenEvents : C, X = K ? n.thenErrors : V;
+    ...M
+  })), A = n.thenReadModel, G = !!A && !!i && i.id.equals(A.readModelItemId), [_, U] = D(() => M[i?.id.toString() ?? ""] ?? (G ? A?.values : void 0) ?? {}), K = f || !(h || m || v || p || b || y || w || k || S || N || R), T = K ? n.thenNoEvents === !0 : $, H = K ? n.thenEvents : C, X = K ? n.thenErrors : V;
   ie(() => {
     c?.(H.length, X.length);
   }, [
@@ -6480,14 +6481,14 @@ var Tc = 250, Pc = "Inter, Helvetica, Arial, sans-serif", dt = ({ name: e, backg
   }] : [], ...p ? P.map((Q) => ({
     label: Q.label,
     onChosen: () => Se(Q.reference)
-  })) : []] : [], se = E.events && h && !T ? r : [], ge = l ?? [], Le = ge.some((Q) => Q.options.length > 0), Ne = E.events && h !== void 0 && !T || ee.length > 0 || Le || J.length > 0, De = !f && Ne && /* @__PURE__ */ a(fr, {
+  })) : []] : [], se = E.events && h && !T ? r : [], ge = d ?? [], Le = ge.some((Q) => Q.options.length > 0), Ne = E.events && h !== void 0 && !T || ee.length > 0 || Le || J.length > 0, De = !f && Ne && /* @__PURE__ */ a(fr, {
     options: se,
     nameOf: (Q) => Q.name,
     onChosen: q,
     errors: ee,
     statements: J,
     groups: ge
-  }), Er = t === F.stateView && i && l === void 0, aa = G ? K ? A?.values : _ : void 0, sa = !!A && l === void 0 && !(Er && G);
+  }), Er = t === F.stateView && i && d === void 0, aa = G ? K ? A?.values : _ : void 0, sa = !!A && d === void 0 && !(Er && G);
   return /* @__PURE__ */ x(Et, {
     headline: g.specifications.then,
     actions: De,
@@ -6510,7 +6511,7 @@ var Tc = 250, Pc = "Inter, Helvetica, Arial, sans-serif", dt = ({ name: e, backg
           values: _,
           host: Q,
           onValuesSet: (he) => {
-            U(he), I.remember(n.id.toString(), i.id.toString(), he), M?.(e, n.id, i.id, i.name, he);
+            U(he), I.remember(n.id.toString(), i.id.toString(), he), k?.(e, n.id, i.id, i.name, he);
           }
         }) : void 0
       }, i.id.toString()),
@@ -6523,7 +6524,7 @@ var Tc = 250, Pc = "Inter, Helvetica, Arial, sans-serif", dt = ({ name: e, backg
         declaration: n.outcomes,
         section: "then"
       }),
-      d
+      l
     ]
   });
 }, Tu = ({ slice: e, collapsed: t, showDetails: n }) => {
@@ -6543,7 +6544,7 @@ var Tc = 250, Pc = "Inter, Helvetica, Arial, sans-serif", dt = ({ name: e, backg
     sliceType: e.sliceType,
     recomputeKey: o
   });
-}, Pu = ({ slice: e, collapsed: t, moduleId: n, featureId: r, collection: o, rows: i, heights: s, priorEvents: d, followingEvents: l = [], externalEvents: c, slots: u, controls: g }) => {
+}, Pu = ({ slice: e, collapsed: t, moduleId: n, featureId: r, collection: o, rows: i, heights: s, priorEvents: l, followingEvents: d = [], externalEvents: c, slots: u, controls: g }) => {
   const { detailLevel: f, detailsVisibility: h } = Ee(), m = $o(f, _o(h, n.toString(), r.toString(), e.id.toString())), v = /* @__PURE__ */ a(cg, {
     featureId: r,
     slice: e,
@@ -6589,20 +6590,20 @@ var Tc = 250, Pc = "Inter, Helvetica, Arial, sans-serif", dt = ({ name: e, backg
           showDetails: m
         };
         if (u?.sliceCell) {
-          const M = u.sliceCell(e, b);
-          if (M !== void 0) return M;
+          const k = u.sliceCell(e, b);
+          if (k !== void 0) return k;
         }
         switch (b.rowType) {
           case Z.UI: {
-            const M = e.actors.find((S) => S.id === b.actor?.id);
+            const k = e.actors.find((S) => S.id === b.actor?.id);
             return /* @__PURE__ */ a(jg, {
               ...y,
               actorId: b.actor?.id ?? "",
-              elements: M?.elements ?? [],
-              layout: M?.layout,
-              windowSize: M ? {
-                width: M.windowWidth,
-                height: M.windowHeight
+              elements: k?.elements ?? [],
+              layout: k?.layout,
+              windowSize: k ? {
+                width: k.windowWidth,
+                height: k.windowHeight
               } : void 0
             });
           }
@@ -6625,14 +6626,14 @@ var Tc = 250, Pc = "Inter, Helvetica, Arial, sans-serif", dt = ({ name: e, backg
               ...w,
               slice: e,
               externalEventOptions: c,
-              priorEventOptions: d
+              priorEventOptions: l
             });
           case Z.Events:
             return /* @__PURE__ */ a(nv, {
               ...w,
               slice: e,
-              priorEvents: d,
-              followingEvents: l
+              priorEvents: l,
+              followingEvents: d
             });
         }
       }
@@ -6655,7 +6656,7 @@ var Tc = 250, Pc = "Inter, Helvetica, Arial, sans-serif", dt = ({ name: e, backg
           sliceId: e.id,
           sliceType: e.sliceType,
           specification: y,
-          events: [...d, ...e.events],
+          events: [...l, ...e.events],
           readModel: e.readModel,
           additionalReadModels: e.additionalReadModels,
           renamedReadModelName: e.readModel?.name
@@ -6696,7 +6697,7 @@ var Tc = 250, Pc = "Inter, Helvetica, Arial, sans-serif", dt = ({ name: e, backg
       children: e.name
     })]
   })
-}), $u = ({ 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: f, onSlicesChanged: h }) => {
+}), $u = ({ feature: e, options: t, moduleId: n, collection: r, rows: o, heights: i, slices: s, externalEvents: l, slots: d, editor: c, onSliceArea: u, sliceAreas: g, renderHeader: f, onSlicesChanged: h }) => {
   const m = O(null), v = (S) => s.slice(0, s.findIndex((N) => N.id.equals(S))).filter((N) => N.sliceType === F.stateChange).flatMap((N) => N.events), p = (S) => s.slice(s.findIndex((N) => N.id.equals(S)) + 1).filter((N) => N.sliceType === F.stateChange).flatMap((N) => N.events), b = j(async (S, N, R) => {
     const C = g.get(N.toString());
     C?.moveIn(S, R);
@@ -6716,7 +6717,7 @@ var Tc = 250, Pc = "Inter, Helvetica, Arial, sans-serif", dt = ({ name: e, backg
     c.onMoveSlice,
     e.id,
     b
-  ]), w = (S) => mg(c.takenArtifactNames?.() ?? ea, ug(S)), M = {
+  ]), w = (S) => mg(c.takenArtifactNames?.() ?? ea, ug(S)), k = {
     ...t,
     dragging: !1,
     onAddSubFeature: t.addSubFeature,
@@ -6731,8 +6732,8 @@ var Tc = 250, Pc = "Inter, Helvetica, Arial, sans-serif", dt = ({ name: e, backg
     width: it(e),
     headerVisibility: t.headerVisibility,
     nested: t.nested,
-    header: f(M),
-    screenTemplate: l?.featureTemplate ? l.featureTemplate(e, it(e)) : e.screenTemplate && /* @__PURE__ */ a(zi, {
+    header: f(k),
+    screenTemplate: d?.featureTemplate ? d.featureTemplate(e, it(e)) : e.screenTemplate && /* @__PURE__ */ a(zi, {
       template: e.screenTemplate,
       width: it(e)
     }),
@@ -6762,8 +6763,8 @@ var Tc = 250, Pc = "Inter, Helvetica, Arial, sans-serif", dt = ({ name: e, backg
         heights: i,
         priorEvents: v(S.id),
         followingEvents: p(S.id),
-        externalEvents: d,
-        slots: l,
+        externalEvents: l,
+        slots: d,
         controls: {
           collapsed: N.collapsed,
           sliceCollapsed: N.sliceCollapsed,
@@ -6790,7 +6791,7 @@ var Tc = 250, Pc = "Inter, Helvetica, Arial, sans-serif", dt = ({ name: e, backg
       })
     })
   });
-}, _u = ({ ref: e, moduleId: t, collection: n, features: r, rows: o, heights: i, slots: s, editor: d, onFeaturesChanged: l }) => {
+}, _u = ({ ref: e, moduleId: t, collection: n, features: r, rows: o, heights: i, slots: s, editor: l, onFeaturesChanged: d }) => {
   const c = O(/* @__PURE__ */ new Map()), u = O(null);
   Mt(e, () => ({
     addFeature: (v) => u.current?.addFeature(v) ?? Promise.resolve(),
@@ -6800,7 +6801,7 @@ var Tc = 250, Pc = "Inter, Helvetica, Arial, sans-serif", dt = ({ name: e, backg
   const g = At(n).map((v) => v.slice), f = At({
     ...n,
     modules: n.modules.filter((v) => !v.id.equals(t))
-  }).flatMap((v) => v.slice.events), h = (v) => d.onAddSlice ? (p, b) => c.current.get(v.toString())?.addSlice(p, void 0, b) : void 0, m = (v, p) => s?.featureHeader?.(v, p) ?? /* @__PURE__ */ a(dc, {
+  }).flatMap((v) => v.slice.events), h = (v) => l.onAddSlice ? (p, b) => c.current.get(v.toString())?.addSlice(p, void 0, b) : void 0, m = (v, p) => s?.featureHeader?.(v, p) ?? /* @__PURE__ */ a(dc, {
     featureId: v.id,
     name: v.name,
     description: v.description,
@@ -6821,12 +6822,12 @@ var Tc = 250, Pc = "Inter, Helvetica, Arial, sans-serif", dt = ({ name: e, backg
     widthOf: it,
     isCollapsed: (v) => v.collapsed,
     occupiesColumn: (v) => it(v) > 0,
-    onFeaturesChanged: l,
+    onFeaturesChanged: d,
     renderFeatureBoundary: s?.featureBoundary,
-    onAddFeature: d.onAddFeature ? (v, p) => d.onAddFeature?.(t, v, p) ?? Promise.resolve(void 0) : void 0,
-    onRenameFeature: d.onRenameFeature,
-    onCollapseChanged: d.onFeatureCollapseChanged,
-    onFeaturesReordered: d.onFeaturesReordered ? (v) => d.onFeaturesReordered?.(t, v) : void 0,
+    onAddFeature: l.onAddFeature ? (v, p) => l.onAddFeature?.(t, v, p) ?? Promise.resolve(void 0) : void 0,
+    onRenameFeature: l.onRenameFeature,
+    onCollapseChanged: l.onFeatureCollapseChanged,
+    onFeaturesReordered: l.onFeaturesReordered ? (v) => l.onFeaturesReordered?.(t, v) : void 0,
     renderHeader: (v, p) => m(v, {
       ...p,
       onDragStart: p.onDragStart ? (b) => p.onDragStart?.(v.id, v.name, b) : void 0,
@@ -6843,7 +6844,7 @@ var Tc = 250, Pc = "Inter, Helvetica, Arial, sans-serif", dt = ({ name: e, backg
       slices: g,
       externalEvents: f,
       slots: s,
-      editor: d,
+      editor: l,
       sliceAreas: c.current,
       onSlicesChanged: (b) => u.current?.updateFeature(v.id, (y) => ({
         ...y,
@@ -6858,16 +6859,16 @@ var Tc = 250, Pc = "Inter, Helvetica, Arial, sans-serif", dt = ({ name: e, backg
       })
     })
   });
-}, Du = ({ 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: f, onFeaturesChanged: h }) => {
-  const m = O(null), v = O(null), p = d.onAddFeature ? (S) => {
+}, Du = ({ module: e, liveFeatures: t, index: n, collection: r, rows: o, heights: i, slots: s, editor: l, dragging: d, onDragStart: c, onAddModule: u, onToggleCollapse: g, onRenamed: f, onFeaturesChanged: h }) => {
+  const m = O(null), v = O(null), p = l.onAddFeature ? (S) => {
     v.current?.addFeature(S);
-  } : void 0, b = rr(m, void 0, "heavy"), { density: y } = Ee(), w = Ci(e.name, t ?? e.features, y), M = /* @__PURE__ */ a(Nd, {
+  } : void 0, b = rr(m, void 0, "heavy"), { density: y } = Ee(), w = Ci(e.name, t ?? e.features, y), k = /* @__PURE__ */ a(Nd, {
     moduleId: e.id,
     collectionId: r.id,
     index: n,
     width: w,
     collapsed: e.collapsed,
-    dragging: l,
+    dragging: d,
     frameRef: m,
     header: s?.moduleHeader?.(e, {
       onDragStart: c,
@@ -6900,7 +6901,7 @@ var Tc = 250, Pc = "Inter, Helvetica, Arial, sans-serif", dt = ({ name: e, backg
       rows: o,
       heights: i,
       slots: s,
-      editor: d,
+      editor: l,
       onFeaturesChanged: (S) => h?.(e.id, S)
     }) : /* @__PURE__ */ a(Ed, {
       width: w,
@@ -6908,7 +6909,7 @@ var Tc = 250, Pc = "Inter, Helvetica, Arial, sans-serif", dt = ({ name: e, backg
       featureWidths: Si(t ?? e.features).map(it).filter((S) => S > 0)
     })
   });
-  return s?.moduleBoundary ? s.moduleBoundary(e, M) : M;
+  return s?.moduleBoundary ? s.moduleBoundary(e, k) : k;
 }, Fu = (e) => Object.values(e).some((t) => typeof t == "function"), Vn = (e, t) => e.get(t.id.toString()) ?? t.collapsed, ji = (e, t) => ({
   ...t,
   collapsed: Vn(e, t),
@@ -6925,15 +6926,15 @@ function Bu(e, t) {
     features: n.features.map((r) => ji(t, r))
   }));
 }
-var Hu = () => 1, Wu = ({ collection: e, getZoom: t = Hu, slots: n, onDeselect: r, onCollectionMoving: o, onCollectionMoved: i, onCollectionMoveCanceled: s, canMove: d, onAddModule: l, onModulesReordered: c, onCollapseChanged: u, onRenameModule: g, onModulesChanged: f, onFeaturesChanged: h, onPersistenceError: m, rowLabels: v, onActorsReordered: p, onAddFeature: b, onRenameFeature: y, onFeatureCollapseChanged: w, onFeaturesReordered: M, onAddSlice: S, onReorderSlices: N, onMoveSlice: R, validateSliceDrop: C, onSliceCollapseChanged: W, onSliceRenamed: V, onSliceDuplicated: te, takenArtifactNames: $ }) => {
-  const { readOnly: z, editing: I } = re(), [k, B] = D(/* @__PURE__ */ new Map()), L = j((ee, se) => B((ge) => new Map(ge).set(ee.toString(), se)), []), A = ce(() => Bu(e.modules, k), [e.modules, k]), G = z ? {
+var Hu = () => 1, Wu = ({ collection: e, getZoom: t = Hu, slots: n, onDeselect: r, onCollectionMoving: o, onCollectionMoved: i, onCollectionMoveCanceled: s, canMove: l, onAddModule: d, onModulesReordered: c, onCollapseChanged: u, onRenameModule: g, onModulesChanged: f, onFeaturesChanged: h, onPersistenceError: m, rowLabels: v, onActorsReordered: p, onAddFeature: b, onRenameFeature: y, onFeatureCollapseChanged: w, onFeaturesReordered: k, onAddSlice: S, onReorderSlices: N, onMoveSlice: R, validateSliceDrop: C, onSliceCollapseChanged: W, onSliceRenamed: V, onSliceDuplicated: te, takenArtifactNames: $ }) => {
+  const { readOnly: z, editing: I } = re(), [M, B] = D(/* @__PURE__ */ new Map()), L = j((ee, se) => B((ge) => new Map(ge).set(ee.toString(), se)), []), A = ce(() => Bu(e.modules, M), [e.modules, M]), G = z ? {
     onFeatureCollapseChanged: L,
     onSliceCollapseChanged: (ee, se, ge) => L(se, ge)
   } : {
     onAddFeature: b,
     onRenameFeature: y,
     onFeatureCollapseChanged: w,
-    onFeaturesReordered: M,
+    onFeaturesReordered: k,
     onAddSlice: S,
     onReorderSlices: N,
     onMoveSlice: R,
@@ -6942,13 +6943,13 @@ var Hu = () => 1, Wu = ({ collection: e, getZoom: t = Hu, slots: n, onDeselect:
     onSliceRenamed: V,
     onSliceDuplicated: te,
     takenArtifactNames: $
-  }, [_, U] = D(e.modules), [K, T] = D(/* @__PURE__ */ new Map()), H = O(null), [X, oe] = D(0), P = !!(l || c || u || g || p || b || y || w || M || S || N || R || W || V || te || d && o && i || Fu(I)), E = z || !P, q = z ? A : e.modules, ue = (E ? q : _).map((ee) => ({
+  }, [_, U] = D(e.modules), [K, T] = D(/* @__PURE__ */ new Map()), H = O(null), [X, oe] = D(0), P = !!(d || c || u || g || p || b || y || w || k || S || N || R || W || V || te || l && o && i || Fu(I)), E = z || !P, q = z ? A : e.modules, ue = (E ? q : _).map((ee) => ({
     ...ee,
     features: E ? ee.features : K.get(ee.id.toString()) ?? ee.features
   })), Se = {
     ...e,
     modules: ue
-  }, Re = lr(Se), Y = Mi(), me = yi(Se, Y, Ee().textSize), Ie = At(Se), je = Ie.length > 0 && ue.some((ee) => !ee.collapsed), qe = !!(d && o && i), Ve = Ad(Ie.map(({ slice: ee }) => ({
+  }, Re = lr(Se), Y = Mi(), me = yi(Se, Y, Ee().textSize), Ie = At(Se), je = Ie.length > 0 && ue.some((ee) => !ee.collapsed), qe = !!(l && o && i), Ve = Ad(Ie.map(({ slice: ee }) => ({
     id: ee.id.toString(),
     name: ee.name,
     events: ee.events.map((se) => ({
@@ -6995,7 +6996,7 @@ var Hu = () => 1, Wu = ({ collection: e, getZoom: t = Hu, slots: n, onDeselect:
     children: /* @__PURE__ */ x("div", {
       className: "event-modeling-grid-container event-modeling-collection-grid",
       onClick: r,
-      children: [d && o && i && /* @__PURE__ */ a(ul, {
+      children: [l && o && i && /* @__PURE__ */ a(ul, {
         collectionId: e.id,
         position: e.position,
         getZoom: t,
@@ -7021,7 +7022,7 @@ var Hu = () => 1, Wu = ({ collection: e, getZoom: t = Hu, slots: n, onDeselect:
               children: /* @__PURE__ */ a(xd, {
                 collectionId: e.id,
                 initialModules: q,
-                onAddModule: l,
+                onAddModule: d,
                 onModulesReordered: c,
                 onCollapseChanged: z ? (ee, se) => (L(ee, se), Promise.resolve(!0)) : u,
                 onRenameModule: g,
@@ -7065,7 +7066,7 @@ var Hu = () => 1, Wu = ({ collection: e, getZoom: t = Hu, slots: n, onDeselect:
   const i = t?.controlsSurface, s = t?.captureAttributes?.content;
   return /* @__PURE__ */ x(ne, { children: [e && /* @__PURE__ */ a(Hl, { className: "event-model-board__logo" }), n && /* @__PURE__ */ a("div", {
     className: "event-model-board__toolbar",
-    onPointerDown: (d) => d.stopPropagation(),
+    onPointerDown: (l) => l.stopPropagation(),
     children: /* @__PURE__ */ x("div", {
       className: `event-model-board__toolbar-surface${i ? "" : " event-model-board__toolbar-surface--plain"}`,
       ...i && s ? { [s]: "true" } : {},
@@ -7165,7 +7166,7 @@ var Hu = () => 1, Wu = ({ collection: e, getZoom: t = Hu, slots: n, onDeselect:
   ];
   return /* @__PURE__ */ a(qu, { items: r });
 }, qi = ({ showLogo: e, showViewOptions: t, toolbar: n, chrome: r, children: o }) => {
-  const i = Ee(), s = Cs(), [d, l] = D(i), c = s ? i : d, u = s ?? l, g = t || n !== void 0;
+  const i = Ee(), s = Cs(), [l, d] = D(i), c = s ? i : l, u = s ?? d, g = t || n !== void 0;
   return /* @__PURE__ */ a(xs, {
     presentation: c,
     onChange: u,
@@ -7229,7 +7230,7 @@ var Hu = () => 1, Wu = ({ collection: e, getZoom: t = Hu, slots: n, onDeselect:
   o.delete(r);
   const i = new Set(e.removals);
   n || i.delete(r);
-  const s = n ? e.additions.filter((d) => d.id.toString() !== r) : e.additions;
+  const s = n ? e.additions.filter((l) => l.id.toString() !== r) : e.additions;
   return br({
     ...e,
     pending: o,
@@ -7246,14 +7247,14 @@ var Hu = () => 1, Wu = ({ collection: e, getZoom: t = Hu, slots: n, onDeselect:
     center: qs(i.start, i.end)
   }];
 }), Zu = 2e3, Ku = ({ links: e, collections: t, getZoom: n, onCollectionsLinked: r, onCollectionsUnlinked: o, onPersistenceError: i }) => {
-  const s = re(), d = s.messages.links, l = s.readOnly ? void 0 : r, c = s.readOnly ? void 0 : o, [u, g] = D(null), [f, h] = D(() => Gu(e)), m = O(f), v = (L) => {
+  const s = re(), l = s.messages.links, d = s.readOnly ? void 0 : r, c = s.readOnly ? void 0 : o, [u, g] = D(null), [f, h] = D(() => Gu(e)), m = O(f), v = (L) => {
     const A = L(m.current);
     m.current = A, h(A);
   };
   ie(() => {
     e !== m.current.snapshot && v((L) => br(L, e));
   }, [e]);
-  const p = en(f), b = O(null), y = O(null), w = `module-collection-link-arrow-${xt().replace(/:/g, "")}`, M = ce(() => new Map(t.map((L) => {
+  const p = en(f), b = O(null), y = O(null), w = `module-collection-link-arrow-${xt().replace(/:/g, "")}`, k = ce(() => new Map(t.map((L) => {
     const A = {
       x: L.position.x,
       y: L.position.y,
@@ -7264,8 +7265,8 @@ var Hu = () => 1, Wu = ({ collection: e, getZoom: t = Hu, slots: n, onDeselect:
       id: L.id,
       rect: A
     }];
-  })), [t]), S = ce(() => Xu(p, (L) => M.get(L)?.rect), [p, M]), N = (L, A) => {
-    for (const G of M.values())
+  })), [t]), S = ce(() => Xu(p, (L) => k.get(L)?.rect), [p, k]), N = (L, A) => {
+    for (const G of k.values())
       if (G.id.toString() !== A.toString() && Vs(L, G.rect))
         return G;
     return null;
@@ -7301,8 +7302,8 @@ var Hu = () => 1, Wu = ({ collection: e, getZoom: t = Hu, slots: n, onDeselect:
   }, V = async (L) => {
     const A = b.current, G = y.current;
     if (b.current = null, y.current = null, g(null), !A) return;
-    const _ = N(R(L, A), A.sourceId), U = Gs(_, G, (H) => M.get(H), A.sourceId.toString());
-    if (!U || !l || m.current.pending.size > 0) return;
+    const _ = N(R(L, A), A.sourceId), U = Gs(_, G, (H) => k.get(H), A.sourceId.toString());
+    if (!U || !d || m.current.pending.size > 0) return;
     const K = {
       id: ve.create(),
       sourceCollectionId: A.sourceId,
@@ -7311,7 +7312,7 @@ var Hu = () => 1, Wu = ({ collection: e, getZoom: t = Hu, slots: n, onDeselect:
     if (!(m.current.pending.has(T) || en(m.current).some((H) => We(H.sourceCollectionId, H.targetCollectionId) === T))) {
       v((H) => Uu(H, K));
       try {
-        const H = await l(A.sourceId, U.id);
+        const H = await d(A.sourceId, U.id);
         v((X) => lo(X, K, H));
       } catch (H) {
         if (v((X) => lo(X, K)), i) i(H);
@@ -7331,9 +7332,9 @@ var Hu = () => 1, Wu = ({ collection: e, getZoom: t = Hu, slots: n, onDeselect:
     }
   }, $ = () => {
     b.current = null, y.current = null, g(null);
-  }, z = Array.from(M.values());
+  }, z = Array.from(k.values());
   if (z.length === 0) return null;
-  const I = Us(z.map((L) => L.rect), u ? [u.pointer] : [], Zu), k = u ? M.get(u.sourceId) : void 0, B = u?.targetId ? M.get(u.targetId) : void 0;
+  const I = Us(z.map((L) => L.rect), u ? [u.pointer] : [], Zu), M = u ? k.get(u.sourceId) : void 0, B = u?.targetId ? k.get(u.targetId) : void 0;
   return /* @__PURE__ */ x("div", {
     className: "module-collection-link-layer",
     children: [
@@ -7366,9 +7367,9 @@ var Hu = () => 1, Wu = ({ collection: e, getZoom: t = Hu, slots: n, onDeselect:
             className: "module-collection-link-layer__arrow",
             markerEnd: `url(#${w})`
           }, L.id.toString())),
-          u && k && (() => {
-            const L = B ? Uo(k.rect, B.rect) : {
-              start: Rt(k.rect, u.side),
+          u && M && (() => {
+            const L = B ? Uo(M.rect, B.rect) : {
+              start: Rt(M.rect, u.side),
               end: u.pointer,
               axis: Go(u.side)
             };
@@ -7389,7 +7390,7 @@ var Hu = () => 1, Wu = ({ collection: e, getZoom: t = Hu, slots: n, onDeselect:
           height: B.rect.height
         }
       }),
-      l && f.pending.size === 0 && z.flatMap(({ id: L, rect: A }) => zs.map((G) => {
+      d && f.pending.size === 0 && z.flatMap(({ id: L, rect: A }) => zs.map((G) => {
         const _ = Rt(A, G);
         return /* @__PURE__ */ a("div", {
           className: "module-collection-link-layer__handle",
@@ -7398,7 +7399,7 @@ var Hu = () => 1, Wu = ({ collection: e, getZoom: t = Hu, slots: n, onDeselect:
             left: _.x,
             top: _.y
           },
-          title: d.dragToLink,
+          title: l.dragToLink,
           onPointerDown: C(L, G, _),
           onPointerMove: W,
           onPointerUp: V,
@@ -7412,7 +7413,7 @@ var Hu = () => 1, Wu = ({ collection: e, getZoom: t = Hu, slots: n, onDeselect:
           left: A.x,
           top: A.y
         },
-        title: d.removeLink,
+        title: l.removeLink,
         onPointerDown: (G) => G.stopPropagation(),
         onClick: () => {
           te(L.id);
@@ -7443,24 +7444,24 @@ function tn(e, t) {
   for (const n of [...t].reverse()) for (const [r, o] of Qu) {
     const i = [...e.querySelectorAll(r)].find((s) => {
       if (s.getAttribute(o)?.toLowerCase() !== n) return !1;
-      const d = s.getBoundingClientRect();
-      return d.width > 0 && d.height > 0;
+      const l = s.getBoundingClientRect();
+      return l.width > 0 && l.height > 0;
     });
     if (i) return i;
   }
 }
 function em(e, t, n, r, o) {
-  const i = e.getBoundingClientRect(), s = r > 0 ? r : 1, d = /* @__PURE__ */ new Map();
-  for (const l of new Set(n.map((c) => c.toLowerCase()))) {
-    const c = tn(t, o?.(l) ?? [l]);
+  const i = e.getBoundingClientRect(), s = r > 0 ? r : 1, l = /* @__PURE__ */ new Map();
+  for (const d of new Set(n.map((c) => c.toLowerCase()))) {
+    const c = tn(t, o?.(d) ?? [d]);
     if (!c) continue;
     const u = c.getBoundingClientRect();
-    d.set(l, {
+    l.set(d, {
       x: (u.left + u.width / 2 - i.left) / s,
       y: (u.top - i.top) / s
     });
   }
-  return d;
+  return l;
 }
 var tm = 24, nm = 160, Wt = (e) => e.toString().toLowerCase();
 function rm(e, t) {
@@ -7487,7 +7488,7 @@ var im = (e, t) => e.size === t.size && [...e].every(([n, r]) => {
   const o = t.get(n);
   return !!o && o.x === r.x && o.y === r.y;
 }), am = ({ links: e, boardRoot: t, getZoom: n, path: r, revision: o }) => {
-  const { messages: i } = re(), s = O(null), d = xt().replace(/:/g, ""), [l, c] = D(/* @__PURE__ */ new Map()), u = ce(() => e.flatMap((m) => [m.from.toString(), m.to.toString()]), [e]), g = O(() => {
+  const { messages: i } = re(), s = O(null), l = xt().replace(/:/g, ""), [d, c] = D(/* @__PURE__ */ new Map()), u = ce(() => e.flatMap((m) => [m.from.toString(), m.to.toString()]), [e]), g = O(() => {
   });
   g.current = () => {
     const m = t.current;
@@ -7516,7 +7517,7 @@ var im = (e, t) => e.size === t.size && [...e].every(([n, r]) => {
       p.disconnect(), v !== void 0 && cancelAnimationFrame(v);
     };
   }, [t, u]);
-  const f = ce(() => om(e, l), [e, l]);
+  const f = ce(() => om(e, d), [e, d]);
   if (e.length === 0) return null;
   const h = i.sliceLinks ?? $t.sliceLinks;
   return /* @__PURE__ */ a("div", {
@@ -7525,7 +7526,7 @@ var im = (e, t) => e.size === t.size && [...e].every(([n, r]) => {
     children: /* @__PURE__ */ x("svg", {
       className: "slice-link-layer__svg",
       children: [/* @__PURE__ */ x("defs", { children: [/* @__PURE__ */ a("marker", {
-        id: `${d}-within`,
+        id: `${l}-within`,
         viewBox: "0 0 10 10",
         refX: "9",
         refY: "5",
@@ -7537,7 +7538,7 @@ var im = (e, t) => e.size === t.size && [...e].every(([n, r]) => {
           className: "slice-link-layer__head slice-link-layer__head--within"
         })
       }), /* @__PURE__ */ a("marker", {
-        id: `${d}-crossing`,
+        id: `${l}-crossing`,
         viewBox: "0 0 10 10",
         refX: "9",
         refY: "5",
@@ -7555,7 +7556,7 @@ var im = (e, t) => e.size === t.size && [...e].every(([n, r]) => {
         children: [/* @__PURE__ */ a("path", {
           d: m.path,
           className: `slice-link-layer__link slice-link-layer__link--${m.emphasis}`,
-          markerEnd: `url(#${d}-${m.emphasis})`
+          markerEnd: `url(#${l}-${m.emphasis})`
         }), m.label && /* @__PURE__ */ a("text", {
           x: m.labelPosition.x,
           y: m.labelPosition.y,
@@ -7697,23 +7698,23 @@ var im = (e, t) => e.size === t.size && [...e].every(([n, r]) => {
   }
 }, zt = 50, jt = () => {
 }, pm = (e) => e.stopPropagation(), Yi = da(({ notes: e, boardRoot: t }, n) => {
-  const { editing: r, actions: o, messages: i } = re(), s = Vm(), d = O(new hm(e)), l = O(/* @__PURE__ */ new Set()), c = O(!1), u = O(/* @__PURE__ */ new Set()), g = O(/* @__PURE__ */ new Set()), [f, h] = D(0), [m, v] = D(), [p, b] = D(), y = O(null), w = ce(() => [y], []), M = j(() => h((I) => I + 1), []);
+  const { editing: r, actions: o, messages: i } = re(), s = Vm(), l = O(new hm(e)), d = O(/* @__PURE__ */ new Set()), c = O(!1), u = O(/* @__PURE__ */ new Set()), g = O(/* @__PURE__ */ new Set()), [f, h] = D(0), [m, v] = D(), [p, b] = D(), y = O(null), w = ce(() => [y], []), k = j(() => h((I) => I + 1), []);
   ie(() => {
-    d.current.reconcile(e), M();
-  }, [e, M]), ie(() => {
-    const I = d.current.nextExpiration;
+    l.current.reconcile(e), k();
+  }, [e, k]), ie(() => {
+    const I = l.current.nextExpiration;
     if (I === void 0) return;
-    const k = setTimeout(() => {
-      d.current.expire(), M();
+    const M = setTimeout(() => {
+      l.current.expire(), k();
     }, Math.max(0, I - Date.now()));
-    return () => clearTimeout(k);
-  }, [f, M]);
-  const S = j((I, k, B) => l.current.has(I) ? Promise.resolve() : (l.current.add(I), d.current.change(I, k), d.current.begin(I, k), M(), Promise.resolve().then(B).then((L) => (L === !1 && (d.current.rollback(I, k), d.current.get(I) || v((A) => A === I ? void 0 : A), M()), L !== !1)).catch((L) => (d.current.rollback(I, k), d.current.get(I) || v((A) => A === I ? void 0 : A), M(), o.stickyNoteError ? o.stickyNoteError(L) : console.error(L), !1)).finally(() => {
-    d.current.settle(I, k), l.current.delete(I), M();
-  })), [o, M]);
+    return () => clearTimeout(M);
+  }, [f, k]);
+  const S = j((I, M, B) => d.current.has(I) ? Promise.resolve() : (d.current.add(I), l.current.change(I, M), l.current.begin(I, M), k(), Promise.resolve().then(B).then((L) => (L === !1 && (l.current.rollback(I, M), l.current.get(I) || v((A) => A === I ? void 0 : A), k()), L !== !1)).catch((L) => (l.current.rollback(I, M), l.current.get(I) || v((A) => A === I ? void 0 : A), k(), o.stickyNoteError ? o.stickyNoteError(L) : console.error(L), !1)).finally(() => {
+    l.current.settle(I, M), d.current.delete(I), k();
+  })), [o, k]);
   Mt(n, () => ({ add(I) {
-    const k = r.onStickyNoteAdded;
-    if (!k || c.current) return;
+    const M = r.onStickyNoteAdded;
+    if (!M || c.current) return;
     c.current = !0, o.stickyNoteCreatingChanged?.(!0);
     const B = {
       id: ve.create().toString(),
@@ -7725,7 +7726,7 @@ var im = (e, t) => e.size === t.size && [...e].every(([n, r]) => {
       height: zt,
       text: i.stickyNotes.newNote
     };
-    v(B.id), S(B.id, B, () => k(B)).then((L) => {
+    v(B.id), S(B.id, B, () => M(B)).then((L) => {
       L && o.stickyNoteCreated?.(B);
     }).finally(() => {
       c.current = !1, o.stickyNoteCreatingChanged?.(!1);
@@ -7738,52 +7739,52 @@ var im = (e, t) => e.size === t.size && [...e].every(([n, r]) => {
   ]);
   const N = r.onStickyNoteMoved || r.onStickyNoteResized || r.onStickyNoteTextChanged || r.onStickyNoteRemoved ? v : void 0;
   bt(w, () => N?.(void 0), m !== void 0 && !!N);
-  const R = (I, k) => {
-    const B = d.current.get(I);
-    !B || l.current.has(I) || B.position.x === k.x && B.position.y === k.y || (u.current.add(I), d.current.change(I, {
+  const R = (I, M) => {
+    const B = l.current.get(I);
+    !B || d.current.has(I) || B.position.x === M.x && B.position.y === M.y || (u.current.add(I), l.current.change(I, {
       ...B,
-      position: k
-    }), M());
-  }, C = (I, k) => {
-    const B = d.current.get(I);
-    !B || l.current.has(I) || B.position.x === k.position.x && B.position.y === k.position.y && B.width === k.width && B.height === k.height || (g.current.add(I), d.current.change(I, {
+      position: M
+    }), k());
+  }, C = (I, M) => {
+    const B = l.current.get(I);
+    !B || d.current.has(I) || B.position.x === M.position.x && B.position.y === M.position.y && B.width === M.width && B.height === M.height || (g.current.add(I), l.current.change(I, {
       ...B,
-      ...k
-    }), M());
+      ...M
+    }), k());
   }, W = (I) => {
     if (!u.current.delete(I)) return;
-    const k = d.current.get(I);
-    k && r.onStickyNoteMoved && S(I, k, () => r.onStickyNoteMoved?.(I, k.position));
+    const M = l.current.get(I);
+    M && r.onStickyNoteMoved && S(I, M, () => r.onStickyNoteMoved?.(I, M.position));
   }, V = (I) => {
     if (!g.current.delete(I)) return;
-    const k = d.current.get(I);
-    k && r.onStickyNoteResized && S(I, k, () => r.onStickyNoteResized?.(I, {
-      position: k.position,
-      width: k.width,
-      height: k.height
+    const M = l.current.get(I);
+    M && r.onStickyNoteResized && S(I, M, () => r.onStickyNoteResized?.(I, {
+      position: M.position,
+      width: M.width,
+      height: M.height
     }));
-  }, te = (I, k) => {
-    const B = d.current.get(I);
-    B && B.text !== k && r.onStickyNoteTextChanged && S(I, {
+  }, te = (I, M) => {
+    const B = l.current.get(I);
+    B && B.text !== M && r.onStickyNoteTextChanged && S(I, {
       ...B,
-      text: k
-    }, () => r.onStickyNoteTextChanged?.(I, k));
-  }, $ = (I, k) => {
-    const B = d.current.get(I);
-    B && (B.colour ?? nt.yellow) !== k && r.onStickyNoteColourChanged && S(I, {
+      text: M
+    }, () => r.onStickyNoteTextChanged?.(I, M));
+  }, $ = (I, M) => {
+    const B = l.current.get(I);
+    B && (B.colour ?? nt.yellow) !== M && r.onStickyNoteColourChanged && S(I, {
       ...B,
-      colour: k
-    }, () => r.onStickyNoteColourChanged?.(I, k));
+      colour: M
+    }, () => r.onStickyNoteColourChanged?.(I, M));
   }, z = j((I) => {
-    !d.current.get(I) || !r.onStickyNoteRemoved || l.current.has(I) || (v((k) => k === I ? void 0 : k), S(I, null, () => r.onStickyNoteRemoved?.(I)));
+    !l.current.get(I) || !r.onStickyNoteRemoved || d.current.has(I) || (v((M) => M === I ? void 0 : M), S(I, null, () => r.onStickyNoteRemoved?.(I)));
   }, [r, S]);
   return ie(() => {
     if (!r.onStickyNoteRemoved || m === void 0) return;
-    const I = (k) => {
-      mm(k.key, k.target, t && {
+    const I = (M) => {
+      mm(M.key, M.target, t && {
         boardRoot: t.current,
         lastInteractionTarget: s()
-      }) && (k.preventDefault(), z(m));
+      }) && (M.preventDefault(), z(m));
     };
     return document.addEventListener("keydown", I), () => document.removeEventListener("keydown", I);
   }, [
@@ -7795,28 +7796,28 @@ var im = (e, t) => e.size === t.size && [...e].every(([n, r]) => {
   ]), /* @__PURE__ */ a("div", {
     ref: y,
     className: "event-model-sticky-notes",
-    children: d.current.notes.map((I) => {
-      const k = I.position?.x ?? 0, B = I.position?.y ?? 0;
+    children: l.current.notes.map((I) => {
+      const M = I.position?.x ?? 0, B = I.position?.y ?? 0;
       return /* @__PURE__ */ a(Ro, {
-        x: k,
+        x: M,
         y: B,
         zIndex: p === I.id ? 3 : 2,
         children: /* @__PURE__ */ x("div", {
           "data-sticky-note-id": I.id,
-          className: `${gm(I.colour)}${l.current.has(I.id) ? " event-model-sticky-note--busy" : ""}`,
-          "aria-busy": l.current.has(I.id),
-          onDoubleClickCapture: r.onStickyNoteTextChanged && !l.current.has(I.id) ? void 0 : pm,
+          className: `${gm(I.colour)}${d.current.has(I.id) ? " event-model-sticky-note--busy" : ""}`,
+          "aria-busy": d.current.has(I.id),
+          onDoubleClickCapture: r.onStickyNoteTextChanged && !d.current.has(I.id) ? void 0 : pm,
           children: [
             /* @__PURE__ */ a(ga, {
               note: {
                 id: I.id,
-                x: k,
+                x: M,
                 y: B,
                 width: I.width,
                 height: I.height,
                 text: I.text
               },
-              selected: m === I.id && !!r.onStickyNoteResized && !l.current.has(I.id),
+              selected: m === I.id && !!r.onStickyNoteResized && !d.current.has(I.id),
               onSelect: N ?? jt,
               onMove: r.onStickyNoteMoved ? (L, A, G) => R(L, {
                 x: A,
@@ -7835,11 +7836,11 @@ var im = (e, t) => e.size === t.size && [...e].every(([n, r]) => {
               onTextChange: r.onStickyNoteTextChanged ? te : jt,
               onExpandedChange: (L, A) => b((G) => A ? L : G === L ? void 0 : G)
             }),
-            m === I.id && r.onStickyNoteColourChanged && !l.current.has(I.id) && /* @__PURE__ */ a(vm, {
+            m === I.id && r.onStickyNoteColourChanged && !d.current.has(I.id) && /* @__PURE__ */ a(vm, {
               current: I.colour,
               onPick: (L) => $(I.id, L)
             }),
-            l.current.has(I.id) && /* @__PURE__ */ a("span", {
+            d.current.has(I.id) && /* @__PURE__ */ a("span", {
               className: "event-model-sticky-note__progress",
               "aria-hidden": "true",
               children: /* @__PURE__ */ a(ya, { className: "event-model-sticky-note__spinner" })
@@ -7851,7 +7852,7 @@ var im = (e, t) => e.size === t.size && [...e].every(([n, r]) => {
   });
 });
 Yi.displayName = "StickyNotes";
-var Xi = Io(({ collection: e, estimatedSize: t, measuredSize: n, onSize: r, getZoom: o, canMove: i, onCollectionMoving: s, onCollectionMoved: d, onCollectionMoveCanceled: l, content: c, onGridMounted: u }) => {
+var Xi = Io(({ collection: e, estimatedSize: t, measuredSize: n, onSize: r, getZoom: o, canMove: i, onCollectionMoving: s, onCollectionMoved: l, onCollectionMoveCanceled: d, content: c, onGridMounted: u }) => {
   const g = j((f) => /* @__PURE__ */ a("div", {
     style: { display: "contents" },
     ref: (h) => {
@@ -7862,15 +7863,15 @@ var Xi = Io(({ collection: e, estimatedSize: t, measuredSize: n, onSize: r, getZ
       getZoom: o,
       canMove: i,
       onCollectionMoving: s,
-      onCollectionMoved: d,
-      onCollectionMoveCanceled: l
+      onCollectionMoved: l,
+      onCollectionMoveCanceled: d
     })
   }), [
     o,
     i,
     s,
-    d,
     l,
+    d,
     u
   ]);
   return /* @__PURE__ */ a(_l, {
@@ -7908,15 +7909,15 @@ var Gv = "data-event-model-export-exclude", go = () => new Promise((e) => reques
   }
 };
 async function bm(e, t, n, r, o, i, s = fm) {
-  const d = s.createContainer(t, n, r);
-  let l;
+  const l = s.createContainer(t, n, r);
+  let d;
   try {
-    l = s.mount(d, e), await s.waitForLayoutToSettle();
-    const c = await s.captureBlob(d, o, i);
+    d = s.mount(l, e), await s.waitForLayoutToSettle();
+    const c = await s.captureBlob(l, o, i);
     if (!c) throw new Error("Failed to capture the event model board as an image.");
     return c;
   } finally {
-    l?.(), s.removeContainer(d);
+    d?.(), s.removeContainer(l);
   }
 }
 function ym(e, t) {
@@ -7947,12 +7948,12 @@ function wm(e) {
 }
 var Sm = 2, Cm = "#ffffff", xm = 48;
 function Mm(e, t = bm) {
-  const n = e.options?.scale ?? Sm, r = e.options?.background ?? Cm, o = e.options?.padding ?? xm, i = ym(e.collections, e.estimateSize), s = wm(i), d = {
+  const n = e.options?.scale ?? Sm, r = e.options?.background ?? Cm, o = e.options?.padding ?? xm, i = ym(e.collections, e.estimateSize), s = wm(i), l = {
     initialCollections: [...e.collections],
     estimateSize: e.estimateSize,
     countSlices: e.countSlices,
     renderCollection: e.renderCollection
-  }, l = {
+  }, d = {
     initialZoom: s.canvasInitialZoom,
     initialPan: s.canvasInitialPan,
     showControls: !1
@@ -7961,7 +7962,7 @@ function Mm(e, t = bm) {
     renderAll: !0,
     children: /* @__PURE__ */ a(Ji, {
       id: e.documentId,
-      collections: d,
+      collections: l,
       links: e.links,
       stickyNotes: e.stickyNotes,
       changes: e.changes,
@@ -7970,7 +7971,7 @@ function Mm(e, t = bm) {
       showMinimap: !1,
       showLogo: !1,
       showViewOptions: !1,
-      canvas: l
+      canvas: d
     })
   }), s.canvasWidth, s.canvasHeight, o, n, r);
 }
@@ -8003,8 +8004,8 @@ function Ki(e, t, n) {
     const o = [...n, r.id.toString().toLowerCase()];
     if (o[o.length - 1] === t) return o;
     for (const s of r.slices) {
-      const d = [...o, s.id.toString().toLowerCase()];
-      if (d[d.length - 1] === t) return d;
+      const l = [...o, s.id.toString().toLowerCase()];
+      if (l[l.length - 1] === t) return l;
       if ([
         s.command,
         s.readModel,
@@ -8013,7 +8014,7 @@ function Ki(e, t, n) {
         ...s.additionalReadModels ?? [],
         ...s.events,
         ...s.externalEvents
-      ].some((l) => l?.id.toString().toLowerCase() === t)) return [...d, t];
+      ].some((d) => d?.id.toString().toLowerCase() === t)) return [...l, t];
     }
     const i = Ki(r.subFeatures, t, o);
     if (i) return i;
@@ -8034,11 +8035,11 @@ async function Am(e, t) {
 function Lm(e, t, n) {
   const r = e.camera.getContainerRect();
   if (!r || !e.active()) return !1;
-  const o = t.getBoundingClientRect(), i = e.transform(), s = Ju(o, r, i), d = t.matches("[data-slice-col], [data-card-id], [data-event-id]") ? 1 : Vi({
+  const o = t.getBoundingClientRect(), i = e.transform(), s = Ju(o, r, i), l = t.matches("[data-slice-col], [data-card-id], [data-event-id]") ? 1 : Vi({
     width: o.width / i.zoom,
     height: o.height / i.zoom
   }, r);
-  return e.camera.smoothPanZoomToWorld(s.x, s.y, d, n), !0;
+  return e.camera.smoothPanZoomToWorld(s.x, s.y, l, n), !0;
 }
 async function Tm(e, t) {
   const { camera: n, footprint: r } = e, o = n.getContainerRect();
@@ -8048,36 +8049,36 @@ async function Tm(e, t) {
     return n.smoothPanZoomToWorld(r.position.x + r.width / 2, r.position.y + r.height / 2, Vi(r, o), i), !0;
   n.smoothPanZoomToWorld(r.position.x + Math.min(r.width, o.width) / 2, r.position.y + Math.min(r.height, o.height) / 2, 1, i);
   let s = -1;
-  for (let d = 0; d < e.path().length; d++) {
-    const l = await Am(e, i);
-    if (!l || !e.active()) return !1;
-    const c = e.path(), u = c.map((g) => tn(e.root, [g]) === l).lastIndexOf(!0);
+  for (let l = 0; l < e.path().length; l++) {
+    const d = await Am(e, i);
+    if (!d || !e.active()) return !1;
+    const c = e.path(), u = c.map((g) => tn(e.root, [g]) === d).lastIndexOf(!0);
     if (u <= s) return !0;
-    if (!Lm(e, l, i)) return !1;
+    if (!Lm(e, d, i)) return !1;
     if (u === c.length - 1) return !0;
     s = u;
   }
   return !0;
 }
-function Pm(e, t, n, r, o, i, s = 1, d = {
+function Pm(e, t, n, r, o, i, s = 1, l = {
   x: 0,
   y: 0
 }) {
-  const l = e.toString().toLowerCase(), c = O(null), u = O(null), [g, f] = D(!1), h = O({
+  const d = e.toString().toLowerCase(), c = O(null), u = O(null), [g, f] = D(!1), h = O({
     zoom: s,
-    pan: d
+    pan: l
   }), m = O(/* @__PURE__ */ new Map()), v = O(0), p = O(void 0);
   ie(() => () => {
     v.current++, p.current = void 0;
   }, []), ie(() => () => {
     v.current++;
-  }, [l]);
+  }, [d]);
   const b = j((S, N) => {
     const R = S.id.toString().toLowerCase();
     N ? m.current.set(R, S) : m.current.get(R) === S && m.current.delete(R);
   }, []), y = j((S) => {
     u.current = S, f(!0), i?.(S);
-  }, [i]), w = j((S) => t.find((N) => N.id.toString().toLowerCase() === S || N.modules.some((R) => R.id.toString().toLowerCase() === S) || n.contains?.(N, S)), [t, n]), M = j(async (S, N) => {
+  }, [i]), w = j((S) => t.find((N) => N.id.toString().toLowerCase() === S || N.modules.some((R) => R.id.toString().toLowerCase() === S) || n.contains?.(N, S)), [t, n]), k = j(async (S, N) => {
     const R = S.toString().toLowerCase(), C = w(R);
     if (!C || !u.current || !c.current) return !1;
     const W = C.id.toString().toLowerCase(), V = ++v.current;
@@ -8102,31 +8103,31 @@ function Pm(e, t, n, r, o, i, s = 1, d = {
     r
   ]);
   return ie(() => {
-    !g || p.current === l || o && !w(o.id.toString().toLowerCase()) || (p.current = l, o && M(o.id, { animate: !1 }));
+    !g || p.current === d || o && !w(o.id.toString().toLowerCase()) || (p.current = d, o && k(o.id, { animate: !1 }));
   }, [
     g,
-    l,
+    d,
     o,
     w,
-    M
+    k
   ]), {
     rootRef: c,
     handleReady: y,
-    scrollTo: M,
+    scrollTo: k,
     onGridMounted: b,
     transform: h
   };
 }
 function $m(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 = ce(() => n ? s ? l.map((m) => {
+  const r = O(/* @__PURE__ */ new Set()), [o, i] = D(r.current), [s, l] = D(void 0), { collections: d, moveCollection: c, collectionMoved: u } = e, g = ce(() => n ? s ? d.map((m) => {
     if (o.has(m.id.toString())) return m;
     const v = s.get(m.id.toString());
     return v && v !== m.position ? {
       ...m,
       position: v
     } : m;
-  }) : xl(Sl(l), t) : l, [
-    l,
+  }) : xl(Sl(d), t) : d, [
+    d,
     t,
     n,
     o,
@@ -8134,17 +8135,17 @@ function $m(e, t, n = !0) {
   ]), f = j((m, v, p) => {
     const b = m.toString();
     if (!r.current.has(b)) {
-      r.current.size || d(new Map(g.map((M) => [M.id.toString(), M.position])));
-      const y = g.find((M) => M.id.equals(m))?.position, w = l.find((M) => M.id.equals(m))?.position;
+      r.current.size || l(new Map(g.map((k) => [k.id.toString(), k.position])));
+      const y = g.find((k) => k.id.equals(m))?.position, w = d.find((k) => k.id.equals(m))?.position;
       v += (y?.x ?? 0) - (w?.x ?? 0), p += (y?.y ?? 0) - (w?.y ?? 0), r.current = /* @__PURE__ */ new Set([...r.current, b]), i(r.current);
     }
     c(m, v, p);
   }, [
     g,
-    l,
+    d,
     c
   ]), h = j((m) => {
-    r.current = new Set(r.current), r.current.delete(m.toString()), i(r.current), r.current.size || d(void 0);
+    r.current = new Set(r.current), r.current.delete(m.toString()), i(r.current), r.current.size || l(void 0);
   }, []);
   return {
     placed: g,
@@ -8164,41 +8165,41 @@ function ho(e) {
     };
   }, [e]);
 }
-var _m = ({ 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: f = !0 }) => {
+var _m = ({ id: e, collections: t, links: n, stickyNotes: r, readOnly: o, editor: i, canvas: s, showMinimap: l, changes: d, initialFocus: c, handle: u, sliceLinks: g, separateOverlaps: f = !0 }) => {
   const h = o ? void 0 : i?.links, m = Ml({
     initialCollections: t.initialCollections,
     onAddCollection: t.onAddCollection,
     onCollectionMoved: t.onCollectionMoved,
     onCollectionsChange: t.onCollectionsChange,
     onPersistenceError: t.onPersistenceError
-  }), { collections: v, pendingMoveIds: p, canMove: b, addCollection: y } = m, [w, M] = D(/* @__PURE__ */ new Map()), S = O(s?.initialZoom ?? 1), N = j(() => S.current, []), R = O(null), { estimateSize: C, countSlices: W, renderCollection: V } = t, te = j((E, q, ue) => {
-    M((Se) => {
+  }), { collections: v, pendingMoveIds: p, canMove: b, addCollection: y } = m, [w, k] = D(/* @__PURE__ */ new Map()), S = O(s?.initialZoom ?? 1), N = j(() => S.current, []), R = O(null), { estimateSize: C, countSlices: W, renderCollection: V } = t, te = j((E, q, ue) => {
+    k((Se) => {
       const Re = E.toString(), Y = Se.get(Re);
       return Y?.width === q && Y.height === ue ? Se : new Map(Se).set(Re, {
         width: q,
         height: ue
       });
     });
-  }, []), $ = ho(C), z = ho(j((E) => (q) => V(E, q), [V])), I = j((E) => w.get(E.id.toString()) ?? $(E), [w, $]), { placed: k, moveCollection: B, collectionMoved: L, collectionMoveCanceled: A } = $m(m, I, f), G = j((E) => Mm({
+  }, []), $ = ho(C), z = ho(j((E) => (q) => V(E, q), [V])), I = j((E) => w.get(E.id.toString()) ?? $(E), [w, $]), { placed: M, moveCollection: B, collectionMoved: L, collectionMoveCanceled: A } = $m(m, I, f), G = j((E) => Mm({
     documentId: e,
-    collections: k,
+    collections: M,
     estimateSize: C,
     countSlices: W,
     renderCollection: V,
     links: n,
     stickyNotes: r,
-    changes: l,
+    changes: d,
     options: E
   }), [
     e,
-    k,
+    M,
     C,
     W,
     V,
     n,
     r,
-    l
-  ]), _ = Pm(e, k, t, w, c, s?.onHandleReady, s?.initialZoom, s?.initialPan);
+    d
+  ]), _ = Pm(e, M, t, w, c, s?.onHandleReady, s?.initialZoom, s?.initialPan);
   Mt(u, () => ({
     addCollection: y,
     addStickyNote: (E) => R.current?.add(E),
@@ -8210,10 +8211,10 @@ var _m = ({ id: e, collections: t, links: n, stickyNotes: r, readOnly: o, editor
     G,
     _.scrollTo
   ]);
-  const U = ce(() => Im(k.map((E) => ({
+  const U = ce(() => Im(M.map((E) => ({
     position: E.position,
     size: $(E)
-  }))), [k, $]), K = ce(() => Om(v.reduce((E, q) => E + W(q), 0)), [v, W]), T = ce(() => k.flatMap((E) => {
+  }))), [M, $]), K = ce(() => Om(v.reduce((E, q) => E + W(q), 0)), [v, W]), T = ce(() => M.flatMap((E) => {
     const q = w.get(E.id.toString());
     return q ? [{
       id: E.id,
@@ -8221,7 +8222,7 @@ var _m = ({ id: e, collections: t, links: n, stickyNotes: r, readOnly: o, editor
       width: q.width,
       height: q.height
     }] : [];
-  }), [k, w]), H = j((E) => {
+  }), [M, w]), H = j((E) => {
     for (const q of v) {
       const ue = t.path?.(q, E);
       if (ue) return ue;
@@ -8233,7 +8234,7 @@ var _m = ({ id: e, collections: t, links: n, stickyNotes: r, readOnly: o, editor
       pan: q
     }, X?.(E, q);
   }, [X, _.transform]), P = /* @__PURE__ */ x(ne, { children: [
-    k.map((E) => /* @__PURE__ */ a(Xi, {
+    M.map((E) => /* @__PURE__ */ a(Xi, {
       collection: E,
       estimatedSize: $(E),
       measuredSize: w.get(E.id.toString()),
@@ -8274,7 +8275,7 @@ var _m = ({ id: e, collections: t, links: n, stickyNotes: r, readOnly: o, editor
       height: "100%",
       ...s?.style
     },
-    showMinimap: d,
+    showMinimap: l,
     minimapItems: U.items,
     minimapWorldWidth: U.worldWidth,
     minimapWorldHeight: U.worldHeight,
@@ -8283,10 +8284,10 @@ var _m = ({ id: e, collections: t, links: n, stickyNotes: r, readOnly: o, editor
     onTransformChange: oe,
     children: t.area ? t.area(m, P) : /* @__PURE__ */ a(ot, { children: P })
   });
-}, Ji = ({ id: e, readOnly: t = !1, showMinimap: n = !0, showLogo: r = !1, showViewOptions: o = !1, toolbar: i, editor: s, ...d }) => {
-  const l = ce(() => ({ changes: d.changes }), [d.changes]), c = /* @__PURE__ */ a(Bs, {
+}, Ji = ({ id: e, readOnly: t = !1, showMinimap: n = !0, showLogo: r = !1, showViewOptions: o = !1, toolbar: i, editor: s, ...l }) => {
+  const d = ce(() => ({ changes: l.changes }), [l.changes]), c = /* @__PURE__ */ a(Bs, {
     readOnly: t,
-    markers: l,
+    markers: d,
     editing: t ? void 0 : s?.editing,
     actions: t ? void 0 : s?.actions,
     selection: s?.selection,
@@ -8296,14 +8297,14 @@ var _m = ({ id: e, collections: t, links: n, stickyNotes: r, readOnly: o, editor
       readOnly: t,
       showMinimap: n,
       editor: s,
-      ...d
+      ...l
     }, e.toString())
   });
   return !r && !o && i === void 0 ? c : /* @__PURE__ */ a(qi, {
     showLogo: r,
     showViewOptions: o,
     toolbar: i,
-    chrome: d.canvas?.chrome,
+    chrome: l.canvas?.chrome,
     children: c
   });
 }, Dm = 360, Fm = {
@@ -8316,9 +8317,9 @@ function Bm(e) {
     y: Math.max(...e.map((t) => t.y)) + Dm
   };
 }
-var Hm = ({ document: e, readOnly: t = !1, editor: n, canvas: r, showMinimap: o = !0, changes: i, initialFocus: s, handle: d, sliceLinks: l }) => {
-  const c = t ? void 0 : n?.collection, u = t ? void 0 : n?.collectionBoundary, g = t ? void 0 : n?.collections, f = j((w, M) => {
-    const S = M({
+var Hm = ({ document: e, readOnly: t = !1, editor: n, canvas: r, showMinimap: o = !0, changes: i, initialFocus: s, handle: l, sliceLinks: d }) => {
+  const c = t ? void 0 : n?.collection, u = t ? void 0 : n?.collectionBoundary, g = t ? void 0 : n?.collections, f = j((w, k) => {
+    const S = k({
       collection: w,
       ...c?.(w)
     });
@@ -8331,8 +8332,8 @@ var Hm = ({ document: e, readOnly: t = !1, editor: n, canvas: r, showMinimap: o
     initialCollections: e.collections,
     estimateSize: p,
     countSlices: Rm,
-    contains: (w, M) => !!Un(w, M),
-    path: (w, M) => Un(w, M),
+    contains: (w, k) => !!Un(w, k),
+    path: (w, k) => Un(w, k),
     renderCollection: f,
     ...g
   }), [
@@ -8351,8 +8352,8 @@ var Hm = ({ document: e, readOnly: t = !1, editor: n, canvas: r, showMinimap: o
     showMinimap: o,
     changes: i,
     initialFocus: s,
-    handle: d,
-    sliceLinks: l
+    handle: l,
+    sliceLinks: d
   });
   return m === void 0 && v === void 0 ? y : /* @__PURE__ */ a("div", {
     style: {
@@ -8362,30 +8363,30 @@ var Hm = ({ document: e, readOnly: t = !1, editor: n, canvas: r, showMinimap: o
     "data-board-density": m ?? "compact",
     children: y
   });
-}, Yv = ({ showLogo: e = !1, showViewOptions: t = !1, toolbar: n, handle: r, editor: o, readOnly: i = !1, document: s, ...d }) => {
-  const l = O(null);
+}, Yv = ({ showLogo: e = !1, showViewOptions: t = !1, toolbar: n, handle: r, editor: o, readOnly: i = !1, document: s, ...l }) => {
+  const d = O(null);
   Mt(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: (h, m) => d.current?.scrollTo(h, m) ?? Promise.resolve(!1),
+    revealSlice: (h, m) => d.current?.revealSlice(h, m) ?? Promise.resolve(!1),
+    addCollection: (h, m) => d.current?.addCollection(h, m) ?? Promise.resolve(),
+    addStickyNote: (h) => d.current?.addStickyNote(h),
+    exportImage: (h) => d.current?.exportImage(h) ?? Promise.reject(/* @__PURE__ */ new Error("Board is not ready to export."))
   }), []);
   const c = !i && !!o?.collections?.onAddCollection, u = j(() => {
     const h = Bm(s.collections.map((m) => m.position));
-    l.current?.addCollection(h.x, h.y);
+    d.current?.addCollection(h.x, h.y);
   }, [s.collections]), g = c ? /* @__PURE__ */ a(zu, { onAddModule: u }) : void 0, f = /* @__PURE__ */ a(Hm, {
-    ...d,
+    ...l,
     document: s,
     editor: o,
     readOnly: i,
-    handle: l
+    handle: d
   });
   return !e && !t && !g && n === void 0 ? f : /* @__PURE__ */ a(qi, {
     showLogo: e,
     showViewOptions: t,
     toolbar: g ? /* @__PURE__ */ x(ne, { children: [g, n] }) : n,
-    chrome: d.canvas?.chrome,
+    chrome: l.canvas?.chrome,
     children: f
   });
 }, Xv = ({ slotName: e, order: t, children: n }) => {
@@ -8403,7 +8404,7 @@ var Hm = ({ document: e, readOnly: t = !1, editor: n, canvas: r, showMinimap: o
 }, jm = () => (po++ === 0 && fo.forEach((e) => document.addEventListener(e, bo, !0)), () => {
   --po === 0 && (fo.forEach((e) => document.removeEventListener(e, bo, !0)), yr = null);
 }), qm = () => yr, Vm = () => (ie(() => jm(), []), qm), Gm = ({ sliceId: e, sliceType: t, status: n, children: r }) => {
-  const { readOnly: o, presentation: i } = re(), s = Rs(o, i.detailLevel, n), d = ce(() => ({
+  const { readOnly: o, presentation: i } = re(), s = Rs(o, i.detailLevel, n), l = ce(() => ({
     readOnly: s,
     sliceId: e,
     sliceType: t
@@ -8413,13 +8414,13 @@ var Hm = ({ document: e, readOnly: t = !1, editor: n, canvas: r, showMinimap: o
     t
   ]);
   return /* @__PURE__ */ a($i.Provider, {
-    value: d,
+    value: l,
     children: r
   });
 }, Um = (e, t) => e === Ue.output ? t.translationDirection.output : t.translationDirection.input, Ym = (e, t) => e === Ue.output ? t.translationDirection.changeToInput : t.translationDirection.changeToOutput, Xm = (e) => e === Ue.output ? "pi pi-send" : "pi pi-inbox", Zm = ({ direction: e, onDirectionChanged: t }) => {
-  const { readOnly: n, messages: r } = re(), [o, i] = D(e), [s, d] = D(!1);
+  const { readOnly: n, messages: r } = re(), [o, i] = D(e), [s, l] = D(!1);
   ie(() => i(e), [e]);
-  const l = /* @__PURE__ */ a("i", {
+  const d = /* @__PURE__ */ a("i", {
     className: Xm(o),
     style: { fontSize: 10 },
     "aria-hidden": "true"
@@ -8428,16 +8429,16 @@ var Hm = ({ document: e, readOnly: t = !1, editor: n, canvas: r, showMinimap: o
     className: "event-modeling-translation-direction event-modeling-translation-direction--readonly",
     title: c,
     "aria-label": c,
-    children: l
+    children: d
   });
   const u = async () => {
     if (s) return;
     const f = o, h = f === Ue.input ? Ue.output : Ue.input;
-    i(h), d(!0);
+    i(h), l(!0);
     try {
       await t(h) === !1 && i(f);
     } finally {
-      d(!1);
+      l(!1);
     }
   }, g = Ym(o, r);
   return /* @__PURE__ */ a("button", {
@@ -8447,15 +8448,15 @@ var Hm = ({ document: e, readOnly: t = !1, editor: n, canvas: r, showMinimap: o
     "aria-label": g,
     disabled: s,
     onClick: u,
-    children: l
+    children: d
   });
 }, Km = {
   fontSize: 11,
   fontWeight: 500,
   color: "color-mix(in srgb, var(--board-ink, #ffffff) 80%, transparent)",
   textAlign: "center"
-}, Qi = ({ slice: e, height: t, collapsed: n, selectableStatuses: r, unselectableStatusReason: o, error: i, leading: s, trailing: d, onToggleCollapse: l }) => {
-  const c = re(), u = ze(e.id), g = Jn(e.id, "slice", e.name), { showStatuses: f = !0 } = Ee(), { readOnly: h } = Qe(), { editing: m, actions: v } = c, p = m.onSliceRenamed, b = m.onSliceStatusChanged, y = m.onTranslationDirectionChanged, w = m.onSliceAdded, M = m.onSliceOpenStateSet, S = (v.sliceHeader ?? []).filter((C) => !C.when || C.when(e)), N = /* @__PURE__ */ a(fe, {
+}, Qi = ({ slice: e, height: t, collapsed: n, selectableStatuses: r, unselectableStatusReason: o, error: i, leading: s, trailing: l, onToggleCollapse: d }) => {
+  const c = re(), u = ze(e.id), g = Jn(e.id, "slice", e.name), { showStatuses: f = !0 } = Ee(), { readOnly: h } = Qe(), { editing: m, actions: v } = c, p = m.onSliceRenamed, b = m.onSliceStatusChanged, y = m.onTranslationDirectionChanged, w = m.onSliceAdded, k = m.onSliceOpenStateSet, S = (v.sliceHeader ?? []).filter((C) => !C.when || C.when(e)), N = /* @__PURE__ */ a(fe, {
     content: /* @__PURE__ */ a(oc, { sliceType: e.sliceType }),
     position: "bottom",
     children: /* @__PURE__ */ a(ln, {
@@ -8487,7 +8488,7 @@ var Hm = ({ document: e, readOnly: t = !1, editor: n, canvas: r, showMinimap: o
         children: [
           /* @__PURE__ */ a(or, {
             collapsed: n,
-            onToggle: c.readOnly ? l : !h && M ? () => M(e.id, !n) : void 0
+            onToggle: c.readOnly ? d : !h && k ? () => k(e.id, !n) : void 0
           }),
           g.marker,
           !n && s
@@ -8522,7 +8523,7 @@ var Hm = ({ document: e, readOnly: t = !1, editor: n, canvas: r, showMinimap: o
             direction: e.translationDirection ?? Ue.input,
             onDirectionChanged: y && !h ? (C) => y(e.id, C) : void 0
           }),
-          !c.readOnly && d,
+          !c.readOnly && l,
           !c.readOnly && S.map((C) => /* @__PURE__ */ a("button", {
             type: "button",
             className: "event-modeling-grid-add-button event-modeling-grid-add-button--small event-modeling-grid-add-button--no-circle",
@@ -8600,16 +8601,16 @@ var tg = 3, ng = ({ drag: e, headerHeight: t }) => e ? pt(/* @__PURE__ */ a(rg,
 }, yo = ({ isValid: e, marginLeft: t }) => /* @__PURE__ */ a("div", {
   className: Jm(e),
   style: { marginLeft: t }
-}), Nn = ({ moduleId: e, featureId: t, active: n = !1, busy: r = !1, acceptsReorder: o = !0, acceptsMove: i = !0, style: s, className: d, children: l }) => /* @__PURE__ */ a("div", {
+}), Nn = ({ moduleId: e, featureId: t, active: n = !1, busy: r = !1, acceptsReorder: o = !0, acceptsMove: i = !0, style: s, className: l, children: d }) => /* @__PURE__ */ a("div", {
   "data-slice-drop-target": "true",
   "data-slice-module-id": e.toString(),
   "data-slice-feature-id": t.toString(),
   "data-slice-accepts-reorder": o,
   "data-slice-accepts-move": i,
   "aria-busy": r || void 0,
-  className: [n && "event-modeling-grid-slice-drop-target--active", d].filter(Boolean).join(" ") || void 0,
+  className: [n && "event-modeling-grid-slice-drop-target--active", l].filter(Boolean).join(" ") || void 0,
   style: s,
-  children: l
+  children: d
 }), og = (e) => {
   if (!e.targetFeatureId.equals(e.featureId)) return { index: e.dropIndex };
   const t = e.dropIndex > e.sourceIndex ? e.dropIndex - 1 : e.dropIndex;
@@ -8618,13 +8619,13 @@ var tg = 3, ng = ({ drag: e, headerHeight: t }) => e ? pt(/* @__PURE__ */ a(rg,
 function ig(e, t, n, r) {
   const [o, i] = D(), s = O(void 0);
   s.current = o;
-  const d = O(r);
-  d.current = r;
-  const l = O(n);
-  l.current = n;
+  const l = O(r);
+  l.current = r;
+  const d = O(n);
+  d.current = n;
   const { readOnly: c } = re(), u = j((v, p, b) => {
     try {
-      return d.current?.(v, p, b);
+      return l.current?.(v, p, b);
     } catch (y) {
       console.error("Slice drop validation failed — allowing the drop", y);
       return;
@@ -8632,7 +8633,7 @@ function ig(e, t, n, r) {
   }, []), g = j((v, p, b) => {
     const y = document.querySelector(`[data-slice-drop-target="true"][data-slice-module-id="${v.toString()}"][data-slice-feature-id="${b.toString()}"]`);
     return b.equals(p) ? y?.dataset.sliceAcceptsReorder === "true" : y?.dataset.sliceAcceptsMove === "true";
-  }, []), f = j((v, p, b, y, w, M, S, N = null) => {
+  }, []), f = j((v, p, b, y, w, k, S, N = null) => {
     const R = e.slices.findIndex((W) => W.id.equals(v));
     if (R === -1) return;
     const C = u(v, e.id, R);
@@ -8648,7 +8649,7 @@ function ig(e, t, n, r) {
       currentX: b,
       currentY: y,
       dropIndex: R,
-      headerY: M,
+      headerY: k,
       zoom: S,
       isValid: (C?.isValid ?? !0) && g(t, e.id, e.id),
       invalidReason: C?.reason
@@ -8680,19 +8681,19 @@ function ig(e, t, n, r) {
     const v = (b) => {
       const y = s.current;
       if (!y) return;
-      const w = h(y.moduleId, b.clientX), M = m(w, b.clientX), S = u(y.sliceId, w, M);
+      const w = h(y.moduleId, b.clientX), k = m(w, b.clientX), S = u(y.sliceId, w, k);
       i((N) => N ? {
         ...N,
         currentX: b.clientX,
         currentY: b.clientY,
         targetFeatureId: w,
-        dropIndex: M,
+        dropIndex: k,
         isValid: (S?.isValid ?? !0) && g(y.moduleId, y.featureId, w),
         invalidReason: S?.reason
       } : void 0);
     }, p = () => {
       const b = s.current, y = b && og(b);
-      b && y && g(b.moduleId, b.featureId, b.targetFeatureId) && l.current?.(b.sliceId, b.featureId, b.targetFeatureId, y.index), i(void 0);
+      b && y && g(b.moduleId, b.featureId, b.targetFeatureId) && d.current?.(b.sliceId, b.featureId, b.targetFeatureId, y.index), i(void 0);
     };
     return window.addEventListener("pointermove", v, !0), window.addEventListener("pointerup", p, !0), window.addEventListener("pointercancel", p, !0), () => {
       window.removeEventListener("pointermove", v, !0), window.removeEventListener("pointerup", p, !0), window.removeEventListener("pointercancel", p, !0);
@@ -8709,15 +8710,15 @@ function ig(e, t, n, r) {
   };
 }
 function ag(e, t, n, r, o) {
-  const [i, s] = D(null), d = O(null), l = O(o);
-  l.current = o;
+  const [i, s] = D(null), l = O(null), d = O(o);
+  d.current = o;
   const c = () => {
-    d.current !== null && (clearTimeout(d.current), d.current = null);
+    l.current !== null && (clearTimeout(l.current), l.current = null);
   }, u = (v, p, b) => {
     c(), s({
       ...v,
       committed: !0
-    }), v.element.setPointerCapture(v.pointerId), e && l.current?.(e, t, p, b, n, v.startY - v.grabOffsetY, sg(v.element), ed(v.element));
+    }), v.element.setPointerCapture(v.pointerId), e && d.current?.(e, t, p, b, n, v.startY - v.grabOffsetY, sg(v.element), ed(v.element));
   };
   return ie(() => {
     if (!i || i.committed) return;
@@ -8731,7 +8732,7 @@ function ag(e, t, n, r, o) {
     return window.addEventListener("pointermove", v, !0), window.addEventListener("pointerup", p, !0), window.addEventListener("pointercancel", p, !0), () => {
       window.removeEventListener("pointermove", v, !0), window.removeEventListener("pointerup", p, !0), window.removeEventListener("pointercancel", p, !0);
     };
-  }, [i]), ie(() => (!i || i.committed || i.pointerType !== "touch" || (d.current = setTimeout(() => u(i, i.startX, i.startY), 450)), c), [i]), {
+  }, [i]), ie(() => (!i || i.committed || i.pointerType !== "touch" || (l.current = setTimeout(() => u(i, i.startX, i.startY), 450)), c), [i]), {
     onPointerDown: (v) => {
       const p = v.currentTarget;
       if (!e) return;
@@ -8767,10 +8768,10 @@ function sg(e) {
   }
   return 1;
 }
-var lg = ({ 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: f }) => {
+var lg = ({ featureId: e, name: t, status: n, width: r, collapsed: o, isDragging: i = !1, onDragStart: s, ref: l, onMouseEnter: d, onMouseLeave: c, onFocusCapture: u, onBlurCapture: g, children: f }) => {
   const { sliceId: h } = Qe(), m = ze(h), v = jo(Ps(h)), p = ag(h, t, r, o || !s, s);
   return /* @__PURE__ */ a("div", {
-    ref: d,
+    ref: l,
     "data-board-change": m,
     "data-slice-col": "true",
     "data-slice-feature-id": e.toString(),
@@ -8782,7 +8783,7 @@ var lg = ({ featureId: e, name: t, status: n, width: r, collapsed: o, isDragging
       transition: "opacity 0.15s",
       ...i ? { opacity: 0.35 } : {}
     },
-    onMouseEnter: l,
+    onMouseEnter: d,
     onMouseLeave: c,
     onFocusCapture: u,
     onBlurCapture: g,
@@ -8793,14 +8794,14 @@ var lg = ({ featureId: e, name: t, status: n, width: r, collapsed: o, isDragging
     onContextMenu: p.onContextMenu,
     children: f
   });
-}, dg = (e, t) => t !== null && e.contains(t), cg = ({ 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 } = re(), f = Dd(t.id.toString()), { ref: h, onMouseEnter: m, onMouseLeave: v } = Hd(f?.connectedSliceIds), p = O(null), b = rr(p), [y, w] = D(!1), M = O(!1), S = ri({
+}, dg = (e, t) => t !== null && e.contains(t), cg = ({ featureId: e, slice: t, eventCount: n, collapsed: r, isDragging: o = !1, onSliceDragStart: i, header: s, headerHeight: l = 44, body: d, specifications: c, collapsedWidth: u }) => {
+  const { readOnly: g } = re(), f = Dd(t.id.toString()), { ref: h, onMouseEnter: m, onMouseLeave: v } = Hd(f?.connectedSliceIds), p = O(null), b = rr(p), [y, w] = D(!1), k = O(!1), S = ri({
     sliceType: t.sliceType,
     eventCount: n
   }), N = () => {
-    M.current = !0, m();
+    k.current = !0, m();
   }, R = () => {
-    M.current = !1, y || v();
+    k.current = !1, y || v();
   }, C = (V) => {
     dg(V.currentTarget, V.target) && w(!0);
   }, W = (V) => {
@@ -8808,7 +8809,7 @@ var lg = ({ featureId: e, name: t, status: n, width: r, collapsed: o, isDragging
     (!(te instanceof Node) || !V.currentTarget.contains(te)) && w(!1);
   };
   return ie(() => {
-    !y && !M.current && v();
+    !y && !k.current && v();
   }, [y, v]), /* @__PURE__ */ a(Gm, {
     sliceId: t.id,
     sliceType: t.sliceType,
@@ -8836,9 +8837,9 @@ var lg = ({ featureId: e, name: t, status: n, width: r, collapsed: o, isDragging
         onBlurCapture: W,
         children: [s ?? /* @__PURE__ */ a(Qi, {
           slice: t,
-          height: d,
+          height: l,
           collapsed: r
-        }), typeof l == "function" ? l(b) : b && l]
+        }), typeof d == "function" ? d(b) : b && d]
       }), typeof c == "function" ? c(b, S) : b && c]
     })
   });
@@ -9021,22 +9022,22 @@ var gg = (e) => e === F.stateChange ? "State Change" : e === F.stateView ? "Stat
   };
   return n ? St(r, e.snapshot) : r;
 }, St = (e, t) => {
-  const n = e.additions.filter((h) => !h.confirmed || !Ge(t, h.slice.id)), r = e.outgoing.filter((h) => !h.confirmed || Ge(t, h.slice.id)), o = e.incoming.filter((h) => !h.confirmed || !Ge(t, h.slice.id)), i = e.order?.ids.filter((h) => Ge(t, h)), s = t.filter((h) => i?.some((m) => we(m, h.id))).map((h) => h.id), d = i !== void 0 && i.length > 0 && i.every((h, m) => we(h, s[m])), l = e.order?.confirmed && d ? void 0 : e.order, c = (h, m) => e.slices.find((v) => we(v.id, h)) ?? m, u = t.filter((h) => !r.some((m) => we(m.slice.id, h.id))).map((h) => e.additions.some((m) => we(m.slice.id, h.id)) || e.incoming.some((m) => we(m.slice.id, h.id)) ? c(h.id, h) : h), g = o.reduce((h, m) => Sr(h, c(m.slice.id, m.slice), m.index), u), f = n.reduce((h, m) => Ge(h, m.slice.id) ? h : wr(h, c(m.slice.id, m.slice), m.afterSliceId), g);
+  const n = e.additions.filter((h) => !h.confirmed || !Ge(t, h.slice.id)), r = e.outgoing.filter((h) => !h.confirmed || Ge(t, h.slice.id)), o = e.incoming.filter((h) => !h.confirmed || !Ge(t, h.slice.id)), i = e.order?.ids.filter((h) => Ge(t, h)), s = t.filter((h) => i?.some((m) => we(m, h.id))).map((h) => h.id), l = i !== void 0 && i.length > 0 && i.every((h, m) => we(h, s[m])), d = e.order?.confirmed && l ? void 0 : e.order, c = (h, m) => e.slices.find((v) => we(v.id, h)) ?? m, u = t.filter((h) => !r.some((m) => we(m.slice.id, h.id))).map((h) => e.additions.some((m) => we(m.slice.id, h.id)) || e.incoming.some((m) => we(m.slice.id, h.id)) ? c(h.id, h) : h), g = o.reduce((h, m) => Sr(h, c(m.slice.id, m.slice), m.index), u), f = n.reduce((h, m) => Ge(h, m.slice.id) ? h : wr(h, c(m.slice.id, m.slice), m.afterSliceId), g);
   return {
-    slices: l ? kg(f, l.ids) : f,
+    slices: d ? kg(f, d.ids) : f,
     snapshot: t,
     additions: n,
     outgoing: r,
     incoming: o,
-    order: l
+    order: d
   };
 }, kg = (e, t) => {
   const n = t.map((o) => e.find((i) => we(i.id, o))).filter((o) => o !== void 0);
   let r = 0;
   return e.map((o) => t.some((i) => we(i, o.id)) ? n[r++] : o);
 };
-function Eg({ 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: f, renderSlice: h }) {
-  const { readOnly: m, messages: v } = re(), p = O(hg(t)), b = O(void 0), [y, w] = D(p.current), { slices: M } = y, S = O(!1), [N, R] = D(!1), C = j((_) => {
+function Eg({ ref: e, initialSlices: t, moduleId: n, featureId: r, featureCollapsed: o, hideEmptyPlaceholder: i = !1, onSlicesChanged: s, takenArtifactNames: l, createSlice: d, onAddSlice: c, onReorderSlices: u, onMoveSlice: g, validateSliceDrop: f, renderSlice: h }) {
+  const { readOnly: m, messages: v } = re(), p = O(hg(t)), b = O(void 0), [y, w] = D(p.current), { slices: k } = y, S = O(!1), [N, R] = D(!1), C = j((_) => {
     const U = p.current, K = _(U);
     K !== U && (p.current = K, w(K), K.slices !== U.slices && (b.current = K.slices, s?.(K.slices)));
   }, [s]);
@@ -9054,10 +9055,10 @@ function Eg({ ref: e, initialSlices: t, moduleId: n, featureId: r, featureCollap
         slices: K
       };
     });
-  }, [C]), V = j((_, U) => C((K) => bg(K, _, U)), [C]), te = j((_, U) => C((K) => xg(K, _, U)), [C]), $ = j((_, U) => C((K) => Mg(K, _, U)), [C]), z = j((_) => [...p.current.additions, ...p.current.incoming].some((U) => U.slice.id.equals(_)) || !p.current.slices.some((U) => U.id.equals(_)) ? !1 : (C((U) => Sg(U, _)), !0), [C]), I = j((_, U) => C((K) => Cg(K, _, U)), [C]), k = j((_, U, K) => {
+  }, [C]), V = j((_, U) => C((K) => bg(K, _, U)), [C]), te = j((_, U) => C((K) => xg(K, _, U)), [C]), $ = j((_, U) => C((K) => Mg(K, _, U)), [C]), z = j((_) => [...p.current.additions, ...p.current.incoming].some((U) => U.slice.id.equals(_)) || !p.current.slices.some((U) => U.id.equals(_)) ? !1 : (C((U) => Sg(U, _)), !0), [C]), I = j((_, U) => C((K) => Cg(K, _, U)), [C]), M = j((_, U, K) => {
     if (m || !c || S.current) return;
     S.current = !0, R(!0);
-    const T = p.current.slices, H = l(vg(_, K, T.map((X) => X.name), d?.(T)));
+    const T = p.current.slices, H = d(vg(_, K, T.map((X) => X.name), l?.(T)));
     C((X) => fg(X, H, U)), Promise.resolve().then(() => c(H, U)).then((X) => {
       C((oe) => wo(oe, H.id, X));
     }).catch(() => C((X) => wo(X, H.id))).finally(() => {
@@ -9065,13 +9066,13 @@ function Eg({ ref: e, initialSlices: t, moduleId: n, featureId: r, featureCollap
     });
   }, [
     m,
-    l,
     d,
+    l,
     c,
     C
   ]);
   Mt(e, () => ({
-    addSlice: k,
+    addSlice: M,
     updateSlices: W,
     addProjectedSlice: V,
     moveIn: te,
@@ -9079,7 +9080,7 @@ function Eg({ ref: e, initialSlices: t, moduleId: n, featureId: r, featureCollap
     moveOut: z,
     completeMoveOut: I
   }), [
-    k,
+    M,
     W,
     V,
     te,
@@ -9089,8 +9090,8 @@ function Eg({ ref: e, initialSlices: t, moduleId: n, featureId: r, featureCollap
   ]);
   const B = ce(() => ({
     id: r,
-    slices: M
-  }), [r, M]), L = j((_, U, K, T) => {
+    slices: k
+  }), [r, k]), L = j((_, U, K, T) => {
     if (m || !U.equals(r)) return;
     const H = p.current.slices.findIndex((X) => X.id.equals(_));
     if (!(H < 0 || [...p.current.additions, ...p.current.incoming].some((X) => X.slice.id.equals(_)))) {
@@ -9114,7 +9115,7 @@ function Eg({ ref: e, initialSlices: t, moduleId: n, featureId: r, featureCollap
     z,
     I
   ]), { sliceDrag: A, handleSliceDragStart: G } = ig(B, n, u || g ? L : void 0, f);
-  return M.length ? /* @__PURE__ */ x(ne, { children: [/* @__PURE__ */ a(ng, {
+  return k.length ? /* @__PURE__ */ x(ne, { children: [/* @__PURE__ */ a(ng, {
     drag: A,
     headerHeight: ae.headerHeight
   }), /* @__PURE__ */ a(Nn, {
@@ -9129,7 +9130,7 @@ function Eg({ ref: e, initialSlices: t, moduleId: n, featureId: r, featureCollap
       flexDirection: "row",
       alignItems: "flex-start"
     },
-    children: M.flatMap((_, U) => {
+    children: k.flatMap((_, U) => {
       const K = A?.targetFeatureId.equals(r) ?? !1, T = U === 0 ? 0 : ae.sliceGap, H = [];
       K && A?.dropIndex === U && H.push(/* @__PURE__ */ a(yo, {
         isValid: A.isValid,
@@ -9143,10 +9144,10 @@ function Eg({ ref: e, initialSlices: t, moduleId: n, featureId: r, featureCollap
           sliceCollapsed: X,
           isDragging: A?.sliceId.equals(_.id) ?? !1,
           onSliceDragStart: [...y.additions, ...y.incoming].some((oe) => oe.slice.id.equals(_.id)) ? void 0 : G,
-          addSlice: k,
+          addSlice: M,
           updateSlices: W
         })
-      }, _.id.toString())), K && U === M.length - 1 && A?.dropIndex === M.length && H.push(/* @__PURE__ */ a(yo, {
+      }, _.id.toString())), K && U === k.length - 1 && A?.dropIndex === k.length && H.push(/* @__PURE__ */ a(yo, {
         isValid: A.isValid,
         marginLeft: 2
       }, "drop-end")), H;
@@ -9199,26 +9200,26 @@ var In = (e) => {
   [Z.Chat]: "chat",
   [Z.System]: "system"
 }, Rg = ({ sliceType: e, contentRows: t, rowHeights: n, actors: r, renderCell: o }) => /* @__PURE__ */ a(ne, { children: t.flatMap((i) => {
-  const s = Od(i, e, [...t]), d = n[i], l = Ig[i];
-  if (l === void 0) return [/* @__PURE__ */ a(ot, { children: o({
+  const s = Od(i, e, [...t]), l = n[i], d = Ig[i];
+  if (d === void 0) return [/* @__PURE__ */ a(ot, { children: o({
     rowType: i,
     conn: s,
-    rowHeight: d
+    rowHeight: l
   }) }, `row:${i}`)];
   const c = dl(r, i);
   return ll(e, i) ? c.length === 0 ? [/* @__PURE__ */ a(ot, { children: o({
     rowType: i,
     conn: s,
-    rowHeight: d
-  }) }, `row:${l}`)] : c.map((u) => /* @__PURE__ */ a(ot, { children: o({
+    rowHeight: l
+  }) }, `row:${d}`)] : c.map((u) => /* @__PURE__ */ a(ot, { children: o({
     rowType: i,
     conn: s,
-    rowHeight: d,
+    rowHeight: l,
     actor: u
   }) }, `role:${u.id.toString()}`)) : Array.from({ length: Math.max(1, c.length) }, (u, g) => /* @__PURE__ */ a("div", {
-    className: `event-modeling-grid-slice-cell event-modeling-grid-slice-cell--${l}`,
-    style: { height: d }
-  }, `row:${l}:${g}`));
+    className: `event-modeling-grid-slice-cell event-modeling-grid-slice-cell--${d}`,
+    style: { height: l }
+  }, `row:${d}:${g}`));
 }) }), Co = "38";
 function Og(e) {
   if (e.sliceType === F.stateChange && e.hasCommand) return yt.background;
@@ -9235,10 +9236,10 @@ var eh = ({ slice: e, contentRows: t, rowHeights: n }) => /* @__PURE__ */ a(ne,
       style: { background: `${o}${Co}` }
     }), i > 0 && /* @__PURE__ */ a("span", {
       className: "event-modeling-grid-slice-placeholder-chips",
-      children: Array.from({ length: i }, (s, d) => /* @__PURE__ */ a("span", {
+      children: Array.from({ length: i }, (s, l) => /* @__PURE__ */ a("span", {
         className: "event-modeling-grid-slice-placeholder-chip",
         style: { background: `${ke.background}${Co}` }
-      }, d))
+      }, l))
     })]
   }, r);
 }) }), Ag = { fontSize: 10 }, Cr = ({ action: e }) => {
@@ -9315,11 +9316,11 @@ var eh = ({ slice: e, contentRows: t, rowHeights: n }) => /* @__PURE__ */ a(ne,
             title: Pr(o),
             children: Pr(o)
           }),
-          ti(o).map((s, d) => /* @__PURE__ */ a("span", {
+          ti(o).map((s, l) => /* @__PURE__ */ a("span", {
             className: "reaction-refusals__outcome",
             title: s,
             children: s
-          }, d))
+          }, l))
         ]
       }, i)),
       n && tr(e).map((o, i) => {
@@ -9360,18 +9361,18 @@ var eh = ({ slice: e, contentRows: t, rowHeights: n }) => /* @__PURE__ */ a(ne,
   Rn.event,
   Rn.custom
 ], Bg = ({ triggerType: e, onTriggerKindChosen: t, onTriggerOpened: n }) => {
-  const r = be(), [o, i] = D(!1), s = O(null), d = O([s]).current;
-  bt(d, () => i(!1), o);
-  const l = e === void 0 ? void 0 : ta(e), c = (u) => (g) => {
+  const r = be(), [o, i] = D(!1), s = O(null), l = O([s]).current;
+  bt(l, () => i(!1), o);
+  const d = e === void 0 ? void 0 : ta(e), c = (u) => (g) => {
     g.stopPropagation(), u();
   };
-  return l ? /* @__PURE__ */ a("div", {
+  return d ? /* @__PURE__ */ a("div", {
     className: "system-row-cell__trigger-wrapper",
     children: /* @__PURE__ */ a("button", {
       className: "system-row-cell__trigger-btn system-row-cell__trigger-btn--active",
       title: r.triggerControl.edit,
       onPointerDown: c(n),
-      children: /* @__PURE__ */ a("i", { className: l })
+      children: /* @__PURE__ */ a("i", { className: d })
     })
   }) : /* @__PURE__ */ x("div", {
     ref: s,
@@ -9398,8 +9399,8 @@ var eh = ({ slice: e, contentRows: t, rowHeights: n }) => /* @__PURE__ */ a(ne,
       }, u))
     })]
   });
-}, Hg = ({ sliceType: e, isSystemSlice: t, collapsed: n = !1, conn: r, rowHeight: o, triggerType: i, reactionRefusals: s, reactionInvocations: d }) => {
-  const { readOnly: l, sliceId: c } = Qe(), { onTriggerKindChosen: u, onTriggerOpened: g, onReactionRefusalsEdit: f } = re().editing, h = be(), m = i === void 0 ? void 0 : ta(i), v = { height: o }, p = t && e === F.automation;
+}, Hg = ({ sliceType: e, isSystemSlice: t, collapsed: n = !1, conn: r, rowHeight: o, triggerType: i, reactionRefusals: s, reactionInvocations: l }) => {
+  const { readOnly: d, sliceId: c } = Qe(), { onTriggerKindChosen: u, onTriggerOpened: g, onReactionRefusalsEdit: f } = re().editing, h = be(), m = i === void 0 ? void 0 : ta(i), v = { height: o }, p = t && e === F.automation;
   return n ? /* @__PURE__ */ a("div", {
     style: v,
     className: "event-modeling-grid-slice-cell event-modeling-grid-slice-cell--centered event-modeling-grid-slice-cell--system event-modeling-grid-slice-cell--collapsed",
@@ -9419,17 +9420,17 @@ var eh = ({ slice: e, contentRows: t, rowHeights: n }) => /* @__PURE__ */ a(ne,
         className: "system-row-cell__cogwheel",
         children: /* @__PURE__ */ a(yn, {})
       }) : /* @__PURE__ */ a(yn, {})),
-      p && ((s?.length ?? 0) > 0 || (d?.length ?? 0) > 0) && /* @__PURE__ */ a(Dg, {
+      p && ((s?.length ?? 0) > 0 || (l?.length ?? 0) > 0) && /* @__PURE__ */ a(Dg, {
         branches: s ?? [],
-        invocations: d,
-        onEdit: !l && c && f ? (b) => f(c, b) : void 0
+        invocations: l,
+        onEdit: !d && c && f ? (b) => f(c, b) : void 0
       }),
-      p && !l && c && u && g && /* @__PURE__ */ a(Bg, {
+      p && !d && c && u && g && /* @__PURE__ */ a(Bg, {
         triggerType: i,
         onTriggerKindChosen: (b) => u(c, b),
         onTriggerOpened: () => g(c)
       }),
-      p && l && i !== void 0 && m && /* @__PURE__ */ a("div", {
+      p && d && i !== void 0 && m && /* @__PURE__ */ a("div", {
         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",
@@ -9459,7 +9460,7 @@ var eh = ({ slice: e, contentRows: t, rowHeights: n }) => /* @__PURE__ */ a(ne,
 }], zg = ({ templates: e, onFromScratch: t, onFromTemplate: n }) => {
   const r = be().prototypes, o = O(null), i = () => o.current?.getBoundingClientRect() ?? new DOMRect(), s = Wg(e, r, {
     onFromScratch: () => t(i()),
-    onFromTemplate: (d) => n(d, i())
+    onFromTemplate: (l) => n(l, i())
   });
   return /* @__PURE__ */ a(fe, {
     content: r.add,
@@ -9475,13 +9476,13 @@ var eh = ({ slice: e, contentRows: t, rowHeights: n }) => /* @__PURE__ */ a(ne,
       })
     })
   });
-}, jg = ({ elements: e, windowSize: t, layout: n, collapsed: r = !1, conn: o, rowHeight: i, actorId: s, hasScreen: d = !1, renderThumbnail: l }) => {
-  const { readOnly: c, sliceId: u } = Qe(), { editing: g, actions: f, readOnly: h } = re(), { onPrototypeOpened: m, onPrototypeAdded: v } = g, p = O(null), [b, y] = D(), w = Ma().prototypeThumbnail, M = { height: i }, S = "event-modeling-grid-slice-cell event-modeling-grid-slice-cell--centered event-modeling-grid-slice-cell--ui";
+}, jg = ({ elements: e, windowSize: t, layout: n, collapsed: r = !1, conn: o, rowHeight: i, actorId: s, hasScreen: l = !1, renderThumbnail: d }) => {
+  const { readOnly: c, sliceId: u } = Qe(), { editing: g, actions: f, readOnly: h } = re(), { onPrototypeOpened: m, onPrototypeAdded: v } = g, p = O(null), [b, y] = D(), w = Ma().prototypeThumbnail, k = { height: i }, S = "event-modeling-grid-slice-cell event-modeling-grid-slice-cell--centered event-modeling-grid-slice-cell--ui";
   if (r) return /* @__PURE__ */ a("div", {
-    style: M,
+    style: k,
     className: S
   });
-  const N = e.length > 0 || d, R = !c && u && m && u && m ? () => m(u, s, p.current?.getBoundingClientRect() ?? new DOMRect()) : h ? () => y(p.current?.getBoundingClientRect() ?? new DOMRect()) : void 0, C = /* @__PURE__ */ a(xa, {
+  const N = e.length > 0 || l, R = !c && u && m && u && m ? () => m(u, s, p.current?.getBoundingClientRect() ?? new DOMRect()) : h ? () => y(p.current?.getBoundingClientRect() ?? new DOMRect()) : void 0, C = /* @__PURE__ */ a(xa, {
     elements: [...e],
     windowSize: t,
     layout: n,
@@ -9489,7 +9490,7 @@ var eh = ({ slice: e, contentRows: t, rowHeights: n }) => /* @__PURE__ */ a(ne,
     openTitle: h ? w.openPreview : void 0
   });
   return /* @__PURE__ */ x("div", {
-    style: M,
+    style: k,
     className: S,
     children: [
       o.bottomOutgoing && N && /* @__PURE__ */ a(Lt, {}),
@@ -9500,7 +9501,7 @@ var eh = ({ slice: e, contentRows: t, rowHeights: n }) => /* @__PURE__ */ a(ne,
           ref: p,
           className: `event-modeling-grid-ui-preview${R ? " event-modeling-grid-ui-preview--clickable" : ""}`,
           "data-flow-node": pe.ui,
-          children: l ? l({
+          children: d ? d({
             elements: e,
             windowSize: t,
             layout: n,
@@ -9556,19 +9557,19 @@ var eh = ({ slice: e, contentRows: t, rowHeights: n }) => /* @__PURE__ */ a(ne,
     ]
   });
 }, Vg = ({ collapsed: e = !1, conn: t, rowHeight: n, eventCount: r, children: o, after: i, corners: s }) => {
-  const d = "event-modeling-grid-slice-cell event-modeling-grid-slice-cell--centered event-modeling-grid-slice-cell--events";
+  const l = "event-modeling-grid-slice-cell event-modeling-grid-slice-cell--centered event-modeling-grid-slice-cell--events";
   if (e) return /* @__PURE__ */ a("div", {
     style: { height: n },
-    className: d,
+    className: l,
     children: Array.from({ length: r }, (c, u) => /* @__PURE__ */ a("div", { className: "event-modeling-grid-mini-card event-modeling-grid-mini-card--event" }, u))
   });
-  const l = r > 0;
+  const d = r > 0;
   return /* @__PURE__ */ x("div", {
     style: { height: n },
-    className: d,
+    className: l,
     children: [
-      t.topIncoming && l && /* @__PURE__ */ a(Jt, {}),
-      t.topOutgoing && l && /* @__PURE__ */ a(Qt, {}),
+      t.topIncoming && d && /* @__PURE__ */ a(Jt, {}),
+      t.topOutgoing && d && /* @__PURE__ */ a(Qt, {}),
       /* @__PURE__ */ x("div", {
         className: "event-modeling-grid-slice-cell-cards",
         children: [o, i]
@@ -9619,18 +9620,18 @@ var eh = ({ slice: e, contentRows: t, rowHeights: n }) => /* @__PURE__ */ a(ne,
     "data-rule-break": e,
     onFocus: () => s(!0),
     onBlur: () => s(!1),
-    onPointerEnter: (d) => {
-      d.pointerType === "mouse" && s(!0);
+    onPointerEnter: (l) => {
+      l.pointerType === "mouse" && s(!0);
     },
     onPointerLeave: () => {
       document.activeElement !== r.current && s(!1);
     },
-    onPointerDown: (d) => d.stopPropagation(),
-    onClick: (d) => {
-      d.stopPropagation(), s(!0);
+    onPointerDown: (l) => l.stopPropagation(),
+    onClick: (l) => {
+      l.stopPropagation(), s(!0);
     },
-    onKeyDown: (d) => {
-      d.stopPropagation(), d.key === "Escape" && s(!1);
+    onKeyDown: (l) => {
+      l.stopPropagation(), l.key === "Escape" && s(!1);
     },
     children: "!"
   }), /* @__PURE__ */ a(rn, {
@@ -9647,11 +9648,11 @@ var eh = ({ slice: e, contentRows: t, rowHeights: n }) => /* @__PURE__ */ a(ne,
     })
   })] });
 }, Zg = ({ sliceId: e, event: t, renameable: n, showDetails: r = !1, ruleBreak: o, annotations: i }) => {
-  const { editing: s, actions: d, selection: l, messages: c } = re(), u = Me(), g = an(i), [f, h] = D(t.name), [m, v] = D(void 0);
+  const { editing: s, actions: l, selection: d, messages: c } = re(), u = Me(), g = an(i), [f, h] = D(t.name), [m, v] = D(void 0);
   ie(() => h(t.name), [t.name]);
-  const p = s.onEventRenamed, b = n && !u && !!p, y = !!l.selectedArtifactId?.equals(t.id), w = () => {
-    const M = m?.trim() ?? "";
-    v(void 0), !(!M || !p) && h(p(e, t.id, M) ?? M);
+  const p = s.onEventRenamed, b = n && !u && !!p, y = !!d.selectedArtifactId?.equals(t.id), w = () => {
+    const k = m?.trim() ?? "";
+    v(void 0), !(!k || !p) && h(p(e, t.id, k) ?? k);
   };
   return m !== void 0 ? /* @__PURE__ */ a("div", {
     className: "event-modeling-grid-event-wrapper",
@@ -9687,8 +9688,8 @@ var eh = ({ slice: e, contentRows: t, rowHeights: n }) => /* @__PURE__ */ a(ne,
           marker: Ke(t) ? /* @__PURE__ */ a(kr, {}) : void 0,
           schema: t.schema,
           showDetails: r,
-          actions: d.eventCard?.actions,
-          onActivate: d.eventCard?.onActivate,
+          actions: l.eventCard?.actions,
+          onActivate: l.eventCard?.onActivate,
           isSelected: y,
           onStartEdit: b ? () => v(f) : void 0,
           ariaLabel: `${c.events.openEvent} ${f}`,
@@ -9720,12 +9721,12 @@ function oa(e, t) {
   const n = O(null), r = O(null), o = j(() => {
     const s = n.current;
     if (!s) return;
-    const d = s.closest(Kg);
-    if (!d) return;
-    const l = d.querySelector(`[data-event-id="${e.toString()}"]`)?.closest(".event-modeling-grid-event-wrapper");
-    d.classList.add(Mo), s.classList.add(Vt), l?.classList.add(Vt), r.current = {
-      board: d,
-      origin: l
+    const l = s.closest(Kg);
+    if (!l) return;
+    const d = l.querySelector(`[data-event-id="${e.toString()}"]`)?.closest(".event-modeling-grid-event-wrapper");
+    l.classList.add(Mo), s.classList.add(Vt), d?.classList.add(Vt), r.current = {
+      board: l,
+      origin: d
     };
   }, [e]), i = j(() => {
     const s = r.current;
@@ -9758,7 +9759,7 @@ var ia = ({ onClick: e, eventName: t, pending: n = !1, label: r }) => {
       "aria-hidden": "true"
     })
   });
-}, Jg = ({ 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 }) => {
+}, Jg = ({ id: e, name: t, sourceEventId: n, isSelected: r = !1, onSelected: o, onNavigate: i, onRemove: s, removalPending: l = !1, isPublic: d = !1, ruleBreak: c, ariaLabel: u, ...g }) => {
   const f = ze(e), h = be(), m = !!n && !n.equals(ve.empty) && !!i, v = oa(n ?? ve.empty, i);
   return /* @__PURE__ */ x("div", {
     ref: v.ref,
@@ -9778,14 +9779,14 @@ var ia = ({ onClick: e, eventName: t, pending: n = !1, label: r }) => {
           change: f,
           kind: h.interaction.externalEvent,
           name: t
-        }), l && /* @__PURE__ */ a(kr, {})] }),
+        }), d && /* @__PURE__ */ a(kr, {})] }),
         ...g
       }),
       c && /* @__PURE__ */ a(na, { ruleBreak: c }),
       m && /* @__PURE__ */ a(ra, { onClick: v.handleNavigate }),
       s && /* @__PURE__ */ a(ia, {
         eventName: t,
-        pending: d,
+        pending: l,
         onClick: (p) => {
           p.stopPropagation(), s();
         }
@@ -9793,7 +9794,7 @@ var ia = ({ onClick: e, eventName: t, pending: n = !1, label: r }) => {
     ]
   });
 }, Qg = ({ sliceId: e, event: t, selectable: n, showDetails: r = !1, projectedFromTheRight: o = !1, annotations: i = [] }) => {
-  const { editing: s, selection: d, navigation: l, messages: c } = re(), u = Me() ? void 0 : s.onEventReferenceRemoved, g = ve.parse(t.sourceEventId ?? ve.empty.toString()), f = oa(g, l.onNavigateToEvent), h = !!d.selectedArtifactId?.equals(t.id), m = d.onArtifactSelected, v = ze(t.id), p = `${c.events.openEvent} ${t.name}`, b = o ? [{
+  const { editing: s, selection: l, navigation: d, messages: c } = re(), u = Me() ? void 0 : s.onEventReferenceRemoved, g = ve.parse(t.sourceEventId ?? ve.empty.toString()), f = oa(g, d.onNavigateToEvent), h = !!l.selectedArtifactId?.equals(t.id), m = l.onArtifactSelected, v = ze(t.id), p = `${c.events.openEvent} ${t.name}`, b = o ? [{
     severity: gt.warning,
     message: c.events.projectedFromTheRight
   }, ...i] : i, y = an(b);
@@ -9862,13 +9863,13 @@ var ia = ({ onClick: e, eventName: t, pending: n = !1, label: r }) => {
   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));
 }, nv = ({ slice: e, collapsed: t = !1, conn: n, rowHeight: r, priorEvents: o, followingEvents: i = [], showDetails: s = !1 }) => {
-  const { editing: d, actions: l, messages: c } = re(), u = Me(), { onEventAdded: g, onEventReferenced: f } = d, h = xr(e.sliceType), m = Tg(e.sliceType, e.events.length), v = !(ct(e) && e.events.some((S) => !S.sourceEventId)), p = tv(e, o), b = ev(e, o, i), y = /* @__PURE__ */ new Map();
+  const { editing: l, actions: d, messages: c } = re(), u = Me(), { onEventAdded: g, onEventReferenced: f } = l, h = xr(e.sliceType), m = Tg(e.sliceType, e.events.length), v = !(ct(e) && e.events.some((S) => !S.sourceEventId)), p = tv(e, o), b = ev(e, o, i), y = /* @__PURE__ */ new Map();
   for (const S of e.annotations ?? []) {
     if (!S.eventId) continue;
     const N = S.eventId.toString().toLowerCase();
     y.set(N, [...y.get(N) ?? [], S]);
   }
-  const w = (l.eventsRow ?? []).filter((S) => !S.when || S.when(e)), M = (S) => f && /* @__PURE__ */ a(_i, {
+  const w = (d.eventsRow ?? []).filter((S) => !S.when || S.when(e)), k = (S) => f && /* @__PURE__ */ a(_i, {
     options: p,
     nameOf: (N) => N.name,
     onSelect: (N) => f(e.id, N),
@@ -9882,7 +9883,7 @@ var ia = ({ onClick: e, eventName: t, pending: n = !1, label: r }) => {
     conn: n,
     rowHeight: r,
     eventCount: e.events.length,
-    after: !u && m && M(!0),
+    after: !u && m && k(!0),
     corners: /* @__PURE__ */ x(ne, { children: [
       !u && w.length > 0 && /* @__PURE__ */ a(Ct, {
         placement: st.top,
@@ -9897,7 +9898,7 @@ var ia = ({ onClick: e, eventName: t, pending: n = !1, label: r }) => {
       }),
       !u && h && !m && f && /* @__PURE__ */ a(Ct, {
         placement: st.add,
-        children: M(!1)
+        children: k(!1)
       })
     ] }),
     children: e.events.map((S) => S.sourceEventId ? /* @__PURE__ */ a(Qg, {
@@ -9916,10 +9917,10 @@ var ia = ({ onClick: e, eventName: t, pending: n = !1, label: r }) => {
       annotations: y.get(S.id.toString().toLowerCase())
     }, S.id.toString()))
   });
-}, ko = ({ sliceId: e, kind: t, artifactId: n, name: r, schema: o, description: i, documentation: s, showDetails: d = !1, annotations: l, onRenamed: c }) => {
-  const u = an(l), { actions: g, selection: f, messages: h } = re(), m = Me(), [v, p] = D(r), [b, y] = D(void 0);
+}, ko = ({ sliceId: e, kind: t, artifactId: n, name: r, schema: o, description: i, documentation: s, showDetails: l = !1, annotations: d, onRenamed: c }) => {
+  const u = an(d), { actions: g, selection: f, messages: h } = re(), m = Me(), [v, p] = D(r), [b, y] = D(void 0);
   ie(() => p(r), [r]);
-  const w = t === le.command, M = w ? g.commandCard : g.readModelCardFor?.(n) ?? g.readModelCard, S = w ? yt : He, N = w ? h.interaction.command : h.interaction.readModel, R = !m && !!c, C = f.onArtifactSelected, W = () => {
+  const w = t === le.command, k = w ? g.commandCard : g.readModelCardFor?.(n) ?? g.readModelCard, S = w ? yt : He, N = w ? h.interaction.command : h.interaction.readModel, R = !m && !!c, C = f.onArtifactSelected, W = () => {
     const V = b?.trim() ?? "";
     y(void 0), !(!V || !c) && (c(V), p(V));
   };
@@ -9951,16 +9952,16 @@ var ia = ({ onClick: e, eventName: t, pending: n = !1, label: r }) => {
         name: v,
         schema: o,
         description: i,
-        showDetails: d,
-        actions: M?.actions,
-        onActivate: M?.onActivate,
+        showDetails: l,
+        actions: k?.actions,
+        onActivate: k?.onActivate,
         isSelected: !!f.selectedArtifactId?.equals(n),
         onSelected: C ? () => C(n) : void 0,
         onStartEdit: R ? () => y(v) : void 0,
         ariaLabel: `${h.interaction.open} ${N}: ${v}`,
         "data-card-id": n.toString(),
         "data-slice-id": e.toString()
-      }), u && /* @__PURE__ */ a(Mr, { annotations: l })]
+      }), u && /* @__PURE__ */ a(Mr, { annotations: d })]
     })
   });
 }, On = "event-modeling-grid-slice-cell event-modeling-grid-slice-cell--centered event-modeling-grid-slice-cell--interaction", An = ({ collapsed: e = !1, conn: t, rowHeight: n, miniCards: r, layout: o }) => {
@@ -9968,7 +9969,7 @@ var ia = ({ onClick: e, eventName: t, pending: n = !1, label: r }) => {
   if (e) return /* @__PURE__ */ a("div", {
     style: i,
     className: On,
-    children: r.map((d, l) => /* @__PURE__ */ a("div", { className: `event-modeling-grid-mini-card event-modeling-grid-mini-card--${d}` }, l))
+    children: r.map((l, d) => /* @__PURE__ */ a("div", { className: `event-modeling-grid-mini-card event-modeling-grid-mini-card--${l}` }, d))
   });
   if (o.kind === "sideBySide") return /* @__PURE__ */ x("div", {
     style: i,
@@ -10052,9 +10053,9 @@ var ia = ({ onClick: e, eventName: t, pending: n = !1, label: r }) => {
     return r.has(s) || o.has(s) ? !1 : (o.add(s), !0);
   });
 }, Eo = ({ sliceId: e, kind: t, artifactId: n, name: r, sources: o, onRenamed: i }) => {
-  const { actions: s, selection: d, messages: l } = re(), c = Me(), [u, g] = D(r), [f, h] = D(void 0);
+  const { actions: s, selection: l, messages: d } = re(), c = Me(), [u, g] = D(r), [f, h] = D(void 0);
   ie(() => g(r), [r]);
-  const m = t === le.projection, v = m ? s.projectionCard : s.captureCard, p = m ? vr : hr, b = m ? l.interaction.projection : l.interaction.capture, y = !c && !!i, w = d.onArtifactSelected, M = o.length > 0 ? o.join(", ") : l.interaction.noSourceEvents, S = () => {
+  const m = t === le.projection, v = m ? s.projectionCard : s.captureCard, p = m ? vr : hr, b = m ? d.interaction.projection : d.interaction.capture, y = !c && !!i, w = l.onArtifactSelected, k = o.length > 0 ? o.join(", ") : d.interaction.noSourceEvents, S = () => {
     const N = f?.trim() ?? "";
     h(void 0), !(!N || !i) && (i(N), g(N));
   };
@@ -10066,7 +10067,7 @@ var ia = ({ onClick: e, eventName: t, pending: n = !1, label: r }) => {
     onCommit: S,
     onCancel: () => h(void 0)
   }) : /* @__PURE__ */ a(fe, {
-    content: `${c ? "" : `${l.interaction.doubleClickToRenamePrefix} `}${b}: ${u}`,
+    content: `${c ? "" : `${d.interaction.doubleClickToRenamePrefix} `}${b}: ${u}`,
     position: "top",
     children: /* @__PURE__ */ a("div", {
       "data-flow-node": m ? pe.projection : pe.capture,
@@ -10074,24 +10075,24 @@ var ia = ({ onClick: e, eventName: t, pending: n = !1, label: r }) => {
         kind: t,
         artifactId: n,
         name: u,
-        summary: M,
+        summary: k,
         actions: v?.actions,
         onActivate: v?.onActivate,
-        isSelected: !!d.selectedArtifactId?.equals(n),
+        isSelected: !!l.selectedArtifactId?.equals(n),
         onSelected: w ? () => w(n) : void 0,
         onStartEdit: y ? () => h(u) : void 0,
-        ariaLabel: `${l.interaction.open} ${b}: ${u}`,
+        ariaLabel: `${d.interaction.open} ${b}: ${u}`,
         "data-card-id": n.toString(),
         "data-slice-id": e.toString()
       })
     })
   });
 }, av = ({ sliceId: e, commandActions: t, alternativeLabel: n, onAlternative: r, label: o }) => {
-  const i = O(null), s = () => i.current?.getBoundingClientRect() ?? new DOMRect(), d = [...t.map((l, c) => ({
+  const i = O(null), s = () => i.current?.getBoundingClientRect() ?? new DOMRect(), l = [...t.map((d, c) => ({
     id: `command-${c}`,
-    label: l.tooltip,
-    disabled: l.disabled,
-    onClick: () => l.onActivate(e, s())
+    label: d.tooltip,
+    disabled: d.disabled,
+    onClick: () => d.onActivate(e, s())
   })), {
     id: "alternative",
     label: n,
@@ -10106,7 +10107,7 @@ var ia = ({ onClick: e, eventName: t, pending: n = !1, label: r }) => {
       "aria-label": o,
       children: "+"
     }),
-    items: d,
+    items: l,
     align: "right"
   });
 }, sv = (e) => {
@@ -10126,7 +10127,7 @@ var ia = ({ onClick: e, eventName: t, pending: n = !1, label: r }) => {
       ];
   }
 }, lv = ({ 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 } = re(), f = Me(), { onCommandRenamed: h, onReadModelRenamed: m, onReadModelAdded: v, onExternalEventAdded: p, onExternalEventRemoved: b, onProjectionRenamed: y, onCaptureRenamed: w, onProjectionAdded: M, onCaptureAdded: S } = d, N = iv(e, o, i), R = (l.interactionRow ?? []).filter((E) => !E.when || E.when(e)), C = sv(e), W = c.onArtifactSelected, { command: V, readModel: te } = e, $ = (E, q) => (e.annotations ?? []).filter((ue) => ue[E]?.toString().toLowerCase() === q.toString().toLowerCase()), z = V && /* @__PURE__ */ a(ko, {
+  const { editing: l, actions: d, selection: c, navigation: u, messages: g } = re(), f = Me(), { onCommandRenamed: h, onReadModelRenamed: m, onReadModelAdded: v, onExternalEventAdded: p, onExternalEventRemoved: b, onProjectionRenamed: y, onCaptureRenamed: w, onProjectionAdded: k, onCaptureAdded: S } = l, N = iv(e, o, i), R = (d.interactionRow ?? []).filter((E) => !E.when || E.when(e)), C = sv(e), W = c.onArtifactSelected, { command: V, readModel: te } = e, $ = (E, q) => (e.annotations ?? []).filter((ue) => ue[E]?.toString().toLowerCase() === q.toString().toLowerCase()), z = V && /* @__PURE__ */ a(ko, {
     sliceId: e.id,
     kind: le.command,
     artifactId: V.id,
@@ -10137,21 +10138,21 @@ var ia = ({ onClick: e, eventName: t, pending: n = !1, label: r }) => {
     showDetails: s,
     annotations: $("commandId", V.id),
     onRenamed: h && ((E) => h(e.id, V.id, E))
-  }, V.id.toString()), { projection: I, capture: k } = e, B = I && /* @__PURE__ */ a(Eo, {
+  }, V.id.toString()), { projection: I, capture: M } = e, B = I && /* @__PURE__ */ a(Eo, {
     sliceId: e.id,
     kind: le.projection,
     artifactId: I.id,
     name: I.name,
     sources: I.sources,
     onRenamed: y && ((E) => y(e.id, I.id, E))
-  }, I.id.toString()), L = k && /* @__PURE__ */ a(Eo, {
+  }, I.id.toString()), L = M && /* @__PURE__ */ a(Eo, {
     sliceId: e.id,
     kind: le.capture,
-    artifactId: k.id,
-    name: k.name,
-    sources: k.sources,
-    onRenamed: w && ((E) => w(e.id, k.id, E))
-  }, k.id.toString()), A = B ?? L ?? z, G = (E) => /* @__PURE__ */ a(ko, {
+    artifactId: M.id,
+    name: M.name,
+    sources: M.sources,
+    onRenamed: w && ((E) => w(e.id, M.id, E))
+  }, M.id.toString()), A = B ?? L ?? z, G = (E) => /* @__PURE__ */ a(ko, {
     sliceId: e.id,
     kind: le.readModel,
     artifactId: E.id,
@@ -10181,7 +10182,7 @@ var ia = ({ onClick: e, eventName: t, pending: n = !1, label: r }) => {
           sourceEventId: E.sourceEventId ? ve.parse(E.sourceEventId) : void 0,
           onNavigate: u.onNavigateToEvent,
           onRemove: !f && b ? () => b(e.id, E.id) : void 0,
-          removalPending: d.isExternalEventRemovalPending?.(e.id, E.id),
+          removalPending: l.isExternalEventRemovalPending?.(e.id, E.id),
           isPublic: !!Se && Ke(Se),
           ruleBreak: Ug(e, E, N),
           isSelected: !!c.selectedArtifactId?.equals(E.id),
@@ -10192,13 +10193,13 @@ var ia = ({ onClick: e, eventName: t, pending: n = !1, label: r }) => {
         })
       })
     }, E.id.toString());
-  }, H = ct(e) ? M && {
+  }, H = ct(e) ? k && {
     label: g.interaction.addProjection,
-    add: M
+    add: k
   } : S && {
     label: g.interaction.addCapture,
     add: S
-  }, X = e.sliceType === F.translator && !V && !I && !k && !!H, oe = !f && (R.length > 0 || X) && /* @__PURE__ */ a(Ct, {
+  }, X = e.sliceType === F.translator && !V && !I && !M && !!H, oe = !f && (R.length > 0 || X) && /* @__PURE__ */ a(Ct, {
     placement: st.add,
     children: X && H ? /* @__PURE__ */ a(av, {
       sliceId: e.id,