@object-ui/plugin-workflow 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2024 ObjectQL
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+export * from './src/index'
+export {}

package/dist/index.js

@@ -0,0 +1,758 @@
+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
+    };
+  }
+  return I.Fragment = y, I.jsx = l, I.jsxs = l, I;
+}
+var D = {};
+var ne;
+function Pe() {
+  return ne || (ne = 1, process.env.NODE_ENV !== "production" && (function() {
+    function f(s) {
+      if (s == null) return null;
+      if (typeof s == "function")
+        return s.$$typeof === pe ? null : s.displayName || s.name || null;
+      if (typeof s == "string") return s;
+      switch (s) {
+        case O:
+          return "Fragment";
+        case F:
+          return "Profiler";
+        case V:
+          return "StrictMode";
+        case x:
+          return "Suspense";
+        case p:
+          return "SuspenseList";
+        case xe:
+          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:
+            return "Portal";
+          case r:
+            return s.displayName || "Context";
+          case q:
+            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;
+            try {
+              return f(s(t));
+            } catch {
+            }
+        }
+      return null;
+    }
+    function y(s) {
+      return "" + s;
+    }
+    function l(s) {
+      try {
+        y(s);
+        var t = !1;
+      } catch {
+        t = !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,
+          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
+          u
+        ), y(s);
+      }
+    }
+    function j(s) {
+      if (s === O) return "<>";
+      if (typeof s == "object" && s !== null && s.$$typeof === B)
+        return "<...>";
+      try {
+        var t = f(s);
+        return t ? "<" + t + ">" : "<...>";
+      } catch {
+        return "<...>";
+      }
+    }
+    function a() {
+      var s = G.A;
+      return s === null ? null : s.getOwner();
+    }
+    function d() {
+      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;
+      }
+      return s.key !== void 0;
+    }
+    function g(s, t) {
+      function c() {
+        K || (K = !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
+        ));
+      }
+      c.isReactWarning = !0, Object.defineProperty(s, "key", {
+        get: c,
+        configurable: !0
+      });
+    }
+    function _() {
+      var s = f(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;
+      return s = {
+        $$typeof: k,
+        type: s,
+        key: t,
+        props: c,
+        _owner: u
+      }, (m !== void 0 ? m : null) !== null ? Object.defineProperty(s, "ref", {
+        enumerable: !1,
+        get: _
+      }) : Object.defineProperty(s, "ref", { enumerable: !1, value: null }), s._store = {}, Object.defineProperty(s._store, "validated", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: 0
+      }), Object.defineProperty(s, "_debugInfo", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: null
+      }), Object.defineProperty(s, "_debugStack", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: U
+      }), Object.defineProperty(s, "_debugTask", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: J
+      }), 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);
+          } 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";
+        });
+        u = 0 < T.length ? "{key: someKey, " + T.join(": ..., ") + ": ...}" : "{key: someKey}", te[m + u] || (T = 0 < T.length ? "{" + T.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);
+      }
+      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,
+        typeof s == "function" ? s.displayName || s.name || "Unknown" : s
+      ), w(
+        s,
+        m,
+        c,
+        a(),
+        U,
+        J
+      );
+    }
+    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 v(s) {
+      return typeof s == "object" && s !== null && s.$$typeof === k;
+    }
+    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() {
+      return null;
+    };
+    i = {
+      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(
+        s,
+        t,
+        c,
+        !1,
+        u ? Error("react-stack-top-frame") : se,
+        u ? H(j(s)) : re
+      );
+    }, D.jsxs = function(s, t, c) {
+      var u = 1e4 > G.recentlyCreatedOwnerStacks++;
+      return o(
+        s,
+        t,
+        c,
+        !0,
+        u ? Error("react-stack-top-frame") : se,
+        u ? H(j(s)) : re
+      );
+    };
+  })()), D;
+}
+var oe;
+function Ie() {
+  return oe || (oe = 1, process.env.NODE_ENV === "production" ? z.exports = Oe() : z.exports = Pe()), z.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" }),
+  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 = {
+  start: "border-green-300 bg-green-50",
+  end: "border-red-300 bg-red-50",
+  task: "border-blue-300 bg-blue-50",
+  approval: "border-purple-300 bg-purple-50",
+  condition: "border-orange-300 bg-orange-50",
+  parallel: "border-teal-300 bg-teal-50",
+  delay: "border-gray-300 bg-gray-50",
+  notification: "border-yellow-300 bg-yellow-50",
+  script: "border-indigo-300 bg-indigo-50"
+}, $e = {
+  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 }) => {
+  const {
+    workflow: y,
+    readOnly: l = !1,
+    showToolbar: j = !0
+  } = f, [a, d] = $(y || {
+    type: "workflow",
+    title: "New Workflow",
+    status: "draft",
+    nodes: [
+      { id: "start-1", type: "start", label: "Start", position: { x: 100, y: 100 } },
+      { id: "end-1", type: "end", label: "End", position: { x: 100, y: 400 } }
+    ],
+    edges: [],
+    variables: []
+  }), [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,
+      type: r,
+      label: `New ${r.charAt(0).toUpperCase() + r.slice(1)}`,
+      position: { x: 200, y: (a.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) => ({
+      ...M,
+      edges: [...M.edges, p]
+    }));
+  }, [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"];
+  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: [
+      /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsx(
+          C,
+          {
+            value: a.title || "",
+            onChange: (r) => d((n) => ({ ...n, title: r.target.value })),
+            className: "text-lg font-semibold border-none p-0 h-auto focus-visible:ring-0",
+            readOnly: l,
+            placeholder: "Workflow Title"
+          }
+        ) }),
+        /* @__PURE__ */ e.jsx(N, { variant: F.variant, children: F.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" }),
+          "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" }),
+          "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(
+          "button",
+          {
+            onClick: () => E(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],
+              /* @__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" }),
+          "Workflow Flow"
+        ] }) }),
+        /* @__PURE__ */ e.jsx(A, { children: /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
+          a.nodes.map((r) => /* @__PURE__ */ e.jsxs(
+            "div",
+            {
+              onClick: () => {
+                g(r.id), w(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"}`,
+              children: [
+                /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
+                  Q[r.type],
+                  /* @__PURE__ */ e.jsx("span", { className: "font-medium text-sm", children: r.label }),
+                  /* @__PURE__ */ e.jsxs("span", { className: "text-xs text-muted-foreground capitalize", children: [
+                    "(",
+                    r.type,
+                    ")"
+                  ] })
+                ] }),
+                /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-1", children: [
+                  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,
+                    " out"
+                  ] }),
+                  !l && r.type !== "start" && r.type !== "end" && /* @__PURE__ */ e.jsx(
+                    R,
+                    {
+                      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);
+                      },
+                      children: /* @__PURE__ */ e.jsx(ae, { className: "h-3 w-3" })
+                    }
+                  )
+                ] })
+              ]
+            },
+            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);
+              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,
+                  {
+                    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" })
+                  }
+                )
+              ] }, 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" }),
+            /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-2 gap-2", children: [
+              /* @__PURE__ */ e.jsxs(
+                "select",
+                {
+                  id: "edge-source",
+                  className: "border rounded-md p-1.5 text-sm bg-background",
+                  children: [
+                    /* @__PURE__ */ e.jsx("option", { value: "", children: "From..." }),
+                    a.nodes.filter((r) => r.type !== "end").map((r) => /* @__PURE__ */ e.jsx("option", { value: r.id, children: r.label }, r.id))
+                  ]
+                }
+              ),
+              /* @__PURE__ */ e.jsxs(
+                "select",
+                {
+                  id: "edge-target",
+                  className: "border rounded-md p-1.5 text-sm bg-background",
+                  children: [
+                    /* @__PURE__ */ e.jsx("option", { value: "", children: "To..." }),
+                    a.nodes.filter((r) => r.type !== "start").map((r) => /* @__PURE__ */ e.jsx("option", { value: r.id, children: r.label }, r.id))
+                  ]
+                }
+              )
+            ] }),
+            /* @__PURE__ */ e.jsxs(
+              R,
+              {
+                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);
+                },
+                children: [
+                  /* @__PURE__ */ e.jsx(be, { className: "h-3 w-3 mr-1" }),
+                  "Connect"
+                ]
+              }
+            )
+          ] })
+        ] }) })
+      ] }),
+      /* @__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" }),
+          "Properties"
+        ] }) }),
+        /* @__PURE__ */ e.jsx(A, { children: o ? /* @__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(
+              C,
+              {
+                value: o.label,
+                onChange: (r) => v(o.id, { label: r.target.value }),
+                className: "h-8 text-sm",
+                readOnly: l
+              }
+            )
+          ] }),
+          /* @__PURE__ */ e.jsxs("div", { className: "space-y-1", children: [
+            /* @__PURE__ */ e.jsx(b, { 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 })
+            ] })
+          ] }),
+          o.description !== void 0 && /* @__PURE__ */ e.jsxs("div", { className: "space-y-1", children: [
+            /* @__PURE__ */ e.jsx(b, { className: "text-xs", children: "Description" }),
+            /* @__PURE__ */ e.jsx(
+              C,
+              {
+                value: o.description || "",
+                onChange: (r) => v(o.id, { description: r.target.value }),
+                className: "h-8 text-sm",
+                readOnly: l
+              }
+            )
+          ] }),
+          (o.type === "approval" || o.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(
+                C,
+                {
+                  value: o.assignee || "",
+                  onChange: (r) => v(o.id, { assignee: r.target.value }),
+                  className: "h-8 text-sm",
+                  placeholder: "User, role, or expression",
+                  readOnly: l
+                }
+              )
+            ] }),
+            /* @__PURE__ */ e.jsxs("div", { className: "space-y-1", children: [
+              /* @__PURE__ */ e.jsx(b, { 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,
+                  children: [
+                    /* @__PURE__ */ e.jsx("option", { value: "user", children: "User" }),
+                    /* @__PURE__ */ e.jsx("option", { value: "role", children: "Role" }),
+                    /* @__PURE__ */ e.jsx("option", { value: "group", children: "Group" }),
+                    /* @__PURE__ */ e.jsx("option", { value: "expression", children: "Expression" })
+                  ]
+                }
+              )
+            ] })
+          ] }),
+          o.type === "delay" && /* @__PURE__ */ e.jsxs("div", { className: "space-y-1", children: [
+            /* @__PURE__ */ e.jsx(b, { className: "text-xs", children: "Timeout (minutes)" }),
+            /* @__PURE__ */ e.jsx(
+              C,
+              {
+                type: "number",
+                value: o.timeout || 60,
+                onChange: (r) => v(o.id, { timeout: Number(r.target.value) }),
+                className: "h-8 text-sm",
+                readOnly: l
+              }
+            )
+          ] }),
+          /* @__PURE__ */ e.jsxs("div", { className: "text-xs text-muted-foreground mt-2", children: [
+            "ID: ",
+            o.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 }) => {
+  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,
+      comment: g,
+      data: a
+    }), setTimeout(() => {
+      o(!1), _("");
+    }, 500);
+  }, v = (i) => {
+    switch (i) {
+      case "approve":
+      case "approved":
+        return /* @__PURE__ */ e.jsx(N, { variant: "default", className: "bg-green-500", children: "Approved" });
+      case "reject":
+      case "rejected":
+        return /* @__PURE__ */ e.jsx(N, { variant: "destructive", children: "Rejected" });
+      case "reassign":
+      case "reassigned":
+        return /* @__PURE__ */ e.jsx(N, { variant: "secondary", children: "Reassigned" });
+      case "comment":
+        return /* @__PURE__ */ e.jsx(N, { variant: "outline", children: "Comment" });
+      case "escalate":
+      case "escalated":
+        return /* @__PURE__ */ e.jsx(N, { variant: "secondary", className: "bg-orange-500 text-white", children: "Escalated" });
+      default:
+        return /* @__PURE__ */ e.jsx(N, { variant: "outline", children: i });
+    }
+  };
+  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.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"
+        ] })
+      ] }) }),
+      /* @__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("span", { className: "text-muted-foreground", children: [
+              i,
+              ": "
+            ] }),
+            /* @__PURE__ */ e.jsx("span", { className: "font-medium", children: String(k) })
+          ] }, i)) })
+        ] }),
+        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" }),
+            "Comment"
+          ] }),
+          /* @__PURE__ */ e.jsx(
+            C,
+            {
+              value: g,
+              onChange: (i) => _(i.target.value),
+              placeholder: "Add a comment (optional)"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ e.jsxs(
+            R,
+            {
+              onClick: () => E("approve"),
+              disabled: w,
+              className: "bg-green-600 hover:bg-green-700",
+              children: [
+                /* @__PURE__ */ e.jsx(Te, { className: "h-4 w-4 mr-2" }),
+                "Approve"
+              ]
+            }
+          ),
+          /* @__PURE__ */ e.jsxs(
+            R,
+            {
+              variant: "destructive",
+              onClick: () => E("reject"),
+              disabled: w,
+              children: [
+                /* @__PURE__ */ e.jsx(Ce, { className: "h-4 w-4 mr-2" }),
+                "Reject"
+              ]
+            }
+          ),
+          /* @__PURE__ */ e.jsxs(
+            R,
+            {
+              variant: "outline",
+              onClick: () => E("reassign"),
+              disabled: w,
+              children: [
+                /* @__PURE__ */ e.jsx(Se, { className: "h-4 w-4 mr-2" }),
+                "Reassign"
+              ]
+            }
+          )
+        ] })
+      ] })
+    ] }),
+    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" }) }),
+        /* @__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() })
+          ] }),
+          i.comment && /* @__PURE__ */ e.jsx("p", { className: "text-sm text-muted-foreground mt-1", children: i.comment })
+        ] })
+      ] }, k)) }) })
+    ] }),
+    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" }) })
+  ] });
+};
+ie.register(
+  "workflow-designer",
+  Ye,
+  {
+    label: "Workflow Designer",
+    category: "Enterprise",
+    inputs: [
+      { name: "workflow", type: "code", label: "Initial Workflow Definition" },
+      { name: "readOnly", type: "boolean", label: "Read Only", defaultValue: !1 },
+      { name: "showToolbar", type: "boolean", label: "Show Toolbar", defaultValue: !0 },
+      { name: "showMinimap", type: "boolean", label: "Show Minimap", defaultValue: !1 }
+    ]
+  }
+);
+ie.register(
+  "approval-process",
+  We,
+  {
+    label: "Approval Process",
+    category: "Enterprise",
+    inputs: [
+      { name: "workflowId", type: "string", label: "Workflow ID" },
+      { name: "instanceId", type: "string", label: "Instance ID" },
+      { name: "currentNodeId", type: "string", label: "Current Node ID" },
+      { name: "approvalRule", type: "code", label: "Approval Rule" },
+      { name: "history", type: "code", label: "History" },
+      { name: "showHistory", type: "boolean", label: "Show History", defaultValue: !0 },
+      { name: "showComments", type: "boolean", label: "Show Comments", defaultValue: !0 }
+    ]
+  }
+);
+export {
+  We as ApprovalProcess,
+  Ye as WorkflowDesigner
+};

