treege 3.0.0-beta.26 → 3.0.0-beta.28

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

@@ -1,8 +1,9 @@
-import { j as e, i as je, e as dt, s as k, P as Oe, p as Me, B as S, q as Le, F as N, f as j, I as D, o as M, t as ct, S as _, w as R, x as Z, y as K, A as y, L as oe, N as ye, E as Ge, z as te, c as Se, D as J, C as ut, r as ht, h as mt, k as pt, l as _e, m as Ve, H as Be, v as We, a as xt, b as gt, G as jt, T as Ct } from "./ThemeContext-BIT4DHqC.js";
-import { useNodes as $e, useEdges as Je, getBezierPath as qe, useReactFlow as ue, BaseEdge as Xe, EdgeLabelRenderer as Qe, addEdge as vt, Handle as ie, Position as de, NodeResizer as ft, Panel as bt, ReactFlowProvider as Nt, ReactFlow as yt, Background as wt, BackgroundVariant as Ft, MiniMap as St, Controls as Et } 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 Dt, X as se, Plus as X, Network as kt, Boxes as Pt, Type as et, LucidePencilRuler as Tt, XIcon as tt, WandSparkles as Re, Loader2 as At, Save as Vt, EllipsisVertical as It, Copy as Ot, Download as Mt, ArrowRightFromLine as Lt, Trash2 as at, Variable as we, ChevronsUpDown as re, Check as Gt, PlusCircle as Bt } from "lucide-react";
-import { useMemo as le, createContext as $t, useContext as zt, useState as z, memo as he, useCallback as $, useRef as Ht, useEffect as Ut, useId as Fe } from "react";
+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";
@@ -20,7 +21,7 @@ const Yt = "data:image/svg+xml,%3csvg%20width='462'%20height='144'%20viewBox='0%
     className: "relative h-14 w-auto drop-shadow-[0_0px_35px] drop-shadow-blue-600"
   }
 ) }), Ee = (t) => {
-  const s = $e(), l = Je();
+  const s = Oe(), l = We();
   return le(() => {
     if (!t)
       return [];
@@ -40,7 +41,7 @@ const Yt = "data:image/svg+xml,%3csvg%20width='462'%20height='144'%20viewBox='0%
       };
     });
   }, [t, s, l]);
