treege 3.0.0-beta.62 → 3.0.0-beta.63

package/dist/{editor-K1jjfc5n.js → editor-Bag5U_S5.js}

@@ -1,5 +1,5 @@
-import { B as e, C as t, E as n, H as r, I as i, L as a, N as o, P as s, R as c, T as l, U as u, V as d, _ as f, k as p, t as m, v as h, w as g } from "./ThemeContext-cGSTk24y.js";
-import { $ as _, A as v, B as y, D as b, F as x, G as S, H as C, I as w, J as T, K as E, L as D, M as O, N as k, O as A, P as j, Q as M, R as ee, U as te, V as ne, W as N, X as re, Y as ie, Z as P, at as F, c as ae, ct as oe, et as se, g as ce, h as le, it as I, j as ue, k as de, lt as L, nt as fe, o as pe, ot as R, q as me, rt as he, st as z, t as ge, tt as _e, ut as B, z as ve } from "./DefaultInputs-DamDWb5R.js";
+import { A as e, D as t, E as n, F as r, H as i, L as a, P as o, R as s, T as c, U as l, V as u, W as d, t as f, v as p, w as m, y as h, z as g } from "./ThemeContext-nopV_oRU.js";
+import { $ as _, A as v, B as y, D as b, F as x, G as S, H as C, I as w, J as T, K as E, L as D, M as O, N as k, O as A, P as j, Q as M, R as ee, U as te, V as ne, W as N, X as re, Y as ie, Z as P, at as F, c as ae, ct as oe, et as se, g as ce, h as le, it as I, j as ue, k as de, lt as L, nt as fe, o as pe, ot as R, q as me, rt as he, st as z, t as ge, tt as _e, ut as B, z as ve } from "./DefaultInputs-nX-CVK2i.js";
 import { Background as ye, BackgroundVariant as be, BaseEdge as xe, ControlButton as Se, Controls as Ce, EdgeLabelRenderer as we, Handle as Te, MiniMap as Ee, Panel as De, Position as Oe, ReactFlow as ke, ReactFlowProvider as Ae, addEdge as je, getBezierPath as Me, useConnection as Ne, useEdges as Pe, useNodes as Fe, useNodesInitialized as Ie, useReactFlow as Le, useStore as Re, useUpdateNodeInternals as ze } from "@xyflow/react";
 import * as Be from "react";
 import Ve, { createContext as He, memo as Ue, useCallback as V, useContext as We, useEffect as H, useId as Ge, useMemo as U, useRef as Ke, useState as W } from "react";
@@ -71,30 +71,30 @@ var un = "data:image/svg+xml,%3csvg%20width='462'%20height='144'%20viewBox='0%20
 	setFlowId: () => {},
 	setIsNodeSheetOpen: () => {},
 	setLanguage: () => {}