package/dist/index.umd.cjs

@@ -0,0 +1,6 @@
+(function(N,S){typeof exports=="object"&&typeof module<"u"?S(exports,require("@object-ui/core"),require("react"),require("@object-ui/components"),require("lucide-react")):typeof define=="function"&&define.amd?define(["exports","@object-ui/core","react","@object-ui/components","lucide-react"],S):(N=typeof globalThis<"u"?globalThis:N||self,S(N.ObjectUIPluginWorkflow={},N.ObjectUICore,N.React,N.ObjectUIComponents,N.lucideReact))})(this,(function(N,S,j,a,d){"use strict";var I={exports:{}},R={};var J;function te(){if(J)return R;J=1;var g=Symbol.for("react.transitional.element"),C=Symbol.for("react.fragment");function n(y,l,m){var b=null;if(m!==void 0&&(b=""+m),l.key!==void 0&&(b=""+l.key),"key"in l){m={};for(var v in l)v!=="key"&&(m[v]=l[v])}else m=l;return l=m.ref,{$$typeof:g,type:y,key:b,ref:l!==void 0?l:null,props:m}}return R.Fragment=C,R.jsx=n,R.jsxs=n,R}var O={};var X;function le(){return X||(X=1,process.env.NODE_ENV!=="production"&&(function(){function g(s){if(s==null)return null;if(typeof s=="function")return s.$$typeof===ce?null:s.displayName||s.name||null;if(typeof s=="string")return s;switch(s){case P:return"Fragment";case D:return"Profiler";case U:return"StrictMode";case h:return"Suspense";case p:return"SuspenseList";case de: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 Y:return"Portal";case r:return s.displayName||"Context";case F:return(s._context.displayName||"Context")+".Consumer";case i:var t=s.render;return s=s.displayName,s||(s=t.displayName||t.name||"",s=s!==""?"ForwardRef("+s+")":"ForwardRef"),s;case B:return t=s.displayName||null,t!==null?t:g(s.type)||"Memo";case M:t=s._payload,s=s._init;try{return g(s(t))}catch{}}return null}function C(s){return""+s}function n(s){try{C(s);var t=!1}catch{t=!0}if(t){t=console;var u=t.error,x=typeof Symbol=="function"&&Symbol.toStringTag&&s[Symbol.toStringTag]||s.constructor.name||"Object";return u.call(t,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",x),C(s)}}function y(s){if(s===P)return"<>";if(typeof s=="object"&&s!==null&&s.$$typeof===M)return"<...>";try{var t=g(s);return t?"<"+t+">":"<...>"}catch{return"<...>"}}function l(){var s=z.A;return s===null?null:s.getOwner()}function m(){return Error("react-stack-top-frame")}function b(s){if($.call(s,"key")){var t=Object.getOwnPropertyDescriptor(s,"key").get;if(t&&t.isReactWarning)return!1}return s.key!==void 0}function v(s,t){function u(){K||(K=!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))}u.isReactWarning=!0,Object.defineProperty(s,"key",{get:u,configurable:!0})}function _(){var s=g(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 k(s,t,u,x,L,H){var f=u.ref;return s={$$typeof:T,type:s,key:t,props:u,_owner:x},(f!==void 0?f:null)!==null?Object.defineProperty(s,"ref",{enumerable:!1,get:_}):Object.defineProperty(s,"ref",{enumerable:!1,value:null}),s._store={},Object.defineProperty(s._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(s,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(s,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:L}),Object.defineProperty(s,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:H}),Object.freeze&&(Object.freeze(s.props),Object.freeze(s)),s}function o(s,t,u,x,L,H){var f=t.children;if(f!==void 0)if(x)if(ue(f)){for(x=0;x<f.length;x++)E(f[x]);Object.freeze&&Object.freeze(f)}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(f);if($.call(t,"key")){f=g(s);var A=Object.keys(t).filter(function(me){return me!=="key"});x=0<A.length?"{key: someKey, "+A.join(": ..., ")+": ...}":"{key: someKey}",ae[f+x]||(A=0<A.length?"{"+A.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} />`,x,f,A,f),ae[f+x]=!0)}if(f=null,u!==void 0&&(n(u),f=""+u),b(t)&&(n(t.key),f=""+t.key),"key"in t){u={};for(var G in t)G!=="key"&&(u[G]=t[G])}else u=t;return f&&v(u,typeof s=="function"?s.displayName||s.name||"Unknown":s),k(s,f,u,l(),L,H)}function E(s){w(s)?s._store&&(s._store.validated=1):typeof s=="object"&&s!==null&&s.$$typeof===M&&(s._payload.status==="fulfilled"?w(s._payload.value)&&s._payload.value._store&&(s._payload.value._store.validated=1):s._store&&(s._store.validated=1))}function w(s){return typeof s=="object"&&s!==null&&s.$$typeof===T}var c=j,T=Symbol.for("react.transitional.element"),Y=Symbol.for("react.portal"),P=Symbol.for("react.fragment"),U=Symbol.for("react.strict_mode"),D=Symbol.for("react.profiler"),F=Symbol.for("react.consumer"),r=Symbol.for("react.context"),i=Symbol.for("react.forward_ref"),h=Symbol.for("react.suspense"),p=Symbol.for("react.suspense_list"),B=Symbol.for("react.memo"),M=Symbol.for("react.lazy"),de=Symbol.for("react.activity"),ce=Symbol.for("react.client.reference"),z=c.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,$=Object.prototype.hasOwnProperty,ue=Array.isArray,V=console.createTask?console.createTask:function(){return null};c={react_stack_bottom_frame:function(s){return s()}};var K,ee={},se=c.react_stack_bottom_frame.bind(c,m)(),re=V(y(m)),ae={};O.Fragment=P,O.jsx=function(s,t,u){var x=1e4>z.recentlyCreatedOwnerStacks++;return o(s,t,u,!1,x?Error("react-stack-top-frame"):se,x?V(y(s)):re)},O.jsxs=function(s,t,u){var x=1e4>z.recentlyCreatedOwnerStacks++;return o(s,t,u,!0,x?Error("react-stack-top-frame"):se,x?V(y(s)):re)}})()),O}var q;function ne(){return q||(q=1,process.env.NODE_ENV==="production"?I.exports=te():I.exports=le()),I.exports}var e=ne();const W={start:e.jsx(d.Play,{className:"h-4 w-4 text-green-500"}),end:e.jsx(d.CheckCircle,{className:"h-4 w-4 text-red-500"}),task:e.jsx(d.Circle,{className:"h-4 w-4 text-blue-500"}),approval:e.jsx(d.Users,{className:"h-4 w-4 text-purple-500"}),condition:e.jsx(d.GitBranch,{className:"h-4 w-4 text-orange-500"}),parallel:e.jsx(d.ArrowRight,{className:"h-4 w-4 text-teal-500"}),delay:e.jsx(d.Clock,{className:"h-4 w-4 text-gray-500"}),notification:e.jsx(d.Bell,{className:"h-4 w-4 text-yellow-500"}),script:e.jsx(d.Code,{className:"h-4 w-4 text-indigo-500"})},ie={start:"border-green-300 bg-green-50",end:"border-red-300 bg-red-50",task:"border-blue-300 bg-blue-50",approval:"border-purple-300 bg-purple-50",condition:"border-orange-300 bg-orange-50",parallel:"border-teal-300 bg-teal-50",delay:"border-gray-300 bg-gray-50",notification:"border-yellow-300 bg-yellow-50",script:"border-indigo-300 bg-indigo-50"},oe={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"}},Q=({schema:g})=>{const{workflow:C,readOnly:n=!1,showToolbar:y=!0}=g,[l,m]=j.useState(C||{type:"workflow",title:"New Workflow",status:"draft",nodes:[{id:"start-1",type:"start",label:"Start",position:{x:100,y:100}},{id:"end-1",type:"end",label:"End",position:{x:100,y:400}}],edges:[],variables:[]}),[b,v]=j.useState(null),[_,k]=j.useState(null),o=j.useMemo(()=>l.nodes.find(r=>r.id===b),[l.nodes,b]),E=j.useCallback(r=>{if(n)return;const i=`${r}-${Date.now()}`,h={id:i,type:r,label:`New ${r.charAt(0).toUpperCase()+r.slice(1)}`,position:{x:200,y:(l.nodes.length+1)*80}};m(p=>({...p,nodes:[...p.nodes,h]})),v(i)},[n,l.nodes.length]),w=j.useCallback((r,i)=>{n||m(h=>({...h,nodes:h.nodes.map(p=>p.id===r?{...p,...i}:p)}))},[n]),c=j.useCallback(r=>{n||(m(i=>({...i,nodes:i.nodes.filter(h=>h.id!==r),edges:i.edges.filter(h=>h.source!==r&&h.target!==r)})),b===r&&v(null))},[n,b]),T=j.useCallback((r,i)=>{if(n)return;const p={id:`edge-${Date.now()}`,source:r,target:i};m(B=>({...B,edges:[...B.edges,p]}))},[n]),Y=j.useCallback(r=>{n||(m(i=>({...i,edges:i.edges.filter(h=>h.id!==r)})),_===r&&k(null))},[n,_]),P=()=>{console.log("Saving workflow:",l),g.onSave},U=()=>{m(r=>({...r,status:"active"})),console.log("Publishing workflow"),g.onPublish},D=oe[l.status||"draft"],F=["task","approval","condition","parallel","delay","notification","script"];return e.jsxs("div",{className:"space-y-4",children:[y&&e.jsxs("div",{className:"flex items-center justify-between gap-2 p-4 bg-card rounded-lg border",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("div",{children:e.jsx(a.Input,{value:l.title||"",onChange:r=>m(i=>({...i,title:r.target.value})),className:"text-lg font-semibold border-none p-0 h-auto focus-visible:ring-0",readOnly:n,placeholder:"Workflow Title"})}),e.jsx(a.Badge,{variant:D.variant,children:D.label})]}),!n&&e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsxs(a.Button,{variant:"outline",size:"sm",onClick:P,children:[e.jsx(d.Save,{className:"h-4 w-4 mr-2"}),"Save"]}),e.jsxs(a.Button,{size:"sm",onClick:U,disabled:l.status==="active",children:[e.jsx(d.Play,{className:"h-4 w-4 mr-2"}),"Publish"]})]})]}),e.jsxs("div",{className:"grid grid-cols-1 lg:grid-cols-4 gap-4",children:[!n&&e.jsxs(a.Card,{className:"lg:col-span-1",children:[e.jsx(a.CardHeader,{children:e.jsx(a.CardTitle,{className:"text-sm",children:"Add Node"})}),e.jsx(a.CardContent,{className:"space-y-2",children:F.map(r=>e.jsxs("button",{onClick:()=>E(r),className:"w-full flex items-center gap-2 p-2 rounded-md border hover:bg-muted/50 transition-colors text-sm",children:[W[r],e.jsx("span",{className:"capitalize",children:r})]},r))})]}),e.jsxs(a.Card,{className:n?"lg:col-span-3":"lg:col-span-2",children:[e.jsx(a.CardHeader,{children:e.jsxs(a.CardTitle,{className:"text-sm flex items-center gap-2",children:[e.jsx(d.GitBranch,{className:"h-4 w-4"}),"Workflow Flow"]})}),e.jsx(a.CardContent,{children:e.jsxs("div",{className:"space-y-2",children:[l.nodes.map(r=>e.jsxs("div",{onClick:()=>{v(r.id),k(null)},className:`flex items-center justify-between p-3 rounded-lg border-2 cursor-pointer transition-all ${ie[r.type]} ${b===r.id?"ring-2 ring-primary shadow-md":"hover:shadow-sm"}`,children:[e.jsxs("div",{className:"flex items-center gap-2",children:[W[r.type],e.jsx("span",{className:"font-medium text-sm",children:r.label}),e.jsxs("span",{className:"text-xs text-muted-foreground capitalize",children:["(",r.type,")"]})]}),e.jsxs("div",{className:"flex items-center gap-1",children:[l.edges.filter(i=>i.source===r.id).length>0&&e.jsxs(a.Badge,{variant:"outline",className:"text-xs",children:[l.edges.filter(i=>i.source===r.id).length," out"]}),!n&&r.type!=="start"&&r.type!=="end"&&e.jsx(a.Button,{size:"sm",variant:"ghost",className:"h-6 w-6 p-0 text-red-500 hover:text-red-700",onClick:i=>{i.stopPropagation(),c(r.id)},children:e.jsx(d.Trash2,{className:"h-3 w-3"})})]})]},r.id)),l.edges.length>0&&e.jsxs("div",{className:"mt-4 pt-4 border-t",children:[e.jsx(a.Label,{className:"text-xs text-muted-foreground mb-2 block",children:"Connections"}),l.edges.map(r=>{const i=l.nodes.find(p=>p.id===r.source),h=l.nodes.find(p=>p.id===r.target);return e.jsxs("div",{className:"flex items-center gap-2 p-2 text-sm",children:[e.jsx("span",{children:i?.label||r.source}),e.jsx(d.ArrowRight,{className:"h-3 w-3 text-muted-foreground"}),e.jsx("span",{children:h?.label||r.target}),r.label&&e.jsx(a.Badge,{variant:"outline",className:"text-xs",children:r.label}),!n&&e.jsx(a.Button,{size:"sm",variant:"ghost",className:"h-5 w-5 p-0 ml-auto text-red-500",onClick:()=>Y(r.id),children:e.jsx(d.Trash2,{className:"h-3 w-3"})})]},r.id)})]}),!n&&l.nodes.length>=2&&e.jsxs("div",{className:"mt-4 pt-4 border-t",children:[e.jsx(a.Label,{className:"text-xs text-muted-foreground mb-2 block",children:"Quick Connect"}),e.jsxs("div",{className:"grid grid-cols-2 gap-2",children:[e.jsxs("select",{id:"edge-source",className:"border rounded-md p-1.5 text-sm bg-background",children:[e.jsx("option",{value:"",children:"From..."}),l.nodes.filter(r=>r.type!=="end").map(r=>e.jsx("option",{value:r.id,children:r.label},r.id))]}),e.jsxs("select",{id:"edge-target",className:"border rounded-md p-1.5 text-sm bg-background",children:[e.jsx("option",{value:"",children:"To..."}),l.nodes.filter(r=>r.type!=="start").map(r=>e.jsx("option",{value:r.id,children:r.label},r.id))]})]}),e.jsxs(a.Button,{size:"sm",variant:"outline",className:"mt-2 w-full",onClick:()=>{const r=document.getElementById("edge-source")?.value,i=document.getElementById("edge-target")?.value;r&&i&&r!==i&&T(r,i)},children:[e.jsx(d.Plus,{className:"h-3 w-3 mr-1"}),"Connect"]})]})]})})]}),e.jsxs(a.Card,{className:"lg:col-span-1",children:[e.jsx(a.CardHeader,{children:e.jsxs(a.CardTitle,{className:"text-sm flex items-center gap-2",children:[e.jsx(d.Settings,{className:"h-4 w-4"}),"Properties"]})}),e.jsx(a.CardContent,{children:o?e.jsxs("div",{className:"space-y-3",children:[e.jsxs("div",{className:"space-y-1",children:[e.jsx(a.Label,{className:"text-xs",children:"Label"}),e.jsx(a.Input,{value:o.label,onChange:r=>w(o.id,{label:r.target.value}),className:"h-8 text-sm",readOnly:n})]}),e.jsxs("div",{className:"space-y-1",children:[e.jsx(a.Label,{className:"text-xs",children:"Type"}),e.jsxs("div",{className:"flex items-center gap-2 p-2 rounded-md bg-muted text-sm",children:[W[o.type],e.jsx("span",{className:"capitalize",children:o.type})]})]}),o.description!==void 0&&e.jsxs("div",{className:"space-y-1",children:[e.jsx(a.Label,{className:"text-xs",children:"Description"}),e.jsx(a.Input,{value:o.description||"",onChange:r=>w(o.id,{description:r.target.value}),className:"h-8 text-sm",readOnly:n})]}),(o.type==="approval"||o.type==="task")&&e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"space-y-1",children:[e.jsx(a.Label,{className:"text-xs",children:"Assignee"}),e.jsx(a.Input,{value:o.assignee||"",onChange:r=>w(o.id,{assignee:r.target.value}),className:"h-8 text-sm",placeholder:"User, role, or expression",readOnly:n})]}),e.jsxs("div",{className:"space-y-1",children:[e.jsx(a.Label,{className:"text-xs",children:"Assignee Type"}),e.jsxs("select",{className:"w-full border rounded-md h-8 text-sm px-2 bg-background",value:o.assigneeType||"user",onChange:r=>w(o.id,{assigneeType:r.target.value}),disabled:n,children:[e.jsx("option",{value:"user",children:"User"}),e.jsx("option",{value:"role",children:"Role"}),e.jsx("option",{value:"group",children:"Group"}),e.jsx("option",{value:"expression",children:"Expression"})]})]})]}),o.type==="delay"&&e.jsxs("div",{className:"space-y-1",children:[e.jsx(a.Label,{className:"text-xs",children:"Timeout (minutes)"}),e.jsx(a.Input,{type:"number",value:o.timeout||60,onChange:r=>w(o.id,{timeout:Number(r.target.value)}),className:"h-8 text-sm",readOnly:n})]}),e.jsxs("div",{className:"text-xs text-muted-foreground mt-2",children:["ID: ",o.id]})]}):e.jsx("div",{className:"text-sm text-muted-foreground text-center py-8",children:"Select a node to edit its properties"})})]})]})]})},Z=({schema:g})=>{const{currentNodeId:C,approvalRule:n,history:y=[],data:l,showHistory:m=!0,showComments:b=!0}=g,[v,_]=j.useState(""),[k,o]=j.useState(!1),E=c=>{o(!0),console.log(`Approval action: ${c}`,{currentNodeId:C,comment:v,data:l}),setTimeout(()=>{o(!1),_("")},500)},w=c=>{switch(c){case"approve":case"approved":return e.jsx(a.Badge,{variant:"default",className:"bg-green-500",children:"Approved"});case"reject":case"rejected":return e.jsx(a.Badge,{variant:"destructive",children:"Rejected"});case"reassign":case"reassigned":return e.jsx(a.Badge,{variant:"secondary",children:"Reassigned"});case"comment":return e.jsx(a.Badge,{variant:"outline",children:"Comment"});case"escalate":case"escalated":return e.jsx(a.Badge,{variant:"secondary",className:"bg-orange-500 text-white",children:"Escalated"});default:return e.jsx(a.Badge,{variant:"outline",children:c})}};return e.jsxs("div",{className:"space-y-4",children:[e.jsxs(a.Card,{children:[e.jsx(a.CardHeader,{children:e.jsxs(a.CardTitle,{className:"flex items-center gap-2",children:[e.jsx(d.Clock,{className:"h-5 w-5"}),"Pending Approval",n&&e.jsxs(a.Badge,{variant:"outline",className:"ml-2",children:[n.type==="any"&&"Any approver",n.type==="all"&&"All must approve",n.type==="majority"&&"Majority approval",n.type==="sequential"&&"Sequential"]})]})}),e.jsxs(a.CardContent,{className:"space-y-4",children:[l&&Object.keys(l).length>0&&e.jsxs("div",{className:"p-3 bg-muted/50 rounded-lg",children:[e.jsx(a.Label,{className:"text-xs text-muted-foreground mb-2 block",children:"Request Details"}),e.jsx("div",{className:"grid grid-cols-2 gap-2",children:Object.entries(l).slice(0,6).map(([c,T])=>e.jsxs("div",{className:"text-sm",children:[e.jsxs("span",{className:"text-muted-foreground",children:[c,": "]}),e.jsx("span",{className:"font-medium",children:String(T)})]},c))})]}),b&&e.jsxs("div",{className:"space-y-2",children:[e.jsxs(a.Label,{className:"flex items-center gap-2 text-sm",children:[e.jsx(d.MessageSquare,{className:"h-4 w-4"}),"Comment"]}),e.jsx(a.Input,{value:v,onChange:c=>_(c.target.value),placeholder:"Add a comment (optional)"})]}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsxs(a.Button,{onClick:()=>E("approve"),disabled:k,className:"bg-green-600 hover:bg-green-700",children:[e.jsx(d.Check,{className:"h-4 w-4 mr-2"}),"Approve"]}),e.jsxs(a.Button,{variant:"destructive",onClick:()=>E("reject"),disabled:k,children:[e.jsx(d.X,{className:"h-4 w-4 mr-2"}),"Reject"]}),e.jsxs(a.Button,{variant:"outline",onClick:()=>E("reassign"),disabled:k,children:[e.jsx(d.RefreshCw,{className:"h-4 w-4 mr-2"}),"Reassign"]})]})]})]}),m&&y.length>0&&e.jsxs(a.Card,{children:[e.jsx(a.CardHeader,{children:e.jsx(a.CardTitle,{className:"text-sm",children:"Approval History"})}),e.jsx(a.CardContent,{children:e.jsx("div",{className:"space-y-3",children:y.map((c,T)=>e.jsxs("div",{className:"flex items-start gap-3 p-3 rounded-lg border",children:[e.jsx("div",{className:"mt-0.5",children:e.jsx(d.User,{className:"h-4 w-4 text-muted-foreground"})}),e.jsxs("div",{className:"flex-1 min-w-0",children:[e.jsxs("div",{className:"flex items-center gap-2 flex-wrap",children:[e.jsx("span",{className:"font-medium text-sm",children:c.actorName||c.actor}),w(c.action),e.jsx("span",{className:"text-xs text-muted-foreground",children:new Date(c.timestamp).toLocaleString()})]}),c.comment&&e.jsx("p",{className:"text-sm text-muted-foreground mt-1",children:c.comment})]})]},T))})})]}),m&&y.length===0&&e.jsx(a.Card,{children:e.jsx(a.CardContent,{className:"p-6 text-center text-muted-foreground text-sm",children:"No approval history yet"})})]})};S.ComponentRegistry.register("workflow-designer",Q,{label:"Workflow Designer",category:"Enterprise",inputs:[{name:"workflow",type:"code",label:"Initial Workflow Definition"},{name:"readOnly",type:"boolean",label:"Read Only",defaultValue:!1},{name:"showToolbar",type:"boolean",label:"Show Toolbar",defaultValue:!0},{name:"showMinimap",type:"boolean",label:"Show Minimap",defaultValue:!1}]}),S.ComponentRegistry.register("approval-process",Z,{label:"Approval Process",category:"Enterprise",inputs:[{name:"workflowId",type:"string",label:"Workflow ID"},{name:"instanceId",type:"string",label:"Instance ID"},{name:"currentNodeId",type:"string",label:"Current Node ID"},{name:"approvalRule",type:"code",label:"Approval Rule"},{name:"history",type:"code",label:"History"},{name:"showHistory",type:"boolean",label:"Show History",defaultValue:!0},{name:"showComments",type:"boolean",label:"Show Comments",defaultValue:!0}]}),N.ApprovalProcess=Z,N.WorkflowDesigner=Q,Object.defineProperty(N,Symbol.toStringTag,{value:"Module"})}));