-}, st = $t(null), qt = ({ children: t, value: s }) => {
+}, st = It(null), qt = ({ children: t, value: s }) => {
   const [l, i] = z(s?.flowId), h = le(
     () => ({
       ...s,
@@ -56,17 +57,17 @@ 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 = () => zt(st) ?? {
+}, nt = () => Ot(st) ?? {
   flowId: void 0,
   language: "en",
   setFlowId: () => {
   }
-}, G = (t) => {
+}, B = (t) => {
   const l = nt().language;
   return dt(l);
 };
 function ot({ className: t, children: s, ...l }) {
-  return /* @__PURE__ */ e.jsxs(Ce.Root, { "data-slot": "scroll-area", className: k("relative", t), ...l, children: [
+  return /* @__PURE__ */ e.jsxs(Ce.Root, { "data-slot": "scroll-area", className: P("relative", t), ...l, children: [
     /* @__PURE__ */ e.jsx(
       Ce.Viewport,
       {
@@ -89,7 +90,7 @@ function Xt({
     {
       "data-slot": "scroll-area-scrollbar",
       orientation: s,
-      className: k(
+      className: P(
         "flex touch-none select-none p-px transition-colors",
         s === "vertical" && "h-full w-2.5 border-l border-l-transparent",
         s === "horizontal" && "h-2.5 flex-col border-t border-t-transparent",
@@ -113,14 +114,14 @@ const Qt = ({
   style: c,
   data: a
 }) => {
-  const [r, u, m] = qe({
+  const [r, u, m] = Je({
     sourcePosition: n,
     sourceX: l,
     sourceY: i,
     targetPosition: f,
     targetX: h,
     targetY: o
-  }), [p, x] = z(!1), { updateEdgeData: F } = ue(), g = Ee(s), w = a?.conditions && a.conditions.length > 0, C = G(), { handleSubmit: I, reset: b, Field: E } = ne({
+  }), [p, x] = z(!1), { updateEdgeData: F } = ue(), g = Ee(s), w = a?.conditions && a.conditions.length > 0, C = B(), { handleSubmit: I, reset: b, Field: E } = ne({
     defaultValues: {
       conditions: a?.conditions || [{ field: g[0]?.nodeId ?? "", operator: "===", value: "" }],
       isFallback: !!a?.isFallback,
@@ -149,24 +150,24 @@ const Qt = ({
     const v = a.conditions;
     if (v.length === 1)
       return `${g.find((H) => H.nodeId === v[0].field)?.label || v[0].field} ${v[0].operator} ${v[0].value}`;
-    const B = v.filter((O) => O.logicalOperator === oe.AND).length, Ae = v.filter((O) => O.logicalOperator === oe.OR).length;
-    return B > 0 && Ae === 0 ? `${v.length} ${C("editor.conditionalEdge.conditionsAnd")}` : Ae > 0 && B === 0 ? `${v.length} ${C("editor.conditionalEdge.conditionsOr")}` : `${v.length} ${C("editor.conditionalEdge.conditionsMixed")}`;
-  }, P = () => a?.isFallback ? "var(--color-chart-4)" : w ? "var(--color-chart-2)" : "var(--color-chart-3)";
+    const G = v.filter((O) => O.logicalOperator === oe.AND).length, Ae = v.filter((O) => O.logicalOperator === oe.OR).length;
+    return G > 0 && Ae === 0 ? `${v.length} ${C("editor.conditionalEdge.conditionsAnd")}` : Ae > 0 && G === 0 ? `${v.length} ${C("editor.conditionalEdge.conditionsOr")}` : `${v.length} ${C("editor.conditionalEdge.conditionsMixed")}`;
+  }, D = () => a?.isFallback ? "var(--color-chart-4)" : w ? "var(--color-chart-2)" : "var(--color-chart-3)";
   return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsx(
-      Xe,
+      qe,
       {
         path: r,
         markerEnd: d,
         style: {
           ...c,
-          stroke: P(),
+          stroke: D(),
           strokeDasharray: a?.isFallback ? "5,5" : void 0,
           strokeWidth: w || a?.isFallback ? 2 : c?.strokeWidth
         }
       }
     ),
-    /* @__PURE__ */ e.jsx(Qe, { children: /* @__PURE__ */ e.jsx(
+    /* @__PURE__ */ e.jsx(Xe, { children: /* @__PURE__ */ e.jsx(
       "div",
       {
         className: "nodrag nopan absolute",
@@ -174,20 +175,20 @@ const Qt = ({
           pointerEvents: "all",
           transform: `translate(-50%, -50%) translate(${u}px,${m}px)`
         },
-        children: /* @__PURE__ */ e.jsxs(Oe, { open: p, onOpenChange: x, children: [
-          /* @__PURE__ */ e.jsx(Me, { asChild: !0, children: /* @__PURE__ */ e.jsxs(
+        children: /* @__PURE__ */ e.jsxs(Me, { open: p, onOpenChange: x, children: [
+          /* @__PURE__ */ e.jsx(Le, { asChild: !0, children: /* @__PURE__ */ e.jsxs(
             S,
             {
               variant: w || a?.isFallback ? "default" : "secondary",
               className: "h-8 px-2 text-xs",
               onClick: A,
               children: [
-                /* @__PURE__ */ e.jsx(Dt, { 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")
               ]
             }
           ) }),
-          /* @__PURE__ */ e.jsx(Le, { className: "w-96 p-1", align: "center", onClick: (v) => v.stopPropagation(), children: /* @__PURE__ */ e.jsx(ot, { className: "flex max-h-150 flex-col p-3", children: /* @__PURE__ */ e.jsx(
+          /* @__PURE__ */ e.jsx(Be, { className: "w-96 p-1", align: "center", onClick: (v) => v.stopPropagation(), children: /* @__PURE__ */ e.jsx(ot, { className: "flex max-h-150 flex-col p-3", children: /* @__PURE__ */ e.jsx(
             "form",
             {
               onSubmit: (v) => {
@@ -202,23 +203,23 @@ const Qt = ({
                   /* @__PURE__ */ e.jsx(E, { name: "label", children: (v) => /* @__PURE__ */ e.jsxs(N, { children: [
                     /* @__PURE__ */ e.jsx(j, { htmlFor: v.name, children: C("editor.conditionalEdge.labelOptional") }),
                     /* @__PURE__ */ e.jsx(
-                      D,
+                      k,
                       {
                         id: v.name,
                         placeholder: C("editor.conditionalEdge.labelPlaceholder"),
                         value: v.state.value,
-                        onChange: (B) => v.handleChange(B.target.value)
+                        onChange: (G) => v.handleChange(G.target.value)
                       }
                     ),
                     /* @__PURE__ */ e.jsx(M, { children: C("editor.conditionalEdge.labelDesc") })
                   ] }) }),
                   /* @__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(
-                      ct,
+                      Bt,
                       {
                         id: v.name,
                         checked: v.state.value,
-                        onCheckedChange: (B) => v.handleChange(B)
+                        onCheckedChange: (G) => v.handleChange(G)
                       }
                     ),
                     /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-1", children: [
@@ -227,9 +228,9 @@ const Qt = ({
                     ] })
                   ] }) }) }),
                   /* @__PURE__ */ e.jsx(E, { name: "conditions", mode: "array", children: (v) => {
-                    const B = v.form.getFieldValue("isFallback");
+                    const G = v.form.getFieldValue("isFallback");
                     return /* @__PURE__ */ e.jsxs("div", { className: "space-y-3", children: [
-                      /* @__PURE__ */ e.jsx(j, { className: B ? "text-muted-foreground" : "", children: C("editor.conditionalEdge.conditions") }),
+                      /* @__PURE__ */ e.jsx(j, { className: G ? "text-muted-foreground" : "", children: C("editor.conditionalEdge.conditions") }),
                       /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
                         v.state.value?.map((Ae, O) => /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
                           /* @__PURE__ */ e.jsxs("div", { className: "space-y-2 rounded-lg border bg-muted/30 p-3", children: [
@@ -238,7 +239,7 @@ const Qt = ({
                               /* @__PURE__ */ e.jsxs(
                                 _,
                                 {
-                                  disabled: B,
+                                  disabled: G,
                                   value: H.state.value || "",
                                   onValueChange: (Y) => H.handleChange(Y),
                                   children: [
@@ -259,7 +260,7 @@ const Qt = ({
                                 /* @__PURE__ */ e.jsxs(
                                   _,
                                   {
-                                    disabled: B,
+                                    disabled: G,
                                     value: H.state.value || "===",
                                     onValueChange: (Y) => H.handleChange(Y),
                                     children: [
@@ -279,9 +280,9 @@ const Qt = ({
                               /* @__PURE__ */ e.jsx(E, { name: `conditions[${O}].value`, children: (H) => /* @__PURE__ */ e.jsxs(N, { className: "w-full", children: [
                                 /* @__PURE__ */ e.jsx(j, { htmlFor: `value-${O}`, children: C("editor.conditionalEdge.value") }),
                                 /* @__PURE__ */ e.jsx(
-                                  D,
+                                  k,
                                   {
-                                    disabled: B,
+                                    disabled: G,
                                     id: `value-${O}`,
                                     placeholder: C("editor.conditionalEdge.valuePlaceholder"),
                                     value: H.state.value || "",
@@ -293,7 +294,7 @@ const Qt = ({
                             v.state.value && v.state.value.length > 1 && /* @__PURE__ */ e.jsxs(
                               S,
                               {
-                                disabled: B,
+                                disabled: G,
                                 type: "button",
                                 variant: "ghost",
                                 size: "sm",
@@ -311,7 +312,7 @@ const Qt = ({
                           v.state.value && O < v.state.value.length - 1 && /* @__PURE__ */ e.jsx(E, { name: `conditions[${O}].logicalOperator`, children: (H) => /* @__PURE__ */ e.jsx("div", { className: "flex justify-center", children: /* @__PURE__ */ e.jsxs(
                             _,
                             {
-                              disabled: B,
+                              disabled: G,
                               value: H.state.value || oe.AND,
                               onValueChange: (Y) => H.handleChange(Y),
                               children: [
@@ -327,7 +328,7 @@ const Qt = ({
                         /* @__PURE__ */ e.jsxs(
                           S,
                           {
-                            disabled: B,
+                            disabled: G,
                             type: "button",
                             variant: "outline",
                             size: "sm",
@@ -365,7 +366,7 @@ const Qt = ({
     ) })
   ] });
 }, ea = he(Qt), ta = ({ id: t, sourceX: s, sourceY: l, targetX: i, targetY: h, sourcePosition: o, targetPosition: n, style: f, markerEnd: d, selected: c }) => {
-  const [a, r, u] = qe({
+  const [a, r, u] = Je({
     sourcePosition: o,
     sourceX: s,
     sourceY: l,
@@ -376,8 +377,8 @@ const Qt = ({
     m((x) => x.filter((F) => F.id !== t));
   };
   return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    /* @__PURE__ */ e.jsx(Xe, { path: a, markerEnd: d, style: f }),
-    /* @__PURE__ */ e.jsx(Qe, { children: c && /* @__PURE__ */ e.jsx(
+    /* @__PURE__ */ e.jsx(qe, { path: a, markerEnd: d, style: f }),
+    /* @__PURE__ */ e.jsx(Xe, { children: c && /* @__PURE__ */ e.jsx(
       "div",
       {
         className: "button-edge__label nodrag nopan",
@@ -441,7 +442,7 @@ const rt = {
   ), f = $(
     (u) => {
       s((m) => {
-        const p = vt(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: {
@@ -513,7 +514,7 @@ const rt = {
     },
     [s, t]
   );
-}, Ue = ({ children: t, inGroup: s, isSubmit: l }) => /* @__PURE__ */ e.jsx("div", { className: k("react-flow__node__wrapper", s && "in-group", l && "submit-type"), children: t }), la = Rt(
+}, Ue = ({ children: t, inGroup: s, isSubmit: l }) => /* @__PURE__ */ e.jsx("div", { className: P("react-flow__node__wrapper", s && "in-group", l && "submit-type"), children: t }), la = Rt(
   "inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden",
   {
     defaultVariants: {
@@ -538,15 +539,15 @@ function ve({
   ...i
 }) {
   const h = l ? _t : "span";
-  return /* @__PURE__ */ e.jsx(h, { "data-slot": "badge", className: k(la({ variant: s }), t), ...i });
+  return /* @__PURE__ */ e.jsx(h, { "data-slot": "badge", className: P(la({ variant: s }), t), ...i });
 }
 const ia = ({ data: t, isConnectable: s, type: l, parentId: i, id: h }) => {
-  const n = G()(t?.label), f = He(h);
+  const n = B()(t?.label), f = He(h);
   return /* @__PURE__ */ e.jsxs(Ue, { inGroup: !!i, children: [
     /* @__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(kt, {}),
+      /* @__PURE__ */ e.jsx(yt, {}),
       l
     ] }),
     /* @__PURE__ */ e.jsx(
@@ -562,21 +563,21 @@ const ia = ({ data: t, isConnectable: s, type: l, parentId: i, id: h }) => {
     )
   ] });
 }, da = he(ia), ca = ({ data: t }) => {
-  const l = G()(t?.label);
+  const l = B()(t?.label);
   return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    /* @__PURE__ */ e.jsx(ft, {}),
+    /* @__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(Pt, { className: "!w-3 !h-3" }),
+      /* @__PURE__ */ e.jsx(wt, { className: "!w-3 !h-3" }),
       l
     ] }) })
   ] });
 }, ua = he(ca), ha = ({ data: t, isConnectable: s, parentId: l, id: i }) => {
-  const o = G()(t?.label), n = He(i);
+  const o = B()(t?.label), n = He(i);
   return /* @__PURE__ */ e.jsxs(Ue, { inGroup: !!l, isSubmit: t?.type === "submit", children: [
     /* @__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: o || t?.name }),
     /* @__PURE__ */ e.jsx("div", { className: "flex gap-1", children: t?.type && /* @__PURE__ */ e.jsxs(ve, { variant: "blue", className: "capitalize", children: [
-      /* @__PURE__ */ e.jsx(et, {}),
+      /* @__PURE__ */ e.jsx(Qe, {}),
       t.type
     ] }) }),
     /* @__PURE__ */ e.jsx(
@@ -592,17 +593,17 @@ const ia = ({ data: t, isConnectable: s, type: l, parentId: i, id: h }) => {
     )
   ] });
 }, ma = he(ha), pa = ({ data: t, isConnectable: s, type: l, parentId: i, id: h }) => {
-  const n = G()(t?.label), f = He(h);
+  const n = B()(t?.label), f = He(h);
   return /* @__PURE__ */ e.jsxs(Ue, { inGroup: !!i, children: [
     /* @__PURE__ */ e.jsx(ie, { type: "target", position: de.Top, isConnectable: s }),
     /* @__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(Tt, {}),
+        /* @__PURE__ */ e.jsx(Ft, {}),
         l
       ] }),
       t?.type && /* @__PURE__ */ e.jsxs(ve, { variant: "outline", className: "capitalize", children: [
-        /* @__PURE__ */ e.jsx(et, {}),
+        /* @__PURE__ */ e.jsx(Qe, {}),
         t.type
       ] })
     ] }),
@@ -623,7 +624,7 @@ const ia = ({ data: t, isConnectable: s, type: l, parentId: i, id: h }) => {
   [ye.group]: ua,
   [ye.input]: ma,
   [ye.ui]: xa
-}, De = `You are a Treege decision tree generator. You must generate valid JSON structures for decision trees.
+}, ke = `You are a Treege decision tree generator. You must generate valid JSON structures for decision trees.
 
 IMPORTANT RULES:
 1. Always respond with valid JSON only, no markdown, no code blocks, no explanations outside the JSON
@@ -983,12 +984,12 @@ Remember:
 - For submit buttons, ALWAYS use type "input" with data.type "submit"
 - For conditional edges, ALWAYS specify the value as a string and use proper operators (>=, <, ===, etc.)
 - Never leave condition values empty - always provide the comparison value
-`, ke = {
+`, Pe = {
   claude: "claude-3-5-haiku-20241022",
   deepseek: "deepseek-chat",
   gemini: "gemini-2.5-flash",
   openai: "gpt-4o-mini"
-}, Pe = 0.3;
+}, De = 0.3;
 function Te(t) {
   try {
     return JSON.parse(t);
@@ -1002,7 +1003,7 @@ function Te(t) {
   }
 }
 async function ga(t) {
-  const s = t.config.model || ke.gemini, l = t.config.temperature ?? Pe, i = await fetch(
+  const s = t.config.model || Pe.gemini, l = t.config.temperature ?? De, i = await fetch(
     `https://generativelanguage.googleapis.com/v1beta/models/${s}:generateContent?key=${t.config.apiKey}`,
     {
       body: JSON.stringify({
@@ -1010,7 +1011,7 @@ async function ga(t) {
           {
             parts: [
               {
-                text: `${De}
+                text: `${ke}
 
 User request: ${t.prompt}`
               }
@@ -1036,10 +1037,10 @@ User request: ${t.prompt}`
   return Te(o);
 }
 async function ja(t) {
-  const s = t.config.model || ke.openai, l = t.config.temperature ?? Pe, i = await fetch("https://api.openai.com/v1/chat/completions", {
+  const s = t.config.model || Pe.openai, l = t.config.temperature ?? De, i = await fetch("https://api.openai.com/v1/chat/completions", {
     body: JSON.stringify({
       messages: [
-        { content: De, role: "system" },
+        { content: ke, role: "system" },
         { content: t.prompt, role: "user" }
       ],
       model: s,
@@ -1062,10 +1063,10 @@ async function ja(t) {
   return Te(o);
 }
 async function Ca(t) {
-  const s = t.config.model || ke.deepseek, l = t.config.temperature ?? Pe, i = await fetch("https://api.deepseek.com/v1/chat/completions", {
+  const s = t.config.model || Pe.deepseek, l = t.config.temperature ?? De, i = await fetch("https://api.deepseek.com/v1/chat/completions", {
     body: JSON.stringify({
       messages: [
-        { content: De, role: "system" },
+        { content: ke, role: "system" },
         { content: t.prompt, role: "user" }
       ],
       model: s,
@@ -1088,12 +1089,12 @@ async function Ca(t) {
   return Te(o);
 }
 async function va(t) {
-  const s = t.config.model || ke.claude, l = t.config.temperature ?? Pe, i = await fetch("https://api.anthropic.com/v1/messages", {
+  const s = t.config.model || Pe.claude, l = t.config.temperature ?? De, i = await fetch("https://api.anthropic.com/v1/messages", {
     body: JSON.stringify({
       max_tokens: 4096,
       messages: [{ content: t.prompt, role: "user" }],
       model: s,
-      system: De,
+      system: ke,
       temperature: l
     }),
     headers: {
@@ -1140,7 +1141,7 @@ function wa({ className: t, ...s }) {
     L.Overlay,
     {
       "data-slot": "dialog-overlay",
-      className: k(
+      className: P(
         "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50 data-[state=closed]:animate-out data-[state=open]:animate-in",
         t
       ),
@@ -1160,7 +1161,7 @@ function Fa({
       L.Content,
       {
         "data-slot": "dialog-content",
-        className: k(
+        className: P(
           "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border bg-background p-6 shadow-lg duration-200 data-[state=closed]:animate-out data-[state=open]:animate-in sm:max-w-lg",
           t
         ),
@@ -1173,7 +1174,7 @@ function Fa({
               "data-slot": "dialog-close",
               className: "absolute top-4 right-4 rounded-xs opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-hidden focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0",
               children: [
-                /* @__PURE__ */ e.jsx(tt, {}),
+                /* @__PURE__ */ e.jsx(et, {}),
                 /* @__PURE__ */ e.jsx("span", { className: "sr-only", children: "Close" })
               ]
             }
@@ -1184,19 +1185,19 @@ function Fa({
   ] });
 }
 function Sa({ className: t, ...s }) {
-  return /* @__PURE__ */ e.jsx("div", { "data-slot": "dialog-header", className: k("flex flex-col gap-2 text-center sm:text-left", t), ...s });
+  return /* @__PURE__ */ e.jsx("div", { "data-slot": "dialog-header", className: P("flex flex-col gap-2 text-center sm:text-left", t), ...s });
 }
 function Ea({ className: t, ...s }) {
-  return /* @__PURE__ */ e.jsx("div", { "data-slot": "dialog-footer", className: k("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", t), ...s });
-}
-function Da({ className: t, ...s }) {
-  return /* @__PURE__ */ e.jsx(L.Title, { "data-slot": "dialog-title", className: k("font-semibold text-lg leading-none", t), ...s });
+  return /* @__PURE__ */ e.jsx("div", { "data-slot": "dialog-footer", className: P("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", t), ...s });
 }
 function ka({ className: t, ...s }) {
-  return /* @__PURE__ */ e.jsx(L.Description, { "data-slot": "dialog-description", className: k("text-muted-foreground text-sm", t), ...s });
+  return /* @__PURE__ */ e.jsx(L.Title, { "data-slot": "dialog-title", className: P("font-semibold text-lg leading-none", t), ...s });
+}
+function Pa({ className: t, ...s }) {
+  return /* @__PURE__ */ e.jsx(L.Description, { "data-slot": "dialog-description", className: P("text-muted-foreground text-sm", t), ...s });
 }
-const Pa = ({ aiConfig: t, onGenerate: s }) => {
-  const [l, i] = z(!1), [h, o] = z(""), [n, f] = z(!1), d = G(), c = async () => {
+const Da = ({ aiConfig: t, onGenerate: s }) => {
+  const [l, i] = z(!1), [h, o] = z(""), [n, f] = z(!1), d = B(), c = async () => {
     if (!h.trim()) {
       U.error(d("editor.aiGenerator.enterDescription"));
       return;
@@ -1231,14 +1232,14 @@ const Pa = ({ aiConfig: t, onGenerate: s }) => {
   };
   return /* @__PURE__ */ e.jsxs(ba, { open: l, onOpenChange: i, children: [
     /* @__PURE__ */ e.jsx(Na, { asChild: !0, children: /* @__PURE__ */ e.jsxs(S, { variant: "outline", size: "sm", disabled: !t?.apiKey, children: [
-      /* @__PURE__ */ e.jsx(Re, { className: "h-4 w-4 text-[#13d3b4]" }),
+      /* @__PURE__ */ e.jsx(_e, { className: "h-4 w-4 text-[#13d3b4]" }),
       " ",
       d("editor.aiGenerator.buttonLabel")
     ] }) }),
     /* @__PURE__ */ e.jsxs(Fa, { className: "sm:max-w-[550px]", children: [
       /* @__PURE__ */ e.jsxs(Sa, { children: [
-        /* @__PURE__ */ e.jsx(Da, { children: d("editor.aiGenerator.title") }),
-        /* @__PURE__ */ e.jsx(ka, { children: d("editor.aiGenerator.titleDescription") })
+        /* @__PURE__ */ e.jsx(ka, { children: d("editor.aiGenerator.title") }),
+        /* @__PURE__ */ e.jsx(Pa, { children: d("editor.aiGenerator.titleDescription") })
       ] }),
       /* @__PURE__ */ e.jsxs("div", { className: "grid gap-4 py-4", children: [
         /* @__PURE__ */ e.jsxs("div", { className: "grid gap-2", children: [
@@ -1269,10 +1270,10 @@ const Pa = ({ 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(At, { 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(Re, { className: "h-4 w-4 text-[--treege-color-primary]" }),
+          /* @__PURE__ */ e.jsx(_e, { className: "h-4 w-4 text-[--treege-color-primary]" }),
           d("editor.aiGenerator.generate")
         ] }) })
       ] })
@@ -1291,7 +1292,7 @@ function Ne({ className: t, sideOffset: s = 4, ...l }) {
     {
       "data-slot": "dropdown-menu-content",
       sideOffset: s,
-      className: k(
+      className: P(
         "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-y-auto overflow-x-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[state=closed]:animate-out data-[state=open]:animate-in",
         t
       ),
@@ -1314,7 +1315,7 @@ function W({
       "data-slot": "dropdown-menu-item",
       "data-inset": s,
       "data-variant": l,
-      className: k(
+      className: P(
         "data-[variant=destructive]:*:[svg]:!text-destructive relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[inset]:pl-8 data-[variant=destructive]:text-destructive data-[disabled]:opacity-50 data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive dark:data-[variant=destructive]:focus:bg-destructive/20 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0",
         t
       ),
@@ -1332,7 +1333,7 @@ function Ta({
     {
       "data-slot": "dropdown-menu-label",
       "data-inset": s,
-      className: k("px-2 py-1.5 font-medium text-sm data-[inset]:pl-8", t),
+      className: P("px-2 py-1.5 font-medium text-sm data-[inset]:pl-8", t),
       ...l
     }
   );
@@ -1342,13 +1343,13 @@ function Ke({ className: t, ...s }) {
     ae.Separator,
     {
       "data-slot": "dropdown-menu-separator",
-      className: k("-mx-1 my-1 h-px bg-border", t),
+      className: P("-mx-1 my-1 h-px bg-border", 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 = $e(), r = Je(), u = Ht(null), m = G(), 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([
       {
@@ -1400,27 +1401,27 @@ const Aa = ce(), Va = ({ onExportJson: t, onSave: s }) => {
   }, I = (b) => {
     o(b.nodes), n(b.edges);
   };
-  return Ut(() => {
+  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(bt, { position: "top-right", className: "flex gap-2", children: [
-    /* @__PURE__ */ e.jsx(Pa, { aiConfig: h, onGenerate: I }),
+  }, [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, {}),
       " ",
       m("editor.actionsPanel.addNode")
     ] }),
     /* @__PURE__ */ e.jsxs(S, { variant: "outline", size: "sm", onClick: g, children: [
-      /* @__PURE__ */ e.jsx(Vt, {}),
+      /* @__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(It, {}) }) }),
+      /* @__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" }),
@@ -1431,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(Ot, { className: "h-3 w-3" }),
+                /* @__PURE__ */ e.jsx(Pt, { className: "h-3 w-3" }),
                 /* @__PURE__ */ e.jsx("span", { className: "truncate text-xs", children: c })
               ]
             }
@@ -1440,19 +1441,19 @@ 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(Mt, {}),
+            /* @__PURE__ */ e.jsx(Dt, {}),
             " ",
             m("editor.actionsPanel.importJson")
           ] }),
           /* @__PURE__ */ e.jsxs(W, { onClick: F, children: [
-            /* @__PURE__ */ e.jsx(Lt, {}),
+            /* @__PURE__ */ e.jsx(Tt, {}),
             " ",
             m("editor.actionsPanel.exportJson")
           ] })
         ] }),
         /* @__PURE__ */ e.jsx(Ke, {}),
         /* @__PURE__ */ e.jsx(Ze, { children: /* @__PURE__ */ e.jsxs(W, { onClick: C, className: "text-destructive focus:text-destructive", children: [
-          /* @__PURE__ */ e.jsx(at, { className: "text-destructive" }),
+          /* @__PURE__ */ e.jsx(tt, { className: "text-destructive" }),
           " ",
           m("editor.actionsPanel.clear")
         ] }) })
@@ -1523,7 +1524,7 @@ const Aa = ce(), Va = ({ onExportJson: t, onSave: s }) => {
     updateSelectedNodeType: n
   };
 }, ee = () => {
-  const t = $e(), s = le(() => t.filter(Se), [t]), l = le(() => t.filter((h) => h.selected), [t]), i = le(() => t.find((h) => h.selected), [t]);
+  const t = Oe(), s = le(() => t.filter(Se), [t]), l = le(() => t.filter((h) => h.selected), [t]), i = le(() => t.find((h) => h.selected), [t]);
   return {
     groupNodes: s,
     hasSelectedNodes: l.length > 0,
@@ -1532,7 +1533,7 @@ const Aa = ce(), Va = ({ onExportJson: t, onSave: s }) => {
     selectedNodes: l
   };
 }, Oa = () => {
-  const [t, s] = z("en"), { updateSelectedNodeData: l } = me(), { selectedNode: i } = ee(), h = G(), { Field: o } = ne({
+  const [t, s] = z("en"), { updateSelectedNodeData: l } = me(), { selectedNode: i } = ee(), h = B(), { Field: o } = ne({
     defaultValues: {
       label: i?.data?.label || { en: "" },
       targetId: i?.data?.targetId || ""
@@ -1562,7 +1563,7 @@ const Aa = ce(), Va = ({ onExportJson: t, onSave: s }) => {
               children: (n) => /* @__PURE__ */ e.jsxs(N, { className: "flex-1", children: [
                 /* @__PURE__ */ e.jsx(j, { htmlFor: n.name, children: h("editor.flowNodeForm.label") }),
                 /* @__PURE__ */ e.jsx(
-                  D,
+                  k,
                   {
                     id: n.name,
                     name: n.name,
@@ -1591,7 +1592,7 @@ const Aa = ce(), Va = ({ onExportJson: t, onSave: s }) => {
                 " (Flow ID)"
               ] }),
               /* @__PURE__ */ e.jsx(
-                D,
+                k,
                 {
                   id: n.name,
                   name: n.name,
@@ -1636,7 +1637,7 @@ const Aa = ce(), Va = ({ onExportJson: t, onSave: s }) => {
             children: (o) => /* @__PURE__ */ e.jsxs(N, { className: "flex-1", children: [
               /* @__PURE__ */ e.jsx(j, { htmlFor: o.name, children: "Label" }),
               /* @__PURE__ */ e.jsx(
-                D,
+                k,
                 {
                   id: o.name,
                   name: o.name,
@@ -1657,8 +1658,8 @@ const Aa = ce(), Va = ({ onExportJson: t, onSave: s }) => {
       ] })
     }
   );
-}, La = ["POST", "PUT", "PATCH"], Ga = ({ value: t, onChange: s }) => {
-  const { selectedNode: l } = ee(), i = G(), h = Ee(l?.id), { handleSubmit: o, Field: n, Subscribe: f } = ne({
+}, La = ["POST", "PUT", "PATCH"], Ba = ({ value: t, onChange: s }) => {
+  const { selectedNode: l } = ee(), i = B(), h = Ee(l?.id), { handleSubmit: o, Field: n, Subscribe: f } = ne({
     defaultValues: {
       body: t?.body || "",
       fetchOnMount: t?.fetchOnMount ?? !t?.searchParam,
@@ -1670,7 +1671,7 @@ const Aa = ce(), Va = ({ onExportJson: t, onSave: s }) => {
       },
       responsePath: t?.responsePath || "",
       searchParam: t?.searchParam || "",
-      sendFormData: !!t?.sendFormData,
+      sendAllFormValues: !!t?.sendAllFormValues,
       showLoading: t?.showLoading !== !1,
       url: t?.url || ""
     },
@@ -1693,7 +1694,7 @@ const Aa = ce(), Va = ({ onExportJson: t, onSave: s }) => {
           /* @__PURE__ */ e.jsx(j, { htmlFor: d.name, children: i("editor.httpConfigForm.apiUrl") }),
           /* @__PURE__ */ e.jsxs("div", { className: "flex gap-2", children: [
             /* @__PURE__ */ e.jsx(
-              D,
+              k,
               {
                 id: d.name,
                 name: d.name,
@@ -1759,7 +1760,7 @@ const Aa = ce(), Va = ({ onExportJson: t, onSave: s }) => {
           const r = `headers[${a}]`;
           return /* @__PURE__ */ e.jsxs("div", { className: "flex items-start gap-2", children: [
             /* @__PURE__ */ e.jsx(n, { name: `headers[${a}].key`, children: (u) => /* @__PURE__ */ e.jsx(
-              D,
+              k,
               {
                 placeholder: i("editor.httpConfigForm.headerName"),
                 value: u.state.value || "",
@@ -1767,7 +1768,7 @@ const Aa = ce(), Va = ({ onExportJson: t, onSave: s }) => {
               }
             ) }),
             /* @__PURE__ */ e.jsx(n, { name: `headers[${a}].value`, children: (u) => /* @__PURE__ */ e.jsx(
-              D,
+              k,
               {
                 placeholder: i("editor.httpConfigForm.headerValue"),
                 value: u.state.value || "",
@@ -1805,10 +1806,10 @@ const Aa = ce(), Va = ({ onExportJson: t, onSave: s }) => {
         )
       ] }) })
     ] }),
-    /* @__PURE__ */ e.jsx(f, { selector: (d) => ({ method: d.values.method, sendFormData: d.values.sendFormData }), children: ({ method: d, sendFormData: c }) => La.includes(d || "") && /* @__PURE__ */ e.jsxs("div", { className: "space-y-4", children: [
-      /* @__PURE__ */ e.jsx(n, { name: "sendFormData", children: (a) => /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-2", children: [
+    /* @__PURE__ */ e.jsx(f, { selector: (d) => ({ method: d.values.method, sendAllFormValues: d.values.sendAllFormValues }), children: ({ method: d, sendAllFormValues: c }) => La.includes(d || "") && /* @__PURE__ */ e.jsxs("div", { className: "space-y-4", children: [
+      /* @__PURE__ */ e.jsx(n, { name: "sendAllFormValues", children: (a) => /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-2", children: [
         /* @__PURE__ */ e.jsx(J, { id: a.name, checked: a.state.value, onCheckedChange: (r) => a.handleChange(r) }),
-        /* @__PURE__ */ e.jsx(j, { htmlFor: a.name, children: i("editor.httpConfigForm.sendFormData") })
+        /* @__PURE__ */ e.jsx(j, { htmlFor: a.name, children: i("editor.httpConfigForm.sendAllFormValues") })
       ] }) }),
       /* @__PURE__ */ e.jsx(n, { name: "body", children: (a) => /* @__PURE__ */ e.jsxs(N, { children: [
         /* @__PURE__ */ e.jsxs("div", { className: "mb-2 flex items-center justify-between", children: [
@@ -1847,7 +1848,7 @@ const Aa = ce(), Va = ({ onExportJson: t, onSave: s }) => {
             disabled: c
           }
         ),
-        /* @__PURE__ */ e.jsx(M, { children: i(c ? "editor.httpConfigForm.sendFormDataDesc" : "editor.httpConfigForm.requestBodyDesc") })
+        /* @__PURE__ */ e.jsx(M, { children: i(c ? "editor.httpConfigForm.sendAllFormValuesDesc" : "editor.httpConfigForm.requestBodyDesc") })
       ] }) })
     ] }) }),
     /* @__PURE__ */ e.jsxs("div", { className: "space-y-4", children: [
@@ -1859,7 +1860,7 @@ const Aa = ce(), Va = ({ onExportJson: t, onSave: s }) => {
           children: (d) => /* @__PURE__ */ e.jsxs(N, { children: [
             /* @__PURE__ */ e.jsx(j, { htmlFor: d.name, children: i("editor.httpConfigForm.responsePath") }),
             /* @__PURE__ */ e.jsx(
-              D,
+              k,
               {
                 id: d.name,
                 name: d.name,
@@ -1882,7 +1883,7 @@ const Aa = ce(), Va = ({ onExportJson: t, onSave: s }) => {
             children: (d) => /* @__PURE__ */ e.jsxs(N, { children: [
               /* @__PURE__ */ e.jsx(j, { htmlFor: d.name, children: i("editor.httpConfigForm.valueField") }),
               /* @__PURE__ */ e.jsx(
-                D,
+                k,
                 {
                   id: d.name,
                   name: d.name,
@@ -1903,7 +1904,7 @@ const Aa = ce(), Va = ({ onExportJson: t, onSave: s }) => {
             children: (d) => /* @__PURE__ */ e.jsxs(N, { children: [
               /* @__PURE__ */ e.jsx(j, { htmlFor: d.name, children: i("editor.httpConfigForm.labelField") }),
               /* @__PURE__ */ e.jsx(
-                D,
+                k,
                 {
                   id: d.name,
                   name: d.name,
@@ -1925,7 +1926,7 @@ const Aa = ce(), Va = ({ onExportJson: t, onSave: s }) => {
           children: (d) => /* @__PURE__ */ e.jsxs(N, { children: [
             /* @__PURE__ */ e.jsx(j, { htmlFor: d.name, children: i("editor.httpConfigForm.searchParameter") }),
             /* @__PURE__ */ e.jsx(
-              D,
+              k,
               {
                 id: d.name,
                 name: d.name,
@@ -1969,15 +1970,15 @@ const Aa = ce(), Va = ({ onExportJson: t, onSave: s }) => {
       )
     ] })
   ] }) });
-}, Ba = ["POST", "PUT", "PATCH"], $a = ({ value: t, onChange: s }) => {
-  const [l, i] = z("en"), { selectedNode: h } = ee(), o = G(), n = Ee(h?.id), { handleSubmit: f, Field: d, Subscribe: c } = ne({
+}, Ga = ["POST", "PUT", "PATCH"], $a = ({ value: t, onChange: s }) => {
+  const [l, i] = z("en"), { selectedNode: h } = ee(), o = B(), n = Ee(h?.id), { handleSubmit: f, Field: d, Subscribe: c } = ne({
     defaultValues: {
       body: t?.body || "",
       errorMessage: t?.errorMessage || { en: "" },
       headers: t?.headers || [],
       method: t?.method || "POST",
       redirectUrl: t?.redirectUrl || "",
-      sendFormData: !!t?.sendFormData,
+      sendAllFormValues: !!t?.sendAllFormValues,
       showLoading: t?.showLoading !== !1,
       successMessage: t?.successMessage || { en: "" },
       url: t?.url || ""
@@ -2001,7 +2002,7 @@ const Aa = ce(), Va = ({ onExportJson: t, onSave: s }) => {
           /* @__PURE__ */ e.jsx(j, { htmlFor: a.name, children: o("editor.submitConfigForm.apiUrl") }),
           /* @__PURE__ */ e.jsxs("div", { className: "flex gap-2", children: [
             /* @__PURE__ */ e.jsx(
-              D,
+              k,
               {
                 id: a.name,
                 name: a.name,
@@ -2066,7 +2067,7 @@ const Aa = ce(), Va = ({ onExportJson: t, onSave: s }) => {
           const m = `headers[${u}]`;
           return /* @__PURE__ */ e.jsxs("div", { className: "flex items-start gap-2", children: [
             /* @__PURE__ */ e.jsx(d, { name: `headers[${u}].key`, children: (p) => /* @__PURE__ */ e.jsx(
-              D,
+              k,
               {
                 placeholder: o("editor.submitConfigForm.headerName"),
                 value: p.state.value || "",
@@ -2074,7 +2075,7 @@ const Aa = ce(), Va = ({ onExportJson: t, onSave: s }) => {
               }
             ) }),
             /* @__PURE__ */ e.jsx(d, { name: `headers[${u}].value`, children: (p) => /* @__PURE__ */ e.jsx(
-              D,
+              k,
               {
                 placeholder: o("editor.submitConfigForm.headerValue"),
                 value: p.state.value || "",
@@ -2112,10 +2113,10 @@ const Aa = ce(), Va = ({ onExportJson: t, onSave: s }) => {
         )
       ] }) })
     ] }),
-    /* @__PURE__ */ e.jsx(c, { selector: (a) => ({ method: a.values.method, sendFormData: a.values.sendFormData }), children: ({ method: a, sendFormData: r }) => Ba.includes(a || "") && /* @__PURE__ */ e.jsxs("div", { className: "space-y-4", children: [
-      /* @__PURE__ */ e.jsx(d, { name: "sendFormData", children: (u) => /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-2", children: [
+    /* @__PURE__ */ e.jsx(c, { selector: (a) => ({ method: a.values.method, sendAllFormValues: a.values.sendAllFormValues }), children: ({ method: a, sendAllFormValues: r }) => Ga.includes(a || "") && /* @__PURE__ */ e.jsxs("div", { className: "space-y-4", children: [
+      /* @__PURE__ */ e.jsx(d, { name: "sendAllFormValues", children: (u) => /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-2", children: [
         /* @__PURE__ */ e.jsx(J, { id: u.name, checked: u.state.value, onCheckedChange: (m) => u.handleChange(m) }),
-        /* @__PURE__ */ e.jsx(j, { htmlFor: u.name, children: o("editor.submitConfigForm.sendFormData") })
+        /* @__PURE__ */ e.jsx(j, { htmlFor: u.name, children: o("editor.submitConfigForm.sendAllFormValues") })
       ] }) }),
       /* @__PURE__ */ e.jsx(d, { name: "body", children: (u) => /* @__PURE__ */ e.jsxs(N, { children: [
         /* @__PURE__ */ e.jsxs("div", { className: "mb-2 flex items-center justify-between", children: [
@@ -2154,7 +2155,7 @@ const Aa = ce(), Va = ({ onExportJson: t, onSave: s }) => {
             disabled: r
           }
         ),
-        /* @__PURE__ */ e.jsx(M, { children: o(r ? "editor.submitConfigForm.sendFormDataDesc" : "editor.submitConfigForm.requestBodyDesc") })
+        /* @__PURE__ */ e.jsx(M, { children: o(r ? "editor.submitConfigForm.sendAllFormValuesDesc" : "editor.submitConfigForm.requestBodyDesc") })
       ] }) })
     ] }) }),
     /* @__PURE__ */ e.jsxs("div", { className: "space-y-4", children: [
@@ -2166,7 +2167,7 @@ const Aa = ce(), Va = ({ onExportJson: t, onSave: s }) => {
           children: (a) => /* @__PURE__ */ e.jsxs(N, { children: [
             /* @__PURE__ */ e.jsx(j, { htmlFor: a.name, children: o("editor.submitConfigForm.redirectUrl") }),
             /* @__PURE__ */ e.jsx(
-              D,
+              k,
               {
                 id: a.name,
                 name: a.name,
@@ -2188,7 +2189,7 @@ const Aa = ce(), Va = ({ onExportJson: t, onSave: s }) => {
             children: (a) => /* @__PURE__ */ e.jsxs(N, { className: "flex-1", children: [
               /* @__PURE__ */ e.jsx(j, { htmlFor: a.name, children: o("editor.submitConfigForm.successMessage") }),
               /* @__PURE__ */ e.jsx(
-                D,
+                k,
                 {
                   id: a.name,
                   name: a.name,
@@ -2217,7 +2218,7 @@ const Aa = ce(), Va = ({ onExportJson: t, onSave: s }) => {
             children: (a) => /* @__PURE__ */ e.jsxs(N, { className: "flex-1", children: [
               /* @__PURE__ */ e.jsx(j, { htmlFor: a.name, children: o("editor.submitConfigForm.errorMessage") }),
               /* @__PURE__ */ e.jsx(
-                D,
+                k,
                 {
                   id: a.name,
                   name: a.name,
@@ -2267,64 +2268,64 @@ const Aa = ce(), Va = ({ onExportJson: t, onSave: s }) => {
   allowClear: a = !0,
   allowCreate: r = !0
 }) => {
-  const [u, m] = z(!1), [p, x] = z(""), F = (P) => P ?? "", g = (P) => P.trim().toLowerCase(), w = F(l), C = l !== null && l !== "", I = C ? t.find((P) => F(P.value) === w) : void 0, b = g(p), E = r && b !== "" && !t.some((P) => g(P.label) === b || g(P.value ?? "") === b), A = (P) => {
-    P === w ? a && i?.("") : i?.(P), m(!1), x("");
+  const [u, m] = z(!1), [p, x] = z(""), F = (D) => D ?? "", g = (D) => D.trim().toLowerCase(), w = F(l), C = l !== null && l !== "", I = C ? t.find((D) => F(D.value) === w) : void 0, b = g(p), E = r && b !== "" && !t.some((D) => g(D.label) === b || g(D.value ?? "") === b), A = (D) => {
+    D === w ? a && i?.("") : i?.(D), m(!1), x("");
   }, V = () => {
     p.trim() && (i?.(p.trim()), m(!1), x(""));
   }, T = () => {
     i?.(""), m(!1), x("");
   };
-  return /* @__PURE__ */ e.jsxs(Oe, { open: u, onOpenChange: m, children: [
-    /* @__PURE__ */ e.jsx(Me, { asChild: !0, id: s, children: /* @__PURE__ */ e.jsxs(
+  return /* @__PURE__ */ e.jsxs(Me, { open: u, onOpenChange: m, children: [
+    /* @__PURE__ */ e.jsx(Le, { asChild: !0, id: s, children: /* @__PURE__ */ e.jsxs(
       S,
       {
         type: "button",
         variant: "outline",
         role: "combobox",
         "aria-expanded": u,
-        className: k("w-full justify-between font-normal", c),
+        className: P("w-full justify-between font-normal", c),
         children: [
           /* @__PURE__ */ e.jsx("span", { className: "truncate", children: C && I ? I.label : h }),
           /* @__PURE__ */ e.jsx(re, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })
         ]
       }
     ) }),
-    /* @__PURE__ */ e.jsx(Le, { className: "w-full p-0", align: "start", children: /* @__PURE__ */ e.jsxs(ut, { shouldFilter: !1, children: [
-      /* @__PURE__ */ e.jsx(ht, { placeholder: o, value: p, onValueChange: x }),
-      /* @__PURE__ */ e.jsxs(mt, { children: [
-        /* @__PURE__ */ e.jsx(pt, { children: d }),
-        a && C && /* @__PURE__ */ e.jsx(_e, { children: /* @__PURE__ */ e.jsxs(Ve, { value: "__clear__", onSelect: T, className: "mt-1 text-muted-foreground", children: [
+    /* @__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
         ] }) }),
-        /* @__PURE__ */ e.jsxs(_e, { children: [
+        /* @__PURE__ */ e.jsxs(Re, { children: [
           E && /* @__PURE__ */ e.jsxs(Ve, { value: `__create__${p}`, onSelect: V, className: "text-primary", children: [
             /* @__PURE__ */ e.jsx(X, { className: "mr-2 h-4 w-4" }),
             n(p)
           ] }),
-          t.filter((P) => {
+          t.filter((D) => {
             const v = p.toLowerCase();
-            return P.label.toLowerCase().includes(v) || (P.value?.toLowerCase() ?? "").includes(v);
-          }).map((P, v) => /* @__PURE__ */ e.jsxs(
+            return D.label.toLowerCase().includes(v) || (D.value?.toLowerCase() ?? "").includes(v);
+          }).map((D, v) => /* @__PURE__ */ e.jsxs(
             Ve,
             {
-              value: P.label,
-              onSelect: () => A(P?.value || ""),
+              value: D.label,
+              onSelect: () => A(D?.value || ""),
               children: [
                 /* @__PURE__ */ e.jsx(
-                  Gt,
+                  At,
                   {
                     "aria-hidden": "true",
-                    className: k(
+                    className: P(
                       "mr-2 h-4 w-4",
-                      C && F(P.value) === w ? "opacity-100" : "opacity-0"
+                      C && F(D.value) === w ? "opacity-100" : "opacity-0"
                     )
                   }
                 ),
-                P.label
+                D.label
               ]
             },
-            P.value ?? P.label ?? v
+            D.value ?? D.label ?? v
           ))
         ] })
       ] })
@@ -2379,9 +2380,9 @@ const Aa = ce(), Va = ({ onExportJson: t, onSave: s }) => {
   time: "time",
   timerange: "timerange"
 }, Ra = ({ value: t, onValueChange: s }) => {
-  const l = G(), i = Fe();
+  const l = B(), i = Fe();
   return /* @__PURE__ */ e.jsxs(te, { children: [
-    /* @__PURE__ */ e.jsx(Be, { htmlFor: i, children: l("editor.selectInputType.type") }),
+    /* @__PURE__ */ e.jsx($e, { htmlFor: i, children: l("editor.selectInputType.type") }),
     /* @__PURE__ */ e.jsxs(_, { value: t, onValueChange: s, children: [
       /* @__PURE__ */ e.jsx(R, { id: i, className: "w-full capitalize", children: /* @__PURE__ */ e.jsx(Z, { placeholder: "" }) }),
       /* @__PURE__ */ e.jsx(K, { children: /* @__PURE__ */ e.jsx(te, { children: Object.values(_a).map((h) => /* @__PURE__ */ e.jsx(y, { value: h, className: "capitalize", children: h }, h)) }) })
@@ -2398,7 +2399,7 @@ function ge({ ...t }) {
   return /* @__PURE__ */ e.jsx(ze.CollapsibleContent, { "data-slot": "collapsible-content", ...t });
 }
 const Za = () => {
-  const [t, s] = z("en"), { selectedNode: l } = ee(), { updateSelectedNodeData: i } = me(), h = ["select", "radio", "autocomplete", "checkbox"].includes(l?.data?.type || ""), o = Ee(l?.id), n = G(), f = l?.data?.type === "submit", { handleSubmit: d, Field: c } = ne({
+  const [t, s] = z("en"), { selectedNode: l } = ee(), { updateSelectedNodeData: i } = me(), h = ["select", "radio", "autocomplete", "checkbox"].includes(l?.data?.type || ""), o = Ee(l?.id), n = B(), f = l?.data?.type === "submit", { handleSubmit: d, Field: c } = ne({
     defaultValues: {
       defaultValue: l?.data?.defaultValue,
       disablePast: l?.data?.disablePast,
@@ -2447,7 +2448,7 @@ const Za = () => {
               children: (a) => /* @__PURE__ */ e.jsxs(N, { className: "flex-1", children: [
                 /* @__PURE__ */ e.jsx(j, { htmlFor: a.name, children: n("editor.inputNodeForm.label") }),
                 /* @__PURE__ */ e.jsx(
-                  D,
+                  k,
                   {
                     autoFocus: !0,
                     id: a.name,
@@ -2475,7 +2476,7 @@ const Za = () => {
               children: (a) => /* @__PURE__ */ e.jsxs(N, { className: "flex-1", children: [
                 /* @__PURE__ */ e.jsx(j, { htmlFor: a.name, children: n("editor.inputNodeForm.placeholder") }),
                 /* @__PURE__ */ e.jsx(
-                  D,
+                  k,
                   {
                     id: a.name,
                     name: a.name,
@@ -2502,7 +2503,7 @@ const Za = () => {
               children: (a) => /* @__PURE__ */ e.jsxs(N, { className: "flex-1", children: [
                 /* @__PURE__ */ e.jsx(j, { htmlFor: a.name, children: n("editor.inputNodeForm.helperText") }),
                 /* @__PURE__ */ e.jsx(
-                  D,
+                  k,
                   {
                     id: a.name,
                     name: a.name,
@@ -2530,7 +2531,7 @@ const Za = () => {
             ] })
           ] }) }),
           /* @__PURE__ */ e.jsx(ge, { className: "flex flex-col gap-4", children: /* @__PURE__ */ e.jsx(c, { name: "httpConfig", children: (a) => /* @__PURE__ */ e.jsx(
-            Ga,
+            Ba,
             {
               value: a.state.value,
               onChange: (r) => {
@@ -2581,7 +2582,7 @@ const Za = () => {
                 const m = `options[${u}]`;
                 return /* @__PURE__ */ e.jsxs("div", { className: "flex items-start gap-2", children: [
                   /* @__PURE__ */ e.jsx(c, { name: `options[${u}].label`, children: (p) => /* @__PURE__ */ e.jsx(
-                    D,
+                    k,
                     {
                       placeholder: n("editor.inputNodeForm.optionLabel"),
                       value: p.state.value?.[t] || "",
@@ -2594,7 +2595,7 @@ const Za = () => {
                     }
                   ) }),
                   /* @__PURE__ */ e.jsx(c, { name: `options[${u}].value`, children: (p) => /* @__PURE__ */ e.jsx(
-                    D,
+                    k,
                     {
                       placeholder: n("editor.inputNodeForm.optionValue"),
                       value: p.state.value || "",
@@ -2687,7 +2688,7 @@ const Za = () => {
                   children: (a) => /* @__PURE__ */ e.jsxs(N, { className: "flex-1", children: [
                     /* @__PURE__ */ e.jsx(j, { htmlFor: a.name, children: n("editor.inputNodeForm.errorMessage") }),
                     /* @__PURE__ */ e.jsx(
-                      D,
+                      k,
                       {
                         id: a.name,
                         name: a.name,
@@ -2724,7 +2725,7 @@ const Za = () => {
                 children: (a) => /* @__PURE__ */ e.jsxs(N, { children: [
                   /* @__PURE__ */ e.jsx(j, { htmlFor: a.name, children: n("editor.inputNodeForm.name") }),
                   /* @__PURE__ */ e.jsx(
-                    D,
+                    k,
                     {
                       id: a.name,
                       name: a.name,
@@ -2763,7 +2764,7 @@ const Za = () => {
                 return (u === "select" || u === "checkbox") && l?.data?.multiple ? /* @__PURE__ */ e.jsxs(N, { children: [
                   /* @__PURE__ */ e.jsx(j, { htmlFor: r.name, children: n("editor.inputNodeForm.defaultValuesCommaSeparated") }),
                   /* @__PURE__ */ e.jsx(
-                    D,
+                    k,
                     {
                       id: r.name,
                       placeholder: n("editor.inputNodeForm.defaultValuesPlaceholder"),
@@ -2787,7 +2788,7 @@ const Za = () => {
                 ] }) }) : /* @__PURE__ */ e.jsxs(N, { children: [
                   /* @__PURE__ */ e.jsx(j, { htmlFor: r.name, children: n("editor.inputNodeForm.staticValue") }),
                   /* @__PURE__ */ e.jsx(
-                    D,
+                    k,
                     {
                       id: r.name,
                       placeholder: n("editor.inputNodeForm.staticValuePlaceholder"),
@@ -2856,7 +2857,7 @@ const Za = () => {
                   /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
                     r.state.value?.map((u, m) => /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
                       /* @__PURE__ */ e.jsx(c, { name: `defaultValue.objectMapping[${m}].sourceKey`, children: (p) => /* @__PURE__ */ e.jsx(
-                        D,
+                        k,
                         {
                           placeholder: n("editor.inputNodeForm.sourceKey"),
                           value: p.state.value || "",
@@ -2865,7 +2866,7 @@ const Za = () => {
                       ) }),
                       /* @__PURE__ */ e.jsx("span", { className: "text-muted-foreground", children: "→" }),
                       /* @__PURE__ */ e.jsx(c, { name: `defaultValue.objectMapping[${m}].targetKey`, children: (p) => /* @__PURE__ */ e.jsx(
-                        D,
+                        k,
                         {
                           placeholder: n("editor.inputNodeForm.targetKey"),
                           value: p.state.value || "",
@@ -2945,7 +2946,7 @@ const Za = () => {
               children: (o) => /* @__PURE__ */ e.jsxs(N, { className: "flex-1", children: [
                 /* @__PURE__ */ e.jsx(j, { htmlFor: o.name, children: "Label" }),
                 /* @__PURE__ */ e.jsx(
-                  D,
+                  k,
                   {
                     id: o.name,
                     name: o.name,
@@ -2969,7 +2970,7 @@ const Za = () => {
           {
             name: "type",
             children: (o) => /* @__PURE__ */ e.jsxs(te, { children: [
-              /* @__PURE__ */ e.jsx(Be, { htmlFor: o.name, children: "Type" }),
+              /* @__PURE__ */ e.jsx($e, { htmlFor: o.name, children: "Type" }),
               /* @__PURE__ */ e.jsxs(_, { value: o.state.value, onValueChange: (n) => o.handleChange(n), children: [
                 /* @__PURE__ */ e.jsx(R, { id: o.name, className: "w-full", children: /* @__PURE__ */ e.jsx(Z, { placeholder: "" }) }),
                 /* @__PURE__ */ e.jsx(K, { children: /* @__PURE__ */ e.jsxs(te, { children: [
@@ -2984,7 +2985,7 @@ const Za = () => {
     }
   );
 }, Ya = () => {
-  const [t, s] = z(""), [l, i] = z(!1), { selectedNode: h, groupNodes: o } = ee(), { setNodes: n } = ue(), f = h?.parentId || "none", d = Se(h), c = G(), a = Fe(), r = Fe();
+  const [t, s] = z(""), [l, i] = z(!1), { selectedNode: h, groupNodes: o } = ee(), { setNodes: n } = ue(), f = h?.parentId || "none", d = Se(h), c = B(), a = Fe(), r = Fe();
   if (d)
     return null;
   const u = (p) => {
@@ -3057,9 +3058,9 @@ const Za = () => {
           o.map((p) => /* @__PURE__ */ e.jsx(y, { value: p.id, children: p.data.label?.en ? String(p.data.label?.en) : p.id }, p.id))
         ] }) })
       ] }),
-      /* @__PURE__ */ e.jsxs(Oe, { open: l, onOpenChange: i, children: [
-        /* @__PURE__ */ e.jsx(Me, { asChild: !0, children: /* @__PURE__ */ e.jsx(S, { variant: "outline", size: "icon", title: "Create a new group", children: /* @__PURE__ */ e.jsx(Bt, { className: "h-4 w-4" }) }) }),
-        /* @__PURE__ */ e.jsx(Le, { className: "w-80", align: "end", disablePortal: !0, children: /* @__PURE__ */ e.jsxs("div", { className: "space-y-4", children: [
+      /* @__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(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") }),
             /* @__PURE__ */ e.jsx("p", { className: "text-muted-foreground text-sm", children: c("editor.selectNodeGroup.newGroupDescription") })
@@ -3067,7 +3068,7 @@ const Za = () => {
           /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
             /* @__PURE__ */ e.jsx(j, { htmlFor: r, children: c("editor.selectNodeGroup.groupName") }),
             /* @__PURE__ */ e.jsx(
-              D,
+              k,
               {
                 autoFocus: !0,
                 id: r,
@@ -3089,9 +3090,9 @@ const Za = () => {
     ] })
   ] });
 }, Wa = () => {
-  const { selectedNode: t } = ee(), { updateSelectedNodeType: s } = me(), l = t?.type || "", i = Se(t), h = G(), o = Fe();
+  const { selectedNode: t } = ee(), { updateSelectedNodeType: s } = me(), l = t?.type || "", i = Se(t), h = B(), o = Fe();
   return /* @__PURE__ */ e.jsxs(te, { children: [
-    /* @__PURE__ */ e.jsx(Be, { htmlFor: o, children: h("editor.selectNodeType.nodeType") }),
+    /* @__PURE__ */ e.jsx($e, { htmlFor: o, children: h("editor.selectNodeType.nodeType") }),
     /* @__PURE__ */ e.jsxs(_, { value: l, onValueChange: (n) => s(n), disabled: i, children: [
       /* @__PURE__ */ e.jsx(R, { className: "w-full", id: o, children: /* @__PURE__ */ e.jsx(Z, { placeholder: h("editor.selectNodeType.nodeType") }) }),
       /* @__PURE__ */ e.jsx(K, { children: /* @__PURE__ */ e.jsx(te, { children: Object.keys(it).filter((n) => i ? n === "group" : n !== "group").map((n) => /* @__PURE__ */ e.jsx(y, { value: n, children: h(`editor.selectNodeType.options.${n}`) }, n)) }) })
@@ -3112,7 +3113,7 @@ function Qa({ className: t, ...s }) {
     Q.Overlay,
     {
       "data-slot": "alert-dialog-overlay",
-      className: k(
+      className: P(
         "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50 data-[state=closed]:animate-out data-[state=open]:animate-in",
         t
       ),
@@ -3127,7 +3128,7 @@ function es({ className: t, ...s }) {
       Q.Content,
       {
         "data-slot": "alert-dialog-content",
-        className: k(
+        className: P(
           "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border bg-background p-6 shadow-lg duration-200 data-[state=closed]:animate-out data-[state=open]:animate-in sm:max-w-lg",
           t
         ),
@@ -3137,29 +3138,29 @@ function es({ className: t, ...s }) {
   ] });
 }
 function ts({ className: t, ...s }) {
-  return /* @__PURE__ */ e.jsx("div", { "data-slot": "alert-dialog-header", className: k("flex flex-col gap-2 text-center sm:text-left", t), ...s });
+  return /* @__PURE__ */ e.jsx("div", { "data-slot": "alert-dialog-header", className: P("flex flex-col gap-2 text-center sm:text-left", t), ...s });
 }
 function as({ className: t, ...s }) {
-  return /* @__PURE__ */ e.jsx("div", { "data-slot": "alert-dialog-footer", className: k("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", t), ...s });
+  return /* @__PURE__ */ e.jsx("div", { "data-slot": "alert-dialog-footer", className: P("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", t), ...s });
 }
 function ss({ className: t, ...s }) {
-  return /* @__PURE__ */ e.jsx(Q.Title, { "data-slot": "alert-dialog-title", className: k("font-semibold text-lg", t), ...s });
+  return /* @__PURE__ */ e.jsx(Q.Title, { "data-slot": "alert-dialog-title", className: P("font-semibold text-lg", t), ...s });
 }
 function ns({ className: t, ...s }) {
   return /* @__PURE__ */ e.jsx(
     Q.Description,
     {
       "data-slot": "alert-dialog-description",
-      className: k("text-muted-foreground text-sm", t),
+      className: P("text-muted-foreground text-sm", t),
       ...s
     }
   );
 }
 function os({ className: t, ...s }) {
-  return /* @__PURE__ */ e.jsx(Q.Action, { className: k(We(), t), ...s });
+  return /* @__PURE__ */ e.jsx(Q.Action, { className: P(at(), t), ...s });
 }
 function rs({ className: t, ...s }) {
-  return /* @__PURE__ */ e.jsx(Q.Cancel, { className: k(We({ variant: "outline" }), t), ...s });
+  return /* @__PURE__ */ e.jsx(Q.Cancel, { className: P(at({ variant: "outline" }), t), ...s });
 }
 function ls({ ...t }) {
   return /* @__PURE__ */ e.jsx(L.Root, { "data-slot": "sheet", ...t });
@@ -3172,7 +3173,7 @@ function ds({ className: t, ...s }) {
     L.Overlay,
     {
       "data-slot": "sheet-overlay",
-      className: k(
+      className: P(
         "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50 data-[state=closed]:animate-out data-[state=open]:animate-in",
         t
       ),
@@ -3192,7 +3193,7 @@ function cs({
       L.Content,
       {
         "data-slot": "sheet-content",
-        className: k(
+        className: P(
           "fixed z-50 flex flex-col gap-4 bg-background shadow-lg transition ease-in-out data-[state=closed]:animate-out data-[state=open]:animate-in data-[state=closed]:duration-300 data-[state=open]:duration-500",
           l === "right" && "data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm",
           l === "left" && "data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm",
@@ -3204,7 +3205,7 @@ function cs({
         children: [
           s,
           /* @__PURE__ */ e.jsxs(L.Close, { className: "absolute top-4 right-4 rounded-xs opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-hidden focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary", children: [
-            /* @__PURE__ */ e.jsx(tt, { className: "size-4" }),
+            /* @__PURE__ */ e.jsx(et, { className: "size-4" }),
             /* @__PURE__ */ e.jsx("span", { className: "sr-only", children: "Close" })
           ] })
         ]
@@ -3213,19 +3214,19 @@ function cs({
   ] });
 }
 function us({ className: t, ...s }) {
-  return /* @__PURE__ */ e.jsx("div", { "data-slot": "sheet-header", className: k("flex flex-col gap-1.5 p-4", t), ...s });
+  return /* @__PURE__ */ e.jsx("div", { "data-slot": "sheet-header", className: P("flex flex-col gap-1.5 p-4", t), ...s });
 }
 function hs({ className: t, ...s }) {
-  return /* @__PURE__ */ e.jsx("div", { "data-slot": "sheet-footer", className: k("mt-auto flex flex-col gap-2 p-4", t), ...s });
+  return /* @__PURE__ */ e.jsx("div", { "data-slot": "sheet-footer", className: P("mt-auto flex flex-col gap-2 p-4", t), ...s });
 }
 function ms({ className: t, ...s }) {
-  return /* @__PURE__ */ e.jsx(L.Title, { "data-slot": "sheet-title", className: k("font-semibold text-foreground", t), ...s });
+  return /* @__PURE__ */ e.jsx(L.Title, { "data-slot": "sheet-title", className: P("font-semibold text-foreground", t), ...s });
 }
 function ps({ className: t, ...s }) {
-  return /* @__PURE__ */ e.jsx(L.Description, { "data-slot": "sheet-description", className: k("text-muted-foreground text-sm", t), ...s });
+  return /* @__PURE__ */ e.jsx(L.Description, { "data-slot": "sheet-description", className: P("text-muted-foreground text-sm", t), ...s });
 }
 const xs = () => {
-  const { selectedNode: t, hasSelectedNodes: s } = ee(), { clearSelection: l, deleteSelectedNode: i } = me(), h = G(), o = h(t?.data?.label), n = () => {
+  const { selectedNode: t, hasSelectedNodes: s } = ee(), { clearSelection: l, deleteSelectedNode: i } = me(), h = B(), o = h(t?.data?.label), n = () => {
     i(), l();
   };
   return /* @__PURE__ */ e.jsx(ls, { open: s, onOpenChange: l, children: /* @__PURE__ */ e.jsxs(cs, { className: "flex flex-col gap-0", children: [
@@ -3240,14 +3241,14 @@ 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(jt, {}),
+      /* @__PURE__ */ e.jsx(Ut, {}),
       je(t) && /* @__PURE__ */ e.jsx(Za, {}),
-      xt(t) && /* @__PURE__ */ e.jsx(Ka, {}),
-      gt(t) && /* @__PURE__ */ e.jsx(Oa, {}),
+      ct(t) && /* @__PURE__ */ e.jsx(Ka, {}),
+      ut(t) && /* @__PURE__ */ e.jsx(Oa, {}),
       Se(t) && /* @__PURE__ */ e.jsx(Ma, {})
     ] }) }),
     /* @__PURE__ */ e.jsx(hs, { className: "flex items-end border-t", children: /* @__PURE__ */ e.jsxs(Ja, { children: [
-      /* @__PURE__ */ e.jsx(qa, { asChild: !0, children: /* @__PURE__ */ e.jsx(S, { variant: "ghost", size: "icon", children: /* @__PURE__ */ e.jsx(at, {}) }) }),
+      /* @__PURE__ */ e.jsx(qa, { asChild: !0, children: /* @__PURE__ */ e.jsx(S, { variant: "ghost", size: "icon", children: /* @__PURE__ */ e.jsx(tt, {}) }) }),
       /* @__PURE__ */ e.jsxs(es, { children: [
         /* @__PURE__ */ e.jsxs(ts, { children: [
           /* @__PURE__ */ e.jsx(ss, { children: h("editor.nodeActionsSheet.deleteNode") }),
@@ -3278,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(
-    yt,
+    jt,
     {
       fitView: !0,
       colorMode: i,
@@ -3291,21 +3292,21 @@ const xs = () => {
       onConnectEnd: n,
       onEdgesDelete: f,
       isValidConnection: d,
-      className: k(h, "treege"),
+      className: P(h, "treege"),
       children: [
-        /* @__PURE__ */ e.jsx(wt, { gap: 10, variant: Ft.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(St, {}),
-        /* @__PURE__ */ e.jsx(Et, {}),
+        /* @__PURE__ */ e.jsx(ft, {}),
+        /* @__PURE__ */ e.jsx(bt, {}),
         /* @__PURE__ */ e.jsx(xs, {})
       ]
     }
   );
-}, Es = ({ flow: t, onExportJson: s, onSave: l, theme: i = "dark", language: h = "en", aiConfig: o }) => /* @__PURE__ */ e.jsx(Ct, { 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(Nt, { 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 {
-  Es as T
+  ks as T
 };