-}, vn = (t) => {
-	let n = Fe(), i = Pe(), { language: a } = _n();
+}, vn = (e) => {
+	let t = Fe(), n = Pe(), { language: r } = _n();
 	return U(() => {
-		if (!t) return [];
-		let o = (e, t = /* @__PURE__ */ new Set()) => {
+		if (!e) return [];
+		let i = (e, t = /* @__PURE__ */ new Set()) => {
 			if (t.has(e)) return [];
-			let n = new Set(t).add(e);
-			return i.filter((t) => t.target === e).flatMap((e) => [e.source, ...o(e.source, n)]);
-		}, s = o(t);
-		return n.filter((e) => s.includes(e.id) && r(e)).map((t) => {
-			let n = t.data;
+			let r = new Set(t).add(e);
+			return n.filter((t) => t.target === e).flatMap((e) => [e.source, ...i(e.source, r)]);
+		}, a = i(e);
+		return t.filter((e) => a.includes(e.id) && l(e)).map((e) => {
+			let t = e.data;
 			return {
-				label: e(n.label, a) || n.name || t.id,
-				name: n.name,
-				nodeId: t.id,
-				options: n.options,
-				type: n.type || "text"
+				label: u(t.label, r) || t.name || e.id,
+				name: t.name,
+				nodeId: e.id,
+				options: t.options,
+				type: t.type || "text"
 			};
 		});
 	}, [
+		e,
 		t,
 		n,
-		i,
-		a
+		r
 	]);
 }, yn = /* @__PURE__ */ new WeakMap(), bn = (e, t) => e && t ? "middle" : e ? "last" : t ? "first" : "single", xn = (e) => {
 	let t = /* @__PURE__ */ new Map(), n = /* @__PURE__ */ new Map(), r = /* @__PURE__ */ new Map(), i = /* @__PURE__ */ new Map(), a = /* @__PURE__ */ new Set(), o = /* @__PURE__ */ new Map();
@@ -114,7 +114,7 @@ var un = "data:image/svg+xml,%3csvg%20width='462'%20height='144'%20viewBox='0%20
 	return (i === "first" || i === "middle") && (a === "middle" || a === "last");
 }), Z = (e) => {
 	let t = _n();
-	return c(e ?? t.language);
+	return g(e ?? t.language);
 };
 //#endregion
 //#region src/shared/components/ui/scroll-area.tsx
@@ -208,14 +208,14 @@ var An = {
 	">": ">",
 	">=": "≥"
 }, jn = (e) => !!e.field && e.value !== void 0 && e.value !== "", Mn = (e, t) => e === void 0 ? "" : typeof e == "string" ? e : e[t] ?? e.en ?? "", Nn = {
-	conditional: Ue(({ id: e, source: t, target: n, sourceX: r, sourceY: i, targetX: o, targetY: s, sourcePosition: c, targetPosition: l, markerEnd: u, style: d, data: f }) => {
+	conditional: Ue(({ id: e, source: t, target: n, sourceX: r, sourceY: i, targetX: a, targetY: o, sourcePosition: c, targetPosition: l, markerEnd: u, style: d, data: f }) => {
 		let [p] = Me({
 			sourcePosition: c,
 			sourceX: r,
 			sourceY: i,
 			targetPosition: l,
-			targetX: o,
-			targetY: s
+			targetX: a,
+			targetY: o
 		}), [m, h] = W(!1), [g, v] = W("basic"), { updateEdgeData: y, deleteElements: b } = Le(), { language: x } = _n(), C = Cn(t, n), w = vn(n), D = w.find((e) => e.nodeId === t) ?? w[0], O = Z(), k = Pe(), A = U(() => {
 			let n = /* @__PURE__ */ new Set();
 			return D && k.forEach((r) => {
@@ -284,7 +284,7 @@ var An = {
 				let [t] = e, n = w.find((e) => e.nodeId === t.field)?.label ?? t.field ?? "";
 				return `${n === t.field && n.length > 5 ? `${n.slice(0, 5)}…` : n} ${An[t.operator] ?? t.operator} ${t.value ?? ""}`;
 			}
-			let t = e.filter((e) => e.logicalOperator === a.AND).length, n = e.filter((e) => e.logicalOperator === a.OR).length;
+			let t = e.filter((e) => e.logicalOperator === s.AND).length, n = e.filter((e) => e.logicalOperator === s.OR).length;
 			return t > 0 && n === 0 ? `${e.length} ${O("editor.conditionalEdge.conditionsAnd")}` : n > 0 && t === 0 ? `${e.length} ${O("editor.conditionalEdge.conditionsOr")}` : `${e.length} ${O("editor.conditionalEdge.conditionsMixed")}`;
 		}, fe = () => f?.isFallback ? "var(--treege-chart-4)" : j ? "var(--treege-chart-2)" : "var(--treege-chart-3)";
 		return C ? null : /* @__PURE__ */ q(G, { children: [/* @__PURE__ */ K(xe, {
@@ -300,7 +300,7 @@ var An = {
 			className: "nodrag nopan nowheel tg:absolute tg:z-10000",
 			style: {
 				pointerEvents: "all",
-				transform: `translate(-50%, calc(-100% - 8px)) translate(${o}px, ${s}px)`
+				transform: `translate(-50%, calc(-100% - 8px)) translate(${a}px, ${o}px)`
 			},
 			children: /* @__PURE__ */ q(_, {
 				open: m,
@@ -559,16 +559,16 @@ var An = {
 																		className: "tg:flex tg:justify-center",
 																		children: /* @__PURE__ */ q(S, {
 																			disabled: t,
-																			value: e.state.value || a.AND,
+																			value: e.state.value || s.AND,
 																			onValueChange: (t) => e.handleChange(t),
 																			children: [/* @__PURE__ */ K(P, {
 																				className: "tg:h-9 tg:w-32 tg:font-semibold",
 																				children: /* @__PURE__ */ K(M, {})
 																			}), /* @__PURE__ */ q(E, { children: [/* @__PURE__ */ K(T, {
-																				value: a.AND,
+																				value: s.AND,
 																				children: "AND"
 																			}), /* @__PURE__ */ K(T, {
-																				value: a.OR,
+																				value: s.OR,
 																				children: "OR"
 																			})] })]
 																		})
@@ -583,7 +583,7 @@ var An = {
 																onClick: () => {
 																	e.pushValue({
 																		field: w[0]?.nodeId ?? "",
-																		logicalOperator: a.AND,
+																		logicalOperator: s.AND,
 																		operator: "===",
 																		value: ""
 																	}), ee().then();
@@ -811,7 +811,7 @@ var Xn = ({ onSelect: e }) => {
 			/* @__PURE__ */ q(Hn, { children: [/* @__PURE__ */ K(Gn, { children: t("editor.selectNodeType.options.input") }), Object.values(Q).map((t) => /* @__PURE__ */ q($, {
 				onClick: () => e({
 					data: { type: t },
-					type: i.input
+					type: a.input
 				}),
 				className: "tg:capitalize",
 				children: [/* @__PURE__ */ K(Rn(t), {}), t]
@@ -820,7 +820,7 @@ var Xn = ({ onSelect: e }) => {
 			/* @__PURE__ */ q(Hn, { children: [/* @__PURE__ */ K(Gn, { children: t("editor.selectNodeType.options.ui") }), Object.values(Fn).map((t) => /* @__PURE__ */ q($, {
 				onClick: () => e({
 					data: { type: t },
-					type: i.ui
+					type: a.ui
 				}),
 				className: "tg:capitalize",
 				children: [/* @__PURE__ */ K(Rn(t), {}), t]
@@ -971,45 +971,45 @@ var Xn = ({ onSelect: e }) => {
 		};
 	});
 }, sr = () => {
-	let { setNodes: e, setEdges: t, screenToFlowPosition: n, getNode: i, getNodes: a, getEdges: o } = Le(), { takeSnapshot: s } = nr(), c = V((n, i, a = !1, c) => {
-		let l = n.id, u = o().filter((e) => e.source === l), d = r(n);
+	let { setNodes: e, setEdges: t, screenToFlowPosition: n, getNode: r, getNodes: i, getEdges: a } = Le(), { takeSnapshot: o } = nr(), s = V((n, r, i = !1, s) => {
+		let c = n.id, u = a().filter((e) => e.source === c), d = l(n);
 		if (u.length > 0 && !d) return;
-		s();
+		o();
 		let f = Qn(), p = {
 			...$n,
-			...c && {
-				data: c.data ?? {},
-				type: c.type
+			...s && {
+				data: s.data ?? {},
+				type: s.type
 			},
 			id: f,
-			position: i,
-			selected: a
+			position: r,
+			selected: i
 		};
 		n?.parentId && (p.parentId = n.parentId), e((e) => e.concat(p)), t((e) => {
-			let t = e.filter((e) => e.source === l).length > 0, n = {
+			let t = e.filter((e) => e.source === c).length > 0, n = {
 				data: t && d ? { conditions: [{
-					field: l,
+					field: c,
 					operator: "===",
 					value: ""
 				}] } : void 0,
 				id: Qn(),
-				source: l,
+				source: c,
 				target: f,
 				type: t && d ? "conditional" : "default"
 			};
-			return t && d ? e.map((e) => e.source === l ? {
+			return t && d ? e.map((e) => e.source === c ? {
 				...e,
 				data: {
 					...e.data,
 					conditions: e.data?.conditions || [{
-						field: l,
+						field: c,
 						operator: "===",
 						value: ""
 					}]
 				},
 				type: "conditional"
 			} : e).concat(n) : e.concat(n);
-		}), a && requestAnimationFrame(() => {
+		}), i && requestAnimationFrame(() => {
 			e((e) => e.map((e) => ({
 				...e,
 				selected: e.id === f
@@ -1019,22 +1019,22 @@ var Xn = ({ onSelect: e }) => {
 			})));
 		});
 	}, [
-		o,
+		a,
 		e,
 		t,
-		s
-	]), l = V((n, r) => {
-		s();
-		let i = getComputedStyle(document.documentElement).getPropertyValue("--node-height"), a = parseFloat(i) || 100, { node: o, edges: c } = ir(n, r, {
+		o
+	]), c = V((n, r) => {
+		o();
+		let i = getComputedStyle(document.documentElement).getPropertyValue("--node-height"), a = parseFloat(i) || 100, { node: s, edges: c } = ir(n, r, {
 			baseNode: $n,
 			commonNodeId: Qn(),
 			nodeHeight: a,
 			verticalSpacing: 100
 		});
-		e((e) => e.concat(o)), t((e) => e.concat(...c)), requestAnimationFrame(() => {
+		e((e) => e.concat(s)), t((e) => e.concat(...c)), requestAnimationFrame(() => {
 			e((e) => e.map((e) => ({
 				...e,
-				selected: e.id === o.id
+				selected: e.id === s.id
 			}))), t((e) => e.map((e) => ({
 				...e,
 				selected: !1
@@ -1043,12 +1043,12 @@ var Xn = ({ onSelect: e }) => {
 	}, [
 		e,
 		t,
-		s
+		o
 	]), u = V((e) => {
-		let n = e.source, a = i(n), c = o(), l = !c.some((e) => e.source === n), u = !c.some((t) => t.source === e.target);
-		l && u || (s(), t((t) => {
-			let i = je(e, t);
-			return i.filter((e) => e.source === n).length > 1 && a && r(a) ? i.map((e) => e.source === n ? {
+		let n = e.source, i = r(n), s = a(), c = !s.some((e) => e.source === n), u = !s.some((t) => t.source === e.target);
+		c && u || (o(), t((t) => {
+			let r = je(e, t);
+			return r.filter((e) => e.source === n).length > 1 && i && l(i) ? r.map((e) => e.source === n ? {
 				...e,
 				data: {
 					...e.data,
@@ -1059,35 +1059,35 @@ var Xn = ({ onSelect: e }) => {
 					}]
 				},
 				type: "conditional"
-			} : e) : i;
+			} : e) : r;
 		}));
 	}, [
 		t,
-		i,
-		o,
-		s
+		r,
+		a,
+		o
 	]), d = V((e, t) => {
-		let n = i(e);
+		let n = r(e);
 		if (!n) return;
-		let r = getComputedStyle(document.documentElement).getPropertyValue("--node-height"), s = getComputedStyle(document.documentElement).getPropertyValue("--node-width"), l = parseFloat(r) || 100, u = parseFloat(s) || 100, d = n.position.y + l + 100, f = a(), p = o(), m = f.filter((t) => p.some((n) => n.source === e && n.target === t.id)).map((e) => e.position.x);
-		c(n, {
+		let o = getComputedStyle(document.documentElement).getPropertyValue("--node-height"), c = getComputedStyle(document.documentElement).getPropertyValue("--node-width"), l = parseFloat(o) || 100, u = parseFloat(c) || 100, d = n.position.y + l + 100, f = i(), p = a(), m = f.filter((t) => p.some((n) => n.source === e && n.target === t.id)).map((e) => e.position.x);
+		s(n, {
 			x: m.length === 0 ? n.position.x : m.length % 2 == 1 ? Math.max(...m) + u + 50 : Math.min(...m) - u - 50,
 			y: d
 		}, !0, t);
 	}, [
+		r,
 		i,
 		a,
-		o,
-		c
-	]), f = V((n, a) => {
-		let o = i(n);
-		if (!(o && r(o))) return;
-		s();
-		let c = getComputedStyle(document.documentElement).getPropertyValue("--node-height"), l = getComputedStyle(document.documentElement).getPropertyValue("--node-width"), u = parseFloat(c) || 100, d = parseFloat(l) || 100, f = o.position.y + u + 100, p = d / 2 + 50 / 2, m = (e, t) => {
+		s
+	]), f = V((n, i) => {
+		let a = r(n);
+		if (!(a && l(a))) return;
+		o();
+		let s = getComputedStyle(document.documentElement).getPropertyValue("--node-height"), c = getComputedStyle(document.documentElement).getPropertyValue("--node-width"), u = parseFloat(s) || 100, d = parseFloat(c) || 100, f = a.position.y + u + 100, p = d / 2 + 50 / 2, m = (e, t) => {
 			let n = {
 				...$n,
-				...a ? { type: a.type } : {},
-				data: { ...a?.data ?? $n.data },
+				...i ? { type: i.type } : {},
+				data: { ...i?.data ?? $n.data },
 				id: Qn(),
 				position: {
 					x: e,
@@ -1095,8 +1095,8 @@ var Xn = ({ onSelect: e }) => {
 				},
 				selected: t
 			};
-			return o.parentId && (n.parentId = o.parentId), n;
-		}, h = m(o.position.x - p, !0), g = m(o.position.x + p, !1);
+			return a.parentId && (n.parentId = a.parentId), n;
+		}, h = m(a.position.x - p, !0), g = m(a.position.x + p, !1);
 		e((e) => e.concat(h, g)), t((e) => {
 			let t = () => [{
 				field: n,
@@ -1127,18 +1127,18 @@ var Xn = ({ onSelect: e }) => {
 			})));
 		});
 	}, [
-		i,
+		r,
 		e,
 		t,
-		s
-	]), p = V((n, r) => {
-		let a = i(n);
-		if (!a) return;
-		let c = o(), l = c.filter((e) => e.source === n);
+		o
+	]), p = V((n, i) => {
+		let s = r(n);
+		if (!s) return;
+		let c = a(), l = c.filter((e) => e.source === n);
 		if (l.length !== 1) return;
-		let u = l[0], d = i(u.target);
+		let u = l[0], d = r(u.target);
 		if (!d) return;
-		s();
+		o();
 		let f = getComputedStyle(document.documentElement).getPropertyValue("--node-height"), p = (parseFloat(f) || 100) + 100, m = new Set([d.id]), h = [d.id];
 		for (; h.length > 0;) {
 			let e = h.shift();
@@ -1148,9 +1148,9 @@ var Xn = ({ onSelect: e }) => {
 		}
 		let g = Qn(), _ = {
 			...$n,
-			...r && {
-				data: r.data ?? {},
-				type: r.type
+			...i && {
+				data: i.data ?? {},
+				type: i.type
 			},
 			id: g,
 			position: {
@@ -1159,7 +1159,7 @@ var Xn = ({ onSelect: e }) => {
 			},
 			selected: !0
 		};
-		a.parentId && (_.parentId = a.parentId), e((e) => e.map((e) => m.has(e.id) ? {
+		s.parentId && (_.parentId = s.parentId), e((e) => e.map((e) => m.has(e.id) ? {
 			...e,
 			position: {
 				x: e.position.x,
@@ -1183,33 +1183,33 @@ var Xn = ({ onSelect: e }) => {
 			})));
 		});
 	}, [
-		i,
-		o,
+		r,
+		a,
 		e,
 		t,
-		s
-	]), m = V((n, r) => {
-		let a = i(n), o = i(r);
-		if (!(a && o)) return;
-		s(), t((e) => e.map((e) => e.source === n && e.target === r ? {
+		o
+	]), m = V((n, i) => {
+		let a = r(n), s = r(i);
+		if (!(a && s)) return;
+		o(), t((e) => e.map((e) => e.source === n && e.target === i ? {
 			...e,
-			source: r,
+			source: i,
 			target: n
 		} : e.target === n ? {
 			...e,
-			target: r
-		} : e.source === r ? {
+			target: i
+		} : e.source === i ? {
 			...e,
 			source: n
 		} : e));
-		let c = a.measured?.height, l = o.measured?.height, u = c != null && l != null ? l - c : 0;
+		let c = a.measured?.height, l = s.measured?.height, u = c != null && l != null ? l - c : 0;
 		e((e) => e.map((e) => e.id === n ? {
 			...e,
 			position: {
 				x: e.position.x,
-				y: o.position.y + u
+				y: s.position.y + u
 			}
-		} : e.id === r ? {
+		} : e.id === i ? {
 			...e,
 			position: {
 				x: e.position.x,
@@ -1217,47 +1217,47 @@ var Xn = ({ onSelect: e }) => {
 			}
 		} : e));
 	}, [
-		i,
+		r,
 		e,
 		t,
-		s
+		o
 	]), h = V((e) => {
-		let t = o(), n = t.filter((t) => t.target === e);
+		let t = a(), n = t.filter((t) => t.target === e);
 		if (n.length !== 1 || t.filter((t) => t.source === e).length > 1) return;
 		let r = n[0].source;
 		t.filter((e) => e.source === r).length === 1 && m(r, e);
-	}, [o, m]), g = V((e) => {
-		let t = o(), n = t.filter((t) => t.source === e);
+	}, [a, m]), g = V((e) => {
+		let t = a(), n = t.filter((t) => t.source === e);
 		if (n.length !== 1) return;
 		let r = n[0].target;
 		t.filter((e) => e.target === r).length === 1 && (t.filter((e) => e.source === r).length > 1 || m(e, r));
-	}, [o, m]), _ = V((e, t) => {
-		let r = t.fromNode;
-		if (!r) return;
-		let { clientX: a, clientY: s } = "changedTouches" in e ? e.changedTouches[0] : e, u = document.elementFromPoint(a, s)?.closest?.(".react-flow__node")?.getAttribute("data-id") ?? null ?? t.toNode?.id ?? null;
-		if (u && u !== r.id) {
-			let e = i(u), t = o(), n = !t.some((e) => e.source === r.id), a = !t.some((e) => e.source === u);
-			e && n && a && l(r, e);
+	}, [a, m]), _ = V((e, t) => {
+		let i = t.fromNode;
+		if (!i) return;
+		let { clientX: o, clientY: l } = "changedTouches" in e ? e.changedTouches[0] : e, u = document.elementFromPoint(o, l)?.closest?.(".react-flow__node")?.getAttribute("data-id") ?? null ?? t.toNode?.id ?? null;
+		if (u && u !== i.id) {
+			let e = r(u), t = a(), n = !t.some((e) => e.source === i.id), o = !t.some((e) => e.source === u);
+			e && n && o && c(i, e);
 			return;
 		}
 		if (!t.isValid) {
 			let e = n({
-				x: a,
-				y: s
-			}), t = r.parentId ? i(r.parentId) : void 0, o = t?.position ?? {
+				x: o,
+				y: l
+			}), t = i.parentId ? r(i.parentId) : void 0, a = t?.position ?? {
 				x: 0,
 				y: 0
 			};
-			c(r, t ? {
-				x: e.x - o.x,
-				y: e.y - o.y
+			s(i, t ? {
+				x: e.x - a.x,
+				y: e.y - a.y
 			} : e, !0);
 		}
 	}, [
-		l,
 		c,
-		i,
-		o,
+		s,
+		r,
+		a,
 		n
 	]), v = V((e) => {
 		t((t) => or(t.filter((t) => !e.find((e) => e.id === t.id)), new Set(e.map((e) => e.source))));
@@ -1265,11 +1265,11 @@ var Xn = ({ onSelect: e }) => {
 	return {
 		isValidConnection: V((e) => {
 			if (e.source === e.target) return !1;
-			let t = i(e.source);
+			let t = r(e.source);
 			if (!t) return !1;
-			let n = o();
-			return rr(n, e.source, e.target) || ar(n, e.source, e.target) ? !1 : !(n.filter((t) => t.source === e.source).length > 0 && !r(t));
-		}, [i, o]),
+			let n = a();
+			return rr(n, e.source, e.target) || ar(n, e.source, e.target) ? !1 : !(n.filter((t) => t.source === e.source).length > 0 && !l(t));
+		}, [r, a]),
 		moveStackNodeDown: g,
 		moveStackNodeUp: h,
 		onAddFromHandle: d,
@@ -1392,7 +1392,7 @@ var Xn = ({ onSelect: e }) => {
 		]
 	});
 }, lr = () => {
-	let e = Fe(), t = U(() => e.filter(d), [e]), n = U(() => e.filter((e) => e.selected), [e]), r = U(() => e.find((e) => e.selected), [e]);
+	let e = Fe(), t = U(() => e.filter(i), [e]), n = U(() => e.filter((e) => e.selected), [e]), r = U(() => e.find((e) => e.selected), [e]);
 	return {
 		groupNodes: t,
 		hasSelectedNodes: n.length > 0,
@@ -1401,7 +1401,7 @@ var Xn = ({ onSelect: e }) => {
 		selectedNodes: n
 	};
 }, ur = ({ targetNodes: e, hideLabel: t, onChange: n } = {}) => {
-	let [r, i] = W(""), [a, o] = W(""), [s, c] = W(!1), [l, u] = W(!1), { selectedNode: f, groupNodes: p } = lr(), { setNodes: m } = Le(), h = Z(), g = Ge(), v = Ge(), y = Ge(), b = U(() => e ?? (f ? [f] : []), [e, f]), x = b.length > 0 && b.every(d), C = U(() => new Set(b.map((e) => e.id)), [b]), w = U(() => new Set(b.map((e) => e.parentId)), [b]).size > 1, D = !w && b[0] ? b[0].parentId : void 0, O = D ? p.find((e) => e.id === D) : void 0, k = O?.data?.label?.en ?? "", A = w ? "" : D ?? "none", j = h(w ? "editor.selectNodeGroup.mixed" : "editor.selectNodeGroup.noGroup"), ee = (e) => {
+	let [r, a] = W(""), [o, s] = W(""), [c, l] = W(!1), [u, d] = W(!1), { selectedNode: f, groupNodes: p } = lr(), { setNodes: m } = Le(), h = Z(), g = Ge(), v = Ge(), y = Ge(), b = U(() => e ?? (f ? [f] : []), [e, f]), x = b.length > 0 && b.every(i), C = U(() => new Set(b.map((e) => e.id)), [b]), w = U(() => new Set(b.map((e) => e.parentId)), [b]).size > 1, D = !w && b[0] ? b[0].parentId : void 0, O = D ? p.find((e) => e.id === D) : void 0, k = O?.data?.label?.en ?? "", A = w ? "" : D ?? "none", j = h(w ? "editor.selectNodeGroup.mixed" : "editor.selectNodeGroup.noGroup"), ee = (e) => {
 		b.length !== 0 && (m((t) => e === "none" ? t.map((e) => {
 			if (C.has(e.id)) {
 				let { parentId: t, extent: n, ...r } = e;
@@ -1447,10 +1447,10 @@ var Xn = ({ onSelect: e }) => {
 				};
 			}
 			return e;
-		})]), i(""), c(!1), X.success("Group created", { description: `The group "${e}" has been created successfully.` }), n?.();
+		})]), a(""), l(!1), X.success("Group created", { description: `The group "${e}" has been created successfully.` }), n?.();
 	}, ne = () => {
-		if (!(a.trim() && O)) return;
-		let e = a.trim();
+		if (!(o.trim() && O)) return;
+		let e = o.trim();
 		if (p.find((t) => t.id !== O.id && String(t.data?.label?.en ?? "").toLowerCase() === e.toLowerCase())) {
 			X.error("This group already exists", { description: "Choose a different name." });
 			return;
@@ -1464,11 +1464,11 @@ var Xn = ({ onSelect: e }) => {
 					en: e
 				}
 			}
-		} : t)), u(!1);
+		} : t)), d(!1);
 	};
 	return H(() => {
-		l && o(String(k ?? ""));
-	}, [l, k]), x || b.length === 0 ? null : /* @__PURE__ */ q("div", {
+		u && s(String(k ?? ""));
+	}, [u, k]), x || b.length === 0 ? null : /* @__PURE__ */ q("div", {
 		className: "tg:space-y-2",
 		children: [!t && /* @__PURE__ */ K(I, {
 			htmlFor: g,
@@ -1492,8 +1492,8 @@ var Xn = ({ onSelect: e }) => {
 					}, e.id))] }) })]
 				}),
 				O && /* @__PURE__ */ q(_, {
-					open: l,
-					onOpenChange: u,
+					open: u,
+					onOpenChange: d,
 					children: [/* @__PURE__ */ K(_e, {
 						asChild: !0,
 						children: /* @__PURE__ */ K(L, {
@@ -1524,8 +1524,8 @@ var Xn = ({ onSelect: e }) => {
 									}), /* @__PURE__ */ K(F, {
 										autoFocus: !0,
 										id: y,
-										value: a,
-										onChange: (e) => o(e.target.value),
+										value: o,
+										onChange: (e) => s(e.target.value),
 										onKeyDown: (e) => {
 											e.key === "Enter" && (e.preventDefault(), ne());
 										}
@@ -1536,12 +1536,12 @@ var Xn = ({ onSelect: e }) => {
 									children: [/* @__PURE__ */ K(L, {
 										variant: "outline",
 										size: "sm",
-										onClick: () => u(!1),
+										onClick: () => d(!1),
 										children: h("common.cancel")
 									}), /* @__PURE__ */ K(L, {
 										size: "sm",
 										onClick: ne,
-										disabled: !a.trim(),
+										disabled: !o.trim(),
 										children: h("common.save")
 									})]
 								})
@@ -1550,8 +1550,8 @@ var Xn = ({ onSelect: e }) => {
 					})]
 				}),
 				/* @__PURE__ */ q(_, {
-					open: s,
-					onOpenChange: c,
+					open: c,
+					onOpenChange: l,
 					children: [/* @__PURE__ */ K(_e, {
 						asChild: !0,
 						children: /* @__PURE__ */ K(L, {
@@ -1586,7 +1586,7 @@ var Xn = ({ onSelect: e }) => {
 										autoFocus: !0,
 										id: v,
 										value: r,
-										onChange: (e) => i(e.target.value),
+										onChange: (e) => a(e.target.value),
 										placeholder: "Ex: Step 1 - Personal info",
 										onKeyDown: (e) => {
 											e.key === "Enter" && (e.preventDefault(), te());
@@ -1598,7 +1598,7 @@ var Xn = ({ onSelect: e }) => {
 									children: [/* @__PURE__ */ K(L, {
 										variant: "outline",
 										size: "sm",
-										onClick: () => c(!1),
+										onClick: () => l(!1),
 										children: h("common.cancel")
 									}), /* @__PURE__ */ K(L, {
 										size: "sm",
@@ -1635,31 +1635,31 @@ function mr({ className: e, variant: t, asChild: n = !1, ...r }) {
 //#endregion
 //#region src/editor/features/TreegeEditor/nodes/components/NodeGroupBadge.tsx
 var hr = ({ nodeId: e, groupId: t }) => {
-	let [n, r] = W(!1), i = Z(), a = Fe(), o = U(() => a.find((t) => t.id === e), [a, e]), s = U(() => t ? a.find((e) => e.id === t) : void 0, [a, t]), c = d(s) ? i(s.data?.label) : "", l = fr(t), u = (e) => e.stopPropagation();
+	let [n, r] = W(!1), a = Z(), o = Fe(), s = U(() => o.find((t) => t.id === e), [o, e]), c = U(() => t ? o.find((e) => e.id === t) : void 0, [o, t]), l = i(c) ? a(c.data?.label) : "", u = fr(t), d = (e) => e.stopPropagation();
 	return /* @__PURE__ */ q(_, {
 		open: n,
 		onOpenChange: r,
 		children: [/* @__PURE__ */ K(_e, {
 			asChild: !0,
-			onClick: u,
+			onClick: d,
 			children: t ? /* @__PURE__ */ q(mr, {
 				variant: "default",
 				className: "nodrag nopan tg:cursor-pointer tg:px-1.5 tg:py-0 tg:text-[10px] tg:text-white tg:capitalize tg:[&>svg]:size-2.5",
-				style: { backgroundColor: l },
-				title: c || t,
+				style: { backgroundColor: u },
+				title: l || t,
 				children: [/* @__PURE__ */ K(Qe, {}), /* @__PURE__ */ K(it, {})]
 			}) : /* @__PURE__ */ q(mr, {
 				variant: "secondary",
 				className: "nodrag nopan tg:cursor-pointer tg:px-1.5 tg:py-0 tg:[&>svg]:size-2.5",
-				title: i("editor.selectNodeGroup.group"),
+				title: a("editor.selectNodeGroup.group"),
 				children: [/* @__PURE__ */ K(Qe, {}), /* @__PURE__ */ K(it, {})]
 			})
 		}), /* @__PURE__ */ K(se, {
 			align: "start",
 			className: "tg:w-80",
-			onClick: u,
-			children: o && /* @__PURE__ */ K(ur, {
-				targetNodes: [o],
+			onClick: d,
+			children: s && /* @__PURE__ */ K(ur, {
+				targetNodes: [s],
 				onChange: () => r(!1)
 			})
 		})]
@@ -1996,12 +1996,12 @@ var hr = ({ nodeId: e, groupId: t }) => {
 		case "checkbox": return [];
 		default: return "";
 	}
-}, Nr = (e) => e.replace(/^[a-z][\w+.-]*:\/\/[^/]+/i, "") || e, Pr = ({ nodeId: t, data: n }) => {
-	let [r, i] = W(!1), [a, c] = W(""), [l, u] = W(""), [d, p] = W(""), [m, g] = W(""), [v, y] = W(null), { language: b, headers: x } = _n(), { updateNodeData: S } = yr(), w = Z(), T = n?.type;
+}, Nr = (e) => e.replace(/^[a-z][\w+.-]*:\/\/[^/]+/i, "") || e, Pr = ({ nodeId: e, data: t }) => {
+	let [n, i] = W(!1), [a, s] = W(""), [c, l] = W(""), [d, f] = W(""), [m, g] = W(""), [v, y] = W(null), { language: b, headers: x } = _n(), { updateNodeData: S } = yr(), w = Z(), T = t?.type;
 	if (!T) return null;
-	let E = Ar(n), D = E ? n.optionsSource?.url : void 0, O = D ?? (T === "http" ? n.httpConfig?.url : void 0), k = E ? n.options ?? [] : [], A = E, j = E, M = h({
-		data: n,
-		id: t,
+	let E = Ar(t), D = E ? t.optionsSource?.url : void 0, O = D ?? (T === "http" ? t.httpConfig?.url : void 0), k = E ? t.options ?? [] : [], A = E, j = E, M = h({
+		data: t,
+		id: e,
 		position: {
 			x: 0,
 			y: 0
@@ -2009,21 +2009,21 @@ var hr = ({ nodeId: e, groupId: t }) => {
 		type: "input"
 	}), ee = {
 		data: {
-			...n,
+			...t,
 			name: void 0,
 			required: void 0
 		},
-		id: t,
+		id: e,
 		position: {
 			x: 0,
 			y: 0
 		},
 		type: "input"
 	}, re = () => {
-		c(""), u(""), p(""), g("");
-	}, ie = (e) => {
-		e?.preventDefault();
-		let n = a.trim(), r = l.trim();
+		s(""), l(""), f(""), g("");
+	}, ie = (t) => {
+		t?.preventDefault();
+		let n = a.trim(), r = c.trim();
 		if (!(n || r)) return;
 		let o = m.trim(), s = {
 			label: { [b]: n },
@@ -2031,19 +2031,19 @@ var hr = ({ nodeId: e, groupId: t }) => {
 			...A && d && { image: d },
 			...j && o && { description: { [b]: o } }
 		};
-		S(t, { options: v === null ? [...k, s] : k.map((e, t) => t === v ? s : e) }), re(), y(null), i(!1);
+		S(e, { options: v === null ? [...k, s] : k.map((e, t) => t === v ? s : e) }), re(), y(null), i(!1);
 	}, P = (e) => {
 		i(e), e || (re(), y(null));
 	}, ae = (e) => {
 		let t = k[e];
-		t && (c(w(t.label) || ""), u(t.value || ""), p(t.image ?? ""), g(w(t.description) || ""), y(e), i(!0));
-	}, oe = (e) => {
-		S(t, { options: k.filter((t, n) => n !== e) });
+		t && (s(w(t.label) || ""), l(t.value || ""), f(t.image ?? ""), g(w(t.description) || ""), y(e), i(!0));
+	}, oe = (t) => {
+		S(e, { options: k.filter((e, n) => n !== t) });
 	}, ce = (e) => {
 		e.key === "Enter" && (e.preventDefault(), ie());
 	}, le = (e) => e.stopPropagation();
 	if (T === "hidden") {
-		let e = Rn(T), t = n.defaultValue?.type === "static" ? n.defaultValue.staticValue : void 0, r = n.defaultValue?.type === "reference" ? n.defaultValue.referenceField : void 0, i = Array.isArray(t) ? t.join(", ") : typeof t == "boolean" ? String(t) : t ?? (r ? `→ ${r}` : "");
+		let e = Rn(T), n = t.defaultValue?.type === "static" ? t.defaultValue.staticValue : void 0, r = t.defaultValue?.type === "reference" ? t.defaultValue.referenceField : void 0, i = Array.isArray(n) ? n.join(", ") : typeof n == "boolean" ? String(n) : n ?? (r ? `→ ${r}` : "");
 		return /* @__PURE__ */ q("div", {
 			className: "tg:pointer-events-none tg:flex tg:select-none tg:flex-col tg:gap-1 tg:text-sm",
 			children: [/* @__PURE__ */ q("div", {
@@ -2057,7 +2057,7 @@ var hr = ({ nodeId: e, groupId: t }) => {
 	}
 	let I = ge[T];
 	if (!I) return null;
-	let ue = e(n.helperText, b), de = f(n, b), fe = ({ option: e, index: t, variant: n }) => {
+	let ue = u(t.helperText, b), de = p(t, b), fe = ({ option: e, index: t, variant: n }) => {
 		let r = String(e.value), i = w(e.label) || r;
 		return /* @__PURE__ */ q(G, { children: [r && r !== i && n !== "card" && /* @__PURE__ */ K("span", {
 			className: "tg:pointer-events-none tg:absolute tg:top-1/2 tg:right-2 tg:max-w-18 tg:-translate-y-1/2 tg:truncate tg:text-[10px] tg:text-muted-foreground/60 tg:group-hover/option:hidden",
@@ -2090,7 +2090,7 @@ var hr = ({ nodeId: e, groupId: t }) => {
 	return /* @__PURE__ */ q(G, { children: [
 		/* @__PURE__ */ K("div", {
 			className: B("tg:pointer-events-none tg:flex tg:select-none tg:flex-col tg:gap-1 tg:[&_label:empty]:hidden", T === "submit" && "tg:items-center"),
-			children: /* @__PURE__ */ K(s, {
+			children: /* @__PURE__ */ K(r, {
 				value: {
 					headers: x,
 					language: b,
@@ -2099,7 +2099,7 @@ var hr = ({ nodeId: e, groupId: t }) => {
 				children: /* @__PURE__ */ K(o, {
 					render: I,
 					field: {
-						id: t,
+						id: e,
 						name: M,
 						placeholder: de || void 0,
 						value: Mr(T)
@@ -2173,7 +2173,7 @@ var hr = ({ nodeId: e, groupId: t }) => {
 					]
 				}, i);
 			}), /* @__PURE__ */ q(_, {
-				open: r,
+				open: n,
 				onOpenChange: P,
 				children: [/* @__PURE__ */ K(_e, {
 					asChild: !0,
@@ -2198,27 +2198,27 @@ var hr = ({ nodeId: e, groupId: t }) => {
 								children: [
 									A && /* @__PURE__ */ K(kr, {
 										value: d,
-										onChange: p
+										onChange: f
 									}),
 									/* @__PURE__ */ K(F, {
-										id: `${t}-option-label`,
+										id: `${e}-option-label`,
 										autoFocus: !0,
 										placeholder: w("editor.inputNodeForm.optionLabel"),
 										value: a,
-										onChange: (e) => c(e.target.value),
+										onChange: (e) => s(e.target.value),
 										onKeyDown: ce
 									}),
 									/* @__PURE__ */ K(F, {
-										id: `${t}-option-value`,
+										id: `${e}-option-value`,
 										placeholder: w("editor.inputNodeForm.optionValue"),
-										value: l,
-										onChange: (e) => u(e.target.value),
+										value: c,
+										onChange: (e) => l(e.target.value),
 										onKeyDown: ce
 									})
 								]
 							}),
 							j && /* @__PURE__ */ K(F, {
-								id: `${t}-option-description`,
+								id: `${e}-option-description`,
 								placeholder: w("editor.inputNodeForm.optionDescription"),
 								value: m,
 								onChange: (e) => g(e.target.value),
@@ -2237,7 +2237,7 @@ var hr = ({ nodeId: e, groupId: t }) => {
 									type: "submit",
 									size: "sm",
 									className: "tg:flex-1",
-									disabled: !(a.trim() || l.trim()),
+									disabled: !(a.trim() || c.trim()),
 									children: w(v === null ? "common.create" : "common.save")
 								})]
 							})
@@ -2423,9 +2423,9 @@ var Wr = (e) => Re(Ur((t) => {
 		})
 	}) : null;
 }, Kr = Object.values(Q), qr = Object.values(Fn), Jr = ({ nodeId: e, nodeType: t, subType: n }) => {
-	let { updateNodeType: r } = yr(), { getEdges: a } = Le(), { openNodeTypeChangeConfirmation: o } = _n(), s = Z(), c = (e) => e.stopPropagation(), l = n || t, u = l, d = Rn(l), f = (t, n) => {
-		let s = a().filter((t) => t.source === e).length;
-		if (t === i.ui && s > 1) {
+	let { updateNodeType: r } = yr(), { getEdges: i } = Le(), { openNodeTypeChangeConfirmation: o } = _n(), s = Z(), c = (e) => e.stopPropagation(), l = n || t, u = l, d = Rn(l), f = (t, n) => {
+		let s = i().filter((t) => t.source === e).length;
+		if (t === a.ui && s > 1) {
 			o({
 				nodeId: e,
 				subType: n,
@@ -2455,8 +2455,8 @@ var Wr = (e) => Re(Ur((t) => {
 			/* @__PURE__ */ q(Hn, { children: [/* @__PURE__ */ K(Gn, { children: s("editor.selectNodeType.options.input") }), Kr.map((e) => {
 				let r = Rn(e);
 				return /* @__PURE__ */ q($, {
-					onClick: () => f(i.input, e),
-					className: B("tg:capitalize", t === i.input && e === n && "tg:bg-accent"),
+					onClick: () => f(a.input, e),
+					className: B("tg:capitalize", t === a.input && e === n && "tg:bg-accent"),
 					children: [/* @__PURE__ */ K(r, {}), e]
 				}, e);
 			})] }),
@@ -2464,8 +2464,8 @@ var Wr = (e) => Re(Ur((t) => {
 			/* @__PURE__ */ q(Hn, { children: [/* @__PURE__ */ K(Gn, { children: s("editor.selectNodeType.options.ui") }), qr.map((e) => {
 				let r = Rn(e);
 				return /* @__PURE__ */ q($, {
-					onClick: () => f(i.ui, e),
-					className: B("tg:capitalize", t === i.ui && e === n && "tg:bg-accent"),
+					onClick: () => f(a.ui, e),
+					className: B("tg:capitalize", t === a.ui && e === n && "tg:bg-accent"),
 					children: [/* @__PURE__ */ K(r, {}), e]
 				}, e);
 			})] })
@@ -2544,9 +2544,9 @@ var Wr = (e) => Re(Ur((t) => {
 		]
 	});
 }), Qr = {
-	[i.group]: () => null,
-	[i.input]: Zr,
-	[i.ui]: Zr
+	[a.group]: () => null,
+	[a.input]: Zr,
+	[a.ui]: Zr
 }, $r = [
 	{
 		key: "get",
@@ -3738,8 +3738,8 @@ var Hi = ({ aiConfig: e, onGenerate: t }) => {
 		]
 	});
 }, Zi = () => {
-	let { selectedNodes: e } = lr(), { clearSelection: t, deleteNodes: n } = yr(), r = Z(), i = U(() => e.filter((e) => !d(e)), [e]);
-	return i.length < 2 ? null : /* @__PURE__ */ K(De, {
+	let { selectedNodes: e } = lr(), { clearSelection: t, deleteNodes: n } = yr(), r = Z(), a = U(() => e.filter((e) => !i(e)), [e]);
+	return a.length < 2 ? null : /* @__PURE__ */ K(De, {
 		position: "top-center",
 		className: "tg:pointer-events-auto",
 		children: /* @__PURE__ */ q("div", {
@@ -3748,7 +3748,7 @@ var Hi = ({ aiConfig: e, onGenerate: t }) => {
 				/* @__PURE__ */ q("span", {
 					className: "tg:px-2 tg:font-medium tg:text-sm",
 					children: [
-						i.length,
+						a.length,
 						" ",
 						r("editor.multiSelectionPanel.nodesSelected")
 					]
@@ -3759,7 +3759,7 @@ var Hi = ({ aiConfig: e, onGenerate: t }) => {
 				}),
 				/* @__PURE__ */ K(ur, {
 					hideLabel: !0,
-					targetNodes: i
+					targetNodes: a
 				}),
 				/* @__PURE__ */ K(y, {
 					orientation: "vertical",
@@ -3769,7 +3769,7 @@ var Hi = ({ aiConfig: e, onGenerate: t }) => {
 					variant: "ghost",
 					size: "icon",
 					onClick: () => {
-						n(i.map((e) => e.id)), t();
+						n(a.map((e) => e.id)), t();
 					},
 					"aria-label": r("editor.multiSelectionPanel.deleteSelected"),
 					title: r("editor.multiSelectionPanel.deleteSelected"),
@@ -3847,18 +3847,18 @@ var Hi = ({ aiConfig: e, onGenerate: t }) => {
 	"PUT",
 	"PATCH"
 ], ta = (e, t) => {
-	let n = g(e, t);
+	let n = c(e, t);
 	if (!Array.isArray(n) || n.length === 0) return [];
 	let r = n[0];
 	if (!r || typeof r != "object") return [];
 	let i = [];
 	for (let [e, t] of Object.entries(r)) if (i.push(e), typeof t == "object" && t && !Array.isArray(t)) for (let n of Object.keys(t)) i.push(`${e}.${n}`);
 	return i;
-}, na = ({ request: e, mapping: r, onMappingChange: i, showOptionalFields: a = !1 }) => {
-	let [o, s] = W(!1), [c, u] = W([]), [d, f] = W(null), { headers: m } = _n(), { baseUrl: h } = di(), { url: g, method: _ = "GET", headers: v, queryParams: y, body: b, responsePath: x = "" } = e, C = Z(), w = U(() => c.map((e) => ({
+}, na = ({ request: r, mapping: i, onMappingChange: a, showOptionalFields: o = !1 }) => {
+	let [s, c] = W(!1), [l, u] = W([]), [d, f] = W(null), { headers: p } = _n(), { baseUrl: h } = di(), { url: g, method: _ = "GET", headers: v, queryParams: y, body: b, responsePath: x = "" } = r, C = Z(), w = U(() => l.map((e) => ({
 		label: e,
 		value: e
-	})), [c]), D = U(() => {
+	})), [l]), D = U(() => {
 		let e = /* @__PURE__ */ new Set();
 		for (let t of [
 			g,
@@ -3875,56 +3875,56 @@ var Hi = ({ aiConfig: e, onGenerate: t }) => {
 			X.error(C("editor.optionsSourceForm.urlRequired"));
 			return;
 		}
-		s(!0);
+		c(!0);
 		try {
-			let e = await l({
+			let r = await n({
 				body: b && ea.includes(_) ? b : void 0,
-				headers: n(m, v),
+				headers: t(p, v),
 				method: _,
 				queryParams: y,
-				url: p(g, h)
+				url: e(g, h)
 			});
-			if (!e.success) {
-				X.error(e.error || C("editor.optionsSourceForm.detectFailed"), k);
+			if (!r.success) {
+				X.error(r.error || C("editor.optionsSourceForm.detectFailed"), k);
 				return;
 			}
-			let i = ta(e.data, x);
-			if (i.length === 0) {
+			let a = ta(r.data, x);
+			if (a.length === 0) {
 				X.error(C("editor.optionsSourceForm.noFieldsDetected"), k), u([]), f(null);
 				return;
 			}
-			u(i), r.valueField && r.labelField ? f(t(e.data, x, r).length) : f(null), X.success(C("editor.optionsSourceForm.detectSuccess"));
+			u(a), i.valueField && i.labelField ? f(m(r.data, x, i).length) : f(null), X.success(C("editor.optionsSourceForm.detectSuccess"));
 		} catch (e) {
 			X.error(e instanceof Error ? e.message : C("editor.optionsSourceForm.detectFailed"), k);
 		} finally {
-			s(!1);
+			c(!1);
 		}
-	}, j = (e, t, n, a) => {
-		let o = r[e] ?? "";
+	}, j = (e, t, n, r) => {
+		let o = i[e] ?? "";
 		return w.length === 0 ? /* @__PURE__ */ q(z, {
 			className: "tg:min-w-0",
 			children: [/* @__PURE__ */ q(I, {
 				className: "tg:text-xs",
-				children: [t, a && /* @__PURE__ */ K("span", {
+				children: [t, r && /* @__PURE__ */ K("span", {
 					className: "tg:text-red-500",
 					children: " *"
 				})]
 			}), /* @__PURE__ */ K(F, {
 				value: o,
 				placeholder: n,
-				onChange: ({ target: t }) => i({ [e]: t.value || void 0 })
+				onChange: ({ target: t }) => a({ [e]: t.value || void 0 })
 			})]
 		}) : /* @__PURE__ */ q(z, {
 			className: "tg:min-w-0",
 			children: [/* @__PURE__ */ q(I, {
 				className: "tg:text-xs",
-				children: [t, a && /* @__PURE__ */ K("span", {
+				children: [t, r && /* @__PURE__ */ K("span", {
 					className: "tg:text-red-500",
 					children: " *"
 				})]
 			}), /* @__PURE__ */ q(S, {
 				value: o || void 0,
-				onValueChange: (t) => i({ [e]: t || void 0 }),
+				onValueChange: (t) => a({ [e]: t || void 0 }),
 				children: [/* @__PURE__ */ K(P, {
 					className: "tg:w-full tg:min-w-0",
 					children: /* @__PURE__ */ K(M, { placeholder: n })
@@ -3950,8 +3950,8 @@ var Hi = ({ aiConfig: e, onGenerate: t }) => {
 					variant: "outline",
 					size: "sm",
 					onClick: A,
-					disabled: o || !g,
-					children: [o ? /* @__PURE__ */ K(kt, { className: "tg:mr-2 tg:h-4 tg:w-4 tg:animate-spin" }) : /* @__PURE__ */ K(Wt, { className: "tg:mr-2 tg:h-4 tg:w-4" }), C("editor.optionsSourceForm.detect")]
+					disabled: s || !g,
+					children: [s ? /* @__PURE__ */ K(kt, { className: "tg:mr-2 tg:h-4 tg:w-4 tg:animate-spin" }) : /* @__PURE__ */ K(Wt, { className: "tg:mr-2 tg:h-4 tg:w-4" }), C("editor.optionsSourceForm.detect")]
 				}), d !== null && /* @__PURE__ */ K("span", {
 					className: "tg:text-muted-foreground tg:text-xs",
 					children: C("editor.optionsSourceForm.previewCount").replace("{count}", String(d))
@@ -3962,8 +3962,8 @@ var Hi = ({ aiConfig: e, onGenerate: t }) => {
 				children: [
 					j("labelField", C("editor.optionsSourceForm.labelField"), C("editor.optionsSourceForm.labelFieldPlaceholder"), !0),
 					j("valueField", C("editor.optionsSourceForm.valueField"), C("editor.optionsSourceForm.valueFieldPlaceholder"), !0),
-					a && j("descriptionField", C("editor.optionsSourceForm.descriptionField"), C("editor.optionsSourceForm.descriptionFieldPlaceholder"), !1),
-					a && j("imageField", C("editor.optionsSourceForm.imageField"), C("editor.optionsSourceForm.imageFieldPlaceholder"), !1)
+					o && j("descriptionField", C("editor.optionsSourceForm.descriptionField"), C("editor.optionsSourceForm.descriptionFieldPlaceholder"), !1),
+					o && j("imageField", C("editor.optionsSourceForm.imageField"), C("editor.optionsSourceForm.imageFieldPlaceholder"), !1)
 				]
 			})
 		]
@@ -5989,31 +5989,31 @@ var ba = (e) => Object.values(Ji).includes(e), xa = () => {
 		})
 	});
 }, Ca = Object.values(Q), wa = Object.values(Fn), Ta = () => {
-	let { selectedNode: e } = lr(), { updateSelectedNodeType: t } = yr(), { getEdges: n } = Le(), { openNodeTypeChangeConfirmation: a } = _n(), o = d(e), s = Z(), c = Ge(), l = () => e ? r(e) || u(e) ? e.data?.type || "" : e.type || "" : "", f = (r, o) => {
+	let { selectedNode: e } = lr(), { updateSelectedNodeType: t } = yr(), { getEdges: n } = Le(), { openNodeTypeChangeConfirmation: r } = _n(), o = i(e), s = Z(), c = Ge(), u = () => e ? l(e) || d(e) ? e.data?.type || "" : e.type || "" : "", f = (i, o) => {
 		if (!e) return;
 		let s = n().filter((t) => t.source === e.id).length;
-		if (r === i.ui && s > 1) {
-			a({
+		if (i === a.ui && s > 1) {
+			r({
 				nodeId: e.id,
 				subType: o,
-				type: r
+				type: i
 			});
 			return;
 		}
-		t(r, o);
+		t(i, o);
 	};
 	return /* @__PURE__ */ q(me, { children: [/* @__PURE__ */ K(ie, {
 		htmlFor: c,
 		children: s("editor.selectNodeType.nodeType")
 	}), /* @__PURE__ */ q(S, {
-		value: l(),
+		value: u(),
 		onValueChange: (e) => {
 			if (Ca.includes(e)) {
-				f(i.input, e);
+				f(a.input, e);
 				return;
 			}
 			if (wa.includes(e)) {
-				f(i.ui, e);
+				f(a.ui, e);
 				return;
 			}
 			f(e);
@@ -6026,7 +6026,7 @@ var ba = (e) => Object.values(Ji).includes(e), xa = () => {
 		}), /* @__PURE__ */ K(E, {
 			className: "treege-scrollbar tg:max-h-80",
 			children: o ? /* @__PURE__ */ K(me, { children: /* @__PURE__ */ K(T, {
-				value: i.group,
+				value: a.group,
 				children: s("editor.selectNodeType.options.group")
 			}) }) : /* @__PURE__ */ q(G, { children: [
 				/* @__PURE__ */ q(me, { children: [/* @__PURE__ */ K(ie, { children: s("editor.selectNodeType.options.input") }), Ca.map((e) => /* @__PURE__ */ q(T, {
@@ -6115,8 +6115,8 @@ function Na({ className: e, ...t }) {
 //#endregion
 //#region src/editor/features/TreegeEditor/sheets/NodeActionsSheet.tsx
 var Pa = () => {
-	let { selectedNode: e } = lr(), { clearSelection: t } = yr(), { isNodeSheetOpen: n, setIsNodeSheetOpen: i, openDeleteNodeConfirmation: a } = _n(), o = Z(), s = o(e?.data?.label), c = () => {
-		i(!1), t();
+	let { selectedNode: e } = lr(), { clearSelection: t } = yr(), { isNodeSheetOpen: n, setIsNodeSheetOpen: r, openDeleteNodeConfirmation: a } = _n(), o = Z(), s = o(e?.data?.label), c = () => {
+		r(!1), t();
 	};
 	return /* @__PURE__ */ K(Ea, {
 		open: n && !!e,
@@ -6142,9 +6142,9 @@ var Pa = () => {
 							/* @__PURE__ */ K(Ta, {}),
 							/* @__PURE__ */ K(ur, {}),
 							/* @__PURE__ */ K(y, {}),
-							r(e) && /* @__PURE__ */ K(xa, {}),
-							u(e) && /* @__PURE__ */ K(Sa, {}),
-							d(e) && /* @__PURE__ */ K($i, {})
+							l(e) && /* @__PURE__ */ K(xa, {}),
+							d(e) && /* @__PURE__ */ K(Sa, {}),
+							i(e) && /* @__PURE__ */ K($i, {})
 						]
 					})
 				}),
@@ -6240,14 +6240,14 @@ var Pa = () => {
 			]
 		})
 	});
-}, Ba = ({ flow: e, onExportJson: t, onSave: n, onLanguageChange: r, aiConfig: i, extraMenuItems: a, openApi: o, baseUrl: s, onAuthorize: c, headers: l, onHeadersChange: u, language: d, theme: f = "dark", defaultLanguage: p = "en" }) => {
-	let h = d !== void 0, [g, _] = W(p), v = h ? d : g, y = V((e) => {
+}, Ba = ({ flow: e, onExportJson: t, onSave: n, onLanguageChange: r, aiConfig: i, extraMenuItems: a, openApi: o, baseUrl: s, onAuthorize: c, headers: l, onHeadersChange: u, language: d, theme: p = "dark", defaultLanguage: m = "en" }) => {
+	let h = d !== void 0, [g, _] = W(m), v = h ? d : g, y = V((e) => {
 		h || _(e), r?.(e);
 	}, [h, r]);
-	return /* @__PURE__ */ q(G, { children: [/* @__PURE__ */ K(mn, {}), /* @__PURE__ */ q(m, {
-		defaultTheme: f,
+	return /* @__PURE__ */ q(G, { children: [/* @__PURE__ */ K(mn, {}), /* @__PURE__ */ q(f, {
+		defaultTheme: p,
 		storageKey: "treege-editor-theme",
-		theme: f,
+		theme: p,
 		children: [/* @__PURE__ */ K(Fa, { position: "bottom-center" }), /* @__PURE__ */ K(gn, {
 			value: {
 				aiConfig: i,
@@ -6263,7 +6263,7 @@ var Pa = () => {
 					onExportJson: t,
 					onSave: n,
 					flow: e,
-					theme: f,
+					theme: p,
 					extraMenuItems: a,
 					onAuthorize: c,
 					headers: l,