treege 3.0.0-beta.27 → 3.0.0-beta.28

package/dist/{TreegeEditor-PuRxHufZ.js → TreegeEditor-Bi7GcSKl.js}

@@ -1,9 +1,9 @@
-import { j as e, i as je, u as dt, L as oe, N as ye, c as Se, a as ct, b as ut } from "./node-gfy3ym4p.js";
-import { useNodes as Oe, useEdges as We, getBezierPath as Je, useReactFlow as ue, BaseEdge as qe, EdgeLabelRenderer as Xe, addEdge as ht, Handle as ie, Position as de, NodeResizer as mt, Panel as pt, ReactFlowProvider as xt, ReactFlow as gt, Background as jt, BackgroundVariant as Ct, MiniMap as vt, Controls as ft } from "@xyflow/react";
+import { j as e, i as je, e as dt, L as oe, N as ye, c as Se, a as ct, b as ut, T as ht } from "./ThemeContext-BBEqRK_Q.js";
+import { useNodes as Oe, useEdges as We, getBezierPath as Je, useReactFlow as ue, BaseEdge as qe, EdgeLabelRenderer as Xe, addEdge as mt, Handle as ie, Position as de, NodeResizer as pt, Panel as xt, ReactFlowProvider as gt, ReactFlow as jt, Background as Ct, BackgroundVariant as vt, MiniMap as ft, Controls as bt } from "@xyflow/react";
 import { useForm as ne } from "@tanstack/react-form";
-import { Waypoints as bt, X as se, Plus as X, Network as Nt, Boxes as yt, Type as Qe, LucidePencilRuler as wt, XIcon as et, WandSparkles as _e, Loader2 as Ft, Save as St, EllipsisVertical as Et, Copy as kt, Download as Pt, ArrowRightFromLine as Dt, Trash2 as tt, Variable as we, ChevronsUpDown as re, Check as Tt, PlusCircle as At } from "lucide-react";
-import { useMemo as le, createContext as Vt, useContext as It, useState as z, memo as he, useCallback as $, useRef as Ot, useEffect as Mt, useId as Fe } from "react";
-import { j as P, P as Me, g as Le, B as S, h as Be, F as N, L as j, I as k, f as M, k as Lt, S as _, m as R, n as Z, o as K, q as y, s as Ge, p as te, r as J, C as Bt, i as Gt, a as $t, b as zt, c as Re, d as Ve, v as $e, l as at, t as Ht, T as Ut } from "./ThemeContext-Cc71SvqK.js";
+import { Waypoints as Nt, X as se, Plus as X, Network as yt, Boxes as wt, Type as Qe, LucidePencilRuler as Ft, XIcon as et, WandSparkles as _e, Loader2 as St, Save as Et, EllipsisVertical as kt, Copy as Pt, Download as Dt, ArrowRightFromLine as Tt, Trash2 as tt, Variable as we, ChevronsUpDown as re, Check as At, PlusCircle as Vt } from "lucide-react";
+import { useMemo as le, createContext as It, useContext as Ot, useState as z, memo as he, useCallback as $, useRef as Mt, useEffect as Lt, useId as Fe } from "react";
+import { j as P, P as Me, g as Le, B as S, h as Be, F as N, L as j, I as k, f as M, k as Bt, S as _, m as R, n as Z, o as K, q as y, T as Ge, p as te, r as J, C as Gt, i as $t, a as zt, b as Ht, c as Re, d as Ve, t as $e, l as at, s as Ut } from "./separator-oCo7kxCK.js";
 import * as Ce from "@radix-ui/react-scroll-area";
 import { Slot as _t } from "@radix-ui/react-slot";
 import { cva as Rt } from "class-variance-authority";
@@ -41,7 +41,7 @@ const Yt = "data:image/svg+xml,%3csvg%20width='462'%20height='144'%20viewBox='0%
       };
     });
   }, [t, s, l]);