package/dist/src/ApprovalProcess.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+import { ApprovalProcessSchema } from '../../types/src';
+export interface ApprovalProcessProps {
+    schema: ApprovalProcessSchema;
+}
+/**
+ * ApprovalProcess - Displays and manages approval workflows
+ * Shows current approval status, history, and action buttons for pending approvals.
+ */
+export declare const ApprovalProcess: React.FC<ApprovalProcessProps>;
+//# sourceMappingURL=ApprovalProcess.d.ts.map

package/dist/src/ApprovalProcess.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ApprovalProcess.d.ts","sourceRoot":"","sources":["../../src/ApprovalProcess.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,KAAK,EAAE,qBAAqB,EAAuB,MAAM,kBAAkB,CAAC;AAGnF,MAAM,WAAW,oBAAoB;IACnC,MAAM,EAAE,qBAAqB,CAAC;CAC/B;AAED;;;GAGG;AACH,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAyK1D,CAAC"}

package/dist/src/WorkflowDesigner.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+import { WorkflowDesignerSchema } from '../../types/src';
+export interface WorkflowDesignerProps {
+    schema: WorkflowDesignerSchema;
+}
+/**
+ * WorkflowDesigner - Visual workflow builder
+ * Provides a visual interface for creating and editing workflow definitions.
+ */
+export declare const WorkflowDesigner: React.FC<WorkflowDesignerProps>;
+//# sourceMappingURL=WorkflowDesigner.d.ts.map

