@object-ui/plugin-workflow 3.0.3 → 3.1.1

package/dist/index.js

@@ -1,151 +1,153 @@
-import { ComponentRegistry as ie } from "@object-ui/core";
-import ge, { useState as $, useMemo as je, useCallback as P } from "react";
-import { Input as C, Badge as N, Button as R, Card as S, CardHeader as Y, CardTitle as W, CardContent as A, Label as b } from "@object-ui/components";
-import { Save as ve, Play as ce, GitBranch as de, Trash2 as ae, ArrowRight as ue, Plus as be, Settings as Ne, Code as ye, Bell as we, Clock as me, Users as Ee, Circle as ke, CheckCircle as Re, MessageSquare as _e, Check as Te, X as Ce, RefreshCw as Se, User as Ae } from "lucide-react";
-var z = { exports: {} }, I = {};
-var le;
-function Oe() {
-  if (le) return I;
-  le = 1;
-  var f = /* @__PURE__ */ Symbol.for("react.transitional.element"), y = /* @__PURE__ */ Symbol.for("react.fragment");
-  function l(j, a, d) {
-    var h = null;
-    if (d !== void 0 && (h = "" + d), a.key !== void 0 && (h = "" + a.key), "key" in a) {
-      d = {};
-      for (var g in a)
-        g !== "key" && (d[g] = a[g]);
-    } else d = a;
-    return a = d.ref, {
-      $$typeof: f,
-      type: j,
-      key: h,
-      ref: a !== void 0 ? a : null,
-      props: d
+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 I.Fragment = y, I.jsx = l, I.jsxs = l, I;
+  return je.Fragment = c, je.jsx = a, je.jsxs = a, je;
 }
-var D = {};
-var ne;
-function Pe() {
-  return ne || (ne = 1, process.env.NODE_ENV !== "production" && (function() {
-    function f(s) {
+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 === pe ? null : s.displayName || s.name || null;
+        return s.$$typeof === G ? null : s.displayName || s.name || null;
       if (typeof s == "string") return s;
       switch (s) {
-        case O:
+        case i:
           return "Fragment";
-        case F:
+        case R:
           return "Profiler";
-        case V:
+        case b:
           return "StrictMode";
-        case x:
+        case P:
           return "Suspense";
-        case p:
+        case M:
           return "SuspenseList";
-        case xe:
+        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 L:
+          case de:
             return "Portal";
           case r:
             return s.displayName || "Context";
-          case q:
+          case C:
             return (s._context.displayName || "Context") + ".Consumer";
-          case n:
-            var t = s.render;
-            return s = s.displayName, s || (s = t.displayName || t.name || "", s = s !== "" ? "ForwardRef(" + s + ")" : "ForwardRef"), s;
-          case M:
-            return t = s.displayName || null, t !== null ? t : f(s.type) || "Memo";
-          case B:
-            t = s._payload, s = s._init;
+          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 f(s(t));
+              return n(s(x));
             } catch {
             }
         }
       return null;
     }
-    function y(s) {
+    function c(s) {
       return "" + s;
     }
-    function l(s) {
+    function a(s) {
       try {
-        y(s);
-        var t = !1;
+        c(s);
+        var x = !1;
       } catch {
-        t = !0;
+        x = !0;
       }
-      if (t) {
-        t = console;
-        var c = t.error, u = typeof Symbol == "function" && Symbol.toStringTag && s[Symbol.toStringTag] || s.constructor.name || "Object";
-        return c.call(
-          t,
+      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.",
-          u
-        ), y(s);
+          A
+        ), c(s);
       }
     }
-    function j(s) {
-      if (s === O) return "<>";
-      if (typeof s == "object" && s !== null && s.$$typeof === B)
+    function d(s) {
+      if (s === i) return "<>";
+      if (typeof s == "object" && s !== null && s.$$typeof === N)
         return "<...>";
       try {
-        var t = f(s);
-        return t ? "<" + t + ">" : "<...>";
+        var x = n(s);
+        return x ? "<" + x + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
-    function a() {
-      var s = G.A;
+    function o() {
+      var s = K.A;
       return s === null ? null : s.getOwner();
     }
-    function d() {
+    function t() {
       return Error("react-stack-top-frame");
     }
-    function h(s) {
-      if (Z.call(s, "key")) {
-        var t = Object.getOwnPropertyDescriptor(s, "key").get;
-        if (t && t.isReactWarning) return !1;
+    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, t) {
-      function c() {
-        K || (K = !0, console.error(
+    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)",
-          t
+          x
         ));
       }
-      c.isReactWarning = !0, Object.defineProperty(s, "key", {
-        get: c,
+      y.isReactWarning = !0, Object.defineProperty(s, "key", {
+        get: y,
         configurable: !0
       });
     }
-    function _() {
-      var s = f(this.type);
+    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 w(s, t, c, u, U, J) {
-      var m = c.ref;
+    function O(s, x, y, A, se, ne) {
+      var w = y.ref;
       return s = {
-        $$typeof: k,
+        $$typeof: L,
         type: s,
-        key: t,
-        props: c,
-        _owner: u
-      }, (m !== void 0 ? m : null) !== null ? Object.defineProperty(s, "ref", {
+        key: x,
+        props: y,
+        _owner: A
+      }, (w !== void 0 ? w : null) !== null ? Object.defineProperty(s, "ref", {
         enumerable: !1,
-        get: _
+        get: F
       }) : Object.defineProperty(s, "ref", { enumerable: !1, value: null }), s._store = {}, Object.defineProperty(s._store, "validated", {
         configurable: !1,
         enumerable: !1,
@@ -160,119 +162,119 @@ function Pe() {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: U
+        value: se
       }), Object.defineProperty(s, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: J
+        value: ne
       }), Object.freeze && (Object.freeze(s.props), Object.freeze(s)), s;
     }
-    function o(s, t, c, u, U, J) {
-      var m = t.children;
-      if (m !== void 0)
-        if (u)
-          if (fe(m)) {
-            for (u = 0; u < m.length; u++)
-              E(m[u]);
-            Object.freeze && Object.freeze(m);
+    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 E(m);
-      if (Z.call(t, "key")) {
-        m = f(s);
-        var T = Object.keys(t).filter(function(he) {
-          return he !== "key";
+        else k(w);
+      if (z.call(x, "key")) {
+        w = n(s);
+        var te = Object.keys(x).filter(function(pe) {
+          return pe !== "key";
         });
-        u = 0 < T.length ? "{key: someKey, " + T.join(": ..., ") + ": ...}" : "{key: someKey}", te[m + u] || (T = 0 < T.length ? "{" + T.join(": ..., ") + ": ...}" : "{}", console.error(
+        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} />`,
-          u,
-          m,
-          T,
-          m
-        ), te[m + u] = !0);
+          A,
+          w,
+          te,
+          w
+        ), ke[w + A] = !0);
       }
-      if (m = null, c !== void 0 && (l(c), m = "" + c), h(t) && (l(t.key), m = "" + t.key), "key" in t) {
-        c = {};
-        for (var X in t)
-          X !== "key" && (c[X] = t[X]);
-      } else c = t;
-      return m && g(
-        c,
+      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
-      ), w(
+      ), O(
         s,
-        m,
-        c,
-        a(),
-        U,
-        J
+        w,
+        y,
+        o(),
+        se,
+        ne
       );
     }
-    function E(s) {
-      v(s) ? s._store && (s._store.validated = 1) : typeof s == "object" && s !== null && s.$$typeof === B && (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 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 === k;
+      return typeof s == "object" && s !== null && s.$$typeof === L;
     }
-    var i = ge, k = /* @__PURE__ */ Symbol.for("react.transitional.element"), L = /* @__PURE__ */ Symbol.for("react.portal"), O = /* @__PURE__ */ Symbol.for("react.fragment"), V = /* @__PURE__ */ Symbol.for("react.strict_mode"), F = /* @__PURE__ */ Symbol.for("react.profiler"), q = /* @__PURE__ */ Symbol.for("react.consumer"), r = /* @__PURE__ */ Symbol.for("react.context"), n = /* @__PURE__ */ Symbol.for("react.forward_ref"), x = /* @__PURE__ */ Symbol.for("react.suspense"), p = /* @__PURE__ */ Symbol.for("react.suspense_list"), M = /* @__PURE__ */ Symbol.for("react.memo"), B = /* @__PURE__ */ Symbol.for("react.lazy"), xe = /* @__PURE__ */ Symbol.for("react.activity"), pe = /* @__PURE__ */ Symbol.for("react.client.reference"), G = i.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, Z = Object.prototype.hasOwnProperty, fe = Array.isArray, H = console.createTask ? console.createTask : function() {
+    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;
     };
-    i = {
+    f = {
       react_stack_bottom_frame: function(s) {
         return s();
       }
     };
-    var K, ee = {}, se = i.react_stack_bottom_frame.bind(
-      i,
-      d
-    )(), re = H(j(d)), te = {};
-    D.Fragment = O, D.jsx = function(s, t, c) {
-      var u = 1e4 > G.recentlyCreatedOwnerStacks++;
-      return o(
+    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,
-        t,
-        c,
+        x,
+        y,
         !1,
-        u ? Error("react-stack-top-frame") : se,
-        u ? H(j(s)) : re
+        A ? Error("react-stack-top-frame") : le,
+        A ? Q(d(s)) : xe
       );
-    }, D.jsxs = function(s, t, c) {
-      var u = 1e4 > G.recentlyCreatedOwnerStacks++;
-      return o(
+    }, fe.jsxs = function(s, x, y) {
+      var A = 1e4 > K.recentlyCreatedOwnerStacks++;
+      return p(
         s,
-        t,
-        c,
+        x,
+        y,
         !0,
-        u ? Error("react-stack-top-frame") : se,
-        u ? H(j(s)) : re
+        A ? Error("react-stack-top-frame") : le,
+        A ? Q(d(s)) : xe
       );
     };
-  })()), D;
+  })()), fe;
 }
-var oe;
-function Ie() {
-  return oe || (oe = 1, process.env.NODE_ENV === "production" ? z.exports = Oe() : z.exports = Pe()), z.exports;
+var Xe;
+function Us() {
+  return Xe || (Xe = 1, process.env.NODE_ENV === "production" ? Te.exports = Ys() : Te.exports = zs()), Te.exports;
 }
-var e = Ie();
-const Q = {
-  start: /* @__PURE__ */ e.jsx(ce, { className: "h-4 w-4 text-green-500" }),
-  end: /* @__PURE__ */ e.jsx(Re, { className: "h-4 w-4 text-red-500" }),
-  task: /* @__PURE__ */ e.jsx(ke, { className: "h-4 w-4 text-blue-500" }),
-  approval: /* @__PURE__ */ e.jsx(Ee, { className: "h-4 w-4 text-purple-500" }),
-  condition: /* @__PURE__ */ e.jsx(de, { className: "h-4 w-4 text-orange-500" }),
-  parallel: /* @__PURE__ */ e.jsx(ue, { className: "h-4 w-4 text-teal-500" }),
+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(we, { className: "h-4 w-4 text-yellow-500" }),
-  script: /* @__PURE__ */ e.jsx(ye, { className: "h-4 w-4 text-indigo-500" })
-}, De = {
+  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",
@@ -282,18 +284,18 @@ const Q = {
   delay: "border-gray-300 bg-gray-50",
   notification: "border-yellow-300 bg-yellow-50",
   script: "border-indigo-300 bg-indigo-50"
-}, $e = {
+}, 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" }
-}, Ye = ({ schema: f }) => {
+}, Ws = ({ schema: n }) => {
   const {
-    workflow: y,
-    readOnly: l = !1,
-    showToolbar: j = !0
-  } = f, [a, d] = $(y || {
+    workflow: c,
+    readOnly: a = !1,
+    showToolbar: d = !0
+  } = n, [o, t] = $(c || {
     type: "workflow",
     title: "New Workflow",
     status: "draft",
@@ -303,107 +305,107 @@ const Q = {
     ],
     edges: [],
     variables: []
-  }), [h, g] = $(null), [_, w] = $(null), o = je(
-    () => a.nodes.find((r) => r.id === h),
-    [a.nodes, h]
-  ), E = P((r) => {
-    if (l) return;
-    const n = `${r}-${Date.now()}`, x = {
-      id: n,
+  }), [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: (a.nodes.length + 1) * 80 }
+      position: { x: 200, y: (o.nodes.length + 1) * 80 }
     };
-    d((p) => ({
-      ...p,
-      nodes: [...p.nodes, x]
-    })), g(n);
-  }, [l, a.nodes.length]), v = P((r, n) => {
-    l || d((x) => ({
-      ...x,
-      nodes: x.nodes.map((p) => p.id === r ? { ...p, ...n } : p)
-    }));
-  }, [l]), i = P((r) => {
-    l || (d((n) => ({
-      ...n,
-      nodes: n.nodes.filter((x) => x.id !== r),
-      edges: n.edges.filter((x) => x.source !== r && x.target !== r)
-    })), h === r && g(null));
-  }, [l, h]), k = P((r, n) => {
-    if (l) return;
-    const p = { id: `edge-${Date.now()}`, source: r, target: n };
-    d((M) => ({
+    t((M) => ({
       ...M,
-      edges: [...M.edges, p]
+      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)
     }));
-  }, [l]), L = P((r) => {
-    l || (d((n) => ({
-      ...n,
-      edges: n.edges.filter((x) => x.id !== r)
-    })), _ === r && w(null));
-  }, [l, _]), O = () => {
-    console.log("Saving workflow:", a), f.onSave;
-  }, V = () => {
-    d((r) => ({ ...r, status: "active" })), console.log("Publishing workflow"), f.onPublish;
-  }, F = $e[a.status || "draft"], q = ["task", "approval", "condition", "parallel", "delay", "notification", "script"];
+  }, [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: [
-    j && /* @__PURE__ */ e.jsxs("div", { className: "flex items-center justify-between gap-2 p-4 bg-card rounded-lg border", 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(
-          C,
+          S,
           {
-            value: a.title || "",
-            onChange: (r) => d((n) => ({ ...n, title: r.target.value })),
+            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: l,
+            readOnly: a,
             placeholder: "Workflow Title"
           }
         ) }),
-        /* @__PURE__ */ e.jsx(N, { variant: F.variant, children: F.label })
+        /* @__PURE__ */ e.jsx(I, { variant: R.variant, children: R.label })
       ] }),
-      !l && /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ e.jsxs(R, { variant: "outline", size: "sm", onClick: O, children: [
-          /* @__PURE__ */ e.jsx(ve, { className: "h-4 w-4 mr-2" }),
+      !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(R, { size: "sm", onClick: V, disabled: a.status === "active", children: [
-          /* @__PURE__ */ e.jsx(ce, { className: "h-4 w-4 mr-2" }),
+        /* @__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: [
-      !l && /* @__PURE__ */ e.jsxs(S, { className: "lg:col-span-1", children: [
-        /* @__PURE__ */ e.jsx(Y, { children: /* @__PURE__ */ e.jsx(W, { className: "text-sm", children: "Add Node" }) }),
-        /* @__PURE__ */ e.jsx(A, { className: "space-y-2", children: q.map((r) => /* @__PURE__ */ e.jsxs(
+      !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: () => E(r),
+            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: [
-              Q[r],
+              Ie[r],
               /* @__PURE__ */ e.jsx("span", { className: "capitalize", children: r })
             ]
           },
           r
         )) })
       ] }),
-      /* @__PURE__ */ e.jsxs(S, { className: l ? "lg:col-span-3" : "lg:col-span-2", children: [
-        /* @__PURE__ */ e.jsx(Y, { children: /* @__PURE__ */ e.jsxs(W, { className: "text-sm flex items-center gap-2", children: [
-          /* @__PURE__ */ e.jsx(de, { className: "h-4 w-4" }),
+      /* @__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(A, { children: /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
-          a.nodes.map((r) => /* @__PURE__ */ e.jsxs(
+        /* @__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), w(null);
+                g(r.id), O(null);
               },
-              className: `flex items-center justify-between p-3 rounded-lg border-2 cursor-pointer transition-all ${De[r.type]} ${h === r.id ? "ring-2 ring-primary shadow-md" : "hover:shadow-sm"}`,
+              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: [
-                  Q[r.type],
+                  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: [
                     "(",
@@ -412,20 +414,20 @@ const Q = {
                   ] })
                 ] }),
                 /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-1", children: [
-                  a.edges.filter((n) => n.source === r.id).length > 0 && /* @__PURE__ */ e.jsxs(N, { variant: "outline", className: "text-xs", children: [
-                    a.edges.filter((n) => n.source === r.id).length,
+                  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"
                   ] }),
-                  !l && r.type !== "start" && r.type !== "end" && /* @__PURE__ */ e.jsx(
-                    R,
+                  !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: (n) => {
-                        n.stopPropagation(), i(r.id);
+                      onClick: (j) => {
+                        j.stopPropagation(), f(r.id);
                       },
-                      children: /* @__PURE__ */ e.jsx(ae, { className: "h-3 w-3" })
+                      children: /* @__PURE__ */ e.jsx(ye, { className: "h-3 w-3" })
                     }
                   )
                 ] })
@@ -433,30 +435,30 @@ const Q = {
             },
             r.id
           )),
-          a.edges.length > 0 && /* @__PURE__ */ e.jsxs("div", { className: "mt-4 pt-4 border-t", children: [
-            /* @__PURE__ */ e.jsx(b, { className: "text-xs text-muted-foreground mb-2 block", children: "Connections" }),
-            a.edges.map((r) => {
-              const n = a.nodes.find((p) => p.id === r.source), x = a.nodes.find((p) => p.id === r.target);
+          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: n?.label || r.source }),
-                /* @__PURE__ */ e.jsx(ue, { className: "h-3 w-3 text-muted-foreground" }),
-                /* @__PURE__ */ e.jsx("span", { children: x?.label || r.target }),
-                r.label && /* @__PURE__ */ e.jsx(N, { variant: "outline", className: "text-xs", children: r.label }),
-                !l && /* @__PURE__ */ e.jsx(
-                  R,
+                /* @__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: () => L(r.id),
-                    children: /* @__PURE__ */ e.jsx(ae, { className: "h-3 w-3" })
+                    onClick: () => de(r.id),
+                    children: /* @__PURE__ */ e.jsx(ye, { className: "h-3 w-3" })
                   }
                 )
               ] }, r.id);
             })
           ] }),
-          !l && a.nodes.length >= 2 && /* @__PURE__ */ e.jsxs("div", { className: "mt-4 pt-4 border-t", children: [
-            /* @__PURE__ */ e.jsx(b, { className: "text-xs text-muted-foreground mb-2 block", children: "Quick Connect" }),
+          !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",
@@ -465,7 +467,7 @@ const Q = {
                   className: "border rounded-md p-1.5 text-sm bg-background",
                   children: [
                     /* @__PURE__ */ e.jsx("option", { value: "", children: "From..." }),
-                    a.nodes.filter((r) => r.type !== "end").map((r) => /* @__PURE__ */ e.jsx("option", { value: r.id, children: r.label }, r.id))
+                    o.nodes.filter((r) => r.type !== "end").map((r) => /* @__PURE__ */ e.jsx("option", { value: r.id, children: r.label }, r.id))
                   ]
                 }
               ),
@@ -476,23 +478,23 @@ const Q = {
                   className: "border rounded-md p-1.5 text-sm bg-background",
                   children: [
                     /* @__PURE__ */ e.jsx("option", { value: "", children: "To..." }),
-                    a.nodes.filter((r) => r.type !== "start").map((r) => /* @__PURE__ */ e.jsx("option", { value: r.id, children: r.label }, r.id))
+                    o.nodes.filter((r) => r.type !== "start").map((r) => /* @__PURE__ */ e.jsx("option", { value: r.id, children: r.label }, r.id))
                   ]
                 }
               )
             ] }),
             /* @__PURE__ */ e.jsxs(
-              R,
+              T,
               {
                 size: "sm",
                 variant: "outline",
                 className: "mt-2 w-full",
                 onClick: () => {
-                  const r = document.getElementById("edge-source")?.value, n = document.getElementById("edge-target")?.value;
-                  r && n && r !== n && k(r, n);
+                  const r = document.getElementById("edge-source")?.value, j = document.getElementById("edge-target")?.value;
+                  r && j && r !== j && L(r, j);
                 },
                 children: [
-                  /* @__PURE__ */ e.jsx(be, { className: "h-3 w-3 mr-1" }),
+                  /* @__PURE__ */ e.jsx(Ye, { className: "h-3 w-3 mr-1" }),
                   "Connect"
                 ]
               }
@@ -500,66 +502,66 @@ const Q = {
           ] })
         ] }) })
       ] }),
-      /* @__PURE__ */ e.jsxs(S, { className: "lg:col-span-1", children: [
-        /* @__PURE__ */ e.jsx(Y, { children: /* @__PURE__ */ e.jsxs(W, { className: "text-sm flex items-center gap-2", children: [
-          /* @__PURE__ */ e.jsx(Ne, { className: "h-4 w-4" }),
+      /* @__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(A, { children: o ? /* @__PURE__ */ e.jsxs("div", { className: "space-y-3", children: [
+        /* @__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(b, { className: "text-xs", children: "Label" }),
+            /* @__PURE__ */ e.jsx(h, { className: "text-xs", children: "Label" }),
             /* @__PURE__ */ e.jsx(
-              C,
+              S,
               {
-                value: o.label,
-                onChange: (r) => v(o.id, { label: r.target.value }),
+                value: p.label,
+                onChange: (r) => v(p.id, { label: r.target.value }),
                 className: "h-8 text-sm",
-                readOnly: l
+                readOnly: a
               }
             )
           ] }),
           /* @__PURE__ */ e.jsxs("div", { className: "space-y-1", children: [
-            /* @__PURE__ */ e.jsx(b, { className: "text-xs", children: "Type" }),
+            /* @__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: [
-              Q[o.type],
-              /* @__PURE__ */ e.jsx("span", { className: "capitalize", children: o.type })
+              Ie[p.type],
+              /* @__PURE__ */ e.jsx("span", { className: "capitalize", children: p.type })
             ] })
           ] }),
-          o.description !== void 0 && /* @__PURE__ */ e.jsxs("div", { className: "space-y-1", children: [
-            /* @__PURE__ */ e.jsx(b, { className: "text-xs", children: "Description" }),
+          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(
-              C,
+              S,
               {
-                value: o.description || "",
-                onChange: (r) => v(o.id, { description: r.target.value }),
+                value: p.description || "",
+                onChange: (r) => v(p.id, { description: r.target.value }),
                 className: "h-8 text-sm",
-                readOnly: l
+                readOnly: a
               }
             )
           ] }),
-          (o.type === "approval" || o.type === "task") && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+          (p.type === "approval" || p.type === "task") && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
             /* @__PURE__ */ e.jsxs("div", { className: "space-y-1", children: [
-              /* @__PURE__ */ e.jsx(b, { className: "text-xs", children: "Assignee" }),
+              /* @__PURE__ */ e.jsx(h, { className: "text-xs", children: "Assignee" }),
               /* @__PURE__ */ e.jsx(
-                C,
+                S,
                 {
-                  value: o.assignee || "",
-                  onChange: (r) => v(o.id, { assignee: r.target.value }),
+                  value: p.assignee || "",
+                  onChange: (r) => v(p.id, { assignee: r.target.value }),
                   className: "h-8 text-sm",
                   placeholder: "User, role, or expression",
-                  readOnly: l
+                  readOnly: a
                 }
               )
             ] }),
             /* @__PURE__ */ e.jsxs("div", { className: "space-y-1", children: [
-              /* @__PURE__ */ e.jsx(b, { className: "text-xs", children: "Assignee Type" }),
+              /* @__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: o.assigneeType || "user",
-                  onChange: (r) => v(o.id, { assigneeType: r.target.value }),
-                  disabled: l,
+                  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" }),
@@ -570,133 +572,133 @@ const Q = {
               )
             ] })
           ] }),
-          o.type === "delay" && /* @__PURE__ */ e.jsxs("div", { className: "space-y-1", children: [
-            /* @__PURE__ */ e.jsx(b, { className: "text-xs", children: "Timeout (minutes)" }),
+          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(
-              C,
+              S,
               {
                 type: "number",
-                value: o.timeout || 60,
-                onChange: (r) => v(o.id, { timeout: Number(r.target.value) }),
+                value: p.timeout || 60,
+                onChange: (r) => v(p.id, { timeout: Number(r.target.value) }),
                 className: "h-8 text-sm",
-                readOnly: l
+                readOnly: a
               }
             )
           ] }),
           /* @__PURE__ */ e.jsxs("div", { className: "text-xs text-muted-foreground mt-2", children: [
             "ID: ",
-            o.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" }) })
       ] })
     ] })
   ] });
-}, We = ({ schema: f }) => {
+}, qs = ({ schema: n }) => {
   const {
-    currentNodeId: y,
-    approvalRule: l,
-    history: j = [],
-    data: a,
-    showHistory: d = !0,
-    showComments: h = !0
-  } = f, [g, _] = $(""), [w, o] = $(!1), E = (i) => {
-    o(!0), console.log(`Approval action: ${i}`, {
-      currentNodeId: y,
+    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: a
+      data: o
     }), setTimeout(() => {
-      o(!1), _("");
+      p(!1), F("");
     }, 500);
-  }, v = (i) => {
-    switch (i) {
+  }, v = (f) => {
+    switch (f) {
       case "approve":
       case "approved":
-        return /* @__PURE__ */ e.jsx(N, { variant: "default", className: "bg-green-500", children: "Approved" });
+        return /* @__PURE__ */ e.jsx(I, { variant: "default", className: "bg-green-500", children: "Approved" });
       case "reject":
       case "rejected":
-        return /* @__PURE__ */ e.jsx(N, { variant: "destructive", children: "Rejected" });
+        return /* @__PURE__ */ e.jsx(I, { variant: "destructive", children: "Rejected" });
       case "reassign":
       case "reassigned":
-        return /* @__PURE__ */ e.jsx(N, { variant: "secondary", children: "Reassigned" });
+        return /* @__PURE__ */ e.jsx(I, { variant: "secondary", children: "Reassigned" });
       case "comment":
-        return /* @__PURE__ */ e.jsx(N, { variant: "outline", children: "Comment" });
+        return /* @__PURE__ */ e.jsx(I, { variant: "outline", children: "Comment" });
       case "escalate":
       case "escalated":
-        return /* @__PURE__ */ e.jsx(N, { variant: "secondary", className: "bg-orange-500 text-white", children: "Escalated" });
+        return /* @__PURE__ */ e.jsx(I, { variant: "secondary", className: "bg-orange-500 text-white", children: "Escalated" });
       default:
-        return /* @__PURE__ */ e.jsx(N, { variant: "outline", children: i });
+        return /* @__PURE__ */ e.jsx(I, { variant: "outline", children: f });
     }
   };
   return /* @__PURE__ */ e.jsxs("div", { className: "space-y-4", children: [
-    /* @__PURE__ */ e.jsxs(S, { children: [
-      /* @__PURE__ */ e.jsx(Y, { children: /* @__PURE__ */ e.jsxs(W, { className: "flex items-center gap-2", 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",
-        l && /* @__PURE__ */ e.jsxs(N, { variant: "outline", className: "ml-2", children: [
-          l.type === "any" && "Any approver",
-          l.type === "all" && "All must approve",
-          l.type === "majority" && "Majority approval",
-          l.type === "sequential" && "Sequential"
+        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(A, { className: "space-y-4", children: [
-        a && Object.keys(a).length > 0 && /* @__PURE__ */ e.jsxs("div", { className: "p-3 bg-muted/50 rounded-lg", children: [
-          /* @__PURE__ */ e.jsx(b, { 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(a).slice(0, 6).map(([i, k]) => /* @__PURE__ */ e.jsxs("div", { className: "text-sm", children: [
+      /* @__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: [
-              i,
+              f,
               ": "
             ] }),
-            /* @__PURE__ */ e.jsx("span", { className: "font-medium", children: String(k) })
-          ] }, i)) })
+            /* @__PURE__ */ e.jsx("span", { className: "font-medium", children: String(L) })
+          ] }, f)) })
         ] }),
-        h && /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
-          /* @__PURE__ */ e.jsxs(b, { className: "flex items-center gap-2 text-sm", children: [
-            /* @__PURE__ */ e.jsx(_e, { className: "h-4 w-4" }),
+        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(
-            C,
+            S,
             {
               value: g,
-              onChange: (i) => _(i.target.value),
+              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(
-            R,
+            T,
             {
-              onClick: () => E("approve"),
-              disabled: w,
+              onClick: () => k("approve"),
+              disabled: O,
               className: "bg-green-600 hover:bg-green-700",
               children: [
-                /* @__PURE__ */ e.jsx(Te, { className: "h-4 w-4 mr-2" }),
+                /* @__PURE__ */ e.jsx(fs, { className: "h-4 w-4 mr-2" }),
                 "Approve"
               ]
             }
           ),
           /* @__PURE__ */ e.jsxs(
-            R,
+            T,
             {
               variant: "destructive",
-              onClick: () => E("reject"),
-              disabled: w,
+              onClick: () => k("reject"),
+              disabled: O,
               children: [
-                /* @__PURE__ */ e.jsx(Ce, { className: "h-4 w-4 mr-2" }),
+                /* @__PURE__ */ e.jsx(bs, { className: "h-4 w-4 mr-2" }),
                 "Reject"
               ]
             }
           ),
           /* @__PURE__ */ e.jsxs(
-            R,
+            T,
             {
               variant: "outline",
-              onClick: () => E("reassign"),
-              disabled: w,
+              onClick: () => k("reassign"),
+              disabled: O,
               children: [
-                /* @__PURE__ */ e.jsx(Se, { className: "h-4 w-4 mr-2" }),
+                /* @__PURE__ */ e.jsx(Ns, { className: "h-4 w-4 mr-2" }),
                 "Reassign"
               ]
             }
@@ -704,26 +706,1097 @@ const Q = {
         ] })
       ] })
     ] }),
-    d && j.length > 0 && /* @__PURE__ */ e.jsxs(S, { children: [
-      /* @__PURE__ */ e.jsx(Y, { children: /* @__PURE__ */ e.jsx(W, { className: "text-sm", children: "Approval History" }) }),
-      /* @__PURE__ */ e.jsx(A, { children: /* @__PURE__ */ e.jsx("div", { className: "space-y-3", children: j.map((i, k) => /* @__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(Ae, { className: "h-4 w-4 text-muted-foreground" }) }),
+    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: i.actorName || i.actor }),
-            v(i.action),
-            /* @__PURE__ */ e.jsx("span", { className: "text-xs text-muted-foreground", children: new Date(i.timestamp).toLocaleString() })
+            /* @__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)) })
+            ] })
           ] }),
-          i.comment && /* @__PURE__ */ e.jsx("p", { className: "text-sm text-muted-foreground mt-1", children: i.comment })
+          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"
+};
+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`;
+}
+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)
         ] })
-      ] }, k)) }) })
+      ] }),
+      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));
+}
+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 };
+}
+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 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 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 };
+}
+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"
+        }
+      )
     ] }),
-    d && j.length === 0 && /* @__PURE__ */ e.jsx(S, { children: /* @__PURE__ */ e.jsx(A, { className: "p-6 text-center text-muted-foreground text-sm", children: "No approval history yet" }) })
+    /* @__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))
+        ] })
+      ] })
+    ] })
   ] });
 };
-ie.register(
+we.register(
   "workflow-designer",
-  Ye,
+  Ws,
   {
     label: "Workflow Designer",
     category: "Enterprise",
@@ -735,9 +1808,9 @@ ie.register(
     ]
   }
 );
-ie.register(
+we.register(
   "approval-process",
-  We,
+  qs,
   {
     label: "Approval Process",
     category: "Enterprise",
@@ -752,7 +1825,54 @@ ie.register(
     ]
   }
 );
+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 {
-  We as ApprovalProcess,
-  Ye as WorkflowDesigner
+  qs as ApprovalProcess,
+  Js as AutomationBuilder,
+  et as AutomationRunHistory,
+  ht as FlowDesigner,
+  Ws as WorkflowDesigner
 };