-}, st = Vt(null), qt = ({ children: t, value: s }) => {
+}, st = It(null), qt = ({ children: t, value: s }) => {
   const [l, i] = z(s?.flowId), h = le(
     () => ({
       ...s,
@@ -57,7 +57,7 @@ const Yt = "data:image/svg+xml,%3csvg%20width='462'%20height='144'%20viewBox='0%
     [l, s]
   );
   return /* @__PURE__ */ e.jsx(st.Provider, { value: h, children: t });
-}, nt = () => It(st) ?? {
+}, nt = () => Ot(st) ?? {
   flowId: void 0,
   language: "en",
   setFlowId: () => {
@@ -183,7 +183,7 @@ const Qt = ({
               className: "h-8 px-2 text-xs",
               onClick: A,
               children: [
-                /* @__PURE__ */ e.jsx(bt, { className: "mr-1 h-3 w-3" }),
+                /* @__PURE__ */ e.jsx(Nt, { className: "mr-1 h-3 w-3" }),
                 w || a?.isFallback ? T() : C("editor.conditionalEdge.condition")
               ]
             }
@@ -215,7 +215,7 @@ const Qt = ({
                   ] }) }),
                   /* @__PURE__ */ e.jsx(E, { name: "isFallback", children: (v) => /* @__PURE__ */ e.jsx(N, { children: /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-3 rounded-lg border bg-muted/20 p-3", children: [
                     /* @__PURE__ */ e.jsx(
-                      Lt,
+                      Bt,
                       {
                         id: v.name,
                         checked: v.state.value,
@@ -442,7 +442,7 @@ const rt = {
   ), f = $(
     (u) => {
       s((m) => {
-        const p = ht(u, m), x = u.source, F = i(x);
+        const p = mt(u, m), x = u.source, F = i(x);
         return p.filter((w) => w.source === x).length > 1 && F && je(F) ? p.map((w) => w.source === x ? {
           ...w,
           data: {
@@ -547,7 +547,7 @@ const ia = ({ data: t, isConnectable: s, type: l, parentId: i, id: h }) => {
     /* @__PURE__ */ e.jsx(ie, { type: "target", position: de.Top, isConnectable: s, isConnectableStart: !1 }),
     /* @__PURE__ */ e.jsx("div", { className: "mb-1 max-w-full overflow-hidden text-ellipsis text-nowrap text-2xl", children: n }),
     /* @__PURE__ */ e.jsxs(ve, { variant: "destructive", className: "capitalize", children: [
-      /* @__PURE__ */ e.jsx(Nt, {}),
+      /* @__PURE__ */ e.jsx(yt, {}),
       l
     ] }),
     /* @__PURE__ */ e.jsx(
@@ -565,9 +565,9 @@ const ia = ({ data: t, isConnectable: s, type: l, parentId: i, id: h }) => {
 }, da = he(ia), ca = ({ data: t }) => {
   const l = B()(t?.label);
   return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    /* @__PURE__ */ e.jsx(mt, {}),
+    /* @__PURE__ */ e.jsx(pt, {}),
     /* @__PURE__ */ e.jsx("div", { className: "-top-3.5 absolute left-6", children: /* @__PURE__ */ e.jsxs(ve, { className: "max-w-50 bg-chart-2", children: [
-      /* @__PURE__ */ e.jsx(yt, { className: "!w-3 !h-3" }),
+      /* @__PURE__ */ e.jsx(wt, { className: "!w-3 !h-3" }),
       l
     ] }) })
   ] });
@@ -599,7 +599,7 @@ const ia = ({ data: t, isConnectable: s, type: l, parentId: i, id: h }) => {
     /* @__PURE__ */ e.jsx("div", { className: "mb-1 max-w-full overflow-hidden text-ellipsis text-nowrap text-2xl capitalize", children: n }),
     /* @__PURE__ */ e.jsxs("div", { className: "flex gap-1", children: [
       /* @__PURE__ */ e.jsxs(ve, { variant: "purple", children: [
-        /* @__PURE__ */ e.jsx(wt, {}),
+        /* @__PURE__ */ e.jsx(Ft, {}),
         l
       ] }),
       t?.type && /* @__PURE__ */ e.jsxs(ve, { variant: "outline", className: "capitalize", children: [
@@ -1270,7 +1270,7 @@ const Da = ({ aiConfig: t, onGenerate: s }) => {
       /* @__PURE__ */ e.jsxs(Ea, { children: [
         /* @__PURE__ */ e.jsx(S, { variant: "outline", onClick: () => i(!1), disabled: n, children: d("editor.aiGenerator.cancel") }),
         /* @__PURE__ */ e.jsx(S, { onClick: c, disabled: n || !h.trim() || !t?.apiKey, children: n ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-          /* @__PURE__ */ e.jsx(Ft, { className: "h-4 w-4 animate-spin" }),
+          /* @__PURE__ */ e.jsx(St, { className: "h-4 w-4 animate-spin" }),
           d("editor.aiGenerator.generating")
         ] }) : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
           /* @__PURE__ */ e.jsx(_e, { className: "h-4 w-4 text-[--treege-color-primary]" }),
@@ -1349,7 +1349,7 @@ function Ke({ className: t, ...s }) {
   );
 }
 const Aa = ce(), Va = ({ onExportJson: t, onSave: s }) => {
-  const { flowId: l, setFlowId: i, aiConfig: h } = nt(), { setNodes: o, setEdges: n, addNodes: f, screenToFlowPosition: d } = ue(), c = l || Aa, a = Oe(), r = We(), u = Ot(null), m = B(), p = () => {
+  const { flowId: l, setFlowId: i, aiConfig: h } = nt(), { setNodes: o, setEdges: n, addNodes: f, screenToFlowPosition: d } = ue(), c = l || Aa, a = Oe(), r = We(), u = Mt(null), m = B(), p = () => {
     const b = (window.innerWidth || 0) / 2, E = (window.innerHeight || 0) / 2, A = parseInt(getComputedStyle(document.documentElement).getPropertyValue("--node-width"), 10), V = parseInt(getComputedStyle(document.documentElement).getPropertyValue("--node-height"), 10), T = d({ x: b - A, y: E - V });
     f([
       {
@@ -1401,14 +1401,14 @@ const Aa = ce(), Va = ({ onExportJson: t, onSave: s }) => {
   }, I = (b) => {
     o(b.nodes), n(b.edges);
   };
-  return Mt(() => {
+  return Lt(() => {
     const b = (E) => {
       (E.ctrlKey || E.metaKey) && E.key === "s" && (E.preventDefault(), g());
     };
     return window.addEventListener("keydown", b), () => {
       window.removeEventListener("keydown", b);
     };
-  }, [g]), /* @__PURE__ */ e.jsxs(pt, { position: "top-right", className: "flex gap-2", children: [
+  }, [g]), /* @__PURE__ */ e.jsxs(xt, { position: "top-right", className: "flex gap-2", children: [
     /* @__PURE__ */ e.jsx(Da, { aiConfig: h, onGenerate: I }),
     /* @__PURE__ */ e.jsxs(S, { variant: "outline", size: "sm", onClick: p, children: [
       /* @__PURE__ */ e.jsx(X, {}),
@@ -1416,12 +1416,12 @@ const Aa = ce(), Va = ({ onExportJson: t, onSave: s }) => {
       m("editor.actionsPanel.addNode")
     ] }),
     /* @__PURE__ */ e.jsxs(S, { variant: "outline", size: "sm", onClick: g, children: [
-      /* @__PURE__ */ e.jsx(St, {}),
+      /* @__PURE__ */ e.jsx(Et, {}),
       " ",
       m("common.save")
     ] }),
     /* @__PURE__ */ e.jsxs(fe, { children: [
-      /* @__PURE__ */ e.jsx(be, { asChild: !0, children: /* @__PURE__ */ e.jsx(S, { variant: "outline", size: "sm", children: /* @__PURE__ */ e.jsx(Et, {}) }) }),
+      /* @__PURE__ */ e.jsx(be, { asChild: !0, children: /* @__PURE__ */ e.jsx(S, { variant: "outline", size: "sm", children: /* @__PURE__ */ e.jsx(kt, {}) }) }),
       /* @__PURE__ */ e.jsxs(Ne, { align: "start", children: [
         /* @__PURE__ */ e.jsx(Ta, { className: "font-normal", children: /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-1", children: [
           /* @__PURE__ */ e.jsx("span", { className: "text-muted-foreground text-xs", children: "Flow ID" }),
@@ -1432,7 +1432,7 @@ const Aa = ce(), Va = ({ onExportJson: t, onSave: s }) => {
               className: "flex items-center gap-2 font-mono text-muted-foreground transition-colors hover:text-primary",
               type: "button",
               children: [
-                /* @__PURE__ */ e.jsx(kt, { className: "h-3 w-3" }),
+                /* @__PURE__ */ e.jsx(Pt, { className: "h-3 w-3" }),
                 /* @__PURE__ */ e.jsx("span", { className: "truncate text-xs", children: c })
               ]
             }
@@ -1441,12 +1441,12 @@ const Aa = ce(), Va = ({ onExportJson: t, onSave: s }) => {
         /* @__PURE__ */ e.jsx(Ke, {}),
         /* @__PURE__ */ e.jsxs(Ze, { children: [
           /* @__PURE__ */ e.jsxs(W, { onClick: () => u?.current?.click(), children: [
-            /* @__PURE__ */ e.jsx(Pt, {}),
+            /* @__PURE__ */ e.jsx(Dt, {}),
             " ",
             m("editor.actionsPanel.importJson")
           ] }),
           /* @__PURE__ */ e.jsxs(W, { onClick: F, children: [
-            /* @__PURE__ */ e.jsx(Dt, {}),
+            /* @__PURE__ */ e.jsx(Tt, {}),
             " ",
             m("editor.actionsPanel.exportJson")
           ] })
@@ -2290,10 +2290,10 @@ const Aa = ce(), Va = ({ onExportJson: t, onSave: s }) => {
         ]
       }
     ) }),
-    /* @__PURE__ */ e.jsx(Be, { className: "w-full p-0", align: "start", children: /* @__PURE__ */ e.jsxs(Bt, { shouldFilter: !1, children: [
-      /* @__PURE__ */ e.jsx(Gt, { placeholder: o, value: p, onValueChange: x }),
-      /* @__PURE__ */ e.jsxs($t, { children: [
-        /* @__PURE__ */ e.jsx(zt, { children: d }),
+    /* @__PURE__ */ e.jsx(Be, { className: "w-full p-0", align: "start", children: /* @__PURE__ */ e.jsxs(Gt, { shouldFilter: !1, children: [
+      /* @__PURE__ */ e.jsx($t, { placeholder: o, value: p, onValueChange: x }),
+      /* @__PURE__ */ e.jsxs(zt, { children: [
+        /* @__PURE__ */ e.jsx(Ht, { children: d }),
         a && C && /* @__PURE__ */ e.jsx(Re, { children: /* @__PURE__ */ e.jsxs(Ve, { value: "__clear__", onSelect: T, className: "mt-1 text-muted-foreground", children: [
           /* @__PURE__ */ e.jsx(se, { className: "mr-2 h-4 w-4" }),
           f
@@ -2313,7 +2313,7 @@ const Aa = ce(), Va = ({ onExportJson: t, onSave: s }) => {
               onSelect: () => A(D?.value || ""),
               children: [
                 /* @__PURE__ */ e.jsx(
-                  Tt,
+                  At,
                   {
                     "aria-hidden": "true",
                     className: P(
@@ -3059,7 +3059,7 @@ const Za = () => {
         ] }) })
       ] }),
       /* @__PURE__ */ e.jsxs(Me, { open: l, onOpenChange: i, children: [
-        /* @__PURE__ */ e.jsx(Le, { asChild: !0, children: /* @__PURE__ */ e.jsx(S, { variant: "outline", size: "icon", title: "Create a new group", children: /* @__PURE__ */ e.jsx(At, { className: "h-4 w-4" }) }) }),
+        /* @__PURE__ */ e.jsx(Le, { asChild: !0, children: /* @__PURE__ */ e.jsx(S, { variant: "outline", size: "icon", title: "Create a new group", children: /* @__PURE__ */ e.jsx(Vt, { className: "h-4 w-4" }) }) }),
         /* @__PURE__ */ e.jsx(Be, { className: "w-80", align: "end", disablePortal: !0, children: /* @__PURE__ */ e.jsxs("div", { className: "space-y-4", children: [
           /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
             /* @__PURE__ */ e.jsx("h4", { className: "font-medium leading-none", children: c("editor.selectNodeGroup.newGroup") }),
@@ -3241,7 +3241,7 @@ const xs = () => {
     /* @__PURE__ */ e.jsx(ot, { className: "flex min-h-0 flex-1 flex-col px-4", children: /* @__PURE__ */ e.jsxs("div", { className: "space-y-6 py-4", children: [
       /* @__PURE__ */ e.jsx(Wa, {}),
       /* @__PURE__ */ e.jsx(Ya, {}),
-      /* @__PURE__ */ e.jsx(Ht, {}),
+      /* @__PURE__ */ e.jsx(Ut, {}),
       je(t) && /* @__PURE__ */ e.jsx(Za, {}),
       ct(t) && /* @__PURE__ */ e.jsx(Ka, {}),
       ut(t) && /* @__PURE__ */ e.jsx(Oa, {}),
@@ -3279,7 +3279,7 @@ const xs = () => {
 }, js = ({ flow: t, onExportJson: s, onSave: l, theme: i, className: h }) => {
   const { onConnect: o, onConnectEnd: n, onEdgesDelete: f, isValidConnection: d } = lt();
   return /* @__PURE__ */ e.jsxs(
-    gt,
+    jt,
     {
       fitView: !0,
       colorMode: i,
@@ -3294,18 +3294,18 @@ const xs = () => {
       isValidConnection: d,
       className: P(h, "treege"),
       children: [
-        /* @__PURE__ */ e.jsx(jt, { gap: 10, variant: Ct.Dots }),
+        /* @__PURE__ */ e.jsx(Ct, { gap: 10, variant: vt.Dots }),
         /* @__PURE__ */ e.jsx(Va, { onExportJson: s, onSave: l }),
         /* @__PURE__ */ e.jsx(Jt, { theme: i }),
-        /* @__PURE__ */ e.jsx(vt, {}),
         /* @__PURE__ */ e.jsx(ft, {}),
+        /* @__PURE__ */ e.jsx(bt, {}),
         /* @__PURE__ */ e.jsx(xs, {})
       ]
     }
   );
-}, ks = ({ flow: t, onExportJson: s, onSave: l, theme: i = "dark", language: h = "en", aiConfig: o }) => /* @__PURE__ */ e.jsx(Ut, { defaultTheme: i, storageKey: "treege-editor-theme", theme: i, children: /* @__PURE__ */ e.jsxs(qt, { value: { aiConfig: o, flowId: t?.id, language: h }, children: [
+}, ks = ({ flow: t, onExportJson: s, onSave: l, theme: i = "dark", language: h = "en", aiConfig: o }) => /* @__PURE__ */ e.jsx(ht, { defaultTheme: i, storageKey: "treege-editor-theme", theme: i, children: /* @__PURE__ */ e.jsxs(qt, { value: { aiConfig: o, flowId: t?.id, language: h }, children: [
   /* @__PURE__ */ e.jsx(gs, { position: "bottom-center" }),
-  /* @__PURE__ */ e.jsx(xt, { children: /* @__PURE__ */ e.jsx(js, { onExportJson: s, onSave: l, flow: t, theme: i }) })
+  /* @__PURE__ */ e.jsx(gt, { children: /* @__PURE__ */ e.jsx(js, { onExportJson: s, onSave: l, flow: t, theme: i }) })
 ] }) });
 export {
   ks as T