package/dist/src/WorkflowDesigner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WorkflowDesigner.d.ts","sourceRoot":"","sources":["../../src/WorkflowDesigner.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAyC,MAAM,OAAO,CAAC;AAE9D,OAAO,KAAK,EACV,sBAAsB,EAEvB,MAAM,kBAAkB,CAAC;AAM1B,MAAM,WAAW,qBAAqB;IACpC,MAAM,EAAE,sBAAsB,CAAC;CAChC;AAkCD;;;GAGG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CA8W5D,CAAC"}

package/dist/src/index.d.ts

@@ -0,0 +1,4 @@
+import { WorkflowDesigner } from './WorkflowDesigner';
+import { ApprovalProcess } from './ApprovalProcess';
+export { WorkflowDesigner, ApprovalProcess };
+//# sourceMappingURL=index.d.ts.map

package/dist/src/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAGH,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD,OAAO,EAAE,gBAAgB,EAAE,eAAe,EAAE,CAAC"}

package/package.json

@@ -0,0 +1,46 @@
+{
+  "name": "@object-ui/plugin-workflow",
+  "version": "0.1.0",
+  "type": "module",
+  "main": "dist/index.umd.cjs",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.umd.cjs"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "peerDependencies": {
+    "react": "^18.0.0 || ^19.0.0",
+    "react-dom": "^18.0.0 || ^19.0.0",
+    "@object-ui/core": "0.5.0",
+    "@object-ui/types": "0.5.0",
+    "@object-ui/components": "0.5.0",
+    "@object-ui/react": "0.5.0"
+  },
+  "dependencies": {
+    "clsx": "^2.1.0",
+    "lucide-react": "^0.344.0",
+    "tailwind-merge": "^2.2.1"
+  },
+  "devDependencies": {
+    "@types/node": "^25.2.2",
+    "@types/react": "^19.2.13",
+    "@types/react-dom": "^19.2.3",
+    "@vitejs/plugin-react": "^5.1.3",
+    "vite": "^7.3.1",
+    "vite-plugin-dts": "^4.5.4",
+    "vitest": "^4.0.18"
+  },
+  "scripts": {
+    "build": "vite build",
+    "clean": "rm -rf dist",
+    "test": "vitest run",
+    "lint": "eslint ."
+  }
+}