@zenwave360/vistas-eventflow 0.1.0

package/dist/index.js

@@ -0,0 +1,645 @@
+import { jsxs as y, jsx as s, Fragment as te } from "react/jsx-runtime";
+import { useMemo as x, useState as K, useRef as q, useEffect as F, useCallback as M } from "react";
+import J, { Handle as O, Position as R, getBezierPath as ne, BaseEdge as ie, EdgeLabelRenderer as oe, applyNodeChanges as Q, Background as V, Controls as ee, MiniMap as se, MarkerType as re } from "reactflow";
+function ce({ data: e }) {
+  return /* @__PURE__ */ y("div", { className: "eventflow-command-node", title: e.title, children: [
+    e.endOutcomeLabels && e.endOutcomeLabels.length > 0 ? /* @__PURE__ */ s("div", { className: "node-role-badge node-role-badge-end-outcome", children: e.endOutcomeLabels.join(", ") }) : null,
+    /* @__PURE__ */ s(O, { type: "target", position: R.Left }),
+    /* @__PURE__ */ s("div", { className: "node-header", children: /* @__PURE__ */ s("strong", { children: e.label }) }),
+    /* @__PURE__ */ s(O, { type: "source", position: R.Right })
+  ] });
+}
+function ae({ data: e }) {
+  return /* @__PURE__ */ y("div", { className: "eventflow-event-node", title: e.title, children: [
+    e.endOutcomeLabels && e.endOutcomeLabels.length > 0 ? /* @__PURE__ */ s("div", { className: "node-role-badge node-role-badge-end-outcome", children: e.endOutcomeLabels.join(", ") }) : null,
+    /* @__PURE__ */ s(O, { type: "target", position: R.Left }),
+    /* @__PURE__ */ s("div", { className: "node-header", children: /* @__PURE__ */ s("strong", { children: e.label }) }),
+    /* @__PURE__ */ s(O, { type: "source", position: R.Right })
+  ] });
+}
+function le({ data: e }) {
+  return /* @__PURE__ */ y("div", { className: "eventflow-policy-node", title: e.title, children: [
+    e.endOutcomeLabels && e.endOutcomeLabels.length > 0 ? /* @__PURE__ */ s("div", { className: "node-role-badge node-role-badge-end-outcome", children: e.endOutcomeLabels.join(", ") }) : null,
+    /* @__PURE__ */ s(O, { type: "target", position: R.Left }),
+    e.policyLabelParts ? /* @__PURE__ */ y("div", { className: "node-header eventflow-policy-label", children: [
+      /* @__PURE__ */ s("span", { className: "eventflow-policy-keyword", children: e.policyLabelParts.when }),
+      /* @__PURE__ */ s("strong", { className: "eventflow-policy-condition", children: e.policyLabelParts.condition }),
+      /* @__PURE__ */ s("span", { className: "eventflow-policy-keyword", children: e.policyLabelParts.do }),
+      /* @__PURE__ */ s("strong", { className: "eventflow-policy-action", children: e.policyLabelParts.action })
+    ] }) : /* @__PURE__ */ s("div", { className: "node-header", children: /* @__PURE__ */ s("strong", { children: e.label }) }),
+    /* @__PURE__ */ s(O, { type: "source", position: R.Right })
+  ] });
+}
+function de({ data: e }) {
+  return /* @__PURE__ */ y("div", { className: "eventflow-start-node-shell", title: e.title, children: [
+    /* @__PURE__ */ s("div", { className: "node-role-badge node-role-badge-start", children: "START" }),
+    e.endOutcomeLabels && e.endOutcomeLabels.length > 0 ? /* @__PURE__ */ s("div", { className: "node-role-badge node-role-badge-end-outcome", children: e.endOutcomeLabels.join(", ") }) : null,
+    /* @__PURE__ */ y("div", { className: "eventflow-start-node", children: [
+      /* @__PURE__ */ s("div", { className: "node-header", children: /* @__PURE__ */ s("strong", { children: e.label }) }),
+      /* @__PURE__ */ s(O, { type: "source", position: R.Right })
+    ] })
+  ] });
+}
+function ue({ data: e }) {
+  return /* @__PURE__ */ y("div", { className: "eventflow-end-node", title: e.title, children: [
+    e.endOutcomeLabels && e.endOutcomeLabels.length > 0 ? /* @__PURE__ */ s("div", { className: "node-role-badge node-role-badge-end-outcome", children: e.endOutcomeLabels.join(", ") }) : null,
+    /* @__PURE__ */ s(O, { type: "target", position: R.Left }),
+    /* @__PURE__ */ s("div", { className: "node-header", children: /* @__PURE__ */ s("strong", { children: e.label }) })
+  ] });
+}
+function he({ data: e }) {
+  return /* @__PURE__ */ y("div", { className: "eventflow-outcome-node", children: [
+    /* @__PURE__ */ s(O, { type: "target", position: R.Left }),
+    /* @__PURE__ */ s("div", { className: "node-header", children: e.label }),
+    /* @__PURE__ */ s(O, { type: "source", position: R.Right })
+  ] });
+}
+var C = /* @__PURE__ */ ((e) => (e.START = "START", e.COMMAND = "COMMAND", e.EVENT = "EVENT", e.POLICY = "POLICY", e.END = "END", e))(C || {}), b = /* @__PURE__ */ ((e) => (e.CAUSATION = "CAUSATION", e.CALL = "CALL", e.OUTCOME_HANDLER = "OUTCOME_HANDLER", e.TRIGGER = "TRIGGER", e.CONDITIONAL = "CONDITIONAL", e.ERROR = "ERROR", e))(b || {}), me = /* @__PURE__ */ ((e) => (e.LR = "LR", e.TB = "TB", e))(me || {});
+function je(e) {
+  return {
+    schema: "zfl.eventflow.view@1",
+    layout: null,
+    bounds: null,
+    systemGroups: null,
+    ...e
+  };
+}
+function pe(e) {
+  return e === b.ERROR ? "#dc2626" : e === b.CALL ? "#2563eb" : e === b.OUTCOME_HANDLER ? "#ea580c" : e === b.TRIGGER ? "#7c3aed" : e === b.CONDITIONAL ? "#0f766e" : "#64748b";
+}
+function fe(e) {
+  if (e === b.CALL) return "14 8";
+  if (e === b.OUTCOME_HANDLER) return "3 6";
+  if (e === b.TRIGGER) return "6 4";
+  if (e === b.CONDITIONAL) return "10 6";
+  if (e === b.ERROR) return "3 3";
+}
+function ge(e) {
+  const [i, n, o] = ne(e), r = e.data?.edgeType, u = pe(r), l = fe(r);
+  return /* @__PURE__ */ y(te, { children: [
+    /* @__PURE__ */ s(
+      ie,
+      {
+        id: e.id,
+        path: i,
+        markerEnd: e.markerEnd,
+        style: {
+          stroke: u,
+          strokeWidth: 2.5,
+          strokeDasharray: l
+        }
+      }
+    ),
+    e.label && /* @__PURE__ */ s(oe, { children: /* @__PURE__ */ s(
+      "div",
+      {
+        className: "eventflow-edge-label",
+        style: {
+          transform: `translate(-50%, -50%) translate(${n}px,${o}px)`
+        },
+        children: e.label
+      }
+    ) })
+  ] });
+}
+function Ne(e) {
+  return e.replace(/([a-z0-9])([A-Z])/g, "$1 $2").replace(/([A-Z]+)([A-Z][a-z])/g, "$1 $2").replace(/[_-]+/g, " ").replace(/\s+/g, " ").trim();
+}
+function I(e) {
+  return e.split(":").map((i) => Ne(i)).join(": ");
+}
+function Ye(e) {
+  return e.split(`
+`).map((i) => I(i)).join(`
+`);
+}
+const U = 180, X = 112, j = 32, be = 72, ve = 180, $ = 24;
+function ye(e) {
+  const i = e.dimensions?.width ?? U, n = e.dimensions?.height ?? X;
+  return {
+    width: Math.max(i, U),
+    height: Math.max(n, X)
+  };
+}
+function Ee(e, i) {
+  const n = e.position ?? { x: 0, y: 0 }, o = e.dimensions;
+  return o ? {
+    x: n.x - (i.width - o.width) / 2,
+    y: n.y - (i.height - o.height) / 2
+  } : n;
+}
+function Le(e) {
+  switch (e) {
+    case C.START:
+      return "startNode";
+    case C.COMMAND:
+      return "commandNode";
+    case C.EVENT:
+      return "eventNode";
+    case C.POLICY:
+      return "policyNode";
+    case C.END:
+      return "endNode";
+    default:
+      return "eventNode";
+  }
+}
+function Oe(e) {
+  return e === "startNode" ? "#22c55e" : e === "commandNode" ? "#3b82f6" : e === "eventNode" ? "#f97316" : e === "policyNode" ? "#a855f7" : e === "endNode" ? "#ef4444" : e === "outcomeNode" ? "#e2e8f0" : "#cbd5e1";
+}
+function Re(e) {
+  return e === b.CALL ? "#2563eb" : e === b.OUTCOME_HANDLER ? "#ea580c" : e === b.ERROR ? "#dc2626" : "#64748b";
+}
+function xe(e, i) {
+  return [e, i].filter(Boolean).join(" / ") || void 0;
+}
+function Ce(e) {
+  const i = e.match(/^\s*(when)\s+(.+?)\s+(do)\s+(.+)\s*$/i);
+  if (i)
+    return {
+      when: i[1].toLowerCase(),
+      condition: i[2],
+      do: i[3].toLowerCase(),
+      action: i[4]
+    };
+}
+function Ie(e) {
+  return e.endOutcome ?? e.endOutcomeLabels;
+}
+function Me(e, i, n) {
+  const o = [], r = i?.humanizeLabels ?? !0;
+  return { nodes: e.nodes.flatMap((l) => {
+    if (!l.position || !l.dimensions)
+      return o.push(l.id), [];
+    const t = ye(l), h = r ? I(l.label) : l.label, c = Ie(l)?.filter((a) => a != null && a.trim().length > 0).map((a) => r ? I(a) : a);
+    return [{
+      id: l.id,
+      type: Le(l.type),
+      position: Ee(l, t),
+      className: n?.has(l.id) ? "eventflow-node-highlighted" : void 0,
+      data: {
+        label: h,
+        endOutcomeLabels: c,
+        sourceRef: l.sourceRef,
+        title: xe(l.system, l.service),
+        policyLabelParts: l.type === C.POLICY ? Ce(h) : void 0
+      },
+      style: {
+        width: t.width,
+        height: t.height
+      }
+    }];
+  }), missingLayoutNodeIds: o };
+}
+function k(e, i) {
+  const n = e.style, o = typeof n?.width == "number" ? n.width : i?.width ?? null, r = typeof n?.height == "number" ? n.height : i?.height ?? null;
+  return o === null || r === null ? null : { width: o, height: r };
+}
+function Y(e, i) {
+  const n = k(e, i);
+  return n ? {
+    x: e.position.x + n.width / 2,
+    y: e.position.y + n.height / 2
+  } : null;
+}
+function we(e) {
+  return Math.min(Math.max(e.length * 7 + 24, be), ve);
+}
+function H(e, i, n, o, r, u) {
+  return {
+    id: e,
+    source: i,
+    target: n,
+    type: "causationEdge",
+    label: r || void 0,
+    data: {
+      edgeType: o,
+      sourceRef: u ?? void 0
+    },
+    markerEnd: {
+      type: re.ArrowClosed,
+      width: 18,
+      height: 18,
+      color: Re(o)
+    }
+  };
+}
+function De(e, i, n) {
+  const o = new Map(i.map((a) => [a.id, a])), r = new Map(e.nodes.map((a) => [a.id, a])), u = n?.humanizeLabels ?? !0, l = /* @__PURE__ */ new Map();
+  e.edges.forEach((a) => {
+    const d = a.outcome?.trim();
+    if (!d || !o.has(a.source) || !o.has(a.target) || r.get(a.source)?.type !== C.COMMAND)
+      return;
+    const f = `${a.source}::${d}`, E = l.get(f);
+    if (E) {
+      E.push(a);
+      return;
+    }
+    l.set(f, [a]);
+  });
+  const t = [], h = [], c = /* @__PURE__ */ new Set();
+  return l.forEach((a, d) => {
+    if (a.length < 2)
+      return;
+    const f = o.get(a[0].source);
+    if (!f)
+      return;
+    const E = Y(f, null);
+    if (!E)
+      return;
+    const w = a.map((p) => o.get(p.target)).filter((p) => !!p);
+    if (w.length < 2)
+      return;
+    const v = w.map((p) => Y(p, null)).filter((p) => !!p);
+    if (v.length < 2)
+      return;
+    const D = a[0].outcome.trim(), T = u ? I(D) : D, A = we(T), S = v.reduce((p, W) => p + W.x, 0) / v.length, B = v.reduce((p, W) => p + W.y, 0) / v.length, _ = k(f, null), G = Math.min(...w.map((p) => p.position.x)), g = _ ? f.position.x + _.width + $ : f.position.x + $, N = G - A - $;
+    let L = (E.x + S) / 2 - A / 2;
+    N >= g && (L = Math.min(Math.max(L, g), N));
+    const m = `synthetic:outcome:${d}`, z = {
+      id: m,
+      type: "outcomeNode",
+      position: {
+        x: L,
+        y: B - j / 2
+      },
+      draggable: !1,
+      selectable: !1,
+      connectable: !1,
+      data: {
+        label: T,
+        synthetic: !0
+      },
+      style: {
+        width: A,
+        height: j
+      }
+    };
+    t.push(z), h.push(
+      H(
+        `${m}:in`,
+        a[0].source,
+        m,
+        a[0].type,
+        void 0,
+        a[0].sourceRef
+      )
+    ), a.forEach((p) => {
+      c.add(p.id), h.push(
+        H(
+          `${m}:${p.id}`,
+          m,
+          p.target,
+          p.type,
+          void 0,
+          p.sourceRef
+        )
+      );
+    });
+  }), {
+    nodes: t,
+    edges: h,
+    groupedEdgeIds: c
+  };
+}
+function Ae(e, i) {
+  const n = e.filter((t) => t.position && t.dimensions);
+  if (n.length === 0)
+    return i;
+  const o = Math.min(...n.map((t) => t.position.x)), r = Math.min(...n.map((t) => t.position.y)), u = Math.max(...n.map((t) => t.position.x + t.dimensions.width)), l = Math.max(...n.map((t) => t.position.y + t.dimensions.height));
+  return {
+    x: o,
+    y: r,
+    width: u - o,
+    height: l - r
+  };
+}
+function Te(e, i) {
+  const n = new Map(i.map((r) => [r.id, r])), o = e.nodes.map((r) => {
+    const u = n.get(r.id);
+    return u ? {
+      ...r,
+      position: {
+        x: u.position.x,
+        y: u.position.y
+      },
+      dimensions: k(u, r.dimensions)
+    } : r;
+  });
+  return {
+    ...e,
+    nodes: o,
+    bounds: Ae(o, e.bounds)
+  };
+}
+function Ze({
+  flowViewModel: e,
+  theme: i = "light",
+  editable: n = !0,
+  displaySettings: o,
+  highlightedNodeIds: r,
+  onNodeClick: u,
+  onSelectionChange: l,
+  onFlowViewModelChange: t
+}) {
+  const h = x(() => ({
+    startNode: de,
+    commandNode: ce,
+    eventNode: ae,
+    policyNode: le,
+    endNode: ue,
+    outcomeNode: he
+  }), []), c = x(() => ({
+    causationEdge: ge
+  }), []), a = x(
+    () => new Set(r ?? []),
+    [r]
+  ), d = x(
+    () => Me(e, o, a),
+    [o, e, a]
+  ), [f, E] = K(d.nodes), w = q(e);
+  F(() => {
+    w.current = e, E(d.nodes), d.missingLayoutNodeIds.length > 0;
+  }, [e, d]);
+  const v = x(
+    () => De(e, f, o),
+    [o, e, f]
+  ), D = x(
+    () => [...f, ...v.nodes],
+    [f, v.nodes]
+  ), T = x(() => {
+    const g = new Set(D.map((m) => m.id)), N = [];
+    return [...e.edges.flatMap((m) => {
+      if (v.groupedEdgeIds.has(m.id))
+        return [];
+      if (!g.has(m.source) || !g.has(m.target))
+        return N.push(m.id), [];
+      const z = m.outcome?.trim();
+      return [H(
+        m.id,
+        m.source,
+        m.target,
+        m.type,
+        z || m.label || void 0,
+        m.sourceRef
+      )];
+    }), ...v.edges];
+  }, [e.edges, D, v.edges, v.groupedEdgeIds]), A = M((g) => {
+    t && t(
+      Te(w.current, g)
+    );
+  }, [t]), S = M((g) => {
+    E((N) => Q(g, N));
+  }, []), B = M((g, N, L) => {
+    A(L);
+  }, [A]), _ = M((g, N) => {
+    u && !N.data.synthetic && N.data.sourceRef && u(N.id, N.data.sourceRef);
+  }, [u]), G = M(({ nodes: g, edges: N }) => {
+    l && l(
+      g.map((L) => L.id),
+      N.map((L) => L.id)
+    );
+  }, [l]);
+  return /* @__PURE__ */ s("div", { className: `eventflow-visualizer theme-${i}`, style: { width: "100%", height: "100%" }, children: /* @__PURE__ */ y(
+    J,
+    {
+      nodes: D,
+      edges: T,
+      nodeTypes: h,
+      edgeTypes: c,
+      proOptions: { hideAttribution: !0 },
+      onNodesChange: S,
+      onNodeDragStop: B,
+      onNodeClick: _,
+      onSelectionChange: G,
+      fitView: !0,
+      nodesDraggable: n,
+      nodesConnectable: !1,
+      elementsSelectable: !0,
+      children: [
+        /* @__PURE__ */ s(V, { gap: 24, color: i === "dark" ? "#334155" : "#e2e8f0" }),
+        /* @__PURE__ */ s(ee, {}),
+        /* @__PURE__ */ s(se, { nodeColor: (g) => Oe(g.type) })
+      ]
+    }
+  ) });
+}
+function _e({ data: e }) {
+  return /* @__PURE__ */ s("div", { className: "service-map-group-node", children: /* @__PURE__ */ y("div", { className: "service-map-group-shell", children: [
+    /* @__PURE__ */ s("div", { className: "service-map-group-legend", title: e.title, children: e.legendLabel }),
+    /* @__PURE__ */ s(
+      "div",
+      {
+        className: "service-map-group-label",
+        title: e.title,
+        style: {
+          left: e.centerX,
+          width: e.centerWidth
+        },
+        children: e.centerLabel
+      }
+    )
+  ] }) });
+}
+function Pe({ data: e }) {
+  return /* @__PURE__ */ s("div", { className: "service-map-note service-map-note-command", title: e.title, children: /* @__PURE__ */ s("strong", { children: e.label }) });
+}
+function Se({ data: e }) {
+  return /* @__PURE__ */ s("div", { className: "service-map-note service-map-note-event", title: e.title, children: /* @__PURE__ */ s("strong", { children: e.label }) });
+}
+var P = /* @__PURE__ */ ((e) => (e.COMMAND = "COMMAND", e.EVENT = "EVENT", e))(P || {});
+function Ke(e) {
+  return {
+    schema: "zfl.services.view@1",
+    layout: null,
+    bounds: null,
+    ...e
+  };
+}
+function Be(e, i) {
+  return [e, i].filter(Boolean).join(" / ") || void 0;
+}
+function Ge(e) {
+  return I(e.replace(/\//g, " / "));
+}
+function ze(e, i) {
+  const n = e.split("/").filter(Boolean), o = n[0] ?? "Unbounded", r = n[1] ?? o;
+  return {
+    legendLabel: i ? I(o) : o,
+    centerLabel: i ? I(r) : r
+  };
+}
+function We(e, i) {
+  const n = e.dimensions?.width ?? 0, o = i.filter((d) => d.position && d.dimensions);
+  if (n <= 0 || o.length === 0)
+    return { centerX: n / 2, centerWidth: void 0 };
+  const r = o.filter((d) => d.type === P.COMMAND), u = o.filter((d) => d.type === P.EVENT), l = r.length > 0 ? Math.max(...r.map((d) => d.position.x - (e.position?.x ?? 0) + d.dimensions.width)) : 24, t = u.length > 0 ? Math.min(...u.map((d) => d.position.x - (e.position?.x ?? 0))) : n - 24, h = Math.max(t - l, 0), c = h > 0 ? Math.max(h - 20, 120) : Math.min(n - 48, 196);
+  return {
+    centerX: h > 0 ? l + h / 2 : n / 2,
+    centerWidth: Math.min(c, 220)
+  };
+}
+function Z(e, i) {
+  const n = e.style, o = typeof n?.width == "number" ? n.width : i?.width ?? null, r = typeof n?.height == "number" ? n.height : i?.height ?? null;
+  return o === null || r === null ? null : { width: o, height: r };
+}
+function $e(e, i) {
+  const n = i?.humanizeLabels ?? !0, o = new Map(e.groups.map((t) => [t.id, t])), r = new Map(e.groups.map((t) => [
+    t.id,
+    e.nodes.filter((h) => h.groupId === t.id)
+  ])), u = e.groups.flatMap((t) => {
+    if (!t.position || !t.dimensions)
+      return [];
+    const h = ze(t.path, n), c = We(t, r.get(t.id) ?? []);
+    return [{
+      id: t.id,
+      type: "serviceGroupNode",
+      position: t.position,
+      data: {
+        legendLabel: h.legendLabel,
+        centerLabel: h.centerLabel,
+        centerX: c.centerX,
+        centerWidth: c.centerWidth,
+        title: n ? Ge(t.path) : t.path
+      },
+      style: {
+        width: t.dimensions.width,
+        height: t.dimensions.height
+      }
+    }];
+  }), l = e.nodes.flatMap((t) => {
+    if (!t.position || !t.dimensions)
+      return [];
+    const h = o.get(t.groupId);
+    return h?.position ? [{
+      id: t.id,
+      type: t.type === P.COMMAND ? "serviceCommandNode" : "serviceEventNode",
+      parentNode: t.groupId,
+      extent: "parent",
+      position: {
+        x: t.position.x - h.position.x,
+        y: t.position.y - h.position.y
+      },
+      data: {
+        label: n ? I(t.label) : t.label,
+        title: Be(t.system, t.servicePath)
+      },
+      style: {
+        width: t.dimensions.width,
+        height: t.dimensions.height
+      }
+    }] : [];
+  });
+  return [...u, ...l];
+}
+function He(e, i) {
+  const n = /* @__PURE__ */ new Map(), o = /* @__PURE__ */ new Map();
+  i.forEach((c) => {
+    if (c.id.startsWith("group:")) {
+      const a = e.groups.find((d) => d.id === c.id);
+      if (!a)
+        return;
+      n.set(c.id, {
+        ...a,
+        position: { x: c.position.x, y: c.position.y },
+        dimensions: Z(c, a.dimensions)
+      });
+      return;
+    }
+    o.set(c.id, c);
+  });
+  const r = e.groups.map((c) => n.get(c.id) ?? c), u = new Map(r.map((c) => [c.id, c.position])), l = e.nodes.map((c) => {
+    const a = o.get(c.id);
+    if (!a)
+      return c;
+    const d = u.get(c.groupId), f = {
+      x: (d?.x ?? 0) + a.position.x,
+      y: (d?.y ?? 0) + a.position.y
+    };
+    return {
+      ...c,
+      position: f,
+      dimensions: Z(a, c.dimensions)
+    };
+  }), t = r.filter((c) => c.position && c.dimensions), h = t.length === 0 ? e.bounds : {
+    x: 0,
+    y: 0,
+    width: Math.max(...t.map((c) => c.position.x + c.dimensions.width)),
+    height: Math.max(...t.map((c) => c.position.y + c.dimensions.height))
+  };
+  return {
+    ...e,
+    groups: r,
+    nodes: l,
+    bounds: h
+  };
+}
+function qe({
+  serviceViewModel: e,
+  theme: i = "light",
+  editable: n = !1,
+  displaySettings: o,
+  onServiceViewModelChange: r
+}) {
+  const u = x(
+    () => $e(e, o),
+    [o, e]
+  ), [l, t] = K(u), h = q(e);
+  F(() => {
+    h.current = e, t(u);
+  }, [u, e]);
+  const c = M((d) => {
+    r && r(
+      He(h.current, d)
+    );
+  }, [r]), a = M((d) => {
+    t((f) => {
+      const E = Q(d, f);
+      return c(E), E;
+    });
+  }, [c]);
+  return /* @__PURE__ */ s("div", { className: `eventflow-visualizer service-map-visualizer ${i === "dark" ? "theme-dark" : ""}`, children: /* @__PURE__ */ y(
+    J,
+    {
+      fitView: !0,
+      nodes: l,
+      edges: [],
+      onNodesChange: n ? a : void 0,
+      nodeTypes: {
+        serviceGroupNode: _e,
+        serviceCommandNode: Pe,
+        serviceEventNode: Se
+      },
+      nodesDraggable: n,
+      nodesConnectable: !1,
+      elementsSelectable: !0,
+      minZoom: 0.15,
+      maxZoom: 1.5,
+      children: [
+        /* @__PURE__ */ s(V, { gap: 24, size: 1, color: i === "dark" ? "#334155" : "#d6d3d1" }),
+        /* @__PURE__ */ s(ee, { showInteractive: !1 })
+      ]
+    }
+  ) });
+}
+export {
+  ge as CausationEdge,
+  ce as CommandNode,
+  me as Direction,
+  ue as EndNode,
+  Ze as EventFlowVisualizer,
+  ae as EventNode,
+  b as FlowEdgeType,
+  C as FlowNodeType,
+  he as OutcomeNode,
+  le as PolicyNode,
+  qe as ServiceMapVisualizer,
+  P as ServiceNodeType,
+  de as StartNode,
+  je as createFlowViewModel,
+  Ke as createServiceViewModel,
+  Ze as default,
+  I as humanizeLabel,
+  Ye as humanizeMultilineLabel
+};
+//# sourceMappingURL=index.js.map