@object-ui/plugin-workflow 3.1.3 → 3.1.4

package/dist/index.js

@@ -1,1878 +1,2490 @@
-import { ComponentRegistry as we } from "@object-ui/core";
-import hs, { useState as $, useMemo as Se, useCallback as _, useRef as $e } from "react";
-import { Input as S, Badge as I, Button as T, Card as q, CardHeader as J, CardTitle as Z, CardContent as X, Label as h, Select as U, SelectTrigger as B, SelectValue as H, SelectContent as W, SelectItem as Y, Separator as ce, Switch as ps } from "@object-ui/components";
-import { Save as Qe, Play as Ve, GitBranch as Re, Trash2 as ye, ArrowRight as es, Plus as Ye, Settings as ze, Code as ss, Bell as Ue, Clock as me, Users as Fe, Circle as gs, CheckCircle as Be, MessageSquare as js, Check as fs, X as bs, RefreshCw as Ns, User as vs, Zap as Me, Globe as ts, FileEdit as ys, Mail as ws, Undo2 as ks, Redo2 as Cs, ZoomIn as Es, RotateCcw as _s, ZoomOut as Ts, History as Ss, Download as Rs, Upload as As, PanelRightClose as Ps, PanelRightOpen as Os, Link as Ds, AlertCircle as as, GitMerge as $s, Square as Is, SkipForward as Fs, Loader2 as Ms } from "lucide-react";
-import { clsx as Ls } from "clsx";
-import { twMerge as Vs } from "tailwind-merge";
-var Te = { exports: {} }, je = {};
-var We;
-function Ys() {
-  if (We) return je;
-  We = 1;
-  var n = /* @__PURE__ */ Symbol.for("react.transitional.element"), c = /* @__PURE__ */ Symbol.for("react.fragment");
-  function a(d, o, t) {
-    var u = null;
-    if (t !== void 0 && (u = "" + t), o.key !== void 0 && (u = "" + o.key), "key" in o) {
-      t = {};
-      for (var g in o)
-        g !== "key" && (t[g] = o[g]);
-    } else t = o;
-    return o = t.ref, {
-      $$typeof: n,
-      type: d,
-      key: u,
-      ref: o !== void 0 ? o : null,
-      props: t
-    };
-  }
-  return je.Fragment = c, je.jsx = a, je.jsxs = a, je;
-}
-var fe = {};
-var qe;
-function zs() {
-  return qe || (qe = 1, process.env.NODE_ENV !== "production" && (function() {
-    function n(s) {
-      if (s == null) return null;
-      if (typeof s == "function")
-        return s.$$typeof === G ? null : s.displayName || s.name || null;
-      if (typeof s == "string") return s;
-      switch (s) {
-        case i:
-          return "Fragment";
-        case R:
-          return "Profiler";
-        case b:
-          return "StrictMode";
-        case P:
-          return "Suspense";
-        case M:
-          return "SuspenseList";
-        case E:
-          return "Activity";
-      }
-      if (typeof s == "object")
-        switch (typeof s.tag == "number" && console.error(
-          "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
-        ), s.$$typeof) {
-          case de:
-            return "Portal";
-          case r:
-            return s.displayName || "Context";
-          case C:
-            return (s._context.displayName || "Context") + ".Consumer";
-          case j:
-            var x = s.render;
-            return s = s.displayName, s || (s = x.displayName || x.name || "", s = s !== "" ? "ForwardRef(" + s + ")" : "ForwardRef"), s;
-          case ue:
-            return x = s.displayName || null, x !== null ? x : n(s.type) || "Memo";
-          case N:
-            x = s._payload, s = s._init;
-            try {
-              return n(s(x));
-            } catch {
-            }
-        }
-      return null;
-    }
-    function c(s) {
-      return "" + s;
-    }
-    function a(s) {
-      try {
-        c(s);
-        var x = !1;
-      } catch {
-        x = !0;
-      }
-      if (x) {
-        x = console;
-        var y = x.error, A = typeof Symbol == "function" && Symbol.toStringTag && s[Symbol.toStringTag] || s.constructor.name || "Object";
-        return y.call(
-          x,
-          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          A
-        ), c(s);
-      }
-    }
-    function d(s) {
-      if (s === i) return "<>";
-      if (typeof s == "object" && s !== null && s.$$typeof === N)
-        return "<...>";
-      try {
-        var x = n(s);
-        return x ? "<" + x + ">" : "<...>";
-      } catch {
-        return "<...>";
-      }
-    }
-    function o() {
-      var s = K.A;
-      return s === null ? null : s.getOwner();
-    }
-    function t() {
-      return Error("react-stack-top-frame");
-    }
-    function u(s) {
-      if (z.call(s, "key")) {
-        var x = Object.getOwnPropertyDescriptor(s, "key").get;
-        if (x && x.isReactWarning) return !1;
-      }
-      return s.key !== void 0;
-    }
-    function g(s, x) {
-      function y() {
-        re || (re = !0, console.error(
-          "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
-          x
-        ));
-      }
-      y.isReactWarning = !0, Object.defineProperty(s, "key", {
-        get: y,
-        configurable: !0
-      });
-    }
-    function F() {
-      var s = n(this.type);
-      return ee[s] || (ee[s] = !0, console.error(
-        "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
-      )), s = this.props.ref, s !== void 0 ? s : null;
-    }
-    function O(s, x, y, A, se, ne) {
-      var w = y.ref;
-      return s = {
-        $$typeof: L,
-        type: s,
-        key: x,
-        props: y,
-        _owner: A
-      }, (w !== void 0 ? w : null) !== null ? Object.defineProperty(s, "ref", {
-        enumerable: !1,
-        get: F
-      }) : Object.defineProperty(s, "ref", { enumerable: !1, value: null }), s._store = {}, Object.defineProperty(s._store, "validated", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !0,
-        value: 0
-      }), Object.defineProperty(s, "_debugInfo", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !0,
-        value: null
-      }), Object.defineProperty(s, "_debugStack", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !0,
-        value: se
-      }), Object.defineProperty(s, "_debugTask", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !0,
-        value: ne
-      }), Object.freeze && (Object.freeze(s.props), Object.freeze(s)), s;
-    }
-    function p(s, x, y, A, se, ne) {
-      var w = x.children;
-      if (w !== void 0)
-        if (A)
-          if (ae(w)) {
-            for (A = 0; A < w.length; A++)
-              k(w[A]);
-            Object.freeze && Object.freeze(w);
-          } else
-            console.error(
-              "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
-            );
-        else k(w);
-      if (z.call(x, "key")) {
-        w = n(s);
-        var te = Object.keys(x).filter(function(pe) {
-          return pe !== "key";
-        });
-        A = 0 < te.length ? "{key: someKey, " + te.join(": ..., ") + ": ...}" : "{key: someKey}", ke[w + A] || (te = 0 < te.length ? "{" + te.join(": ..., ") + ": ...}" : "{}", console.error(
-          `A props object containing a "key" prop is being spread into JSX:
-  let props = %s;
-  <%s {...props} />
-React keys must be passed directly to JSX without using spread:
-  let props = %s;
-  <%s key={someKey} {...props} />`,
-          A,
-          w,
-          te,
-          w
-        ), ke[w + A] = !0);
-      }
-      if (w = null, y !== void 0 && (a(y), w = "" + y), u(x) && (a(x.key), w = "" + x.key), "key" in x) {
-        y = {};
-        for (var he in x)
-          he !== "key" && (y[he] = x[he]);
-      } else y = x;
-      return w && g(
-        y,
-        typeof s == "function" ? s.displayName || s.name || "Unknown" : s
-      ), O(
-        s,
-        w,
-        y,
-        o(),
-        se,
-        ne
-      );
-    }
-    function k(s) {
-      v(s) ? s._store && (s._store.validated = 1) : typeof s == "object" && s !== null && s.$$typeof === N && (s._payload.status === "fulfilled" ? v(s._payload.value) && s._payload.value._store && (s._payload.value._store.validated = 1) : s._store && (s._store.validated = 1));
-    }
-    function v(s) {
-      return typeof s == "object" && s !== null && s.$$typeof === L;
-    }
-    var f = hs, L = /* @__PURE__ */ Symbol.for("react.transitional.element"), de = /* @__PURE__ */ Symbol.for("react.portal"), i = /* @__PURE__ */ Symbol.for("react.fragment"), b = /* @__PURE__ */ Symbol.for("react.strict_mode"), R = /* @__PURE__ */ Symbol.for("react.profiler"), C = /* @__PURE__ */ Symbol.for("react.consumer"), r = /* @__PURE__ */ Symbol.for("react.context"), j = /* @__PURE__ */ Symbol.for("react.forward_ref"), P = /* @__PURE__ */ Symbol.for("react.suspense"), M = /* @__PURE__ */ Symbol.for("react.suspense_list"), ue = /* @__PURE__ */ Symbol.for("react.memo"), N = /* @__PURE__ */ Symbol.for("react.lazy"), E = /* @__PURE__ */ Symbol.for("react.activity"), G = /* @__PURE__ */ Symbol.for("react.client.reference"), K = f.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, z = Object.prototype.hasOwnProperty, ae = Array.isArray, Q = console.createTask ? console.createTask : function() {
-      return null;
-    };
-    f = {
-      react_stack_bottom_frame: function(s) {
-        return s();
-      }
-    };
-    var re, ee = {}, le = f.react_stack_bottom_frame.bind(
-      f,
-      t
-    )(), xe = Q(d(t)), ke = {};
-    fe.Fragment = i, fe.jsx = function(s, x, y) {
-      var A = 1e4 > K.recentlyCreatedOwnerStacks++;
-      return p(
-        s,
-        x,
-        y,
-        !1,
-        A ? Error("react-stack-top-frame") : le,
-        A ? Q(d(s)) : xe
-      );
-    }, fe.jsxs = function(s, x, y) {
-      var A = 1e4 > K.recentlyCreatedOwnerStacks++;
-      return p(
-        s,
-        x,
-        y,
-        !0,
-        A ? Error("react-stack-top-frame") : le,
-        A ? Q(d(s)) : xe
-      );
-    };
-  })()), fe;
-}
-var Xe;
-function Us() {
-  return Xe || (Xe = 1, process.env.NODE_ENV === "production" ? Te.exports = Ys() : Te.exports = zs()), Te.exports;
-}
-var e = Us();
-const Ie = {
-  start: /* @__PURE__ */ e.jsx(Ve, { className: "h-4 w-4 text-green-500" }),
-  end: /* @__PURE__ */ e.jsx(Be, { className: "h-4 w-4 text-red-500" }),
-  task: /* @__PURE__ */ e.jsx(gs, { className: "h-4 w-4 text-blue-500" }),
-  approval: /* @__PURE__ */ e.jsx(Fe, { className: "h-4 w-4 text-purple-500" }),
-  condition: /* @__PURE__ */ e.jsx(Re, { className: "h-4 w-4 text-orange-500" }),
-  parallel: /* @__PURE__ */ e.jsx(es, { className: "h-4 w-4 text-teal-500" }),
-  delay: /* @__PURE__ */ e.jsx(me, { className: "h-4 w-4 text-gray-500" }),
-  notification: /* @__PURE__ */ e.jsx(Ue, { className: "h-4 w-4 text-yellow-500" }),
-  script: /* @__PURE__ */ e.jsx(ss, { className: "h-4 w-4 text-indigo-500" })
-}, Bs = {
-  start: "border-green-300 bg-green-50",
-  end: "border-red-300 bg-red-50",
-  task: "border-blue-300 bg-blue-50",
-  approval: "border-purple-300 bg-purple-50",
-  condition: "border-orange-300 bg-orange-50",
-  parallel: "border-teal-300 bg-teal-50",
-  delay: "border-gray-300 bg-gray-50",
-  notification: "border-yellow-300 bg-yellow-50",
-  script: "border-indigo-300 bg-indigo-50"
-}, Hs = {
-  draft: { variant: "secondary", label: "Draft" },
-  active: { variant: "default", label: "Active" },
-  paused: { variant: "outline", label: "Paused" },
-  completed: { variant: "default", label: "Completed" },
-  cancelled: { variant: "destructive", label: "Cancelled" }
-}, Ws = ({ schema: n }) => {
-  const {
-    workflow: c,
-    readOnly: a = !1,
-    showToolbar: d = !0
-  } = n, [o, t] = $(c || {
-    type: "workflow",
-    title: "New Workflow",
-    status: "draft",
-    nodes: [
-      { id: "start-1", type: "start", label: "Start", position: { x: 100, y: 100 } },
-      { id: "end-1", type: "end", label: "End", position: { x: 100, y: 400 } }
-    ],
-    edges: [],
-    variables: []
-  }), [u, g] = $(null), [F, O] = $(null), p = Se(
-    () => o.nodes.find((r) => r.id === u),
-    [o.nodes, u]
-  ), k = _((r) => {
-    if (a) return;
-    const j = `${r}-${Date.now()}`, P = {
-      id: j,
-      type: r,
-      label: `New ${r.charAt(0).toUpperCase() + r.slice(1)}`,
-      position: { x: 200, y: (o.nodes.length + 1) * 80 }
-    };
-    t((M) => ({
-      ...M,
-      nodes: [...M.nodes, P]
-    })), g(j);
-  }, [a, o.nodes.length]), v = _((r, j) => {
-    a || t((P) => ({
-      ...P,
-      nodes: P.nodes.map((M) => M.id === r ? { ...M, ...j } : M)
-    }));
-  }, [a]), f = _((r) => {
-    a || (t((j) => ({
-      ...j,
-      nodes: j.nodes.filter((P) => P.id !== r),
-      edges: j.edges.filter((P) => P.source !== r && P.target !== r)
-    })), u === r && g(null));
-  }, [a, u]), L = _((r, j) => {
-    if (a) return;
-    const M = { id: `edge-${Date.now()}`, source: r, target: j };
-    t((ue) => ({
-      ...ue,
-      edges: [...ue.edges, M]
-    }));
-  }, [a]), de = _((r) => {
-    a || (t((j) => ({
-      ...j,
-      edges: j.edges.filter((P) => P.id !== r)
-    })), F === r && O(null));
-  }, [a, F]), i = () => {
-    console.log("Saving workflow:", o), n.onSave;
-  }, b = () => {
-    t((r) => ({ ...r, status: "active" })), console.log("Publishing workflow"), n.onPublish;
-  }, R = Hs[o.status || "draft"], C = ["task", "approval", "condition", "parallel", "delay", "notification", "script"];
-  return /* @__PURE__ */ e.jsxs("div", { className: "space-y-4", children: [
-    d && /* @__PURE__ */ e.jsxs("div", { className: "flex items-center justify-between gap-2 p-4 bg-card rounded-lg border", children: [
-      /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-3", children: [
-        /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsx(
-          S,
-          {
-            value: o.title || "",
-            onChange: (r) => t((j) => ({ ...j, title: r.target.value })),
-            className: "text-lg font-semibold border-none p-0 h-auto focus-visible:ring-0",
-            readOnly: a,
-            placeholder: "Workflow Title"
-          }
-        ) }),
-        /* @__PURE__ */ e.jsx(I, { variant: R.variant, children: R.label })
-      ] }),
-      !a && /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ e.jsxs(T, { variant: "outline", size: "sm", onClick: i, children: [
-          /* @__PURE__ */ e.jsx(Qe, { className: "h-4 w-4 mr-2" }),
-          "Save"
-        ] }),
-        /* @__PURE__ */ e.jsxs(T, { size: "sm", onClick: b, disabled: o.status === "active", children: [
-          /* @__PURE__ */ e.jsx(Ve, { className: "h-4 w-4 mr-2" }),
-          "Publish"
-        ] })
-      ] })
-    ] }),
-    /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-1 lg:grid-cols-4 gap-4", children: [
-      !a && /* @__PURE__ */ e.jsxs(q, { className: "lg:col-span-1", children: [
-        /* @__PURE__ */ e.jsx(J, { children: /* @__PURE__ */ e.jsx(Z, { className: "text-sm", children: "Add Node" }) }),
-        /* @__PURE__ */ e.jsx(X, { className: "space-y-2", children: C.map((r) => /* @__PURE__ */ e.jsxs(
-          "button",
-          {
-            onClick: () => k(r),
-            className: "w-full flex items-center gap-2 p-2 rounded-md border hover:bg-muted/50 transition-colors text-sm",
-            children: [
-              Ie[r],
-              /* @__PURE__ */ e.jsx("span", { className: "capitalize", children: r })
-            ]
-          },
-          r
-        )) })
-      ] }),
-      /* @__PURE__ */ e.jsxs(q, { className: a ? "lg:col-span-3" : "lg:col-span-2", children: [
-        /* @__PURE__ */ e.jsx(J, { children: /* @__PURE__ */ e.jsxs(Z, { className: "text-sm flex items-center gap-2", children: [
-          /* @__PURE__ */ e.jsx(Re, { className: "h-4 w-4" }),
-          "Workflow Flow"
-        ] }) }),
-        /* @__PURE__ */ e.jsx(X, { children: /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
-          o.nodes.map((r) => /* @__PURE__ */ e.jsxs(
-            "div",
-            {
-              onClick: () => {
-                g(r.id), O(null);
-              },
-              className: `flex items-center justify-between p-3 rounded-lg border-2 cursor-pointer transition-all ${Bs[r.type]} ${u === r.id ? "ring-2 ring-primary shadow-md" : "hover:shadow-sm"}`,
-              children: [
-                /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
-                  Ie[r.type],
-                  /* @__PURE__ */ e.jsx("span", { className: "font-medium text-sm", children: r.label }),
-                  /* @__PURE__ */ e.jsxs("span", { className: "text-xs text-muted-foreground capitalize", children: [
-                    "(",
-                    r.type,
-                    ")"
-                  ] })
-                ] }),
-                /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-1", children: [
-                  o.edges.filter((j) => j.source === r.id).length > 0 && /* @__PURE__ */ e.jsxs(I, { variant: "outline", className: "text-xs", children: [
-                    o.edges.filter((j) => j.source === r.id).length,
-                    " out"
-                  ] }),
-                  !a && r.type !== "start" && r.type !== "end" && /* @__PURE__ */ e.jsx(
-                    T,
-                    {
-                      size: "sm",
-                      variant: "ghost",
-                      className: "h-6 w-6 p-0 text-red-500 hover:text-red-700",
-                      onClick: (j) => {
-                        j.stopPropagation(), f(r.id);
-                      },
-                      children: /* @__PURE__ */ e.jsx(ye, { className: "h-3 w-3" })
-                    }
-                  )
-                ] })
-              ]
-            },
-            r.id
-          )),
-          o.edges.length > 0 && /* @__PURE__ */ e.jsxs("div", { className: "mt-4 pt-4 border-t", children: [
-            /* @__PURE__ */ e.jsx(h, { className: "text-xs text-muted-foreground mb-2 block", children: "Connections" }),
-            o.edges.map((r) => {
-              const j = o.nodes.find((M) => M.id === r.source), P = o.nodes.find((M) => M.id === r.target);
-              return /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2 p-2 text-sm", children: [
-                /* @__PURE__ */ e.jsx("span", { children: j?.label || r.source }),
-                /* @__PURE__ */ e.jsx(es, { className: "h-3 w-3 text-muted-foreground" }),
-                /* @__PURE__ */ e.jsx("span", { children: P?.label || r.target }),
-                r.label && /* @__PURE__ */ e.jsx(I, { variant: "outline", className: "text-xs", children: r.label }),
-                !a && /* @__PURE__ */ e.jsx(
-                  T,
-                  {
-                    size: "sm",
-                    variant: "ghost",
-                    className: "h-5 w-5 p-0 ml-auto text-red-500",
-                    onClick: () => de(r.id),
-                    children: /* @__PURE__ */ e.jsx(ye, { className: "h-3 w-3" })
-                  }
-                )
-              ] }, r.id);
-            })
-          ] }),
-          !a && o.nodes.length >= 2 && /* @__PURE__ */ e.jsxs("div", { className: "mt-4 pt-4 border-t", children: [
-            /* @__PURE__ */ e.jsx(h, { className: "text-xs text-muted-foreground mb-2 block", children: "Quick Connect" }),
-            /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-2 gap-2", children: [
-              /* @__PURE__ */ e.jsxs(
-                "select",
-                {
-                  id: "edge-source",
-                  className: "border rounded-md p-1.5 text-sm bg-background",
-                  children: [
-                    /* @__PURE__ */ e.jsx("option", { value: "", children: "From..." }),
-                    o.nodes.filter((r) => r.type !== "end").map((r) => /* @__PURE__ */ e.jsx("option", { value: r.id, children: r.label }, r.id))
-                  ]
-                }
-              ),
-              /* @__PURE__ */ e.jsxs(
-                "select",
-                {
-                  id: "edge-target",
-                  className: "border rounded-md p-1.5 text-sm bg-background",
-                  children: [
-                    /* @__PURE__ */ e.jsx("option", { value: "", children: "To..." }),
-                    o.nodes.filter((r) => r.type !== "start").map((r) => /* @__PURE__ */ e.jsx("option", { value: r.id, children: r.label }, r.id))
-                  ]
-                }
-              )
-            ] }),
-            /* @__PURE__ */ e.jsxs(
-              T,
-              {
-                size: "sm",
-                variant: "outline",
-                className: "mt-2 w-full",
-                onClick: () => {
-                  const r = document.getElementById("edge-source")?.value, j = document.getElementById("edge-target")?.value;
-                  r && j && r !== j && L(r, j);
-                },
-                children: [
-                  /* @__PURE__ */ e.jsx(Ye, { className: "h-3 w-3 mr-1" }),
-                  "Connect"
-                ]
-              }
-            )
-          ] })
-        ] }) })
-      ] }),
-      /* @__PURE__ */ e.jsxs(q, { className: "lg:col-span-1", children: [
-        /* @__PURE__ */ e.jsx(J, { children: /* @__PURE__ */ e.jsxs(Z, { className: "text-sm flex items-center gap-2", children: [
-          /* @__PURE__ */ e.jsx(ze, { className: "h-4 w-4" }),
-          "Properties"
-        ] }) }),
-        /* @__PURE__ */ e.jsx(X, { children: p ? /* @__PURE__ */ e.jsxs("div", { className: "space-y-3", children: [
-          /* @__PURE__ */ e.jsxs("div", { className: "space-y-1", children: [
-            /* @__PURE__ */ e.jsx(h, { className: "text-xs", children: "Label" }),
-            /* @__PURE__ */ e.jsx(
-              S,
-              {
-                value: p.label,
-                onChange: (r) => v(p.id, { label: r.target.value }),
-                className: "h-8 text-sm",
-                readOnly: a
-              }
-            )
-          ] }),
-          /* @__PURE__ */ e.jsxs("div", { className: "space-y-1", children: [
-            /* @__PURE__ */ e.jsx(h, { className: "text-xs", children: "Type" }),
-            /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2 p-2 rounded-md bg-muted text-sm", children: [
-              Ie[p.type],
-              /* @__PURE__ */ e.jsx("span", { className: "capitalize", children: p.type })
-            ] })
-          ] }),
-          p.description !== void 0 && /* @__PURE__ */ e.jsxs("div", { className: "space-y-1", children: [
-            /* @__PURE__ */ e.jsx(h, { className: "text-xs", children: "Description" }),
-            /* @__PURE__ */ e.jsx(
-              S,
-              {
-                value: p.description || "",
-                onChange: (r) => v(p.id, { description: r.target.value }),
-                className: "h-8 text-sm",
-                readOnly: a
-              }
-            )
-          ] }),
-          (p.type === "approval" || p.type === "task") && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-            /* @__PURE__ */ e.jsxs("div", { className: "space-y-1", children: [
-              /* @__PURE__ */ e.jsx(h, { className: "text-xs", children: "Assignee" }),
-              /* @__PURE__ */ e.jsx(
-                S,
-                {
-                  value: p.assignee || "",
-                  onChange: (r) => v(p.id, { assignee: r.target.value }),
-                  className: "h-8 text-sm",
-                  placeholder: "User, role, or expression",
-                  readOnly: a
-                }
-              )
-            ] }),
-            /* @__PURE__ */ e.jsxs("div", { className: "space-y-1", children: [
-              /* @__PURE__ */ e.jsx(h, { className: "text-xs", children: "Assignee Type" }),
-              /* @__PURE__ */ e.jsxs(
-                "select",
-                {
-                  className: "w-full border rounded-md h-8 text-sm px-2 bg-background",
-                  value: p.assigneeType || "user",
-                  onChange: (r) => v(p.id, { assigneeType: r.target.value }),
-                  disabled: a,
-                  children: [
-                    /* @__PURE__ */ e.jsx("option", { value: "user", children: "User" }),
-                    /* @__PURE__ */ e.jsx("option", { value: "role", children: "Role" }),
-                    /* @__PURE__ */ e.jsx("option", { value: "group", children: "Group" }),
-                    /* @__PURE__ */ e.jsx("option", { value: "expression", children: "Expression" })
-                  ]
-                }
-              )
-            ] })
-          ] }),
-          p.type === "delay" && /* @__PURE__ */ e.jsxs("div", { className: "space-y-1", children: [
-            /* @__PURE__ */ e.jsx(h, { className: "text-xs", children: "Timeout (minutes)" }),
-            /* @__PURE__ */ e.jsx(
-              S,
-              {
-                type: "number",
-                value: p.timeout || 60,
-                onChange: (r) => v(p.id, { timeout: Number(r.target.value) }),
-                className: "h-8 text-sm",
-                readOnly: a
-              }
-            )
-          ] }),
-          /* @__PURE__ */ e.jsxs("div", { className: "text-xs text-muted-foreground mt-2", children: [
-            "ID: ",
-            p.id
-          ] })
-        ] }) : /* @__PURE__ */ e.jsx("div", { className: "text-sm text-muted-foreground text-center py-8", children: "Select a node to edit its properties" }) })
-      ] })
-    ] })
-  ] });
-}, qs = ({ schema: n }) => {
-  const {
-    currentNodeId: c,
-    approvalRule: a,
-    history: d = [],
-    data: o,
-    showHistory: t = !0,
-    showComments: u = !0
-  } = n, [g, F] = $(""), [O, p] = $(!1), k = (f) => {
-    p(!0), console.log(`Approval action: ${f}`, {
-      currentNodeId: c,
-      comment: g,
-      data: o
-    }), setTimeout(() => {
-      p(!1), F("");
-    }, 500);
-  }, v = (f) => {
-    switch (f) {
-      case "approve":
-      case "approved":
-        return /* @__PURE__ */ e.jsx(I, { variant: "default", className: "bg-green-500", children: "Approved" });
-      case "reject":
-      case "rejected":
-        return /* @__PURE__ */ e.jsx(I, { variant: "destructive", children: "Rejected" });
-      case "reassign":
-      case "reassigned":
-        return /* @__PURE__ */ e.jsx(I, { variant: "secondary", children: "Reassigned" });
-      case "comment":
-        return /* @__PURE__ */ e.jsx(I, { variant: "outline", children: "Comment" });
-      case "escalate":
-      case "escalated":
-        return /* @__PURE__ */ e.jsx(I, { variant: "secondary", className: "bg-orange-500 text-white", children: "Escalated" });
-      default:
-        return /* @__PURE__ */ e.jsx(I, { variant: "outline", children: f });
-    }
-  };
-  return /* @__PURE__ */ e.jsxs("div", { className: "space-y-4", children: [
-    /* @__PURE__ */ e.jsxs(q, { children: [
-      /* @__PURE__ */ e.jsx(J, { children: /* @__PURE__ */ e.jsxs(Z, { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ e.jsx(me, { className: "h-5 w-5" }),
-        "Pending Approval",
-        a && /* @__PURE__ */ e.jsxs(I, { variant: "outline", className: "ml-2", children: [
-          a.type === "any" && "Any approver",
-          a.type === "all" && "All must approve",
-          a.type === "majority" && "Majority approval",
-          a.type === "sequential" && "Sequential"
-        ] })
-      ] }) }),
-      /* @__PURE__ */ e.jsxs(X, { className: "space-y-4", children: [
-        o && Object.keys(o).length > 0 && /* @__PURE__ */ e.jsxs("div", { className: "p-3 bg-muted/50 rounded-lg", children: [
-          /* @__PURE__ */ e.jsx(h, { className: "text-xs text-muted-foreground mb-2 block", children: "Request Details" }),
-          /* @__PURE__ */ e.jsx("div", { className: "grid grid-cols-2 gap-2", children: Object.entries(o).slice(0, 6).map(([f, L]) => /* @__PURE__ */ e.jsxs("div", { className: "text-sm", children: [
-            /* @__PURE__ */ e.jsxs("span", { className: "text-muted-foreground", children: [
-              f,
-              ": "
-            ] }),
-            /* @__PURE__ */ e.jsx("span", { className: "font-medium", children: String(L) })
-          ] }, f)) })
-        ] }),
-        u && /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
-          /* @__PURE__ */ e.jsxs(h, { className: "flex items-center gap-2 text-sm", children: [
-            /* @__PURE__ */ e.jsx(js, { className: "h-4 w-4" }),
-            "Comment"
-          ] }),
-          /* @__PURE__ */ e.jsx(
-            S,
-            {
-              value: g,
-              onChange: (f) => F(f.target.value),
-              placeholder: "Add a comment (optional)"
-            }
-          )
-        ] }),
-        /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ e.jsxs(
-            T,
-            {
-              onClick: () => k("approve"),
-              disabled: O,
-              className: "bg-green-600 hover:bg-green-700",
-              children: [
-                /* @__PURE__ */ e.jsx(fs, { className: "h-4 w-4 mr-2" }),
-                "Approve"
-              ]
-            }
-          ),
-          /* @__PURE__ */ e.jsxs(
-            T,
-            {
-              variant: "destructive",
-              onClick: () => k("reject"),
-              disabled: O,
-              children: [
-                /* @__PURE__ */ e.jsx(bs, { className: "h-4 w-4 mr-2" }),
-                "Reject"
-              ]
-            }
-          ),
-          /* @__PURE__ */ e.jsxs(
-            T,
-            {
-              variant: "outline",
-              onClick: () => k("reassign"),
-              disabled: O,
-              children: [
-                /* @__PURE__ */ e.jsx(Ns, { className: "h-4 w-4 mr-2" }),
-                "Reassign"
-              ]
-            }
-          )
-        ] })
-      ] })
-    ] }),
-    t && d.length > 0 && /* @__PURE__ */ e.jsxs(q, { children: [
-      /* @__PURE__ */ e.jsx(J, { children: /* @__PURE__ */ e.jsx(Z, { className: "text-sm", children: "Approval History" }) }),
-      /* @__PURE__ */ e.jsx(X, { children: /* @__PURE__ */ e.jsx("div", { className: "space-y-3", children: d.map((f, L) => /* @__PURE__ */ e.jsxs("div", { className: "flex items-start gap-3 p-3 rounded-lg border", children: [
-        /* @__PURE__ */ e.jsx("div", { className: "mt-0.5", children: /* @__PURE__ */ e.jsx(vs, { className: "h-4 w-4 text-muted-foreground" }) }),
-        /* @__PURE__ */ e.jsxs("div", { className: "flex-1 min-w-0", children: [
-          /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2 flex-wrap", children: [
-            /* @__PURE__ */ e.jsx("span", { className: "font-medium text-sm", children: f.actorName || f.actor }),
-            v(f.action),
-            /* @__PURE__ */ e.jsx("span", { className: "text-xs text-muted-foreground", children: new Date(f.timestamp).toLocaleString() })
-          ] }),
-          f.comment && /* @__PURE__ */ e.jsx("p", { className: "text-sm text-muted-foreground mt-1", children: f.comment })
-        ] })
-      ] }, L)) }) })
-    ] }),
-    t && d.length === 0 && /* @__PURE__ */ e.jsx(q, { children: /* @__PURE__ */ e.jsx(X, { className: "p-6 text-center text-muted-foreground text-sm", children: "No approval history yet" }) })
-  ] });
-}, Ge = {
-  record_created: "Record Created",
-  record_updated: "Record Updated",
-  record_deleted: "Record Deleted",
-  field_changed: "Field Changed",
-  scheduled: "Scheduled"
-}, Je = {
-  send_email: "Send Email",
-  update_field: "Update Field",
-  create_record: "Create Record",
-  delete_record: "Delete Record",
-  webhook: "Webhook",
-  notification: "Notification"
-}, Xs = {
-  send_email: /* @__PURE__ */ e.jsx(ws, { className: "h-4 w-4" }),
-  update_field: /* @__PURE__ */ e.jsx(ys, { className: "h-4 w-4" }),
-  create_record: /* @__PURE__ */ e.jsx(Ye, { className: "h-4 w-4" }),
-  delete_record: /* @__PURE__ */ e.jsx(ye, { className: "h-4 w-4" }),
-  webhook: /* @__PURE__ */ e.jsx(ts, { className: "h-4 w-4" }),
-  notification: /* @__PURE__ */ e.jsx(Ue, { className: "h-4 w-4" })
-}, Ze = {
-  equals: "Equals",
-  not_equals: "Not Equals",
-  contains: "Contains",
-  greater_than: "Greater Than",
-  less_than: "Less Than"
-}, Gs = () => ({
-  id: `auto-${Date.now()}`,
-  name: "",
-  description: "",
-  enabled: !0,
-  trigger: { type: "record_created" },
-  actions: [],
-  createdAt: (/* @__PURE__ */ new Date()).toISOString()
-}), be = ({ label: n, value: c, placeholder: a, onChange: d }) => /* @__PURE__ */ e.jsxs("div", { className: "space-y-1", children: [
-  /* @__PURE__ */ e.jsx(h, { className: "text-xs", children: n }),
-  /* @__PURE__ */ e.jsx(S, { value: c, onChange: (o) => d(o.target.value), placeholder: a })
-] }), Js = ({
-  automation: n,
-  objects: c = [],
-  onSave: a,
-  onCancel: d,
-  className: o
-}) => {
-  const [t, u] = $(n ?? Gs()), g = _((i) => {
-    u((b) => ({ ...b, trigger: { ...b.trigger, ...i } }));
-  }, []), F = _(() => {
-    u((i) => ({ ...i, actions: [...i.actions, { type: "send_email", params: {} }] }));
-  }, []), O = _((i, b) => {
-    u((R) => ({ ...R, actions: R.actions.map((C, r) => r === i ? { ...C, ...b } : C) }));
-  }, []), p = _((i) => {
-    u((b) => ({ ...b, actions: b.actions.filter((R, C) => C !== i) }));
-  }, []), k = t.trigger.type !== "scheduled", v = t.trigger.type === "field_changed", f = t.trigger.type === "scheduled", L = c.find((i) => i.name === t.trigger.objectName)?.fields, de = (i, b) => {
-    const R = (C, r) => O(b, { params: { ...i.params, [C]: r } });
-    switch (i.type) {
-      case "send_email":
-        return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-          /* @__PURE__ */ e.jsx(be, { label: "To", value: i.params.to ?? "", placeholder: "Recipient email", onChange: (C) => R("to", C) }),
-          /* @__PURE__ */ e.jsx(be, { label: "Subject", value: i.params.subject ?? "", placeholder: "Email subject", onChange: (C) => R("subject", C) })
-        ] });
-      case "webhook":
-        return /* @__PURE__ */ e.jsx(be, { label: "URL", value: i.params.url ?? "", placeholder: "https://...", onChange: (C) => R("url", C) });
-      case "notification":
-        return /* @__PURE__ */ e.jsx(be, { label: "Message", value: i.params.message ?? "", placeholder: "Notification message", onChange: (C) => R("message", C) });
-      case "update_field":
-      case "create_record":
-      case "delete_record":
-        return /* @__PURE__ */ e.jsx(be, { label: "Target Object", value: i.params.objectName ?? "", placeholder: "Object name", onChange: (C) => R("objectName", C) });
-      default:
-        return null;
-    }
-  };
-  return /* @__PURE__ */ e.jsxs("div", { className: o ?? "space-y-4", children: [
-    /* @__PURE__ */ e.jsxs(q, { children: [
-      /* @__PURE__ */ e.jsx(J, { children: /* @__PURE__ */ e.jsxs(Z, { className: "flex items-center gap-2 text-sm", children: [
-        /* @__PURE__ */ e.jsx(Me, { className: "h-4 w-4 text-yellow-500" }),
-        "Trigger"
-      ] }) }),
-      /* @__PURE__ */ e.jsxs(X, { className: "space-y-4", children: [
-        /* @__PURE__ */ e.jsxs("div", { className: "space-y-1", children: [
-          /* @__PURE__ */ e.jsx(h, { className: "text-xs", children: "Trigger Type" }),
-          /* @__PURE__ */ e.jsxs(U, { value: t.trigger.type, onValueChange: (i) => g({ type: i }), children: [
-            /* @__PURE__ */ e.jsx(B, { children: /* @__PURE__ */ e.jsx(H, { placeholder: "Select trigger type" }) }),
-            /* @__PURE__ */ e.jsx(W, { children: Object.keys(Ge).map((i) => /* @__PURE__ */ e.jsx(Y, { value: i, children: Ge[i] }, i)) })
-          ] })
-        ] }),
-        k && /* @__PURE__ */ e.jsxs("div", { className: "space-y-1", children: [
-          /* @__PURE__ */ e.jsx(h, { className: "text-xs", children: "Object" }),
-          c.length > 0 ? /* @__PURE__ */ e.jsxs(U, { value: t.trigger.objectName ?? "", onValueChange: (i) => g({ objectName: i }), children: [
-            /* @__PURE__ */ e.jsx(B, { children: /* @__PURE__ */ e.jsx(H, { placeholder: "Select object" }) }),
-            /* @__PURE__ */ e.jsx(W, { children: c.map((i) => /* @__PURE__ */ e.jsx(Y, { value: i.name, children: i.label }, i.name)) })
-          ] }) : /* @__PURE__ */ e.jsx(S, { value: t.trigger.objectName ?? "", onChange: (i) => g({ objectName: i.target.value }), placeholder: "Object name" })
-        ] }),
-        v && /* @__PURE__ */ e.jsxs("div", { className: "space-y-1", children: [
-          /* @__PURE__ */ e.jsx(h, { className: "text-xs", children: "Field" }),
-          L ? /* @__PURE__ */ e.jsxs(U, { value: t.trigger.fieldName ?? "", onValueChange: (i) => g({ fieldName: i }), children: [
-            /* @__PURE__ */ e.jsx(B, { children: /* @__PURE__ */ e.jsx(H, { placeholder: "Select field" }) }),
-            /* @__PURE__ */ e.jsx(W, { children: Object.keys(L).map((i) => /* @__PURE__ */ e.jsx(Y, { value: i, children: i }, i)) })
-          ] }) : /* @__PURE__ */ e.jsx(S, { value: t.trigger.fieldName ?? "", onChange: (i) => g({ fieldName: i.target.value }), placeholder: "Field name" })
-        ] }),
-        f && /* @__PURE__ */ e.jsxs("div", { className: "space-y-1", children: [
-          /* @__PURE__ */ e.jsxs(h, { className: "text-xs flex items-center gap-1", children: [
-            /* @__PURE__ */ e.jsx(me, { className: "h-3 w-3" }),
-            " Cron Schedule"
-          ] }),
-          /* @__PURE__ */ e.jsx(S, { value: t.trigger.schedule ?? "", onChange: (i) => g({ schedule: i.target.value }), placeholder: "e.g. 0 9 * * 1-5" })
-        ] }),
-        /* @__PURE__ */ e.jsxs("div", { className: "space-y-1", children: [
-          /* @__PURE__ */ e.jsx(h, { className: "text-xs", children: "Condition (optional)" }),
-          /* @__PURE__ */ e.jsx(S, { value: t.trigger.condition ?? "", onChange: (i) => g({ condition: i.target.value }), placeholder: 'e.g. ${data.status === "active"}' })
-        ] }),
-        /* @__PURE__ */ e.jsx(ce, {}),
-        /* @__PURE__ */ e.jsxs("div", { className: "space-y-3", children: [
-          /* @__PURE__ */ e.jsx(h, { className: "text-xs font-medium", children: "Conditional Trigger (optional)" }),
-          /* @__PURE__ */ e.jsx("p", { className: "text-xs text-muted-foreground", children: "Run only when a field matches a specific value." }),
-          /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-3 gap-2", children: [
-            /* @__PURE__ */ e.jsxs("div", { className: "space-y-1", children: [
-              /* @__PURE__ */ e.jsx(h, { className: "text-xs", children: "Field" }),
-              L ? /* @__PURE__ */ e.jsxs(U, { value: t.trigger.conditionField ?? "", onValueChange: (i) => g({ conditionField: i }), children: [
-                /* @__PURE__ */ e.jsx(B, { children: /* @__PURE__ */ e.jsx(H, { placeholder: "Field" }) }),
-                /* @__PURE__ */ e.jsx(W, { children: Object.keys(L).map((i) => /* @__PURE__ */ e.jsx(Y, { value: i, children: i }, i)) })
-              ] }) : /* @__PURE__ */ e.jsx(S, { value: t.trigger.conditionField ?? "", onChange: (i) => g({ conditionField: i.target.value }), placeholder: "e.g. status" })
-            ] }),
-            /* @__PURE__ */ e.jsxs("div", { className: "space-y-1", children: [
-              /* @__PURE__ */ e.jsx(h, { className: "text-xs", children: "Operator" }),
-              /* @__PURE__ */ e.jsxs(U, { value: t.trigger.conditionOperator ?? "equals", onValueChange: (i) => g({ conditionOperator: i }), children: [
-                /* @__PURE__ */ e.jsx(B, { children: /* @__PURE__ */ e.jsx(H, { placeholder: "Operator" }) }),
-                /* @__PURE__ */ e.jsx(W, { children: Object.keys(Ze).map((i) => /* @__PURE__ */ e.jsx(Y, { value: i, children: Ze[i] }, i)) })
-              ] })
-            ] }),
-            /* @__PURE__ */ e.jsxs("div", { className: "space-y-1", children: [
-              /* @__PURE__ */ e.jsx(h, { className: "text-xs", children: "Value" }),
-              /* @__PURE__ */ e.jsx(S, { value: t.trigger.conditionValue ?? "", onChange: (i) => g({ conditionValue: i.target.value }), placeholder: "e.g. urgent" })
-            ] })
-          ] })
-        ] })
-      ] })
-    ] }),
-    /* @__PURE__ */ e.jsxs(q, { children: [
-      /* @__PURE__ */ e.jsx(J, { children: /* @__PURE__ */ e.jsxs(Z, { className: "flex items-center gap-2 text-sm", children: [
-        /* @__PURE__ */ e.jsx(ze, { className: "h-4 w-4" }),
-        " Actions",
-        /* @__PURE__ */ e.jsx(I, { variant: "secondary", className: "ml-auto", children: t.actions.length })
-      ] }) }),
-      /* @__PURE__ */ e.jsxs(X, { className: "space-y-3", children: [
-        t.actions.length > 1 && /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2 text-xs text-muted-foreground", children: [
-          /* @__PURE__ */ e.jsx(h, { className: "text-xs", children: "Execution" }),
-          /* @__PURE__ */ e.jsxs(U, { value: t.executionMode ?? "sequential", onValueChange: (i) => u((b) => ({ ...b, executionMode: i })), children: [
-            /* @__PURE__ */ e.jsx(B, { className: "h-7 w-36", children: /* @__PURE__ */ e.jsx(H, {}) }),
-            /* @__PURE__ */ e.jsxs(W, { children: [
-              /* @__PURE__ */ e.jsx(Y, { value: "sequential", children: "Sequential" }),
-              /* @__PURE__ */ e.jsx(Y, { value: "parallel", children: "Parallel" })
-            ] })
-          ] })
-        ] }),
-        t.actions.map((i, b) => /* @__PURE__ */ e.jsxs("div", { className: "rounded-lg border p-3 space-y-3", children: [
-          /* @__PURE__ */ e.jsxs("div", { className: "flex items-center justify-between", children: [
-            /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
-              Xs[i.type],
-              /* @__PURE__ */ e.jsx("span", { className: "text-sm font-medium", children: t.actions.length > 1 && (t.executionMode ?? "sequential") === "sequential" ? `Step ${b + 1}` : `Action ${b + 1}` }),
-              b > 0 && t.actions.length > 1 && (t.executionMode ?? "sequential") === "sequential" && /* @__PURE__ */ e.jsx(I, { variant: "outline", className: "text-[10px] px-1", children: "then" })
-            ] }),
-            /* @__PURE__ */ e.jsx(T, { size: "sm", variant: "ghost", className: "h-7 w-7 p-0 text-red-500 hover:text-red-700", onClick: () => p(b), children: /* @__PURE__ */ e.jsx(ye, { className: "h-4 w-4" }) })
-          ] }),
-          /* @__PURE__ */ e.jsxs("div", { className: "space-y-1", children: [
-            /* @__PURE__ */ e.jsx(h, { className: "text-xs", children: "Action Type" }),
-            /* @__PURE__ */ e.jsxs(U, { value: i.type, onValueChange: (R) => O(b, { type: R, params: {} }), children: [
-              /* @__PURE__ */ e.jsx(B, { children: /* @__PURE__ */ e.jsx(H, {}) }),
-              /* @__PURE__ */ e.jsx(W, { children: Object.keys(Je).map((R) => /* @__PURE__ */ e.jsx(Y, { value: R, children: Je[R] }, R)) })
-            ] })
-          ] }),
-          de(i, b)
-        ] }, b)),
-        /* @__PURE__ */ e.jsxs(T, { variant: "outline", size: "sm", className: "w-full", onClick: F, children: [
-          /* @__PURE__ */ e.jsx(Ye, { className: "h-4 w-4 mr-2" }),
-          " Add Action"
-        ] })
-      ] })
-    ] }),
-    /* @__PURE__ */ e.jsxs(q, { children: [
-      /* @__PURE__ */ e.jsx(J, { children: /* @__PURE__ */ e.jsx(Z, { className: "text-sm", children: "Summary" }) }),
-      /* @__PURE__ */ e.jsxs(X, { className: "space-y-4", children: [
-        /* @__PURE__ */ e.jsxs("div", { className: "space-y-1", children: [
-          /* @__PURE__ */ e.jsx(h, { className: "text-xs", children: "Name" }),
-          /* @__PURE__ */ e.jsx(S, { value: t.name, onChange: (i) => u((b) => ({ ...b, name: i.target.value })), placeholder: "Automation name" })
-        ] }),
-        /* @__PURE__ */ e.jsxs("div", { className: "space-y-1", children: [
-          /* @__PURE__ */ e.jsx(h, { className: "text-xs", children: "Description" }),
-          /* @__PURE__ */ e.jsx(S, { value: t.description ?? "", onChange: (i) => u((b) => ({ ...b, description: i.target.value })), placeholder: "Optional description" })
-        ] }),
-        /* @__PURE__ */ e.jsxs("div", { className: "flex items-center justify-between", children: [
-          /* @__PURE__ */ e.jsx(h, { className: "text-sm", children: "Enabled" }),
-          /* @__PURE__ */ e.jsx(ps, { checked: t.enabled, onCheckedChange: (i) => u((b) => ({ ...b, enabled: i })) })
-        ] }),
-        /* @__PURE__ */ e.jsx(ce, {}),
-        /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2 justify-end", children: [
-          d && /* @__PURE__ */ e.jsx(T, { variant: "outline", size: "sm", onClick: d, children: "Cancel" }),
-          /* @__PURE__ */ e.jsxs(T, { size: "sm", onClick: () => a?.(t), children: [
-            /* @__PURE__ */ e.jsx(Me, { className: "h-4 w-4 mr-2" }),
-            " Save Automation"
-          ] })
-        ] })
-      ] })
-    ] })
-  ] });
-}, Zs = {
-  success: "default",
-  failure: "destructive",
-  running: "secondary",
-  pending: "outline"
-}, Ks = {
-  success: "Success",
-  failure: "Failed",
-  running: "Running",
-  pending: "Pending"
+import { ComponentRegistry as e } from "@object-ui/core";
+import { useCallback as t, useMemo as n, useRef as r, useState as i } from "react";
+import { Badge as a, Button as o, Card as s, CardContent as c, CardHeader as l, CardTitle as u, Input as d, Label as f, Select as p, SelectContent as m, SelectItem as h, SelectTrigger as g, SelectValue as _, Separator as v, Switch as y } from "@object-ui/components";
+import { AlertCircle as b, ArrowRight as x, Bell as S, Check as C, CheckCircle as w, Circle as T, Clock as E, Code as D, Download as ee, FileEdit as O, GitBranch as k, GitMerge as A, Globe as j, History as te, Link as ne, Loader2 as M, Mail as re, MessageSquare as ie, PanelRightClose as ae, PanelRightOpen as oe, Play as N, Plus as P, Redo2 as se, RefreshCw as F, RotateCcw as ce, Save as le, Settings as I, SkipForward as L, Square as R, Trash2 as z, Undo2 as ue, Upload as de, User as B, Users as V, X as H, Zap as fe, ZoomIn as pe, ZoomOut as me } from "lucide-react";
+import { clsx as he } from "clsx";
+import { twMerge as ge } from "tailwind-merge";
+//#region \0rolldown/runtime.js
+var U = (e, t) => () => (t || e((t = { exports: {} }).exports, t), t.exports), _e = /* @__PURE__ */ ((e) => typeof require < "u" ? require : typeof Proxy < "u" ? new Proxy(e, { get: (e, t) => (typeof require < "u" ? require : e)[t] }) : e)(function(e) {
+	if (typeof require < "u") return require.apply(this, arguments);
+	throw Error("Calling `require` for \"" + e + "\" in an environment that doesn't expose the `require` function. See https://rolldown.rs/in-depth/bundling-cjs#require-external-modules for more details.");
+}), W = /* @__PURE__ */ U(((e) => {
+	var t = Symbol.for("react.transitional.element"), n = Symbol.for("react.fragment");
+	function r(e, n, r) {
+		var i = null;
+		if (r !== void 0 && (i = "" + r), n.key !== void 0 && (i = "" + n.key), "key" in n) for (var a in r = {}, n) a !== "key" && (r[a] = n[a]);
+		else r = n;
+		return n = r.ref, {
+			$$typeof: t,
+			type: e,
+			key: i,
+			ref: n === void 0 ? null : n,
+			props: r
+		};
+	}
+	e.Fragment = n, e.jsx = r, e.jsxs = r;
+})), ve = /* @__PURE__ */ U(((e) => {
+	process.env.NODE_ENV !== "production" && (function() {
+		function t(e) {
+			if (e == null) return null;
+			if (typeof e == "function") return e.$$typeof === ee ? null : e.displayName || e.name || null;
+			if (typeof e == "string") return e;
+			switch (e) {
+				case _: return "Fragment";
+				case y: return "Profiler";
+				case v: return "StrictMode";
+				case C: return "Suspense";
+				case w: return "SuspenseList";
+				case D: return "Activity";
+			}
+			if (typeof e == "object") switch (typeof e.tag == "number" && console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), e.$$typeof) {
+				case g: return "Portal";
+				case x: return e.displayName || "Context";
+				case b: return (e._context.displayName || "Context") + ".Consumer";
+				case S:
+					var n = e.render;
+					return e = e.displayName, e ||= (e = n.displayName || n.name || "", e === "" ? "ForwardRef" : "ForwardRef(" + e + ")"), e;
+				case T: return n = e.displayName || null, n === null ? t(e.type) || "Memo" : n;
+				case E:
+					n = e._payload, e = e._init;
+					try {
+						return t(e(n));
+					} catch {}
+			}
+			return null;
+		}
+		function n(e) {
+			return "" + e;
+		}
+		function r(e) {
+			try {
+				n(e);
+				var t = !1;
+			} catch {
+				t = !0;
+			}
+			if (t) {
+				t = console;
+				var r = t.error, i = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
+				return r.call(t, "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.", i), n(e);
+			}
+		}
+		function i(e) {
+			if (e === _) return "<>";
+			if (typeof e == "object" && e && e.$$typeof === E) return "<...>";
+			try {
+				var n = t(e);
+				return n ? "<" + n + ">" : "<...>";
+			} catch {
+				return "<...>";
+			}
+		}
+		function a() {
+			var e = O.A;
+			return e === null ? null : e.getOwner();
+		}
+		function o() {
+			return Error("react-stack-top-frame");
+		}
+		function s(e) {
+			if (k.call(e, "key")) {
+				var t = Object.getOwnPropertyDescriptor(e, "key").get;
+				if (t && t.isReactWarning) return !1;
+			}
+			return e.key !== void 0;
+		}
+		function c(e, t) {
+			function n() {
+				te || (te = !0, console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)", t));
+			}
+			n.isReactWarning = !0, Object.defineProperty(e, "key", {
+				get: n,
+				configurable: !0
+			});
+		}
+		function l() {
+			var e = t(this.type);
+			return ne[e] || (ne[e] = !0, console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")), e = this.props.ref, e === void 0 ? null : e;
+		}
+		function u(e, t, n, r, i, a) {
+			var o = n.ref;
+			return e = {
+				$$typeof: h,
+				type: e,
+				key: t,
+				props: n,
+				_owner: r
+			}, (o === void 0 ? null : o) === null ? Object.defineProperty(e, "ref", {
+				enumerable: !1,
+				value: null
+			}) : Object.defineProperty(e, "ref", {
+				enumerable: !1,
+				get: l
+			}), e._store = {}, Object.defineProperty(e._store, "validated", {
+				configurable: !1,
+				enumerable: !1,
+				writable: !0,
+				value: 0
+			}), Object.defineProperty(e, "_debugInfo", {
+				configurable: !1,
+				enumerable: !1,
+				writable: !0,
+				value: null
+			}), Object.defineProperty(e, "_debugStack", {
+				configurable: !1,
+				enumerable: !1,
+				writable: !0,
+				value: i
+			}), Object.defineProperty(e, "_debugTask", {
+				configurable: !1,
+				enumerable: !1,
+				writable: !0,
+				value: a
+			}), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
+		}
+		function d(e, n, i, o, l, d) {
+			var p = n.children;
+			if (p !== void 0) if (o) if (A(p)) {
+				for (o = 0; o < p.length; o++) f(p[o]);
+				Object.freeze && Object.freeze(p);
+			} else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
+			else f(p);
+			if (k.call(n, "key")) {
+				p = t(e);
+				var m = Object.keys(n).filter(function(e) {
+					return e !== "key";
+				});
+				o = 0 < m.length ? "{key: someKey, " + m.join(": ..., ") + ": ...}" : "{key: someKey}", ie[p + o] || (m = 0 < m.length ? "{" + m.join(": ..., ") + ": ...}" : "{}", console.error("A props object containing a \"key\" prop is being spread into JSX:\n  let props = %s;\n  <%s {...props} />\nReact keys must be passed directly to JSX without using spread:\n  let props = %s;\n  <%s key={someKey} {...props} />", o, p, m, p), ie[p + o] = !0);
+			}
+			if (p = null, i !== void 0 && (r(i), p = "" + i), s(n) && (r(n.key), p = "" + n.key), "key" in n) for (var h in i = {}, n) h !== "key" && (i[h] = n[h]);
+			else i = n;
+			return p && c(i, typeof e == "function" ? e.displayName || e.name || "Unknown" : e), u(e, p, i, a(), l, d);
+		}
+		function f(e) {
+			p(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e && e.$$typeof === E && (e._payload.status === "fulfilled" ? p(e._payload.value) && e._payload.value._store && (e._payload.value._store.validated = 1) : e._store && (e._store.validated = 1));
+		}
+		function p(e) {
+			return typeof e == "object" && !!e && e.$$typeof === h;
+		}
+		var m = _e("react"), h = Symbol.for("react.transitional.element"), g = Symbol.for("react.portal"), _ = Symbol.for("react.fragment"), v = Symbol.for("react.strict_mode"), y = Symbol.for("react.profiler"), b = Symbol.for("react.consumer"), x = Symbol.for("react.context"), S = Symbol.for("react.forward_ref"), C = Symbol.for("react.suspense"), w = Symbol.for("react.suspense_list"), T = Symbol.for("react.memo"), E = Symbol.for("react.lazy"), D = Symbol.for("react.activity"), ee = Symbol.for("react.client.reference"), O = m.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, k = Object.prototype.hasOwnProperty, A = Array.isArray, j = console.createTask ? console.createTask : function() {
+			return null;
+		};
+		m = { react_stack_bottom_frame: function(e) {
+			return e();
+		} };
+		var te, ne = {}, M = m.react_stack_bottom_frame.bind(m, o)(), re = j(i(o)), ie = {};
+		e.Fragment = _, e.jsx = function(e, t, n) {
+			var r = 1e4 > O.recentlyCreatedOwnerStacks++;
+			return d(e, t, n, !1, r ? Error("react-stack-top-frame") : M, r ? j(i(e)) : re);
+		}, e.jsxs = function(e, t, n) {
+			var r = 1e4 > O.recentlyCreatedOwnerStacks++;
+			return d(e, t, n, !0, r ? Error("react-stack-top-frame") : M, r ? j(i(e)) : re);
+		};
+	})();
+})), G = (/* @__PURE__ */ U(((e, t) => {
+	process.env.NODE_ENV === "production" ? t.exports = W() : t.exports = ve();
+})))(), K = {
+	start: /* @__PURE__ */ (0, G.jsx)(N, { className: "h-4 w-4 text-green-500" }),
+	end: /* @__PURE__ */ (0, G.jsx)(w, { className: "h-4 w-4 text-red-500" }),
+	task: /* @__PURE__ */ (0, G.jsx)(T, { className: "h-4 w-4 text-blue-500" }),
+	approval: /* @__PURE__ */ (0, G.jsx)(V, { className: "h-4 w-4 text-purple-500" }),
+	condition: /* @__PURE__ */ (0, G.jsx)(k, { className: "h-4 w-4 text-orange-500" }),
+	parallel: /* @__PURE__ */ (0, G.jsx)(x, { className: "h-4 w-4 text-teal-500" }),
+	delay: /* @__PURE__ */ (0, G.jsx)(E, { className: "h-4 w-4 text-gray-500" }),
+	notification: /* @__PURE__ */ (0, G.jsx)(S, { className: "h-4 w-4 text-yellow-500" }),
+	script: /* @__PURE__ */ (0, G.jsx)(D, { className: "h-4 w-4 text-indigo-500" })
+}, ye = {
+	start: "border-green-300 bg-green-50",
+	end: "border-red-300 bg-red-50",
+	task: "border-blue-300 bg-blue-50",
+	approval: "border-purple-300 bg-purple-50",
+	condition: "border-orange-300 bg-orange-50",
+	parallel: "border-teal-300 bg-teal-50",
+	delay: "border-gray-300 bg-gray-50",
+	notification: "border-yellow-300 bg-yellow-50",
+	script: "border-indigo-300 bg-indigo-50"
+}, q = {
+	draft: {
+		variant: "secondary",
+		label: "Draft"
+	},
+	active: {
+		variant: "default",
+		label: "Active"
+	},
+	paused: {
+		variant: "outline",
+		label: "Paused"
+	},
+	completed: {
+		variant: "default",
+		label: "Completed"
+	},
+	cancelled: {
+		variant: "destructive",
+		label: "Cancelled"
+	}
+}, be = ({ schema: e }) => {
+	let { workflow: r, readOnly: p = !1, showToolbar: m = !0 } = e, [h, g] = i(r || {
+		type: "workflow",
+		title: "New Workflow",
+		status: "draft",
+		nodes: [{
+			id: "start-1",
+			type: "start",
+			label: "Start",
+			position: {
+				x: 100,
+				y: 100
+			}
+		}, {
+			id: "end-1",
+			type: "end",
+			label: "End",
+			position: {
+				x: 100,
+				y: 400
+			}
+		}],
+		edges: [],
+		variables: []
+	}), [_, v] = i(null), [y, b] = i(null), S = n(() => h.nodes.find((e) => e.id === _), [h.nodes, _]), C = t((e) => {
+		if (p) return;
+		let t = `${e}-${Date.now()}`, n = {
+			id: t,
+			type: e,
+			label: `New ${e.charAt(0).toUpperCase() + e.slice(1)}`,
+			position: {
+				x: 200,
+				y: (h.nodes.length + 1) * 80
+			}
+		};
+		g((e) => ({
+			...e,
+			nodes: [...e.nodes, n]
+		})), v(t);
+	}, [p, h.nodes.length]), w = t((e, t) => {
+		p || g((n) => ({
+			...n,
+			nodes: n.nodes.map((n) => n.id === e ? {
+				...n,
+				...t
+			} : n)
+		}));
+	}, [p]), T = t((e) => {
+		p || (g((t) => ({
+			...t,
+			nodes: t.nodes.filter((t) => t.id !== e),
+			edges: t.edges.filter((t) => t.source !== e && t.target !== e)
+		})), _ === e && v(null));
+	}, [p, _]), E = t((e, t) => {
+		if (p) return;
+		let n = {
+			id: `edge-${Date.now()}`,
+			source: e,
+			target: t
+		};
+		g((e) => ({
+			...e,
+			edges: [...e.edges, n]
+		}));
+	}, [p]), D = t((e) => {
+		p || (g((t) => ({
+			...t,
+			edges: t.edges.filter((t) => t.id !== e)
+		})), y === e && b(null));
+	}, [p, y]), ee = () => {
+		console.log("Saving workflow:", h), e.onSave;
+	}, O = () => {
+		g((e) => ({
+			...e,
+			status: "active"
+		})), console.log("Publishing workflow"), e.onPublish;
+	}, A = q[h.status || "draft"];
+	return /* @__PURE__ */ (0, G.jsxs)("div", {
+		className: "space-y-4",
+		children: [m && /* @__PURE__ */ (0, G.jsxs)("div", {
+			className: "flex items-center justify-between gap-2 p-4 bg-card rounded-lg border",
+			children: [/* @__PURE__ */ (0, G.jsxs)("div", {
+				className: "flex items-center gap-3",
+				children: [/* @__PURE__ */ (0, G.jsx)("div", { children: /* @__PURE__ */ (0, G.jsx)(d, {
+					value: h.title || "",
+					onChange: (e) => g((t) => ({
+						...t,
+						title: e.target.value
+					})),
+					className: "text-lg font-semibold border-none p-0 h-auto focus-visible:ring-0",
+					readOnly: p,
+					placeholder: "Workflow Title"
+				}) }), /* @__PURE__ */ (0, G.jsx)(a, {
+					variant: A.variant,
+					children: A.label
+				})]
+			}), !p && /* @__PURE__ */ (0, G.jsxs)("div", {
+				className: "flex items-center gap-2",
+				children: [/* @__PURE__ */ (0, G.jsxs)(o, {
+					variant: "outline",
+					size: "sm",
+					onClick: ee,
+					children: [/* @__PURE__ */ (0, G.jsx)(le, { className: "h-4 w-4 mr-2" }), "Save"]
+				}), /* @__PURE__ */ (0, G.jsxs)(o, {
+					size: "sm",
+					onClick: O,
+					disabled: h.status === "active",
+					children: [/* @__PURE__ */ (0, G.jsx)(N, { className: "h-4 w-4 mr-2" }), "Publish"]
+				})]
+			})]
+		}), /* @__PURE__ */ (0, G.jsxs)("div", {
+			className: "grid grid-cols-1 lg:grid-cols-4 gap-4",
+			children: [
+				!p && /* @__PURE__ */ (0, G.jsxs)(s, {
+					className: "lg:col-span-1",
+					children: [/* @__PURE__ */ (0, G.jsx)(l, { children: /* @__PURE__ */ (0, G.jsx)(u, {
+						className: "text-sm",
+						children: "Add Node"
+					}) }), /* @__PURE__ */ (0, G.jsx)(c, {
+						className: "space-y-2",
+						children: [
+							"task",
+							"approval",
+							"condition",
+							"parallel",
+							"delay",
+							"notification",
+							"script"
+						].map((e) => /* @__PURE__ */ (0, G.jsxs)("button", {
+							onClick: () => C(e),
+							className: "w-full flex items-center gap-2 p-2 rounded-md border hover:bg-muted/50 transition-colors text-sm",
+							children: [K[e], /* @__PURE__ */ (0, G.jsx)("span", {
+								className: "capitalize",
+								children: e
+							})]
+						}, e))
+					})]
+				}),
+				/* @__PURE__ */ (0, G.jsxs)(s, {
+					className: p ? "lg:col-span-3" : "lg:col-span-2",
+					children: [/* @__PURE__ */ (0, G.jsx)(l, { children: /* @__PURE__ */ (0, G.jsxs)(u, {
+						className: "text-sm flex items-center gap-2",
+						children: [/* @__PURE__ */ (0, G.jsx)(k, { className: "h-4 w-4" }), "Workflow Flow"]
+					}) }), /* @__PURE__ */ (0, G.jsx)(c, { children: /* @__PURE__ */ (0, G.jsxs)("div", {
+						className: "space-y-2",
+						children: [
+							h.nodes.map((e) => /* @__PURE__ */ (0, G.jsxs)("div", {
+								onClick: () => {
+									v(e.id), b(null);
+								},
+								className: `flex items-center justify-between p-3 rounded-lg border-2 cursor-pointer transition-all ${ye[e.type]} ${_ === e.id ? "ring-2 ring-primary shadow-md" : "hover:shadow-sm"}`,
+								children: [/* @__PURE__ */ (0, G.jsxs)("div", {
+									className: "flex items-center gap-2",
+									children: [
+										K[e.type],
+										/* @__PURE__ */ (0, G.jsx)("span", {
+											className: "font-medium text-sm",
+											children: e.label
+										}),
+										/* @__PURE__ */ (0, G.jsxs)("span", {
+											className: "text-xs text-muted-foreground capitalize",
+											children: [
+												"(",
+												e.type,
+												")"
+											]
+										})
+									]
+								}), /* @__PURE__ */ (0, G.jsxs)("div", {
+									className: "flex items-center gap-1",
+									children: [h.edges.filter((t) => t.source === e.id).length > 0 && /* @__PURE__ */ (0, G.jsxs)(a, {
+										variant: "outline",
+										className: "text-xs",
+										children: [h.edges.filter((t) => t.source === e.id).length, " out"]
+									}), !p && e.type !== "start" && e.type !== "end" && /* @__PURE__ */ (0, G.jsx)(o, {
+										size: "sm",
+										variant: "ghost",
+										className: "h-6 w-6 p-0 text-red-500 hover:text-red-700",
+										onClick: (t) => {
+											t.stopPropagation(), T(e.id);
+										},
+										children: /* @__PURE__ */ (0, G.jsx)(z, { className: "h-3 w-3" })
+									})]
+								})]
+							}, e.id)),
+							h.edges.length > 0 && /* @__PURE__ */ (0, G.jsxs)("div", {
+								className: "mt-4 pt-4 border-t",
+								children: [/* @__PURE__ */ (0, G.jsx)(f, {
+									className: "text-xs text-muted-foreground mb-2 block",
+									children: "Connections"
+								}), h.edges.map((e) => {
+									let t = h.nodes.find((t) => t.id === e.source), n = h.nodes.find((t) => t.id === e.target);
+									return /* @__PURE__ */ (0, G.jsxs)("div", {
+										className: "flex items-center gap-2 p-2 text-sm",
+										children: [
+											/* @__PURE__ */ (0, G.jsx)("span", { children: t?.label || e.source }),
+											/* @__PURE__ */ (0, G.jsx)(x, { className: "h-3 w-3 text-muted-foreground" }),
+											/* @__PURE__ */ (0, G.jsx)("span", { children: n?.label || e.target }),
+											e.label && /* @__PURE__ */ (0, G.jsx)(a, {
+												variant: "outline",
+												className: "text-xs",
+												children: e.label
+											}),
+											!p && /* @__PURE__ */ (0, G.jsx)(o, {
+												size: "sm",
+												variant: "ghost",
+												className: "h-5 w-5 p-0 ml-auto text-red-500",
+												onClick: () => D(e.id),
+												children: /* @__PURE__ */ (0, G.jsx)(z, { className: "h-3 w-3" })
+											})
+										]
+									}, e.id);
+								})]
+							}),
+							!p && h.nodes.length >= 2 && /* @__PURE__ */ (0, G.jsxs)("div", {
+								className: "mt-4 pt-4 border-t",
+								children: [
+									/* @__PURE__ */ (0, G.jsx)(f, {
+										className: "text-xs text-muted-foreground mb-2 block",
+										children: "Quick Connect"
+									}),
+									/* @__PURE__ */ (0, G.jsxs)("div", {
+										className: "grid grid-cols-2 gap-2",
+										children: [/* @__PURE__ */ (0, G.jsxs)("select", {
+											id: "edge-source",
+											className: "border rounded-md p-1.5 text-sm bg-background",
+											children: [/* @__PURE__ */ (0, G.jsx)("option", {
+												value: "",
+												children: "From..."
+											}), h.nodes.filter((e) => e.type !== "end").map((e) => /* @__PURE__ */ (0, G.jsx)("option", {
+												value: e.id,
+												children: e.label
+											}, e.id))]
+										}), /* @__PURE__ */ (0, G.jsxs)("select", {
+											id: "edge-target",
+											className: "border rounded-md p-1.5 text-sm bg-background",
+											children: [/* @__PURE__ */ (0, G.jsx)("option", {
+												value: "",
+												children: "To..."
+											}), h.nodes.filter((e) => e.type !== "start").map((e) => /* @__PURE__ */ (0, G.jsx)("option", {
+												value: e.id,
+												children: e.label
+											}, e.id))]
+										})]
+									}),
+									/* @__PURE__ */ (0, G.jsxs)(o, {
+										size: "sm",
+										variant: "outline",
+										className: "mt-2 w-full",
+										onClick: () => {
+											let e = document.getElementById("edge-source")?.value, t = document.getElementById("edge-target")?.value;
+											e && t && e !== t && E(e, t);
+										},
+										children: [/* @__PURE__ */ (0, G.jsx)(P, { className: "h-3 w-3 mr-1" }), "Connect"]
+									})
+								]
+							})
+						]
+					}) })]
+				}),
+				/* @__PURE__ */ (0, G.jsxs)(s, {
+					className: "lg:col-span-1",
+					children: [/* @__PURE__ */ (0, G.jsx)(l, { children: /* @__PURE__ */ (0, G.jsxs)(u, {
+						className: "text-sm flex items-center gap-2",
+						children: [/* @__PURE__ */ (0, G.jsx)(I, { className: "h-4 w-4" }), "Properties"]
+					}) }), /* @__PURE__ */ (0, G.jsx)(c, { children: S ? /* @__PURE__ */ (0, G.jsxs)("div", {
+						className: "space-y-3",
+						children: [
+							/* @__PURE__ */ (0, G.jsxs)("div", {
+								className: "space-y-1",
+								children: [/* @__PURE__ */ (0, G.jsx)(f, {
+									className: "text-xs",
+									children: "Label"
+								}), /* @__PURE__ */ (0, G.jsx)(d, {
+									value: S.label,
+									onChange: (e) => w(S.id, { label: e.target.value }),
+									className: "h-8 text-sm",
+									readOnly: p
+								})]
+							}),
+							/* @__PURE__ */ (0, G.jsxs)("div", {
+								className: "space-y-1",
+								children: [/* @__PURE__ */ (0, G.jsx)(f, {
+									className: "text-xs",
+									children: "Type"
+								}), /* @__PURE__ */ (0, G.jsxs)("div", {
+									className: "flex items-center gap-2 p-2 rounded-md bg-muted text-sm",
+									children: [K[S.type], /* @__PURE__ */ (0, G.jsx)("span", {
+										className: "capitalize",
+										children: S.type
+									})]
+								})]
+							}),
+							S.description !== void 0 && /* @__PURE__ */ (0, G.jsxs)("div", {
+								className: "space-y-1",
+								children: [/* @__PURE__ */ (0, G.jsx)(f, {
+									className: "text-xs",
+									children: "Description"
+								}), /* @__PURE__ */ (0, G.jsx)(d, {
+									value: S.description || "",
+									onChange: (e) => w(S.id, { description: e.target.value }),
+									className: "h-8 text-sm",
+									readOnly: p
+								})]
+							}),
+							(S.type === "approval" || S.type === "task") && /* @__PURE__ */ (0, G.jsxs)(G.Fragment, { children: [/* @__PURE__ */ (0, G.jsxs)("div", {
+								className: "space-y-1",
+								children: [/* @__PURE__ */ (0, G.jsx)(f, {
+									className: "text-xs",
+									children: "Assignee"
+								}), /* @__PURE__ */ (0, G.jsx)(d, {
+									value: S.assignee || "",
+									onChange: (e) => w(S.id, { assignee: e.target.value }),
+									className: "h-8 text-sm",
+									placeholder: "User, role, or expression",
+									readOnly: p
+								})]
+							}), /* @__PURE__ */ (0, G.jsxs)("div", {
+								className: "space-y-1",
+								children: [/* @__PURE__ */ (0, G.jsx)(f, {
+									className: "text-xs",
+									children: "Assignee Type"
+								}), /* @__PURE__ */ (0, G.jsxs)("select", {
+									className: "w-full border rounded-md h-8 text-sm px-2 bg-background",
+									value: S.assigneeType || "user",
+									onChange: (e) => w(S.id, { assigneeType: e.target.value }),
+									disabled: p,
+									children: [
+										/* @__PURE__ */ (0, G.jsx)("option", {
+											value: "user",
+											children: "User"
+										}),
+										/* @__PURE__ */ (0, G.jsx)("option", {
+											value: "role",
+											children: "Role"
+										}),
+										/* @__PURE__ */ (0, G.jsx)("option", {
+											value: "group",
+											children: "Group"
+										}),
+										/* @__PURE__ */ (0, G.jsx)("option", {
+											value: "expression",
+											children: "Expression"
+										})
+									]
+								})]
+							})] }),
+							S.type === "delay" && /* @__PURE__ */ (0, G.jsxs)("div", {
+								className: "space-y-1",
+								children: [/* @__PURE__ */ (0, G.jsx)(f, {
+									className: "text-xs",
+									children: "Timeout (minutes)"
+								}), /* @__PURE__ */ (0, G.jsx)(d, {
+									type: "number",
+									value: S.timeout || 60,
+									onChange: (e) => w(S.id, { timeout: Number(e.target.value) }),
+									className: "h-8 text-sm",
+									readOnly: p
+								})]
+							}),
+							/* @__PURE__ */ (0, G.jsxs)("div", {
+								className: "text-xs text-muted-foreground mt-2",
+								children: ["ID: ", S.id]
+							})
+						]
+					}) : /* @__PURE__ */ (0, G.jsx)("div", {
+						className: "text-sm text-muted-foreground text-center py-8",
+						children: "Select a node to edit its properties"
+					}) })]
+				})
+			]
+		})]
+	});
+}, xe = ({ schema: e }) => {
+	let { currentNodeId: t, approvalRule: n, history: r = [], data: p, showHistory: m = !0, showComments: h = !0 } = e, [g, _] = i(""), [v, y] = i(!1), b = (e) => {
+		y(!0), console.log(`Approval action: ${e}`, {
+			currentNodeId: t,
+			comment: g,
+			data: p
+		}), setTimeout(() => {
+			y(!1), _("");
+		}, 500);
+	}, x = (e) => {
+		switch (e) {
+			case "approve":
+			case "approved": return /* @__PURE__ */ (0, G.jsx)(a, {
+				variant: "default",
+				className: "bg-green-500",
+				children: "Approved"
+			});
+			case "reject":
+			case "rejected": return /* @__PURE__ */ (0, G.jsx)(a, {
+				variant: "destructive",
+				children: "Rejected"
+			});
+			case "reassign":
+			case "reassigned": return /* @__PURE__ */ (0, G.jsx)(a, {
+				variant: "secondary",
+				children: "Reassigned"
+			});
+			case "comment": return /* @__PURE__ */ (0, G.jsx)(a, {
+				variant: "outline",
+				children: "Comment"
+			});
+			case "escalate":
+			case "escalated": return /* @__PURE__ */ (0, G.jsx)(a, {
+				variant: "secondary",
+				className: "bg-orange-500 text-white",
+				children: "Escalated"
+			});
+			default: return /* @__PURE__ */ (0, G.jsx)(a, {
+				variant: "outline",
+				children: e
+			});
+		}
+	};
+	return /* @__PURE__ */ (0, G.jsxs)("div", {
+		className: "space-y-4",
+		children: [
+			/* @__PURE__ */ (0, G.jsxs)(s, { children: [/* @__PURE__ */ (0, G.jsx)(l, { children: /* @__PURE__ */ (0, G.jsxs)(u, {
+				className: "flex items-center gap-2",
+				children: [
+					/* @__PURE__ */ (0, G.jsx)(E, { className: "h-5 w-5" }),
+					"Pending Approval",
+					n && /* @__PURE__ */ (0, G.jsxs)(a, {
+						variant: "outline",
+						className: "ml-2",
+						children: [
+							n.type === "any" && "Any approver",
+							n.type === "all" && "All must approve",
+							n.type === "majority" && "Majority approval",
+							n.type === "sequential" && "Sequential"
+						]
+					})
+				]
+			}) }), /* @__PURE__ */ (0, G.jsxs)(c, {
+				className: "space-y-4",
+				children: [
+					p && Object.keys(p).length > 0 && /* @__PURE__ */ (0, G.jsxs)("div", {
+						className: "p-3 bg-muted/50 rounded-lg",
+						children: [/* @__PURE__ */ (0, G.jsx)(f, {
+							className: "text-xs text-muted-foreground mb-2 block",
+							children: "Request Details"
+						}), /* @__PURE__ */ (0, G.jsx)("div", {
+							className: "grid grid-cols-2 gap-2",
+							children: Object.entries(p).slice(0, 6).map(([e, t]) => /* @__PURE__ */ (0, G.jsxs)("div", {
+								className: "text-sm",
+								children: [/* @__PURE__ */ (0, G.jsxs)("span", {
+									className: "text-muted-foreground",
+									children: [e, ": "]
+								}), /* @__PURE__ */ (0, G.jsx)("span", {
+									className: "font-medium",
+									children: String(t)
+								})]
+							}, e))
+						})]
+					}),
+					h && /* @__PURE__ */ (0, G.jsxs)("div", {
+						className: "space-y-2",
+						children: [/* @__PURE__ */ (0, G.jsxs)(f, {
+							className: "flex items-center gap-2 text-sm",
+							children: [/* @__PURE__ */ (0, G.jsx)(ie, { className: "h-4 w-4" }), "Comment"]
+						}), /* @__PURE__ */ (0, G.jsx)(d, {
+							value: g,
+							onChange: (e) => _(e.target.value),
+							placeholder: "Add a comment (optional)"
+						})]
+					}),
+					/* @__PURE__ */ (0, G.jsxs)("div", {
+						className: "flex items-center gap-2",
+						children: [
+							/* @__PURE__ */ (0, G.jsxs)(o, {
+								onClick: () => b("approve"),
+								disabled: v,
+								className: "bg-green-600 hover:bg-green-700",
+								children: [/* @__PURE__ */ (0, G.jsx)(C, { className: "h-4 w-4 mr-2" }), "Approve"]
+							}),
+							/* @__PURE__ */ (0, G.jsxs)(o, {
+								variant: "destructive",
+								onClick: () => b("reject"),
+								disabled: v,
+								children: [/* @__PURE__ */ (0, G.jsx)(H, { className: "h-4 w-4 mr-2" }), "Reject"]
+							}),
+							/* @__PURE__ */ (0, G.jsxs)(o, {
+								variant: "outline",
+								onClick: () => b("reassign"),
+								disabled: v,
+								children: [/* @__PURE__ */ (0, G.jsx)(F, { className: "h-4 w-4 mr-2" }), "Reassign"]
+							})
+						]
+					})
+				]
+			})] }),
+			m && r.length > 0 && /* @__PURE__ */ (0, G.jsxs)(s, { children: [/* @__PURE__ */ (0, G.jsx)(l, { children: /* @__PURE__ */ (0, G.jsx)(u, {
+				className: "text-sm",
+				children: "Approval History"
+			}) }), /* @__PURE__ */ (0, G.jsx)(c, { children: /* @__PURE__ */ (0, G.jsx)("div", {
+				className: "space-y-3",
+				children: r.map((e, t) => /* @__PURE__ */ (0, G.jsxs)("div", {
+					className: "flex items-start gap-3 p-3 rounded-lg border",
+					children: [/* @__PURE__ */ (0, G.jsx)("div", {
+						className: "mt-0.5",
+						children: /* @__PURE__ */ (0, G.jsx)(B, { className: "h-4 w-4 text-muted-foreground" })
+					}), /* @__PURE__ */ (0, G.jsxs)("div", {
+						className: "flex-1 min-w-0",
+						children: [/* @__PURE__ */ (0, G.jsxs)("div", {
+							className: "flex items-center gap-2 flex-wrap",
+							children: [
+								/* @__PURE__ */ (0, G.jsx)("span", {
+									className: "font-medium text-sm",
+									children: e.actorName || e.actor
+								}),
+								x(e.action),
+								/* @__PURE__ */ (0, G.jsx)("span", {
+									className: "text-xs text-muted-foreground",
+									children: new Date(e.timestamp).toLocaleString()
+								})
+							]
+						}), e.comment && /* @__PURE__ */ (0, G.jsx)("p", {
+							className: "text-sm text-muted-foreground mt-1",
+							children: e.comment
+						})]
+					})]
+				}, t))
+			}) })] }),
+			m && r.length === 0 && /* @__PURE__ */ (0, G.jsx)(s, { children: /* @__PURE__ */ (0, G.jsx)(c, {
+				className: "p-6 text-center text-muted-foreground text-sm",
+				children: "No approval history yet"
+			}) })
+		]
+	});
+}, J = {
+	record_created: "Record Created",
+	record_updated: "Record Updated",
+	record_deleted: "Record Deleted",
+	field_changed: "Field Changed",
+	scheduled: "Scheduled"
+}, Se = {
+	send_email: "Send Email",
+	update_field: "Update Field",
+	create_record: "Create Record",
+	delete_record: "Delete Record",
+	webhook: "Webhook",
+	notification: "Notification"
+}, Ce = {
+	send_email: /* @__PURE__ */ (0, G.jsx)(re, { className: "h-4 w-4" }),
+	update_field: /* @__PURE__ */ (0, G.jsx)(O, { className: "h-4 w-4" }),
+	create_record: /* @__PURE__ */ (0, G.jsx)(P, { className: "h-4 w-4" }),
+	delete_record: /* @__PURE__ */ (0, G.jsx)(z, { className: "h-4 w-4" }),
+	webhook: /* @__PURE__ */ (0, G.jsx)(j, { className: "h-4 w-4" }),
+	notification: /* @__PURE__ */ (0, G.jsx)(S, { className: "h-4 w-4" })
+}, we = {
+	equals: "Equals",
+	not_equals: "Not Equals",
+	contains: "Contains",
+	greater_than: "Greater Than",
+	less_than: "Less Than"
+}, Te = () => ({
+	id: `auto-${Date.now()}`,
+	name: "",
+	description: "",
+	enabled: !0,
+	trigger: { type: "record_created" },
+	actions: [],
+	createdAt: (/* @__PURE__ */ new Date()).toISOString()
+}), Y = ({ label: e, value: t, placeholder: n, onChange: r }) => /* @__PURE__ */ (0, G.jsxs)("div", {
+	className: "space-y-1",
+	children: [/* @__PURE__ */ (0, G.jsx)(f, {
+		className: "text-xs",
+		children: e
+	}), /* @__PURE__ */ (0, G.jsx)(d, {
+		value: t,
+		onChange: (e) => r(e.target.value),
+		placeholder: n
+	})]
+}), Ee = ({ automation: e, objects: n = [], onSave: r, onCancel: b, className: x }) => {
+	let [S, C] = i(e ?? Te()), w = t((e) => {
+		C((t) => ({
+			...t,
+			trigger: {
+				...t.trigger,
+				...e
+			}
+		}));
+	}, []), T = t(() => {
+		C((e) => ({
+			...e,
+			actions: [...e.actions, {
+				type: "send_email",
+				params: {}
+			}]
+		}));
+	}, []), D = t((e, t) => {
+		C((n) => ({
+			...n,
+			actions: n.actions.map((n, r) => r === e ? {
+				...n,
+				...t
+			} : n)
+		}));
+	}, []), ee = t((e) => {
+		C((t) => ({
+			...t,
+			actions: t.actions.filter((t, n) => n !== e)
+		}));
+	}, []), O = S.trigger.type !== "scheduled", k = S.trigger.type === "field_changed", A = S.trigger.type === "scheduled", j = n.find((e) => e.name === S.trigger.objectName)?.fields, te = (e, t) => {
+		let n = (n, r) => D(t, { params: {
+			...e.params,
+			[n]: r
+		} });
+		switch (e.type) {
+			case "send_email": return /* @__PURE__ */ (0, G.jsxs)(G.Fragment, { children: [/* @__PURE__ */ (0, G.jsx)(Y, {
+				label: "To",
+				value: e.params.to ?? "",
+				placeholder: "Recipient email",
+				onChange: (e) => n("to", e)
+			}), /* @__PURE__ */ (0, G.jsx)(Y, {
+				label: "Subject",
+				value: e.params.subject ?? "",
+				placeholder: "Email subject",
+				onChange: (e) => n("subject", e)
+			})] });
+			case "webhook": return /* @__PURE__ */ (0, G.jsx)(Y, {
+				label: "URL",
+				value: e.params.url ?? "",
+				placeholder: "https://...",
+				onChange: (e) => n("url", e)
+			});
+			case "notification": return /* @__PURE__ */ (0, G.jsx)(Y, {
+				label: "Message",
+				value: e.params.message ?? "",
+				placeholder: "Notification message",
+				onChange: (e) => n("message", e)
+			});
+			case "update_field":
+			case "create_record":
+			case "delete_record": return /* @__PURE__ */ (0, G.jsx)(Y, {
+				label: "Target Object",
+				value: e.params.objectName ?? "",
+				placeholder: "Object name",
+				onChange: (e) => n("objectName", e)
+			});
+			default: return null;
+		}
+	};
+	return /* @__PURE__ */ (0, G.jsxs)("div", {
+		className: x ?? "space-y-4",
+		children: [
+			/* @__PURE__ */ (0, G.jsxs)(s, { children: [/* @__PURE__ */ (0, G.jsx)(l, { children: /* @__PURE__ */ (0, G.jsxs)(u, {
+				className: "flex items-center gap-2 text-sm",
+				children: [/* @__PURE__ */ (0, G.jsx)(fe, { className: "h-4 w-4 text-yellow-500" }), "Trigger"]
+			}) }), /* @__PURE__ */ (0, G.jsxs)(c, {
+				className: "space-y-4",
+				children: [
+					/* @__PURE__ */ (0, G.jsxs)("div", {
+						className: "space-y-1",
+						children: [/* @__PURE__ */ (0, G.jsx)(f, {
+							className: "text-xs",
+							children: "Trigger Type"
+						}), /* @__PURE__ */ (0, G.jsxs)(p, {
+							value: S.trigger.type,
+							onValueChange: (e) => w({ type: e }),
+							children: [/* @__PURE__ */ (0, G.jsx)(g, { children: /* @__PURE__ */ (0, G.jsx)(_, { placeholder: "Select trigger type" }) }), /* @__PURE__ */ (0, G.jsx)(m, { children: Object.keys(J).map((e) => /* @__PURE__ */ (0, G.jsx)(h, {
+								value: e,
+								children: J[e]
+							}, e)) })]
+						})]
+					}),
+					O && /* @__PURE__ */ (0, G.jsxs)("div", {
+						className: "space-y-1",
+						children: [/* @__PURE__ */ (0, G.jsx)(f, {
+							className: "text-xs",
+							children: "Object"
+						}), n.length > 0 ? /* @__PURE__ */ (0, G.jsxs)(p, {
+							value: S.trigger.objectName ?? "",
+							onValueChange: (e) => w({ objectName: e }),
+							children: [/* @__PURE__ */ (0, G.jsx)(g, { children: /* @__PURE__ */ (0, G.jsx)(_, { placeholder: "Select object" }) }), /* @__PURE__ */ (0, G.jsx)(m, { children: n.map((e) => /* @__PURE__ */ (0, G.jsx)(h, {
+								value: e.name,
+								children: e.label
+							}, e.name)) })]
+						}) : /* @__PURE__ */ (0, G.jsx)(d, {
+							value: S.trigger.objectName ?? "",
+							onChange: (e) => w({ objectName: e.target.value }),
+							placeholder: "Object name"
+						})]
+					}),
+					k && /* @__PURE__ */ (0, G.jsxs)("div", {
+						className: "space-y-1",
+						children: [/* @__PURE__ */ (0, G.jsx)(f, {
+							className: "text-xs",
+							children: "Field"
+						}), j ? /* @__PURE__ */ (0, G.jsxs)(p, {
+							value: S.trigger.fieldName ?? "",
+							onValueChange: (e) => w({ fieldName: e }),
+							children: [/* @__PURE__ */ (0, G.jsx)(g, { children: /* @__PURE__ */ (0, G.jsx)(_, { placeholder: "Select field" }) }), /* @__PURE__ */ (0, G.jsx)(m, { children: Object.keys(j).map((e) => /* @__PURE__ */ (0, G.jsx)(h, {
+								value: e,
+								children: e
+							}, e)) })]
+						}) : /* @__PURE__ */ (0, G.jsx)(d, {
+							value: S.trigger.fieldName ?? "",
+							onChange: (e) => w({ fieldName: e.target.value }),
+							placeholder: "Field name"
+						})]
+					}),
+					A && /* @__PURE__ */ (0, G.jsxs)("div", {
+						className: "space-y-1",
+						children: [/* @__PURE__ */ (0, G.jsxs)(f, {
+							className: "text-xs flex items-center gap-1",
+							children: [/* @__PURE__ */ (0, G.jsx)(E, { className: "h-3 w-3" }), " Cron Schedule"]
+						}), /* @__PURE__ */ (0, G.jsx)(d, {
+							value: S.trigger.schedule ?? "",
+							onChange: (e) => w({ schedule: e.target.value }),
+							placeholder: "e.g. 0 9 * * 1-5"
+						})]
+					}),
+					/* @__PURE__ */ (0, G.jsxs)("div", {
+						className: "space-y-1",
+						children: [/* @__PURE__ */ (0, G.jsx)(f, {
+							className: "text-xs",
+							children: "Condition (optional)"
+						}), /* @__PURE__ */ (0, G.jsx)(d, {
+							value: S.trigger.condition ?? "",
+							onChange: (e) => w({ condition: e.target.value }),
+							placeholder: "e.g. ${data.status === \"active\"}"
+						})]
+					}),
+					/* @__PURE__ */ (0, G.jsx)(v, {}),
+					/* @__PURE__ */ (0, G.jsxs)("div", {
+						className: "space-y-3",
+						children: [
+							/* @__PURE__ */ (0, G.jsx)(f, {
+								className: "text-xs font-medium",
+								children: "Conditional Trigger (optional)"
+							}),
+							/* @__PURE__ */ (0, G.jsx)("p", {
+								className: "text-xs text-muted-foreground",
+								children: "Run only when a field matches a specific value."
+							}),
+							/* @__PURE__ */ (0, G.jsxs)("div", {
+								className: "grid grid-cols-3 gap-2",
+								children: [
+									/* @__PURE__ */ (0, G.jsxs)("div", {
+										className: "space-y-1",
+										children: [/* @__PURE__ */ (0, G.jsx)(f, {
+											className: "text-xs",
+											children: "Field"
+										}), j ? /* @__PURE__ */ (0, G.jsxs)(p, {
+											value: S.trigger.conditionField ?? "",
+											onValueChange: (e) => w({ conditionField: e }),
+											children: [/* @__PURE__ */ (0, G.jsx)(g, { children: /* @__PURE__ */ (0, G.jsx)(_, { placeholder: "Field" }) }), /* @__PURE__ */ (0, G.jsx)(m, { children: Object.keys(j).map((e) => /* @__PURE__ */ (0, G.jsx)(h, {
+												value: e,
+												children: e
+											}, e)) })]
+										}) : /* @__PURE__ */ (0, G.jsx)(d, {
+											value: S.trigger.conditionField ?? "",
+											onChange: (e) => w({ conditionField: e.target.value }),
+											placeholder: "e.g. status"
+										})]
+									}),
+									/* @__PURE__ */ (0, G.jsxs)("div", {
+										className: "space-y-1",
+										children: [/* @__PURE__ */ (0, G.jsx)(f, {
+											className: "text-xs",
+											children: "Operator"
+										}), /* @__PURE__ */ (0, G.jsxs)(p, {
+											value: S.trigger.conditionOperator ?? "equals",
+											onValueChange: (e) => w({ conditionOperator: e }),
+											children: [/* @__PURE__ */ (0, G.jsx)(g, { children: /* @__PURE__ */ (0, G.jsx)(_, { placeholder: "Operator" }) }), /* @__PURE__ */ (0, G.jsx)(m, { children: Object.keys(we).map((e) => /* @__PURE__ */ (0, G.jsx)(h, {
+												value: e,
+												children: we[e]
+											}, e)) })]
+										})]
+									}),
+									/* @__PURE__ */ (0, G.jsxs)("div", {
+										className: "space-y-1",
+										children: [/* @__PURE__ */ (0, G.jsx)(f, {
+											className: "text-xs",
+											children: "Value"
+										}), /* @__PURE__ */ (0, G.jsx)(d, {
+											value: S.trigger.conditionValue ?? "",
+											onChange: (e) => w({ conditionValue: e.target.value }),
+											placeholder: "e.g. urgent"
+										})]
+									})
+								]
+							})
+						]
+					})
+				]
+			})] }),
+			/* @__PURE__ */ (0, G.jsxs)(s, { children: [/* @__PURE__ */ (0, G.jsx)(l, { children: /* @__PURE__ */ (0, G.jsxs)(u, {
+				className: "flex items-center gap-2 text-sm",
+				children: [
+					/* @__PURE__ */ (0, G.jsx)(I, { className: "h-4 w-4" }),
+					" Actions",
+					/* @__PURE__ */ (0, G.jsx)(a, {
+						variant: "secondary",
+						className: "ml-auto",
+						children: S.actions.length
+					})
+				]
+			}) }), /* @__PURE__ */ (0, G.jsxs)(c, {
+				className: "space-y-3",
+				children: [
+					S.actions.length > 1 && /* @__PURE__ */ (0, G.jsxs)("div", {
+						className: "flex items-center gap-2 text-xs text-muted-foreground",
+						children: [/* @__PURE__ */ (0, G.jsx)(f, {
+							className: "text-xs",
+							children: "Execution"
+						}), /* @__PURE__ */ (0, G.jsxs)(p, {
+							value: S.executionMode ?? "sequential",
+							onValueChange: (e) => C((t) => ({
+								...t,
+								executionMode: e
+							})),
+							children: [/* @__PURE__ */ (0, G.jsx)(g, {
+								className: "h-7 w-36",
+								children: /* @__PURE__ */ (0, G.jsx)(_, {})
+							}), /* @__PURE__ */ (0, G.jsxs)(m, { children: [/* @__PURE__ */ (0, G.jsx)(h, {
+								value: "sequential",
+								children: "Sequential"
+							}), /* @__PURE__ */ (0, G.jsx)(h, {
+								value: "parallel",
+								children: "Parallel"
+							})] })]
+						})]
+					}),
+					S.actions.map((e, t) => /* @__PURE__ */ (0, G.jsxs)("div", {
+						className: "rounded-lg border p-3 space-y-3",
+						children: [
+							/* @__PURE__ */ (0, G.jsxs)("div", {
+								className: "flex items-center justify-between",
+								children: [/* @__PURE__ */ (0, G.jsxs)("div", {
+									className: "flex items-center gap-2",
+									children: [
+										Ce[e.type],
+										/* @__PURE__ */ (0, G.jsx)("span", {
+											className: "text-sm font-medium",
+											children: S.actions.length > 1 && (S.executionMode ?? "sequential") === "sequential" ? `Step ${t + 1}` : `Action ${t + 1}`
+										}),
+										t > 0 && S.actions.length > 1 && (S.executionMode ?? "sequential") === "sequential" && /* @__PURE__ */ (0, G.jsx)(a, {
+											variant: "outline",
+											className: "text-[10px] px-1",
+											children: "then"
+										})
+									]
+								}), /* @__PURE__ */ (0, G.jsx)(o, {
+									size: "sm",
+									variant: "ghost",
+									className: "h-7 w-7 p-0 text-red-500 hover:text-red-700",
+									onClick: () => ee(t),
+									children: /* @__PURE__ */ (0, G.jsx)(z, { className: "h-4 w-4" })
+								})]
+							}),
+							/* @__PURE__ */ (0, G.jsxs)("div", {
+								className: "space-y-1",
+								children: [/* @__PURE__ */ (0, G.jsx)(f, {
+									className: "text-xs",
+									children: "Action Type"
+								}), /* @__PURE__ */ (0, G.jsxs)(p, {
+									value: e.type,
+									onValueChange: (e) => D(t, {
+										type: e,
+										params: {}
+									}),
+									children: [/* @__PURE__ */ (0, G.jsx)(g, { children: /* @__PURE__ */ (0, G.jsx)(_, {}) }), /* @__PURE__ */ (0, G.jsx)(m, { children: Object.keys(Se).map((e) => /* @__PURE__ */ (0, G.jsx)(h, {
+										value: e,
+										children: Se[e]
+									}, e)) })]
+								})]
+							}),
+							te(e, t)
+						]
+					}, t)),
+					/* @__PURE__ */ (0, G.jsxs)(o, {
+						variant: "outline",
+						size: "sm",
+						className: "w-full",
+						onClick: T,
+						children: [/* @__PURE__ */ (0, G.jsx)(P, { className: "h-4 w-4 mr-2" }), " Add Action"]
+					})
+				]
+			})] }),
+			/* @__PURE__ */ (0, G.jsxs)(s, { children: [/* @__PURE__ */ (0, G.jsx)(l, { children: /* @__PURE__ */ (0, G.jsx)(u, {
+				className: "text-sm",
+				children: "Summary"
+			}) }), /* @__PURE__ */ (0, G.jsxs)(c, {
+				className: "space-y-4",
+				children: [
+					/* @__PURE__ */ (0, G.jsxs)("div", {
+						className: "space-y-1",
+						children: [/* @__PURE__ */ (0, G.jsx)(f, {
+							className: "text-xs",
+							children: "Name"
+						}), /* @__PURE__ */ (0, G.jsx)(d, {
+							value: S.name,
+							onChange: (e) => C((t) => ({
+								...t,
+								name: e.target.value
+							})),
+							placeholder: "Automation name"
+						})]
+					}),
+					/* @__PURE__ */ (0, G.jsxs)("div", {
+						className: "space-y-1",
+						children: [/* @__PURE__ */ (0, G.jsx)(f, {
+							className: "text-xs",
+							children: "Description"
+						}), /* @__PURE__ */ (0, G.jsx)(d, {
+							value: S.description ?? "",
+							onChange: (e) => C((t) => ({
+								...t,
+								description: e.target.value
+							})),
+							placeholder: "Optional description"
+						})]
+					}),
+					/* @__PURE__ */ (0, G.jsxs)("div", {
+						className: "flex items-center justify-between",
+						children: [/* @__PURE__ */ (0, G.jsx)(f, {
+							className: "text-sm",
+							children: "Enabled"
+						}), /* @__PURE__ */ (0, G.jsx)(y, {
+							checked: S.enabled,
+							onCheckedChange: (e) => C((t) => ({
+								...t,
+								enabled: e
+							}))
+						})]
+					}),
+					/* @__PURE__ */ (0, G.jsx)(v, {}),
+					/* @__PURE__ */ (0, G.jsxs)("div", {
+						className: "flex items-center gap-2 justify-end",
+						children: [b && /* @__PURE__ */ (0, G.jsx)(o, {
+							variant: "outline",
+							size: "sm",
+							onClick: b,
+							children: "Cancel"
+						}), /* @__PURE__ */ (0, G.jsxs)(o, {
+							size: "sm",
+							onClick: () => r?.(S),
+							children: [/* @__PURE__ */ (0, G.jsx)(fe, { className: "h-4 w-4 mr-2" }), " Save Automation"]
+						})]
+					})
+				]
+			})] })
+		]
+	});
+}, X = {
+	success: "default",
+	failure: "destructive",
+	running: "secondary",
+	pending: "outline"
+}, Z = {
+	success: "Success",
+	failure: "Failed",
+	running: "Running",
+	pending: "Pending"
 };
-function Qs(n, c) {
-  if (!c) return "—";
-  const a = new Date(c).getTime() - new Date(n).getTime();
-  if (a < 1e3) return `${a}ms`;
-  const d = Math.floor(a / 1e3);
-  if (d < 60) return `${d}s`;
-  const o = Math.floor(d / 60), t = d % 60;
-  return `${o}m ${t}s`;
+function De(e, t) {
+	if (!t) return "—";
+	let n = new Date(t).getTime() - new Date(e).getTime();
+	if (n < 1e3) return `${n}ms`;
+	let r = Math.floor(n / 1e3);
+	return r < 60 ? `${r}s` : `${Math.floor(r / 60)}m ${r % 60}s`;
 }
-const et = ({
-  runs: n = [],
-  className: c
-}) => /* @__PURE__ */ e.jsxs(q, { className: c, children: [
-  /* @__PURE__ */ e.jsx(J, { children: /* @__PURE__ */ e.jsxs(Z, { className: "flex items-center gap-2 text-sm", children: [
-    /* @__PURE__ */ e.jsx(me, { className: "h-4 w-4" }),
-    "Automation Run History",
-    /* @__PURE__ */ e.jsx(I, { variant: "outline", className: "ml-auto", children: n.length })
-  ] }) }),
-  /* @__PURE__ */ e.jsx(X, { children: n.length === 0 ? /* @__PURE__ */ e.jsx("p", { className: "text-sm text-muted-foreground text-center py-6", children: "No automation runs yet" }) : /* @__PURE__ */ e.jsx("div", { className: "space-y-2", children: n.map((a) => /* @__PURE__ */ e.jsxs("div", { className: "flex items-start gap-3 rounded-lg border p-3", children: [
-    /* @__PURE__ */ e.jsx(I, { variant: Zs[a.status], children: Ks[a.status] }),
-    /* @__PURE__ */ e.jsxs("div", { className: "flex-1 min-w-0 space-y-1", children: [
-      /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2 flex-wrap", children: [
-        /* @__PURE__ */ e.jsx("span", { className: "text-sm font-medium", children: a.automationName }),
-        a.triggerEvent && /* @__PURE__ */ e.jsxs("span", { className: "text-xs text-muted-foreground", children: [
-          "— ",
-          a.triggerEvent
-        ] })
-      ] }),
-      /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-3 text-xs text-muted-foreground", children: [
-        /* @__PURE__ */ e.jsx("span", { children: new Date(a.startedAt).toLocaleString() }),
-        /* @__PURE__ */ e.jsxs("span", { children: [
-          "Duration: ",
-          Qs(a.startedAt, a.completedAt)
-        ] })
-      ] }),
-      a.status === "failure" && a.error && /* @__PURE__ */ e.jsx("p", { className: "text-xs text-red-600 mt-1", children: a.error })
-    ] })
-  ] }, a.id)) }) })
-] });
-function Le(...n) {
-  return Vs(Ls(n));
+var Oe = ({ runs: e = [], className: t }) => /* @__PURE__ */ (0, G.jsxs)(s, {
+	className: t,
+	children: [/* @__PURE__ */ (0, G.jsx)(l, { children: /* @__PURE__ */ (0, G.jsxs)(u, {
+		className: "flex items-center gap-2 text-sm",
+		children: [
+			/* @__PURE__ */ (0, G.jsx)(E, { className: "h-4 w-4" }),
+			"Automation Run History",
+			/* @__PURE__ */ (0, G.jsx)(a, {
+				variant: "outline",
+				className: "ml-auto",
+				children: e.length
+			})
+		]
+	}) }), /* @__PURE__ */ (0, G.jsx)(c, { children: e.length === 0 ? /* @__PURE__ */ (0, G.jsx)("p", {
+		className: "text-sm text-muted-foreground text-center py-6",
+		children: "No automation runs yet"
+	}) : /* @__PURE__ */ (0, G.jsx)("div", {
+		className: "space-y-2",
+		children: e.map((e) => /* @__PURE__ */ (0, G.jsxs)("div", {
+			className: "flex items-start gap-3 rounded-lg border p-3",
+			children: [/* @__PURE__ */ (0, G.jsx)(a, {
+				variant: X[e.status],
+				children: Z[e.status]
+			}), /* @__PURE__ */ (0, G.jsxs)("div", {
+				className: "flex-1 min-w-0 space-y-1",
+				children: [
+					/* @__PURE__ */ (0, G.jsxs)("div", {
+						className: "flex items-center gap-2 flex-wrap",
+						children: [/* @__PURE__ */ (0, G.jsx)("span", {
+							className: "text-sm font-medium",
+							children: e.automationName
+						}), e.triggerEvent && /* @__PURE__ */ (0, G.jsxs)("span", {
+							className: "text-xs text-muted-foreground",
+							children: ["— ", e.triggerEvent]
+						})]
+					}),
+					/* @__PURE__ */ (0, G.jsxs)("div", {
+						className: "flex items-center gap-3 text-xs text-muted-foreground",
+						children: [/* @__PURE__ */ (0, G.jsx)("span", { children: new Date(e.startedAt).toLocaleString() }), /* @__PURE__ */ (0, G.jsxs)("span", { children: ["Duration: ", De(e.startedAt, e.completedAt)] })]
+					}),
+					e.status === "failure" && e.error && /* @__PURE__ */ (0, G.jsx)("p", {
+						className: "text-xs text-red-600 mt-1",
+						children: e.error
+					})
+				]
+			})]
+		}, e.id))
+	}) })]
+});
+//#endregion
+//#region src/FlowDesigner.tsx
+function ke(...e) {
+	return ge(he(e));
 }
-const rs = 130, Ne = 52, ve = {
-  start: "Start",
-  end: "End",
-  task: "Task",
-  user_task: "User Task",
-  service_task: "Service Task",
-  script_task: "Script Task",
-  approval: "Approval",
-  condition: "Condition",
-  parallel_gateway: "Parallel Gateway",
-  join_gateway: "Join Gateway",
-  boundary_event: "Boundary Event",
-  delay: "Delay",
-  notification: "Notification",
-  webhook: "Webhook"
-}, ls = {
-  start: /* @__PURE__ */ e.jsx(Ve, { className: "h-3.5 w-3.5 text-green-500" }),
-  end: /* @__PURE__ */ e.jsx(Is, { className: "h-3.5 w-3.5 text-red-500" }),
-  task: /* @__PURE__ */ e.jsx(Be, { className: "h-3.5 w-3.5 text-blue-500" }),
-  user_task: /* @__PURE__ */ e.jsx(Fe, { className: "h-3.5 w-3.5 text-blue-600" }),
-  service_task: /* @__PURE__ */ e.jsx(ze, { className: "h-3.5 w-3.5 text-blue-400" }),
-  script_task: /* @__PURE__ */ e.jsx(ss, { className: "h-3.5 w-3.5 text-indigo-500" }),
-  approval: /* @__PURE__ */ e.jsx(Fe, { className: "h-3.5 w-3.5 text-purple-500" }),
-  condition: /* @__PURE__ */ e.jsx(Re, { className: "h-3.5 w-3.5 text-orange-500" }),
-  parallel_gateway: /* @__PURE__ */ e.jsx(Re, { className: "h-3.5 w-3.5 text-teal-500" }),
-  join_gateway: /* @__PURE__ */ e.jsx($s, { className: "h-3.5 w-3.5 text-teal-600" }),
-  boundary_event: /* @__PURE__ */ e.jsx(as, { className: "h-3.5 w-3.5 text-amber-500" }),
-  delay: /* @__PURE__ */ e.jsx(me, { className: "h-3.5 w-3.5 text-gray-500" }),
-  notification: /* @__PURE__ */ e.jsx(Ue, { className: "h-3.5 w-3.5 text-yellow-500" }),
-  webhook: /* @__PURE__ */ e.jsx(ts, { className: "h-3.5 w-3.5 text-cyan-500" })
-}, st = {
-  start: "border-green-400 bg-green-50 dark:bg-green-950",
-  end: "border-red-400 bg-red-50 dark:bg-red-950",
-  task: "border-blue-300 bg-blue-50 dark:bg-blue-950",
-  user_task: "border-blue-400 bg-blue-50 dark:bg-blue-950",
-  service_task: "border-blue-200 bg-slate-50 dark:bg-slate-900",
-  script_task: "border-indigo-300 bg-indigo-50 dark:bg-indigo-950",
-  approval: "border-purple-400 bg-purple-50 dark:bg-purple-950",
-  condition: "border-orange-400 bg-orange-50 dark:bg-orange-950",
-  parallel_gateway: "border-teal-400 bg-teal-50 dark:bg-teal-950",
-  join_gateway: "border-teal-500 bg-teal-50 dark:bg-teal-950",
-  boundary_event: "border-amber-400 bg-amber-50 dark:bg-amber-950 border-dashed",
-  delay: "border-gray-400 bg-gray-50 dark:bg-gray-900",
-  notification: "border-yellow-400 bg-yellow-50 dark:bg-yellow-950",
-  webhook: "border-cyan-400 bg-cyan-50 dark:bg-cyan-950"
-}, tt = {
-  pending: { color: "text-muted-foreground", icon: /* @__PURE__ */ e.jsx(me, { className: "h-3 w-3" }) },
-  running: { color: "text-blue-500", icon: /* @__PURE__ */ e.jsx(Ms, { className: "h-3 w-3 animate-spin" }) },
-  completed: { color: "text-green-500", icon: /* @__PURE__ */ e.jsx(Be, { className: "h-3 w-3" }) },
-  failed: { color: "text-red-500", icon: /* @__PURE__ */ e.jsx(as, { className: "h-3 w-3" }) },
-  skipped: { color: "text-gray-400", icon: /* @__PURE__ */ e.jsx(Fs, { className: "h-3 w-3" }) }
-}, at = [
-  "task",
-  "user_task",
-  "service_task",
-  "script_task",
-  "approval",
-  "condition",
-  "parallel_gateway",
-  "join_gateway",
-  "boundary_event",
-  "delay",
-  "notification",
-  "webhook"
-], rt = {
-  allow: "Allow (run concurrently)",
-  forbid: "Forbid (skip new)",
-  replace: "Replace (cancel existing)",
-  queue: "Queue (run after current)"
-}, Ke = {
-  condition: "Condition",
-  manual: "Manual",
-  webhook: "Webhook",
-  timer: "Timer",
-  signal: "Signal"
-}, lt = () => [
-  { id: "start-1", type: "start", label: "Start", position: { x: 80, y: 200 } },
-  { id: "end-1", type: "end", label: "End", position: { x: 500, y: 200 } }
-], nt = () => [];
-function it(n) {
-  const [c, a] = $([n]), [d, o] = $(0), t = c[d], u = _((k) => {
-    a((v) => [...v.slice(0, d + 1), k]), o((v) => v + 1);
-  }, [d]), g = _(() => {
-    o((k) => Math.max(0, k - 1));
-  }, []), F = _(() => {
-    a((k) => (o((v) => Math.min(k.length - 1, v + 1)), k));
-  }, []), O = d > 0, p = d < c.length - 1;
-  return { current: t, push: u, undo: g, redo: F, canUndo: O, canRedo: p };
+var Q = 130, Ae = 52, $ = {
+	start: "Start",
+	end: "End",
+	task: "Task",
+	user_task: "User Task",
+	service_task: "Service Task",
+	script_task: "Script Task",
+	approval: "Approval",
+	condition: "Condition",
+	parallel_gateway: "Parallel Gateway",
+	join_gateway: "Join Gateway",
+	boundary_event: "Boundary Event",
+	delay: "Delay",
+	notification: "Notification",
+	webhook: "Webhook"
+}, je = {
+	start: /* @__PURE__ */ (0, G.jsx)(N, { className: "h-3.5 w-3.5 text-green-500" }),
+	end: /* @__PURE__ */ (0, G.jsx)(R, { className: "h-3.5 w-3.5 text-red-500" }),
+	task: /* @__PURE__ */ (0, G.jsx)(w, { className: "h-3.5 w-3.5 text-blue-500" }),
+	user_task: /* @__PURE__ */ (0, G.jsx)(V, { className: "h-3.5 w-3.5 text-blue-600" }),
+	service_task: /* @__PURE__ */ (0, G.jsx)(I, { className: "h-3.5 w-3.5 text-blue-400" }),
+	script_task: /* @__PURE__ */ (0, G.jsx)(D, { className: "h-3.5 w-3.5 text-indigo-500" }),
+	approval: /* @__PURE__ */ (0, G.jsx)(V, { className: "h-3.5 w-3.5 text-purple-500" }),
+	condition: /* @__PURE__ */ (0, G.jsx)(k, { className: "h-3.5 w-3.5 text-orange-500" }),
+	parallel_gateway: /* @__PURE__ */ (0, G.jsx)(k, { className: "h-3.5 w-3.5 text-teal-500" }),
+	join_gateway: /* @__PURE__ */ (0, G.jsx)(A, { className: "h-3.5 w-3.5 text-teal-600" }),
+	boundary_event: /* @__PURE__ */ (0, G.jsx)(b, { className: "h-3.5 w-3.5 text-amber-500" }),
+	delay: /* @__PURE__ */ (0, G.jsx)(E, { className: "h-3.5 w-3.5 text-gray-500" }),
+	notification: /* @__PURE__ */ (0, G.jsx)(S, { className: "h-3.5 w-3.5 text-yellow-500" }),
+	webhook: /* @__PURE__ */ (0, G.jsx)(j, { className: "h-3.5 w-3.5 text-cyan-500" })
+}, Me = {
+	start: "border-green-400 bg-green-50 dark:bg-green-950",
+	end: "border-red-400 bg-red-50 dark:bg-red-950",
+	task: "border-blue-300 bg-blue-50 dark:bg-blue-950",
+	user_task: "border-blue-400 bg-blue-50 dark:bg-blue-950",
+	service_task: "border-blue-200 bg-slate-50 dark:bg-slate-900",
+	script_task: "border-indigo-300 bg-indigo-50 dark:bg-indigo-950",
+	approval: "border-purple-400 bg-purple-50 dark:bg-purple-950",
+	condition: "border-orange-400 bg-orange-50 dark:bg-orange-950",
+	parallel_gateway: "border-teal-400 bg-teal-50 dark:bg-teal-950",
+	join_gateway: "border-teal-500 bg-teal-50 dark:bg-teal-950",
+	boundary_event: "border-amber-400 bg-amber-50 dark:bg-amber-950 border-dashed",
+	delay: "border-gray-400 bg-gray-50 dark:bg-gray-900",
+	notification: "border-yellow-400 bg-yellow-50 dark:bg-yellow-950",
+	webhook: "border-cyan-400 bg-cyan-50 dark:bg-cyan-950"
+}, Ne = {
+	pending: {
+		color: "text-muted-foreground",
+		icon: /* @__PURE__ */ (0, G.jsx)(E, { className: "h-3 w-3" })
+	},
+	running: {
+		color: "text-blue-500",
+		icon: /* @__PURE__ */ (0, G.jsx)(M, { className: "h-3 w-3 animate-spin" })
+	},
+	completed: {
+		color: "text-green-500",
+		icon: /* @__PURE__ */ (0, G.jsx)(w, { className: "h-3 w-3" })
+	},
+	failed: {
+		color: "text-red-500",
+		icon: /* @__PURE__ */ (0, G.jsx)(b, { className: "h-3 w-3" })
+	},
+	skipped: {
+		color: "text-gray-400",
+		icon: /* @__PURE__ */ (0, G.jsx)(L, { className: "h-3 w-3" })
+	}
+}, Pe = [
+	"task",
+	"user_task",
+	"service_task",
+	"script_task",
+	"approval",
+	"condition",
+	"parallel_gateway",
+	"join_gateway",
+	"boundary_event",
+	"delay",
+	"notification",
+	"webhook"
+], Fe = {
+	allow: "Allow (run concurrently)",
+	forbid: "Forbid (skip new)",
+	replace: "Replace (cancel existing)",
+	queue: "Queue (run after current)"
+}, Ie = {
+	condition: "Condition",
+	manual: "Manual",
+	webhook: "Webhook",
+	timer: "Timer",
+	signal: "Signal"
+}, Le = () => [{
+	id: "start-1",
+	type: "start",
+	label: "Start",
+	position: {
+		x: 80,
+		y: 200
+	}
+}, {
+	id: "end-1",
+	type: "end",
+	label: "End",
+	position: {
+		x: 500,
+		y: 200
+	}
+}], Re = () => [];
+function ze(e) {
+	let [n, r] = i([e]), [a, o] = i(0);
+	return {
+		current: n[a],
+		push: t((e) => {
+			r((t) => [...t.slice(0, a + 1), e]), o((e) => e + 1);
+		}, [a]),
+		undo: t(() => {
+			o((e) => Math.max(0, e - 1));
+		}, []),
+		redo: t(() => {
+			r((e) => (o((t) => Math.min(e.length - 1, t + 1)), e));
+		}, []),
+		canUndo: a > 0,
+		canRedo: a < n.length - 1
+	};
 }
-function ot(n, c, a) {
-  const d = [], o = ["boundary_event"];
-  n.forEach((u) => {
-    o.includes(u.type) && d.push(`Node "${u.label}" (${u.type}) has limited BPMN mapping.`);
-  });
-  const t = [
-    '<?xml version="1.0" encoding="UTF-8"?>',
-    '<definitions xmlns="http://www.omg.org/spec/BPMN/20100524/MODEL"',
-    '             xmlns:bpmndi="http://www.omg.org/spec/BPMN/20100524/DI"',
-    '             targetNamespace="http://objectui.org/bpmn">',
-    `  <process id="process-1" name="${a}" isExecutable="true">`,
-    ...n.map((u) => `    <${ct(u.type)} id="${u.id}" name="${u.label}" />`),
-    ...c.map((u) => `    <sequenceFlow ${[
-      `id="${u.id}"`,
-      `sourceRef="${u.source}"`,
-      `targetRef="${u.target}"`,
-      u.condition ? `conditionExpression="${u.condition}"` : ""
-    ].filter(Boolean).join(" ")} />`),
-    "  </process>",
-    "</definitions>"
-  ].join(`
-`);
-  return {
-    success: !0,
-    nodeCount: n.length,
-    edgeCount: c.length,
-    warnings: d.length ? d : void 0,
-    bpmnXml: t
-  };
+function Be(e, t, n) {
+	let r = [], i = ["boundary_event"];
+	e.forEach((e) => {
+		i.includes(e.type) && r.push(`Node "${e.label}" (${e.type}) has limited BPMN mapping.`);
+	});
+	let a = [
+		"<?xml version=\"1.0\" encoding=\"UTF-8\"?>",
+		"<definitions xmlns=\"http://www.omg.org/spec/BPMN/20100524/MODEL\"",
+		"             xmlns:bpmndi=\"http://www.omg.org/spec/BPMN/20100524/DI\"",
+		"             targetNamespace=\"http://objectui.org/bpmn\">",
+		`  <process id="process-1" name="${n}" isExecutable="true">`,
+		...e.map((e) => `    <${Ve(e.type)} id="${e.id}" name="${e.label}" />`),
+		...t.map((e) => `    <sequenceFlow ${[
+			`id="${e.id}"`,
+			`sourceRef="${e.source}"`,
+			`targetRef="${e.target}"`,
+			e.condition ? `conditionExpression="${e.condition}"` : ""
+		].filter(Boolean).join(" ")} />`),
+		"  </process>",
+		"</definitions>"
+	].join("\n");
+	return {
+		success: !0,
+		nodeCount: e.length,
+		edgeCount: t.length,
+		warnings: r.length ? r : void 0,
+		bpmnXml: a
+	};
 }
-function ct(n) {
-  return {
-    start: "startEvent",
-    end: "endEvent",
-    task: "task",
-    user_task: "userTask",
-    service_task: "serviceTask",
-    script_task: "scriptTask",
-    approval: "userTask",
-    condition: "exclusiveGateway",
-    parallel_gateway: "parallelGateway",
-    join_gateway: "parallelGateway",
-    boundary_event: "boundaryEvent",
-    delay: "intermediateCatchEvent",
-    notification: "sendTask",
-    webhook: "serviceTask"
-  }[n] ?? "task";
+function Ve(e) {
+	return {
+		start: "startEvent",
+		end: "endEvent",
+		task: "task",
+		user_task: "userTask",
+		service_task: "serviceTask",
+		script_task: "scriptTask",
+		approval: "userTask",
+		condition: "exclusiveGateway",
+		parallel_gateway: "parallelGateway",
+		join_gateway: "parallelGateway",
+		boundary_event: "boundaryEvent",
+		delay: "intermediateCatchEvent",
+		notification: "sendTask",
+		webhook: "serviceTask"
+	}[e] ?? "task";
 }
-function dt(n, c) {
-  const a = n.position.x + rs, d = n.position.y + Ne / 2, o = c.position.x, t = c.position.y + Ne / 2, u = (a + o) / 2;
-  return { d: `M ${a} ${d} C ${u} ${d}, ${u} ${t}, ${o} ${t}`, labelX: u, labelY: (d + t) / 2 - 8 };
+function He(e, t) {
+	let n = e.position.x + Q, r = e.position.y + Ae / 2, i = t.position.x, a = t.position.y + Ae / 2, o = (n + i) / 2;
+	return {
+		d: `M ${n} ${r} C ${o} ${r}, ${o} ${a}, ${i} ${a}`,
+		labelX: o,
+		labelY: (r + a) / 2 - 8
+	};
 }
-const ut = ({
-  node: n,
-  isSelected: c,
-  isConnectSource: a,
-  connectMode: d,
-  readOnly: o,
-  showExecutionOverlay: t,
-  onSelect: u,
-  onDelete: g,
-  onDragStart: F,
-  onPortClick: O
-}) => {
-  const p = n.executionStatus, k = p ? tt[p] : null;
-  return /* @__PURE__ */ e.jsxs(
-    "div",
-    {
-      className: "absolute select-none",
-      style: { left: n.position.x, top: n.position.y },
-      draggable: !o && !d,
-      onDragStart: (v) => F(v, n.id),
-      onClick: (v) => u(n.id, v.shiftKey),
-      role: "group",
-      "aria-label": n.label,
-      children: [
-        /* @__PURE__ */ e.jsxs(
-          "div",
-          {
-            className: Le(
-              "flex items-center gap-2 border-2 rounded px-3 py-2 min-h-[52px] transition-shadow cursor-pointer",
-              st[n.type],
-              c && "ring-2 ring-primary shadow-md",
-              a && "ring-2 ring-blue-400 shadow-lg",
-              d && !a && "cursor-crosshair",
-              t && p === "running" && "ring-2 ring-blue-400",
-              t && p === "failed" && "ring-2 ring-red-400",
-              t && p === "completed" && "ring-2 ring-green-400"
-            ),
-            style: { width: rs, minHeight: Ne },
-            children: [
-              /* @__PURE__ */ e.jsx("span", { className: "shrink-0", children: ls[n.type] }),
-              /* @__PURE__ */ e.jsx("span", { className: "text-xs font-medium leading-tight flex-1 truncate", children: n.label }),
-              t && k && /* @__PURE__ */ e.jsx("span", { className: Le("shrink-0", k.color), children: k.icon })
-            ]
-          }
-        ),
-        !o && (c || d) && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-          /* @__PURE__ */ e.jsx(
-            "div",
-            {
-              className: "absolute w-3 h-3 rounded-full bg-primary border-2 border-background shadow cursor-crosshair",
-              style: { right: -6, top: Ne / 2 - 6 },
-              title: "Connect from this node",
-              onClick: (v) => {
-                v.stopPropagation(), O(n.id);
-              }
-            }
-          ),
-          /* @__PURE__ */ e.jsx(
-            "div",
-            {
-              className: "absolute w-3 h-3 rounded-full bg-muted-foreground border-2 border-background shadow cursor-crosshair",
-              style: { left: -6, top: Ne / 2 - 6 },
-              title: "Connect to this node",
-              onClick: (v) => {
-                v.stopPropagation(), O(n.id);
-              }
-            }
-          )
-        ] }),
-        !o && c && !d && /* @__PURE__ */ e.jsx(
-          "button",
-          {
-            className: "absolute -top-2 -right-2 p-0.5 rounded-full bg-destructive text-destructive-foreground shadow",
-            onClick: (v) => {
-              v.stopPropagation(), g(n.id);
-            },
-            "aria-label": `Delete node ${n.label}`,
-            children: /* @__PURE__ */ e.jsx(ye, { className: "h-3 w-3" })
-          }
-        )
-      ]
-    }
-  );
-}, xt = ({
-  node: n,
-  edge: c,
-  readOnly: a,
-  onNodeChange: d,
-  onEdgeChange: o
-}) => !n && !c ? /* @__PURE__ */ e.jsx("div", { className: "p-4 text-sm text-muted-foreground", children: "Select a node or edge to edit its properties." }) : n ? /* @__PURE__ */ e.jsxs("div", { className: "p-3 space-y-3 overflow-y-auto", children: [
-  /* @__PURE__ */ e.jsx("p", { className: "text-xs font-semibold text-muted-foreground uppercase tracking-wide", children: "Node Properties" }),
-  /* @__PURE__ */ e.jsxs("div", { className: "space-y-1", children: [
-    /* @__PURE__ */ e.jsx(h, { className: "text-xs", children: "Label" }),
-    /* @__PURE__ */ e.jsx(
-      S,
-      {
-        value: n.label,
-        onChange: (t) => d({ ...n, label: t.target.value }),
-        disabled: a,
-        className: "h-7 text-xs"
-      }
-    )
-  ] }),
-  /* @__PURE__ */ e.jsxs("div", { className: "space-y-1", children: [
-    /* @__PURE__ */ e.jsx(h, { className: "text-xs", children: "Type" }),
-    /* @__PURE__ */ e.jsxs(
-      U,
-      {
-        value: n.type,
-        onValueChange: (t) => d({ ...n, type: t }),
-        disabled: a,
-        children: [
-          /* @__PURE__ */ e.jsx(B, { className: "h-7 text-xs", children: /* @__PURE__ */ e.jsx(H, {}) }),
-          /* @__PURE__ */ e.jsx(W, { children: Object.keys(ve).map((t) => /* @__PURE__ */ e.jsx(Y, { value: t, className: "text-xs", children: ve[t] }, t)) })
-        ]
-      }
-    )
-  ] }),
-  /* @__PURE__ */ e.jsxs("div", { className: "space-y-1", children: [
-    /* @__PURE__ */ e.jsx(h, { className: "text-xs", children: "Description" }),
-    /* @__PURE__ */ e.jsx(
-      S,
-      {
-        value: n.description ?? "",
-        onChange: (t) => d({ ...n, description: t.target.value }),
-        disabled: a,
-        className: "h-7 text-xs",
-        placeholder: "Optional description"
-      }
-    )
-  ] }),
-  ["task", "user_task", "service_task", "script_task", "delay", "webhook"].includes(n.type) && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    /* @__PURE__ */ e.jsx(ce, {}),
-    /* @__PURE__ */ e.jsx("p", { className: "text-xs font-semibold text-muted-foreground uppercase tracking-wide", children: "Executor" }),
-    /* @__PURE__ */ e.jsxs("div", { className: "space-y-1", children: [
-      /* @__PURE__ */ e.jsx(h, { className: "text-xs", children: "Executor Type" }),
-      /* @__PURE__ */ e.jsx(
-        S,
-        {
-          value: n.executor?.type ?? "",
-          onChange: (t) => d({
-            ...n,
-            executor: { ...n.executor, type: t.target.value }
-          }),
-          disabled: a,
-          className: "h-7 text-xs",
-          placeholder: "e.g. http, script, email"
-        }
-      )
-    ] }),
-    n.type === "delay" && /* @__PURE__ */ e.jsxs("div", { className: "space-y-1", children: [
-      /* @__PURE__ */ e.jsx(h, { className: "text-xs", children: "Wait Event Type" }),
-      /* @__PURE__ */ e.jsxs(
-        U,
-        {
-          value: n.executor?.waitEventConfig?.eventType ?? "timer",
-          onValueChange: (t) => d({
-            ...n,
-            executor: {
-              ...n.executor,
-              type: n.executor?.type ?? "wait",
-              waitEventConfig: {
-                ...n.executor?.waitEventConfig,
-                eventType: t
-              }
-            }
-          }),
-          disabled: a,
-          children: [
-            /* @__PURE__ */ e.jsx(B, { className: "h-7 text-xs", children: /* @__PURE__ */ e.jsx(H, {}) }),
-            /* @__PURE__ */ e.jsx(W, { children: Object.keys(Ke).map((t) => /* @__PURE__ */ e.jsx(Y, { value: t, className: "text-xs", children: Ke[t] }, t)) })
-          ]
-        }
-      )
-    ] }),
-    /* @__PURE__ */ e.jsxs("div", { className: "space-y-1", children: [
-      /* @__PURE__ */ e.jsx(h, { className: "text-xs", children: "Timeout (ms)" }),
-      /* @__PURE__ */ e.jsx(
-        S,
-        {
-          type: "number",
-          value: n.executor?.timeoutMs ?? "",
-          onChange: (t) => d({
-            ...n,
-            executor: {
-              ...n.executor,
-              type: n.executor?.type ?? "",
-              timeoutMs: t.target.value ? Number(t.target.value) : void 0
-            }
-          }),
-          disabled: a,
-          className: "h-7 text-xs",
-          placeholder: "e.g. 30000"
-        }
-      )
-    ] })
-  ] }),
-  n.type === "boundary_event" && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    /* @__PURE__ */ e.jsx(ce, {}),
-    /* @__PURE__ */ e.jsx("p", { className: "text-xs font-semibold text-muted-foreground uppercase tracking-wide", children: "Boundary Config" }),
-    /* @__PURE__ */ e.jsxs("div", { className: "space-y-1", children: [
-      /* @__PURE__ */ e.jsx(h, { className: "text-xs", children: "Attached To Node ID" }),
-      /* @__PURE__ */ e.jsx(
-        S,
-        {
-          value: n.boundaryConfig?.attachedToNodeId ?? "",
-          onChange: (t) => d({
-            ...n,
-            boundaryConfig: {
-              ...n.boundaryConfig,
-              attachedToNodeId: t.target.value,
-              eventType: n.boundaryConfig?.eventType ?? "error"
-            }
-          }),
-          disabled: a,
-          className: "h-7 text-xs",
-          placeholder: "Host node id"
-        }
-      )
-    ] }),
-    /* @__PURE__ */ e.jsxs("div", { className: "space-y-1", children: [
-      /* @__PURE__ */ e.jsx(h, { className: "text-xs", children: "Event Type" }),
-      /* @__PURE__ */ e.jsxs(
-        U,
-        {
-          value: n.boundaryConfig?.eventType ?? "error",
-          onValueChange: (t) => d({
-            ...n,
-            boundaryConfig: {
-              ...n.boundaryConfig,
-              attachedToNodeId: n.boundaryConfig?.attachedToNodeId ?? "",
-              eventType: t
-            }
-          }),
-          disabled: a,
-          children: [
-            /* @__PURE__ */ e.jsx(B, { className: "h-7 text-xs", children: /* @__PURE__ */ e.jsx(H, {}) }),
-            /* @__PURE__ */ e.jsx(W, { children: ["error", "timer", "message", "signal", "compensation"].map((t) => /* @__PURE__ */ e.jsx(Y, { value: t, className: "text-xs capitalize", children: t }, t)) })
-          ]
-        }
-      )
-    ] })
-  ] })
-] }) : c ? /* @__PURE__ */ e.jsxs("div", { className: "p-3 space-y-3 overflow-y-auto", children: [
-  /* @__PURE__ */ e.jsx("p", { className: "text-xs font-semibold text-muted-foreground uppercase tracking-wide", children: "Edge Properties" }),
-  /* @__PURE__ */ e.jsxs("div", { className: "space-y-1", children: [
-    /* @__PURE__ */ e.jsx(h, { className: "text-xs", children: "Label" }),
-    /* @__PURE__ */ e.jsx(
-      S,
-      {
-        value: c.label ?? "",
-        onChange: (t) => o({ ...c, label: t.target.value }),
-        disabled: a,
-        className: "h-7 text-xs"
-      }
-    )
-  ] }),
-  /* @__PURE__ */ e.jsxs("div", { className: "space-y-1", children: [
-    /* @__PURE__ */ e.jsx(h, { className: "text-xs", children: "Type" }),
-    /* @__PURE__ */ e.jsxs(
-      U,
-      {
-        value: c.type ?? "default",
-        onValueChange: (t) => o({ ...c, type: t }),
-        disabled: a,
-        children: [
-          /* @__PURE__ */ e.jsx(B, { className: "h-7 text-xs", children: /* @__PURE__ */ e.jsx(H, {}) }),
-          /* @__PURE__ */ e.jsxs(W, { children: [
-            /* @__PURE__ */ e.jsx(Y, { value: "default", className: "text-xs", children: "Default" }),
-            /* @__PURE__ */ e.jsx(Y, { value: "conditional", className: "text-xs", children: "Conditional" }),
-            /* @__PURE__ */ e.jsx(Y, { value: "timeout", className: "text-xs", children: "Timeout" })
-          ] })
-        ]
-      }
-    )
-  ] }),
-  c.type === "conditional" && /* @__PURE__ */ e.jsxs("div", { className: "space-y-1", children: [
-    /* @__PURE__ */ e.jsx(h, { className: "text-xs", children: "Condition Expression" }),
-    /* @__PURE__ */ e.jsx(
-      S,
-      {
-        value: c.condition ?? "",
-        onChange: (t) => o({ ...c, condition: t.target.value }),
-        disabled: a,
-        className: "h-7 text-xs font-mono",
-        placeholder: "e.g. status === 'approved'"
-      }
-    )
-  ] }),
-  /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
-    /* @__PURE__ */ e.jsx(
-      "input",
-      {
-        type: "checkbox",
-        id: "edge-isDefault",
-        checked: c.isDefault ?? !1,
-        onChange: (t) => o({ ...c, isDefault: t.target.checked }),
-        disabled: a,
-        className: "h-3.5 w-3.5"
-      }
-    ),
-    /* @__PURE__ */ e.jsx(h, { htmlFor: "edge-isDefault", className: "text-xs", children: "Default edge (isDefault)" })
-  ] })
-] }) : null, mt = ({ versions: n }) => /* @__PURE__ */ e.jsxs("div", { className: "p-3 space-y-2", children: [
-  /* @__PURE__ */ e.jsx("p", { className: "text-xs font-semibold text-muted-foreground uppercase tracking-wide", children: "Version History" }),
-  n.length === 0 && /* @__PURE__ */ e.jsx("p", { className: "text-xs text-muted-foreground", children: "No version history available." }),
-  /* @__PURE__ */ e.jsx("div", { className: "space-y-1.5", children: n.map((c) => /* @__PURE__ */ e.jsxs(
-    "div",
-    {
-      className: Le(
-        "rounded border p-2 text-xs",
-        c.isCurrent ? "border-primary bg-primary/5" : "border-border bg-muted/30"
-      ),
-      children: [
-        /* @__PURE__ */ e.jsxs("div", { className: "flex items-center justify-between", children: [
-          /* @__PURE__ */ e.jsxs("span", { className: "font-medium", children: [
-            "v",
-            c.version
-          ] }),
-          c.isCurrent && /* @__PURE__ */ e.jsx(I, { variant: "default", className: "text-[10px] h-4", children: "Current" })
-        ] }),
-        c.changeNote && /* @__PURE__ */ e.jsx("p", { className: "text-muted-foreground mt-0.5", children: c.changeNote }),
-        /* @__PURE__ */ e.jsxs("p", { className: "text-muted-foreground mt-0.5", children: [
-          c.author && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-            c.author,
-            " · "
-          ] }),
-          new Date(c.createdAt).toLocaleDateString()
-        ] })
-      ]
-    },
-    c.version
-  )) })
-] }), ht = ({ schema: n, onSave: c }) => {
-  const {
-    readOnly: a = !1,
-    showToolbar: d = !0,
-    showMinimap: o = !1,
-    showVersionHistory: t = !1,
-    showExecutionOverlay: u = !1,
-    executionSteps: g = [],
-    versionHistory: F = [],
-    concurrencyPolicy: O,
-    title: p = "New Flow",
-    description: k = "",
-    status: v = "draft"
-  } = n, [f, L] = $(p), [de, i] = $(k), b = n.nodes ?? lt(), R = n.edges ?? nt(), { current: C, push: r, undo: j, redo: P, canUndo: M, canRedo: ue } = it({
-    nodes: b,
-    edges: R
-  }), N = C.nodes, E = C.edges, [G, K] = $(null), [z, ae] = $(null), [Q, re] = $(!1), [ee, le] = $(null), [xe, ke] = $(!0), [s, x] = $(t), [y, A] = $(null), [se, ne] = $(1), w = $e(null), te = Se(
-    () => N.find((l) => l.id === G) ?? null,
-    [N, G]
-  ), he = Se(
-    () => E.find((l) => l.id === z) ?? null,
-    [E, z]
-  ), pe = Se(() => {
-    if (!u || g.length === 0) return N;
-    const l = new Map(g.map((m) => [m.nodeId, m.status]));
-    return N.map(
-      (m) => l.has(m.id) ? { ...m, executionStatus: l.get(m.id) } : m
-    );
-  }, [N, u, g]), ns = _((l) => {
-    if (a) return;
-    const D = {
-      id: `${l}-${Date.now()}`,
-      type: l,
-      label: ve[l],
-      position: { x: 200, y: 80 + N.length * 70 }
-    };
-    r({ nodes: [...N, D], edges: E });
-  }, [a, N, E, r]), Ae = _((l) => {
-    if (a) return;
-    const m = N.filter((V) => V.id !== l), D = E.filter((V) => V.source !== l && V.target !== l);
-    r({ nodes: m, edges: D }), G === l && K(null);
-  }, [a, N, E, r, G]), is = _((l) => {
-    a || r({ nodes: N.map((m) => m.id === l.id ? l : m), edges: E });
-  }, [a, N, E, r]), He = _((l) => {
-    a || (r({ nodes: N, edges: E.filter((m) => m.id !== l) }), z === l && ae(null));
-  }, [a, N, E, r, z]), os = _((l) => {
-    a || r({ nodes: N, edges: E.map((m) => m.id === l.id ? l : m) });
-  }, [a, N, E, r]), cs = _((l) => {
-    if (!a) {
-      if (!Q) {
-        re(!0), le(l);
-        return;
-      }
-      if (ee && ee !== l) {
-        const D = { id: `edge-${Date.now()}`, source: ee, target: l };
-        r({ nodes: N, edges: [...E, D] });
-      }
-      re(!1), le(null);
-    }
-  }, [a, Q, ee, N, E, r]), Ce = $e(null), ie = $e(null), ds = _((l, m) => {
-    Ce.current = m;
-    const D = N.find((V) => V.id === m);
-    D && (ie.current = {
-      mouseX: l.clientX,
-      mouseY: l.clientY,
-      nodeX: D.position.x,
-      nodeY: D.position.y
-    }), l.dataTransfer.effectAllowed = "move";
-  }, [N]), us = _((l) => {
-    if (l.preventDefault(), !Ce.current || !ie.current || !w.current) return;
-    w.current.getBoundingClientRect();
-    const m = (l.clientX - ie.current.mouseX) / se, D = (l.clientY - ie.current.mouseY) / se, V = Math.max(0, ie.current.nodeX + m), Ee = Math.max(0, ie.current.nodeY + D), _e = Ce.current;
-    r({
-      nodes: N.map(
-        (oe) => oe.id === _e ? { ...oe, position: { x: V, y: Ee } } : oe
-      ),
-      edges: E
-    }), Ce.current = null, ie.current = null;
-  }, [N, E, r, se]), xs = _(() => {
-    const l = ot(N, E, f);
-    A(l);
-    const m = new Blob([l.bpmnXml ?? ""], { type: "application/xml" }), D = URL.createObjectURL(m), V = document.createElement("a");
-    V.href = D, V.download = `${f.replace(/\s+/g, "-").toLowerCase()}.bpmn`, V.click(), URL.revokeObjectURL(D);
-  }, [N, E, f]), Pe = _(() => {
-    c?.(N, E);
-  }, [N, E, c]), ms = _((l) => {
-    const m = l.ctrlKey || l.metaKey;
-    if (m && l.key === "z" && !l.shiftKey) {
-      l.preventDefault(), j();
-      return;
-    }
-    if (m && (l.key === "y" || l.key === "z" && l.shiftKey)) {
-      l.preventDefault(), P();
-      return;
-    }
-    if (m && l.key === "s") {
-      l.preventDefault(), Pe();
-      return;
-    }
-    l.key === "Escape" && (re(!1), le(null), K(null), ae(null)), (l.key === "Delete" || l.key === "Backspace") && (G ? Ae(G) : z && He(z));
-  }, [j, P, Pe, G, z, Ae, He]);
-  return /* @__PURE__ */ e.jsxs(q, { className: "flex flex-col h-full min-h-[600px] outline-none", tabIndex: 0, onKeyDown: ms, children: [
-    /* @__PURE__ */ e.jsx(J, { className: "py-2 px-4 border-b flex-shrink-0", children: /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-3 flex-wrap", children: [
-      /* @__PURE__ */ e.jsx(Me, { className: "h-4 w-4 text-primary shrink-0" }),
-      /* @__PURE__ */ e.jsx(Z, { className: "text-sm font-semibold", children: a ? /* @__PURE__ */ e.jsx("span", { children: f }) : /* @__PURE__ */ e.jsx(
-        S,
-        {
-          value: f,
-          onChange: (l) => L(l.target.value),
-          className: "h-6 text-sm font-semibold border-0 p-0 focus-visible:ring-0 bg-transparent",
-          "aria-label": "Flow title"
-        }
-      ) }),
-      /* @__PURE__ */ e.jsx(I, { variant: "outline", className: "text-xs capitalize", children: v }),
-      O && /* @__PURE__ */ e.jsx(I, { variant: "secondary", className: "text-xs", children: rt[O] }),
-      /* @__PURE__ */ e.jsxs("div", { className: "ml-auto flex items-center gap-1", children: [
-        !a && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-          /* @__PURE__ */ e.jsx(T, { size: "icon", variant: "ghost", className: "h-7 w-7", onClick: j, disabled: !M, title: "Undo (Ctrl+Z)", children: /* @__PURE__ */ e.jsx(ks, { className: "h-4 w-4" }) }),
-          /* @__PURE__ */ e.jsx(T, { size: "icon", variant: "ghost", className: "h-7 w-7", onClick: P, disabled: !ue, title: "Redo (Ctrl+Y)", children: /* @__PURE__ */ e.jsx(Cs, { className: "h-4 w-4" }) }),
-          /* @__PURE__ */ e.jsx(ce, { orientation: "vertical", className: "h-5 mx-1" })
-        ] }),
-        /* @__PURE__ */ e.jsx(T, { size: "icon", variant: "ghost", className: "h-7 w-7", onClick: () => ne((l) => Math.min(2, l + 0.1)), title: "Zoom in", children: /* @__PURE__ */ e.jsx(Es, { className: "h-4 w-4" }) }),
-        /* @__PURE__ */ e.jsx(T, { size: "icon", variant: "ghost", className: "h-7 w-7", onClick: () => ne(1), title: "Reset zoom", children: /* @__PURE__ */ e.jsx(_s, { className: "h-4 w-4" }) }),
-        /* @__PURE__ */ e.jsx(T, { size: "icon", variant: "ghost", className: "h-7 w-7", onClick: () => ne((l) => Math.max(0.3, l - 0.1)), title: "Zoom out", children: /* @__PURE__ */ e.jsx(Ts, { className: "h-4 w-4" }) }),
-        /* @__PURE__ */ e.jsx(ce, { orientation: "vertical", className: "h-5 mx-1" }),
-        F.length > 0 && /* @__PURE__ */ e.jsx(
-          T,
-          {
-            size: "icon",
-            variant: s ? "secondary" : "ghost",
-            className: "h-7 w-7",
-            onClick: () => x((l) => !l),
-            title: "Version history",
-            children: /* @__PURE__ */ e.jsx(Ss, { className: "h-4 w-4" })
-          }
-        ),
-        /* @__PURE__ */ e.jsx(T, { size: "icon", variant: "ghost", className: "h-7 w-7", onClick: xs, title: "Export BPMN", children: /* @__PURE__ */ e.jsx(Rs, { className: "h-4 w-4" }) }),
-        !a && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-          /* @__PURE__ */ e.jsx(T, { size: "icon", variant: "ghost", className: "h-7 w-7", title: "Import BPMN (drag & drop)", children: /* @__PURE__ */ e.jsx(As, { className: "h-4 w-4" }) }),
-          /* @__PURE__ */ e.jsxs(
-            T,
-            {
-              size: "sm",
-              variant: "default",
-              className: "h-7 text-xs gap-1",
-              onClick: Pe,
-              title: "Save (Ctrl+S)",
-              children: [
-                /* @__PURE__ */ e.jsx(Qe, { className: "h-3.5 w-3.5" }),
-                " Save"
-              ]
-            }
-          )
-        ] }),
-        /* @__PURE__ */ e.jsx(
-          T,
-          {
-            size: "icon",
-            variant: "ghost",
-            className: "h-7 w-7",
-            onClick: () => ke((l) => !l),
-            title: xe ? "Hide properties" : "Show properties",
-            children: xe ? /* @__PURE__ */ e.jsx(Ps, { className: "h-4 w-4" }) : /* @__PURE__ */ e.jsx(Os, { className: "h-4 w-4" })
-          }
-        )
-      ] })
-    ] }) }),
-    /* @__PURE__ */ e.jsxs(X, { className: "flex flex-1 p-0 overflow-hidden", children: [
-      d && !a && /* @__PURE__ */ e.jsxs("div", { className: "w-36 border-r bg-muted/30 flex-shrink-0 overflow-y-auto py-2 px-2", children: [
-        /* @__PURE__ */ e.jsx("p", { className: "text-[10px] font-semibold text-muted-foreground uppercase tracking-wide mb-2 px-1", children: "Add Node" }),
-        /* @__PURE__ */ e.jsx("div", { className: "space-y-1", children: at.map((l) => /* @__PURE__ */ e.jsxs(
-          "button",
-          {
-            className: "w-full flex items-center gap-2 text-xs px-2 py-1.5 rounded hover:bg-muted transition-colors text-left",
-            onClick: () => ns(l),
-            title: `Add ${ve[l]}`,
-            children: [
-              ls[l],
-              /* @__PURE__ */ e.jsx("span", { className: "truncate", children: ve[l] })
-            ]
-          },
-          l
-        )) }),
-        Q && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-          /* @__PURE__ */ e.jsx(ce, { className: "my-2" }),
-          /* @__PURE__ */ e.jsxs("div", { className: "px-1", children: [
-            /* @__PURE__ */ e.jsx("p", { className: "text-[10px] text-blue-600 font-medium", children: "Connect mode" }),
-            /* @__PURE__ */ e.jsx("p", { className: "text-[10px] text-muted-foreground", children: "Click a target node port to connect." }),
-            /* @__PURE__ */ e.jsx(
-              T,
-              {
-                size: "sm",
-                variant: "outline",
-                className: "h-6 text-xs mt-1 w-full",
-                onClick: () => {
-                  re(!1), le(null);
-                },
-                children: "Cancel"
-              }
-            )
-          ] })
-        ] })
-      ] }),
-      /* @__PURE__ */ e.jsx("div", { className: "flex-1 overflow-auto relative bg-dot-pattern", children: /* @__PURE__ */ e.jsxs(
-        "div",
-        {
-          ref: w,
-          className: "relative",
-          style: {
-            width: 1200,
-            height: 700,
-            transform: `scale(${se})`,
-            transformOrigin: "top left"
-          },
-          onDrop: us,
-          onDragOver: (l) => l.preventDefault(),
-          onClick: (l) => {
-            l.target === w.current && (K(null), ae(null));
-          },
-          children: [
-            /* @__PURE__ */ e.jsxs(
-              "svg",
-              {
-                className: "absolute inset-0 pointer-events-none",
-                width: 1200,
-                height: 700,
-                style: { overflow: "visible" },
-                children: [
-                  /* @__PURE__ */ e.jsxs("defs", { children: [
-                    /* @__PURE__ */ e.jsx("marker", { id: "fd-arrowhead", markerWidth: "10", markerHeight: "7", refX: "9", refY: "3.5", orient: "auto", children: /* @__PURE__ */ e.jsx("polygon", { points: "0 0, 10 3.5, 0 7", fill: "hsl(var(--foreground) / 0.5)" }) }),
-                    /* @__PURE__ */ e.jsx("marker", { id: "fd-arrowhead-selected", markerWidth: "10", markerHeight: "7", refX: "9", refY: "3.5", orient: "auto", children: /* @__PURE__ */ e.jsx("polygon", { points: "0 0, 10 3.5, 0 7", fill: "hsl(var(--primary))" }) }),
-                    /* @__PURE__ */ e.jsx("marker", { id: "fd-arrowhead-conditional", markerWidth: "10", markerHeight: "7", refX: "9", refY: "3.5", orient: "auto", children: /* @__PURE__ */ e.jsx("polygon", { points: "0 0, 10 3.5, 0 7", fill: "hsl(var(--foreground) / 0.6)" }) })
-                  ] }),
-                  E.map((l) => {
-                    const m = pe.find((ge) => ge.id === l.source), D = pe.find((ge) => ge.id === l.target);
-                    if (!m || !D) return null;
-                    const { d: V, labelX: Ee, labelY: _e } = dt(m, D), oe = l.id === z, Oe = l.type === "conditional", De = l.isDefault;
-                    return /* @__PURE__ */ e.jsxs(
-                      "g",
-                      {
-                        className: "pointer-events-auto cursor-pointer",
-                        onClick: (ge) => {
-                          ge.stopPropagation(), ae(l.id), K(null);
-                        },
-                        children: [
-                          /* @__PURE__ */ e.jsx(
-                            "path",
-                            {
-                              d: V,
-                              fill: "none",
-                              stroke: oe ? "hsl(var(--primary))" : Oe ? "hsl(var(--foreground) / 0.6)" : "hsl(var(--foreground) / 0.4)",
-                              strokeWidth: oe ? 2.5 : 2,
-                              strokeDasharray: Oe ? "6 3" : De ? "3 3" : void 0,
-                              markerEnd: `url(#fd-arrowhead${oe ? "-selected" : Oe ? "-conditional" : ""})`
-                            }
-                          ),
-                          (l.label || De) && /* @__PURE__ */ e.jsx(
-                            "text",
-                            {
-                              x: Ee,
-                              y: _e,
-                              textAnchor: "middle",
-                              className: "text-[10px] fill-muted-foreground",
-                              style: { fontSize: 10 },
-                              children: l.label ?? (De ? "(default)" : "")
-                            }
-                          ),
-                          l.condition && /* @__PURE__ */ e.jsx(
-                            "text",
-                            {
-                              x: Ee,
-                              y: _e + 12,
-                              textAnchor: "middle",
-                              className: "text-[9px] fill-orange-500",
-                              style: { fontSize: 9 },
-                              children: l.condition.length > 24 ? l.condition.slice(0, 24) + "…" : l.condition
-                            }
-                          ),
-                          /* @__PURE__ */ e.jsx("path", { d: V, fill: "none", stroke: "transparent", strokeWidth: 12 })
-                        ]
-                      },
-                      l.id
-                    );
-                  })
-                ]
-              }
-            ),
-            pe.map((l) => /* @__PURE__ */ e.jsx(
-              ut,
-              {
-                node: l,
-                isSelected: G === l.id,
-                isConnectSource: ee === l.id,
-                connectMode: Q,
-                readOnly: a,
-                showExecutionOverlay: u,
-                onSelect: (m, D) => {
-                  D || ae(null), K(m);
-                },
-                onDelete: Ae,
-                onDragStart: ds,
-                onPortClick: cs
-              },
-              l.id
-            )),
-            Q && ee && /* @__PURE__ */ e.jsxs(
-              "div",
-              {
-                className: "absolute bottom-4 left-1/2 -translate-x-1/2 bg-blue-600 text-white text-xs px-3 py-1.5 rounded shadow-lg pointer-events-none",
-                children: [
-                  /* @__PURE__ */ e.jsx(Ds, { className: "h-3 w-3 inline mr-1" }),
-                  "Click a node port to complete the connection — Esc to cancel"
-                ]
-              }
-            ),
-            N.length === 0 && /* @__PURE__ */ e.jsx("div", { className: "absolute inset-0 flex items-center justify-center text-muted-foreground text-sm", children: "No nodes yet. Use the toolbar to add nodes." })
-          ]
-        }
-      ) }),
-      s && F.length > 0 && /* @__PURE__ */ e.jsx("div", { className: "w-48 border-l bg-background flex-shrink-0 overflow-y-auto", children: /* @__PURE__ */ e.jsx(mt, { versions: F }) }),
-      xe && /* @__PURE__ */ e.jsxs("div", { className: "w-52 border-l bg-background flex-shrink-0 overflow-y-auto", children: [
-        /* @__PURE__ */ e.jsx(
-          xt,
-          {
-            node: te,
-            edge: he,
-            readOnly: a,
-            onNodeChange: is,
-            onEdgeChange: os
-          }
-        ),
-        y && /* @__PURE__ */ e.jsxs("div", { className: "p-3 border-t", children: [
-          /* @__PURE__ */ e.jsx("p", { className: "text-[10px] font-semibold text-muted-foreground uppercase tracking-wide mb-1", children: "BPMN Export" }),
-          /* @__PURE__ */ e.jsx(I, { variant: y.success ? "default" : "destructive", className: "text-[10px]", children: y.success ? `Exported ${y.nodeCount} nodes` : "Export failed" }),
-          y.warnings?.map((l, m) => /* @__PURE__ */ e.jsx("p", { className: "text-[10px] text-amber-600 mt-0.5", children: l }, m))
-        ] })
-      ] })
-    ] })
-  ] });
-};
-we.register(
-  "workflow-designer",
-  Ws,
-  {
-    label: "Workflow Designer",
-    category: "Enterprise",
-    inputs: [
-      { name: "workflow", type: "code", label: "Initial Workflow Definition" },
-      { name: "readOnly", type: "boolean", label: "Read Only", defaultValue: !1 },
-      { name: "showToolbar", type: "boolean", label: "Show Toolbar", defaultValue: !0 },
-      { name: "showMinimap", type: "boolean", label: "Show Minimap", defaultValue: !1 }
-    ]
-  }
-);
-we.register(
-  "approval-process",
-  qs,
-  {
-    label: "Approval Process",
-    category: "Enterprise",
-    inputs: [
-      { name: "workflowId", type: "string", label: "Workflow ID" },
-      { name: "instanceId", type: "string", label: "Instance ID" },
-      { name: "currentNodeId", type: "string", label: "Current Node ID" },
-      { name: "approvalRule", type: "code", label: "Approval Rule" },
-      { name: "history", type: "code", label: "History" },
-      { name: "showHistory", type: "boolean", label: "Show History", defaultValue: !0 },
-      { name: "showComments", type: "boolean", label: "Show Comments", defaultValue: !0 }
-    ]
-  }
-);
-we.register(
-  "automation-builder",
-  Js,
-  {
-    label: "Automation Builder",
-    category: "Enterprise",
-    inputs: [
-      { name: "automation", type: "code", label: "Automation Definition" },
-      { name: "objects", type: "code", label: "Available Objects" }
-    ]
-  }
-);
-we.register(
-  "automation-run-history",
-  et,
-  {
-    label: "Automation Run History",
-    category: "Enterprise",
-    inputs: [
-      { name: "runs", type: "code", label: "Run History" }
-    ]
-  }
-);
-we.register(
-  "flow-designer",
-  ht,
-  {
-    label: "Flow Designer",
-    category: "Enterprise",
-    inputs: [
-      { name: "nodes", type: "code", label: "Flow Nodes" },
-      { name: "edges", type: "code", label: "Flow Edges" },
-      { name: "title", type: "string", label: "Flow Title" },
-      { name: "readOnly", type: "boolean", label: "Read Only", defaultValue: !1 },
-      { name: "showToolbar", type: "boolean", label: "Show Toolbar", defaultValue: !0 },
-      { name: "showMinimap", type: "boolean", label: "Show Minimap", defaultValue: !1 },
-      { name: "showVersionHistory", type: "boolean", label: "Show Version History", defaultValue: !1 },
-      { name: "showExecutionOverlay", type: "boolean", label: "Show Execution Overlay", defaultValue: !1 },
-      { name: "concurrencyPolicy", type: "string", label: "Concurrency Policy" },
-      { name: "versionHistory", type: "code", label: "Version History" },
-      { name: "executionSteps", type: "code", label: "Execution Steps" }
-    ]
-  }
-);
-export {
-  qs as ApprovalProcess,
-  Js as AutomationBuilder,
-  et as AutomationRunHistory,
-  ht as FlowDesigner,
-  Ws as WorkflowDesigner
+var Ue = ({ node: e, isSelected: t, isConnectSource: n, connectMode: r, readOnly: i, showExecutionOverlay: a, onSelect: o, onDelete: s, onDragStart: c, onPortClick: l }) => {
+	let u = e.executionStatus, d = u ? Ne[u] : null;
+	return /* @__PURE__ */ (0, G.jsxs)("div", {
+		className: "absolute select-none",
+		style: {
+			left: e.position.x,
+			top: e.position.y
+		},
+		draggable: !i && !r,
+		onDragStart: (t) => c(t, e.id),
+		onClick: (t) => o(e.id, t.shiftKey),
+		role: "group",
+		"aria-label": e.label,
+		children: [
+			/* @__PURE__ */ (0, G.jsxs)("div", {
+				className: ke("flex items-center gap-2 border-2 rounded px-3 py-2 min-h-[52px] transition-shadow cursor-pointer", Me[e.type], t && "ring-2 ring-primary shadow-md", n && "ring-2 ring-blue-400 shadow-lg", r && !n && "cursor-crosshair", a && u === "running" && "ring-2 ring-blue-400", a && u === "failed" && "ring-2 ring-red-400", a && u === "completed" && "ring-2 ring-green-400"),
+				style: {
+					width: Q,
+					minHeight: Ae
+				},
+				children: [
+					/* @__PURE__ */ (0, G.jsx)("span", {
+						className: "shrink-0",
+						children: je[e.type]
+					}),
+					/* @__PURE__ */ (0, G.jsx)("span", {
+						className: "text-xs font-medium leading-tight flex-1 truncate",
+						children: e.label
+					}),
+					a && d && /* @__PURE__ */ (0, G.jsx)("span", {
+						className: ke("shrink-0", d.color),
+						children: d.icon
+					})
+				]
+			}),
+			!i && (t || r) && /* @__PURE__ */ (0, G.jsxs)(G.Fragment, { children: [/* @__PURE__ */ (0, G.jsx)("div", {
+				className: "absolute w-3 h-3 rounded-full bg-primary border-2 border-background shadow cursor-crosshair",
+				style: {
+					right: -6,
+					top: Ae / 2 - 6
+				},
+				title: "Connect from this node",
+				onClick: (t) => {
+					t.stopPropagation(), l(e.id);
+				}
+			}), /* @__PURE__ */ (0, G.jsx)("div", {
+				className: "absolute w-3 h-3 rounded-full bg-muted-foreground border-2 border-background shadow cursor-crosshair",
+				style: {
+					left: -6,
+					top: Ae / 2 - 6
+				},
+				title: "Connect to this node",
+				onClick: (t) => {
+					t.stopPropagation(), l(e.id);
+				}
+			})] }),
+			!i && t && !r && /* @__PURE__ */ (0, G.jsx)("button", {
+				className: "absolute -top-2 -right-2 p-0.5 rounded-full bg-destructive text-destructive-foreground shadow",
+				onClick: (t) => {
+					t.stopPropagation(), s(e.id);
+				},
+				"aria-label": `Delete node ${e.label}`,
+				children: /* @__PURE__ */ (0, G.jsx)(z, { className: "h-3 w-3" })
+			})
+		]
+	});
+}, We = ({ node: e, edge: t, readOnly: n, onNodeChange: r, onEdgeChange: i }) => !e && !t ? /* @__PURE__ */ (0, G.jsx)("div", {
+	className: "p-4 text-sm text-muted-foreground",
+	children: "Select a node or edge to edit its properties."
+}) : e ? /* @__PURE__ */ (0, G.jsxs)("div", {
+	className: "p-3 space-y-3 overflow-y-auto",
+	children: [
+		/* @__PURE__ */ (0, G.jsx)("p", {
+			className: "text-xs font-semibold text-muted-foreground uppercase tracking-wide",
+			children: "Node Properties"
+		}),
+		/* @__PURE__ */ (0, G.jsxs)("div", {
+			className: "space-y-1",
+			children: [/* @__PURE__ */ (0, G.jsx)(f, {
+				className: "text-xs",
+				children: "Label"
+			}), /* @__PURE__ */ (0, G.jsx)(d, {
+				value: e.label,
+				onChange: (t) => r({
+					...e,
+					label: t.target.value
+				}),
+				disabled: n,
+				className: "h-7 text-xs"
+			})]
+		}),
+		/* @__PURE__ */ (0, G.jsxs)("div", {
+			className: "space-y-1",
+			children: [/* @__PURE__ */ (0, G.jsx)(f, {
+				className: "text-xs",
+				children: "Type"
+			}), /* @__PURE__ */ (0, G.jsxs)(p, {
+				value: e.type,
+				onValueChange: (t) => r({
+					...e,
+					type: t
+				}),
+				disabled: n,
+				children: [/* @__PURE__ */ (0, G.jsx)(g, {
+					className: "h-7 text-xs",
+					children: /* @__PURE__ */ (0, G.jsx)(_, {})
+				}), /* @__PURE__ */ (0, G.jsx)(m, { children: Object.keys($).map((e) => /* @__PURE__ */ (0, G.jsx)(h, {
+					value: e,
+					className: "text-xs",
+					children: $[e]
+				}, e)) })]
+			})]
+		}),
+		/* @__PURE__ */ (0, G.jsxs)("div", {
+			className: "space-y-1",
+			children: [/* @__PURE__ */ (0, G.jsx)(f, {
+				className: "text-xs",
+				children: "Description"
+			}), /* @__PURE__ */ (0, G.jsx)(d, {
+				value: e.description ?? "",
+				onChange: (t) => r({
+					...e,
+					description: t.target.value
+				}),
+				disabled: n,
+				className: "h-7 text-xs",
+				placeholder: "Optional description"
+			})]
+		}),
+		[
+			"task",
+			"user_task",
+			"service_task",
+			"script_task",
+			"delay",
+			"webhook"
+		].includes(e.type) && /* @__PURE__ */ (0, G.jsxs)(G.Fragment, { children: [
+			/* @__PURE__ */ (0, G.jsx)(v, {}),
+			/* @__PURE__ */ (0, G.jsx)("p", {
+				className: "text-xs font-semibold text-muted-foreground uppercase tracking-wide",
+				children: "Executor"
+			}),
+			/* @__PURE__ */ (0, G.jsxs)("div", {
+				className: "space-y-1",
+				children: [/* @__PURE__ */ (0, G.jsx)(f, {
+					className: "text-xs",
+					children: "Executor Type"
+				}), /* @__PURE__ */ (0, G.jsx)(d, {
+					value: e.executor?.type ?? "",
+					onChange: (t) => r({
+						...e,
+						executor: {
+							...e.executor,
+							type: t.target.value
+						}
+					}),
+					disabled: n,
+					className: "h-7 text-xs",
+					placeholder: "e.g. http, script, email"
+				})]
+			}),
+			e.type === "delay" && /* @__PURE__ */ (0, G.jsxs)("div", {
+				className: "space-y-1",
+				children: [/* @__PURE__ */ (0, G.jsx)(f, {
+					className: "text-xs",
+					children: "Wait Event Type"
+				}), /* @__PURE__ */ (0, G.jsxs)(p, {
+					value: e.executor?.waitEventConfig?.eventType ?? "timer",
+					onValueChange: (t) => r({
+						...e,
+						executor: {
+							...e.executor,
+							type: e.executor?.type ?? "wait",
+							waitEventConfig: {
+								...e.executor?.waitEventConfig,
+								eventType: t
+							}
+						}
+					}),
+					disabled: n,
+					children: [/* @__PURE__ */ (0, G.jsx)(g, {
+						className: "h-7 text-xs",
+						children: /* @__PURE__ */ (0, G.jsx)(_, {})
+					}), /* @__PURE__ */ (0, G.jsx)(m, { children: Object.keys(Ie).map((e) => /* @__PURE__ */ (0, G.jsx)(h, {
+						value: e,
+						className: "text-xs",
+						children: Ie[e]
+					}, e)) })]
+				})]
+			}),
+			/* @__PURE__ */ (0, G.jsxs)("div", {
+				className: "space-y-1",
+				children: [/* @__PURE__ */ (0, G.jsx)(f, {
+					className: "text-xs",
+					children: "Timeout (ms)"
+				}), /* @__PURE__ */ (0, G.jsx)(d, {
+					type: "number",
+					value: e.executor?.timeoutMs ?? "",
+					onChange: (t) => r({
+						...e,
+						executor: {
+							...e.executor,
+							type: e.executor?.type ?? "",
+							timeoutMs: t.target.value ? Number(t.target.value) : void 0
+						}
+					}),
+					disabled: n,
+					className: "h-7 text-xs",
+					placeholder: "e.g. 30000"
+				})]
+			})
+		] }),
+		e.type === "boundary_event" && /* @__PURE__ */ (0, G.jsxs)(G.Fragment, { children: [
+			/* @__PURE__ */ (0, G.jsx)(v, {}),
+			/* @__PURE__ */ (0, G.jsx)("p", {
+				className: "text-xs font-semibold text-muted-foreground uppercase tracking-wide",
+				children: "Boundary Config"
+			}),
+			/* @__PURE__ */ (0, G.jsxs)("div", {
+				className: "space-y-1",
+				children: [/* @__PURE__ */ (0, G.jsx)(f, {
+					className: "text-xs",
+					children: "Attached To Node ID"
+				}), /* @__PURE__ */ (0, G.jsx)(d, {
+					value: e.boundaryConfig?.attachedToNodeId ?? "",
+					onChange: (t) => r({
+						...e,
+						boundaryConfig: {
+							...e.boundaryConfig,
+							attachedToNodeId: t.target.value,
+							eventType: e.boundaryConfig?.eventType ?? "error"
+						}
+					}),
+					disabled: n,
+					className: "h-7 text-xs",
+					placeholder: "Host node id"
+				})]
+			}),
+			/* @__PURE__ */ (0, G.jsxs)("div", {
+				className: "space-y-1",
+				children: [/* @__PURE__ */ (0, G.jsx)(f, {
+					className: "text-xs",
+					children: "Event Type"
+				}), /* @__PURE__ */ (0, G.jsxs)(p, {
+					value: e.boundaryConfig?.eventType ?? "error",
+					onValueChange: (t) => r({
+						...e,
+						boundaryConfig: {
+							...e.boundaryConfig,
+							attachedToNodeId: e.boundaryConfig?.attachedToNodeId ?? "",
+							eventType: t
+						}
+					}),
+					disabled: n,
+					children: [/* @__PURE__ */ (0, G.jsx)(g, {
+						className: "h-7 text-xs",
+						children: /* @__PURE__ */ (0, G.jsx)(_, {})
+					}), /* @__PURE__ */ (0, G.jsx)(m, { children: [
+						"error",
+						"timer",
+						"message",
+						"signal",
+						"compensation"
+					].map((e) => /* @__PURE__ */ (0, G.jsx)(h, {
+						value: e,
+						className: "text-xs capitalize",
+						children: e
+					}, e)) })]
+				})]
+			})
+		] })
+	]
+}) : t ? /* @__PURE__ */ (0, G.jsxs)("div", {
+	className: "p-3 space-y-3 overflow-y-auto",
+	children: [
+		/* @__PURE__ */ (0, G.jsx)("p", {
+			className: "text-xs font-semibold text-muted-foreground uppercase tracking-wide",
+			children: "Edge Properties"
+		}),
+		/* @__PURE__ */ (0, G.jsxs)("div", {
+			className: "space-y-1",
+			children: [/* @__PURE__ */ (0, G.jsx)(f, {
+				className: "text-xs",
+				children: "Label"
+			}), /* @__PURE__ */ (0, G.jsx)(d, {
+				value: t.label ?? "",
+				onChange: (e) => i({
+					...t,
+					label: e.target.value
+				}),
+				disabled: n,
+				className: "h-7 text-xs"
+			})]
+		}),
+		/* @__PURE__ */ (0, G.jsxs)("div", {
+			className: "space-y-1",
+			children: [/* @__PURE__ */ (0, G.jsx)(f, {
+				className: "text-xs",
+				children: "Type"
+			}), /* @__PURE__ */ (0, G.jsxs)(p, {
+				value: t.type ?? "default",
+				onValueChange: (e) => i({
+					...t,
+					type: e
+				}),
+				disabled: n,
+				children: [/* @__PURE__ */ (0, G.jsx)(g, {
+					className: "h-7 text-xs",
+					children: /* @__PURE__ */ (0, G.jsx)(_, {})
+				}), /* @__PURE__ */ (0, G.jsxs)(m, { children: [
+					/* @__PURE__ */ (0, G.jsx)(h, {
+						value: "default",
+						className: "text-xs",
+						children: "Default"
+					}),
+					/* @__PURE__ */ (0, G.jsx)(h, {
+						value: "conditional",
+						className: "text-xs",
+						children: "Conditional"
+					}),
+					/* @__PURE__ */ (0, G.jsx)(h, {
+						value: "timeout",
+						className: "text-xs",
+						children: "Timeout"
+					})
+				] })]
+			})]
+		}),
+		t.type === "conditional" && /* @__PURE__ */ (0, G.jsxs)("div", {
+			className: "space-y-1",
+			children: [/* @__PURE__ */ (0, G.jsx)(f, {
+				className: "text-xs",
+				children: "Condition Expression"
+			}), /* @__PURE__ */ (0, G.jsx)(d, {
+				value: t.condition ?? "",
+				onChange: (e) => i({
+					...t,
+					condition: e.target.value
+				}),
+				disabled: n,
+				className: "h-7 text-xs font-mono",
+				placeholder: "e.g. status === 'approved'"
+			})]
+		}),
+		/* @__PURE__ */ (0, G.jsxs)("div", {
+			className: "flex items-center gap-2",
+			children: [/* @__PURE__ */ (0, G.jsx)("input", {
+				type: "checkbox",
+				id: "edge-isDefault",
+				checked: t.isDefault ?? !1,
+				onChange: (e) => i({
+					...t,
+					isDefault: e.target.checked
+				}),
+				disabled: n,
+				className: "h-3.5 w-3.5"
+			}), /* @__PURE__ */ (0, G.jsx)(f, {
+				htmlFor: "edge-isDefault",
+				className: "text-xs",
+				children: "Default edge (isDefault)"
+			})]
+		})
+	]
+}) : null, Ge = ({ versions: e }) => /* @__PURE__ */ (0, G.jsxs)("div", {
+	className: "p-3 space-y-2",
+	children: [
+		/* @__PURE__ */ (0, G.jsx)("p", {
+			className: "text-xs font-semibold text-muted-foreground uppercase tracking-wide",
+			children: "Version History"
+		}),
+		e.length === 0 && /* @__PURE__ */ (0, G.jsx)("p", {
+			className: "text-xs text-muted-foreground",
+			children: "No version history available."
+		}),
+		/* @__PURE__ */ (0, G.jsx)("div", {
+			className: "space-y-1.5",
+			children: e.map((e) => /* @__PURE__ */ (0, G.jsxs)("div", {
+				className: ke("rounded border p-2 text-xs", e.isCurrent ? "border-primary bg-primary/5" : "border-border bg-muted/30"),
+				children: [
+					/* @__PURE__ */ (0, G.jsxs)("div", {
+						className: "flex items-center justify-between",
+						children: [/* @__PURE__ */ (0, G.jsxs)("span", {
+							className: "font-medium",
+							children: ["v", e.version]
+						}), e.isCurrent && /* @__PURE__ */ (0, G.jsx)(a, {
+							variant: "default",
+							className: "text-[10px] h-4",
+							children: "Current"
+						})]
+					}),
+					e.changeNote && /* @__PURE__ */ (0, G.jsx)("p", {
+						className: "text-muted-foreground mt-0.5",
+						children: e.changeNote
+					}),
+					/* @__PURE__ */ (0, G.jsxs)("p", {
+						className: "text-muted-foreground mt-0.5",
+						children: [e.author && /* @__PURE__ */ (0, G.jsxs)(G.Fragment, { children: [e.author, " · "] }), new Date(e.createdAt).toLocaleDateString()]
+					})
+				]
+			}, e.version))
+		})
+	]
+}), Ke = ({ schema: e, onSave: f }) => {
+	let { readOnly: p = !1, showToolbar: m = !0, showMinimap: h = !1, showVersionHistory: g = !1, showExecutionOverlay: _ = !1, executionSteps: y = [], versionHistory: b = [], concurrencyPolicy: x, title: S = "New Flow", description: C = "", status: w = "draft" } = e, [T, E] = i(S), [D, O] = i(C), { current: k, push: A, undo: j, redo: M, canUndo: re, canRedo: ie } = ze({
+		nodes: e.nodes ?? Le(),
+		edges: e.edges ?? Re()
+	}), N = k.nodes, P = k.edges, [F, I] = i(null), [L, R] = i(null), [z, B] = i(!1), [V, H] = i(null), [he, ge] = i(!0), [U, _e] = i(g), [W, ve] = i(null), [K, ye] = i(1), q = r(null), be = n(() => N.find((e) => e.id === F) ?? null, [N, F]), xe = n(() => P.find((e) => e.id === L) ?? null, [P, L]), J = n(() => {
+		if (!_ || y.length === 0) return N;
+		let e = new Map(y.map((e) => [e.nodeId, e.status]));
+		return N.map((t) => e.has(t.id) ? {
+			...t,
+			executionStatus: e.get(t.id)
+		} : t);
+	}, [
+		N,
+		_,
+		y
+	]), Se = t((e) => {
+		if (p) return;
+		let t = {
+			id: `${e}-${Date.now()}`,
+			type: e,
+			label: $[e],
+			position: {
+				x: 200,
+				y: 80 + N.length * 70
+			}
+		};
+		A({
+			nodes: [...N, t],
+			edges: P
+		});
+	}, [
+		p,
+		N,
+		P,
+		A
+	]), Ce = t((e) => {
+		p || (A({
+			nodes: N.filter((t) => t.id !== e),
+			edges: P.filter((t) => t.source !== e && t.target !== e)
+		}), F === e && I(null));
+	}, [
+		p,
+		N,
+		P,
+		A,
+		F
+	]), we = t((e) => {
+		p || A({
+			nodes: N.map((t) => t.id === e.id ? e : t),
+			edges: P
+		});
+	}, [
+		p,
+		N,
+		P,
+		A
+	]), Te = t((e) => {
+		p || (A({
+			nodes: N,
+			edges: P.filter((t) => t.id !== e)
+		}), L === e && R(null));
+	}, [
+		p,
+		N,
+		P,
+		A,
+		L
+	]), Y = t((e) => {
+		p || A({
+			nodes: N,
+			edges: P.map((t) => t.id === e.id ? e : t)
+		});
+	}, [
+		p,
+		N,
+		P,
+		A
+	]), Ee = t((e) => {
+		if (!p) {
+			if (!z) {
+				B(!0), H(e);
+				return;
+			}
+			if (V && V !== e) {
+				let t = {
+					id: `edge-${Date.now()}`,
+					source: V,
+					target: e
+				};
+				A({
+					nodes: N,
+					edges: [...P, t]
+				});
+			}
+			B(!1), H(null);
+		}
+	}, [
+		p,
+		z,
+		V,
+		N,
+		P,
+		A
+	]), X = r(null), Z = r(null), De = t((e, t) => {
+		X.current = t;
+		let n = N.find((e) => e.id === t);
+		n && (Z.current = {
+			mouseX: e.clientX,
+			mouseY: e.clientY,
+			nodeX: n.position.x,
+			nodeY: n.position.y
+		}), e.dataTransfer.effectAllowed = "move";
+	}, [N]), Oe = t((e) => {
+		if (e.preventDefault(), !X.current || !Z.current || !q.current) return;
+		q.current.getBoundingClientRect();
+		let t = (e.clientX - Z.current.mouseX) / K, n = (e.clientY - Z.current.mouseY) / K, r = Math.max(0, Z.current.nodeX + t), i = Math.max(0, Z.current.nodeY + n), a = X.current;
+		A({
+			nodes: N.map((e) => e.id === a ? {
+				...e,
+				position: {
+					x: r,
+					y: i
+				}
+			} : e),
+			edges: P
+		}), X.current = null, Z.current = null;
+	}, [
+		N,
+		P,
+		A,
+		K
+	]), ke = t(() => {
+		let e = Be(N, P, T);
+		ve(e);
+		let t = new Blob([e.bpmnXml ?? ""], { type: "application/xml" }), n = URL.createObjectURL(t), r = document.createElement("a");
+		r.href = n, r.download = `${T.replace(/\s+/g, "-").toLowerCase()}.bpmn`, r.click(), URL.revokeObjectURL(n);
+	}, [
+		N,
+		P,
+		T
+	]), Q = t(() => {
+		f?.(N, P);
+	}, [
+		N,
+		P,
+		f
+	]);
+	return /* @__PURE__ */ (0, G.jsxs)(s, {
+		className: "flex flex-col h-full min-h-[600px] outline-none",
+		tabIndex: 0,
+		onKeyDown: t((e) => {
+			let t = e.ctrlKey || e.metaKey;
+			if (t && e.key === "z" && !e.shiftKey) {
+				e.preventDefault(), j();
+				return;
+			}
+			if (t && (e.key === "y" || e.key === "z" && e.shiftKey)) {
+				e.preventDefault(), M();
+				return;
+			}
+			if (t && e.key === "s") {
+				e.preventDefault(), Q();
+				return;
+			}
+			e.key === "Escape" && (B(!1), H(null), I(null), R(null)), (e.key === "Delete" || e.key === "Backspace") && (F ? Ce(F) : L && Te(L));
+		}, [
+			j,
+			M,
+			Q,
+			F,
+			L,
+			Ce,
+			Te
+		]),
+		children: [/* @__PURE__ */ (0, G.jsx)(l, {
+			className: "py-2 px-4 border-b flex-shrink-0",
+			children: /* @__PURE__ */ (0, G.jsxs)("div", {
+				className: "flex items-center gap-3 flex-wrap",
+				children: [
+					/* @__PURE__ */ (0, G.jsx)(fe, { className: "h-4 w-4 text-primary shrink-0" }),
+					/* @__PURE__ */ (0, G.jsx)(u, {
+						className: "text-sm font-semibold",
+						children: p ? /* @__PURE__ */ (0, G.jsx)("span", { children: T }) : /* @__PURE__ */ (0, G.jsx)(d, {
+							value: T,
+							onChange: (e) => E(e.target.value),
+							className: "h-6 text-sm font-semibold border-0 p-0 focus-visible:ring-0 bg-transparent",
+							"aria-label": "Flow title"
+						})
+					}),
+					/* @__PURE__ */ (0, G.jsx)(a, {
+						variant: "outline",
+						className: "text-xs capitalize",
+						children: w
+					}),
+					x && /* @__PURE__ */ (0, G.jsx)(a, {
+						variant: "secondary",
+						className: "text-xs",
+						children: Fe[x]
+					}),
+					/* @__PURE__ */ (0, G.jsxs)("div", {
+						className: "ml-auto flex items-center gap-1",
+						children: [
+							!p && /* @__PURE__ */ (0, G.jsxs)(G.Fragment, { children: [
+								/* @__PURE__ */ (0, G.jsx)(o, {
+									size: "icon",
+									variant: "ghost",
+									className: "h-7 w-7",
+									onClick: j,
+									disabled: !re,
+									title: "Undo (Ctrl+Z)",
+									children: /* @__PURE__ */ (0, G.jsx)(ue, { className: "h-4 w-4" })
+								}),
+								/* @__PURE__ */ (0, G.jsx)(o, {
+									size: "icon",
+									variant: "ghost",
+									className: "h-7 w-7",
+									onClick: M,
+									disabled: !ie,
+									title: "Redo (Ctrl+Y)",
+									children: /* @__PURE__ */ (0, G.jsx)(se, { className: "h-4 w-4" })
+								}),
+								/* @__PURE__ */ (0, G.jsx)(v, {
+									orientation: "vertical",
+									className: "h-5 mx-1"
+								})
+							] }),
+							/* @__PURE__ */ (0, G.jsx)(o, {
+								size: "icon",
+								variant: "ghost",
+								className: "h-7 w-7",
+								onClick: () => ye((e) => Math.min(2, e + .1)),
+								title: "Zoom in",
+								children: /* @__PURE__ */ (0, G.jsx)(pe, { className: "h-4 w-4" })
+							}),
+							/* @__PURE__ */ (0, G.jsx)(o, {
+								size: "icon",
+								variant: "ghost",
+								className: "h-7 w-7",
+								onClick: () => ye(1),
+								title: "Reset zoom",
+								children: /* @__PURE__ */ (0, G.jsx)(ce, { className: "h-4 w-4" })
+							}),
+							/* @__PURE__ */ (0, G.jsx)(o, {
+								size: "icon",
+								variant: "ghost",
+								className: "h-7 w-7",
+								onClick: () => ye((e) => Math.max(.3, e - .1)),
+								title: "Zoom out",
+								children: /* @__PURE__ */ (0, G.jsx)(me, { className: "h-4 w-4" })
+							}),
+							/* @__PURE__ */ (0, G.jsx)(v, {
+								orientation: "vertical",
+								className: "h-5 mx-1"
+							}),
+							b.length > 0 && /* @__PURE__ */ (0, G.jsx)(o, {
+								size: "icon",
+								variant: U ? "secondary" : "ghost",
+								className: "h-7 w-7",
+								onClick: () => _e((e) => !e),
+								title: "Version history",
+								children: /* @__PURE__ */ (0, G.jsx)(te, { className: "h-4 w-4" })
+							}),
+							/* @__PURE__ */ (0, G.jsx)(o, {
+								size: "icon",
+								variant: "ghost",
+								className: "h-7 w-7",
+								onClick: ke,
+								title: "Export BPMN",
+								children: /* @__PURE__ */ (0, G.jsx)(ee, { className: "h-4 w-4" })
+							}),
+							!p && /* @__PURE__ */ (0, G.jsxs)(G.Fragment, { children: [/* @__PURE__ */ (0, G.jsx)(o, {
+								size: "icon",
+								variant: "ghost",
+								className: "h-7 w-7",
+								title: "Import BPMN (drag & drop)",
+								children: /* @__PURE__ */ (0, G.jsx)(de, { className: "h-4 w-4" })
+							}), /* @__PURE__ */ (0, G.jsxs)(o, {
+								size: "sm",
+								variant: "default",
+								className: "h-7 text-xs gap-1",
+								onClick: Q,
+								title: "Save (Ctrl+S)",
+								children: [/* @__PURE__ */ (0, G.jsx)(le, { className: "h-3.5 w-3.5" }), " Save"]
+							})] }),
+							/* @__PURE__ */ (0, G.jsx)(o, {
+								size: "icon",
+								variant: "ghost",
+								className: "h-7 w-7",
+								onClick: () => ge((e) => !e),
+								title: he ? "Hide properties" : "Show properties",
+								children: he ? /* @__PURE__ */ (0, G.jsx)(ae, { className: "h-4 w-4" }) : /* @__PURE__ */ (0, G.jsx)(oe, { className: "h-4 w-4" })
+							})
+						]
+					})
+				]
+			})
+		}), /* @__PURE__ */ (0, G.jsxs)(c, {
+			className: "flex flex-1 p-0 overflow-hidden",
+			children: [
+				m && !p && /* @__PURE__ */ (0, G.jsxs)("div", {
+					className: "w-36 border-r bg-muted/30 flex-shrink-0 overflow-y-auto py-2 px-2",
+					children: [
+						/* @__PURE__ */ (0, G.jsx)("p", {
+							className: "text-[10px] font-semibold text-muted-foreground uppercase tracking-wide mb-2 px-1",
+							children: "Add Node"
+						}),
+						/* @__PURE__ */ (0, G.jsx)("div", {
+							className: "space-y-1",
+							children: Pe.map((e) => /* @__PURE__ */ (0, G.jsxs)("button", {
+								className: "w-full flex items-center gap-2 text-xs px-2 py-1.5 rounded hover:bg-muted transition-colors text-left",
+								onClick: () => Se(e),
+								title: `Add ${$[e]}`,
+								children: [je[e], /* @__PURE__ */ (0, G.jsx)("span", {
+									className: "truncate",
+									children: $[e]
+								})]
+							}, e))
+						}),
+						z && /* @__PURE__ */ (0, G.jsxs)(G.Fragment, { children: [/* @__PURE__ */ (0, G.jsx)(v, { className: "my-2" }), /* @__PURE__ */ (0, G.jsxs)("div", {
+							className: "px-1",
+							children: [
+								/* @__PURE__ */ (0, G.jsx)("p", {
+									className: "text-[10px] text-blue-600 font-medium",
+									children: "Connect mode"
+								}),
+								/* @__PURE__ */ (0, G.jsx)("p", {
+									className: "text-[10px] text-muted-foreground",
+									children: "Click a target node port to connect."
+								}),
+								/* @__PURE__ */ (0, G.jsx)(o, {
+									size: "sm",
+									variant: "outline",
+									className: "h-6 text-xs mt-1 w-full",
+									onClick: () => {
+										B(!1), H(null);
+									},
+									children: "Cancel"
+								})
+							]
+						})] })
+					]
+				}),
+				/* @__PURE__ */ (0, G.jsx)("div", {
+					className: "flex-1 overflow-auto relative bg-dot-pattern",
+					children: /* @__PURE__ */ (0, G.jsxs)("div", {
+						ref: q,
+						className: "relative",
+						style: {
+							width: 1200,
+							height: 700,
+							transform: `scale(${K})`,
+							transformOrigin: "top left"
+						},
+						onDrop: Oe,
+						onDragOver: (e) => e.preventDefault(),
+						onClick: (e) => {
+							e.target === q.current && (I(null), R(null));
+						},
+						children: [
+							/* @__PURE__ */ (0, G.jsxs)("svg", {
+								className: "absolute inset-0 pointer-events-none",
+								width: 1200,
+								height: 700,
+								style: { overflow: "visible" },
+								children: [/* @__PURE__ */ (0, G.jsxs)("defs", { children: [
+									/* @__PURE__ */ (0, G.jsx)("marker", {
+										id: "fd-arrowhead",
+										markerWidth: "10",
+										markerHeight: "7",
+										refX: "9",
+										refY: "3.5",
+										orient: "auto",
+										children: /* @__PURE__ */ (0, G.jsx)("polygon", {
+											points: "0 0, 10 3.5, 0 7",
+											fill: "hsl(var(--foreground) / 0.5)"
+										})
+									}),
+									/* @__PURE__ */ (0, G.jsx)("marker", {
+										id: "fd-arrowhead-selected",
+										markerWidth: "10",
+										markerHeight: "7",
+										refX: "9",
+										refY: "3.5",
+										orient: "auto",
+										children: /* @__PURE__ */ (0, G.jsx)("polygon", {
+											points: "0 0, 10 3.5, 0 7",
+											fill: "hsl(var(--primary))"
+										})
+									}),
+									/* @__PURE__ */ (0, G.jsx)("marker", {
+										id: "fd-arrowhead-conditional",
+										markerWidth: "10",
+										markerHeight: "7",
+										refX: "9",
+										refY: "3.5",
+										orient: "auto",
+										children: /* @__PURE__ */ (0, G.jsx)("polygon", {
+											points: "0 0, 10 3.5, 0 7",
+											fill: "hsl(var(--foreground) / 0.6)"
+										})
+									})
+								] }), P.map((e) => {
+									let t = J.find((t) => t.id === e.source), n = J.find((t) => t.id === e.target);
+									if (!t || !n) return null;
+									let { d: r, labelX: i, labelY: a } = He(t, n), o = e.id === L, s = e.type === "conditional", c = e.isDefault;
+									return /* @__PURE__ */ (0, G.jsxs)("g", {
+										className: "pointer-events-auto cursor-pointer",
+										onClick: (t) => {
+											t.stopPropagation(), R(e.id), I(null);
+										},
+										children: [
+											/* @__PURE__ */ (0, G.jsx)("path", {
+												d: r,
+												fill: "none",
+												stroke: o ? "hsl(var(--primary))" : s ? "hsl(var(--foreground) / 0.6)" : "hsl(var(--foreground) / 0.4)",
+												strokeWidth: o ? 2.5 : 2,
+												strokeDasharray: s ? "6 3" : c ? "3 3" : void 0,
+												markerEnd: `url(#fd-arrowhead${o ? "-selected" : s ? "-conditional" : ""})`
+											}),
+											(e.label || c) && /* @__PURE__ */ (0, G.jsx)("text", {
+												x: i,
+												y: a,
+												textAnchor: "middle",
+												className: "text-[10px] fill-muted-foreground",
+												style: { fontSize: 10 },
+												children: e.label ?? (c ? "(default)" : "")
+											}),
+											e.condition && /* @__PURE__ */ (0, G.jsx)("text", {
+												x: i,
+												y: a + 12,
+												textAnchor: "middle",
+												className: "text-[9px] fill-orange-500",
+												style: { fontSize: 9 },
+												children: e.condition.length > 24 ? e.condition.slice(0, 24) + "…" : e.condition
+											}),
+											/* @__PURE__ */ (0, G.jsx)("path", {
+												d: r,
+												fill: "none",
+												stroke: "transparent",
+												strokeWidth: 12
+											})
+										]
+									}, e.id);
+								})]
+							}),
+							J.map((e) => /* @__PURE__ */ (0, G.jsx)(Ue, {
+								node: e,
+								isSelected: F === e.id,
+								isConnectSource: V === e.id,
+								connectMode: z,
+								readOnly: p,
+								showExecutionOverlay: _,
+								onSelect: (e, t) => {
+									t || R(null), I(e);
+								},
+								onDelete: Ce,
+								onDragStart: De,
+								onPortClick: Ee
+							}, e.id)),
+							z && V && /* @__PURE__ */ (0, G.jsxs)("div", {
+								className: "absolute bottom-4 left-1/2 -translate-x-1/2 bg-blue-600 text-white text-xs px-3 py-1.5 rounded shadow-lg pointer-events-none",
+								children: [/* @__PURE__ */ (0, G.jsx)(ne, { className: "h-3 w-3 inline mr-1" }), "Click a node port to complete the connection — Esc to cancel"]
+							}),
+							N.length === 0 && /* @__PURE__ */ (0, G.jsx)("div", {
+								className: "absolute inset-0 flex items-center justify-center text-muted-foreground text-sm",
+								children: "No nodes yet. Use the toolbar to add nodes."
+							})
+						]
+					})
+				}),
+				U && b.length > 0 && /* @__PURE__ */ (0, G.jsx)("div", {
+					className: "w-48 border-l bg-background flex-shrink-0 overflow-y-auto",
+					children: /* @__PURE__ */ (0, G.jsx)(Ge, { versions: b })
+				}),
+				he && /* @__PURE__ */ (0, G.jsxs)("div", {
+					className: "w-52 border-l bg-background flex-shrink-0 overflow-y-auto",
+					children: [/* @__PURE__ */ (0, G.jsx)(We, {
+						node: be,
+						edge: xe,
+						readOnly: p,
+						onNodeChange: we,
+						onEdgeChange: Y
+					}), W && /* @__PURE__ */ (0, G.jsxs)("div", {
+						className: "p-3 border-t",
+						children: [
+							/* @__PURE__ */ (0, G.jsx)("p", {
+								className: "text-[10px] font-semibold text-muted-foreground uppercase tracking-wide mb-1",
+								children: "BPMN Export"
+							}),
+							/* @__PURE__ */ (0, G.jsx)(a, {
+								variant: W.success ? "default" : "destructive",
+								className: "text-[10px]",
+								children: W.success ? `Exported ${W.nodeCount} nodes` : "Export failed"
+							}),
+							W.warnings?.map((e, t) => /* @__PURE__ */ (0, G.jsx)("p", {
+								className: "text-[10px] text-amber-600 mt-0.5",
+								children: e
+							}, t))
+						]
+					})]
+				})
+			]
+		})]
+	});
 };
+e.register("workflow-designer", be, {
+	label: "Workflow Designer",
+	category: "Enterprise",
+	inputs: [
+		{
+			name: "workflow",
+			type: "code",
+			label: "Initial Workflow Definition"
+		},
+		{
+			name: "readOnly",
+			type: "boolean",
+			label: "Read Only",
+			defaultValue: !1
+		},
+		{
+			name: "showToolbar",
+			type: "boolean",
+			label: "Show Toolbar",
+			defaultValue: !0
+		},
+		{
+			name: "showMinimap",
+			type: "boolean",
+			label: "Show Minimap",
+			defaultValue: !1
+		}
+	]
+}), e.register("approval-process", xe, {
+	label: "Approval Process",
+	category: "Enterprise",
+	inputs: [
+		{
+			name: "workflowId",
+			type: "string",
+			label: "Workflow ID"
+		},
+		{
+			name: "instanceId",
+			type: "string",
+			label: "Instance ID"
+		},
+		{
+			name: "currentNodeId",
+			type: "string",
+			label: "Current Node ID"
+		},
+		{
+			name: "approvalRule",
+			type: "code",
+			label: "Approval Rule"
+		},
+		{
+			name: "history",
+			type: "code",
+			label: "History"
+		},
+		{
+			name: "showHistory",
+			type: "boolean",
+			label: "Show History",
+			defaultValue: !0
+		},
+		{
+			name: "showComments",
+			type: "boolean",
+			label: "Show Comments",
+			defaultValue: !0
+		}
+	]
+}), e.register("automation-builder", Ee, {
+	label: "Automation Builder",
+	category: "Enterprise",
+	inputs: [{
+		name: "automation",
+		type: "code",
+		label: "Automation Definition"
+	}, {
+		name: "objects",
+		type: "code",
+		label: "Available Objects"
+	}]
+}), e.register("automation-run-history", Oe, {
+	label: "Automation Run History",
+	category: "Enterprise",
+	inputs: [{
+		name: "runs",
+		type: "code",
+		label: "Run History"
+	}]
+}), e.register("flow-designer", Ke, {
+	label: "Flow Designer",
+	category: "Enterprise",
+	inputs: [
+		{
+			name: "nodes",
+			type: "code",
+			label: "Flow Nodes"
+		},
+		{
+			name: "edges",
+			type: "code",
+			label: "Flow Edges"
+		},
+		{
+			name: "title",
+			type: "string",
+			label: "Flow Title"
+		},
+		{
+			name: "readOnly",
+			type: "boolean",
+			label: "Read Only",
+			defaultValue: !1
+		},
+		{
+			name: "showToolbar",
+			type: "boolean",
+			label: "Show Toolbar",
+			defaultValue: !0
+		},
+		{
+			name: "showMinimap",
+			type: "boolean",
+			label: "Show Minimap",
+			defaultValue: !1
+		},
+		{
+			name: "showVersionHistory",
+			type: "boolean",
+			label: "Show Version History",
+			defaultValue: !1
+		},
+		{
+			name: "showExecutionOverlay",
+			type: "boolean",
+			label: "Show Execution Overlay",
+			defaultValue: !1
+		},
+		{
+			name: "concurrencyPolicy",
+			type: "string",
+			label: "Concurrency Policy"
+		},
+		{
+			name: "versionHistory",
+			type: "code",
+			label: "Version History"
+		},
+		{
+			name: "executionSteps",
+			type: "code",
+			label: "Execution Steps"
+		}
+	]
+});
+//#endregion
+export { xe as ApprovalProcess, Ee as AutomationBuilder, Oe as AutomationRunHistory, Ke as FlowDesigner, be as WorkflowDesigner };