@cratis/event-models 0.350.0 → 0.350.2

package/dist/index.js

@@ -299,7 +299,7 @@ var Ie = /* @__PURE__ */ (function(e) {
   if (r === void 0) throw new gt(`${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(Ls).find((v) => v === c);
   if (c !== void 0 && !u) throw new gt(`${e.path}.specificationStep`, `unknown specification step '${c}'`);
-  const g = e.has("stepIndex") ? e.number("stepIndex") : void 0;
+  const m = e.has("stepIndex") ? e.number("stepIndex") : void 0;
   return {
     severity: n,
     message: r,
@@ -309,7 +309,7 @@ var Ie = /* @__PURE__ */ (function(e) {
     ...d ? { readModelId: d } : {},
     ...l ? { specificationId: l } : {},
     ...u ? { specificationStep: u } : {},
-    ...g !== void 0 ? { stepIndex: g } : {}
+    ...m !== void 0 ? { stepIndex: m } : {}
   };
 }, Ks = (e) => ({
   givenContextId: e.guid("givenContextId"),
@@ -379,7 +379,7 @@ var Ie = /* @__PURE__ */ (function(e) {
     ...n !== void 0 ? { message: n } : {}
   };
 }, al = (e) => {
-  const t = nl(e.object("when")), n = ol(e.object("caller")), r = Js(e.object("whenEvent")), o = tl(e.object("whenRedelivered")), i = ho(e.object("givenReadModel")), s = ho(e.object("thenReadModel")), d = el(e.object("whenQuery")), l = e.optionalEnumValue("lastRunOutcome"), c = e.optionalString("lastRunMessage"), u = e.optionalEnumValue("builderResult"), g = e.optionalString("builderMessage"), v = e.optionalString("outcomes");
+  const t = nl(e.object("when")), n = ol(e.object("caller")), r = Js(e.object("whenEvent")), o = tl(e.object("whenRedelivered")), i = ho(e.object("givenReadModel")), s = ho(e.object("thenReadModel")), d = el(e.object("whenQuery")), l = e.optionalEnumValue("lastRunOutcome"), c = e.optionalString("lastRunMessage"), u = e.optionalEnumValue("builderResult"), m = e.optionalString("builderMessage"), v = e.optionalString("outcomes");
   return {
     id: e.guid("id"),
     name: e.string("name"),
@@ -404,7 +404,7 @@ var Ie = /* @__PURE__ */ (function(e) {
     ...l !== void 0 ? { lastRunOutcome: l } : {},
     ...c !== void 0 ? { lastRunMessage: c } : {},
     ...u !== void 0 ? { builderResult: u } : {},
-    ...g !== void 0 ? { builderMessage: g } : {}
+    ...m !== void 0 ? { builderMessage: m } : {}
   };
 }, sl = (e) => e ? {
   intervalMinutes: e.number("intervalMinutes"),
@@ -474,7 +474,7 @@ var Ie = /* @__PURE__ */ (function(e) {
     ...t ? { avatar: t } : {}
   };
 }, pl = (e) => {
-  const t = e.object("command"), n = e.object("projection"), r = e.object("capture"), o = e.object("readModel"), i = e.array("additionalReadModels", go), s = ll(e.object("automationTrigger")), d = hl(e.object("assignee")), l = e.array("reactionRefusals", gl), c = e.array("reactionInvocations", ml), u = e.array("annotations", Zs), g = e.optionalEnumValue("translationDirection"), v = e.optionalString("blockedReason"), p = e.strings("blockedQuestions");
+  const t = e.object("command"), n = e.object("projection"), r = e.object("capture"), o = e.object("readModel"), i = e.array("additionalReadModels", go), s = ll(e.object("automationTrigger")), d = hl(e.object("assignee")), l = e.array("reactionRefusals", gl), c = e.array("reactionInvocations", ml), u = e.array("annotations", Zs), m = e.optionalEnumValue("translationDirection"), v = e.optionalString("blockedReason"), p = e.strings("blockedQuestions");
   return {
     id: e.guid("id"),
     name: e.string("name"),
@@ -500,7 +500,7 @@ var Ie = /* @__PURE__ */ (function(e) {
     ...s ? { automationTrigger: s } : {},
     ...c.length > 0 ? { reactionInvocations: c } : {},
     ...l.length > 0 ? { reactionRefusals: l } : {},
-    ...g !== void 0 ? { translationDirection: g } : {},
+    ...m !== void 0 ? { translationDirection: m } : {},
     ...d ? { assignee: d } : {},
     ...u.length > 0 ? { annotations: u } : {},
     ...e.boolean("preview") ? { preview: !0 } : {}
@@ -1038,16 +1038,16 @@ var hp = 56, pp = 1, ql = (e, t, n = 1) => Math.abs(e - t) <= n ? e : t, Wl = (e
 var on = (e, t, n) => Math.max(8, Math.min(e, n - t - 8)), zl = (e, t, n, r, o, i) => {
   const s = e.left + e.width, d = e.top + e.height;
   if (r === "left" || r === "right") {
-    const v = n.width - s - i, p = e.left - i, m = r === "right" ? v >= t.width || v >= p : !(p >= t.width || p >= v);
+    const v = n.width - s - i, p = e.left - i, g = r === "right" ? v >= t.width || v >= p : !(p >= t.width || p >= v);
     return {
       top: on(e.top + e.height / 2 - t.height / 2, t.height, n.height),
-      left: on(m ? s + i : e.left - i - t.width, t.width, n.width)
+      left: on(g ? 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 l = n.height - d - i, c = e.top - i, u = r === "below" ? l >= t.height || l >= c : !(c >= t.height || c >= l), m = o === "center" ? e.left + e.width / 2 - t.width / 2 : o === "right" ? s - t.width : e.left;
   return {
     top: on(u ? d + i : e.top - i - t.height, t.height, n.height),
-    left: on(g, t.width, n.width)
+    left: on(m, t.width, n.width)
   };
 }, In = ({ 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("");
@@ -1056,20 +1056,20 @@ var on = (e, t, n) => Math.max(8, Math.min(e, n - t - 8)), zl = (e, t, n, r, o,
       l(void 0), u("");
       return;
     }
-    let g = 0;
+    let m = 0;
     const v = () => {
       u(Ol(e.current));
-      const p = e.current?.getBoundingClientRect(), m = s.current?.getBoundingClientRect();
-      if (p && m) {
-        const h = zl(p, m, {
+      const p = e.current?.getBoundingClientRect(), g = s.current?.getBoundingClientRect();
+      if (p && g) {
+        const h = zl(p, g, {
           width: window.innerWidth,
           height: window.innerHeight
         }, n, r, o);
         l((b) => b && Math.abs(b.top - h.top) <= 1 && Math.abs(b.left - h.left) <= 1 ? b : h);
       }
-      g = requestAnimationFrame(v);
+      m = requestAnimationFrame(v);
     };
-    return v(), () => cancelAnimationFrame(g);
+    return v(), () => cancelAnimationFrame(m);
   }, [
     t,
     n,
@@ -1090,7 +1090,7 @@ var on = (e, t, n) => Math.max(8, Math.min(e, n - t - 8)), zl = (e, t, n, r, o,
   left: "left",
   right: "right"
 }, ye = ({ content: e, position: t = "top", openOnFocus: n = !1, disabled: r = !1, children: o }) => {
-  const i = O(null), [s, d] = D(!1), [l, c] = D(!1), [u, g] = D(!1), v = O(void 0), p = (f) => {
+  const i = O(null), [s, d] = D(!1), [l, c] = D(!1), [u, m] = D(!1), v = O(void 0), p = (f) => {
     f.pointerType === "mouse" && (v.current = {
       x: f.clientX,
       y: f.clientY
@@ -1133,11 +1133,11 @@ var on = (e, t, n) => Math.max(8, Math.min(e, n - t - 8)), zl = (e, t, n, r, o,
         if (!f.target.matches(":focus-visible")) return;
       } catch {
       }
-      g(!0);
+      m(!0);
     } : void 0,
-    onBlur: n ? () => g(!1) : void 0,
+    onBlur: n ? () => m(!1) : void 0,
     onKeyDown: n ? (f) => {
-      f.key === "Escape" && g(!1);
+      f.key === "Escape" && m(!1);
     } : void 0,
     children: [o, /* @__PURE__ */ a(In, {
       anchorRef: i,
@@ -1249,7 +1249,7 @@ var Jl = (e) => e.shiftKey || e.metaKey || e.ctrlKey, ed = {
 function kr(e, t, n) {
   const { selection: r, messages: o } = ne(), i = O(void 0), s = e ? Ti(r, e) : void 0, d = !!e && $i(r, e), l = r.onScopeSelected;
   return ve(() => {
-    const c = Ul(s, o), u = _i(s), g = c ? { "aria-description": c } : {};
+    const c = Ul(s, o), u = _i(s), m = c ? { "aria-description": c } : {};
     if (!e || !l) return {
       emphasis: s,
       className: "",
@@ -1258,28 +1258,28 @@ function kr(e, t, n) {
         emphasis: s,
         label: c
       }),
-      attributes: g
+      attributes: m
     };
-    const v = (m) => l(e, t, { additive: Jl(m) }), p = {
-      ...g,
+    const v = (g) => l(e, t, { additive: Jl(g) }), p = {
+      ...m,
       role: "group",
       tabIndex: 0,
       "aria-label": `${Yl(t, o)}: ${n}`,
       "aria-current": d ? "true" : void 0,
-      onPointerDownCapture: (m) => {
+      onPointerDownCapture: (g) => {
         i.current = {
-          x: m.clientX,
-          y: m.clientY
+          x: g.clientX,
+          y: g.clientY
         };
       },
-      onClick: (m) => {
+      onClick: (g) => {
         const h = i.current;
         i.current = void 0;
-        const b = h ? Math.max(Math.abs(m.clientX - h.x), Math.abs(m.clientY - h.y)) : 0;
-        Kl(m.currentTarget, m.target, b) && v(m);
+        const b = h ? Math.max(Math.abs(g.clientX - h.x), Math.abs(g.clientY - h.y)) : 0;
+        Kl(g.currentTarget, g.target, b) && v(g);
       },
-      onKeyDown: (m) => {
-        m.target !== m.currentTarget || m.key !== "Enter" && m.key !== " " || (m.preventDefault(), v(m));
+      onKeyDown: (g) => {
+        g.target !== g.currentTarget || g.key !== "Enter" && g.key !== " " || (g.preventDefault(), v(g));
       }
     };
     return {
@@ -1325,21 +1325,21 @@ function lt(e) {
   return typeof t == "function" ? t(n) : t?.get(n);
 }
 var Fi = 0.1, nd = (e, t, n, r) => !(e.ctrlKey || e.metaKey) || e.deltaY === 0 ? !1 : e.deltaY < 0 ? t >= r : t <= n, rd = ({ chrome: e = {}, onHelp: t, helpTitle: n, onTransformChange: r, rootRef: o, ...i }) => {
-  const { readOnly: s } = ne(), { initialZoom: d = 1, minZoom: l = Fi, maxZoom: c = 5 } = i, u = O(d), g = O(null), v = G((m, h) => {
-    u.current = m, r?.(m, h);
-  }, [r]), p = G((m) => {
-    g.current = m, typeof o == "function" ? o(m) : o && (o.current = m);
+  const { readOnly: s } = ne(), { initialZoom: d = 1, minZoom: l = Fi, maxZoom: c = 5 } = i, u = O(d), m = O(null), v = G((g, h) => {
+    u.current = g, r?.(g, h);
+  }, [r]), p = G((g) => {
+    m.current = g, typeof o == "function" ? o(g) : o && (o.current = g);
   }, [o]);
   return oe(() => {
-    const m = g.current;
-    if (!m) return;
+    const g = m.current;
+    if (!g) return;
     const h = (b) => {
       nd(b, u.current, l, c) && (b.preventDefault(), b.stopPropagation());
     };
-    return m.addEventListener("wheel", h, {
+    return g.addEventListener("wheel", h, {
       capture: !0,
       passive: !1
-    }), () => m.removeEventListener("wheel", h, { capture: !0 });
+    }), () => g.removeEventListener("wheel", h, { capture: !0 });
   }, [l, c]), /* @__PURE__ */ a("div", {
     ref: p,
     style: { display: "contents" },
@@ -1563,16 +1563,16 @@ function yd(e, t, n, r, o, i) {
     onPointerMove: (l) => {
       const c = s.current;
       if (!c) return;
-      const u = n(), g = (l.clientX - c.lastX) / u, v = (l.clientY - c.lastY) / u;
+      const u = n(), m = (l.clientX - c.lastX) / u, v = (l.clientY - c.lastY) / u;
       s.current = {
         lastX: l.clientX,
         lastY: l.clientY,
         position: {
-          x: c.position.x + g,
+          x: c.position.x + m,
           y: c.position.y + v
         },
         moved: !0
-      }, r?.(e, g, v);
+      }, r?.(e, m, v);
     },
     onPointerCancel: d,
     onLostPointerCapture: d,
@@ -1628,12 +1628,12 @@ var So = (e, t, n, r) => {
 function Ed(e, t, n, r = Md) {
   const o = Ui(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()));
   if (o !== e.contentSignature) {
-    const u = t.map((g) => {
-      const v = s.get(g.id.toString());
-      return v && So(e, g.id, n, r) ? {
-        ...g,
+    const u = t.map((m) => {
+      const v = s.get(m.id.toString());
+      return v && So(e, m.id, n, r) ? {
+        ...m,
         position: v.position
-      } : g;
+      } : m;
     });
     return {
       ...e,
@@ -1645,10 +1645,10 @@ function Ed(e, t, n, r = Md) {
   }
   let l = !1;
   const c = e.collections.map((u) => {
-    const g = i.get(u.id.toString());
-    return !g || So(e, u.id, n, r) || (u.position?.x ?? 0) === (g.position?.x ?? 0) && (u.position?.y ?? 0) === (g.position?.y ?? 0) ? u : (l = !0, {
+    const m = i.get(u.id.toString());
+    return !m || So(e, u.id, n, r) || (u.position?.x ?? 0) === (m.position?.x ?? 0) && (u.position?.y ?? 0) === (m.position?.y ?? 0) ? u : (l = !0, {
       ...u,
-      position: g.position
+      position: m.position
     });
   });
   return {
@@ -1753,12 +1753,12 @@ function Ld(e, t) {
   return r ? o : e;
 }
 function Pd({ initialCollections: e, onAddCollection: t, onCollectionMoved: n, onCollectionsChange: r, onPersistenceError: o }) {
-  const { readOnly: i } = ne(), [s, d] = D(() => kd(e)), l = O(s), { collections: c, pendingMoveIds: u } = s, g = O(!1), v = O(!0), p = G((m) => {
-    const h = m(l.current);
+  const { readOnly: i } = ne(), [s, d] = D(() => kd(e)), l = O(s), { collections: c, pendingMoveIds: u } = s, m = O(!1), v = O(!0), p = G((g) => {
+    const h = g(l.current);
     l.current = h, d(h);
   }, []);
   return oe(() => {
-    e !== l.current.snapshot && p((m) => Ed(m, e, Date.now(), i ? 1 / 0 : void 0));
+    e !== l.current.snapshot && p((g) => Ed(g, e, Date.now(), i ? 1 / 0 : void 0));
   }, [
     e,
     p,
@@ -1772,17 +1772,17 @@ function Pd({ initialCollections: e, onAddCollection: t, onCollectionMoved: n, o
   }, [c, r]), {
     collections: c,
     pendingMoveIds: u,
-    setCollections: G((m) => {
+    setCollections: G((g) => {
       p((h) => ({
         ...h,
-        collections: typeof m == "function" ? m(h.collections) : m
+        collections: typeof g == "function" ? g(h.collections) : g
       }));
     }, [p]),
-    addCollection: G(async (m, h) => {
-      if (!(i || !t || g.current)) {
-        g.current = !0;
+    addCollection: G(async (g, h) => {
+      if (!(i || !t || m.current)) {
+        m.current = !0;
         try {
-          const b = await t(m, h, l.current.collections);
+          const b = await t(g, h, l.current.collections);
           return b && p((f) => f.collections.some((y) => y.id.equals(b.id)) ? f : {
             ...f,
             additions: [...f.additions, b],
@@ -1793,7 +1793,7 @@ function Pd({ initialCollections: e, onAddCollection: t, onCollectionMoved: n, o
           else throw b;
           return;
         } finally {
-          g.current = !1;
+          m.current = !1;
         }
       }
     }, [
@@ -1802,23 +1802,23 @@ function Pd({ initialCollections: e, onAddCollection: t, onCollectionMoved: n, o
       o,
       p
     ]),
-    moveCollection: G((m, h, b) => {
-      !i && !n || l.current.pendingMoveIds.has(m.toString()) || p((f) => Rd(f, m, h, b, Date.now()));
+    moveCollection: G((g, h, b) => {
+      !i && !n || l.current.pendingMoveIds.has(g.toString()) || p((f) => Rd(f, g, h, b, Date.now()));
     }, [
       i,
       n,
       p
     ]),
-    collectionMoved: G(async (m, h) => {
-      if (!(i || !n || l.current.pendingMoveIds.has(m.toString()))) {
-        p((b) => Id(b, m));
+    collectionMoved: G(async (g, h) => {
+      if (!(i || !n || l.current.pendingMoveIds.has(g.toString()))) {
+        p((b) => Id(b, g));
         try {
-          await n(m, h) || p((b) => Co(b, m));
+          await n(g, h) || p((b) => Co(b, g));
         } catch (b) {
-          if (p((f) => Co(f, m)), o) o(b);
+          if (p((f) => Co(f, g)), o) o(b);
           else throw b;
         } finally {
-          p((b) => Nd(b, m));
+          p((b) => Nd(b, g));
         }
       }
     }, [
@@ -1890,8 +1890,8 @@ function Or(e, t = "250% 250%", n = "light") {
     const d = new IntersectionObserver((l) => {
       const c = l[l.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);
-      Io.request(i, c.isIntersecting, g, n);
+      const u = c.boundingClientRect, m = Math.hypot(u.left + u.width / 2 - window.innerWidth / 2, u.top + u.height / 2 - window.innerHeight / 2);
+      Io.request(i, c.isIntersecting, m, n);
     }, { rootMargin: t });
     return d.observe(s), () => {
       d.disconnect(), Io.cancel(i);
@@ -2169,37 +2169,37 @@ var It = ({ change: e, kind: t, name: n }) => {
     })
   });
 }, Ln = ({ value: e, onChange: t, placeholder: n = "Name…", style: r, validate: o, readOnly: i = !1 }) => {
-  const s = Ce(), [d, l] = D(!1), [c, u] = D(e), [g, v] = D(void 0), p = () => {
-    const m = c.trim();
-    if (!m) {
+  const s = Ce(), [d, l] = D(!1), [c, u] = D(e), [m, v] = D(void 0), p = () => {
+    const g = c.trim();
+    if (!g) {
       u(e), l(!1), v(void 0);
       return;
     }
     if (o) {
-      const h = o(m);
+      const h = o(g);
       if (h) {
         v(h);
         return;
       }
     }
-    v(void 0), l(!1), t(m);
+    v(void 0), l(!1), t(g);
   };
   return d && !i ? /* @__PURE__ */ a("input", {
     autoFocus: !0,
     value: c,
-    onChange: (m) => {
-      u(m.target.value), v(void 0);
+    onChange: (g) => {
+      u(g.target.value), v(void 0);
     },
     onBlur: p,
-    onKeyDown: (m) => {
-      if (m.key === "Enter") {
-        m.target.blur();
+    onKeyDown: (g) => {
+      if (g.key === "Enter") {
+        g.target.blur();
         return;
       }
-      m.key === "Escape" && (u(e), l(!1), v(void 0));
+      g.key === "Escape" && (u(e), l(!1), v(void 0));
     },
-    className: `event-modeling-grid-editable-label-input${g ? " event-modeling-grid-editable-label-input--error" : ""}`,
-    title: g,
+    className: `event-modeling-grid-editable-label-input${m ? " event-modeling-grid-editable-label-input--error" : ""}`,
+    title: m,
     style: r
   }) : /* @__PURE__ */ a("span", {
     title: i ? void 0 : s.editableLabel.doubleClickToRename,
@@ -2285,7 +2285,7 @@ var It = ({ change: e, kind: t, name: n }) => {
       children: i
     })
   });
-}, Zi = ({ variant: e, collapsed: t, onToggle: n, label: r, onRenameLabel: o, labelReadOnly: i = !1, validateLabel: s, labelStyle: d, background: l, border: c, height: u, children: g, marker: v, description: p, documentation: m, leadingContent: h, draggable: b = !1, onPointerDown: f, onPointerMove: y, onPointerUp: w, error: C, className: k, attributes: R }) => {
+}, Zi = ({ variant: e, collapsed: t, onToggle: n, label: r, onRenameLabel: o, labelReadOnly: i = !1, validateLabel: s, labelStyle: d, background: l, border: c, height: u, children: m, marker: v, description: p, documentation: g, leadingContent: h, draggable: b = !1, onPointerDown: f, onPointerMove: y, onPointerUp: w, error: C, className: k, attributes: R }) => {
   const M = /* @__PURE__ */ a(Ln, {
     value: r,
     onChange: o,
@@ -2319,12 +2319,12 @@ var It = ({ change: e, kind: t, name: n }) => {
         className: "event-modeling-grid-pill-center",
         children: [x, /* @__PURE__ */ a(Pn, {
           description: p,
-          documentation: m
+          documentation: g
         })]
       }) : x,
       /* @__PURE__ */ S("div", {
         className: "event-modeling-grid-pill-right",
-        children: [C && /* @__PURE__ */ a(Zd, { error: C }), g]
+        children: [C && /* @__PURE__ */ a(Zd, { error: C }), m]
       })
     ]
   });
@@ -2368,10 +2368,10 @@ var It = ({ change: e, kind: t, name: n }) => {
   border: "1px solid #d1d5db",
   flexShrink: 0,
   display: "inline-block"
-}), Oo = ({ rowType: e, height: t, name: n, description: r, actorId: o, onRenamed: i, validateName: s, onActorAdded: d, onDragStart: l, dragging: c = !1, badge: u, personaAvatar: g, children: v }) => {
-  const { readOnly: p, messages: m } = ne(), [h, b] = D(!1), [f, y] = D(!1), w = O(void 0), C = O(null), k = O(null), R = O(null), M = ve(() => [k], []), x = ve(() => [R], []);
+}), Oo = ({ rowType: e, height: t, name: n, description: r, actorId: o, onRenamed: i, validateName: s, onActorAdded: d, onDragStart: l, dragging: c = !1, badge: u, personaAvatar: m, children: v }) => {
+  const { readOnly: p, messages: g } = ne(), [h, b] = D(!1), [f, y] = D(!1), w = O(void 0), C = O(null), k = O(null), R = O(null), M = ve(() => [k], []), x = ve(() => [R], []);
   Ft(M, () => b(!1), h), Ft(x, () => y(!1), f);
-  const A = n ?? Kd(e, m), V = Jd(e), Z = V && !p ? i : void 0, L = V && !p ? d : void 0, te = o && !p ? l : void 0, N = p ? [] : u?.actions ?? [], E = p ? void 0 : u?.onActivate, q = N.length > 0 || !!E, P = g ?? u?.avatar, $ = V && (!!P || !!u && !p), K = () => {
+  const A = n ?? Kd(e, g), V = Jd(e), Z = V && !p ? i : void 0, L = V && !p ? d : void 0, te = o && !p ? l : void 0, N = p ? [] : u?.actions ?? [], E = p ? void 0 : u?.onActivate, q = N.length > 0 || !!E, P = m ?? u?.avatar, $ = V && (!!P || !!u && !p), K = () => {
     if (N.length > 0) {
       y((I) => !I);
       return;
@@ -2465,12 +2465,12 @@ var It = ({ change: e, kind: t, name: n }) => {
             onClick: (I) => {
               I.stopPropagation(), b((j) => !j);
             },
-            title: m.actors.add,
-            "aria-label": m.actors.add,
+            title: g.actors.add,
+            "aria-label": g.actors.add,
             children: "+"
           }), h && /* @__PURE__ */ a("div", {
             className: "event-modeling-grid-row-role-menu",
-            children: Ud(m).map(({ actorType: I, label: j, color: U }) => /* @__PURE__ */ S("button", {
+            children: Ud(g).map(({ actorType: I, label: j, color: U }) => /* @__PURE__ */ S("button", {
               className: "event-modeling-grid-row-role-menu-option",
               onClick: () => {
                 L(I), b(!1);
@@ -2524,7 +2524,7 @@ function ac(e, t, n) {
   l.current = e;
   const c = O(n);
   c.current = n;
-  const u = G((v, p, m) => {
+  const u = G((v, p, g) => {
     const h = d.current.find((f) => f.id === v);
     if (!h) return;
     const b = d.current.filter((f) => f.actorType === h.actorType).findIndex((f) => f.id === v);
@@ -2534,35 +2534,35 @@ function ac(e, t, n) {
       sourceIndex: b,
       ghostLabel: h.name,
       currentX: p,
-      currentY: m,
+      currentY: g,
       dropIndex: b
     });
-  }, []), g = o !== void 0;
+  }, []), m = o !== void 0;
   return oe(() => {
-    if (!g) return;
-    const v = (m) => {
+    if (!m) return;
+    const v = (g) => {
       i((h) => h && {
         ...h,
-        currentX: m.clientX,
-        currentY: m.clientY,
-        dropIndex: rc(l.current, h.rowType, m.clientY)
+        currentX: g.clientX,
+        currentY: g.clientY,
+        dropIndex: rc(l.current, h.rowType, g.clientY)
       });
     }, p = () => {
-      const m = s.current;
-      if (i(void 0), !m) return;
-      const h = ic(d.current, m.actorId, m.dropIndex);
+      const g = s.current;
+      if (i(void 0), !g) return;
+      const h = ic(d.current, g.actorId, g.dropIndex);
       h && c.current?.(l.current, h.actorType, h.orderedIds);
     };
     return window.addEventListener("pointermove", v), window.addEventListener("pointerup", p), () => {
       window.removeEventListener("pointermove", v), window.removeEventListener("pointerup", p);
     };
-  }, [g]), {
+  }, [m]), {
     actorDrag: o,
     handleActorDragStart: !r.readOnly && n !== void 0 ? u : void 0
   };
 }
 var sc = ({ collectionId: e, topOffset: t, contentRows: n, rowHeights: r, actors: o, onActorAdded: i, onActorRenamed: s, onRowRenamed: d, onActorsReordered: l, renderActorLabel: c, renderEmptyActorLabel: u }) => {
-  const [g, v] = D({}), [p, m] = D({}), { actorDrag: h, handleActorDragStart: b } = ac(e, o, l);
+  const [m, v] = D({}), [p, g] = D({}), { actorDrag: h, handleActorDragStart: b } = ac(e, o, l);
   return /* @__PURE__ */ S(nc, {
     topOffset: t,
     collectionId: e.toString(),
@@ -2570,14 +2570,14 @@ var sc = ({ collectionId: e, topOffset: t, contentRows: n, rowHeights: r, actors
       const y = Rn(f), w = y === void 0 ? [] : o.filter((M) => M.actorType === y), C = {
         rowType: f,
         height: r[f],
-        name: g[f],
+        name: m[f],
         onRenamed: d ? (M) => {
           v((x) => ({
             ...x,
             [f]: M
           })), d(f, M);
         } : void 0,
-        validateName: (M) => Object.entries(g).find(([x]) => x !== f)?.[1]?.toLowerCase() === M.toLowerCase() ? "Name already in use" : void 0,
+        validateName: (M) => Object.entries(m).find(([x]) => x !== f)?.[1]?.toLowerCase() === M.toLowerCase() ? "Name already in use" : void 0,
         onActorAdded: i ? (M) => i(f, M) : void 0
       }, k = y === void 0 || w.length === 0 ? [/* @__PURE__ */ a(xt, { children: y !== void 0 && u ? u(f, C) : /* @__PURE__ */ a(Oo, { ...C }) }, f)] : [], R = w.flatMap((M, x) => {
         const A = h?.rowType === f, V = {
@@ -2587,7 +2587,7 @@ var sc = ({ collectionId: e, topOffset: t, contentRows: n, rowHeights: r, actors
           description: M.description,
           actorId: M.id,
           onRenamed: s ? (Z) => {
-            m((L) => ({
+            g((L) => ({
               ...L,
               [M.id]: Z
             })), s(M.id, Z);
@@ -2890,17 +2890,17 @@ var Po = ({ status: e }) => /* @__PURE__ */ a("svg", {
     children: e
   });
 }, ft = ({ trigger: e, items: t, align: n = "right", onClose: r }) => {
-  const o = _e(na), i = jt(), [s, d] = D(!1), [l, c] = D(), u = O(null), g = O(null), v = o ? o.openMenuId === i : s, p = O(v);
+  const o = _e(na), i = jt(), [s, d] = D(!1), [l, c] = D(), u = O(null), m = O(null), v = o ? o.openMenuId === i : s, p = O(v);
   oe(() => {
     p.current && !v && (r?.(), c(void 0)), p.current = v;
   }, [v, r]);
-  const m = (y) => {
+  const g = (y) => {
     if (o) {
       y ? o.setOpenMenuId((w) => pc(w, i)) : o.setOpenMenuId((w) => fc(w, i));
       return;
     }
     d(y);
-  }, h = () => m(!1), b = ve(() => [u, g], []);
+  }, h = () => g(!1), b = ve(() => [u, m], []);
   Ft(b, h, v);
   const f = (y) => y.map((w) => {
     if (w.isSeparator) return /* @__PURE__ */ a("div", { className: "event-modeling-menu-dropdown-separator" }, w.id.toString());
@@ -2955,7 +2955,7 @@ var Po = ({ status: e }) => /* @__PURE__ */ a("svg", {
       className: "event-modeling-menu-dropdown-trigger",
       onPointerDown: (y) => y.stopPropagation(),
       onClick: (y) => {
-        y.stopPropagation(), m(!v);
+        y.stopPropagation(), g(!v);
       },
       children: e
     }), /* @__PURE__ */ a(In, {
@@ -2964,7 +2964,7 @@ var Po = ({ status: e }) => /* @__PURE__ */ a("svg", {
       side: "below",
       align: n,
       children: /* @__PURE__ */ a("div", {
-        ref: g,
+        ref: m,
         className: "event-modeling-menu-dropdown-menu",
         children: f(t)
       })
@@ -3027,14 +3027,14 @@ var Po = ({ status: e }) => /* @__PURE__ */ a("svg", {
 }, lr = (e) => ce[e], Tr = ({ status: e, onStatusChanged: t, selectable: n = To, unselectableReason: r, optimistic: o = !0, reason: i }) => {
   const { readOnly: s, messages: d } = ne(), [l, c] = D(e);
   oe(() => c(e), [e]);
-  const u = `${d.statuses.titlePrefix} ${Vn(l, d)}`, g = i && l === e ? `${u} - ${i}` : u, v = `event-modeling-slice-status-icon event-modeling-slice-status-icon--${lr(l)}`;
+  const u = `${d.statuses.titlePrefix} ${Vn(l, d)}`, m = i && l === e ? `${u} - ${i}` : u, v = `event-modeling-slice-status-icon event-modeling-slice-status-icon--${lr(l)}`;
   if (s || !t) return /* @__PURE__ */ a("span", {
     className: `${v} event-modeling-slice-status-icon--readonly`,
-    title: g,
+    title: m,
     "aria-label": Vn(l, d),
     children: /* @__PURE__ */ a(Po, { status: l })
   });
-  const p = (h) => o ? bc(l, h, t, c) : void t(h), m = To.map((h) => ({
+  const p = (h) => o ? bc(l, h, t, c) : void t(h), g = To.map((h) => ({
     id: lr(h),
     label: Vn(h, d),
     icon: /* @__PURE__ */ a(wc, {
@@ -3048,11 +3048,11 @@ var Po = ({ status: e }) => /* @__PURE__ */ a("svg", {
   return /* @__PURE__ */ a(ft, {
     trigger: /* @__PURE__ */ a("button", {
       className: v,
-      title: g,
+      title: m,
       "aria-label": d.statuses.change,
       children: /* @__PURE__ */ a(Po, { status: l })
     }),
-    items: m,
+    items: g,
     align: "left"
   });
 }, wc = ({ status: e, checked: t }) => {
@@ -3085,19 +3085,19 @@ var Po = ({ status: e }) => /* @__PURE__ */ a("svg", {
   const i = Ce(), s = O(null), [d, l] = D();
   if (!t.length && !n && !r) return null;
   const c = (p) => {
-    const m = s.current?.getBoundingClientRect();
-    m && p.onActivate(e, m);
-  }, u = (p) => p.map((m) => ({
-    id: m.id,
-    label: m.label + (m.items ? " ›" : ""),
-    description: m.description,
-    icon: m.icon,
-    disabled: m.disabled,
-    tooltip: m.tooltip,
-    isSeparator: m.isSeparator,
-    keepOpen: !!m.items,
-    onClick: () => m.items ? l(m.id) : c(m)
-  })), g = d ? [{
+    const g = s.current?.getBoundingClientRect();
+    g && p.onActivate(e, g);
+  }, u = (p) => p.map((g) => ({
+    id: g.id,
+    label: g.label + (g.items ? " ›" : ""),
+    description: g.description,
+    icon: g.icon,
+    disabled: g.disabled,
+    tooltip: g.tooltip,
+    isSeparator: g.isSeparator,
+    keepOpen: !!g.items,
+    onClick: () => g.items ? l(g.id) : c(g)
+  })), m = d ? [{
     id: "back",
     label: i.features.back,
     keepOpen: !0,
@@ -3161,7 +3161,7 @@ var Po = ({ status: e }) => /* @__PURE__ */ a("svg", {
         ]
       })
     }),
-    items: g,
+    items: m,
     align: "right",
     onClose: () => l(void 0)
   });
@@ -3230,8 +3230,8 @@ var Po = ({ status: e }) => /* @__PURE__ */ a("svg", {
   fontWeight: 600,
   color: "color-mix(in srgb, var(--board-ink, #ffffff) 80%, transparent)",
   textAlign: "center"
-}, xc = ({ moduleId: e, name: t, description: n, documentation: r, height: o, collapsed: i, onToggleCollapse: s, onAddModule: d, onAddFeature: l, onRenamed: c, validateName: u, status: g, detailsVisible: v = !1, onToggleDetails: p, onDragStart: m, error: h }) => {
-  const b = ne(), f = lt(e), y = kr(e, "module", t), { showStatuses: w = !0 } = Pe(), C = ta(!b.readOnly && !i ? m : void 0), k = b.readOnly ? void 0 : c, R = b.actions, M = hv(e, l, b.editing);
+}, xc = ({ moduleId: e, name: t, description: n, documentation: r, height: o, collapsed: i, onToggleCollapse: s, onAddModule: d, onAddFeature: l, onRenamed: c, validateName: u, status: m, detailsVisible: v = !1, onToggleDetails: p, onDragStart: g, error: h }) => {
+  const b = ne(), f = lt(e), y = kr(e, "module", t), { showStatuses: w = !0 } = Pe(), C = ta(!b.readOnly && !i ? g : void 0), k = b.readOnly ? void 0 : c, R = b.actions, M = hv(e, l, b.editing);
   return /* @__PURE__ */ S(re, { children: [/* @__PURE__ */ S(Zi, {
     marker: f || y.marker ? /* @__PURE__ */ S(re, { children: [f && /* @__PURE__ */ a(It, {
       change: f,
@@ -3274,7 +3274,7 @@ var Po = ({ status: e }) => /* @__PURE__ */ a("svg", {
     onPointerUp: C?.onPointerUp,
     error: h,
     children: [
-      w && g !== void 0 && /* @__PURE__ */ a(Tr, { status: g }),
+      w && m !== void 0 && /* @__PURE__ */ a(Tr, { status: m }),
       !b.readOnly && p && /* @__PURE__ */ a(Qi, {
         visible: v,
         onToggle: p
@@ -3319,40 +3319,40 @@ function kc(e, t, n) {
   l.current = e;
   const c = O(n);
   c.current = n;
-  const u = G((v, p, m) => {
+  const u = G((v, p, g) => {
     const h = d.current.findIndex((b) => b.equals(v));
     h !== -1 && i({
       moduleId: v,
       sourceIndex: h,
       ghostLabel: p,
-      ghostWidth: m.width,
-      ghost: m.ghost,
-      currentX: m.clientX,
-      currentY: m.clientY,
+      ghostWidth: g.width,
+      ghost: g.ghost,
+      currentX: g.clientX,
+      currentY: g.clientY,
       dropIndex: h,
-      headerY: m.headerY,
-      zoom: m.zoom
+      headerY: g.headerY,
+      zoom: g.zoom
     });
-  }, []), g = o !== void 0;
+  }, []), m = o !== void 0;
   return oe(() => {
-    if (!g) return;
-    const v = (m) => {
+    if (!m) return;
+    const v = (g) => {
       i((h) => h && {
         ...h,
-        currentX: m.clientX,
-        currentY: m.clientY,
-        dropIndex: Mc(d.current, m.clientX)
+        currentX: g.clientX,
+        currentY: g.clientY,
+        dropIndex: Mc(d.current, g.clientX)
       });
     }, p = () => {
-      const m = s.current;
-      if (i(void 0), !m) return;
-      const h = ea(d.current, m.sourceIndex, m.dropIndex);
+      const g = s.current;
+      if (i(void 0), !g) return;
+      const h = ea(d.current, g.sourceIndex, g.dropIndex);
       h && c.current?.(l.current, h);
     };
     return window.addEventListener("pointermove", v), window.addEventListener("pointerup", p), () => {
       window.removeEventListener("pointermove", v), window.removeEventListener("pointerup", p);
     };
-  }, [g]), {
+  }, [m]), {
     moduleDrag: o,
     handleModuleDragStart: !r.readOnly && n !== void 0 ? u : void 0
   };
@@ -3367,7 +3367,7 @@ var Ec = (e) => ({
   renameBarriers: /* @__PURE__ */ new Map()
 }), dr = (e, t) => e.length === t.length && e.every((n, r) => n.id.equals(t[r]));
 function Zt(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((v) => v.id.toString() === u && v.collapsed === g))), o = new Map([...e.renameBarriers].filter(([u, g]) => !t.some((v) => v.id.toString() === u && v.name === g))), i = e.orderBarrier && dr(t, e.orderBarrier) ? void 0 : e.orderBarrier, s = new Map([...e.collapses].filter(([u, g]) => e.collapseBarriers.has(u) || !t.some((v) => v.id.toString() === u && v.collapsed === g))), d = new Map([...e.renames].filter(([u, g]) => e.renameBarriers.has(u) || !t.some((v) => v.id.toString() === u && v.name === g))), l = [...t, ...n].map((u) => ({
+  const n = e.additions.filter((u) => !t.some((m) => m.id.equals(u.id))), r = new Map([...e.collapseBarriers].filter(([u, m]) => !t.some((v) => v.id.toString() === u && v.collapsed === m))), o = new Map([...e.renameBarriers].filter(([u, m]) => !t.some((v) => v.id.toString() === u && v.name === m))), i = e.orderBarrier && dr(t, e.orderBarrier) ? void 0 : e.orderBarrier, s = new Map([...e.collapses].filter(([u, m]) => e.collapseBarriers.has(u) || !t.some((v) => v.id.toString() === u && v.collapsed === m))), d = new Map([...e.renames].filter(([u, m]) => e.renameBarriers.has(u) || !t.some((v) => v.id.toString() === u && v.name === m))), l = [...t, ...n].map((u) => ({
     ...u,
     collapsed: s.get(u.id.toString()) ?? u.collapsed,
     name: d.get(u.id.toString()) ?? u.name
@@ -3465,18 +3465,18 @@ function Pc({ collectionId: e, initialModules: t, onAddModule: n, onModulesReord
   const { readOnly: c } = ne(), u = G((E) => {
     if (s) s(E);
     else throw E;
-  }, [s]), g = O(Ec(t)), [v, p] = D(g.current), m = O(!1), [h, b] = D(!1), f = O(/* @__PURE__ */ new Set()), [y, w] = D(/* @__PURE__ */ new Set()), C = O(!1), [k, R] = D(!1), M = (E, q) => {
+  }, [s]), m = O(Ec(t)), [v, p] = D(m.current), g = O(!1), [h, b] = D(!1), f = O(/* @__PURE__ */ new Set()), [y, w] = D(/* @__PURE__ */ new Set()), C = O(!1), [k, R] = D(!1), M = (E, q) => {
     q ? f.current.add(E) : f.current.delete(E), w(new Set(f.current));
   }, x = G((E) => {
-    const q = E(g.current);
-    g.current = q, p(q), l?.(q.modules);
+    const q = E(m.current);
+    m.current = q, p(q), l?.(q.modules);
   }, [l]);
   oe(() => {
-    t !== g.current.snapshot && x((E) => Zt(E, t));
+    t !== m.current.snapshot && x((E) => Zt(E, t));
   }, [t, x]);
   const A = G(async () => {
-    if (!(c || !n || m.current)) {
-      m.current = !0, b(!0);
+    if (!(c || !n || g.current)) {
+      g.current = !0, b(!0);
       try {
         const E = await n();
         E && x((q) => Zt({
@@ -3486,7 +3486,7 @@ function Pc({ collectionId: e, initialModules: t, onAddModule: n, onModulesReord
       } catch (E) {
         u(E);
       } finally {
-        m.current = !1, b(!1);
+        g.current = !1, b(!1);
       }
     }
   }, [
@@ -3527,7 +3527,7 @@ function Pc({ collectionId: e, initialModules: t, onAddModule: n, onModulesReord
   ]), L = G(async (E, q) => {
     if (c || !r || C.current) return;
     C.current = !0, R(!0);
-    const P = g.current.order;
+    const P = m.current.order;
     x(($) => Rc($, q));
     try {
       await Gn(() => r(q), () => x(($) => Lc($, P)), u);
@@ -3634,7 +3634,7 @@ var $c = ({ width: e, collapsed: t, children: n }) => /* @__PURE__ */ a("div", {
   featureGap: En(n).feature,
   textScale: r
 }), ca = (e) => e.length === 0 ? 0 : 1 + Math.max(...e.map((t) => ca(t.subFeatures))), Fc = (e, t, n, r) => {
-  const o = $r(e), i = aa(e, t, r), s = Kt(e), d = e.modules.map((g) => g.collapsed ? ae.collapsedModuleWidth : da(g.name, g.features, n, Nt(r))), l = d.reduce((g, v, p) => g + (p ? En(n).module : 0) + v, 0), c = Math.max(1, ...e.modules.map((g) => ca(g.features))), u = o.reduce((g, v) => g + i[v], 0);
+  const o = $r(e), i = aa(e, t, r), s = Kt(e), d = e.modules.map((m) => m.collapsed ? ae.collapsedModuleWidth : da(m.name, m.features, n, Nt(r))), l = d.reduce((m, v, p) => m + (p ? En(n).module : 0) + v, 0), c = Math.max(1, ...e.modules.map((m) => ca(m.features))), u = o.reduce((m, v) => m + i[v], 0);
   return {
     width: (s.length ? 56 : 0) + l + 2 * ar,
     height: ae.headerHeight * (1 + c) + 28 + u + 2 * ar,
@@ -3813,17 +3813,17 @@ function Vc(e) {
 }
 var Gc = ({ sliceType: e, recomputeKey: t }) => {
   const n = O(null), [r, o] = D([]), i = `flow-arrow-${jt().replace(/:/g, "")}`, s = G(() => {
-    const u = n.current, g = u?.parentElement;
-    if (!u || !g) return;
-    const v = u.getBoundingClientRect(), p = u.clientWidth || v.width, m = p ? v.width / p : 1, h = (y) => {
+    const u = n.current, m = u?.parentElement;
+    if (!u || !m) return;
+    const v = u.getBoundingClientRect(), p = u.clientWidth || v.width, g = p ? v.width / p : 1, h = (y) => {
       const w = y.getBoundingClientRect();
       return {
-        x: (w.left - v.left) / m,
-        y: (w.top - v.top) / m,
-        width: w.width / m,
-        height: w.height / m
+        x: (w.left - v.left) / g,
+        y: (w.top - v.top) / g,
+        width: w.width / g,
+        height: w.height / g
       };
-    }, b = Vc(e).map((y) => Array.from(g.querySelectorAll(`[data-flow-node="${y}"]`)).map(h)).filter((y) => y.length > 0), f = [];
+    }, b = Vc(e).map((y) => Array.from(m.querySelectorAll(`[data-flow-node="${y}"]`)).map(h)).filter((y) => y.length > 0), f = [];
     for (let y = 0; y < b.length - 1; y++) for (const w of b[y + 1]) for (const C of jc(b[y], w)) f.push(Hc(C, w));
     o((y) => y.length === f.length && y.every((w, C) => w === f[C]) ? y : f);
   }, [e]), d = O(0), l = O(!1), c = G(() => {
@@ -3840,20 +3840,20 @@ var Gc = ({ sliceType: e, recomputeKey: t }) => {
   }), [c]), Et(() => {
     s();
   }, [s, t]), oe(() => {
-    const u = n.current, g = u?.parentElement;
-    if (!u || !g) return;
+    const u = n.current, m = u?.parentElement;
+    if (!u || !m) return;
     const v = new ResizeObserver(() => c()), p = () => {
-      v.disconnect(), v.observe(g), g.querySelectorAll("[data-flow-node]").forEach((h) => v.observe(h));
+      v.disconnect(), v.observe(m), m.querySelectorAll("[data-flow-node]").forEach((h) => v.observe(h));
     };
     p();
-    const m = new MutationObserver((h) => {
+    const g = new MutationObserver((h) => {
       h.every((b) => u.contains(b.target)) || (p(), c());
     });
-    return m.observe(g, {
+    return g.observe(m, {
       childList: !0,
       subtree: !0
     }), window.addEventListener("resize", c), () => {
-      v.disconnect(), m.disconnect(), window.removeEventListener("resize", c);
+      v.disconnect(), g.disconnect(), window.removeEventListener("resize", c);
     };
   }, [
     s,
@@ -3879,11 +3879,11 @@ var Gc = ({ sliceType: e, recomputeKey: t }) => {
           d: "M 0 0 L 8 4.5 L 0 9 z",
           className: "event-modeling-grid-connections__arrow"
         })
-      }) }), r.map((u, g) => /* @__PURE__ */ a("path", {
+      }) }), r.map((u, m) => /* @__PURE__ */ a("path", {
         d: u,
         className: "event-modeling-grid-connections__line",
         markerEnd: `url(#${i})`
-      }, g))]
+      }, m))]
     })
   });
 }, ma = Ge(null), Uc = ({ connections: e, children: t }) => {
@@ -3922,11 +3922,11 @@ function Zc(e) {
     i.classList.add(sn);
     const l = new Set(e ?? []), c = i.dataset.sliceId;
     c && l.add(c);
-    for (const g of l) s.querySelectorAll(Qc(g)).forEach((v) => {
+    for (const m of l) s.querySelectorAll(Qc(m)).forEach((v) => {
       v !== i && (v.classList.add(sn), d.push(v));
     });
     s.classList.add(Bo);
-    const u = ga((g) => g !== null && g.closest(`.${sn}`) !== null, r);
+    const u = ga((m) => m !== null && m.closest(`.${sn}`) !== null, r);
     n.current = {
       board: s,
       columns: d,
@@ -3941,12 +3941,12 @@ function Zc(e) {
 }
 var Kc = ({ container: e, getZoom: t }) => {
   const { actions: n } = ne(), r = n.boardSpecificationsRunAll, [o, i] = D(), [s, d] = D(!1), l = O(null), c = G(() => {
-    const g = e.current, v = g?.closest(".event-modeling-grid-container"), p = g?.querySelector(".event-modeling-grid-specification-box--header"), m = g?.querySelector(".event-modeling-grid-row-labels");
-    if (!g || !v || !p || !m) {
+    const m = e.current, v = m?.closest(".event-modeling-grid-container"), p = m?.querySelector(".event-modeling-grid-specification-box--header"), g = m?.querySelector(".event-modeling-grid-row-labels");
+    if (!m || !v || !p || !g) {
       i(void 0);
       return;
     }
-    const h = t(), b = v.getBoundingClientRect(), f = Math.round((p.getBoundingClientRect().top - b.top) / h - v.clientTop), y = Math.round((m.getBoundingClientRect().left - b.left) / h - v.clientLeft), w = Math.round(p.getBoundingClientRect().height / h);
+    const h = t(), b = v.getBoundingClientRect(), f = Math.round((p.getBoundingClientRect().top - b.top) / h - v.clientTop), y = Math.round((g.getBoundingClientRect().left - b.left) / h - v.clientLeft), w = Math.round(p.getBoundingClientRect().height / h);
     i((C) => C?.top === f && C.left === y && C.height === w ? C : {
       top: f,
       left: y,
@@ -3954,10 +3954,10 @@ var Kc = ({ container: e, getZoom: t }) => {
     });
   }, [e, t]);
   if (Et(c), Et(() => {
-    const g = e.current;
-    if (!g) return;
+    const m = e.current;
+    if (!m) return;
     const v = new ResizeObserver(c);
-    return v.observe(g), () => v.disconnect();
+    return v.observe(m), () => v.disconnect();
   }, [e, c]), !r || r.visible === !1 || !o) return null;
   const u = async () => {
     if (!(s || r.disabled || !l.current)) {
@@ -4015,7 +4015,7 @@ var Kc = ({ container: e, getZoom: t }) => {
     },
     children: o
   });
-}, eu = ({ featureId: e, moduleId: t, enabled: n, collapsed: r, rowCollapsed: o, width: i, headerVisibility: s, nested: d = !1, header: l, screenTemplate: c, slices: u, hiddenSliceCount: g = 0, onExpandRow: v }) => {
+}, eu = ({ featureId: e, moduleId: t, enabled: n, collapsed: r, rowCollapsed: o, width: i, headerVisibility: s, nested: d = !1, header: l, screenTemplate: c, slices: u, hiddenSliceCount: m = 0, onExpandRow: v }) => {
   const p = Ce().rowCollapsed ?? Qe.rowCollapsed;
   return /* @__PURE__ */ S(Jc, {
     featureId: e,
@@ -4031,10 +4031,10 @@ var Kc = ({ container: e, getZoom: t }) => {
       children: [s === "visible" ? l : s === "hidden" ? /* @__PURE__ */ a("div", { style: { height: ae.headerHeight } }) : null, !r && c]
     }), /* @__PURE__ */ S("div", {
       className: !o && (s === "visible" || d) ? "event-modeling-feature-grid-slices--header-visible" : void 0,
-      children: [o && g > 0 && !r && s !== "hidden" && /* @__PURE__ */ S("div", {
+      children: [o && m > 0 && !r && s !== "hidden" && /* @__PURE__ */ S("div", {
         className: "event-modeling-feature-grid-row-collapsed-note",
         role: "note",
-        children: [/* @__PURE__ */ a("span", { children: p.slicesHidden(g) }), v && /* @__PURE__ */ a("button", {
+        children: [/* @__PURE__ */ a("span", { children: p.slicesHidden(m) }), v && /* @__PURE__ */ a("button", {
           type: "button",
           onClick: v,
           children: p.show
@@ -4084,39 +4084,39 @@ function au(e, t, n) {
   d.current = t;
   const l = O(n);
   l.current = n;
-  const c = G((g, v, p) => {
-    const m = d.current.findIndex((h) => h.equals(g));
-    m !== -1 && i({
-      featureId: g,
+  const c = G((m, v, p) => {
+    const g = d.current.findIndex((h) => h.equals(m));
+    g !== -1 && i({
+      featureId: m,
       moduleId: e,
-      sourceIndex: m,
+      sourceIndex: g,
       ghostLabel: v,
       ghostWidth: p.width,
       ghost: p.ghost,
       currentX: p.clientX,
       currentY: p.clientY,
-      dropIndex: m,
+      dropIndex: g,
       headerY: p.headerY,
       zoom: p.zoom
     });
   }, [e]), u = o !== void 0;
   return oe(() => {
     if (!u) return;
-    const g = (p) => {
-      i((m) => m && {
-        ...m,
+    const m = (p) => {
+      i((g) => g && {
+        ...g,
         currentX: p.clientX,
         currentY: p.clientY,
-        dropIndex: iu(m.moduleId, p.clientX)
+        dropIndex: iu(g.moduleId, p.clientX)
       });
     }, v = () => {
       const p = s.current;
       if (i(void 0), !p) return;
-      const m = ea(d.current, p.sourceIndex, p.dropIndex);
-      m && l.current?.(p.moduleId, m);
+      const g = ea(d.current, p.sourceIndex, p.dropIndex);
+      g && l.current?.(p.moduleId, g);
     };
-    return window.addEventListener("pointermove", g), window.addEventListener("pointerup", v), () => {
-      window.removeEventListener("pointermove", g), window.removeEventListener("pointerup", v);
+    return window.addEventListener("pointermove", m), window.addEventListener("pointerup", v), () => {
+      window.removeEventListener("pointermove", m), window.removeEventListener("pointerup", v);
     };
   }, [u]), {
     featureDrag: o,
@@ -4145,10 +4145,10 @@ function du() {
     register: G((o, i) => {
       const s = `${i}:${o}`, d = n.current.get(s);
       if (d) return d;
-      const l = (g) => {
-        const v = (r.current.get(s) ?? []).filter((p) => p !== g);
-        v.length ? r.current.set(s, v) : r.current.delete(s), t((p) => lu(p, o, i, g, r.current.get(s)?.[0]));
-      }, c = (g) => (r.current.set(s, [...r.current.get(s) ?? [], g]), t((v) => su(v, o, i, g)), () => l(g)), u = (g) => g ? c(g) : void 0;
+      const l = (m) => {
+        const v = (r.current.get(s) ?? []).filter((p) => p !== m);
+        v.length ? r.current.set(s, v) : r.current.delete(s), t((p) => lu(p, o, i, m, r.current.get(s)?.[0]));
+      }, c = (m) => (r.current.set(s, [...r.current.get(s) ?? [], m]), t((v) => su(v, o, i, m)), () => l(m)), u = (m) => m ? c(m) : void 0;
       return n.current.set(s, u), u;
     }, [])
   };
@@ -4242,19 +4242,19 @@ function ur(e, t) {
   const n = e.filter((i, s) => e.findIndex((d) => d.id.equals(i.id)) === s), r = /* @__PURE__ */ new Set(), o = [...t.flatMap((i) => r.has(i.toString()) ? [] : (r.add(i.toString()), n.filter((s) => s.id.equals(i)))), ...n.filter((i) => !t.some((s) => s.equals(i.id)))];
   return o.length === e.length && o.every((i, s) => i === e[s]) ? e : o;
 }
-function mu({ ref: e, initialFeatures: t, moduleId: n, widthOf: r, isCollapsed: o, forceCollapsed: i = !1, onCollapseChanged: s, occupiesColumn: d, renderHeader: l, renderColumn: c, renderFeatureBoundary: u, onAddFeature: g, onRenameFeature: v, onFeaturesReordered: p, onFeaturesChanged: m }) {
+function mu({ ref: e, initialFeatures: t, moduleId: n, widthOf: r, isCollapsed: o, forceCollapsed: i = !1, onCollapseChanged: s, occupiesColumn: d, renderHeader: l, renderColumn: c, renderFeatureBoundary: u, onAddFeature: m, onRenameFeature: v, onFeaturesReordered: p, onFeaturesChanged: g }) {
   const { readOnly: h, messages: b } = ne(), { targets: f, register: y } = du(), w = O(cu(t)), [C, k] = D(w.current), R = O(!1), M = O(/* @__PURE__ */ new Set()), x = G((_) => {
     const X = _(w.current);
-    X !== w.current && (w.current = X, k(X), m?.(X.features));
-  }, [m]);
+    X !== w.current && (w.current = X, k(X), g?.(X.features));
+  }, [g]);
   oe(() => {
     t !== w.current.snapshot && t !== w.current.features && x((_) => cr(_, t));
   }, [t, x]);
   const A = G(async (_, X) => {
-    if (!(h || !g || R.current)) {
+    if (!(h || !m || R.current)) {
       R.current = !0;
       try {
-        const de = await g(_, X);
+        const de = await m(_, X);
         de && x((Q) => ({
           ...Q,
           features: pa(Q.features, de, X),
@@ -4269,7 +4269,7 @@ function mu({ ref: e, initialFeatures: t, moduleId: n, widthOf: r, isCollapsed:
     }
   }, [
     h,
-    g,
+    m,
     x
   ]);
   Vt(e, () => ({
@@ -4334,7 +4334,7 @@ function mu({ ref: e, initialFeatures: t, moduleId: n, widthOf: r, isCollapsed:
     collapsed: L(_),
     dragging: I?.featureId.equals(_.id) ?? !1,
     onDragStart: j,
-    addSubFeature: !h && g ? (X) => {
+    addSubFeature: !h && m ? (X) => {
       A(X, _.id);
     } : void 0,
     onRenamed: !h && v ? (X) => Z(_.id, X) : void 0,
@@ -4638,7 +4638,7 @@ var gu = ({ type: e }) => /* @__PURE__ */ a("svg", {
 }, bu = ({ featureId: e, onAddSubFeature: t, onAddSlice: n, actions: r = [] }) => {
   const o = Ce(), i = O(null), [s, d] = D("main"), [l, c] = D(), u = r.filter((b) => !b.when || b.when(e));
   if (!t && !n && u.length === 0) return null;
-  const g = [
+  const m = [
     ...n ? [{
       id: "slice",
       label: o.sliceTypes.add + " ›",
@@ -4675,7 +4675,7 @@ var gu = ({ type: e }) => /* @__PURE__ */ a("svg", {
     label: o.features.back,
     keepOpen: !0,
     onClick: () => d("main")
-  }, m = n ? [p, ...Sa(o, n)] : [p], h = [p, ...(u.find((b) => b.id === l)?.items ?? []).filter((b) => !b.when || b.when(e)).map((b) => ({
+  }, g = n ? [p, ...Sa(o, n)] : [p], h = [p, ...(u.find((b) => b.id === l)?.items ?? []).filter((b) => !b.when || b.when(e)).map((b) => ({
     id: b.id,
     label: b.label,
     icon: b.icon,
@@ -4692,7 +4692,7 @@ var gu = ({ type: e }) => /* @__PURE__ */ a("svg", {
       "aria-label": o.features.add,
       children: "+"
     }),
-    items: s === "main" ? g : s === "slice" ? m : h,
+    items: s === "main" ? m : s === "slice" ? g : h,
     align: "right",
     onClose: () => {
       d("main"), c(void 0);
@@ -4725,8 +4725,8 @@ var gu = ({ type: e }) => /* @__PURE__ */ a("svg", {
     items: i,
     align: "right"
   });
-}, qo = "color-mix(in srgb, var(--board-feature, #a08ce6) 10%, transparent)", wu = "1px solid color-mix(in srgb, var(--board-feature, #a08ce6) 22%, transparent)", Su = ({ featureId: e, name: t, description: n, documentation: r, height: o, collapsed: i, onToggleCollapse: s, onRenamed: d, status: l, selectableStatuses: c, unselectableStatusReason: u, detailsVisible: g = !1, onToggleDetails: v, dragging: p = !1, onDragStart: m, error: h, onAddSubFeature: b, onAddSlice: f }) => {
-  const y = ne(), w = lt(e), C = kr(e, "feature", t), { showStatuses: k = !0 } = Pe(), R = ta(!y.readOnly && !i ? m : void 0), M = y.readOnly ? void 0 : d, x = (y.actions.featureHeader ?? []).filter((L) => !L.when || L.when(e)), A = (y.actions.featureHeaderLeading ?? []).filter((L) => !L.when || L.when(e)), V = y.actions.featureHeaderMenu ?? [], Z = pv(e, b, f, y.editing);
+}, qo = "color-mix(in srgb, var(--board-feature, #a08ce6) 10%, transparent)", wu = "1px solid color-mix(in srgb, var(--board-feature, #a08ce6) 22%, transparent)", Su = ({ featureId: e, name: t, description: n, documentation: r, height: o, collapsed: i, onToggleCollapse: s, onRenamed: d, status: l, selectableStatuses: c, unselectableStatusReason: u, detailsVisible: m = !1, onToggleDetails: v, dragging: p = !1, onDragStart: g, error: h, onAddSubFeature: b, onAddSlice: f }) => {
+  const y = ne(), w = lt(e), C = kr(e, "feature", t), { showStatuses: k = !0 } = Pe(), R = ta(!y.readOnly && !i ? g : void 0), M = y.readOnly ? void 0 : d, x = (y.actions.featureHeader ?? []).filter((L) => !L.when || L.when(e)), A = (y.actions.featureHeaderLeading ?? []).filter((L) => !L.when || L.when(e)), V = y.actions.featureHeaderMenu ?? [], Z = pv(e, b, f, y.editing);
   return /* @__PURE__ */ S(re, { children: [/* @__PURE__ */ a(Zi, {
     marker: w || C.marker ? /* @__PURE__ */ S(re, { children: [w && /* @__PURE__ */ a(It, {
       change: w,
@@ -4780,7 +4780,7 @@ var gu = ({ type: e }) => /* @__PURE__ */ a("svg", {
         optimistic: !1
       }),
       !y.readOnly && v && /* @__PURE__ */ a(Qi, {
-        visible: g,
+        visible: m,
         onToggle: v
       }),
       !y.readOnly && x.map((L) => /* @__PURE__ */ a("button", {
@@ -4969,9 +4969,9 @@ var xu = ({ state: e, specification: t }) => {
     "aria-expanded": r,
     "aria-controls": d,
     "aria-label": r ? n.collapse : `${n.expand}: ${e}`,
-    onClick: () => o((g) => !g),
-    onKeyDown: (g) => {
-      g.key === "Escape" && r && o(!1);
+    onClick: () => o((m) => !m),
+    onKeyDown: (m) => {
+      m.key === "Escape" && r && o(!1);
     },
     children: [/* @__PURE__ */ a("i", {
       className: `pi ${r ? "pi-chevron-down" : "pi-chevron-right"}`,
@@ -5098,8 +5098,8 @@ var xu = ({ state: e, specification: t }) => {
   [Ne.CouldNotRun]: "could-not-run",
   [Ne.Inconclusive]: "inconclusive",
   [Ne.Unavailable]: "could-not-run"
-}, Pu = ({ name: e, description: t, documentation: n, collapsed: r, onToggleCollapse: o, runState: i, runMessage: s, builderResult: d, builderMessage: l, nameNotice: c, annotations: u, onRenamed: g, onDeleted: v, runControl: p }) => {
-  const { messages: m, readOnly: h } = ne(), b = Fe(), f = b ? void 0 : g, y = b ? void 0 : v;
+}, Pu = ({ name: e, description: t, documentation: n, collapsed: r, onToggleCollapse: o, runState: i, runMessage: s, builderResult: d, builderMessage: l, nameNotice: c, annotations: u, onRenamed: m, onDeleted: v, runControl: p }) => {
+  const { messages: g, readOnly: h } = ne(), b = Fe(), f = b ? void 0 : m, y = b ? void 0 : v;
   return /* @__PURE__ */ S("div", {
     className: "event-modeling-grid-specification-outer-row",
     children: [/* @__PURE__ */ a("div", {
@@ -5133,7 +5133,7 @@ var xu = ({ state: e, specification: t }) => {
               children: /* @__PURE__ */ a(Ln, {
                 value: b || !f ? Ma(e) : e,
                 onChange: (w) => f?.(w),
-                placeholder: m.specifications.namePlaceholder,
+                placeholder: g.specifications.namePlaceholder,
                 style: {
                   fontSize: 11,
                   fontWeight: 500,
@@ -5158,8 +5158,8 @@ var xu = ({ state: e, specification: t }) => {
               type: "button",
               className: "spec-delete-button",
               onClick: y,
-              "aria-label": m.specifications.delete,
-              title: m.specifications.delete,
+              "aria-label": g.specifications.delete,
+              title: g.specifications.delete,
               children: /* @__PURE__ */ a("i", { className: "pi pi-trash" })
             })
           ]
@@ -5268,7 +5268,7 @@ var xu = ({ state: e, specification: t }) => {
   }), s = new Set(e.map((l) => l.id.toString())), d = r.filter((l) => !s.has(l.id.toString()));
   return d.length || i.some((l, c) => l !== e[c]) ? [...i, ...d] : e;
 }, ju = ({ sliceId: e, width: t, collapsed: n, specifications: r, runInfoFor: o, nameNoticeFor: i, annotations: s, renderRows: d }) => {
-  const { editing: l, actions: c, messages: u } = ne(), g = Fe(), [v, p] = D(r), [m, h] = D(!1), [b, f] = D(!1), [y, w] = D(!1), C = ve(Fu, []), k = ve($u, []), R = O(0), M = O(!1), x = O(!1), A = O(!1), V = O(/* @__PURE__ */ new Set()), Z = Wu(g, l), L = Z ? r : v;
+  const { editing: l, actions: c, messages: u } = ne(), m = Fe(), [v, p] = D(r), [g, h] = D(!1), [b, f] = D(!1), [y, w] = D(!1), C = ve(Fu, []), k = ve($u, []), R = O(0), M = O(!1), x = O(!1), A = O(!1), V = O(/* @__PURE__ */ new Set()), Z = Wu(m, l), L = Z ? r : v;
   oe(() => {
     p((I) => zu(I, r, Z, Date.now() <= R.current, V.current));
   }, [r, Z]);
@@ -5299,12 +5299,12 @@ var xu = ({ state: e, specification: t }) => {
       name: j
     } : ie)), l.onSpecificationRenamed?.(e, I, j);
   }, q = (I, j) => {
-    g || !l.onSpecificationOpenStateSet || (p((U) => U.map((ie) => ie.id.equals(I) ? {
+    m || !l.onSpecificationOpenStateSet || (p((U) => U.map((ie) => ie.id.equals(I) ? {
       ...ie,
       collapsed: !j
     } : ie)), l.onSpecificationOpenStateSet?.(e, I, j));
   }, P = async (I) => {
-    if (!(g || x.current || !c.specificationsGenerate)) {
+    if (!(m || x.current || !c.specificationsGenerate)) {
       x.current = !0, h(!0);
       try {
         await c.specificationsGenerate.onActivate(e, I) && (R.current = Date.now() + qu);
@@ -5313,7 +5313,7 @@ var xu = ({ state: e, specification: t }) => {
       }
     }
   }, $ = async (I) => {
-    if (!(g || A.current || !c.specificationsRunAll || c.specificationsRunAll.disabled)) {
+    if (!(m || A.current || !c.specificationsRunAll || c.specificationsRunAll.disabled)) {
       A.current = !0, f(!0);
       try {
         await c.specificationsRunAll.onActivate(e, I);
@@ -5321,7 +5321,7 @@ var xu = ({ state: e, specification: t }) => {
         A.current = !1, f(!1);
       }
     }
-  }, K = c.specificationsGenerate, T = c.specificationsRunAll, H = !g && K && (!K.when || K.when(e)), J = L.length > 0 && T && (!T.when || T.when(e));
+  }, K = c.specificationsGenerate, T = c.specificationsRunAll, H = !m && K && (!K.when || K.when(e)), J = L.length > 0 && T && (!T.when || T.when(e));
   return n ? /* @__PURE__ */ a(re, { children: L.map((I) => {
     const { state: j, message: U } = o(I);
     return /* @__PURE__ */ a("div", {
@@ -5367,7 +5367,7 @@ var xu = ({ state: e, specification: t }) => {
           onClick: (I) => {
             $(I.currentTarget.getBoundingClientRect());
           },
-          disabled: g || b || T.disabled,
+          disabled: m || b || T.disabled,
           "aria-label": T.tooltip,
           children: T.icon
         })
@@ -5407,7 +5407,7 @@ var xu = ({ state: e, specification: t }) => {
         })]
       }, `${I.id.toString()}:${mr(I)}`);
     }),
-    !g && (l.onSpecificationAdded || H) && /* @__PURE__ */ S("div", {
+    !m && (l.onSpecificationAdded || H) && /* @__PURE__ */ S("div", {
       className: "event-modeling-grid-specification-add-area",
       children: [l.onSpecificationAdded && /* @__PURE__ */ a(ye, {
         content: u.specifications.add,
@@ -5430,10 +5430,10 @@ var xu = ({ state: e, specification: t }) => {
           onClick: (I) => {
             P(I.currentTarget.getBoundingClientRect());
           },
-          disabled: m,
+          disabled: g,
           className: "event-modeling-grid-add-button--small",
           "aria-label": K.tooltip,
-          children: m ? /* @__PURE__ */ a("i", { className: "pi pi-spin pi-spinner" }) : K.icon
+          children: g ? /* @__PURE__ */ a("i", { className: "pi pi-spin pi-spinner" }) : K.icon
         })
       })]
     })
@@ -5496,12 +5496,12 @@ function Zu(e, t) {
   return Et(() => {
     const d = n.current, l = Qu();
     if (!d || !l) return;
-    const c = (g, v) => (l.font = `${t.fontWeight} ${v}px ${t.fontFamily}`, l.measureText(g).width), u = Yu(e, {
+    const c = (m, v) => (l.font = `${t.fontWeight} ${v}px ${t.fontFamily}`, l.measureText(m).width), u = Yu(e, {
       maxFontSizePx: r,
       minFontSizePx: o,
       availableWidthPx: d.clientWidth
     }, c);
-    s((g) => Xu(g, u) ? g : u);
+    s((m) => Xu(m, u) ? m : u);
   }, [
     e,
     r,
@@ -5510,26 +5510,26 @@ function Zu(e, t) {
     t.fontFamily
   ]), [n, i];
 }
-var Ku = 250, Ju = "Inter, Helvetica, Arial, sans-serif", vt = ({ name: e, backgroundColor: t, textColor: n, isSelected: r = !1, disabled: o = !1, onSelected: i, onStartEdit: s, extraContent: d, children: l, ariaLabel: c, ariaPressed: u, "data-event-id": g, "data-card-id": v, "data-slice-id": p }) => {
-  const m = O(null), h = !!(i ?? s) || o, b = Nt(Pe().textSize), [f, y] = Zu(e, {
+var Ku = 250, Ju = "Inter, Helvetica, Arial, sans-serif", vt = ({ 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": m, "data-card-id": v, "data-slice-id": p }) => {
+  const g = O(null), h = !!(i ?? s) || o, b = Nt(Pe().textSize), [f, y] = Zu(e, {
     fontFamily: Ju,
     fontWeight: "bold",
     maxFontSizePx: rr(13, b),
     minFontSizePx: rr(10, b)
   });
   oe(() => () => {
-    m.current && clearTimeout(m.current);
+    g.current && clearTimeout(g.current);
   }, []);
   const w = G((M) => {
-    if (M.stopPropagation(), m.current) {
-      clearTimeout(m.current), m.current = null;
+    if (M.stopPropagation(), g.current) {
+      clearTimeout(g.current), g.current = null;
       return;
     }
-    m.current = setTimeout(() => {
-      m.current = null, i?.();
+    g.current = setTimeout(() => {
+      g.current = null, i?.();
     }, Ku);
   }, [i]), C = G((M) => {
-    M.stopPropagation(), m.current && (clearTimeout(m.current), m.current = null), s?.();
+    M.stopPropagation(), g.current && (clearTimeout(g.current), g.current = null), s?.();
   }, [s]), k = r ? {
     outline: `2px solid ${t}`,
     outlineOffset: 2
@@ -5557,13 +5557,13 @@ var Ku = 250, Ju = "Inter, Helvetica, Arial, sans-serif", vt = ({ name: e, backg
     onDoubleClick: C,
     "aria-label": c,
     "aria-pressed": u,
-    "data-event-id": g,
+    "data-event-id": m,
     "data-card-id": v,
     "data-slice-id": p,
     children: R
   }) : /* @__PURE__ */ a("div", {
     className: "event-modeling-card",
-    "data-event-id": g,
+    "data-event-id": m,
     "data-card-id": v,
     "data-slice-id": p,
     children: R
@@ -5656,8 +5656,8 @@ var Ku = 250, Ju = "Inter, Helvetica, Arial, sans-serif", vt = ({ name: e, backg
             ...s
           },
           "data-drop-target": l ? "root" : void 0,
-          onClick: (g) => {
-            g.stopPropagation(), d?.();
+          onClick: (m) => {
+            m.stopPropagation(), d?.();
           },
           children: [
             o ?? /* @__PURE__ */ a("div", { className: "read-model-card__connector" }),
@@ -5676,7 +5676,7 @@ var Ku = 250, Ju = "Inter, Helvetica, Arial, sans-serif", vt = ({ name: e, backg
           children: /* @__PURE__ */ a(ys, {
             allowKeyProperty: t === me.command,
             allowRequired: ka.includes(t),
-            isPropertyProtected: (g) => g.name.toLowerCase() === "id",
+            isPropertyProtected: (m) => m.name.toLowerCase() === "id",
             ...nm(t, n),
             layout: "tree",
             "aria-label": e
@@ -5871,7 +5871,7 @@ var Ku = 250, Ju = "Inter, Helvetica, Arial, sans-serif", vt = ({ name: e, backg
   const { editing: o, messages: i } = ne(), { sliceId: s, readOnly: d } = bt(), [l, c] = D(), u = d ? void 0 : lm(o, e, s, t);
   return {
     schema: r,
-    onActivate: u ? (g, v) => c(v) : void 0,
+    onActivate: u ? (m, v) => c(v) : void 0,
     overlay: l && u ? /* @__PURE__ */ a(sm, {
       name: n,
       kind: e,
@@ -5943,8 +5943,8 @@ var Ku = 250, Ju = "Inter, Helvetica, Arial, sans-serif", vt = ({ name: e, backg
   fontSize: 11,
   opacity: 0.8,
   marginTop: 4
-}, Vr = ({ kind: e, artifactId: t, summary: n, description: r, tags: o, marker: i, schema: s, showDetails: d = !1, actions: l = [], onActivate: c, onSelected: u, ...g }) => {
-  const v = Fe(), p = lt(t), m = Ce(), h = vm(e, t, g.name, s), b = c ?? (v ? void 0 : h.onActivate), f = O(null), y = () => f.current?.getBoundingClientRect() ?? new DOMRect(), w = v ? [] : l.filter((R) => !R.when || !!t && R.when(t)), C = (R) => w.filter((M) => (M.corner ?? hm.end) === R), k = /* @__PURE__ */ S("div", {
+}, Vr = ({ kind: e, artifactId: t, summary: n, description: r, tags: o, marker: i, schema: s, showDetails: d = !1, actions: l = [], onActivate: c, onSelected: u, ...m }) => {
+  const v = Fe(), p = lt(t), g = Ce(), h = vm(e, t, m.name, s), b = c ?? (v ? void 0 : h.onActivate), f = O(null), y = () => f.current?.getBoundingClientRect() ?? new DOMRect(), w = v ? [] : l.filter((R) => !R.when || !!t && R.when(t)), C = (R) => w.filter((M) => (M.corner ?? hm.end) === R), k = /* @__PURE__ */ S("div", {
     ref: f,
     className: p ? "event-model-change-frame event-model-change-name" : void 0,
     "data-board-change": p,
@@ -5954,8 +5954,8 @@ var Ku = 250, Ju = "Inter, Helvetica, Arial, sans-serif", vt = ({ name: e, backg
       extraContent: /* @__PURE__ */ S(re, { children: [
         /* @__PURE__ */ a(It, {
           change: p,
-          kind: Im(e, m),
-          name: g.name
+          kind: Im(e, g),
+          name: m.name
         }),
         i,
         /* @__PURE__ */ a(km, { tags: o }),
@@ -5969,7 +5969,7 @@ var Ku = 250, Ju = "Inter, Helvetica, Arial, sans-serif", vt = ({ name: e, backg
           children: n
         }),
         d && /* @__PURE__ */ a(qt, {
-          title: g.name,
+          title: m.name,
           schema: h.schema,
           showTitle: !1,
           compact: !0
@@ -5982,8 +5982,8 @@ var Ku = 250, Ju = "Inter, Helvetica, Arial, sans-serif", vt = ({ name: e, backg
         }
         u?.();
       },
-      ...g,
-      ariaLabel: p ? `${g.ariaLabel ?? g.name} · ${An(m, p)}` : g.ariaLabel
+      ...m,
+      ariaLabel: p ? `${m.ariaLabel ?? m.name} · ${An(g, p)}` : m.ariaLabel
     })]
   });
   return e === me.event && w.length === 0 ? k : /* @__PURE__ */ S("div", {
@@ -6034,8 +6034,8 @@ var Ku = 250, Ju = "Inter, Helvetica, Arial, sans-serif", vt = ({ name: e, backg
     }
   })
 }), Rm = 5, Dn = ({ options: e, nameOf: t, color: n, searchPlaceholder: r, emptyLabel: o, onSelect: i, footer: s, trigger: d }) => {
-  const [l, c] = D(!1), [u, g] = D(""), v = O(null), p = O(null), m = e.length > Rm, h = () => {
-    c(!1), g("");
+  const [l, c] = D(!1), [u, m] = D(""), v = O(null), p = O(null), g = e.length > Rm, h = () => {
+    c(!1), m("");
   }, b = ve(() => [v, p], []);
   Ft(b, h, l);
   const f = u ? e.filter((w) => t(w).toLowerCase().includes(u.toLowerCase())) : e, y = (w) => {
@@ -6057,11 +6057,11 @@ var Ku = 250, Ju = "Inter, Helvetica, Arial, sans-serif", vt = ({ name: e, backg
       children: /* @__PURE__ */ S("div", {
         ref: p,
         className: "event-modeling-grid-event-picker-dropdown",
-        children: [m && /* @__PURE__ */ a("input", {
+        children: [g && /* @__PURE__ */ a("input", {
           className: "event-modeling-grid-event-picker-search",
           placeholder: r,
           value: u,
-          onChange: (w) => g(w.target.value),
+          onChange: (w) => m(w.target.value),
           autoFocus: !0,
           onClick: (w) => w.stopPropagation()
         }), /* @__PURE__ */ S("ul", {
@@ -6126,37 +6126,37 @@ var Ku = 250, Ju = "Inter, Helvetica, Arial, sans-serif", vt = ({ name: e, backg
     onSelect: n,
     footer: (c) => /* @__PURE__ */ S(re, { children: [
       o.length > 0 && /* @__PURE__ */ a("li", { className: "event-modeling-grid-event-picker-separator" }),
-      o.map((u, g) => /* @__PURE__ */ a("li", { children: /* @__PURE__ */ a("button", {
+      o.map((u, m) => /* @__PURE__ */ a("li", { children: /* @__PURE__ */ a("button", {
         className: "event-modeling-grid-event-picker-item",
         onClick: () => {
           u.onChosen(), c();
         },
         children: u.label
-      }) }, g)),
+      }) }, m)),
       l.map((u) => /* @__PURE__ */ S(pi.Fragment, { children: [
         /* @__PURE__ */ a("li", { className: "event-modeling-grid-event-picker-separator" }),
         /* @__PURE__ */ a("li", {
           className: "event-modeling-grid-event-picker-empty",
           children: u.heading
         }),
-        u.options.map((g, v) => /* @__PURE__ */ a("li", { children: /* @__PURE__ */ a("button", {
+        u.options.map((m, v) => /* @__PURE__ */ a("li", { children: /* @__PURE__ */ a("button", {
           className: "event-modeling-grid-event-picker-item",
           style: Am,
           onClick: () => {
-            g.onChosen(), c();
+            m.onChosen(), c();
           },
-          children: g.label
+          children: m.label
         }) }, v))
       ] }, u.heading)),
       r.length > 0 && /* @__PURE__ */ a("li", { className: "event-modeling-grid-event-picker-separator" }),
-      r.map((u, g) => /* @__PURE__ */ a("li", { children: /* @__PURE__ */ a("button", {
+      r.map((u, m) => /* @__PURE__ */ a("li", { children: /* @__PURE__ */ a("button", {
         className: "event-modeling-grid-event-picker-item",
         style: Om,
         onClick: () => {
           u.onChosen(), c();
         },
         children: u.label
-      }) }, g))
+      }) }, m))
     ] }),
     trigger: ({ toggle: c }) => /* @__PURE__ */ a(ye, {
       content: d.addItem,
@@ -6315,17 +6315,17 @@ var Ku = 250, Ju = "Inter, Helvetica, Arial, sans-serif", vt = ({ name: e, backg
   const r = e === B.stateChange ? Bn.events : e === B.stateView ? Bn.readModel : void 0;
   return r === void 0 || r === Bn.readModel && (t.givenReadModel || t.givenContexts?.length) ? [] : n.filter((o) => o.kind === r && !t.givenContexts?.some((i) => i.givenContextId.equals(o.givenContextId)));
 }, qm = ({ sliceId: e, sliceType: t, specification: n, contexts: r }) => {
-  const { editing: o, messages: i, navigation: s } = ne(), d = Fe(), [l, c] = D(!1), u = O(!1), [g, v] = D({
+  const { editing: o, messages: i, navigation: s } = ne(), d = Fe(), [l, c] = D(!1), u = O(!1), [m, v] = D({
     added: [],
     removed: /* @__PURE__ */ new Set()
-  }), p = n.givenContexts ?? [], m = _m(g, p);
+  }), p = n.givenContexts ?? [], g = _m(m, p);
   oe(() => {
-    m !== g && v(m);
-  }, [g, m]);
-  const h = Dm(p, m), b = new Set(m.added.map((w) => w.givenContextId.toString())), f = Bm(t, {
+    g !== m && v(g);
+  }, [m, g]);
+  const h = Dm(p, g), b = new Set(g.added.map((w) => w.givenContextId.toString())), f = Bm(t, {
     ...n,
     givenContexts: h
-  }, r ?? []).filter((w) => !m.removed.has(w.givenContextId.toString()));
+  }, r ?? []).filter((w) => !g.removed.has(w.givenContextId.toString()));
   return {
     used: h,
     offered: f,
@@ -6356,8 +6356,8 @@ var Ku = 250, Ju = "Inter, Helvetica, Arial, sans-serif", vt = ({ name: e, backg
   remove: "Remove context",
   saving: "Saving…"
 }, Wm = ({ sliceType: e, specification: t, contexts: n, state: r, labels: o = pn }) => {
-  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 !== B.stateChange && e !== B.stateView ? null : /* @__PURE__ */ a(Dn, {
+  const { used: i, offered: s, busy: d, execute: l, editing: c, messages: u, readOnly: m } = r;
+  return m || n === void 0 || s.length === 0 && !d || !c.onGivenContextUsed || e !== B.stateChange && e !== B.stateView ? null : /* @__PURE__ */ a(Dn, {
     options: s,
     nameOf: (v) => v.name ?? "",
     color: Le.background,
@@ -6418,12 +6418,12 @@ var Ku = 250, Ju = "Inter, Helvetica, Arial, sans-serif", vt = ({ name: e, backg
   onValuesSet: () => {
   }
 }), Hm = ({ sliceId: e, sliceType: t, specification: n, events: r, readModel: o, additionalReadModels: i = [], renamedReadModelName: s, contexts: d, contextLabels: l }) => {
-  const { editing: c, messages: u } = ne(), g = Fe(), { onGivenEventAdded: v, onGivenEventValuesSet: p, onGivenReadModelSet: m, onGivenReadModelValuesSet: h, onGivenEventRemoved: b, onGivenReadModelRemoved: f, onSpecificationItemOpened: y, onGivenReadModelAdded: w, onGivenReadModelItemValuesSet: C, onGivenReadModelItemRemoved: k } = c, R = Gr(g, y), { isQueryMode: M } = zr(n), [x, A] = D(n.givenReadModels ?? []), [V, Z] = D(n.given), [L, te] = D(n.givenReadModel), N = _e($n), [E, q] = D(() => ({
+  const { editing: c, messages: u } = ne(), m = Fe(), { onGivenEventAdded: v, onGivenEventValuesSet: p, onGivenReadModelSet: g, onGivenReadModelValuesSet: h, onGivenEventRemoved: b, onGivenReadModelRemoved: f, onSpecificationItemOpened: y, onGivenReadModelAdded: w, onGivenReadModelItemValuesSet: C, onGivenReadModelItemRemoved: k } = c, R = Gr(m, y), { isQueryMode: M } = zr(n), [x, A] = D(n.givenReadModels ?? []), [V, Z] = D(n.given), [L, te] = D(n.givenReadModel), N = _e($n), [E, q] = D(() => ({
     ...Na(n.given),
     ...n.givenReadModel ? { [n.givenReadModel.id.toString()]: n.givenReadModel.values ?? {} } : {},
     ...Object.fromEntries((n.givenReadModels ?? []).map((F) => [F.id.toString(), F.values ?? {}])),
     ...N.recall(n.id.toString())
-  })), P = g || !(v || p || m || h || b || f || R || w || C || k), $ = P ? n.givenReadModels ?? [] : x, K = P ? n.given : V, T = P ? n.givenReadModel : L, H = qm({
+  })), P = m || !(v || p || g || h || b || f || R || w || C || k), $ = P ? n.givenReadModels ?? [] : x, K = P ? n.given : V, T = P ? n.givenReadModel : L, H = qm({
     sliceId: e,
     sliceType: t,
     specification: {
@@ -6460,7 +6460,7 @@ var Ku = 250, Ju = "Inter, Helvetica, Arial, sans-serif", vt = ({ name: e, backg
       readModelItemId: F.id,
       name: F.name,
       values: ge
-    }), m?.(e, n.id, F.id, F.name), h?.(e, n.id, ge);
+    }), g?.(e, n.id, F.id, F.name), h?.(e, n.id, ge);
   }, Q = (F, ge) => _(F.id, tt.readModel, F.name, ge, F.schema, de(F)), W = (F) => {
     Z((ge) => ge.filter((Me) => !Me.id.equals(F))), b?.(e, n.id, F);
   }, se = () => {
@@ -6479,7 +6479,7 @@ var Ku = 250, Ju = "Inter, Helvetica, Arial, sans-serif", vt = ({ name: e, backg
       ...qe,
       values: ge
     } : qe)), C?.(e, n.id, F.id, ge);
-  }, je = n.whenQuery !== void 0, Ae = !g && !(je && n.whenQuery?.legacy), Ze = Ae && M && J.length > 0 && !!w, Ue = $.map((F) => {
+  }, je = n.whenQuery !== void 0, Ae = !m && !(je && n.whenQuery?.legacy), Ze = Ae && M && J.length > 0 && !!w, Ue = $.map((F) => {
     const ge = J.find((qe) => qe.id.equals(F.readModelItemId)), Me = ge?.name ?? F.name;
     return /* @__PURE__ */ a(Ve, {
       name: Me,
@@ -6488,17 +6488,17 @@ var Ku = 250, Ju = "Inter, Helvetica, Arial, sans-serif", vt = ({ name: e, backg
         name: Me,
         colors: He,
         values: P ? F.values : E[F.id.toString()] ?? F.values,
-        onOpen: R && (g || Ae && C) && ge ? (qe) => _(F.id, tt.readModel, Me, qe, ge.schema, we(F), F.values) : void 0
+        onOpen: R && (m || Ae && C) && ge ? (qe) => _(F.id, tt.readModel, Me, qe, ge.schema, we(F), F.values) : void 0
       })
     }, F.id.toString());
-  }), We = !g && t === B.stateChange && !!v, Ke = !g && !M && J.length > 0 && !!m && !!y && !H.busy && !(t === B.stateView && H.used.length > 0) && $m(!0, !!T), le = T && (I?.id.equals(o?.id ?? pe.empty) ? s ?? I.name : I?.name ?? T.name), ue = T?.id ?? T?.readModelItemId, Oe = T && ue && le !== void 0 && /* @__PURE__ */ a(Ve, {
+  }), We = !m && t === B.stateChange && !!v, Ke = !m && !M && J.length > 0 && !!g && !!y && !H.busy && !(t === B.stateView && H.used.length > 0) && $m(!0, !!T), le = T && (I?.id.equals(o?.id ?? pe.empty) ? s ?? I.name : I?.name ?? T.name), ue = T?.id ?? T?.readModelItemId, Oe = T && ue && le !== void 0 && /* @__PURE__ */ a(Ve, {
     name: le,
     onRemoved: f ? se : void 0,
     children: /* @__PURE__ */ a(ze, {
       name: le,
       colors: He,
       values: P ? T.values : E[ue.toString()] ?? T.values,
-      onOpen: R && (g || m) && I ? (F) => _(ue, tt.readModel, le, F, I.schema, de(I), T.values) : void 0
+      onOpen: R && (m || g) && I ? (F) => _(ue, tt.readModel, le, F, I.schema, de(I), T.values) : void 0
     })
   }, ue.toString()), $e = K.map((F) => {
     const ge = ie.get(Cn(F))?.name ?? F.name;
@@ -6509,7 +6509,7 @@ var Ku = 250, Ju = "Inter, Helvetica, Arial, sans-serif", vt = ({ name: e, backg
         name: ge,
         colors: Le,
         values: P ? F.values : E[F.id.toString()] ?? F.values,
-        onOpen: R && (g || p) ? (Me) => _(F.id, tt.event, ge, Me, ie.get(Cn(F))?.schema, xe(F.id), F.values) : void 0
+        onOpen: R && (m || p) ? (Me) => _(F.id, tt.event, ge, Me, ie.get(Cn(F))?.schema, xe(F.id), F.values) : void 0
       })
     }, F.id.toString());
   }), De = {
@@ -6644,9 +6644,9 @@ var Ku = 250, Ju = "Inter, Helvetica, Arial, sans-serif", vt = ({ name: e, backg
       ...e?.eventSourceId ? { eventSourceId: e.eventSourceId } : {}
     };
 }, Xm = (e, t) => t || Object.keys(e).length > 0, Qm = ({ sliceId: e, sliceType: t, specification: n, command: r, renamedCommandName: o, events: i = [], inputEvents: s = [], trigger: d, sliceName: l, queries: c = [] }) => {
-  const { editing: u, messages: g } = ne(), v = Fe(), { onWhenCommandSet: p, onWhenCommandValuesSet: m, onSpecificationItemOpened: h, onWhenEventRedelivered: b, onWhenRedeliveryRemoved: f, onWhenEventValuesSet: y, onWhenEventRemoved: w, onWhenQuerySet: C, onWhenQueryArgumentsSet: k, onWhenQueryRemoved: R } = u, M = Gr(v, h), x = Du();
+  const { editing: u, messages: m } = ne(), v = Fe(), { onWhenCommandSet: p, onWhenCommandValuesSet: g, onSpecificationItemOpened: h, onWhenEventRedelivered: b, onWhenRedeliveryRemoved: f, onWhenEventValuesSet: y, onWhenEventRemoved: w, onWhenQuerySet: C, onWhenQueryArgumentsSet: k, onWhenQueryRemoved: R } = u, M = Gr(v, h), x = Du();
   zr(n);
-  const [A, V] = D(n.whenQuery), [Z, L] = D(n.when), [te, N] = D(n.whenRedelivered), E = _e($n), [q, P] = D(() => E.recall(n.id.toString()).when ?? n.when?.values ?? {}), $ = v || !(p || m || M || b || f || y || w || C || k || R), [K, T] = D(() => E.recall(n.id.toString())[Qo]), H = $ ? n.whenEvent : Ym(n.whenEvent, K), J = $ ? n.whenRedelivered : te, I = $ ? n.when : Z ?? n.when, j = (Y) => {
+  const [A, V] = D(n.whenQuery), [Z, L] = D(n.when), [te, N] = D(n.whenRedelivered), E = _e($n), [q, P] = D(() => E.recall(n.id.toString()).when ?? n.when?.values ?? {}), $ = v || !(p || g || M || b || f || y || w || C || k || R), [K, T] = D(() => E.recall(n.id.toString())[Qo]), H = $ ? n.whenEvent : Ym(n.whenEvent, K), J = $ ? n.whenRedelivered : te, I = $ ? n.when : Z ?? n.when, j = (Y) => {
     const fe = pe.create();
     L({
       id: fe,
@@ -6725,13 +6725,13 @@ var Ku = 250, Ju = "Inter, Helvetica, Arial, sans-serif", vt = ({ name: e, backg
       P(Ot), L((tn) => tn && {
         ...tn,
         values: Ot
-      }), E.remember(n.id.toString(), Ho, Ot), m?.(e, n.id, Ot);
+      }), E.remember(n.id.toString(), Ho, Ot), g?.(e, n.id, Ot);
     }
-  }), we = t === B.stateChange ? r : void 0, je = t === B.stateView ? i : t === B.translator ? s : [], Ae = !!we && !!I && (I.commandId ? we.id.equals(I.commandId) : !I.name || I.name === we.name), Ze = I && (I.commandId && r?.id.equals(I.commandId) ? o ?? I.name : I.name), Ue = !!M && (v || !!m), We = Ae && I ? I.id : we?.id, Ke = Ae ? $ ? I?.values : q : void 0, le = n.caller, ue = $ ? I?.values : q, Oe = t === B.automation || t === B.translator, $e = J && n.given.find((Y) => Y.id.equals(J.givenEventId));
+  }), we = t === B.stateChange ? r : void 0, je = t === B.stateView ? i : t === B.translator ? s : [], Ae = !!we && !!I && (I.commandId ? we.id.equals(I.commandId) : !I.name || I.name === we.name), Ze = I && (I.commandId && r?.id.equals(I.commandId) ? o ?? I.name : I.name), Ue = !!M && (v || !!g), We = Ae && I ? I.id : we?.id, Ke = Ae ? $ ? I?.values : q : void 0, le = n.caller, ue = $ ? I?.values : q, Oe = t === B.automation || t === B.translator, $e = J && n.given.find((Y) => Y.id.equals(J.givenEventId));
   if (Oe && J && $e) {
-    const Y = i.find((Ee) => Ee.id.equals($e.eventId))?.name ?? $e.name, fe = l ? g.specifications.redeliveredTo.replace("{slice}", l) : g.specifications.redelivered;
+    const Y = i.find((Ee) => Ee.id.equals($e.eventId))?.name ?? $e.name, fe = l ? m.specifications.redeliveredTo.replace("{slice}", l) : m.specifications.redelivered;
     return /* @__PURE__ */ S(Ct, {
-      headline: g.specifications.when,
+      headline: m.specifications.when,
       children: [/* @__PURE__ */ a(Ve, {
         name: Y,
         onRemoved: f ? Q : void 0,
@@ -6749,7 +6749,7 @@ var Ku = 250, Ju = "Inter, Helvetica, Arial, sans-serif", vt = ({ name: e, backg
   if (U) {
     const Y = !v && !U.legacy, fe = c.find((Se) => Se.id.equals(U.queryItemId)), Ee = fe?.name ?? U.name;
     return /* @__PURE__ */ a(Ct, {
-      headline: g.specifications.when,
+      headline: m.specifications.when,
       children: /* @__PURE__ */ a(Ve, {
         name: Ee,
         onRemoved: Y && R ? _ : void 0,
@@ -6764,9 +6764,9 @@ var Ku = 250, Ju = "Inter, Helvetica, Arial, sans-serif", vt = ({ name: e, backg
   }
   const De = t === B.stateView ? i : [];
   if (H && !De.some((Y) => Yn(H, Y))) {
-    const Y = i.find((Se) => Se.id.equals(H.eventId) || Se.name.toLowerCase() === H.name.toLowerCase()), fe = Y?.name ?? H.name, Ee = g.specifications.values ?? _t;
+    const Y = i.find((Se) => Se.id.equals(H.eventId) || Se.name.toLowerCase() === H.name.toLowerCase()), fe = Y?.name ?? H.name, Ee = m.specifications.values ?? _t;
     return /* @__PURE__ */ a(Ct, {
-      headline: g.specifications.when,
+      headline: m.specifications.when,
       children: /* @__PURE__ */ a(Ve, {
         name: fe,
         onRemoved: w ? xe : void 0,
@@ -6781,14 +6781,14 @@ var Ku = 250, Ju = "Inter, Helvetica, Arial, sans-serif", vt = ({ name: e, backg
     });
   }
   const F = !!I && Object.keys(I.values ?? {}).length > 0, ge = Oe ? jm(n.given, d, i, s) : [], Me = !v && !F && b && ge.length > 0 ? [{
-    heading: g.specifications.redeliverGivenEvent,
+    heading: m.specifications.redeliverGivenEvent,
     options: ge.map((Y) => ({
       label: i.find((fe) => fe.id.equals(Y.eventId))?.name ?? Y.name,
       onChosen: () => de(Y.id)
     }))
   }] : [], qe = !v && t === B.stateView && !H && !I && !J && c.length > 0 && !!C, Rt = !v && t !== B.stateChange && t !== B.stateView && !I && !!r && !!p;
   return /* @__PURE__ */ S(Ct, {
-    headline: g.specifications.when,
+    headline: m.specifications.when,
     actions: (Rt || Me.length > 0 || qe) && (qe ? /* @__PURE__ */ a(Wt, {
       options: c,
       nameOf: (Y) => Y.name,
@@ -6821,7 +6821,7 @@ var Ku = 250, Ju = "Inter, Helvetica, Arial, sans-serif", vt = ({ name: e, backg
           colors: t === B.translator ? gr : Le,
           caller: le,
           values: fe ? H?.values : void 0,
-          message: fe && H?.eventSourceId ? Yo(H.eventSourceId, g.specifications.values ?? _t) : void 0,
+          message: fe && H?.eventSourceId ? Yo(H.eventSourceId, m.specifications.values ?? _t) : void 0,
           onOpen: Te && Ee ? (Je) => se(Ee, Je) : void 0
         }, Y.id.toString());
         return fe ? /* @__PURE__ */ a(Ve, {
@@ -6919,11 +6919,11 @@ var Ku = 250, Ju = "Inter, Helvetica, Arial, sans-serif", vt = ({ name: e, backg
     disabled: n
   });
 }, ng = ({ sliceId: e, sliceType: t, specification: n, events: r, command: o, readModel: i, renamedEventNames: s = {}, extra: d, extraGroups: l, queries: c = [], onItemsChanged: u }) => {
-  const { editing: g, messages: v } = ne(), p = Fe(), { onThenEventAdded: m, onThenEventValuesSet: h, onThenErrorAdded: b, onThenRuleErrorAdded: f, onThenErrorRenamed: y, onThenEventRemoved: w, onThenErrorRemoved: C, onThenReadModelValuesSet: k, onSpecificationItemOpened: R, onThenNoEventsExpected: M, onThenNoEventsRemoved: x, onThenEventsInAnyOrderExpected: A, onThenEventsInAnyOrderRemoved: V, onThenResultAdded: Z, onThenResultValuesSet: L, onThenResultRemoved: te, onThenQueryRemoved: N } = g, E = Gr(p, R), { isQueryMode: q, queryItemId: P } = zr(n), [$, K] = D(n.thenReadModels ?? []), [T, H] = D(n.thenEvents), [J, I] = D(n.thenErrors), [j, U] = D(n.thenNoEvents === !0), [ie, _] = D(n.thenEventsInAnyOrder === !0), X = _e($n), de = X.recall(n.id.toString()), [Q, W] = D(() => ({
+  const { editing: m, messages: v } = ne(), p = Fe(), { onThenEventAdded: g, onThenEventValuesSet: h, onThenErrorAdded: b, onThenRuleErrorAdded: f, onThenErrorRenamed: y, onThenEventRemoved: w, onThenErrorRemoved: C, onThenReadModelValuesSet: k, onSpecificationItemOpened: R, onThenNoEventsExpected: M, onThenNoEventsRemoved: x, onThenEventsInAnyOrderExpected: A, onThenEventsInAnyOrderRemoved: V, onThenResultAdded: Z, onThenResultValuesSet: L, onThenResultRemoved: te, onThenQueryRemoved: N } = m, E = Gr(p, R), { isQueryMode: q, queryItemId: P } = zr(n), [$, K] = D(n.thenReadModels ?? []), [T, H] = D(n.thenEvents), [J, I] = D(n.thenErrors), [j, U] = D(n.thenNoEvents === !0), [ie, _] = D(n.thenEventsInAnyOrder === !0), X = _e($n), de = X.recall(n.id.toString()), [Q, W] = D(() => ({
     ...Na(n.thenEvents),
     ...Object.fromEntries((n.thenReadModels ?? []).map((z) => [z.id.toString(), z.values ?? {}])),
     ...de
-  })), se = n.thenReadModel, xe = !!se && !!i && i.id.equals(se.readModelItemId), [Te, Be] = D(() => de[i?.id.toString() ?? ""] ?? (xe ? se?.values : void 0) ?? {}), we = p || !(m || h || b || f || y || w || C || k || E || M || x || A || V || Z || L || te || N), je = we ? n.thenReadModels ?? [] : $, Ae = we ? n.thenNoEvents === !0 : j, Ze = we ? n.thenEventsInAnyOrder === !0 : ie, Ue = we ? n.thenEvents : T, We = we ? n.thenErrors : J;
+  })), se = n.thenReadModel, xe = !!se && !!i && i.id.equals(se.readModelItemId), [Te, Be] = D(() => de[i?.id.toString() ?? ""] ?? (xe ? se?.values : void 0) ?? {}), we = p || !(g || h || b || f || y || w || C || k || E || M || x || A || V || Z || L || te || N), je = we ? n.thenReadModels ?? [] : $, Ae = we ? n.thenNoEvents === !0 : j, Ze = we ? n.thenEventsInAnyOrder === !0 : ie, Ue = we ? n.thenEvents : T, We = we ? n.thenErrors : J;
   oe(() => {
     u?.(Ue.length, We.length);
   }, [
@@ -6986,7 +6986,7 @@ var Ku = 250, Ju = "Inter, Helvetica, Arial, sans-serif", vt = ({ name: e, backg
       eventId: z.id,
       name: z.name,
       values: {}
-    }]), m?.(e, n.id, he, z.id, z.name);
+    }]), g?.(e, n.id, he, z.id, z.name);
   }, Se = () => {
     const z = pe.create(), he = v.specifications.error;
     I((be) => [...be, {
@@ -7096,7 +7096,7 @@ var Ku = 250, Ju = "Inter, Helvetica, Arial, sans-serif", vt = ({ name: e, backg
   }] : [], ...f ? le.map((z) => ({
     label: z.label,
     onChosen: () => Je(z.reference)
-  })) : []] : [], ls = ue.events && m && !Ae ? r : [], so = l ?? [], ds = so.some((z) => z.options.length > 0);
+  })) : []] : [], ls = ue.events && g && !Ae ? r : [], so = l ?? [], ds = so.some((z) => z.options.length > 0);
   if (q) return /* @__PURE__ */ S(Ct, {
     headline: v.specifications.then,
     actions: fe && i && /* @__PURE__ */ a(Wt, {
@@ -7117,7 +7117,7 @@ var Ku = 250, Ju = "Inter, Helvetica, Arial, sans-serif", vt = ({ name: e, backg
       })
     ]
   });
-  const cs = ue.events && m !== void 0 && !Ae || ao.length > 0 || ds || io.length > 0, us = !p && cs && /* @__PURE__ */ a(Wt, {
+  const cs = ue.events && g !== void 0 && !Ae || ao.length > 0 || ds || io.length > 0, us = !p && cs && /* @__PURE__ */ a(Wt, {
     options: ls,
     nameOf: (z) => z.name,
     onChosen: Ee,
@@ -7200,30 +7200,30 @@ var Ku = 250, Ju = "Inter, Helvetica, Arial, sans-serif", vt = ({ name: e, backg
       })
     })
   });
-}, ig = (e) => e.slice.preview ? /* @__PURE__ */ a(og, { ...e }) : /* @__PURE__ */ a(La, { ...e }), La = ({ slice: e, collapsed: t, moduleId: n, featureId: r, collection: o, rows: i, heights: s, priorEvents: d, followingEvents: l = [], externalEvents: c, slots: u, controls: g, header: v }) => {
-  const { detailLevel: p, detailsVisibility: m } = Pe(), h = Mi(p, ki(m, n.toString(), r.toString(), e.id.toString())), b = /* @__PURE__ */ a(Wv, {
+}, ig = (e) => e.slice.preview ? /* @__PURE__ */ a(og, { ...e }) : /* @__PURE__ */ a(La, { ...e }), La = ({ slice: e, collapsed: t, moduleId: n, featureId: r, collection: o, rows: i, heights: s, priorEvents: d, followingEvents: l = [], externalEvents: c, slots: u, controls: m, header: v }) => {
+  const { detailLevel: p, detailsVisibility: g } = Pe(), h = Mi(p, ki(g, n.toString(), r.toString(), e.id.toString())), b = /* @__PURE__ */ a(Wv, {
     featureId: r,
     slice: e,
     eventCount: e.events.length,
     collapsed: t,
-    isDragging: g?.isDragging,
-    onSliceDragStart: g?.onSliceDragStart,
+    isDragging: m?.isDragging,
+    onSliceDragStart: m?.onSliceDragStart,
     collapsedWidth: ae.collapsedSliceWidth,
-    header: v ?? u?.sliceHeader?.(e, g ?? {
+    header: v ?? u?.sliceHeader?.(e, m ?? {
       collapsed: t,
       sliceCollapsed: e.collapsed,
       isDragging: !1
     }) ?? /* @__PURE__ */ a(Pi, {
       editing: {
-        onSliceAdded: g?.onAddSlice ? (f, y) => g.onAddSlice?.(y, e.id) : void 0,
-        onSliceOpenStateSet: g?.onToggleCollapse ? () => g.onToggleCollapse?.() : void 0,
-        onSliceRenamed: g?.onRenamed ? (f, y) => g.onRenamed?.(y) : void 0
+        onSliceAdded: m?.onAddSlice ? (f, y) => m.onAddSlice?.(y, e.id) : void 0,
+        onSliceOpenStateSet: m?.onToggleCollapse ? () => m.onToggleCollapse?.() : void 0,
+        onSliceRenamed: m?.onRenamed ? (f, y) => m.onRenamed?.(y) : void 0
       },
       children: /* @__PURE__ */ a(Ua, {
         slice: e,
         height: ae.headerHeight,
         collapsed: t,
-        onToggleCollapse: g?.onToggleCollapse
+        onToggleCollapse: m?.onToggleCollapse
       })
     }),
     headerHeight: ae.headerHeight,
@@ -7297,10 +7297,10 @@ var Ku = 250, Ju = "Inter, Helvetica, Arial, sans-serif", vt = ({ name: e, backg
       style: { height: sa(o, i, s) },
       "aria-hidden": "true"
     }),
-    specifications: e.preview ? void 0 : (f, y) => u?.specifications ? u.specifications(e, f, y, t || (g?.sliceCollapsed ?? e.collapsed)) : f && /* @__PURE__ */ a(ju, {
+    specifications: e.preview ? void 0 : (f, y) => u?.specifications ? u.specifications(e, f, y, t || (m?.sliceCollapsed ?? e.collapsed)) : f && /* @__PURE__ */ a(ju, {
       sliceId: e.id,
       width: y,
-      collapsed: t || (g?.sliceCollapsed ?? e.collapsed),
+      collapsed: t || (m?.sliceCollapsed ?? e.collapsed),
       specifications: e.specifications,
       annotations: e.annotations,
       runInfoFor: (w) => ({
@@ -7355,9 +7355,9 @@ var Ku = 250, Ju = "Inter, Helvetica, Arial, sans-serif", vt = ({ name: e, backg
       children: e.name
     })]
   })
-}), ag = ({ feature: e, options: t, moduleId: n, collection: r, rows: o, heights: i, slices: s, externalEvents: d, slots: l, editor: c, onSliceArea: u, sliceAreas: g, renderHeader: v, onSlicesChanged: p }) => {
-  const m = O(null), { textSize: h } = Pe(), b = G((M) => Tn(M, Nt(h)), [h]), f = (M) => s.slice(0, s.findIndex((x) => x.id.equals(M))).filter((x) => x.sliceType === B.stateChange).flatMap((x) => x.events), y = (M) => s.slice(s.findIndex((x) => x.id.equals(M)) + 1).filter((x) => x.sliceType === B.stateChange).flatMap((x) => x.events), w = G(async (M, x, A) => {
-    const V = g.get(x.toString());
+}), ag = ({ feature: e, options: t, moduleId: n, collection: r, rows: o, heights: i, slices: s, externalEvents: d, slots: l, editor: c, onSliceArea: u, sliceAreas: m, renderHeader: v, onSlicesChanged: p }) => {
+  const g = O(null), { textSize: h } = Pe(), b = G((M) => Tn(M, Nt(h)), [h]), f = (M) => s.slice(0, s.findIndex((x) => x.id.equals(M))).filter((x) => x.sliceType === B.stateChange).flatMap((x) => x.events), y = (M) => s.slice(s.findIndex((x) => x.id.equals(M)) + 1).filter((x) => x.sliceType === B.stateChange).flatMap((x) => x.events), w = G(async (M, x, A) => {
+    const V = m.get(x.toString());
     V?.moveIn(M, A);
     try {
       const Z = await c.onMoveSlice?.(M, e.id, x, A) ?? !1;
@@ -7368,9 +7368,9 @@ var Ku = 250, Ju = "Inter, Helvetica, Arial, sans-serif", vt = ({ name: e, backg
   }, [
     c.onMoveSlice,
     e.id,
-    g
+    m
   ]), C = G((M, x) => {
-    !c.onMoveSlice || x.equals(e.id) || !m.current?.moveOut(M.id) || w(M, x, Number.MAX_SAFE_INTEGER).then((A) => m.current?.completeMoveOut(M.id, A));
+    !c.onMoveSlice || x.equals(e.id) || !g.current?.moveOut(M.id) || w(M, x, Number.MAX_SAFE_INTEGER).then((A) => g.current?.completeMoveOut(M.id, A));
   }, [
     c.onMoveSlice,
     e.id,
@@ -7399,7 +7399,7 @@ var Ku = 250, Ju = "Inter, Helvetica, Arial, sans-serif", vt = ({ name: e, backg
     }),
     slices: /* @__PURE__ */ a(oh, {
       ref: (M) => {
-        m.current = M, u(M);
+        g.current = M, u(M);
       },
       initialSlices: e.slices,
       moduleId: n,
@@ -7432,33 +7432,33 @@ var Ku = 250, Ju = "Inter, Helvetica, Arial, sans-serif", vt = ({ name: e, backg
           onSliceDragStart: x.onSliceDragStart,
           onAddSlice: c.onAddSlice ? x.addSlice : void 0,
           onToggleCollapse: c.onSliceCollapseChanged ? () => {
-            m.current?.updateSlices((A) => A.map((V) => V.id.equals(M.id) ? {
+            g.current?.updateSlices((A) => A.map((V) => V.id.equals(M.id) ? {
               ...V,
               collapsed: !x.sliceCollapsed
             } : V)), c.onSliceCollapseChanged?.(e.id, M.id, !x.sliceCollapsed);
           } : void 0,
           onRenamed: c.onSliceRenamed ? (A) => {
-            m.current?.updateSlices((V) => V.map((Z) => Z.id.equals(M.id) ? {
+            g.current?.updateSlices((V) => V.map((Z) => Z.id.equals(M.id) ? {
               ...Z,
               name: A
             } : Z)), c.onSliceRenamed?.(e.id, M.id, A);
           } : void 0,
           onMoveToFeature: c.onMoveSlice ? (A) => C(M, A) : void 0,
           onDuplicated: c.onSliceDuplicated ? (A) => {
-            c.onSliceDuplicated?.(e.id, M.id, A), m.current?.addProjectedSlice(ih(M, A, e.slices.map((V) => V.name), k(e.slices)), M.id);
+            c.onSliceDuplicated?.(e.id, M.id, A), g.current?.addProjectedSlice(ih(M, A, e.slices.map((V) => V.name), k(e.slices)), M.id);
           } : void 0
         }
       })
     })
   });
 }, sg = ({ ref: e, moduleId: t, collection: n, features: r, rows: o, heights: i, slots: s, editor: d, onFeaturesChanged: l }) => {
-  const c = O(/* @__PURE__ */ new Map()), u = O(null), { textSize: g } = Pe(), v = G((f) => Tn(f, Nt(g)), [g]);
+  const c = O(/* @__PURE__ */ new Map()), u = O(null), { textSize: m } = Pe(), v = G((f) => Tn(f, Nt(m)), [m]);
   Vt(e, () => ({
     addFeature: (f) => u.current?.addFeature(f) ?? Promise.resolve(),
     addSubFeature: (f, y) => u.current?.addSubFeature(f, y) ?? Promise.resolve(),
     updateFeature: (f, y) => u.current?.updateFeature(f, y)
   }), []);
-  const p = Kt(n).map((f) => f.slice), m = Kt({
+  const p = Kt(n).map((f) => f.slice), g = Kt({
     ...n,
     modules: n.modules.filter((f) => !f.id.equals(t))
   }).flatMap((f) => f.slice.events), h = (f) => d.onAddSlice ? (y, w) => c.current.get(f.toString())?.addSlice(y, void 0, w) : void 0, b = (f, y) => s?.featureHeader?.(f, y) ?? /* @__PURE__ */ a(Su, {
@@ -7502,7 +7502,7 @@ var Ku = 250, Ju = "Inter, Helvetica, Arial, sans-serif", vt = ({ name: e, backg
       rows: o,
       heights: i,
       slices: p,
-      externalEvents: m,
+      externalEvents: g,
       slots: s,
       editor: d,
       sliceAreas: c.current,
@@ -7519,22 +7519,22 @@ var Ku = 250, Ju = "Inter, Helvetica, Arial, sans-serif", vt = ({ name: e, backg
       })
     })
   });
-}, lg = ({ module: e, liveFeatures: t, index: n, collection: r, rows: o, heights: i, slots: s, editor: d, dragging: l, onDragStart: c, onAddModule: u, onToggleCollapse: g, onRenamed: v, onFeaturesChanged: p }) => {
-  const m = O(null), h = O(null), b = d.onAddFeature ? (M) => {
+}, lg = ({ module: e, liveFeatures: t, index: n, collection: r, rows: o, heights: i, slots: s, editor: d, dragging: l, onDragStart: c, onAddModule: u, onToggleCollapse: m, onRenamed: v, onFeaturesChanged: p }) => {
+  const g = O(null), h = O(null), b = d.onAddFeature ? (M) => {
     h.current?.addFeature(M);
-  } : void 0, f = Or(m, void 0, "heavy"), { density: y, textSize: w } = Pe(), C = Nt(w), k = da(e.name, t ?? e.features, y, C), R = /* @__PURE__ */ a(Dc, {
+  } : void 0, f = Or(g, void 0, "heavy"), { density: y, textSize: w } = Pe(), C = Nt(w), k = da(e.name, t ?? e.features, y, C), R = /* @__PURE__ */ a(Dc, {
     moduleId: e.id,
     collectionId: r.id,
     index: n,
     width: k,
     collapsed: e.collapsed,
     dragging: l,
-    frameRef: m,
+    frameRef: g,
     header: s?.moduleHeader?.(e, {
       onDragStart: c,
       onAddModule: u,
       onAddFeature: b,
-      onToggleCollapse: g,
+      onToggleCollapse: m,
       onRenamed: v
     }) ?? /* @__PURE__ */ a(xc, {
       moduleId: e.id,
@@ -7544,7 +7544,7 @@ var Ku = 250, Ju = "Inter, Helvetica, Arial, sans-serif", vt = ({ name: e, backg
       height: ae.headerHeight,
       collapsed: e.collapsed,
       onAddModule: u,
-      onToggleCollapse: g,
+      onToggleCollapse: m,
       onRenamed: v ? (M, x) => v(x) : void 0,
       onDragStart: c,
       onAddFeature: b
@@ -7590,7 +7590,7 @@ var ug = (e, t) => {
   const n = new Map(t.map((o) => [o.id.toString(), o.features])), r = /* @__PURE__ */ new Map();
   for (const [o, i] of e) n.get(o) === i.basis && r.set(o, i.features);
   return r;
-}, mg = () => 1, gg = ({ collection: e, getZoom: t = mg, slots: n, onDeselect: r, onCollectionMoving: o, onCollectionMoved: i, onCollectionMoveCanceled: s, canMove: d, onAddModule: l, onModulesReordered: c, onCollapseChanged: u, onRenameModule: g, onModulesChanged: v, onFeaturesChanged: p, onPersistenceError: m, rowLabels: h, onActorsReordered: b, onAddFeature: f, onRenameFeature: y, onFeatureCollapseChanged: w, onFeatureRowExpand: C, onFeaturesReordered: k, onAddSlice: R, onReorderSlices: M, onMoveSlice: x, validateSliceDrop: A, onSliceCollapseChanged: V, onSliceRenamed: Z, onSliceDuplicated: L, takenArtifactNames: te }) => {
+}, mg = () => 1, gg = ({ collection: e, getZoom: t = mg, slots: n, onDeselect: r, onCollectionMoving: o, onCollectionMoved: i, onCollectionMoveCanceled: s, canMove: d, onAddModule: l, onModulesReordered: c, onCollapseChanged: u, onRenameModule: m, onModulesChanged: v, onFeaturesChanged: p, onPersistenceError: g, rowLabels: h, onActorsReordered: b, onAddFeature: f, onRenameFeature: y, onFeatureCollapseChanged: w, onFeatureRowExpand: C, onFeaturesReordered: k, onAddSlice: R, onReorderSlices: M, onMoveSlice: x, validateSliceDrop: A, onSliceCollapseChanged: V, onSliceRenamed: Z, onSliceDuplicated: L, takenArtifactNames: te }) => {
   const { readOnly: N, editing: E } = ne(), [q, P] = D(/* @__PURE__ */ new Map()), $ = G((le, ue) => P((Oe) => new Map(Oe).set(le.toString(), ue)), []), K = ve(() => cg(e.modules, q), [e.modules, q]), T = N ? {
     onFeatureCollapseChanged: $,
     onSliceCollapseChanged: (le, ue, Oe) => $(ue, Oe)
@@ -7608,7 +7608,7 @@ var ug = (e, t) => {
     onSliceRenamed: Z,
     onSliceDuplicated: L,
     takenArtifactNames: te
-  }, [H, J] = D(e.modules), [I, j] = D(/* @__PURE__ */ new Map()), U = O(null), [ie, _] = D(0), X = !!(l || c || u || g || b || f || y || w || C || k || R || M || x || V || Z || L || d && o && i || dg(E)), de = N || !X, Q = N ? K : e.modules, W = ve(() => ug(I, e.modules), [I, e.modules]), se = (de ? Q : H).map((le) => ({
+  }, [H, J] = D(e.modules), [I, j] = D(/* @__PURE__ */ new Map()), U = O(null), [ie, _] = D(0), X = !!(l || c || u || m || b || f || y || w || C || k || R || M || x || V || Z || L || d && o && i || dg(E)), de = N || !X, Q = N ? K : e.modules, W = ve(() => ug(I, e.modules), [I, e.modules]), se = (de ? Q : H).map((le) => ({
     ...le,
     features: de ? le.features : W.get(le.id.toString()) ?? le.features
   })), xe = {
@@ -7694,8 +7694,8 @@ var ug = (e, t) => {
                 onAddModule: l,
                 onModulesReordered: c,
                 onCollapseChanged: N ? (le, ue) => ($(le, ue), Promise.resolve(!0)) : u,
-                onRenameModule: g,
-                onPersistenceError: m,
+                onRenameModule: m,
+                onPersistenceError: g,
                 onModulesChanged: (le) => {
                   J(le), v?.(le);
                 },
@@ -7839,10 +7839,10 @@ var ug = (e, t) => {
   ];
   return /* @__PURE__ */ a(pg, { items: r });
 }, $a = ({ showLogo: e, showViewOptions: t, toolbar: n, toolbarPlacement: r, chrome: o, children: i }) => {
-  const s = Pe(), d = Nl(), [l, c] = D(s), u = d ? s : l, g = d ?? c, v = t || n !== void 0;
+  const s = Pe(), d = Nl(), [l, c] = D(s), u = d ? s : l, m = d ?? c, v = t || n !== void 0;
   return /* @__PURE__ */ a(Rl, {
     presentation: u,
-    onChange: g,
+    onChange: m,
     children: /* @__PURE__ */ S("div", {
       className: "event-model-board",
       children: [i, (e || v) && /* @__PURE__ */ S(hg, {
@@ -7852,7 +7852,7 @@ var ug = (e, t) => {
         placement: r,
         children: [n, t && /* @__PURE__ */ a(fg, {
           presentation: u,
-          onChange: g
+          onChange: m
         })]
       })]
     })
@@ -7921,12 +7921,12 @@ var ug = (e, t) => {
     center: Tl(i.start, i.end)
   }];
 }), Cg = 2e3, xg = ({ links: e, collections: t, getZoom: n, onCollectionsLinked: r, onCollectionsUnlinked: o, onPersistenceError: i }) => {
-  const s = ne(), d = s.messages.links, l = s.readOnly ? void 0 : r, c = s.readOnly ? void 0 : o, [u, g] = D(null), [v, p] = D(() => bg(e)), m = O(v), h = (P) => {
-    const $ = P(m.current);
-    m.current = $, p($);
+  const s = ne(), d = s.messages.links, l = s.readOnly ? void 0 : r, c = s.readOnly ? void 0 : o, [u, m] = D(null), [v, p] = D(() => bg(e)), g = O(v), h = (P) => {
+    const $ = P(g.current);
+    g.current = $, p($);
   };
   oe(() => {
-    e !== m.current.snapshot && h((P) => Ur(P, e));
+    e !== g.current.snapshot && h((P) => Ur(P, e));
   }, [e]);
   const b = xn(v), f = O(null), y = O(null), w = `module-collection-link-arrow-${jt().replace(/:/g, "")}`, C = ve(() => new Map(t.map((P) => {
     const $ = {
@@ -7951,13 +7951,13 @@ var ug = (e, t) => {
       y: $.anchor.y + (P.clientY - $.startClientY) / K
     };
   }, x = (P, $, K) => (T) => {
-    m.current.pending.size > 0 || (T.stopPropagation(), T.preventDefault(), T.currentTarget.setPointerCapture(T.pointerId), f.current = {
+    g.current.pending.size > 0 || (T.stopPropagation(), T.preventDefault(), T.currentTarget.setPointerCapture(T.pointerId), f.current = {
       sourceId: P,
       side: $,
       anchor: K,
       startClientX: T.clientX,
       startClientY: T.clientY
-    }, y.current = null, g({
+    }, y.current = null, m({
       sourceId: P.toString(),
       side: $,
       pointer: K,
@@ -7967,7 +7967,7 @@ var ug = (e, t) => {
     const $ = f.current;
     if (!$) return;
     const K = M(P, $), T = R(K, $.sourceId);
-    y.current = T?.id.toString() ?? null, g({
+    y.current = T?.id.toString() ?? null, m({
       sourceId: $.sourceId.toString(),
       side: $.side,
       pointer: K,
@@ -7975,15 +7975,15 @@ var ug = (e, t) => {
     });
   }, V = async (P) => {
     const $ = f.current, K = y.current;
-    if (f.current = null, y.current = null, g(null), !$) return;
+    if (f.current = null, y.current = null, m(null), !$) return;
     const T = R(M(P, $), $.sourceId), H = _l(T, K, (j) => C.get(j), $.sourceId.toString());
-    if (!H || !l || m.current.pending.size > 0) return;
+    if (!H || !l || g.current.pending.size > 0) return;
     const J = {
       id: pe.create(),
       sourceCollectionId: $.sourceId,
       targetCollectionId: H.id
     }, I = st($.sourceId, H.id);
-    if (!(m.current.pending.has(I) || xn(m.current).some((j) => st(j.sourceCollectionId, j.targetCollectionId) === I))) {
+    if (!(g.current.pending.has(I) || xn(g.current).some((j) => st(j.sourceCollectionId, j.targetCollectionId) === I))) {
       h((j) => yg(j, J));
       try {
         const j = await l($.sourceId, H.id);
@@ -7994,7 +7994,7 @@ var ug = (e, t) => {
       }
     }
   }, Z = async (P) => {
-    if (!(!c || m.current.pending.size > 0)) {
+    if (!(!c || g.current.pending.size > 0)) {
       h(($) => wg($, P));
       try {
         const $ = await c(P);
@@ -8005,7 +8005,7 @@ var ug = (e, t) => {
       }
     }
   }, L = () => {
-    f.current = null, y.current = null, g(null);
+    f.current = null, y.current = null, m(null);
   }, te = Array.from(C.values());
   if (te.length === 0) return null;
   const N = Dl(te.map((P) => P.rect), u ? [u.pointer] : [], Cg), E = u ? C.get(u.sourceId) : void 0, q = u?.targetId ? C.get(u.targetId) : void 0;
@@ -8162,27 +8162,27 @@ var Ag = (e, t) => e.size === t.size && [...e].every(([n, r]) => {
   const o = t.get(n);
   return !!o && Wl(r, o) === r;
 }), Lg = ({ links: e, boardRoot: t, getZoom: n, path: r, revision: o }) => {
-  const { messages: i } = ne(), s = O(null), d = jt().replace(/:/g, ""), [l, c] = D(/* @__PURE__ */ new Map()), u = ve(() => e.flatMap((m) => [m.from.toString(), m.to.toString()]), [e]), g = O(() => {
+  const { messages: i } = ne(), s = O(null), d = jt().replace(/:/g, ""), [l, c] = D(/* @__PURE__ */ new Map()), u = ve(() => e.flatMap((g) => [g.from.toString(), g.to.toString()]), [e]), m = O(() => {
   });
-  g.current = () => {
-    const m = t.current;
-    if (!s.current || !m || u.length === 0) return;
-    const h = Eg(s.current, m, u, n(), r);
+  m.current = () => {
+    const g = t.current;
+    if (!s.current || !g || u.length === 0) return;
+    const h = Eg(s.current, g, u, n(), r);
     c((b) => Ag(b, h) ? b : h);
-  }, Et(() => g.current(), [
+  }, Et(() => m.current(), [
     u,
     o,
     r
   ]), oe(() => {
-    const m = t.current;
-    if (!m || u.length === 0 || (g.current(), typeof MutationObserver > "u")) return;
+    const g = t.current;
+    if (!g || u.length === 0 || (m.current(), typeof MutationObserver > "u")) return;
     let h;
     const b = new MutationObserver(() => {
       h === void 0 && (h = requestAnimationFrame(() => {
-        h = void 0, g.current();
+        h = void 0, m.current();
       }));
     });
-    return b.observe(m, {
+    return b.observe(g, {
       childList: !0,
       subtree: !0,
       attributes: !0,
@@ -8223,21 +8223,21 @@ var Ag = (e, t) => e.size === t.size && [...e].every(([n, r]) => {
           d: "M 1 1 L 9 5 L 1 9 z",
           className: "slice-link-layer__head slice-link-layer__head--crossing"
         })
-      })] }), v.map((m) => /* @__PURE__ */ S("g", {
+      })] }), v.map((g) => /* @__PURE__ */ S("g", {
         role: "img",
-        "aria-label": m.label ? `${p[m.emphasis]}: ${m.label}` : p[m.emphasis],
-        "data-slice-link": m.emphasis,
+        "aria-label": g.label ? `${p[g.emphasis]}: ${g.label}` : p[g.emphasis],
+        "data-slice-link": g.emphasis,
         children: [/* @__PURE__ */ a("path", {
-          d: m.path,
-          className: `slice-link-layer__link slice-link-layer__link--${m.emphasis}`,
-          markerEnd: `url(#${d}-${m.emphasis})`
-        }), m.label && /* @__PURE__ */ a("text", {
-          x: m.labelPosition.x,
-          y: m.labelPosition.y,
+          d: g.path,
+          className: `slice-link-layer__link slice-link-layer__link--${g.emphasis}`,
+          markerEnd: `url(#${d}-${g.emphasis})`
+        }), g.label && /* @__PURE__ */ a("text", {
+          x: g.labelPosition.x,
+          y: g.labelPosition.y,
           className: "slice-link-layer__label",
-          children: m.label
+          children: g.label
         })]
-      }, m.key))]
+      }, g.key))]
     })
   });
 }, Pg = (e) => {
@@ -8372,7 +8372,7 @@ var Ag = (e, t) => e.size === t.size && [...e].every(([n, r]) => {
   }
 }, cn = 50, un = () => {
 }, zg = (e) => e.stopPropagation(), Ba = gs(({ notes: e, boardRoot: t }, n) => {
-  const { editing: r, actions: o, messages: i } = ne(), s = yv(), d = O(new Wg(e)), l = O(/* @__PURE__ */ new Set()), c = O(!1), u = O(/* @__PURE__ */ new Set()), g = O(/* @__PURE__ */ new Set()), [v, p] = D(0), [m, h] = D(), [b, f] = D(), y = O(null), w = ve(() => [y], []), C = G(() => p((N) => N + 1), []);
+  const { editing: r, actions: o, messages: i } = ne(), s = yv(), d = O(new Wg(e)), l = O(/* @__PURE__ */ new Set()), c = O(!1), u = O(/* @__PURE__ */ new Set()), m = O(/* @__PURE__ */ new Set()), [v, p] = D(0), [g, h] = D(), [b, f] = D(), y = O(null), w = ve(() => [y], []), C = G(() => p((N) => N + 1), []);
   oe(() => {
     d.current.reconcile(e), C();
   }, [e, C]), oe(() => {
@@ -8412,7 +8412,7 @@ var Ag = (e, t) => e.size === t.size && [...e].every(([n, r]) => {
     k
   ]);
   const R = r.onStickyNoteMoved || r.onStickyNoteResized || r.onStickyNoteTextChanged || r.onStickyNoteRemoved ? h : void 0;
-  Ft(w, () => R?.(void 0), m !== void 0 && !!R);
+  Ft(w, () => R?.(void 0), g !== void 0 && !!R);
   const M = (N, E) => {
     const q = d.current.get(N);
     !q || l.current.has(N) || q.position.x === E.x && q.position.y === E.y || (u.current.add(N), d.current.change(N, {
@@ -8421,7 +8421,7 @@ var Ag = (e, t) => e.size === t.size && [...e].every(([n, r]) => {
     }), C());
   }, x = (N, E) => {
     const q = d.current.get(N);
-    !q || l.current.has(N) || q.position.x === E.position.x && q.position.y === E.position.y && q.width === E.width && q.height === E.height || (g.current.add(N), d.current.change(N, {
+    !q || l.current.has(N) || q.position.x === E.position.x && q.position.y === E.position.y && q.width === E.width && q.height === E.height || (m.current.add(N), d.current.change(N, {
       ...q,
       ...E
     }), C());
@@ -8430,7 +8430,7 @@ var Ag = (e, t) => e.size === t.size && [...e].every(([n, r]) => {
     const E = d.current.get(N);
     E && r.onStickyNoteMoved && k(N, E, () => r.onStickyNoteMoved?.(N, E.position));
   }, V = (N) => {
-    if (!g.current.delete(N)) return;
+    if (!m.current.delete(N)) return;
     const E = d.current.get(N);
     E && r.onStickyNoteResized && k(N, E, () => r.onStickyNoteResized?.(N, {
       position: E.position,
@@ -8453,16 +8453,16 @@ var Ag = (e, t) => e.size === t.size && [...e].every(([n, r]) => {
     !d.current.get(N) || !r.onStickyNoteRemoved || l.current.has(N) || (h((E) => E === N ? void 0 : E), k(N, null, () => r.onStickyNoteRemoved?.(N)));
   }, [r, k]);
   return oe(() => {
-    if (!r.onStickyNoteRemoved || m === void 0) return;
+    if (!r.onStickyNoteRemoved || g === void 0) return;
     const N = (E) => {
       Fg(E.key, E.target, t && {
         boardRoot: t.current,
         lastInteractionTarget: s()
-      }) && (E.preventDefault(), te(m));
+      }) && (E.preventDefault(), te(g));
     };
     return document.addEventListener("keydown", N), () => document.removeEventListener("keydown", N);
   }, [
-    m,
+    g,
     r,
     te,
     t,
@@ -8491,7 +8491,7 @@ var Ag = (e, t) => e.size === t.size && [...e].every(([n, r]) => {
                 height: N.height,
                 text: N.text
               },
-              selected: m === N.id && !!r.onStickyNoteResized && !l.current.has(N.id),
+              selected: g === N.id && !!r.onStickyNoteResized && !l.current.has(N.id),
               onSelect: R ?? un,
               onMove: r.onStickyNoteMoved ? (P, $, K) => M(P, {
                 x: $,
@@ -8510,7 +8510,7 @@ var Ag = (e, t) => e.size === t.size && [...e].every(([n, r]) => {
               onTextChange: r.onStickyNoteTextChanged ? Z : un,
               onExpandedChange: (P, $) => f((K) => $ ? P : K === P ? void 0 : K)
             }),
-            m === N.id && r.onStickyNoteColourChanged && !l.current.has(N.id) && /* @__PURE__ */ a(qg, {
+            g === N.id && r.onStickyNoteColourChanged && !l.current.has(N.id) && /* @__PURE__ */ a(qg, {
               current: N.colour,
               onPick: (P) => L(N.id, P)
             }),
@@ -8527,7 +8527,7 @@ var Ag = (e, t) => e.size === t.size && [...e].every(([n, r]) => {
 });
 Ba.displayName = "StickyNotes";
 var qa = fi(({ collection: e, estimatedSize: t, measuredSize: n, onSize: r, getZoom: o, canMove: i, onCollectionMoving: s, onCollectionMoved: d, onCollectionMoveCanceled: l, content: c, onGridMounted: u }) => {
-  const g = G((v) => /* @__PURE__ */ a("div", {
+  const m = G((v) => /* @__PURE__ */ a("div", {
     style: { display: "contents" },
     ref: (p) => {
       u?.(v.collection, !!p);
@@ -8553,7 +8553,7 @@ var qa = fi(({ collection: e, estimatedSize: t, measuredSize: n, onSize: r, getZ
     estimatedSize: t,
     measuredSize: n,
     onSize: r,
-    children: c(g)
+    children: c(m)
   });
 });
 qa.displayName = "BoardCollectionView";
@@ -8726,7 +8726,7 @@ async function iv(e, t) {
   for (let d = 0; d < e.path().length; d++) {
     const l = await rv(e, i);
     if (!l || !e.active()) return !1;
-    const c = e.path(), u = c.map((g) => Mn(e.root, [g]) === l).lastIndexOf(!0);
+    const c = e.path(), u = c.map((m) => Mn(e.root, [m]) === l).lastIndexOf(!0);
     if (u <= s) return !0;
     if (!ov(e, l, i)) return !1;
     if (u === c.length - 1) return !0;
@@ -8738,10 +8738,10 @@ function av(e, t, n, r, o, i, s = 1, d = {
   x: 0,
   y: 0
 }) {
-  const l = e.toString().toLowerCase(), c = O(null), u = O(null), [g, v] = D(!1), p = O({
+  const l = e.toString().toLowerCase(), c = O(null), u = O(null), [m, v] = D(!1), p = O({
     zoom: s,
     pan: d
-  }), m = O(/* @__PURE__ */ new Map()), h = O(0), b = O(void 0);
+  }), g = O(/* @__PURE__ */ new Map()), h = O(0), b = O(void 0);
   oe(() => () => {
     h.current++, b.current = void 0;
   }, []), oe(() => () => {
@@ -8749,7 +8749,7 @@ function av(e, t, n, r, o, i, s = 1, d = {
   }, [l]);
   const f = G((k, R) => {
     const M = k.id.toString().toLowerCase();
-    R ? m.current.set(M, k) : m.current.get(M) === k && m.current.delete(M);
+    R ? g.current.set(M, k) : g.current.get(M) === k && g.current.delete(M);
   }, []), y = G((k) => {
     u.current = k, v(!0), i?.(k);
   }, [i]), w = G((k) => t.find((R) => R.id.toString().toLowerCase() === k || R.modules.some((M) => M.id.toString().toLowerCase() === k) || n.contains?.(R, k)), [t, n]), C = G(async (k, R) => {
@@ -8764,7 +8764,7 @@ function av(e, t, n, r, o, i, s = 1, d = {
         ...r.get(x.id.toString()) ?? n.estimateSize(x)
       },
       path: () => {
-        const Z = m.current.get(A);
+        const Z = g.current.get(A);
         return (Z && wr(Z, M)) ?? (A === M ? [M] : [A, M]);
       },
       transform: () => p.current,
@@ -8777,9 +8777,9 @@ function av(e, t, n, r, o, i, s = 1, d = {
     r
   ]);
   return oe(() => {
-    !g || b.current === l || o && !w(o.id.toString().toLowerCase()) || (b.current = l, o && C(o.id, { animate: !1 }));
+    !m || b.current === l || o && !w(o.id.toString().toLowerCase()) || (b.current = l, o && C(o.id, { animate: !1 }));
   }, [
-    g,
+    m,
     l,
     o,
     w,
@@ -8793,38 +8793,38 @@ function av(e, t, n, r, o, i, s = 1, d = {
   };
 }
 function sv(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 = ve(() => n ? s ? l.map((m) => {
-    if (o.has(m.id.toString())) return m;
-    const h = s.get(m.id.toString());
-    return h && h !== m.position ? {
-      ...m,
+  const r = O(/* @__PURE__ */ new Set()), [o, i] = D(r.current), [s, d] = D(void 0), { collections: l, moveCollection: c, collectionMoved: u } = e, m = ve(() => n ? s ? l.map((g) => {
+    if (o.has(g.id.toString())) return g;
+    const h = s.get(g.id.toString());
+    return h && h !== g.position ? {
+      ...g,
       position: h
-    } : m;
+    } : g;
   }) : Ld(Od(l), t) : l, [
     l,
     t,
     n,
     o,
     s
-  ]), v = G((m, h, b) => {
-    const f = m.toString();
+  ]), v = G((g, h, b) => {
+    const f = g.toString();
     if (!r.current.has(f)) {
-      r.current.size || d(new Map(g.map((C) => [C.id.toString(), C.position])));
-      const y = g.find((C) => C.id.equals(m))?.position, w = l.find((C) => C.id.equals(m))?.position;
+      r.current.size || d(new Map(m.map((C) => [C.id.toString(), C.position])));
+      const y = m.find((C) => C.id.equals(g))?.position, w = l.find((C) => C.id.equals(g))?.position;
       h += (y?.x ?? 0) - (w?.x ?? 0), b += (y?.y ?? 0) - (w?.y ?? 0), r.current = /* @__PURE__ */ new Set([...r.current, f]), i(r.current);
     }
-    c(m, h, b);
+    c(g, h, b);
   }, [
-    g,
+    m,
     l,
     c
-  ]), p = G((m) => {
-    r.current = new Set(r.current), r.current.delete(m.toString()), i(r.current), r.current.size || d(void 0);
+  ]), p = G((g) => {
+    r.current = new Set(r.current), r.current.delete(g.toString()), i(r.current), r.current.size || d(void 0);
   }, []);
   return {
-    placed: g,
+    placed: m,
     moveCollection: v,
-    collectionMoved: G((m, h) => (p(m), u(m, h)), [u, p]),
+    collectionMoved: G((g, h) => (p(g), u(g, h)), [u, p]),
     collectionMoveCanceled: p
   };
 }
@@ -8873,14 +8873,14 @@ function oi(e) {
     };
   }, [e]);
 }
-var uv = ({ id: e, collections: t, links: n, stickyNotes: r, readOnly: o, editor: i, canvas: s, showMinimap: d, changes: l, initialFocus: c, handle: u, sliceLinks: g, separateOverlaps: v = !0 }) => {
-  const p = o ? void 0 : i?.links, m = Pd({
+var uv = ({ id: e, collections: t, links: n, stickyNotes: r, readOnly: o, editor: i, canvas: s, showMinimap: d, changes: l, initialFocus: c, handle: u, sliceLinks: m, separateOverlaps: v = !0 }) => {
+  const p = o ? void 0 : i?.links, g = Pd({
     initialCollections: t.initialCollections,
     onAddCollection: t.onAddCollection,
     onCollectionMoved: t.onCollectionMoved,
     onCollectionsChange: t.onCollectionsChange,
     onPersistenceError: t.onPersistenceError
-  }), { collections: h, pendingMoveIds: b, canMove: f, addCollection: y } = m, [w, C] = D(/* @__PURE__ */ new Map()), k = O(s?.initialZoom ?? 1), R = G(() => k.current, []), M = O(null), { estimateSize: x, countSlices: A, renderCollection: V } = t, Z = G((Q, W, se) => {
+  }), { collections: h, pendingMoveIds: b, canMove: f, addCollection: y } = g, [w, C] = D(/* @__PURE__ */ new Map()), k = O(s?.initialZoom ?? 1), R = G(() => k.current, []), M = O(null), { estimateSize: x, countSlices: A, renderCollection: V } = t, Z = G((Q, W, se) => {
     C((xe) => {
       const Te = Q.toString(), Be = xe.get(Te);
       return Be?.width === W && Be.height === se ? xe : new Map(xe).set(Te, {
@@ -8888,7 +8888,7 @@ var uv = ({ id: e, collections: t, links: n, stickyNotes: r, readOnly: o, editor
         height: se
       });
     });
-  }, []), L = oi(x), te = oi(G((Q) => (W) => V(Q, W), [V])), N = G((Q) => w.get(Q.id.toString()) ?? L(Q), [w, L]), { placed: E, moveCollection: q, collectionMoved: P, collectionMoveCanceled: $ } = sv(m, N, v), K = G((Q) => Qg({
+  }, []), L = oi(x), te = oi(G((Q) => (W) => V(Q, W), [V])), N = G((Q) => w.get(Q.id.toString()) ?? L(Q), [w, L]), { placed: E, moveCollection: q, collectionMoved: P, collectionMoveCanceled: $ } = sv(g, N, v), K = G((Q) => Qg({
     documentId: e,
     collections: E,
     estimateSize: x,
@@ -8984,8 +8984,8 @@ var uv = ({ id: e, collections: t, links: n, stickyNotes: r, readOnly: o, editor
       getZoom: R,
       ...p
     }),
-    g && g.length > 0 && /* @__PURE__ */ a(Lg, {
-      links: g,
+    m && m.length > 0 && /* @__PURE__ */ a(Lg, {
+      links: m,
       boardRoot: T.rootRef,
       getZoom: R,
       path: ie,
@@ -9013,7 +9013,7 @@ var uv = ({ id: e, collections: t, links: n, stickyNotes: r, readOnly: o, editor
     rootRef: T.rootRef,
     onHandleReady: T.handleReady,
     onTransformChange: X,
-    children: t.area ? t.area(m, de) : /* @__PURE__ */ a(xt, { children: de })
+    children: t.area ? t.area(g, de) : /* @__PURE__ */ a(xt, { children: de })
   });
 }, Ha = ({ id: e, readOnly: t = !1, showMinimap: n = !0, showLogo: r = !1, showViewOptions: o = !1, toolbar: i, editor: s, ...d }) => {
   const l = ve(() => ({ changes: d.changes }), [d.changes]), c = /* @__PURE__ */ a(td, {
@@ -9038,16 +9038,16 @@ var uv = ({ id: e, collections: t, links: n, stickyNotes: r, readOnly: o, editor
     chrome: d.canvas?.chrome,
     children: c
   });
-}, mv = ({ 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, v = G((w, C) => {
+}, Ip = 72, mv = ({ 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, m = t ? void 0 : n?.collections, v = G((w, C) => {
     const k = C({
       collection: w,
       ...c?.(w)
     });
     return u ? u(w, k) : k;
-  }, [c, u]), p = ua(), { density: m, textSize: h } = Pe(), b = G((w) => Fc(w, p, m, h), [
+  }, [c, u]), p = ua(), { density: g, textSize: h } = Pe(), b = G((w) => Fc(w, p, g, h), [
     p,
-    m,
+    g,
     h
   ]), f = ve(() => ({
     initialCollections: e.collections,
@@ -9056,12 +9056,12 @@ var uv = ({ id: e, collections: t, links: n, stickyNotes: r, readOnly: o, editor
     contains: (w, C) => !!wr(w, C),
     path: (w, C) => wr(w, C),
     renderCollection: v,
-    ...g
+    ...m
   }), [
     e.collections,
     b,
     v,
-    g
+    m
   ]), y = /* @__PURE__ */ a(Ha, {
     id: e.id,
     collections: f,
@@ -9076,42 +9076,49 @@ var uv = ({ id: e, collections: t, links: n, stickyNotes: r, readOnly: o, editor
     handle: d,
     sliceLinks: l
   });
-  return m === void 0 && h === void 0 ? y : /* @__PURE__ */ a("div", {
+  return g === void 0 && h === void 0 ? y : /* @__PURE__ */ a("div", {
     style: {
       display: "contents",
       "--board-text-scale": Nt(h)
     },
-    "data-board-density": m ?? "compact",
+    "data-board-density": g ?? "compact",
     children: y
   });
-}, Ip = ({ showLogo: e = !1, showViewOptions: t = !1, toolbar: n, toolbarPlacement: r, handle: o, editor: i, readOnly: s = !1, document: d, ...l }) => {
+}, Np = ({ showLogo: e = !1, showViewOptions: t = !1, toolbar: n, toolbarPlacement: r, handle: o, editor: i, readOnly: s = !1, document: d, ...l }) => {
   const c = O(null);
   Vt(o, () => ({
-    scrollTo: (m, h) => c.current?.scrollTo(m, h) ?? Promise.resolve(!1),
-    revealSlice: (m, h) => c.current?.revealSlice(m, h) ?? Promise.resolve(!1),
-    addCollection: (m, h) => c.current?.addCollection(m, h) ?? Promise.resolve(),
-    addModule: (m) => c.current?.addModule(m) ?? Promise.resolve(),
-    addStickyNote: (m) => c.current?.addStickyNote(m),
-    exportImage: (m) => c.current?.exportImage(m) ?? Promise.reject(/* @__PURE__ */ new Error("Board is not ready to export."))
+    scrollTo: (h, b) => c.current?.scrollTo(h, b) ?? Promise.resolve(!1),
+    revealSlice: (h, b) => c.current?.revealSlice(h, b) ?? Promise.resolve(!1),
+    addCollection: (h, b) => c.current?.addCollection(h, b) ?? Promise.resolve(),
+    addModule: (h) => c.current?.addModule(h) ?? Promise.resolve(),
+    addStickyNote: (h) => c.current?.addStickyNote(h),
+    exportImage: (h) => c.current?.exportImage(h) ?? Promise.reject(/* @__PURE__ */ new Error("Board is not ready to export."))
   }), []);
-  const u = !s && !!i?.collections?.onAddCollection, g = G(() => {
+  const u = !s && !!i?.collections?.onAddCollection, m = G(() => {
     c.current?.addModule();
-  }, []), v = u ? /* @__PURE__ */ a(vg, { onAddModule: g }) : void 0, p = /* @__PURE__ */ a(mv, {
+  }, []), v = u ? /* @__PURE__ */ a(vg, { onAddModule: m }) : void 0, p = r === "left" && !l.canvas?.initialPan ? {
+    ...l.canvas,
+    initialPan: {
+      x: 72,
+      y: 0
+    }
+  } : l.canvas, g = /* @__PURE__ */ a(mv, {
     ...l,
+    canvas: p,
     document: d,
     editor: i,
     readOnly: s,
     handle: c
   });
-  return !e && !t && !v && n === void 0 ? p : /* @__PURE__ */ a($a, {
+  return !e && !t && !v && n === void 0 ? g : /* @__PURE__ */ a($a, {
     showLogo: e,
     showViewOptions: t,
     toolbar: v ? /* @__PURE__ */ S(re, { children: [v, n] }) : n,
     toolbarPlacement: r,
     chrome: l.canvas?.chrome,
-    children: p
+    children: g
   });
-}, Np = ({ slotName: e, order: t, children: n }) => {
+}, Rp = ({ slotName: e, order: t, children: n }) => {
   const { readOnly: r } = ne();
   return r ? void 0 : /* @__PURE__ */ a(xs, {
     slotName: e,
@@ -9122,7 +9129,7 @@ var uv = ({ id: e, collections: t, links: n, stickyNotes: r, readOnly: o, editor
   x: 32,
   y: 32
 };
-function Rp(e) {
+function Op(e) {
   return e.length === 0 ? vv : {
     x: Math.min(...e.map((t) => t.x)),
     y: Math.max(...e.map((t) => t.y)) + gv
@@ -9138,7 +9145,7 @@ var hv = (e, t, n) => t ?? (n.onFeatureAdded ? () => n.onFeatureAdded?.(e) : voi
 }), bv = () => Yr, yv = () => (oe(() => fv(), []), bv), Xr = Ge(void 0), wv = ({ children: e }) => {
   const [t, n] = D({}), r = G((i, s) => n((d) => {
     const l = d[i] ?? [];
-    if (l.length === s.length && l.every((g, v) => g.severity === s[v].severity && g.message === s[v].message)) return d;
+    if (l.length === s.length && l.every((m, v) => m.severity === s[v].severity && m.message === s[v].message)) return d;
     const { [i]: c, ...u } = d;
     return s.length === 0 ? u : {
       ...u,
@@ -9173,7 +9180,7 @@ var hv = (e, t, n) => t ?? (n.onFeatureAdded ? () => n.onFeatureAdded?.(e) : voi
     value: d,
     children: /* @__PURE__ */ a(wv, { children: r })
   });
-}, Va = (e) => e.some((t) => t.severity === "error") ? "error" : e.length > 0 ? "warning" : void 0, Op = ({ problems: e }) => {
+}, Va = (e) => e.some((t) => t.severity === "error") ? "error" : e.length > 0 ? "warning" : void 0, Ap = ({ problems: e }) => {
   const t = Va(e);
   if (!t) return null;
   const n = e.map((r) => r.message).join("; ");
@@ -9221,12 +9228,12 @@ var hv = (e, t, n) => t ?? (n.onFeatureAdded ? () => n.onFeatureAdded?.(e) : voi
     } finally {
       d(!1);
     }
-  }, g = Mv(o, r);
+  }, m = Mv(o, r);
   return /* @__PURE__ */ a("button", {
     type: "button",
     className: "event-modeling-grid-add-button event-modeling-grid-add-button--small event-modeling-grid-add-button--no-circle",
-    title: `${c}. ${g}`,
-    "aria-label": g,
+    title: `${c}. ${m}`,
+    "aria-label": m,
     disabled: s,
     onClick: u,
     children: l
@@ -9237,12 +9244,12 @@ var hv = (e, t, n) => t ?? (n.onFeatureAdded ? () => n.onFeatureAdded?.(e) : voi
   color: "color-mix(in srgb, var(--board-ink, #ffffff) 80%, transparent)",
   textAlign: "center"
 }, Ua = ({ slice: e, height: t, collapsed: n, selectableStatuses: r, unselectableStatusReason: o, error: i, leading: s, trailing: d, onToggleCollapse: l }) => {
-  const c = ne(), u = lt(e.id), g = kr(e.id, "slice", e.name), { showStatuses: v = !0 } = Pe(), { readOnly: p } = bt();
+  const c = ne(), u = lt(e.id), m = kr(e.id, "slice", e.name), { showStatuses: v = !0 } = Pe(), { readOnly: p } = bt();
   Sv("header", i ? [{
     severity: "error",
     message: i
   }] : []);
-  const m = Ga(e.annotations, ja()), { editing: h, actions: b } = c, f = h.onSliceRenamed, y = h.onSliceStatusChanged, w = h.onTranslationDirectionChanged, C = h.onSliceAdded, k = h.onSliceOpenStateSet, R = (b.sliceHeader ?? []).filter((A) => !A.when || A.when(e)), M = /* @__PURE__ */ a(ye, {
+  const g = Ga(e.annotations, ja()), { editing: h, actions: b } = c, f = h.onSliceRenamed, y = h.onSliceStatusChanged, w = h.onTranslationDirectionChanged, C = h.onSliceAdded, k = h.onSliceOpenStateSet, R = (b.sliceHeader ?? []).filter((A) => !A.when || A.when(e)), M = /* @__PURE__ */ a(ye, {
     content: /* @__PURE__ */ a(pu, { sliceType: e.sliceType }),
     position: "bottom",
     children: /* @__PURE__ */ a(Ln, {
@@ -9254,8 +9261,8 @@ var hv = (e, t, n) => t ?? (n.onFeatureAdded ? () => n.onFeatureAdded?.(e) : voi
     })
   }), x = ht(e.description) !== void 0;
   return /* @__PURE__ */ S("div", {
-    ...g.attributes,
-    className: `event-modeling-grid-slice-column-header${u ? " event-model-change-name" : ""}${g.className ? ` ${g.className}` : ""}`,
+    ...m.attributes,
+    className: `event-modeling-grid-slice-column-header${u ? " event-model-change-name" : ""}${m.className ? ` ${m.className}` : ""}`,
     "data-board-change": u,
     style: {
       height: t,
@@ -9267,7 +9274,7 @@ var hv = (e, t, n) => t ?? (n.onFeatureAdded ? () => n.onFeatureAdded?.(e) : voi
         kind: c.messages.erroredEntity.slice,
         name: e.name
       }),
-      n && /* @__PURE__ */ a(Qt, { annotations: m }),
+      n && /* @__PURE__ */ a(Qt, { annotations: g }),
       /* @__PURE__ */ S("div", {
         className: "event-modeling-grid-slice-column-header-left",
         children: [
@@ -9275,7 +9282,7 @@ var hv = (e, t, n) => t ?? (n.onFeatureAdded ? () => n.onFeatureAdded?.(e) : voi
             collapsed: n,
             onToggle: c.readOnly ? l : !p && k ? () => k(e.id, !n) : void 0
           }),
-          g.marker,
+          m.marker,
           !n && s
         ]
       }),
@@ -9297,7 +9304,7 @@ var hv = (e, t, n) => t ?? (n.onFeatureAdded ? () => n.onFeatureAdded?.(e) : voi
             kind: c.messages.erroredEntity.slice,
             name: e.name
           }),
-          /* @__PURE__ */ a(Qt, { annotations: m }),
+          /* @__PURE__ */ a(Qt, { annotations: g }),
           v && /* @__PURE__ */ a(Tr, {
             status: e.status,
             reason: e.status === ce.blocked ? e.blockedReason : void 0,
@@ -9399,12 +9406,12 @@ var hv = (e, t, n) => t ?? (n.onFeatureAdded ? () => n.onFeatureAdded?.(e) : voi
   });
 }, Zn = "event-modeling-grid-slice-drop-indicator", Rv = (e) => e ? Zn : `${Zn} ${Zn}--invalid`, Lt = /* @__PURE__ */ (function(e) {
   return e.pending = "pending", e.commit = "commit", e.abandon = "abandon", e;
-})({}), Ap = 4, Lp = 450, Pp = 10;
+})({}), Lp = 4, Pp = 450, Tp = 10;
 function Ov(e, t, n) {
   const r = Math.abs(t), o = Math.abs(n);
   return e === "touch" ? r > 10 || o > 10 ? Lt.abandon : Lt.pending : r > 4 || o > 4 ? Lt.commit : Lt.pending;
 }
-var Tp = 'input, textarea, select, button, a, [role="button"], [contenteditable="true"], .p-dropdown, .p-checkbox';
+var $p = 'input, textarea, select, button, a, [role="button"], [contenteditable="true"], .p-dropdown, .p-checkbox';
 function Av(e, t) {
   return t || e.target?.closest('input, textarea, select, button, a, [role="button"], [contenteditable="true"], .p-dropdown, .p-checkbox') ? null : {
     startX: e.clientX,
@@ -9486,7 +9493,7 @@ function _v(e, t, n, r) {
       console.error("Slice drop validation failed — allowing the drop", y);
       return;
     }
-  }, []), g = G((h, b, f) => {
+  }, []), m = G((h, b, f) => {
     const y = document.querySelector(`[data-slice-drop-target="true"][data-slice-module-id="${h.toString()}"][data-slice-feature-id="${f.toString()}"]`);
     return f.equals(b) ? y?.dataset.sliceAcceptsReorder === "true" : y?.dataset.sliceAcceptsMove === "true";
   }, []), v = G((h, b, f, y, w, C, k, R = null) => {
@@ -9507,14 +9514,14 @@ function _v(e, t, n, r) {
       dropIndex: M,
       headerY: C,
       zoom: k,
-      isValid: (x?.isValid ?? !0) && g(t, e.id, e.id),
+      isValid: (x?.isValid ?? !0) && m(t, e.id, e.id),
       invalidReason: x?.reason
     });
   }, [
     e,
     t,
     u,
-    g
+    m
   ]), p = G((h, b) => {
     const f = Array.from(document.querySelectorAll(`[data-slice-drop-target="true"][data-slice-module-id="${h.toString()}"]`));
     if (f.length === 0) return e.id;
@@ -9523,7 +9530,7 @@ function _v(e, t, n, r) {
       if (b < w.left + w.width / 2) return pe.parse(f[y].dataset.sliceFeatureId);
     }
     return pe.parse(f[f.length - 1].dataset.sliceFeatureId);
-  }, [e.id]), m = G((h, b) => {
+  }, [e.id]), g = G((h, b) => {
     const f = Array.from(document.querySelectorAll(`[data-slice-col="true"][data-slice-feature-id="${h.toString()}"]`));
     if (f.length === 0) return 0;
     for (let y = 0; y < f.length; y++) {
@@ -9537,19 +9544,19 @@ function _v(e, t, n, r) {
     const h = (f) => {
       const y = s.current;
       if (!y) return;
-      const w = p(y.moduleId, f.clientX), C = m(w, f.clientX), k = u(y.sliceId, w, C);
+      const w = p(y.moduleId, f.clientX), C = g(w, f.clientX), k = u(y.sliceId, w, C);
       i((R) => R ? {
         ...R,
         currentX: f.clientX,
         currentY: f.clientY,
         targetFeatureId: w,
         dropIndex: C,
-        isValid: (k?.isValid ?? !0) && g(y.moduleId, y.featureId, w),
+        isValid: (k?.isValid ?? !0) && m(y.moduleId, y.featureId, w),
         invalidReason: k?.reason
       } : void 0);
     }, b = () => {
       const f = s.current, y = f && $v(f);
-      f && y && g(f.moduleId, f.featureId, f.targetFeatureId) && l.current?.(f.sliceId, f.featureId, f.targetFeatureId, y.index), i(void 0);
+      f && y && m(f.moduleId, f.featureId, f.targetFeatureId) && l.current?.(f.sliceId, f.featureId, f.targetFeatureId, y.index), i(void 0);
     };
     return window.addEventListener("pointermove", h, !0), window.addEventListener("pointerup", b, !0), window.addEventListener("pointercancel", b, !0), () => {
       window.removeEventListener("pointermove", h, !0), window.removeEventListener("pointerup", b, !0), window.removeEventListener("pointercancel", b, !0);
@@ -9557,9 +9564,9 @@ function _v(e, t, n, r) {
   }, [
     o,
     p,
-    m,
+    g,
     u,
-    g
+    m
   ]), {
     sliceDrag: o,
     handleSliceDragStart: c || !n ? void 0 : v
@@ -9624,16 +9631,16 @@ function Fv(e) {
   }
   return 1;
 }
-var Bv = ({ featureId: e, name: t, status: n, width: r, collapsed: o, isDragging: i = !1, onDragStart: s, ref: d, onMouseEnter: l, onMouseLeave: c, onFocusCapture: u, onBlurCapture: g, children: v }) => {
-  const { sliceId: p } = bt(), m = lt(p), h = Va(ja()), b = _i(Xl(p)), f = Dv(p, t, r, o || !s, s);
+var Bv = ({ featureId: e, name: t, status: n, width: r, collapsed: o, isDragging: i = !1, onDragStart: s, ref: d, onMouseEnter: l, onMouseLeave: c, onFocusCapture: u, onBlurCapture: m, children: v }) => {
+  const { sliceId: p } = bt(), g = lt(p), h = Va(ja()), b = _i(Xl(p)), f = Dv(p, t, r, o || !s, s);
   return /* @__PURE__ */ a("div", {
     ref: d,
-    "data-board-change": m,
+    "data-board-change": g,
     "data-slice-col": "true",
     "data-slice-problem": h,
     "data-slice-feature-id": e.toString(),
     "data-slice-id": p?.toString(),
-    className: `${m ? "event-model-change-frame " : ""}event-modeling-grid-slice-column event-modeling-grid-slice-column--${lr(n)}${o ? " event-modeling-grid-slice-column--collapsed" : ""}${b ? ` ${b}` : ""}`,
+    className: `${g ? "event-model-change-frame " : ""}event-modeling-grid-slice-column event-modeling-grid-slice-column--${lr(n)}${o ? " event-modeling-grid-slice-column--collapsed" : ""}${b ? ` ${b}` : ""}`,
     style: {
       width: r,
       cursor: o || !s ? "default" : "grab",
@@ -9643,7 +9650,7 @@ var Bv = ({ featureId: e, name: t, status: n, width: r, collapsed: o, isDragging
     onMouseEnter: l,
     onMouseLeave: c,
     onFocusCapture: u,
-    onBlurCapture: g,
+    onBlurCapture: m,
     onPointerDown: f.onPointerDown,
     onPointerMove: f.onPointerMove,
     onPointerUp: f.onPointerUp,
@@ -9652,11 +9659,11 @@ var Bv = ({ featureId: e, name: t, status: n, width: r, collapsed: o, isDragging
     children: v
   });
 }, qv = (e, t) => t !== null && e.contains(t), Wv = ({ featureId: e, slice: t, eventCount: n, collapsed: r, isDragging: o = !1, onSliceDragStart: i, header: s, headerHeight: d = 44, body: l, specifications: c, collapsedWidth: u }) => {
-  const { readOnly: g } = ne(), v = Yc(t.id.toString()), { ref: p, onMouseEnter: m, onMouseLeave: h } = Zc(v?.connectedSliceIds), b = O(null), f = Or(b), [y, w] = D(!1), C = O(!1), k = Nr({
+  const { readOnly: m } = ne(), v = Yc(t.id.toString()), { ref: p, onMouseEnter: g, onMouseLeave: h } = Zc(v?.connectedSliceIds), b = O(null), f = Or(b), [y, w] = D(!1), C = O(!1), k = Nr({
     sliceType: t.sliceType,
     eventCount: n
   }), R = () => {
-    C.current = !0, m();
+    C.current = !0, g();
   }, M = () => {
     C.current = !1, y || h();
   }, x = (V) => {
@@ -9687,7 +9694,7 @@ var Bv = ({ featureId: e, name: t, status: n, width: r, collapsed: o, isDragging
         width: r ? u : k,
         collapsed: r,
         isDragging: o,
-        onDragStart: g ? void 0 : i,
+        onDragStart: m ? void 0 : i,
         onMouseEnter: R,
         onMouseLeave: M,
         onFocusCapture: x,
@@ -9894,7 +9901,7 @@ var jv = (e) => e === B.stateChange ? "State Change" : e === B.stateView ? "Stat
   };
   return n ? zt(r, e.snapshot) : r;
 }, zt = (e, t) => {
-  const n = e.additions.filter((p) => !p.confirmed || !ct(t, p.slice.id)), r = e.outgoing.filter((p) => !p.confirmed || ct(t, p.slice.id)), o = e.incoming.filter((p) => !p.confirmed || !ct(t, p.slice.id)), i = e.order?.ids.filter((p) => ct(t, p)), s = t.filter((p) => i?.some((m) => Re(m, p.id))).map((p) => p.id), d = i !== void 0 && i.length > 0 && i.every((p, m) => Re(p, s[m])), l = e.order?.confirmed && d ? void 0 : e.order, c = (p, m) => e.slices.find((h) => Re(h.id, p)) ?? m, u = t.filter((p) => !r.some((m) => Re(m.slice.id, p.id))).map((p) => e.additions.some((m) => Re(m.slice.id, p.id)) || e.incoming.some((m) => Re(m.slice.id, p.id)) ? c(p.id, p) : p), g = o.reduce((p, m) => Zr(p, c(m.slice.id, m.slice), m.index), u), v = n.reduce((p, m) => ct(p, m.slice.id) ? p : Qr(p, c(m.slice.id, m.slice), m.afterSliceId), g);
+  const n = e.additions.filter((p) => !p.confirmed || !ct(t, p.slice.id)), r = e.outgoing.filter((p) => !p.confirmed || ct(t, p.slice.id)), o = e.incoming.filter((p) => !p.confirmed || !ct(t, p.slice.id)), i = e.order?.ids.filter((p) => ct(t, p)), s = t.filter((p) => i?.some((g) => Re(g, p.id))).map((p) => p.id), d = i !== void 0 && i.length > 0 && i.every((p, g) => Re(p, s[g])), l = e.order?.confirmed && d ? void 0 : e.order, c = (p, g) => e.slices.find((h) => Re(h.id, p)) ?? g, u = t.filter((p) => !r.some((g) => Re(g.slice.id, p.id))).map((p) => e.additions.some((g) => Re(g.slice.id, p.id)) || e.incoming.some((g) => Re(g.slice.id, p.id)) ? c(p.id, p) : p), m = o.reduce((p, g) => Zr(p, c(g.slice.id, g.slice), g.index), u), v = n.reduce((p, g) => ct(p, g.slice.id) ? p : Qr(p, c(g.slice.id, g.slice), g.afterSliceId), m);
   return {
     slices: l ? rh(v, l.ids) : v,
     snapshot: t,
@@ -9908,8 +9915,8 @@ var jv = (e) => e === B.stateChange ? "State Change" : e === B.stateView ? "Stat
   let r = 0;
   return e.map((o) => t.some((i) => Re(i, o.id)) ? n[r++] : o);
 };
-function oh({ ref: e, initialSlices: t, moduleId: n, featureId: r, featureCollapsed: o, hideEmptyPlaceholder: i = !1, onSlicesChanged: s, takenArtifactNames: d, createSlice: l, onAddSlice: c, onReorderSlices: u, onMoveSlice: g, validateSliceDrop: v, renderSlice: p }) {
-  const { readOnly: m, messages: h } = ne(), b = O(Uv(t)), f = O(void 0), [y, w] = D(b.current), { slices: C } = y, k = O(!1), [R, M] = D(!1), x = G((T) => {
+function oh({ ref: e, initialSlices: t, moduleId: n, featureId: r, featureCollapsed: o, hideEmptyPlaceholder: i = !1, onSlicesChanged: s, takenArtifactNames: d, createSlice: l, onAddSlice: c, onReorderSlices: u, onMoveSlice: m, validateSliceDrop: v, renderSlice: p }) {
+  const { readOnly: g, messages: h } = ne(), b = O(Uv(t)), f = O(void 0), [y, w] = D(b.current), { slices: C } = y, k = O(!1), [R, M] = D(!1), x = G((T) => {
     const H = b.current, J = T(H);
     J !== H && (b.current = J, w(J), J.slices !== H.slices && (f.current = J.slices, s?.(J.slices)));
   }, [s]);
@@ -9928,7 +9935,7 @@ function oh({ ref: e, initialSlices: t, moduleId: n, featureId: r, featureCollap
       };
     });
   }, [x]), V = G((T, H) => x((J) => Qv(J, T, H)), [x]), Z = G((T, H) => x((J) => th(J, T, H)), [x]), L = G((T, H) => x((J) => nh(J, T, H)), [x]), te = G((T) => [...b.current.additions, ...b.current.incoming].some((H) => H.slice.id.equals(T)) || !b.current.slices.some((H) => H.id.equals(T)) ? !1 : (x((H) => Jv(H, T)), !0), [x]), N = G((T, H) => x((J) => eh(J, T, H)), [x]), E = G((T, H, J) => {
-    if (m || !c || k.current) return;
+    if (g || !c || k.current) return;
     k.current = !0, M(!0);
     const I = b.current.slices, j = l(Gv(T, J, I.map((U) => U.name), d?.(I)));
     x((U) => Xv(U, j, H)), Promise.resolve().then(() => c(j, H)).then((U) => {
@@ -9937,7 +9944,7 @@ function oh({ ref: e, initialSlices: t, moduleId: n, featureId: r, featureCollap
       k.current = !1, M(!1);
     });
   }, [
-    m,
+    g,
     l,
     d,
     c,
@@ -9964,7 +9971,7 @@ function oh({ ref: e, initialSlices: t, moduleId: n, featureId: r, featureCollap
     id: r,
     slices: C
   }), [r, C]), P = G((T, H, J, I) => {
-    if (m || !H.equals(r)) return;
+    if (g || !H.equals(r)) return;
     const j = b.current.slices.findIndex((U) => U.id.equals(T));
     if (!(j < 0 || b.current.slices[j].preview || [...b.current.additions, ...b.current.incoming].some((U) => U.slice.id.equals(T)))) {
       if (J.equals(r)) {
@@ -9972,21 +9979,21 @@ function oh({ ref: e, initialSlices: t, moduleId: n, featureId: r, featureCollap
         const U = Kv(b.current, j, I);
         if (U === b.current) return;
         x(() => U), Promise.resolve().then(() => u(U.slices.filter((ie) => !ie.preview).map((ie) => ie.id))).then((ie) => x((_) => ci(_, ie))).catch(() => x((ie) => ci(ie, !1)));
-      } else if (g) {
+      } else if (m) {
         const U = b.current.slices[j];
         if (!te(T)) return;
-        Promise.resolve().then(() => g(U, J, I)).then((ie) => N(T, ie)).catch(() => N(T, !1));
+        Promise.resolve().then(() => m(U, J, I)).then((ie) => N(T, ie)).catch(() => N(T, !1));
       }
     }
   }, [
-    m,
+    g,
     r,
     u,
-    g,
+    m,
     x,
     te,
     N
-  ]), { sliceDrag: $, handleSliceDragStart: K } = _v(q, n, u || g ? P : void 0, v);
+  ]), { sliceDrag: $, handleSliceDragStart: K } = _v(q, n, u || m ? P : void 0, v);
   return C.length ? /* @__PURE__ */ S(re, { children: [/* @__PURE__ */ a(Pv, {
     drag: $,
     headerHeight: ae.headerHeight
@@ -9994,8 +10001,8 @@ function oh({ ref: e, initialSlices: t, moduleId: n, featureId: r, featureCollap
     moduleId: n,
     featureId: r,
     busy: R,
-    acceptsReorder: !m && !!u,
-    acceptsMove: !m && !!g,
+    acceptsReorder: !g && !!u,
+    acceptsMove: !g && !!m,
     active: $?.targetFeatureId.equals(r),
     style: {
       display: "flex",
@@ -10027,8 +10034,8 @@ function oh({ ref: e, initialSlices: t, moduleId: n, featureId: r, featureCollap
   })] }) : o ? null : i ? /* @__PURE__ */ a(Kn, {
     moduleId: n,
     featureId: r,
-    acceptsReorder: !m && !!u,
-    acceptsMove: !m && !!g,
+    acceptsReorder: !g && !!u,
+    acceptsMove: !g && !!m,
     style: {
       width: 0,
       flexShrink: 0
@@ -10037,8 +10044,8 @@ function oh({ ref: e, initialSlices: t, moduleId: n, featureId: r, featureCollap
     moduleId: n,
     featureId: r,
     busy: R,
-    acceptsReorder: !m && !!u,
-    acceptsMove: !m && !!g,
+    acceptsReorder: !g && !!u,
+    acceptsMove: !g && !!m,
     className: "event-modeling-slices-empty",
     style: { width: Math.round(ae.sliceWidth * 1.5) },
     children: h.slices.empty
@@ -10088,16 +10095,16 @@ var Jn = (e) => {
     conn: s,
     rowHeight: d,
     actor: u
-  }) }, `role:${u.id.toString()}`)) : Array.from({ length: Math.max(1, c.length) }, (u, g) => /* @__PURE__ */ a("div", {
+  }) }, `role:${u.id.toString()}`)) : Array.from({ length: Math.max(1, c.length) }, (u, m) => /* @__PURE__ */ a("div", {
     className: `event-modeling-grid-slice-cell event-modeling-grid-slice-cell--${l}`,
     style: { height: d }
-  }, `row:${l}:${g}`));
+  }, `row:${l}:${m}`));
 }) }), ui = "38";
 function lh(e) {
   if (e.sliceType === B.stateChange && e.hasCommand) return Bt.background;
   if (e.sliceType === B.stateView && e.hasReadModel) return He.background;
 }
-var $p = ({ slice: e, contentRows: t, rowHeights: n }) => /* @__PURE__ */ a(re, { children: t.map((r) => {
+var _p = ({ slice: e, contentRows: t, rowHeights: n }) => /* @__PURE__ */ a(re, { children: t.map((r) => {
   const o = r === ee.Interaction ? lh(e) : void 0, i = r === ee.Events ? Math.min(e.eventCount, 3) : 0;
   return /* @__PURE__ */ S("div", {
     className: "event-modeling-grid-slice-cell event-modeling-grid-slice-placeholder-row",
@@ -10147,7 +10154,7 @@ var $p = ({ slice: e, contentRows: t, rowHeights: n }) => /* @__PURE__ */ a(re,
       placement: e,
       children: /* @__PURE__ */ a(kn, { action: t })
     });
-}, Kr = (e) => e === B.stateView, _p = (e) => !Kr(e), uh = (e, t) => Kr(e) && t === 0, mh = (e) => e === B.translator, Xa = (e) => {
+}, Kr = (e) => e === B.stateView, Dp = (e) => !Kr(e), uh = (e, t) => Kr(e) && t === 0, mh = (e) => e === B.translator, Xa = (e) => {
   switch (e) {
     case Ye.timer:
       return "pi pi-clock";
@@ -10235,8 +10242,8 @@ var $p = ({ slice: e, contentRows: t, rowHeights: n }) => /* @__PURE__ */ a(re,
 ], fh = ({ triggerType: e, onTriggerKindChosen: t, onTriggerOpened: n }) => {
   const r = Ce(), [o, i] = D(!1), s = O(null), d = O([s]).current;
   Ft(d, () => i(!1), o);
-  const l = e === void 0 ? void 0 : Xa(e), c = (u) => (g) => {
-    g.stopPropagation(), u();
+  const l = e === void 0 ? void 0 : Xa(e), c = (u) => (m) => {
+    m.stopPropagation(), u();
   };
   return l ? /* @__PURE__ */ a("div", {
     className: "system-row-cell__trigger-wrapper",
@@ -10272,7 +10279,7 @@ var $p = ({ slice: e, contentRows: t, rowHeights: n }) => /* @__PURE__ */ a(re,
     })]
   });
 }, bh = ({ sliceType: e, isSystemSlice: t, collapsed: n = !1, conn: r, rowHeight: o, triggerType: i, reactionRefusals: s, reactionInvocations: d }) => {
-  const { readOnly: l, sliceId: c } = bt(), { onTriggerKindChosen: u, onTriggerOpened: g, onReactionRefusalsEdit: v } = ne().editing, p = Ce(), m = i === void 0 ? void 0 : Xa(i), h = { height: o }, b = t && e === B.automation;
+  const { readOnly: l, sliceId: c } = bt(), { onTriggerKindChosen: u, onTriggerOpened: m, onReactionRefusalsEdit: v } = ne().editing, p = Ce(), g = i === void 0 ? void 0 : Xa(i), h = { height: o }, b = t && e === B.automation;
   return n ? /* @__PURE__ */ a("div", {
     style: h,
     className: "event-modeling-grid-slice-cell event-modeling-grid-slice-cell--centered event-modeling-grid-slice-cell--system event-modeling-grid-slice-cell--collapsed",
@@ -10297,17 +10304,17 @@ var $p = ({ slice: e, contentRows: t, rowHeights: n }) => /* @__PURE__ */ a(re,
         invocations: d,
         onEdit: !l && c && v ? (f) => v(c, f) : void 0
       }),
-      b && !l && c && u && g && /* @__PURE__ */ a(fh, {
+      b && !l && c && u && m && /* @__PURE__ */ a(fh, {
         triggerType: i,
         onTriggerKindChosen: (f) => u(c, f),
-        onTriggerOpened: () => g(c)
+        onTriggerOpened: () => m(c)
       }),
-      b && l && i !== void 0 && m && /* @__PURE__ */ a("div", {
+      b && l && i !== void 0 && g && /* @__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",
           title: gh(i, p),
-          children: /* @__PURE__ */ a("i", { className: m })
+          children: /* @__PURE__ */ a("i", { className: g })
         })
       })
     ]
@@ -10362,8 +10369,8 @@ var $p = ({ slice: e, contentRows: t, rowHeights: n }) => /* @__PURE__ */ a(re,
       })
     })
   });
-}, Sh = ({ elements: e, windowSize: t, layout: n, collapsed: r = !1, conn: o, rowHeight: i, actorId: s, hasScreen: d = !1, renderThumbnail: l, adornment: c, corner: u, visual: g }) => {
-  const { readOnly: v, sliceId: p } = bt(), { editing: m, actions: h, readOnly: b } = ne(), { onPrototypeOpened: f, onPrototypeAdded: y } = m, w = O(null), [C, k] = D(), R = Rs().prototypeThumbnail, M = { height: i }, x = "event-modeling-grid-slice-cell event-modeling-grid-slice-cell--centered event-modeling-grid-slice-cell--ui";
+}, Sh = ({ elements: e, windowSize: t, layout: n, collapsed: r = !1, conn: o, rowHeight: i, actorId: s, hasScreen: d = !1, renderThumbnail: l, adornment: c, corner: u, visual: m }) => {
+  const { readOnly: v, sliceId: p } = bt(), { editing: g, actions: h, readOnly: b } = ne(), { onPrototypeOpened: f, onPrototypeAdded: y } = g, w = O(null), [C, k] = D(), R = Rs().prototypeThumbnail, M = { height: i }, x = "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,
     className: x
@@ -10397,11 +10404,11 @@ var $p = ({ slice: e, contentRows: t, rowHeights: n }) => /* @__PURE__ */ a(re,
               fallback: Z
             }) : Z
           }),
-          !A && g && /* @__PURE__ */ a("div", {
+          !A && m && /* @__PURE__ */ a("div", {
             className: "event-modeling-grid-ui-preview event-modeling-grid-ui-preview--clickable event-modeling-grid-ui-visual",
             onPointerDown: (L) => L.stopPropagation(),
             onMouseDown: (L) => L.stopPropagation(),
-            children: g
+            children: m
           }),
           A && u && /* @__PURE__ */ a("div", {
             className: "event-modeling-grid-ui-corner",
@@ -10555,16 +10562,16 @@ var $p = ({ slice: e, contentRows: t, rowHeights: n }) => /* @__PURE__ */ a(re,
     })
   })] });
 }, Nh = ({ sliceId: e, event: t, renameable: n, showDetails: r = !1, ruleBreak: o, annotations: i }) => {
-  const { editing: s, actions: d, selection: l, messages: c } = ne(), u = Fe(), g = On(i), [v, p] = D(t.name), [m, h] = D(void 0);
+  const { editing: s, actions: d, selection: l, messages: c } = ne(), u = Fe(), m = On(i), [v, p] = D(t.name), [g, h] = D(void 0);
   oe(() => p(t.name), [t.name]);
   const b = s.onEventRenamed, f = n && !u && !!b, y = !!l.selectedArtifactId?.equals(t.id), w = () => {
-    const C = m?.trim() ?? "";
+    const C = g?.trim() ?? "";
     h(void 0), !(!C || !b) && p(b(e, t.id, C) ?? C);
   };
-  return m !== void 0 ? /* @__PURE__ */ a("div", {
+  return g !== void 0 ? /* @__PURE__ */ a("div", {
     className: "event-modeling-grid-event-wrapper",
     children: /* @__PURE__ */ a(_n, {
-      value: m,
+      value: g,
       backgroundColor: Le.background,
       textColor: Le.text,
       onChange: h,
@@ -10572,8 +10579,8 @@ var $p = ({ slice: e, contentRows: t, rowHeights: n }) => /* @__PURE__ */ a(re,
       onCancel: () => h(void 0)
     })
   }) : /* @__PURE__ */ S("div", {
-    className: `event-modeling-grid-event-wrapper${o ? " event-modeling-grid-event-wrapper--rule-break" : ""}${g ? " event-modeling-event--marked event-model-annotation-severity" : ""}`,
-    "data-severity": g,
+    className: `event-modeling-grid-event-wrapper${o ? " event-modeling-grid-event-wrapper--rule-break" : ""}${m ? " event-modeling-event--marked event-model-annotation-severity" : ""}`,
+    "data-severity": m,
     "data-flow-node": ke.event,
     children: [
       /* @__PURE__ */ a(ye, {
@@ -10674,14 +10681,14 @@ var Ja = ({ onClick: e, eventName: t, pending: n = !1, label: r }) => {
       "aria-hidden": "true"
     })
   });
-}, Oh = ({ id: e, name: t, sourceEventId: n, isSelected: r = !1, onSelected: o, onNavigate: i, onRemove: s, removalPending: d = !1, isPublic: l = !1, ruleBreak: c, ariaLabel: u, ...g }) => {
-  const v = lt(e), p = Ce(), m = !!n && !n.equals(pe.empty) && !!i, h = Ka(n ?? pe.empty, i);
+}, Oh = ({ 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, ...m }) => {
+  const v = lt(e), p = Ce(), g = !!n && !n.equals(pe.empty) && !!i, h = Ka(n ?? pe.empty, i);
   return /* @__PURE__ */ S("div", {
     ref: h.ref,
     "data-board-change": v,
     className: `${v ? "event-model-change-frame event-model-change-name " : ""}event-modeling-grid-event-wrapper event-modeling-grid-event-wrapper--reference${c ? " event-modeling-grid-event-wrapper--rule-break" : ""}`,
-    onMouseEnter: m ? h.onMouseEnter : void 0,
-    onMouseLeave: m ? h.onMouseLeave : void 0,
+    onMouseEnter: g ? h.onMouseEnter : void 0,
+    onMouseLeave: g ? h.onMouseLeave : void 0,
     children: [
       /* @__PURE__ */ a(vt, {
         name: t,
@@ -10695,10 +10702,10 @@ var Ja = ({ onClick: e, eventName: t, pending: n = !1, label: r }) => {
           kind: p.interaction.externalEvent,
           name: t
         }), l && /* @__PURE__ */ a(eo, {})] }),
-        ...g
+        ...m
       }),
       c && /* @__PURE__ */ a(Qa, { ruleBreak: c }),
-      m && /* @__PURE__ */ a(Za, { onClick: h.handleNavigate }),
+      g && /* @__PURE__ */ a(Za, { onClick: h.handleNavigate }),
       s && /* @__PURE__ */ a(Ja, {
         eventName: t,
         pending: d,
@@ -10709,7 +10716,7 @@ var Ja = ({ onClick: e, eventName: t, pending: n = !1, label: r }) => {
     ]
   });
 }, Ah = ({ sliceId: e, event: t, selectable: n, showDetails: r = !1, projectedFromTheRight: o = !1, annotations: i = [] }) => {
-  const { editing: s, selection: d, navigation: l, messages: c } = ne(), u = Fe() ? void 0 : s.onEventReferenceRemoved, g = pe.parse(t.sourceEventId ?? pe.empty.toString()), v = Ka(g, l.onNavigateToEvent), p = !!d.selectedArtifactId?.equals(t.id), m = d.onArtifactSelected, h = lt(t.id), b = `${c.events.openEvent} ${t.name}`, f = o ? [{
+  const { editing: s, selection: d, navigation: l, messages: c } = ne(), u = Fe() ? void 0 : s.onEventReferenceRemoved, m = pe.parse(t.sourceEventId ?? pe.empty.toString()), v = Ka(m, l.onNavigateToEvent), p = !!d.selectedArtifactId?.equals(t.id), g = d.onArtifactSelected, h = lt(t.id), b = `${c.events.openEvent} ${t.name}`, f = o ? [{
     severity: ut.warning,
     message: c.events.projectedFromTheRight
   }, ...i] : i, y = On(f);
@@ -10735,7 +10742,7 @@ var Ja = ({ onClick: e, eventName: t, pending: n = !1, label: r }) => {
           backgroundColor: Le.background,
           textColor: Le.text,
           isSelected: p,
-          onSelected: n && m ? () => m(t.id) : void 0,
+          onSelected: n && g ? () => g(t.id) : void 0,
           ariaLabel: h ? `${b} · ${An(c, h)}` : b,
           ariaPressed: p,
           "data-event-id": t.id.toString(),
@@ -10778,7 +10785,7 @@ var Ja = ({ 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));
 }, Th = ({ slice: e, collapsed: t = !1, conn: n, rowHeight: r, priorEvents: o, followingEvents: i = [], showDetails: s = !1 }) => {
-  const { editing: d, actions: l, messages: c } = ne(), u = Fe(), { onEventAdded: g, onEventReferenced: v } = d, p = Kr(e.sliceType), m = uh(e.sliceType, e.events.length), h = !(et(e) && e.events.some((k) => !k.sourceEventId)), b = Ph(e, o), f = Lh(e, o, i), y = /* @__PURE__ */ new Map();
+  const { editing: d, actions: l, messages: c } = ne(), u = Fe(), { onEventAdded: m, onEventReferenced: v } = d, p = Kr(e.sliceType), g = uh(e.sliceType, e.events.length), h = !(et(e) && e.events.some((k) => !k.sourceEventId)), b = Ph(e, o), f = Lh(e, o, i), y = /* @__PURE__ */ new Map();
   for (const k of e.annotations ?? []) {
     if (!k.eventId) continue;
     const R = k.eventId.toString().toLowerCase();
@@ -10798,20 +10805,20 @@ var Ja = ({ onClick: e, eventName: t, pending: n = !1, label: r }) => {
     conn: n,
     rowHeight: r,
     eventCount: e.events.length,
-    after: !u && m && C(!0),
+    after: !u && g && C(!0),
     corners: /* @__PURE__ */ S(re, { children: [
       !u && w.length > 0 && /* @__PURE__ */ a(Ht, {
         placement: kt.top,
         children: w.map((k) => /* @__PURE__ */ a(kn, { action: k }, k.tooltip))
       }),
-      !u && !p && h && g && /* @__PURE__ */ a(ch, {
+      !u && !p && h && m && /* @__PURE__ */ a(ch, {
         placement: kt.add,
         action: {
           tooltip: c.events.addEvent,
-          onActivate: (k) => g(k)
+          onActivate: (k) => m(k)
         }
       }),
-      !u && p && !m && v && /* @__PURE__ */ a(Ht, {
+      !u && p && !g && v && /* @__PURE__ */ a(Ht, {
         placement: kt.add,
         children: C(!1)
       })
@@ -10833,9 +10840,9 @@ var Ja = ({ onClick: e, eventName: t, pending: n = !1, label: r }) => {
     }, k.id.toString()))
   });
 }, vi = ({ sliceId: e, kind: t, artifactId: n, name: r, schema: o, description: i, summary: s, documentation: d, showDetails: l = !1, annotations: c, onRenamed: u }) => {
-  const g = On(c), { actions: v, selection: p, messages: m } = ne(), h = Fe(), [b, f] = D(r), [y, w] = D(void 0);
+  const m = On(c), { actions: v, selection: p, messages: g } = ne(), h = Fe(), [b, f] = D(r), [y, w] = D(void 0);
   oe(() => f(r), [r]);
-  const C = t === me.command, k = C ? v.commandCard : v.readModelCardFor?.(n) ?? v.readModelCard, R = C ? Bt : He, M = C ? m.interaction.command : m.interaction.readModel, x = !h && !!u, A = p.onArtifactSelected, V = () => {
+  const C = t === me.command, k = C ? v.commandCard : v.readModelCardFor?.(n) ?? v.readModelCard, R = C ? Bt : He, M = C ? g.interaction.command : g.interaction.readModel, x = !h && !!u, A = p.onArtifactSelected, V = () => {
     const Z = y?.trim() ?? "";
     w(void 0), !(!Z || !u) && (u(Z), f(Z));
   };
@@ -10851,15 +10858,15 @@ var Ja = ({ onClick: e, eventName: t, pending: n = !1, label: r }) => {
       description: i,
       documentation: d
     }), /* @__PURE__ */ a(qt, {
-      title: `${h ? "" : `${m.interaction.doubleClickToRenamePrefix} `}${M}: ${b}`,
+      title: `${h ? "" : `${g.interaction.doubleClickToRenamePrefix} `}${M}: ${b}`,
       schema: o
     })] }),
     position: "top",
     openOnFocus: !0,
     children: /* @__PURE__ */ S("div", {
-      className: g ? "event-modeling-event--marked event-model-annotation-severity" : void 0,
-      "data-severity": g,
-      style: g ? { position: "relative" } : void 0,
+      className: m ? "event-modeling-event--marked event-model-annotation-severity" : void 0,
+      "data-severity": m,
+      style: m ? { position: "relative" } : void 0,
       "data-flow-node": C ? ke.command : ke.readModel,
       children: [/* @__PURE__ */ a(Vr, {
         kind: t,
@@ -10874,10 +10881,10 @@ var Ja = ({ onClick: e, eventName: t, pending: n = !1, label: r }) => {
         isSelected: !!p.selectedArtifactId?.equals(n),
         onSelected: A ? () => A(n) : void 0,
         onStartEdit: x ? () => w(b) : void 0,
-        ariaLabel: `${m.interaction.open} ${M}: ${b}`,
+        ariaLabel: `${g.interaction.open} ${M}: ${b}`,
         "data-card-id": n.toString(),
         "data-slice-id": e.toString()
-      }), g && /* @__PURE__ */ a(Jr, { annotations: c })]
+      }), m && /* @__PURE__ */ a(Jr, { annotations: c })]
     })
   });
 }, tr = "event-modeling-grid-slice-cell event-modeling-grid-slice-cell--centered event-modeling-grid-slice-cell--interaction", nr = ({ collapsed: e = !1, conn: t, rowHeight: n, miniCards: r, layout: o }) => {
@@ -10969,11 +10976,11 @@ var Ja = ({ onClick: e, eventName: t, pending: n = !1, label: r }) => {
     return r.has(s) || o.has(s) ? !1 : (o.add(s), !0);
   });
 }, hi = ({ sliceId: e, kind: t, artifactId: n, name: r, sources: o, onRenamed: i }) => {
-  const { actions: s, selection: d, messages: l } = ne(), c = Fe(), [u, g] = D(r), [v, p] = D(void 0);
-  oe(() => g(r), [r]);
-  const m = t === me.projection, h = m ? s.projectionCard : s.captureCard, b = m ? Hr : jr, f = m ? l.interaction.projection : l.interaction.capture, y = !c && !!i, w = d.onArtifactSelected, C = o.length > 0 ? o.join(", ") : l.interaction.noSourceEvents, k = () => {
+  const { actions: s, selection: d, messages: l } = ne(), c = Fe(), [u, m] = D(r), [v, p] = D(void 0);
+  oe(() => m(r), [r]);
+  const g = t === me.projection, h = g ? s.projectionCard : s.captureCard, b = g ? Hr : jr, f = g ? l.interaction.projection : l.interaction.capture, y = !c && !!i, w = d.onArtifactSelected, C = o.length > 0 ? o.join(", ") : l.interaction.noSourceEvents, k = () => {
     const R = v?.trim() ?? "";
-    p(void 0), !(!R || !i) && (i(R), g(R));
+    p(void 0), !(!R || !i) && (i(R), m(R));
   };
   return v !== void 0 ? /* @__PURE__ */ a(_n, {
     value: v,
@@ -10986,7 +10993,7 @@ var Ja = ({ onClick: e, eventName: t, pending: n = !1, label: r }) => {
     content: `${c ? "" : `${l.interaction.doubleClickToRenamePrefix} `}${f}: ${u}`,
     position: "top",
     children: /* @__PURE__ */ a("div", {
-      "data-flow-node": m ? ke.projection : ke.capture,
+      "data-flow-node": g ? ke.projection : ke.capture,
       children: /* @__PURE__ */ a(Vr, {
         kind: t,
         artifactId: n,
@@ -11005,12 +11012,12 @@ var Ja = ({ onClick: e, eventName: t, pending: n = !1, label: r }) => {
     })
   });
 }, Fh = ({ sliceId: e, commandActions: t, alternativeLabel: n, onAlternative: r, label: o, configuredKind: i, oppositeLabel: s, oppositeReason: d, onOppositeAlternative: l }) => {
-  const { messages: c } = ne(), u = Qe.interaction, g = i ? (c.interaction.occupiedImplementation ?? u.occupiedImplementation)(i) : void 0, v = O(null), p = () => v.current?.getBoundingClientRect() ?? new DOMRect(), m = [
+  const { messages: c } = ne(), u = Qe.interaction, m = i ? (c.interaction.occupiedImplementation ?? u.occupiedImplementation)(i) : void 0, v = O(null), p = () => v.current?.getBoundingClientRect() ?? new DOMRect(), g = [
     ...i ? [{
       id: "command",
       label: c.interaction.addCommand ?? u.addCommand,
       disabled: !0,
-      description: g
+      description: m
     }] : t.map((h, b) => ({
       id: `command-${b}`,
       label: h.tooltip,
@@ -11023,7 +11030,7 @@ var Ja = ({ onClick: e, eventName: t, pending: n = !1, label: r }) => {
       id: "alternative",
       label: n,
       disabled: !!i,
-      description: g,
+      description: m,
       onClick: () => {
         i || r(p());
       }
@@ -11044,7 +11051,7 @@ var Ja = ({ onClick: e, eventName: t, pending: n = !1, label: r }) => {
       "aria-label": o,
       children: "+"
     }),
-    items: m,
+    items: g,
     align: "right"
   });
 }, Bh = (e) => {
@@ -11064,14 +11071,14 @@ var Ja = ({ onClick: e, eventName: t, pending: n = !1, label: r }) => {
       ];
   }
 }, qh = (e, t) => e.sliceType === B.translator ? (t.interaction.implementationSummary ?? Qe.interaction.implementationSummary)(t.interaction.command, e.externalEvents.length) : void 0, Wh = ({ slice: e, collapsed: t = !1, conn: n, rowHeight: r, externalEventOptions: o = [], priorEventOptions: i = [], showDetails: s = !1 }) => {
-  const { editing: d, actions: l, selection: c, navigation: u, messages: g } = ne(), v = Fe(), { onCommandRenamed: p, onReadModelRenamed: m, onReadModelAdded: h, onExternalEventAdded: b, onExternalEventRemoved: f, onProjectionRenamed: y, onCaptureRenamed: w, onProjectionAdded: C, onCaptureAdded: k } = d, R = Dh(e, o, i), M = (l.interactionRow ?? []).filter((W) => !W.when || W.when(e)), x = Bh(e), A = c.onArtifactSelected, { command: V, readModel: Z } = e, L = (W, se) => (e.annotations ?? []).filter((xe) => xe[W]?.toString().toLowerCase() === se.toString().toLowerCase()), te = V && /* @__PURE__ */ a(vi, {
+  const { editing: d, actions: l, selection: c, navigation: u, messages: m } = ne(), v = Fe(), { onCommandRenamed: p, onReadModelRenamed: g, onReadModelAdded: h, onExternalEventAdded: b, onExternalEventRemoved: f, onProjectionRenamed: y, onCaptureRenamed: w, onProjectionAdded: C, onCaptureAdded: k } = d, R = Dh(e, o, i), M = (l.interactionRow ?? []).filter((W) => !W.when || W.when(e)), x = Bh(e), A = c.onArtifactSelected, { command: V, readModel: Z } = e, L = (W, se) => (e.annotations ?? []).filter((xe) => xe[W]?.toString().toLowerCase() === se.toString().toLowerCase()), te = V && /* @__PURE__ */ a(vi, {
     sliceId: e.id,
     kind: me.command,
     artifactId: V.id,
     name: V.name,
     schema: V.schema,
     description: V.description,
-    summary: qh(e, g),
+    summary: qh(e, m),
     documentation: V.documentation,
     showDetails: s,
     annotations: L("commandId", V.id),
@@ -11100,15 +11107,15 @@ var Ja = ({ onClick: e, eventName: t, pending: n = !1, label: r }) => {
     documentation: W.documentation,
     showDetails: s,
     annotations: L("readModelId", W.id),
-    onRenamed: m && ((se) => m(e.id, W.id, se))
+    onRenamed: g && ((se) => g(e.id, W.id, se))
   }, W.id.toString()), T = e.sliceType === B.stateView ? e.additionalReadModels ?? [] : [], H = Z && K(Z), J = T.length > 0 ? /* @__PURE__ */ S("div", {
     className: "event-modeling-grid-slice-cell-stack",
     children: [H, T.map(K)]
   }) : H, I = (W) => {
-    const se = `${g.interaction.open} ${g.interaction.externalEvent}: ${W.name}`, xe = _h(W, R), Te = R.find((Be) => Be.id.toString() === W.sourceEventId);
+    const se = `${m.interaction.open} ${m.interaction.externalEvent}: ${W.name}`, xe = _h(W, R), Te = R.find((Be) => Be.id.toString() === W.sourceEventId);
     return /* @__PURE__ */ a(ye, {
       content: /* @__PURE__ */ a(qt, {
-        title: `${v ? "" : `${g.interaction.doubleClickToRenamePrefix} `}${g.interaction.externalEvent}: ${W.name}`,
+        title: `${v ? "" : `${m.interaction.doubleClickToRenamePrefix} `}${m.interaction.externalEvent}: ${W.name}`,
         schema: xe
       }),
       position: "top",
@@ -11132,23 +11139,23 @@ var Ja = ({ onClick: e, eventName: t, pending: n = !1, label: r }) => {
       })
     }, W.id.toString());
   }, j = et(e) ? C && {
-    label: g.interaction.addProjection,
+    label: m.interaction.addProjection,
     add: C
   } : k && {
-    label: g.interaction.addCapture,
+    label: m.interaction.addCapture,
     add: k
-  }, U = N ? g.interaction.projection : E ? g.interaction.capture : V ? g.interaction.command : void 0, ie = e.sliceType === B.translator && !!j, _ = et(e) ? k : C, X = et(e) ? g.interaction.captureInputOnly ?? Qe.interaction.captureInputOnly : g.interaction.projectionOutputOnly ?? Qe.interaction.projectionOutputOnly, de = !v && (M.length > 0 || ie) && /* @__PURE__ */ S(Ht, {
+  }, U = N ? m.interaction.projection : E ? m.interaction.capture : V ? m.interaction.command : void 0, ie = e.sliceType === B.translator && !!j, _ = et(e) ? k : C, X = et(e) ? m.interaction.captureInputOnly ?? Qe.interaction.captureInputOnly : m.interaction.projectionOutputOnly ?? Qe.interaction.projectionOutputOnly, de = !v && (M.length > 0 || ie) && /* @__PURE__ */ S(Ht, {
     placement: kt.add,
     children: [ie && j ? /* @__PURE__ */ a(Fh, {
       sliceId: e.id,
       commandActions: U ? [] : M,
       configuredKind: U,
-      oppositeLabel: et(e) ? g.interaction.addCapture : g.interaction.addProjection,
+      oppositeLabel: et(e) ? m.interaction.addCapture : m.interaction.addProjection,
       oppositeReason: X,
       onOppositeAlternative: _ && ((W) => _(e.id, W)),
       alternativeLabel: j.label,
       onAlternative: (W) => j.add(e.id, W),
-      label: g.interaction.addToTranslator
+      label: m.interaction.addToTranslator
     }) : M.map((W) => /* @__PURE__ */ a(kn, { action: W }, W.tooltip)), ie && U && M.map((W) => /* @__PURE__ */ a(kn, { action: W }, W.tooltip))]
   });
   if (e.sliceType === B.automation && !t) {
@@ -11166,8 +11173,8 @@ var Ja = ({ onClick: e, eventName: t, pending: n = !1, label: r }) => {
         cards: /* @__PURE__ */ S(re, { children: [
           J,
           W && /* @__PURE__ */ a($h, {
-            label: g.interaction.readModel,
-            defineLabel: g.interaction.defineReadModel,
+            label: m.interaction.readModel,
+            defineLabel: m.interaction.defineReadModel,
             onDefine: (se) => h(e.id, se)
           }),
           te
@@ -11191,9 +11198,9 @@ var Ja = ({ onClick: e, eventName: t, pending: n = !1, label: r }) => {
             options: Eh(e, R).filter((se) => !W.has(se.name)),
             nameOf: (se) => se.name,
             onSelect: (se) => b(e.id, se),
-            label: g.interaction.addExternalEvent,
-            searchPlaceholder: g.interaction.searchExternalEvents,
-            emptyLabel: et(e) ? g.interaction.noEarlierPrivateEventsAvailable : g.interaction.noExternalEventsAvailable
+            label: m.interaction.addExternalEvent,
+            searchPlaceholder: m.interaction.searchExternalEvents,
+            emptyLabel: et(e) ? m.interaction.noEarlierPrivateEventsAvailable : m.interaction.noExternalEventsAvailable
           })
         }),
         right: $,
@@ -11214,10 +11221,10 @@ var Ja = ({ onClick: e, eventName: t, pending: n = !1, label: r }) => {
       corners: de
     }
   });
-}, to = (e) => e.flatMap((t) => [t, ...to(t.subFeatures)]), no = (e) => e.collections.flatMap((t) => t.modules), Dp = (e, t = "Module") => at(t, no(e).map((n) => n.name)), Fp = (e, t, n, r = "Feature") => {
+}, to = (e) => e.flatMap((t) => [t, ...to(t.subFeatures)]), no = (e) => e.collections.flatMap((t) => t.modules), Fp = (e, t = "Module") => at(t, no(e).map((n) => n.name)), Bp = (e, t, n, r = "Feature") => {
   const o = no(e).find((s) => s.id.equals(t)), i = n ? to(o?.features ?? []).find((s) => s.id.equals(n)) : void 0;
   return at(r, (i ? i.subFeatures : o?.features ?? []).map((s) => s.name));
-}, Bp = (e, t = "Event") => at(t, no(e).flatMap((n) => to(n.features)).flatMap((n) => n.slices.flatMap((r) => r.events.map((o) => o.name))));
+}, qp = (e, t = "Event") => at(t, no(e).flatMap((n) => to(n.features)).flatMap((n) => n.slices.flatMap((r) => r.events.map((o) => o.name))));
 export {
   Gd as ActorRowDragGhost,
   No as ActorRowDropIndicator,
@@ -11234,7 +11241,7 @@ export {
   Pi as BoardInteractionProvider,
   $a as BoardOverlay,
   td as BoardProvider,
-  Np as BoardToolbar,
+  Rp as BoardToolbar,
   hg as BoardToolbarFrame,
   pg as BoardViewMenu,
   fg as BoardViewOptions,
@@ -11263,7 +11270,7 @@ export {
   bn as CurveAxis,
   xp as DEFAULT_MAX_TITLE_FONT_SIZE_PX,
   Mp as DEFAULT_MIN_TITLE_FONT_SIZE_PX,
-  Ap as DRAG_THRESHOLD,
+  Lp as DRAG_THRESHOLD,
   Pn as Description,
   Lr as DescriptionFull,
   Qi as DetailsToggle,
@@ -11274,7 +11281,7 @@ export {
   wp as EntityErrorKind,
   Sp as ErroredEntity,
   Nh as EventCard,
-  Ip as EventModelBoard,
+  Np as EventModelBoard,
   xi as EventModelMessagesContext,
   rp as EventModelMessagesProvider,
   Ii as EventModelPresentationChangeContext,
@@ -11301,7 +11308,7 @@ export {
   dc as HIT_TEST_ATTRIBUTES,
   Ki as HeaderDragGhost,
   Ha as HostedEventModelBoard,
-  Tp as INTERACTIVE_SELECTOR,
+  $p as INTERACTIVE_SELECTOR,
   vi as InteractionCard,
   nr as InteractionCell,
   ot as InteractionMiniCard,
@@ -11361,9 +11368,9 @@ export {
   Wh as SliceInteraction,
   rg as SliceLines,
   Lg as SliceLinks,
-  $p as SlicePlaceholder,
+  _p as SlicePlaceholder,
   Nv as SlicePreviewHeader,
-  Op as SliceProblemIndicator,
+  Ap as SliceProblemIndicator,
   wv as SliceProblemsProvider,
   Cv as SliceProvider,
   sh as SliceRows,
@@ -11396,8 +11403,8 @@ export {
   Wg as StickyNoteState,
   Ba as StickyNotes,
   bh as SystemCell,
-  Lp as TOUCH_LONG_PRESS_MS,
-  Pp as TOUCH_LONG_PRESS_TOLERANCE,
+  Pp as TOUCH_LONG_PRESS_MS,
+  Tp as TOUCH_LONG_PRESS_TOLERANCE,
   ng as ThenSection,
   mt as TranslationDirection,
   Ev as TranslationDirectionToggle,
@@ -11479,10 +11486,10 @@ export {
   kl as defaultDetailsVisibilityState,
   Qe as defaultEventModelMessages,
   Il as defaultEventModelPresentation,
-  Bp as defaultEventName,
-  Fp as defaultFeatureName,
+  qp as defaultEventName,
+  Bp as defaultFeatureName,
   Ai as defaultMeasureLabelWidth,
-  Dp as defaultModuleName,
+  Fp as defaultModuleName,
   _t as defaultSpecificationValueMessages,
   Cr as defaultViewOptionsMessages,
   Fa as describeStickyNoteColour,
@@ -11524,6 +11531,7 @@ export {
   Dg as keyBelongsToBoard,
   Fg as keyDeletesBoardElements,
   bv as lastInteractionTarget,
+  Ip as leftToolbarInset,
   up as linkAnchor,
   Ll as linkSides,
   Eg as measureSliceAnchors,
@@ -11536,7 +11544,7 @@ export {
   Zv as moveSliceInArea,
   Gu as nearestPascalCaseBreakIndex,
   Sr as newCollectionSize,
-  Rp as nextModulePosition,
+  Op as nextModulePosition,
   Ya as noArtifactNames,
   ur as orderFeatures,
   oa as orderModules,
@@ -11596,7 +11604,7 @@ export {
   Yv as settleAddedSlice,
   ht as shownText,
   Ym as shownWhenEvent,
-  _p as showsAddNewEventButton,
+  Dp as showsAddNewEventButton,
   uh as showsEventReferencePlaceholder,
   mh as showsExternalEventPicker,
   Xt as sideAnchor,