treege 3.0.0-beta.30 → 3.0.0-beta.32

package/dist/{editor-DnrJgSrC.js → editor-Bu-BRxFn.js}

@@ -1,28 +1,28 @@
-import { a as e, c as t, d as n, f as r, i, l as a, r as o, t as s, u as c } from "./ThemeContext-D49eu_oE.js";
-import { C as l, D as u, E as d, F as f, M as p, N as m, O as h, P as g, S as _, T as v, _ as y, a as b, b as x, c as S, d as C, f as ee, g as te, h as w, i as ne, j as T, k as E, l as D, m as O, n as k, o as re, p as ie, r as A, s as ae, t as oe, u as se, v as j, w as ce, x as le, y as M } from "./separator-gO82kpxa.js";
-import { Background as ue, BackgroundVariant as de, BaseEdge as fe, Controls as pe, EdgeLabelRenderer as me, Handle as he, MiniMap as ge, NodeResizer as _e, Panel as ve, Position as ye, ReactFlow as be, ReactFlowProvider as xe, addEdge as Se, getBezierPath as Ce, useEdges as we, useNodes as Te, useReactFlow as Ee } from "@xyflow/react";
+import { a as e, c as t, d as n, f as r, i, l as a, r as o, t as s, u as c } from "./ThemeContext-CF4x2MjM.js";
+import { C as l, D as u, E as d, F as f, M as p, N as m, O as h, P as g, S as _, T as v, _ as y, a as b, b as x, c as S, d as C, f as ee, g as te, h as w, i as ne, j as T, k as E, l as D, m as re, n as O, o as ie, p as ae, r as k, s as oe, t as se, u as ce, v as A, w as le, x as ue, y as j } from "./separator-NOjYTDU_.js";
+import { Background as de, BackgroundVariant as fe, BaseEdge as pe, Controls as me, EdgeLabelRenderer as he, Handle as ge, MiniMap as _e, NodeResizer as ve, Panel as ye, Position as be, ReactFlow as xe, ReactFlowProvider as Se, addEdge as Ce, getBezierPath as we, useEdges as Te, useNodes as Ee, useReactFlow as M } from "@xyflow/react";
 import { createContext as De, memo as Oe, useCallback as N, useContext as ke, useEffect as Ae, useId as je, useMemo as P, useRef as Me, useState as F } from "react";
 import { useForm as I } from "@tanstack/react-form";
-import { ArrowRightFromLine as Ne, Boxes as Pe, Check as Fe, ChevronsUpDown as L, Cog as Ie, Copy as Le, Download as Re, EllipsisVertical as ze, ImagePlus as Be, Link2 as Ve, Loader2 as He, LucidePencilRuler as Ue, MessageCircleQuestion as We, Network as Ge, Plus as R, PlusCircle as Ke, RectangleEllipsis as qe, Save as Je, Trash2 as Ye, Upload as Xe, Variable as Ze, WandSparkles as Qe, Waypoints as $e, X as z, XIcon as et } from "lucide-react";
-import { Slot as tt } from "@radix-ui/react-slot";
-import { cva as nt } from "class-variance-authority";
-import * as rt from "@radix-ui/react-scroll-area";
+import { AlignLeft as Ne, ArrowRightFromLine as Pe, Boxes as Fe, Calendar as Ie, CalendarRange as Le, CaseSensitive as Re, Check as ze, CheckSquare as Be, ChevronDown as Ve, ChevronsUpDown as He, CircleDot as Ue, Clock as We, Cloud as Ge, Copy as Ke, Download as qe, EllipsisVertical as Je, EyeOff as Ye, Hash as Xe, Heading as Ze, ImagePlus as Qe, KeyRound as $e, Link2 as et, ListFilter as tt, Loader2 as nt, MapPin as rt, Minus as it, MoreVertical as at, Paperclip as ot, Plus as L, PlusCircle as st, RectangleEllipsis as ct, Save as lt, Search as ut, Send as dt, Settings as ft, ToggleLeft as pt, Trash2 as mt, Upload as ht, Variable as gt, WandSparkles as _t, Waypoints as vt, X as R, XIcon as yt } from "lucide-react";
+import { Slot as bt } from "@radix-ui/react-slot";
+import { cva as xt } from "class-variance-authority";
+import * as St from "@radix-ui/react-scroll-area";
+import * as z from "@radix-ui/react-alert-dialog";
 import * as B from "@radix-ui/react-dropdown-menu";
-import { Toaster as it, toast as V } from "sonner";
+import { Toaster as Ct, toast as V } from "sonner";
 import * as H from "@radix-ui/react-dialog";
-import * as at from "@radix-ui/react-collapsible";
-import * as U from "@radix-ui/react-alert-dialog";
-import { useTheme as ot } from "next-themes";
+import * as wt from "@radix-ui/react-collapsible";
+import { useTheme as Tt } from "next-themes";
 //#region src/editor/assets/img/treege-black.svg
-var st = "data:image/svg+xml,%3csvg%20width='462'%20height='144'%20viewBox='0%200%20462%20144'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_1809_3434)'%3e%3cpath%20d='M137%2041.34L116.57%206C116.22%205.39399%20115.717%204.89037%20115.112%204.53942C114.507%204.18847%20113.82%204.00247%20113.12%204H38.83C38.1303%204.00247%2037.4434%204.18847%2036.838%204.53942C36.2326%204.89037%2035.7299%205.39399%2035.38%206L15%2041.34C14.6495%2041.947%2014.4647%2042.6355%2014.4641%2043.3365C14.4635%2044.0374%2014.6471%2044.7262%2014.9965%2045.3339C15.3459%2045.9416%2015.8488%2046.4467%2016.455%2046.7988C17.0611%2047.1509%2017.7491%2047.3375%2018.45%2047.34H133.53C134.233%2047.341%20134.923%2047.157%20135.532%2046.8063C136.141%2046.4557%20136.647%2045.9508%20136.999%2045.3426C137.35%2044.7343%20137.536%2044.0441%20137.536%2043.3415C137.536%2042.6388%20137.351%2041.9485%20137%2041.34V41.34Z'%20fill='%2311D3B4'/%3e%3cpath%20d='M92.48%20140.64H113.1C113.805%20140.643%20114.498%20140.459%20115.109%20140.108C115.72%20139.757%20116.228%20139.251%20116.58%20138.64L151.39%2078.3401C151.741%2077.7316%20151.926%2077.0413%20151.926%2076.3386C151.926%2075.636%20151.74%2074.9458%20151.389%2074.3375C151.037%2073.7293%20150.531%2073.2244%20149.922%2072.8738C149.313%2072.5231%20148.623%2072.3391%20147.92%2072.3401H92.48C91.4191%2072.3401%2090.4017%2072.7615%2089.6516%2073.5117C88.9014%2074.2618%2088.48%2075.2792%2088.48%2076.3401V136.64C88.48%20137.701%2088.9014%20138.718%2089.6516%20139.469C90.4017%20140.219%2091.4191%20140.64%2092.48%20140.64Z'%20fill='%23007EF6'/%3e%3cpath%20d='M59.48%2072.3201H3.99999C3.29819%2072.3208%202.60893%2072.5061%202.00143%2072.8575C1.39392%2073.2089%200.88955%2073.7139%200.538962%2074.3218C0.188375%2074.9298%200.00390931%2075.6193%200.00408949%2076.3211C0.00426966%2077.0229%200.189089%2077.7123%200.539989%2078.3201L35.38%20138.66C35.7299%20139.266%2036.2326%20139.77%2036.838%20140.121C37.4434%20140.472%2038.1302%20140.658%2038.83%20140.66H59.48C60.5409%20140.66%2061.5583%20140.239%2062.3084%20139.489C63.0586%20138.738%2063.48%20137.721%2063.48%20136.66V76.3101C63.4773%2075.2509%2063.0547%2074.2361%2062.3049%2073.4881C61.555%2072.7401%2060.5391%2072.3201%2059.48%2072.3201V72.3201Z'%20fill='%230164A8'/%3e%3c/g%3e%3cpath%20d='M207.52%20106.96C202.272%20106.96%20198.368%20105.584%20195.808%20102.832C193.312%20100.08%20192.064%2096.336%20192.064%2091.6V70.48H185.632V60.496H192.064V50.704L205.024%2046.864V60.496H216.544L215.776%2070.48H205.024V90.736C205.024%2093.232%20205.6%2094.96%20206.752%2095.92C207.904%2096.816%20209.696%2097.264%20212.128%2097.264C213.92%2097.264%20215.776%2096.944%20217.696%2096.304V105.232C216.288%20105.808%20214.752%20106.224%20213.088%20106.48C211.424%20106.8%20209.568%20106.96%20207.52%20106.96ZM224.347%20106V60.496H236.347L236.923%2065.2C238.971%2063.92%20241.499%2062.768%20244.507%2061.744C247.579%2060.656%20250.587%2059.92%20253.531%2059.536V69.328C251.803%2069.584%20249.915%2069.968%20247.867%2070.48C245.819%2070.992%20243.867%2071.568%20242.011%2072.208C240.155%2072.848%20238.587%2073.52%20237.307%2074.224V106H224.347ZM281.997%20106.96C274.125%20106.96%20267.885%20105.008%20263.277%20101.104C258.669%2097.136%20256.365%2091.152%20256.365%2083.152C256.365%2075.92%20258.285%2070.192%20262.125%2065.968C266.029%2061.68%20271.821%2059.536%20279.501%2059.536C286.541%2059.536%20291.917%2061.392%20295.629%2065.104C299.405%2068.752%20301.292%2073.552%20301.292%2079.504V87.76H268.365C269.069%2091.408%20270.733%2093.904%20273.357%2095.248C276.045%2096.592%20279.821%2097.264%20284.685%2097.264C287.117%2097.264%20289.581%2097.04%20292.077%2096.592C294.637%2096.144%20296.813%2095.568%20298.605%2094.864V104.08C296.493%20105.04%20294.029%20105.744%20291.213%20106.192C288.397%20106.704%20285.325%20106.96%20281.997%20106.96ZM268.365%2079.792H289.965V77.296C289.965%2074.672%20289.197%2072.624%20287.661%2071.152C286.125%2069.616%20283.533%2068.848%20279.885%2068.848C275.597%2068.848%20272.589%2069.712%20270.861%2071.44C269.197%2073.168%20268.365%2075.952%20268.365%2079.792ZM334.028%20106.96C326.156%20106.96%20319.916%20105.008%20315.308%20101.104C310.7%2097.136%20308.396%2091.152%20308.396%2083.152C308.396%2075.92%20310.316%2070.192%20314.156%2065.968C318.06%2061.68%20323.852%2059.536%20331.532%2059.536C338.572%2059.536%20343.948%2061.392%20347.66%2065.104C351.436%2068.752%20353.324%2073.552%20353.324%2079.504V87.76H320.396C321.1%2091.408%20322.764%2093.904%20325.388%2095.248C328.076%2096.592%20331.852%2097.264%20336.716%2097.264C339.148%2097.264%20341.612%2097.04%20344.108%2096.592C346.668%2096.144%20348.844%2095.568%20350.636%2094.864V104.08C348.524%20105.04%20346.06%20105.744%20343.244%20106.192C340.428%20106.704%20337.356%20106.96%20334.028%20106.96ZM320.396%2079.792H341.996V77.296C341.996%2074.672%20341.228%2072.624%20339.692%2071.152C338.156%2069.616%20335.564%2068.848%20331.916%2068.848C327.628%2068.848%20324.62%2069.712%20322.892%2071.44C321.228%2073.168%20320.396%2075.952%20320.396%2079.792ZM381.547%20122.896C378.155%20122.896%20374.667%20122.672%20371.083%20122.224C367.563%20121.776%20364.587%20121.136%20362.155%20120.304V110.608C364.715%20111.44%20367.723%20112.08%20371.179%20112.528C374.635%20113.04%20377.867%20113.296%20380.875%20113.296C385.291%20113.296%20388.491%20113.04%20390.475%20112.528C392.459%20112.08%20393.451%20111.248%20393.451%20110.032C393.451%20109.008%20393.003%20108.304%20392.107%20107.92C391.275%20107.536%20389.483%20107.344%20386.731%20107.344H374.347C366.219%20107.344%20362.155%20104.336%20362.155%2098.32C362.155%2096.464%20362.667%2094.768%20363.691%2093.232C364.715%2091.696%20366.347%2090.48%20368.587%2089.584C363.403%2086.96%20360.811%2082.544%20360.811%2076.336C360.811%2070.448%20362.635%2066.192%20366.283%2063.568C369.931%2060.88%20375.339%2059.536%20382.507%2059.536C383.979%2059.536%20385.579%2059.664%20387.307%2059.92C389.099%2060.112%20390.443%2060.304%20391.339%2060.496H408.427L408.139%2068.656H400.939C402.923%2070.512%20403.915%2073.104%20403.915%2076.432C403.915%2081.104%20402.443%2084.848%20399.499%2087.664C396.555%2090.416%20392.203%2091.792%20386.443%2091.792C385.419%2091.792%20384.427%2091.76%20383.467%2091.696C382.571%2091.568%20381.643%2091.44%20380.683%2091.312C378.763%2091.568%20377.131%2092.016%20375.787%2092.656C374.507%2093.296%20373.867%2094.16%20373.867%2095.248C373.867%2096.72%20375.179%2097.456%20377.803%2097.456H390.667C395.275%2097.456%20398.827%2098.512%20401.323%20100.624C403.819%20102.672%20405.067%20105.68%20405.067%20109.648C405.067%20114.128%20403.051%20117.456%20399.019%20119.632C394.987%20121.808%20389.163%20122.896%20381.547%20122.896ZM382.603%2084.496C386.443%2084.496%20389.099%2083.856%20390.571%2082.576C392.107%2081.232%20392.875%2078.992%20392.875%2075.856C392.875%2072.72%20392.107%2070.448%20390.571%2069.04C389.099%2067.632%20386.443%2066.928%20382.603%2066.928C378.955%2066.928%20376.331%2067.632%20374.731%2069.04C373.131%2070.384%20372.331%2072.656%20372.331%2075.856C372.331%2078.8%20373.067%2080.976%20374.539%2082.384C376.075%2083.792%20378.763%2084.496%20382.603%2084.496ZM439.028%20106.96C431.156%20106.96%20424.916%20105.008%20420.308%20101.104C415.7%2097.136%20413.396%2091.152%20413.396%2083.152C413.396%2075.92%20415.316%2070.192%20419.156%2065.968C423.06%2061.68%20428.852%2059.536%20436.532%2059.536C443.572%2059.536%20448.948%2061.392%20452.66%2065.104C456.436%2068.752%20458.324%2073.552%20458.324%2079.504V87.76H425.396C426.1%2091.408%20427.764%2093.904%20430.388%2095.248C433.076%2096.592%20436.852%2097.264%20441.716%2097.264C444.148%2097.264%20446.612%2097.04%20449.108%2096.592C451.668%2096.144%20453.844%2095.568%20455.636%2094.864V104.08C453.524%20105.04%20451.06%20105.744%20448.244%20106.192C445.428%20106.704%20442.356%20106.96%20439.028%20106.96ZM425.396%2079.792H446.996V77.296C446.996%2074.672%20446.228%2072.624%20444.692%2071.152C443.156%2069.616%20440.564%2068.848%20436.916%2068.848C432.628%2068.848%20429.62%2069.712%20427.892%2071.44C426.228%2073.168%20425.396%2075.952%20425.396%2079.792Z'%20fill='black'/%3e%3cdefs%3e%3cclipPath%20id='clip0_1809_3434'%3e%3crect%20width='151.93'%20height='136.64'%20fill='white'%20transform='translate(0%204)'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e", ct = "data:image/svg+xml,%3csvg%20width='462'%20height='144'%20viewBox='0%200%20462%20144'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_2_65)'%3e%3cpath%20d='M137%2041.34L116.57%206C116.22%205.39399%20115.717%204.89037%20115.112%204.53942C114.507%204.18847%20113.82%204.00247%20113.12%204H38.83C38.1302%204.00247%2037.4434%204.18847%2036.838%204.53942C36.2326%204.89037%2035.7299%205.39399%2035.38%206L15%2041.34C14.6495%2041.947%2014.4647%2042.6355%2014.4641%2043.3365C14.4635%2044.0374%2014.6471%2044.7262%2014.9965%2045.3339C15.3459%2045.9416%2015.8488%2046.4467%2016.4549%2046.7988C17.061%2047.1509%2017.749%2047.3375%2018.45%2047.34H133.53C134.233%2047.341%20134.923%2047.157%20135.532%2046.8063C136.141%2046.4557%20136.647%2045.9508%20136.999%2045.3426C137.35%2044.7343%20137.536%2044.0441%20137.536%2043.3415C137.536%2042.6388%20137.351%2041.9485%20137%2041.34Z'%20fill='%2311D3B4'/%3e%3cpath%20d='M92.48%20140.64H113.1C113.805%20140.643%20114.498%20140.459%20115.109%20140.108C115.72%20139.757%20116.228%20139.25%20116.58%20138.64L151.39%2078.34C151.741%2077.7315%20151.926%2077.0412%20151.926%2076.3385C151.926%2075.6359%20151.74%2074.9457%20151.389%2074.3374C151.037%2073.7292%20150.531%2073.2243%20149.922%2072.8737C149.313%2072.523%20148.623%2072.339%20147.92%2072.34H92.48C91.4191%2072.34%2090.4017%2072.7614%2089.6516%2073.5116C88.9014%2074.2617%2088.48%2075.2791%2088.48%2076.34V136.64C88.48%20137.701%2088.9014%20138.718%2089.6516%20139.468C90.4017%20140.219%2091.4191%20140.64%2092.48%20140.64Z'%20fill='%23007EF6'/%3e%3cpath%20d='M59.48%2072.32H4C3.2982%2072.3207%202.60894%2072.5061%202.00143%2072.8574C1.39393%2073.2088%200.889558%2073.7138%200.53897%2074.3218C0.188382%2074.9297%200.00391694%2075.6192%200.00409712%2076.321C0.00427729%2077.0228%200.189097%2077.7122%200.539997%2078.32L35.38%20138.66C35.7299%20139.266%2036.2326%20139.77%2036.838%20140.121C37.4434%20140.472%2038.1302%20140.658%2038.83%20140.66H59.48C60.5409%20140.66%2061.5583%20140.239%2062.3084%20139.488C63.0586%20138.738%2063.48%20137.721%2063.48%20136.66V76.31C63.4773%2075.2509%2063.0548%2074.236%2062.3049%2073.488C61.555%2072.7401%2060.5391%2072.32%2059.48%2072.32Z'%20fill='%230164A8'/%3e%3c/g%3e%3cpath%20d='M207.52%20106.96C202.272%20106.96%20198.368%20105.584%20195.808%20102.832C193.312%20100.08%20192.064%2096.336%20192.064%2091.6V70.48H185.632V60.496H192.064V50.704L205.024%2046.864V60.496H216.544L215.776%2070.48H205.024V90.736C205.024%2093.232%20205.6%2094.96%20206.752%2095.92C207.904%2096.816%20209.696%2097.264%20212.128%2097.264C213.92%2097.264%20215.776%2096.944%20217.696%2096.304V105.232C216.288%20105.808%20214.752%20106.224%20213.088%20106.48C211.424%20106.8%20209.568%20106.96%20207.52%20106.96ZM224.347%20106V60.496H236.347L236.923%2065.2C238.971%2063.92%20241.499%2062.768%20244.507%2061.744C247.579%2060.656%20250.587%2059.92%20253.531%2059.536V69.328C251.803%2069.584%20249.915%2069.968%20247.867%2070.48C245.819%2070.992%20243.867%2071.568%20242.011%2072.208C240.155%2072.848%20238.587%2073.52%20237.307%2074.224V106H224.347ZM281.997%20106.96C274.125%20106.96%20267.885%20105.008%20263.277%20101.104C258.669%2097.136%20256.365%2091.152%20256.365%2083.152C256.365%2075.92%20258.285%2070.192%20262.125%2065.968C266.029%2061.68%20271.821%2059.536%20279.501%2059.536C286.541%2059.536%20291.917%2061.392%20295.629%2065.104C299.405%2068.752%20301.292%2073.552%20301.292%2079.504V87.76H268.365C269.069%2091.408%20270.733%2093.904%20273.357%2095.248C276.045%2096.592%20279.821%2097.264%20284.685%2097.264C287.117%2097.264%20289.581%2097.04%20292.077%2096.592C294.637%2096.144%20296.813%2095.568%20298.605%2094.864V104.08C296.493%20105.04%20294.029%20105.744%20291.213%20106.192C288.397%20106.704%20285.325%20106.96%20281.997%20106.96ZM268.365%2079.792H289.965V77.296C289.965%2074.672%20289.197%2072.624%20287.661%2071.152C286.125%2069.616%20283.533%2068.848%20279.885%2068.848C275.597%2068.848%20272.589%2069.712%20270.861%2071.44C269.197%2073.168%20268.365%2075.952%20268.365%2079.792ZM334.028%20106.96C326.156%20106.96%20319.916%20105.008%20315.308%20101.104C310.7%2097.136%20308.396%2091.152%20308.396%2083.152C308.396%2075.92%20310.316%2070.192%20314.156%2065.968C318.06%2061.68%20323.852%2059.536%20331.532%2059.536C338.572%2059.536%20343.948%2061.392%20347.66%2065.104C351.436%2068.752%20353.324%2073.552%20353.324%2079.504V87.76H320.396C321.1%2091.408%20322.764%2093.904%20325.388%2095.248C328.076%2096.592%20331.852%2097.264%20336.716%2097.264C339.148%2097.264%20341.612%2097.04%20344.108%2096.592C346.668%2096.144%20348.844%2095.568%20350.636%2094.864V104.08C348.524%20105.04%20346.06%20105.744%20343.244%20106.192C340.428%20106.704%20337.356%20106.96%20334.028%20106.96ZM320.396%2079.792H341.996V77.296C341.996%2074.672%20341.228%2072.624%20339.692%2071.152C338.156%2069.616%20335.564%2068.848%20331.916%2068.848C327.628%2068.848%20324.62%2069.712%20322.892%2071.44C321.228%2073.168%20320.396%2075.952%20320.396%2079.792ZM381.547%20122.896C378.155%20122.896%20374.667%20122.672%20371.083%20122.224C367.563%20121.776%20364.587%20121.136%20362.155%20120.304V110.608C364.715%20111.44%20367.723%20112.08%20371.179%20112.528C374.635%20113.04%20377.867%20113.296%20380.875%20113.296C385.291%20113.296%20388.491%20113.04%20390.475%20112.528C392.459%20112.08%20393.451%20111.248%20393.451%20110.032C393.451%20109.008%20393.003%20108.304%20392.107%20107.92C391.275%20107.536%20389.483%20107.344%20386.731%20107.344H374.347C366.219%20107.344%20362.155%20104.336%20362.155%2098.32C362.155%2096.464%20362.667%2094.768%20363.691%2093.232C364.715%2091.696%20366.347%2090.48%20368.587%2089.584C363.403%2086.96%20360.811%2082.544%20360.811%2076.336C360.811%2070.448%20362.635%2066.192%20366.283%2063.568C369.931%2060.88%20375.339%2059.536%20382.507%2059.536C383.979%2059.536%20385.579%2059.664%20387.307%2059.92C389.099%2060.112%20390.443%2060.304%20391.339%2060.496H408.427L408.139%2068.656H400.939C402.923%2070.512%20403.915%2073.104%20403.915%2076.432C403.915%2081.104%20402.443%2084.848%20399.499%2087.664C396.555%2090.416%20392.203%2091.792%20386.443%2091.792C385.419%2091.792%20384.427%2091.76%20383.467%2091.696C382.571%2091.568%20381.643%2091.44%20380.683%2091.312C378.763%2091.568%20377.131%2092.016%20375.787%2092.656C374.507%2093.296%20373.867%2094.16%20373.867%2095.248C373.867%2096.72%20375.179%2097.456%20377.803%2097.456H390.667C395.275%2097.456%20398.827%2098.512%20401.323%20100.624C403.819%20102.672%20405.067%20105.68%20405.067%20109.648C405.067%20114.128%20403.051%20117.456%20399.019%20119.632C394.987%20121.808%20389.163%20122.896%20381.547%20122.896ZM382.603%2084.496C386.443%2084.496%20389.099%2083.856%20390.571%2082.576C392.107%2081.232%20392.875%2078.992%20392.875%2075.856C392.875%2072.72%20392.107%2070.448%20390.571%2069.04C389.099%2067.632%20386.443%2066.928%20382.603%2066.928C378.955%2066.928%20376.331%2067.632%20374.731%2069.04C373.131%2070.384%20372.331%2072.656%20372.331%2075.856C372.331%2078.8%20373.067%2080.976%20374.539%2082.384C376.075%2083.792%20378.763%2084.496%20382.603%2084.496ZM439.028%20106.96C431.156%20106.96%20424.916%20105.008%20420.308%20101.104C415.7%2097.136%20413.396%2091.152%20413.396%2083.152C413.396%2075.92%20415.316%2070.192%20419.156%2065.968C423.06%2061.68%20428.852%2059.536%20436.532%2059.536C443.572%2059.536%20448.948%2061.392%20452.66%2065.104C456.436%2068.752%20458.324%2073.552%20458.324%2079.504V87.76H425.396C426.1%2091.408%20427.764%2093.904%20430.388%2095.248C433.076%2096.592%20436.852%2097.264%20441.716%2097.264C444.148%2097.264%20446.612%2097.04%20449.108%2096.592C451.668%2096.144%20453.844%2095.568%20455.636%2094.864V104.08C453.524%20105.04%20451.06%20105.744%20448.244%20106.192C445.428%20106.704%20442.356%20106.96%20439.028%20106.96ZM425.396%2079.792H446.996V77.296C446.996%2074.672%20446.228%2072.624%20444.692%2071.152C443.156%2069.616%20440.564%2068.848%20436.916%2068.848C432.628%2068.848%20429.62%2069.712%20427.892%2071.44C426.228%2073.168%20425.396%2075.952%20425.396%2079.792Z'%20fill='white'/%3e%3cdefs%3e%3cclipPath%20id='clip0_2_65'%3e%3crect%20width='151.93'%20height='136.64'%20fill='white'%20transform='translate(0%204)'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e", W = r(), lt = ({ theme: e = "dark" }) => /* @__PURE__ */ (0, W.jsx)("div", {
+var Et = "data:image/svg+xml,%3csvg%20width='462'%20height='144'%20viewBox='0%200%20462%20144'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_1809_3434)'%3e%3cpath%20d='M137%2041.34L116.57%206C116.22%205.39399%20115.717%204.89037%20115.112%204.53942C114.507%204.18847%20113.82%204.00247%20113.12%204H38.83C38.1303%204.00247%2037.4434%204.18847%2036.838%204.53942C36.2326%204.89037%2035.7299%205.39399%2035.38%206L15%2041.34C14.6495%2041.947%2014.4647%2042.6355%2014.4641%2043.3365C14.4635%2044.0374%2014.6471%2044.7262%2014.9965%2045.3339C15.3459%2045.9416%2015.8488%2046.4467%2016.455%2046.7988C17.0611%2047.1509%2017.7491%2047.3375%2018.45%2047.34H133.53C134.233%2047.341%20134.923%2047.157%20135.532%2046.8063C136.141%2046.4557%20136.647%2045.9508%20136.999%2045.3426C137.35%2044.7343%20137.536%2044.0441%20137.536%2043.3415C137.536%2042.6388%20137.351%2041.9485%20137%2041.34V41.34Z'%20fill='%2311D3B4'/%3e%3cpath%20d='M92.48%20140.64H113.1C113.805%20140.643%20114.498%20140.459%20115.109%20140.108C115.72%20139.757%20116.228%20139.251%20116.58%20138.64L151.39%2078.3401C151.741%2077.7316%20151.926%2077.0413%20151.926%2076.3386C151.926%2075.636%20151.74%2074.9458%20151.389%2074.3375C151.037%2073.7293%20150.531%2073.2244%20149.922%2072.8738C149.313%2072.5231%20148.623%2072.3391%20147.92%2072.3401H92.48C91.4191%2072.3401%2090.4017%2072.7615%2089.6516%2073.5117C88.9014%2074.2618%2088.48%2075.2792%2088.48%2076.3401V136.64C88.48%20137.701%2088.9014%20138.718%2089.6516%20139.469C90.4017%20140.219%2091.4191%20140.64%2092.48%20140.64Z'%20fill='%23007EF6'/%3e%3cpath%20d='M59.48%2072.3201H3.99999C3.29819%2072.3208%202.60893%2072.5061%202.00143%2072.8575C1.39392%2073.2089%200.88955%2073.7139%200.538962%2074.3218C0.188375%2074.9298%200.00390931%2075.6193%200.00408949%2076.3211C0.00426966%2077.0229%200.189089%2077.7123%200.539989%2078.3201L35.38%20138.66C35.7299%20139.266%2036.2326%20139.77%2036.838%20140.121C37.4434%20140.472%2038.1302%20140.658%2038.83%20140.66H59.48C60.5409%20140.66%2061.5583%20140.239%2062.3084%20139.489C63.0586%20138.738%2063.48%20137.721%2063.48%20136.66V76.3101C63.4773%2075.2509%2063.0547%2074.2361%2062.3049%2073.4881C61.555%2072.7401%2060.5391%2072.3201%2059.48%2072.3201V72.3201Z'%20fill='%230164A8'/%3e%3c/g%3e%3cpath%20d='M207.52%20106.96C202.272%20106.96%20198.368%20105.584%20195.808%20102.832C193.312%20100.08%20192.064%2096.336%20192.064%2091.6V70.48H185.632V60.496H192.064V50.704L205.024%2046.864V60.496H216.544L215.776%2070.48H205.024V90.736C205.024%2093.232%20205.6%2094.96%20206.752%2095.92C207.904%2096.816%20209.696%2097.264%20212.128%2097.264C213.92%2097.264%20215.776%2096.944%20217.696%2096.304V105.232C216.288%20105.808%20214.752%20106.224%20213.088%20106.48C211.424%20106.8%20209.568%20106.96%20207.52%20106.96ZM224.347%20106V60.496H236.347L236.923%2065.2C238.971%2063.92%20241.499%2062.768%20244.507%2061.744C247.579%2060.656%20250.587%2059.92%20253.531%2059.536V69.328C251.803%2069.584%20249.915%2069.968%20247.867%2070.48C245.819%2070.992%20243.867%2071.568%20242.011%2072.208C240.155%2072.848%20238.587%2073.52%20237.307%2074.224V106H224.347ZM281.997%20106.96C274.125%20106.96%20267.885%20105.008%20263.277%20101.104C258.669%2097.136%20256.365%2091.152%20256.365%2083.152C256.365%2075.92%20258.285%2070.192%20262.125%2065.968C266.029%2061.68%20271.821%2059.536%20279.501%2059.536C286.541%2059.536%20291.917%2061.392%20295.629%2065.104C299.405%2068.752%20301.292%2073.552%20301.292%2079.504V87.76H268.365C269.069%2091.408%20270.733%2093.904%20273.357%2095.248C276.045%2096.592%20279.821%2097.264%20284.685%2097.264C287.117%2097.264%20289.581%2097.04%20292.077%2096.592C294.637%2096.144%20296.813%2095.568%20298.605%2094.864V104.08C296.493%20105.04%20294.029%20105.744%20291.213%20106.192C288.397%20106.704%20285.325%20106.96%20281.997%20106.96ZM268.365%2079.792H289.965V77.296C289.965%2074.672%20289.197%2072.624%20287.661%2071.152C286.125%2069.616%20283.533%2068.848%20279.885%2068.848C275.597%2068.848%20272.589%2069.712%20270.861%2071.44C269.197%2073.168%20268.365%2075.952%20268.365%2079.792ZM334.028%20106.96C326.156%20106.96%20319.916%20105.008%20315.308%20101.104C310.7%2097.136%20308.396%2091.152%20308.396%2083.152C308.396%2075.92%20310.316%2070.192%20314.156%2065.968C318.06%2061.68%20323.852%2059.536%20331.532%2059.536C338.572%2059.536%20343.948%2061.392%20347.66%2065.104C351.436%2068.752%20353.324%2073.552%20353.324%2079.504V87.76H320.396C321.1%2091.408%20322.764%2093.904%20325.388%2095.248C328.076%2096.592%20331.852%2097.264%20336.716%2097.264C339.148%2097.264%20341.612%2097.04%20344.108%2096.592C346.668%2096.144%20348.844%2095.568%20350.636%2094.864V104.08C348.524%20105.04%20346.06%20105.744%20343.244%20106.192C340.428%20106.704%20337.356%20106.96%20334.028%20106.96ZM320.396%2079.792H341.996V77.296C341.996%2074.672%20341.228%2072.624%20339.692%2071.152C338.156%2069.616%20335.564%2068.848%20331.916%2068.848C327.628%2068.848%20324.62%2069.712%20322.892%2071.44C321.228%2073.168%20320.396%2075.952%20320.396%2079.792ZM381.547%20122.896C378.155%20122.896%20374.667%20122.672%20371.083%20122.224C367.563%20121.776%20364.587%20121.136%20362.155%20120.304V110.608C364.715%20111.44%20367.723%20112.08%20371.179%20112.528C374.635%20113.04%20377.867%20113.296%20380.875%20113.296C385.291%20113.296%20388.491%20113.04%20390.475%20112.528C392.459%20112.08%20393.451%20111.248%20393.451%20110.032C393.451%20109.008%20393.003%20108.304%20392.107%20107.92C391.275%20107.536%20389.483%20107.344%20386.731%20107.344H374.347C366.219%20107.344%20362.155%20104.336%20362.155%2098.32C362.155%2096.464%20362.667%2094.768%20363.691%2093.232C364.715%2091.696%20366.347%2090.48%20368.587%2089.584C363.403%2086.96%20360.811%2082.544%20360.811%2076.336C360.811%2070.448%20362.635%2066.192%20366.283%2063.568C369.931%2060.88%20375.339%2059.536%20382.507%2059.536C383.979%2059.536%20385.579%2059.664%20387.307%2059.92C389.099%2060.112%20390.443%2060.304%20391.339%2060.496H408.427L408.139%2068.656H400.939C402.923%2070.512%20403.915%2073.104%20403.915%2076.432C403.915%2081.104%20402.443%2084.848%20399.499%2087.664C396.555%2090.416%20392.203%2091.792%20386.443%2091.792C385.419%2091.792%20384.427%2091.76%20383.467%2091.696C382.571%2091.568%20381.643%2091.44%20380.683%2091.312C378.763%2091.568%20377.131%2092.016%20375.787%2092.656C374.507%2093.296%20373.867%2094.16%20373.867%2095.248C373.867%2096.72%20375.179%2097.456%20377.803%2097.456H390.667C395.275%2097.456%20398.827%2098.512%20401.323%20100.624C403.819%20102.672%20405.067%20105.68%20405.067%20109.648C405.067%20114.128%20403.051%20117.456%20399.019%20119.632C394.987%20121.808%20389.163%20122.896%20381.547%20122.896ZM382.603%2084.496C386.443%2084.496%20389.099%2083.856%20390.571%2082.576C392.107%2081.232%20392.875%2078.992%20392.875%2075.856C392.875%2072.72%20392.107%2070.448%20390.571%2069.04C389.099%2067.632%20386.443%2066.928%20382.603%2066.928C378.955%2066.928%20376.331%2067.632%20374.731%2069.04C373.131%2070.384%20372.331%2072.656%20372.331%2075.856C372.331%2078.8%20373.067%2080.976%20374.539%2082.384C376.075%2083.792%20378.763%2084.496%20382.603%2084.496ZM439.028%20106.96C431.156%20106.96%20424.916%20105.008%20420.308%20101.104C415.7%2097.136%20413.396%2091.152%20413.396%2083.152C413.396%2075.92%20415.316%2070.192%20419.156%2065.968C423.06%2061.68%20428.852%2059.536%20436.532%2059.536C443.572%2059.536%20448.948%2061.392%20452.66%2065.104C456.436%2068.752%20458.324%2073.552%20458.324%2079.504V87.76H425.396C426.1%2091.408%20427.764%2093.904%20430.388%2095.248C433.076%2096.592%20436.852%2097.264%20441.716%2097.264C444.148%2097.264%20446.612%2097.04%20449.108%2096.592C451.668%2096.144%20453.844%2095.568%20455.636%2094.864V104.08C453.524%20105.04%20451.06%20105.744%20448.244%20106.192C445.428%20106.704%20442.356%20106.96%20439.028%20106.96ZM425.396%2079.792H446.996V77.296C446.996%2074.672%20446.228%2072.624%20444.692%2071.152C443.156%2069.616%20440.564%2068.848%20436.916%2068.848C432.628%2068.848%20429.62%2069.712%20427.892%2071.44C426.228%2073.168%20425.396%2075.952%20425.396%2079.792Z'%20fill='black'/%3e%3cdefs%3e%3cclipPath%20id='clip0_1809_3434'%3e%3crect%20width='151.93'%20height='136.64'%20fill='white'%20transform='translate(0%204)'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e", Dt = "data:image/svg+xml,%3csvg%20width='462'%20height='144'%20viewBox='0%200%20462%20144'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_2_65)'%3e%3cpath%20d='M137%2041.34L116.57%206C116.22%205.39399%20115.717%204.89037%20115.112%204.53942C114.507%204.18847%20113.82%204.00247%20113.12%204H38.83C38.1302%204.00247%2037.4434%204.18847%2036.838%204.53942C36.2326%204.89037%2035.7299%205.39399%2035.38%206L15%2041.34C14.6495%2041.947%2014.4647%2042.6355%2014.4641%2043.3365C14.4635%2044.0374%2014.6471%2044.7262%2014.9965%2045.3339C15.3459%2045.9416%2015.8488%2046.4467%2016.4549%2046.7988C17.061%2047.1509%2017.749%2047.3375%2018.45%2047.34H133.53C134.233%2047.341%20134.923%2047.157%20135.532%2046.8063C136.141%2046.4557%20136.647%2045.9508%20136.999%2045.3426C137.35%2044.7343%20137.536%2044.0441%20137.536%2043.3415C137.536%2042.6388%20137.351%2041.9485%20137%2041.34Z'%20fill='%2311D3B4'/%3e%3cpath%20d='M92.48%20140.64H113.1C113.805%20140.643%20114.498%20140.459%20115.109%20140.108C115.72%20139.757%20116.228%20139.25%20116.58%20138.64L151.39%2078.34C151.741%2077.7315%20151.926%2077.0412%20151.926%2076.3385C151.926%2075.6359%20151.74%2074.9457%20151.389%2074.3374C151.037%2073.7292%20150.531%2073.2243%20149.922%2072.8737C149.313%2072.523%20148.623%2072.339%20147.92%2072.34H92.48C91.4191%2072.34%2090.4017%2072.7614%2089.6516%2073.5116C88.9014%2074.2617%2088.48%2075.2791%2088.48%2076.34V136.64C88.48%20137.701%2088.9014%20138.718%2089.6516%20139.468C90.4017%20140.219%2091.4191%20140.64%2092.48%20140.64Z'%20fill='%23007EF6'/%3e%3cpath%20d='M59.48%2072.32H4C3.2982%2072.3207%202.60894%2072.5061%202.00143%2072.8574C1.39393%2073.2088%200.889558%2073.7138%200.53897%2074.3218C0.188382%2074.9297%200.00391694%2075.6192%200.00409712%2076.321C0.00427729%2077.0228%200.189097%2077.7122%200.539997%2078.32L35.38%20138.66C35.7299%20139.266%2036.2326%20139.77%2036.838%20140.121C37.4434%20140.472%2038.1302%20140.658%2038.83%20140.66H59.48C60.5409%20140.66%2061.5583%20140.239%2062.3084%20139.488C63.0586%20138.738%2063.48%20137.721%2063.48%20136.66V76.31C63.4773%2075.2509%2063.0548%2074.236%2062.3049%2073.488C61.555%2072.7401%2060.5391%2072.32%2059.48%2072.32Z'%20fill='%230164A8'/%3e%3c/g%3e%3cpath%20d='M207.52%20106.96C202.272%20106.96%20198.368%20105.584%20195.808%20102.832C193.312%20100.08%20192.064%2096.336%20192.064%2091.6V70.48H185.632V60.496H192.064V50.704L205.024%2046.864V60.496H216.544L215.776%2070.48H205.024V90.736C205.024%2093.232%20205.6%2094.96%20206.752%2095.92C207.904%2096.816%20209.696%2097.264%20212.128%2097.264C213.92%2097.264%20215.776%2096.944%20217.696%2096.304V105.232C216.288%20105.808%20214.752%20106.224%20213.088%20106.48C211.424%20106.8%20209.568%20106.96%20207.52%20106.96ZM224.347%20106V60.496H236.347L236.923%2065.2C238.971%2063.92%20241.499%2062.768%20244.507%2061.744C247.579%2060.656%20250.587%2059.92%20253.531%2059.536V69.328C251.803%2069.584%20249.915%2069.968%20247.867%2070.48C245.819%2070.992%20243.867%2071.568%20242.011%2072.208C240.155%2072.848%20238.587%2073.52%20237.307%2074.224V106H224.347ZM281.997%20106.96C274.125%20106.96%20267.885%20105.008%20263.277%20101.104C258.669%2097.136%20256.365%2091.152%20256.365%2083.152C256.365%2075.92%20258.285%2070.192%20262.125%2065.968C266.029%2061.68%20271.821%2059.536%20279.501%2059.536C286.541%2059.536%20291.917%2061.392%20295.629%2065.104C299.405%2068.752%20301.292%2073.552%20301.292%2079.504V87.76H268.365C269.069%2091.408%20270.733%2093.904%20273.357%2095.248C276.045%2096.592%20279.821%2097.264%20284.685%2097.264C287.117%2097.264%20289.581%2097.04%20292.077%2096.592C294.637%2096.144%20296.813%2095.568%20298.605%2094.864V104.08C296.493%20105.04%20294.029%20105.744%20291.213%20106.192C288.397%20106.704%20285.325%20106.96%20281.997%20106.96ZM268.365%2079.792H289.965V77.296C289.965%2074.672%20289.197%2072.624%20287.661%2071.152C286.125%2069.616%20283.533%2068.848%20279.885%2068.848C275.597%2068.848%20272.589%2069.712%20270.861%2071.44C269.197%2073.168%20268.365%2075.952%20268.365%2079.792ZM334.028%20106.96C326.156%20106.96%20319.916%20105.008%20315.308%20101.104C310.7%2097.136%20308.396%2091.152%20308.396%2083.152C308.396%2075.92%20310.316%2070.192%20314.156%2065.968C318.06%2061.68%20323.852%2059.536%20331.532%2059.536C338.572%2059.536%20343.948%2061.392%20347.66%2065.104C351.436%2068.752%20353.324%2073.552%20353.324%2079.504V87.76H320.396C321.1%2091.408%20322.764%2093.904%20325.388%2095.248C328.076%2096.592%20331.852%2097.264%20336.716%2097.264C339.148%2097.264%20341.612%2097.04%20344.108%2096.592C346.668%2096.144%20348.844%2095.568%20350.636%2094.864V104.08C348.524%20105.04%20346.06%20105.744%20343.244%20106.192C340.428%20106.704%20337.356%20106.96%20334.028%20106.96ZM320.396%2079.792H341.996V77.296C341.996%2074.672%20341.228%2072.624%20339.692%2071.152C338.156%2069.616%20335.564%2068.848%20331.916%2068.848C327.628%2068.848%20324.62%2069.712%20322.892%2071.44C321.228%2073.168%20320.396%2075.952%20320.396%2079.792ZM381.547%20122.896C378.155%20122.896%20374.667%20122.672%20371.083%20122.224C367.563%20121.776%20364.587%20121.136%20362.155%20120.304V110.608C364.715%20111.44%20367.723%20112.08%20371.179%20112.528C374.635%20113.04%20377.867%20113.296%20380.875%20113.296C385.291%20113.296%20388.491%20113.04%20390.475%20112.528C392.459%20112.08%20393.451%20111.248%20393.451%20110.032C393.451%20109.008%20393.003%20108.304%20392.107%20107.92C391.275%20107.536%20389.483%20107.344%20386.731%20107.344H374.347C366.219%20107.344%20362.155%20104.336%20362.155%2098.32C362.155%2096.464%20362.667%2094.768%20363.691%2093.232C364.715%2091.696%20366.347%2090.48%20368.587%2089.584C363.403%2086.96%20360.811%2082.544%20360.811%2076.336C360.811%2070.448%20362.635%2066.192%20366.283%2063.568C369.931%2060.88%20375.339%2059.536%20382.507%2059.536C383.979%2059.536%20385.579%2059.664%20387.307%2059.92C389.099%2060.112%20390.443%2060.304%20391.339%2060.496H408.427L408.139%2068.656H400.939C402.923%2070.512%20403.915%2073.104%20403.915%2076.432C403.915%2081.104%20402.443%2084.848%20399.499%2087.664C396.555%2090.416%20392.203%2091.792%20386.443%2091.792C385.419%2091.792%20384.427%2091.76%20383.467%2091.696C382.571%2091.568%20381.643%2091.44%20380.683%2091.312C378.763%2091.568%20377.131%2092.016%20375.787%2092.656C374.507%2093.296%20373.867%2094.16%20373.867%2095.248C373.867%2096.72%20375.179%2097.456%20377.803%2097.456H390.667C395.275%2097.456%20398.827%2098.512%20401.323%20100.624C403.819%20102.672%20405.067%20105.68%20405.067%20109.648C405.067%20114.128%20403.051%20117.456%20399.019%20119.632C394.987%20121.808%20389.163%20122.896%20381.547%20122.896ZM382.603%2084.496C386.443%2084.496%20389.099%2083.856%20390.571%2082.576C392.107%2081.232%20392.875%2078.992%20392.875%2075.856C392.875%2072.72%20392.107%2070.448%20390.571%2069.04C389.099%2067.632%20386.443%2066.928%20382.603%2066.928C378.955%2066.928%20376.331%2067.632%20374.731%2069.04C373.131%2070.384%20372.331%2072.656%20372.331%2075.856C372.331%2078.8%20373.067%2080.976%20374.539%2082.384C376.075%2083.792%20378.763%2084.496%20382.603%2084.496ZM439.028%20106.96C431.156%20106.96%20424.916%20105.008%20420.308%20101.104C415.7%2097.136%20413.396%2091.152%20413.396%2083.152C413.396%2075.92%20415.316%2070.192%20419.156%2065.968C423.06%2061.68%20428.852%2059.536%20436.532%2059.536C443.572%2059.536%20448.948%2061.392%20452.66%2065.104C456.436%2068.752%20458.324%2073.552%20458.324%2079.504V87.76H425.396C426.1%2091.408%20427.764%2093.904%20430.388%2095.248C433.076%2096.592%20436.852%2097.264%20441.716%2097.264C444.148%2097.264%20446.612%2097.04%20449.108%2096.592C451.668%2096.144%20453.844%2095.568%20455.636%2094.864V104.08C453.524%20105.04%20451.06%20105.744%20448.244%20106.192C445.428%20106.704%20442.356%20106.96%20439.028%20106.96ZM425.396%2079.792H446.996V77.296C446.996%2074.672%20446.228%2072.624%20444.692%2071.152C443.156%2069.616%20440.564%2068.848%20436.916%2068.848C432.628%2068.848%20429.62%2069.712%20427.892%2071.44C426.228%2073.168%20425.396%2075.952%20425.396%2079.792Z'%20fill='white'/%3e%3cdefs%3e%3cclipPath%20id='clip0_2_65'%3e%3crect%20width='151.93'%20height='136.64'%20fill='white'%20transform='translate(0%204)'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e", U = r(), Ot = ({ theme: e = "dark" }) => /* @__PURE__ */ (0, U.jsx)("div", {
 	className: "absolute top-5 left-5 z-50 select-none",
-	children: /* @__PURE__ */ (0, W.jsx)("img", {
-		src: e === "dark" ? ct : st,
+	children: /* @__PURE__ */ (0, U.jsx)("img", {
+		src: e === "dark" ? Dt : Et,
 		alt: "Treege",
 		className: "relative h-14 w-auto drop-shadow-[0_0px_35px] drop-shadow-blue-600"
 	})
-}), ut = (e) => {
-	let t = Te(), n = we();
+}), kt = (e) => {
+	let t = Ee(), n = Te();
 	return P(() => {
 		if (!e) return [];
 		let r = (e, t = /* @__PURE__ */ new Set()) => {
@@ -44,7 +44,7 @@ var st = "data:image/svg+xml,%3csvg%20width='462'%20height='144'%20viewBox='0%20
 		t,
 		n
 	]);
-}, dt = De(null), ft = ({ children: e, value: t }) => {
+}, At = De(null), jt = ({ children: e, value: t }) => {
 	let [n, r] = F(t?.flowId), [i, a] = F(!1), o = P(() => ({
 		...t,
 		...t?.aiConfig && { aiConfig: {
@@ -60,45 +60,45 @@ var st = "data:image/svg+xml,%3csvg%20width='462'%20height='144'%20viewBox='0%20
 		t,
 		i
 	]);
-	return /* @__PURE__ */ (0, W.jsx)(dt.Provider, {
+	return /* @__PURE__ */ (0, U.jsx)(At.Provider, {
 		value: o,
 		children: e
 	});
-}, pt = () => ke(dt) ?? {
+}, Mt = () => ke(At) ?? {
 	flowId: void 0,
 	isNodeSheetOpen: !1,
 	language: "en",
 	setFlowId: () => {},
 	setIsNodeSheetOpen: () => {}
-}, G = (t) => {
-	let n = pt();
+}, W = (t) => {
+	let n = Mt();
 	return e(t ?? n.language);
 };
 //#endregion
 //#region src/shared/components/ui/scroll-area.tsx
-function mt({ className: e, children: t, ...n }) {
-	return /* @__PURE__ */ (0, W.jsxs)(rt.Root, {
+function Nt({ className: e, children: t, ...n }) {
+	return /* @__PURE__ */ (0, U.jsxs)(St.Root, {
 		"data-slot": "scroll-area",
 		className: f("relative", e),
 		...n,
 		children: [
-			/* @__PURE__ */ (0, W.jsx)(rt.Viewport, {
+			/* @__PURE__ */ (0, U.jsx)(St.Viewport, {
 				"data-slot": "scroll-area-viewport",
 				className: "size-full rounded-[inherit] outline-none transition-[color,box-shadow] focus-visible:outline-1 focus-visible:ring-[3px] focus-visible:ring-ring/50",
 				children: t
 			}),
-			/* @__PURE__ */ (0, W.jsx)(ht, {}),
-			/* @__PURE__ */ (0, W.jsx)(rt.Corner, {})
+			/* @__PURE__ */ (0, U.jsx)(Pt, {}),
+			/* @__PURE__ */ (0, U.jsx)(St.Corner, {})
 		]
 	});
 }
-function ht({ className: e, orientation: t = "vertical", ...n }) {
-	return /* @__PURE__ */ (0, W.jsx)(rt.ScrollAreaScrollbar, {
+function Pt({ className: e, orientation: t = "vertical", ...n }) {
+	return /* @__PURE__ */ (0, U.jsx)(St.ScrollAreaScrollbar, {
 		"data-slot": "scroll-area-scrollbar",
 		orientation: t,
 		className: f("flex touch-none select-none p-px transition-colors", t === "vertical" && "h-full w-2.5 border-l border-l-transparent", t === "horizontal" && "h-2.5 flex-col border-t border-t-transparent", e),
 		...n,
-		children: /* @__PURE__ */ (0, W.jsx)(rt.ScrollAreaThumb, {
+		children: /* @__PURE__ */ (0, U.jsx)(St.ScrollAreaThumb, {
 			"data-slot": "scroll-area-thumb",
 			className: "relative flex-1 rounded-full bg-border"
 		})
@@ -106,16 +106,16 @@ function ht({ className: e, orientation: t = "vertical", ...n }) {
 }
 //#endregion
 //#region src/editor/constants/edgeTypes.ts
-var gt = {
+var Ft = {
 	conditional: Oe(({ id: e, target: t, sourceX: n, sourceY: r, targetX: a, targetY: o, sourcePosition: s, targetPosition: c, markerEnd: f, style: g, data: b }) => {
-		let [S, C, ee] = Ce({
+		let [S, C, ee] = we({
 			sourcePosition: s,
 			sourceX: n,
 			sourceY: r,
 			targetPosition: c,
 			targetX: a,
 			targetY: o
-		}), [te, w] = F(!1), { updateEdgeData: ne } = Ee(), D = ut(t), O = b?.conditions && b.conditions.length > 0, k = G(), { handleSubmit: re, reset: ie, Field: A } = I({
+		}), [te, w] = F(!1), { updateEdgeData: ne } = M(), D = kt(t), re = b?.conditions && b.conditions.length > 0, O = W(), { handleSubmit: ie, reset: ae, Field: k } = I({
 			defaultValues: {
 				conditions: b?.conditions || [{
 					field: D[0]?.nodeId ?? "",
@@ -134,10 +134,10 @@ var gt = {
 			onSubmit: ({ value: t }) => {
 				ne(e, t);
 			}
-		}), ae = (e) => {
+		}), oe = (e) => {
 			e.stopPropagation();
-		}, oe = () => {
-			ie({
+		}, se = () => {
+			ae({
 				conditions: [],
 				isFallback: !1,
 				label: ""
@@ -146,139 +146,139 @@ var gt = {
 				isFallback: void 0,
 				label: void 0
 			});
-		}, se = () => {
-			if (b?.isFallback) return b.label || k("editor.conditionalEdge.fallback");
-			if (!O) return null;
+		}, ce = () => {
+			if (b?.isFallback) return b.label || O("editor.conditionalEdge.fallback");
+			if (!re) return null;
 			if (b.label) return b.label;
 			let e = b.conditions;
 			if (e.length === 1) return `${D.find((t) => t.nodeId === e[0].field)?.label || e[0].field} ${e[0].operator} ${e[0].value}`;
 			let t = e.filter((e) => e.logicalOperator === i.AND).length, n = e.filter((e) => e.logicalOperator === i.OR).length;
-			return t > 0 && n === 0 ? `${e.length} ${k("editor.conditionalEdge.conditionsAnd")}` : n > 0 && t === 0 ? `${e.length} ${k("editor.conditionalEdge.conditionsOr")}` : `${e.length} ${k("editor.conditionalEdge.conditionsMixed")}`;
-		}, le = () => b?.isFallback ? "var(--color-chart-4)" : O ? "var(--color-chart-2)" : "var(--color-chart-3)";
-		return /* @__PURE__ */ (0, W.jsxs)(W.Fragment, { children: [/* @__PURE__ */ (0, W.jsx)(fe, {
+			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")}`;
+		}, ue = () => b?.isFallback ? "var(--color-chart-4)" : re ? "var(--color-chart-2)" : "var(--color-chart-3)";
+		return /* @__PURE__ */ (0, U.jsxs)(U.Fragment, { children: [/* @__PURE__ */ (0, U.jsx)(pe, {
 			path: S,
 			markerEnd: f,
 			style: {
 				...g,
-				stroke: le(),
+				stroke: ue(),
 				strokeDasharray: b?.isFallback ? "5,5" : void 0,
-				strokeWidth: O || b?.isFallback ? 2 : g?.strokeWidth
+				strokeWidth: re || b?.isFallback ? 2 : g?.strokeWidth
 			}
-		}), /* @__PURE__ */ (0, W.jsx)(me, { children: /* @__PURE__ */ (0, W.jsx)("div", {
+		}), /* @__PURE__ */ (0, U.jsx)(he, { children: /* @__PURE__ */ (0, U.jsx)("div", {
 			className: "nodrag nopan absolute",
 			style: {
 				pointerEvents: "all",
 				transform: `translate(-50%, -50%) translate(${C}px,${ee}px)`
 			},
-			children: /* @__PURE__ */ (0, W.jsxs)(ce, {
+			children: /* @__PURE__ */ (0, U.jsxs)(le, {
 				open: te,
 				onOpenChange: w,
-				children: [/* @__PURE__ */ (0, W.jsx)(d, {
+				children: [/* @__PURE__ */ (0, U.jsx)(d, {
 					asChild: !0,
-					children: /* @__PURE__ */ (0, W.jsxs)(m, {
-						variant: O || b?.isFallback ? "default" : "secondary",
+					children: /* @__PURE__ */ (0, U.jsxs)(m, {
+						variant: re || b?.isFallback ? "default" : "secondary",
 						className: "h-8 px-2 text-xs",
-						onClick: ae,
-						children: [/* @__PURE__ */ (0, W.jsx)($e, { className: "mr-1 h-3 w-3" }), O || b?.isFallback ? se() : k("editor.conditionalEdge.condition")]
+						onClick: oe,
+						children: [/* @__PURE__ */ (0, U.jsx)(vt, { className: "mr-1 h-3 w-3" }), re || b?.isFallback ? ce() : O("editor.conditionalEdge.condition")]
 					})
-				}), /* @__PURE__ */ (0, W.jsx)(v, {
+				}), /* @__PURE__ */ (0, U.jsx)(v, {
 					className: "w-96 p-1",
 					align: "center",
 					onClick: (e) => e.stopPropagation(),
-					children: /* @__PURE__ */ (0, W.jsx)(mt, {
+					children: /* @__PURE__ */ (0, U.jsx)(Nt, {
 						className: "flex max-h-150 flex-col p-3",
-						children: /* @__PURE__ */ (0, W.jsx)("form", {
+						children: /* @__PURE__ */ (0, U.jsx)("form", {
 							onSubmit: (e) => {
 								e.preventDefault(), e.stopPropagation();
 							},
-							children: /* @__PURE__ */ (0, W.jsxs)("div", {
+							children: /* @__PURE__ */ (0, U.jsxs)("div", {
 								className: "grid gap-5",
 								children: [
-									/* @__PURE__ */ (0, W.jsxs)("div", {
+									/* @__PURE__ */ (0, U.jsxs)("div", {
 										className: "space-y-2",
-										children: [/* @__PURE__ */ (0, W.jsx)("h4", {
+										children: [/* @__PURE__ */ (0, U.jsx)("h4", {
 											className: "font-medium leading-none",
-											children: k("editor.conditionalEdge.displayConditions")
-										}), /* @__PURE__ */ (0, W.jsx)("p", {
+											children: O("editor.conditionalEdge.displayConditions")
+										}), /* @__PURE__ */ (0, U.jsx)("p", {
 											className: "text-muted-foreground text-sm",
-											children: k("editor.conditionalEdge.displayConditionsDesc")
+											children: O("editor.conditionalEdge.displayConditionsDesc")
 										})]
 									}),
-									/* @__PURE__ */ (0, W.jsxs)("div", {
+									/* @__PURE__ */ (0, U.jsxs)("div", {
 										className: "grid gap-4",
 										children: [
-											/* @__PURE__ */ (0, W.jsx)(A, {
+											/* @__PURE__ */ (0, U.jsx)(k, {
 												name: "label",
-												children: (e) => /* @__PURE__ */ (0, W.jsxs)(T, { children: [
-													/* @__PURE__ */ (0, W.jsx)(u, {
+												children: (e) => /* @__PURE__ */ (0, U.jsxs)(T, { children: [
+													/* @__PURE__ */ (0, U.jsx)(u, {
 														htmlFor: e.name,
-														children: k("editor.conditionalEdge.labelOptional")
+														children: O("editor.conditionalEdge.labelOptional")
 													}),
-													/* @__PURE__ */ (0, W.jsx)(h, {
+													/* @__PURE__ */ (0, U.jsx)(h, {
 														id: e.name,
-														placeholder: k("editor.conditionalEdge.labelPlaceholder"),
+														placeholder: O("editor.conditionalEdge.labelPlaceholder"),
 														value: e.state.value,
 														onChange: (t) => e.handleChange(t.target.value)
 													}),
-													/* @__PURE__ */ (0, W.jsx)(E, { children: k("editor.conditionalEdge.labelDesc") })
+													/* @__PURE__ */ (0, U.jsx)(E, { children: O("editor.conditionalEdge.labelDesc") })
 												] })
 											}),
-											/* @__PURE__ */ (0, W.jsx)(A, {
+											/* @__PURE__ */ (0, U.jsx)(k, {
 												name: "isFallback",
-												children: (e) => /* @__PURE__ */ (0, W.jsx)(T, { children: /* @__PURE__ */ (0, W.jsxs)("div", {
+												children: (e) => /* @__PURE__ */ (0, U.jsx)(T, { children: /* @__PURE__ */ (0, U.jsxs)("div", {
 													className: "flex items-center gap-3 rounded-lg border bg-muted/20 p-3",
-													children: [/* @__PURE__ */ (0, W.jsx)(p, {
+													children: [/* @__PURE__ */ (0, U.jsx)(p, {
 														id: e.name,
 														checked: e.state.value,
 														onCheckedChange: (t) => e.handleChange(t)
-													}), /* @__PURE__ */ (0, W.jsxs)("div", {
+													}), /* @__PURE__ */ (0, U.jsxs)("div", {
 														className: "flex flex-col gap-1",
-														children: [/* @__PURE__ */ (0, W.jsx)(u, {
+														children: [/* @__PURE__ */ (0, U.jsx)(u, {
 															htmlFor: e.name,
 															className: "cursor-pointer font-medium",
-															children: k("editor.conditionalEdge.fallbackPath")
-														}), /* @__PURE__ */ (0, W.jsx)(E, {
+															children: O("editor.conditionalEdge.fallbackPath")
+														}), /* @__PURE__ */ (0, U.jsx)(E, {
 															className: "text-xs",
-															children: k("editor.conditionalEdge.fallbackPathDesc")
+															children: O("editor.conditionalEdge.fallbackPathDesc")
 														})]
 													})]
 												}) })
 											}),
-											/* @__PURE__ */ (0, W.jsx)(A, {
+											/* @__PURE__ */ (0, U.jsx)(k, {
 												name: "conditions",
 												mode: "array",
 												children: (e) => {
 													let t = e.form.getFieldValue("isFallback");
-													return /* @__PURE__ */ (0, W.jsxs)("div", {
+													return /* @__PURE__ */ (0, U.jsxs)("div", {
 														className: "space-y-3",
-														children: [/* @__PURE__ */ (0, W.jsx)(u, {
+														children: [/* @__PURE__ */ (0, U.jsx)(u, {
 															className: t ? "text-muted-foreground" : "",
-															children: k("editor.conditionalEdge.conditions")
-														}), /* @__PURE__ */ (0, W.jsxs)("div", {
+															children: O("editor.conditionalEdge.conditions")
+														}), /* @__PURE__ */ (0, U.jsxs)("div", {
 															className: "space-y-2",
-															children: [e.state.value?.map((n, r) => /* @__PURE__ */ (0, W.jsxs)("div", {
+															children: [e.state.value?.map((n, r) => /* @__PURE__ */ (0, U.jsxs)("div", {
 																className: "space-y-2",
-																children: [/* @__PURE__ */ (0, W.jsxs)("div", {
+																children: [/* @__PURE__ */ (0, U.jsxs)("div", {
 																	className: "space-y-2 rounded-lg border bg-muted/30 p-3",
 																	children: [
-																		/* @__PURE__ */ (0, W.jsx)(A, {
+																		/* @__PURE__ */ (0, U.jsx)(k, {
 																			name: `conditions[${r}].field`,
-																			children: (e) => /* @__PURE__ */ (0, W.jsxs)(T, { children: [/* @__PURE__ */ (0, W.jsx)(u, {
+																			children: (e) => /* @__PURE__ */ (0, U.jsxs)(T, { children: [/* @__PURE__ */ (0, U.jsx)(u, {
 																				htmlFor: `field-${r}`,
-																				children: k("editor.conditionalEdge.field")
-																			}), /* @__PURE__ */ (0, W.jsxs)(y, {
+																				children: O("editor.conditionalEdge.field")
+																			}), /* @__PURE__ */ (0, U.jsxs)(y, {
 																				disabled: t,
 																				value: e.state.value || "",
 																				onValueChange: (t) => e.handleChange(t),
-																				children: [/* @__PURE__ */ (0, W.jsx)(_, {
+																				children: [/* @__PURE__ */ (0, U.jsx)(_, {
 																					id: `field-${r}`,
 																					className: "w-full",
-																					children: /* @__PURE__ */ (0, W.jsx)(l, { placeholder: k("editor.conditionalEdge.selectField") })
-																				}), /* @__PURE__ */ (0, W.jsx)(j, { children: D.length === 0 ? /* @__PURE__ */ (0, W.jsx)(x, {
+																					children: /* @__PURE__ */ (0, U.jsx)(l, { placeholder: O("editor.conditionalEdge.selectField") })
+																				}), /* @__PURE__ */ (0, U.jsx)(A, { children: D.length === 0 ? /* @__PURE__ */ (0, U.jsx)(x, {
 																					value: "none",
 																					disabled: !0,
-																					children: k("editor.conditionalEdge.noFieldsAvailable")
-																				}) : D.map((e) => /* @__PURE__ */ (0, W.jsxs)(x, {
+																					children: O("editor.conditionalEdge.noFieldsAvailable")
+																				}) : D.map((e) => /* @__PURE__ */ (0, U.jsxs)(x, {
 																					value: e.nodeId,
 																					children: [
 																						e.label,
@@ -289,98 +289,98 @@ var gt = {
 																				}, e.nodeId)) })]
 																			})] })
 																		}),
-																		/* @__PURE__ */ (0, W.jsxs)("div", {
+																		/* @__PURE__ */ (0, U.jsxs)("div", {
 																			className: "flex gap-2",
-																			children: [/* @__PURE__ */ (0, W.jsx)(A, {
+																			children: [/* @__PURE__ */ (0, U.jsx)(k, {
 																				name: `conditions[${r}].operator`,
-																				children: (e) => /* @__PURE__ */ (0, W.jsxs)(T, { children: [/* @__PURE__ */ (0, W.jsx)(u, {
+																				children: (e) => /* @__PURE__ */ (0, U.jsxs)(T, { children: [/* @__PURE__ */ (0, U.jsx)(u, {
 																					htmlFor: `operator-${r}`,
-																					children: k("editor.conditionalEdge.operator")
-																				}), /* @__PURE__ */ (0, W.jsxs)(y, {
+																					children: O("editor.conditionalEdge.operator")
+																				}), /* @__PURE__ */ (0, U.jsxs)(y, {
 																					disabled: t,
 																					value: e.state.value || "===",
 																					onValueChange: (t) => e.handleChange(t),
-																					children: [/* @__PURE__ */ (0, W.jsx)(_, {
+																					children: [/* @__PURE__ */ (0, U.jsx)(_, {
 																						id: `operator-${r}`,
-																						children: /* @__PURE__ */ (0, W.jsx)(l, {})
-																					}), /* @__PURE__ */ (0, W.jsxs)(j, { children: [
-																						/* @__PURE__ */ (0, W.jsx)(x, {
+																						children: /* @__PURE__ */ (0, U.jsx)(l, {})
+																					}), /* @__PURE__ */ (0, U.jsxs)(A, { children: [
+																						/* @__PURE__ */ (0, U.jsx)(x, {
 																							value: "===",
 																							children: "="
 																						}),
-																						/* @__PURE__ */ (0, W.jsx)(x, {
+																						/* @__PURE__ */ (0, U.jsx)(x, {
 																							value: "!==",
 																							children: "≠"
 																						}),
-																						/* @__PURE__ */ (0, W.jsx)(x, {
+																						/* @__PURE__ */ (0, U.jsx)(x, {
 																							value: ">",
 																							children: ">"
 																						}),
-																						/* @__PURE__ */ (0, W.jsx)(x, {
+																						/* @__PURE__ */ (0, U.jsx)(x, {
 																							value: "<",
 																							children: "<"
 																						}),
-																						/* @__PURE__ */ (0, W.jsx)(x, {
+																						/* @__PURE__ */ (0, U.jsx)(x, {
 																							value: ">=",
 																							children: ">="
 																						}),
-																						/* @__PURE__ */ (0, W.jsx)(x, {
+																						/* @__PURE__ */ (0, U.jsx)(x, {
 																							value: "<=",
 																							children: "<="
 																						})
 																					] })]
 																				})] })
-																			}), /* @__PURE__ */ (0, W.jsx)(A, {
+																			}), /* @__PURE__ */ (0, U.jsx)(k, {
 																				name: `conditions[${r}].value`,
-																				children: (e) => /* @__PURE__ */ (0, W.jsxs)(T, {
+																				children: (e) => /* @__PURE__ */ (0, U.jsxs)(T, {
 																					className: "w-full",
-																					children: [/* @__PURE__ */ (0, W.jsx)(u, {
+																					children: [/* @__PURE__ */ (0, U.jsx)(u, {
 																						htmlFor: `value-${r}`,
-																						children: k("editor.conditionalEdge.value")
-																					}), /* @__PURE__ */ (0, W.jsx)(h, {
+																						children: O("editor.conditionalEdge.value")
+																					}), /* @__PURE__ */ (0, U.jsx)(h, {
 																						disabled: t,
 																						id: `value-${r}`,
-																						placeholder: k("editor.conditionalEdge.valuePlaceholder"),
+																						placeholder: O("editor.conditionalEdge.valuePlaceholder"),
 																						value: e.state.value || "",
 																						onChange: (t) => e.handleChange(t.target.value)
 																					})]
 																				})
 																			})]
 																		}),
-																		e.state.value && e.state.value.length > 1 && /* @__PURE__ */ (0, W.jsxs)(m, {
+																		e.state.value && e.state.value.length > 1 && /* @__PURE__ */ (0, U.jsxs)(m, {
 																			disabled: t,
 																			type: "button",
 																			variant: "ghost",
 																			size: "sm",
 																			className: "w-full",
 																			onClick: () => {
-																				e.removeValue(r), re().then();
+																				e.removeValue(r), ie().then();
 																			},
-																			children: [/* @__PURE__ */ (0, W.jsx)(z, { className: "mr-1 h-4 w-4" }), k("editor.conditionalEdge.removeCondition")]
+																			children: [/* @__PURE__ */ (0, U.jsx)(R, { className: "mr-1 h-4 w-4" }), O("editor.conditionalEdge.removeCondition")]
 																		})
 																	]
-																}), e.state.value && r < e.state.value.length - 1 && /* @__PURE__ */ (0, W.jsx)(A, {
+																}), e.state.value && r < e.state.value.length - 1 && /* @__PURE__ */ (0, U.jsx)(k, {
 																	name: `conditions[${r}].logicalOperator`,
-																	children: (e) => /* @__PURE__ */ (0, W.jsx)("div", {
+																	children: (e) => /* @__PURE__ */ (0, U.jsx)("div", {
 																		className: "flex justify-center",
-																		children: /* @__PURE__ */ (0, W.jsxs)(y, {
+																		children: /* @__PURE__ */ (0, U.jsxs)(y, {
 																			disabled: t,
 																			value: e.state.value || i.AND,
 																			onValueChange: (t) => e.handleChange(t),
-																			children: [/* @__PURE__ */ (0, W.jsx)(_, {
+																			children: [/* @__PURE__ */ (0, U.jsx)(_, {
 																				className: "h-9 w-32 font-semibold",
-																				children: /* @__PURE__ */ (0, W.jsx)(l, {})
-																			}), /* @__PURE__ */ (0, W.jsxs)(j, { children: [/* @__PURE__ */ (0, W.jsx)(x, {
+																				children: /* @__PURE__ */ (0, U.jsx)(l, {})
+																			}), /* @__PURE__ */ (0, U.jsxs)(A, { children: [/* @__PURE__ */ (0, U.jsx)(x, {
 																				value: i.AND,
 																				children: "AND"
-																			}), /* @__PURE__ */ (0, W.jsx)(x, {
+																			}), /* @__PURE__ */ (0, U.jsx)(x, {
 																				value: i.OR,
 																				children: "OR"
 																			})] })]
 																		})
 																	})
 																})]
-															}, `condition-${r}`)), /* @__PURE__ */ (0, W.jsxs)(m, {
+															}, `condition-${r}`)), /* @__PURE__ */ (0, U.jsxs)(m, {
 																disabled: t,
 																type: "button",
 																variant: "outline",
@@ -392,9 +392,9 @@ var gt = {
 																		logicalOperator: i.AND,
 																		operator: "===",
 																		value: ""
-																	}), re().then();
+																	}), ie().then();
 																},
-																children: [/* @__PURE__ */ (0, W.jsx)(R, { className: "mr-2 h-4 w-4" }), k("editor.conditionalEdge.addCondition")]
+																children: [/* @__PURE__ */ (0, U.jsx)(L, { className: "mr-2 h-4 w-4" }), O("editor.conditionalEdge.addCondition")]
 															})]
 														})]
 													});
@@ -402,19 +402,19 @@ var gt = {
 											})
 										]
 									}),
-									/* @__PURE__ */ (0, W.jsxs)("div", {
+									/* @__PURE__ */ (0, U.jsxs)("div", {
 										className: "flex justify-end gap-2 pt-2",
-										children: [/* @__PURE__ */ (0, W.jsxs)(m, {
+										children: [/* @__PURE__ */ (0, U.jsxs)(m, {
 											type: "button",
 											size: "sm",
 											variant: "outline",
-											onClick: oe,
-											children: [/* @__PURE__ */ (0, W.jsx)(z, { className: "mr-1 h-4 w-4" }), k("common.clear")]
-										}), /* @__PURE__ */ (0, W.jsx)(m, {
+											onClick: se,
+											children: [/* @__PURE__ */ (0, U.jsx)(R, { className: "mr-1 h-4 w-4" }), O("common.clear")]
+										}), /* @__PURE__ */ (0, U.jsx)(m, {
 											type: "button",
 											size: "sm",
 											onClick: () => w(!1),
-											children: k("common.close")
+											children: O("common.close")
 										})]
 									})
 								]
@@ -426,22 +426,22 @@ var gt = {
 		}) })] });
 	}),
 	default: Oe(({ id: e, sourceX: t, sourceY: n, targetX: r, targetY: i, sourcePosition: a, targetPosition: o, style: s, markerEnd: c, selected: l }) => {
-		let [u, d, f] = Ce({
+		let [u, d, f] = we({
 			sourcePosition: a,
 			sourceX: t,
 			sourceY: n,
 			targetPosition: o,
 			targetX: r,
 			targetY: i
-		}), { setEdges: p } = Ee();
-		return /* @__PURE__ */ (0, W.jsxs)(W.Fragment, { children: [/* @__PURE__ */ (0, W.jsx)(fe, {
+		}), { setEdges: p } = M();
+		return /* @__PURE__ */ (0, U.jsxs)(U.Fragment, { children: [/* @__PURE__ */ (0, U.jsx)(pe, {
 			path: u,
 			markerEnd: c,
 			style: s
-		}), /* @__PURE__ */ (0, W.jsx)(me, { children: l && /* @__PURE__ */ (0, W.jsx)("div", {
+		}), /* @__PURE__ */ (0, U.jsx)(he, { children: l && /* @__PURE__ */ (0, U.jsx)("div", {
 			className: "button-edge__label nodrag nopan",
 			style: { transform: `translate(-50%, -50%) translate(${d}px,${f}px)` },
-			children: /* @__PURE__ */ (0, W.jsx)("button", {
+			children: /* @__PURE__ */ (0, U.jsx)("button", {
 				type: "button",
 				className: "button-edge__button",
 				onClick: () => {
@@ -452,7 +452,7 @@ var gt = {
 			})
 		}) })] });
 	})
-}, _t = {
+}, G = {
 	address: "address",
 	autocomplete: "autocomplete",
 	checkbox: "checkbox",
@@ -471,8 +471,8 @@ var gt = {
 	textarea: "textarea",
 	time: "time",
 	timerange: "timerange"
-}, vt = { [o.input]: { type: _t.text } }, K = () => {
-	let { setNodes: e, setEdges: t, getNodes: n } = Ee(), r = N(() => {
+}, It = { [o.input]: { type: G.text } }, K = () => {
+	let { setNodes: e, setEdges: t, getNodes: n } = M(), r = N(() => {
 		e((e) => e.map(({ selected: e, ...t }) => t)), t((e) => e.map(({ selected: e, ...t }) => t));
 	}, [t, e]), i = N((n) => {
 		e((e) => e.map((e) => ({
@@ -490,7 +490,7 @@ var gt = {
 	}, [e]), o = N((t, n) => {
 		e((e) => e.map((e) => e.id === t ? {
 			...e,
-			data: vt[n] ?? {},
+			data: It[n] ?? {},
 			type: n
 		} : e));
 	}, [e]), s = N((e) => {
@@ -499,31 +499,30 @@ var gt = {
 	}, [n, o]), c = N((e) => {
 		let t = n().find((e) => e.selected);
 		t && a(t.id, e);
-	}, [n, a]);
+	}, [n, a]), l = N((n) => {
+		e((e) => e.filter((e) => e.id !== n)), t((e) => e.filter((e) => e.source !== n && e.target !== n));
+	}, [e, t]);
 	return {
 		clearSelection: r,
+		deleteNode: l,
 		deleteSelectedNode: N(() => {
-			let r = n().find((e) => e.selected);
-			r && (e((e) => e.filter((e) => e.id !== r.id)), t((e) => e.filter((e) => e.source !== r.id && e.target !== r.id)));
-		}, [
-			n,
-			e,
-			t
-		]),
+			let e = n().find((e) => e.selected);
+			e && l(e.id);
+		}, [n, l]),
 		selectNode: i,
 		updateNodeData: a,
 		updateNodeType: o,
 		updateSelectedNodeData: c,
 		updateSelectedNodeType: s
 	};
-}, yt = ({ nodeId: e, label: t, placeholder: n, className: r }) => {
-	let { language: i } = pt(), { updateNodeData: a } = K(), o = G(), s = t?.[i] ?? "", c = n || o("editor.treegeNode.labelPlaceholder"), l = (n) => {
+}, Lt = ({ nodeId: e, label: t, placeholder: n, className: r }) => {
+	let { language: i } = Mt(), { updateNodeData: a } = K(), o = W(), s = t?.[i] ?? "", c = n || o("editor.treegeNode.labelPlaceholder"), l = (n) => {
 		a(e, { label: {
 			...t,
 			[i]: n.target.value
 		} });
 	}, u = (e) => e.stopPropagation();
-	return /* @__PURE__ */ (0, W.jsx)("input", {
+	return /* @__PURE__ */ (0, U.jsx)("input", {
 		type: "text",
 		value: s,
 		placeholder: c,
@@ -533,18 +532,177 @@ var gt = {
 		onPointerDown: u,
 		className: f("nodrag nopan w-full truncate bg-transparent outline-none placeholder:text-muted-foreground/40", r)
 	});
-}, bt = ({ nodeId: e, className: t }) => {
-	let { selectNode: n } = K(), { setIsNodeSheetOpen: r } = pt(), i = G();
-	return /* @__PURE__ */ (0, W.jsx)("button", {
-		type: "button",
-		onClick: (t) => {
-			t.stopPropagation(), n(e), r(!0);
-		},
-		"aria-label": i("editor.nodeActionsSheet.editNode"),
-		className: f("nodrag nopan absolute top-2 right-2 flex h-6 w-6 cursor-pointer items-center justify-center rounded-md opacity-60 transition-all hover:text-[--treege-color-primary] hover:opacity-100", t),
-		children: /* @__PURE__ */ (0, W.jsx)(Ie, { className: "h-3.5 w-3.5" })
+};
+//#endregion
+//#region src/shared/components/ui/alert-dialog.tsx
+function Rt({ ...e }) {
+	return /* @__PURE__ */ (0, U.jsx)(z.Root, {
+		"data-slot": "alert-dialog",
+		...e
+	});
+}
+function zt({ ...e }) {
+	return /* @__PURE__ */ (0, U.jsx)(z.Trigger, {
+		"data-slot": "alert-dialog-trigger",
+		...e
+	});
+}
+function Bt({ ...e }) {
+	return /* @__PURE__ */ (0, U.jsx)(z.Portal, {
+		"data-slot": "alert-dialog-portal",
+		...e
+	});
+}
+function Vt({ className: e, ...t }) {
+	return /* @__PURE__ */ (0, U.jsx)(z.Overlay, {
+		"data-slot": "alert-dialog-overlay",
+		className: f("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", e),
+		...t
+	});
+}
+function Ht({ className: e, ...t }) {
+	return /* @__PURE__ */ (0, U.jsxs)(Bt, { children: [/* @__PURE__ */ (0, U.jsx)(Vt, {}), /* @__PURE__ */ (0, U.jsx)(z.Content, {
+		"data-slot": "alert-dialog-content",
+		className: f("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", e),
+		...t
+	})] });
+}
+function Ut({ className: e, ...t }) {
+	return /* @__PURE__ */ (0, U.jsx)("div", {
+		"data-slot": "alert-dialog-header",
+		className: f("flex flex-col gap-2 text-center sm:text-left", e),
+		...t
+	});
+}
+function Wt({ className: e, ...t }) {
+	return /* @__PURE__ */ (0, U.jsx)("div", {
+		"data-slot": "alert-dialog-footer",
+		className: f("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", e),
+		...t
 	});
-}, xt = nt("inline-flex w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-full border border-transparent px-2 py-0.5 text-xs font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&>svg]:pointer-events-none [&>svg]:size-3", {
+}
+function Gt({ className: e, ...t }) {
+	return /* @__PURE__ */ (0, U.jsx)(z.Title, {
+		"data-slot": "alert-dialog-title",
+		className: f("font-semibold text-lg", e),
+		...t
+	});
+}
+function Kt({ className: e, ...t }) {
+	return /* @__PURE__ */ (0, U.jsx)(z.Description, {
+		"data-slot": "alert-dialog-description",
+		className: f("text-muted-foreground text-sm", e),
+		...t
+	});
+}
+function qt({ className: e, ...t }) {
+	return /* @__PURE__ */ (0, U.jsx)(z.Action, {
+		className: f(g(), e),
+		...t
+	});
+}
+function Jt({ className: e, ...t }) {
+	return /* @__PURE__ */ (0, U.jsx)(z.Cancel, {
+		className: f(g({ variant: "outline" }), e),
+		...t
+	});
+}
+//#endregion
+//#region src/shared/components/ui/dropdown-menu.tsx
+function q({ ...e }) {
+	return /* @__PURE__ */ (0, U.jsx)(B.Root, {
+		"data-slot": "dropdown-menu",
+		...e
+	});
+}
+function J({ ...e }) {
+	return /* @__PURE__ */ (0, U.jsx)(B.Trigger, {
+		"data-slot": "dropdown-menu-trigger",
+		...e
+	});
+}
+function Y({ className: e, sideOffset: t = 4, ...n }) {
+	return /* @__PURE__ */ (0, U.jsx)(B.Portal, { children: /* @__PURE__ */ (0, U.jsx)(B.Content, {
+		"data-slot": "dropdown-menu-content",
+		sideOffset: t,
+		className: f("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", e),
+		...n
+	}) });
+}
+function Yt({ ...e }) {
+	return /* @__PURE__ */ (0, U.jsx)(B.Group, {
+		"data-slot": "dropdown-menu-group",
+		...e
+	});
+}
+function X({ className: e, inset: t, variant: n = "default", ...r }) {
+	return /* @__PURE__ */ (0, U.jsx)(B.Item, {
+		"data-slot": "dropdown-menu-item",
+		"data-inset": t,
+		"data-variant": n,
+		className: f("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", e),
+		...r
+	});
+}
+function Xt({ className: e, inset: t, ...n }) {
+	return /* @__PURE__ */ (0, U.jsx)(B.Label, {
+		"data-slot": "dropdown-menu-label",
+		"data-inset": t,
+		className: f("px-1.5 py-1 font-medium text-muted-foreground text-xs data-[inset]:pl-7", e),
+		...n
+	});
+}
+function Zt({ className: e, ...t }) {
+	return /* @__PURE__ */ (0, U.jsx)(B.Separator, {
+		"data-slot": "dropdown-menu-separator",
+		className: f("-mx-1 my-1 h-px bg-border", e),
+		...t
+	});
+}
+//#endregion
+//#region src/editor/features/TreegeEditor/nodes/components/NodeMoreMenu.tsx
+var Qt = ({ nodeId: e, className: t }) => {
+	let { deleteNode: n, selectNode: r } = K(), { setIsNodeSheetOpen: i } = Mt(), a = W(), [o, s] = F(!1), c = (e) => e.stopPropagation();
+	return /* @__PURE__ */ (0, U.jsxs)(U.Fragment, { children: [/* @__PURE__ */ (0, U.jsxs)(q, { children: [/* @__PURE__ */ (0, U.jsx)(J, {
+		asChild: !0,
+		onClick: c,
+		children: /* @__PURE__ */ (0, U.jsx)("button", {
+			type: "button",
+			"aria-label": a("editor.nodeActionsSheet.editNode"),
+			className: f("nodrag nopan absolute top-2 right-2 flex h-6 w-6 cursor-pointer items-center justify-center rounded-md opacity-60 transition-all hover:text-[--treege-color-primary] hover:opacity-100", t),
+			children: /* @__PURE__ */ (0, U.jsx)(at, { className: "h-3.5 w-3.5" })
+		})
+	}), /* @__PURE__ */ (0, U.jsxs)(Y, {
+		align: "end",
+		onClick: c,
+		children: [
+			/* @__PURE__ */ (0, U.jsxs)(X, {
+				onClick: () => {
+					r(e), i(!0);
+				},
+				children: [/* @__PURE__ */ (0, U.jsx)(ft, {}), a("common.settings")]
+			}),
+			/* @__PURE__ */ (0, U.jsx)(Zt, {}),
+			/* @__PURE__ */ (0, U.jsxs)(X, {
+				variant: "destructive",
+				onClick: () => s(!0),
+				children: [/* @__PURE__ */ (0, U.jsx)(mt, {}), a("common.delete")]
+			})
+		]
+	})] }), /* @__PURE__ */ (0, U.jsx)(Rt, {
+		open: o,
+		onOpenChange: s,
+		children: /* @__PURE__ */ (0, U.jsxs)(Ht, {
+			onClick: c,
+			children: [/* @__PURE__ */ (0, U.jsxs)(Ut, { children: [/* @__PURE__ */ (0, U.jsx)(Gt, { children: a("editor.nodeActionsSheet.deleteNode") }), /* @__PURE__ */ (0, U.jsx)(Kt, { children: a("editor.nodeActionsSheet.deleteNodeConfirm") })] }), /* @__PURE__ */ (0, U.jsxs)(Wt, { children: [/* @__PURE__ */ (0, U.jsx)(Jt, { children: a("common.cancel") }), /* @__PURE__ */ (0, U.jsx)(qt, {
+				onClick: () => {
+					n(e), s(!1);
+				},
+				children: a("common.delete")
+			})] })]
+		})
+	})] });
+}, $t = xt("inline-flex w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-full border border-transparent px-2 py-0.5 text-xs font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&>svg]:pointer-events-none [&>svg]:size-3", {
 	defaultVariants: { variant: "default" },
 	variants: { variant: {
 		blue: "bg-blue-500 text-white dark:bg-blue-600",
@@ -555,45 +713,45 @@ var gt = {
 		secondary: "border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90"
 	} }
 });
-function St({ className: e, variant: t, asChild: n = !1, ...r }) {
-	return /* @__PURE__ */ (0, W.jsx)(n ? tt : "span", {
+function en({ className: e, variant: t, asChild: n = !1, ...r }) {
+	return /* @__PURE__ */ (0, U.jsx)(n ? bt : "span", {
 		"data-slot": "badge",
-		className: f(xt({ variant: t }), e),
+		className: f($t({ variant: t }), e),
 		...r
 	});
 }
-var Ct = Oe(({ data: e, id: t }) => /* @__PURE__ */ (0, W.jsxs)(W.Fragment, { children: [
-	/* @__PURE__ */ (0, W.jsx)(_e, {}),
-	/* @__PURE__ */ (0, W.jsx)("div", {
+var tn = Oe(({ data: e, id: t }) => /* @__PURE__ */ (0, U.jsxs)(U.Fragment, { children: [
+	/* @__PURE__ */ (0, U.jsx)(ve, {}),
+	/* @__PURE__ */ (0, U.jsx)("div", {
 		className: "-top-3.5 absolute left-6",
-		children: /* @__PURE__ */ (0, W.jsxs)(St, {
+		children: /* @__PURE__ */ (0, U.jsxs)(en, {
 			className: "max-w-50 bg-chart-2",
-			children: [/* @__PURE__ */ (0, W.jsx)(Pe, { className: "!w-3 !h-3" }), /* @__PURE__ */ (0, W.jsx)(yt, {
+			children: [/* @__PURE__ */ (0, U.jsx)(Fe, { className: "!w-3 !h-3" }), /* @__PURE__ */ (0, U.jsx)(Lt, {
 				nodeId: t,
 				label: e?.label,
 				className: "min-w-0 flex-1 text-xs text-white placeholder:text-white/60"
 			})]
 		})
 	}),
-	/* @__PURE__ */ (0, W.jsx)(bt, { nodeId: t })
-] })), wt = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict", q = (e = 21) => {
+	/* @__PURE__ */ (0, U.jsx)(Qt, { nodeId: t })
+] })), nn = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict", rn = (e = 21) => {
 	let t = "", n = crypto.getRandomValues(new Uint8Array(e |= 0));
-	for (; e--;) t += wt[n[e] & 63];
+	for (; e--;) t += nn[n[e] & 63];
 	return t;
-}, Tt = {
+}, an = {
 	data: { type: "text" },
-	id: q(),
+	id: rn(),
 	position: {
 		x: 0,
 		y: 0
 	},
 	type: "input"
-}, Et = () => {
-	let { setNodes: e, setEdges: t, screenToFlowPosition: n, getNode: r, getNodes: i, getEdges: a } = Ee(), o = N((n, r, i = !1, o) => {
+}, on = () => {
+	let { setNodes: e, setEdges: t, screenToFlowPosition: n, getNode: r, getNodes: i, getEdges: a } = M(), o = N((n, r, i = !1, o) => {
 		let s = n.id, l = a().filter((e) => e.source === s), u = c(n);
 		if (l.length > 0 && !u) return;
-		let d = q(), f = {
-			...Tt,
+		let d = rn(), f = {
+			...an,
 			...o && {
 				data: o.data ?? {},
 				type: o.type
@@ -609,7 +767,7 @@ var Ct = Oe(({ data: e, id: t }) => /* @__PURE__ */ (0, W.jsxs)(W.Fragment, { ch
 					operator: "===",
 					value: ""
 				}] } : void 0,
-				id: q(),
+				id: rn(),
 				source: s,
 				target: d,
 				type: t && u ? "conditional" : "default"
@@ -639,7 +797,7 @@ var Ct = Oe(({ data: e, id: t }) => /* @__PURE__ */ (0, W.jsxs)(W.Fragment, { ch
 		t
 	]), s = N((e) => {
 		t((t) => {
-			let n = Se(e, t), i = e.source, a = r(i);
+			let n = Ce(e, t), i = e.source, a = r(i);
 			return n.filter((e) => e.source === i).length > 1 && a && c(a) ? n.map((e) => e.source === i ? {
 				...e,
 				data: {
@@ -715,213 +873,273 @@ var Ct = Oe(({ data: e, id: t }) => /* @__PURE__ */ (0, W.jsxs)(W.Fragment, { ch
 		onConnectEnd: u,
 		onEdgesDelete: d
 	};
-};
-//#endregion
-//#region src/shared/components/ui/dropdown-menu.tsx
-function J({ ...e }) {
-	return /* @__PURE__ */ (0, W.jsx)(B.Root, {
-		"data-slot": "dropdown-menu",
-		...e
-	});
-}
-function Y({ ...e }) {
-	return /* @__PURE__ */ (0, W.jsx)(B.Trigger, {
-		"data-slot": "dropdown-menu-trigger",
-		...e
-	});
-}
-function X({ className: e, sideOffset: t = 4, ...n }) {
-	return /* @__PURE__ */ (0, W.jsx)(B.Portal, { children: /* @__PURE__ */ (0, W.jsx)(B.Content, {
-		"data-slot": "dropdown-menu-content",
-		sideOffset: t,
-		className: f("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", e),
-		...n
-	}) });
-}
-function Dt({ ...e }) {
-	return /* @__PURE__ */ (0, W.jsx)(B.Group, {
-		"data-slot": "dropdown-menu-group",
-		...e
-	});
-}
-function Z({ className: e, inset: t, variant: n = "default", ...r }) {
-	return /* @__PURE__ */ (0, W.jsx)(B.Item, {
-		"data-slot": "dropdown-menu-item",
-		"data-inset": t,
-		"data-variant": n,
-		className: f("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", e),
-		...r
-	});
-}
-function Ot({ className: e, inset: t, ...n }) {
-	return /* @__PURE__ */ (0, W.jsx)(B.Label, {
-		"data-slot": "dropdown-menu-label",
-		"data-inset": t,
-		className: f("px-1.5 py-1 font-medium text-muted-foreground text-xs data-[inset]:pl-7", e),
-		...n
-	});
-}
-function kt({ className: e, ...t }) {
-	return /* @__PURE__ */ (0, W.jsx)(B.Separator, {
-		"data-slot": "dropdown-menu-separator",
-		className: f("-mx-1 my-1 h-px bg-border", e),
-		...t
-	});
-}
-//#endregion
-//#region src/shared/constants/uiType.ts
-var At = {
+}, Z = {
 	divider: "divider",
 	title: "title"
-}, jt = ({ nodeId: e, isConnectable: t }) => {
-	let { onAddFromHandle: n } = Et(), r = G();
-	return /* @__PURE__ */ (0, W.jsxs)(J, { children: [/* @__PURE__ */ (0, W.jsx)(Y, {
-		asChild: !0,
-		children: /* @__PURE__ */ (0, W.jsx)(he, {
-			type: "source",
-			position: ye.Bottom,
-			isConnectable: t,
-			className: "flex h-6! w-6! cursor-pointer items-center justify-center rounded-sm transition-colors hover:bg-primary/80!",
-			children: /* @__PURE__ */ (0, W.jsx)(R, { className: "h-4 w-4 text-primary-foreground" })
-		})
-	}), /* @__PURE__ */ (0, W.jsxs)(X, {
-		align: "center",
-		side: "bottom",
-		className: "treege-scrollbar max-h-80",
-		children: [
-			/* @__PURE__ */ (0, W.jsxs)(Dt, { children: [/* @__PURE__ */ (0, W.jsx)(Ot, { children: r("editor.selectNodeType.options.input") }), Object.values(_t).map((t) => /* @__PURE__ */ (0, W.jsx)(Z, {
-				onClick: () => n(e, {
-					data: { type: t },
-					type: o.input
-				}),
-				className: "capitalize",
-				children: t
-			}, t))] }),
-			/* @__PURE__ */ (0, W.jsx)(kt, {}),
-			/* @__PURE__ */ (0, W.jsxs)(Dt, { children: [/* @__PURE__ */ (0, W.jsx)(Ot, { children: r("editor.selectNodeType.options.ui") }), Object.values(At).map((t) => /* @__PURE__ */ (0, W.jsx)(Z, {
-				onClick: () => n(e, {
-					data: { type: t },
-					type: o.ui
-				}),
-				className: "capitalize",
-				children: t
-			}, t))] }),
-			/* @__PURE__ */ (0, W.jsx)(kt, {}),
-			/* @__PURE__ */ (0, W.jsxs)(Dt, { children: [/* @__PURE__ */ (0, W.jsx)(Ot, { children: r("common.other") }), /* @__PURE__ */ (0, W.jsx)(Z, {
-				onClick: () => n(e, {
-					data: {},
-					type: o.flow
-				}),
-				children: r("editor.selectNodeType.options.flow")
-			})] })
-		]
-	})] });
-}, Mt = {
-	[o.flow]: Ge,
-	[o.group]: Pe,
-	[o.input]: We,
-	[o.ui]: Ue
-}, Nt = {
-	[o.flow]: "destructive",
-	[o.group]: "default",
-	[o.input]: "blue",
-	[o.ui]: "purple"
-}, Pt = ({ nodeId: e, type: t }) => {
-	let { updateNodeType: n } = K(), r = G(), i = Mt[t], a = Object.keys(zt).filter((e) => e !== o.group), s = (e) => e.stopPropagation();
-	return /* @__PURE__ */ (0, W.jsxs)(J, { children: [/* @__PURE__ */ (0, W.jsx)(Y, {
-		asChild: !0,
-		onClick: s,
-		children: /* @__PURE__ */ (0, W.jsxs)(St, {
-			variant: Nt[t],
-			className: "nodrag nopan cursor-pointer px-1.5 py-0 text-[10px] capitalize [&>svg]:size-2.5",
-			children: [/* @__PURE__ */ (0, W.jsx)(i, {}), r(`editor.selectNodeType.options.${t}`)]
-		})
-	}), /* @__PURE__ */ (0, W.jsx)(X, {
-		align: "start",
-		onClick: s,
-		children: a.map((i) => {
-			let a = Mt[i];
-			return /* @__PURE__ */ (0, W.jsxs)(Z, {
-				onClick: () => n(e, i),
-				className: i === t ? "bg-accent" : void 0,
-				children: [/* @__PURE__ */ (0, W.jsx)(a, {}), r(`editor.selectNodeType.options.${i}`)]
-			}, i);
-		})
+}, sn = ({ nodeId: e, isConnectable: t }) => {
+	let { onAddFromHandle: n } = on(), r = W(), [i, a] = F(!1);
+	return /* @__PURE__ */ (0, U.jsxs)(U.Fragment, { children: [/* @__PURE__ */ (0, U.jsx)(ge, {
+		type: "source",
+		position: be.Bottom,
+		isConnectable: t,
+		onClick: (e) => {
+			e.defaultPrevented || a(!0);
+		},
+		className: "flex h-6! w-6! cursor-pointer items-center justify-center rounded-sm transition-colors hover:bg-primary/80!",
+		children: /* @__PURE__ */ (0, U.jsx)(L, { className: "h-4 w-4 text-primary-foreground" })
+	}), /* @__PURE__ */ (0, U.jsxs)(q, {
+		open: i,
+		onOpenChange: a,
+		children: [/* @__PURE__ */ (0, U.jsx)(J, {
+			asChild: !0,
+			children: /* @__PURE__ */ (0, U.jsx)("span", {
+				"aria-hidden": !0,
+				className: "-translate-x-1/2 pointer-events-none absolute bottom-0 left-1/2 h-0 w-0"
+			})
+		}), /* @__PURE__ */ (0, U.jsxs)(Y, {
+			align: "center",
+			side: "bottom",
+			className: "treege-scrollbar max-h-80",
+			children: [
+				/* @__PURE__ */ (0, U.jsxs)(Yt, { children: [/* @__PURE__ */ (0, U.jsx)(Xt, { children: r("editor.selectNodeType.options.input") }), Object.values(G).map((t) => /* @__PURE__ */ (0, U.jsx)(X, {
+					onClick: () => n(e, {
+						data: { type: t },
+						type: o.input
+					}),
+					className: "capitalize",
+					children: t
+				}, t))] }),
+				/* @__PURE__ */ (0, U.jsx)(Zt, {}),
+				/* @__PURE__ */ (0, U.jsxs)(Yt, { children: [/* @__PURE__ */ (0, U.jsx)(Xt, { children: r("editor.selectNodeType.options.ui") }), Object.values(Z).map((t) => /* @__PURE__ */ (0, U.jsx)(X, {
+					onClick: () => n(e, {
+						data: { type: t },
+						type: o.ui
+					}),
+					className: "capitalize",
+					children: t
+				}, t))] }),
+				/* @__PURE__ */ (0, U.jsx)(Zt, {}),
+				/* @__PURE__ */ (0, U.jsxs)(Yt, { children: [/* @__PURE__ */ (0, U.jsx)(Xt, { children: r("common.other") }), /* @__PURE__ */ (0, U.jsx)(X, {
+					onClick: () => n(e, {
+						data: {},
+						type: o.flow
+					}),
+					children: r("editor.selectNodeType.options.flow")
+				})] })
+			]
+		})]
 	})] });
-}, Ft = {
-	input: Object.values(_t),
-	ui: Object.values(At)
-}, It = ({ nodeId: e, type: t, subType: n }) => {
-	let { updateNodeData: r } = K(), i = G(), a = Ft[t], o = (e) => e.stopPropagation();
-	return /* @__PURE__ */ (0, W.jsxs)(J, { children: [/* @__PURE__ */ (0, W.jsx)(Y, {
+}, cn = {
+	[G.address]: rt,
+	[G.autocomplete]: ut,
+	[G.checkbox]: Be,
+	[G.date]: Ie,
+	[G.daterange]: Le,
+	[G.file]: ot,
+	[G.hidden]: Ye,
+	[G.http]: Ge,
+	[G.number]: Xe,
+	[G.password]: $e,
+	[G.radio]: Ue,
+	[G.select]: tt,
+	[G.submit]: dt,
+	[G.switch]: pt,
+	[G.text]: Re,
+	[G.textarea]: Ne,
+	[G.time]: We,
+	[G.timerange]: We,
+	[Z.divider]: it,
+	[Z.title]: Ze
+}, ln = ct, un = (e) => e && cn[e] || ln, dn = {
+	input: Object.values(G),
+	ui: Object.values(Z)
+}, fn = ({ nodeId: e, type: t, inputType: n }) => {
+	let { updateNodeData: r } = K(), i = W(), a = dn[t], o = (e) => e.stopPropagation();
+	return /* @__PURE__ */ (0, U.jsxs)(q, { children: [/* @__PURE__ */ (0, U.jsx)(J, {
 		asChild: !0,
 		onClick: o,
-		children: /* @__PURE__ */ (0, W.jsxs)(St, {
+		children: /* @__PURE__ */ (0, U.jsxs)(en, {
 			variant: "default",
 			className: "nodrag nopan cursor-pointer px-1.5 py-0 text-[10px] capitalize [&>svg]:size-2.5",
-			children: [/* @__PURE__ */ (0, W.jsx)(qe, {}), n || i("editor.selectInputType.type")]
+			children: [
+				/* @__PURE__ */ (0, U.jsx)(un(n), { className: "mt-0.5" }),
+				n || i("editor.selectInputType.type"),
+				/* @__PURE__ */ (0, U.jsx)(Ve, {})
+			]
 		})
-	}), /* @__PURE__ */ (0, W.jsx)(X, {
+	}), /* @__PURE__ */ (0, U.jsx)(Y, {
 		align: "start",
 		className: "treege-scrollbar max-h-60",
 		onClick: o,
-		children: a.map((t) => /* @__PURE__ */ (0, W.jsx)(Z, {
-			onClick: () => r(e, { type: t }),
-			className: f("capitalize", t === n && "bg-accent"),
-			children: t
-		}, t))
+		children: a.map((t) => {
+			let i = un(t);
+			return /* @__PURE__ */ (0, U.jsxs)(X, {
+				onClick: () => r(e, { type: t }),
+				className: f("capitalize", t === n && "bg-accent"),
+				children: [/* @__PURE__ */ (0, U.jsx)(i, {}), t]
+			}, t);
+		})
 	})] });
-}, Lt = ({ children: e, inGroup: t, isSubmit: n }) => /* @__PURE__ */ (0, W.jsx)("div", {
+}, pn = [
+	"radio",
+	"select",
+	"checkbox",
+	"autocomplete"
+], mn = ({ nodeId: e, data: t }) => {
+	let [n, r] = F(!1), [i, a] = F(""), [o, s] = F(""), { updateNodeData: c } = K(), { language: l } = Mt(), f = W(), p = t && "type" in t ? t.type : void 0;
+	if (!(p && pn.includes(p))) return null;
+	let g = t.options ?? [], _ = () => {
+		a(""), s("");
+	}, y = (t) => {
+		t?.preventDefault();
+		let n = i.trim(), a = o.trim() || n;
+		if (!(n || a)) return;
+		let s = {
+			label: { [l]: n },
+			value: a
+		};
+		c(e, { options: [...g, s] }), _(), r(!1);
+	}, b = (e) => {
+		r(e), e || _();
+	}, x = (e) => {
+		e.key === "Enter" && (e.preventDefault(), y());
+	}, S = (e) => e.stopPropagation();
+	return /* @__PURE__ */ (0, U.jsxs)("div", {
+		className: "nodrag nopan my-1 flex flex-col gap-0.5",
+		children: [g.map((e, t) => {
+			let n = f(e.label) || e.value || "—", r = `${e.value || "opt"}-${t}`;
+			return /* @__PURE__ */ (0, U.jsx)("div", {
+				className: "truncate text-muted-foreground text-xs",
+				children: n
+			}, r);
+		}), /* @__PURE__ */ (0, U.jsxs)(le, {
+			open: n,
+			onOpenChange: b,
+			children: [/* @__PURE__ */ (0, U.jsx)(d, {
+				asChild: !0,
+				onClick: S,
+				children: /* @__PURE__ */ (0, U.jsxs)(m, {
+					type: "button",
+					variant: "link",
+					size: "xs",
+					className: "w-fit p-0!",
+					children: [/* @__PURE__ */ (0, U.jsx)(L, { className: "size-3" }), f("editor.inputNodeForm.addOption")]
+				})
+			}), /* @__PURE__ */ (0, U.jsx)(v, {
+				align: "start",
+				className: "w-64 p-3",
+				onClick: S,
+				children: /* @__PURE__ */ (0, U.jsxs)("form", {
+					onSubmit: y,
+					className: "flex flex-col gap-2",
+					children: [
+						/* @__PURE__ */ (0, U.jsxs)("div", {
+							className: "flex flex-col gap-1",
+							children: [/* @__PURE__ */ (0, U.jsx)(u, {
+								htmlFor: `${e}-option-label`,
+								className: "text-xs",
+								children: f("editor.inputNodeForm.optionLabel")
+							}), /* @__PURE__ */ (0, U.jsx)(h, {
+								id: `${e}-option-label`,
+								autoFocus: !0,
+								value: i,
+								onChange: (e) => a(e.target.value),
+								onKeyDown: x
+							})]
+						}),
+						/* @__PURE__ */ (0, U.jsxs)("div", {
+							className: "flex flex-col gap-1",
+							children: [/* @__PURE__ */ (0, U.jsx)(u, {
+								htmlFor: `${e}-option-value`,
+								className: "text-xs",
+								children: f("editor.inputNodeForm.optionValue")
+							}), /* @__PURE__ */ (0, U.jsx)(h, {
+								id: `${e}-option-value`,
+								value: o,
+								onChange: (e) => s(e.target.value),
+								onKeyDown: x
+							})]
+						}),
+						/* @__PURE__ */ (0, U.jsx)(m, {
+							type: "submit",
+							size: "sm",
+							disabled: !(i.trim() || o.trim()),
+							children: f("common.create")
+						})
+					]
+				})
+			})]
+		})]
+	});
+}, hn = ({ nodeId: e, required: t }) => {
+	let { updateNodeData: n } = K(), r = W();
+	return /* @__PURE__ */ (0, U.jsx)(en, {
+		variant: t ? "destructive" : "outline",
+		asChild: !0,
+		className: "nodrag nopan cursor-pointer px-1.5 py-0 text-[10px] capitalize [&>svg]:size-2.5",
+		children: /* @__PURE__ */ (0, U.jsx)("button", {
+			type: "button",
+			onClick: (r) => {
+				r.stopPropagation(), n(e, { required: !t });
+			},
+			children: r(t ? "editor.inputNodeForm.required" : "editor.inputNodeForm.optional")
+		})
+	});
+}, gn = ({ children: e, inGroup: t, isSubmit: n }) => /* @__PURE__ */ (0, U.jsx)("div", {
 	className: f("react-flow__node__wrapper relative", t && "in-group", n && "submit-type"),
 	children: e
-}), Rt = Oe(({ data: e, isConnectable: t, parentId: n, type: r, id: i }) => {
+}), _n = Oe(({ data: e, isConnectable: t, parentId: n, type: r, id: i }) => {
 	let a = r === "input" || r === "ui" ? e?.type : void 0, o = r === "input" && e?.type === "submit", s = r === "input" ? e?.name : void 0;
-	return /* @__PURE__ */ (0, W.jsxs)(Lt, {
+	return /* @__PURE__ */ (0, U.jsxs)(gn, {
 		inGroup: !!n,
 		isSubmit: o,
 		children: [
-			/* @__PURE__ */ (0, W.jsx)(bt, { nodeId: i }),
-			/* @__PURE__ */ (0, W.jsx)(he, {
+			/* @__PURE__ */ (0, U.jsx)(Qt, { nodeId: i }),
+			/* @__PURE__ */ (0, U.jsx)(ge, {
 				type: "target",
-				position: ye.Top,
+				position: be.Top,
 				isConnectable: t,
 				isConnectableStart: r === "ui"
 			}),
-			/* @__PURE__ */ (0, W.jsxs)("div", {
+			/* @__PURE__ */ (0, U.jsx)(Lt, {
+				nodeId: i,
+				label: e?.label,
+				placeholder: s,
+				className: f("py-1", r === "ui" && "capitalize")
+			}),
+			/* @__PURE__ */ (0, U.jsxs)("div", {
 				className: "mb-1 flex gap-1",
-				children: [/* @__PURE__ */ (0, W.jsx)(Pt, {
-					nodeId: i,
-					type: r
-				}), (r === "input" || r === "ui") && /* @__PURE__ */ (0, W.jsx)(It, {
+				children: [(r === "input" || r === "ui") && /* @__PURE__ */ (0, U.jsx)(fn, {
 					nodeId: i,
 					type: r,
-					subType: a
+					inputType: a
+				}), r === "input" && !o && /* @__PURE__ */ (0, U.jsx)(hn, {
+					nodeId: i,
+					required: e?.required
 				})]
 			}),
-			/* @__PURE__ */ (0, W.jsx)(yt, {
+			r === "input" && /* @__PURE__ */ (0, U.jsx)(mn, {
 				nodeId: i,
-				label: e?.label,
-				placeholder: s,
-				className: f("py-1", r === "ui" && "capitalize")
+				data: e
 			}),
-			/* @__PURE__ */ (0, W.jsx)(jt, {
+			/* @__PURE__ */ (0, U.jsx)(sn, {
 				nodeId: i,
 				isConnectable: t
 			})
 		]
 	});
-}), zt = {
-	[o.flow]: Rt,
-	[o.group]: Ct,
-	[o.input]: Rt,
-	[o.ui]: Rt
-}, Bt = "You are a Treege decision tree generator. You must generate valid JSON structures for decision trees.\n\nIMPORTANT RULES:\n1. Always respond with valid JSON only, no markdown, no code blocks, no explanations outside the JSON\n2. The JSON must have this exact structure: { \"nodes\": [...], \"edges\": [...] }\n3. Every node must have: id (string), type (string), position ({ x: number, y: number }), data (object)\n4. Every edge must have: id (string), source (string), target (string)\n5. For regex patterns: ALWAYS use double backslashes (\\\\) for special characters (\\\\s, \\\\d, etc.)\n6. AVOID using \"pattern\" field unless specifically requested - prefer using simple validation\n7. For submit buttons, use type \"input\" with data.type \"submit\", NOT type \"flow\"\n8. For conditional logic, use conditional edges with proper operators (===, !==, >, <, >=, <=)\n\nNODE TYPES:\n- \"input\": Form input fields (text, number, select, checkbox, etc.)\n- \"ui\": UI elements (title, divider)\n- \"flow\": Navigation/flow control nodes\n- \"group\": Container for organizing nodes\n\nINPUT NODE TYPES (data.type):\n- \"text\", \"number\", \"textarea\", \"password\"\n- \"select\", \"radio\", \"checkbox\", \"switch\"\n- \"autocomplete\", \"date\", \"daterange\", \"time\", \"timerange\"\n- \"file\", \"address\", \"http\", \"hidden\", \"submit\"\n\nINPUT NODE DATA STRUCTURE:\n{\n  \"id\": \"unique-id\",\n  \"type\": \"input\",\n  \"position\": { \"x\": 0, \"y\": 0 },\n  \"data\": {\n    \"label\": \"Field Label\",\n    \"name\": \"fieldName\",\n    \"type\": \"text\",\n    \"required\": true,\n    \"placeholder\": \"Enter value...\",\n    \"helperText\": \"Optional helper text\",\n    \"pattern\": \"regex pattern (optional)\",\n    \"errorMessage\": \"Error message if validation fails\",\n    \"options\": [{ \"value\": \"val\", \"label\": \"Label\" }], // for select/radio/checkbox\n    \"multiple\": false // for select/checkbox\n  }\n}\n\nUI NODE TYPES (data.type):\n- \"title\": Display a title\n- \"divider\": Display a divider line\n\nUI NODE DATA STRUCTURE:\n{\n  \"id\": \"unique-id\",\n  \"type\": \"ui\",\n  \"position\": { \"x\": 0, \"y\": 0 },\n  \"data\": {\n    \"label\": \"UI Element Label\",\n    \"type\": \"title\" // or \"divider\"\n  }\n}\n\nFLOW NODE DATA STRUCTURE:\n{\n  \"id\": \"unique-id\",\n  \"type\": \"flow\",\n  \"position\": { \"x\": 0, \"y\": 0 },\n  \"data\": {\n    \"label\": \"Flow Step Label\",\n    \"targetId\": \"next-node-id\" // optional\n  }\n}\n\nGROUP NODE DATA STRUCTURE:\n{\n  \"id\": \"unique-id\",\n  \"type\": \"group\",\n  \"position\": { \"x\": 0, \"y\": 0 },\n  \"data\": {\n    \"label\": \"Group Label\"\n  }\n}\n\nEDGE STRUCTURE:\n{\n  \"id\": \"edge-id\",\n  \"source\": \"source-node-id\",\n  \"target\": \"target-node-id\",\n  \"type\": \"default\" // or \"conditional\" for conditional logic\n}\n\nCONDITIONAL EDGE STRUCTURE:\n{\n  \"id\": \"edge-id\",\n  \"source\": \"source-node-id\",\n  \"target\": \"target-node-id\",\n  \"type\": \"conditional\",\n  \"data\": {\n    \"label\": \"If condition is true\", // optional label for the edge\n    \"conditions\": [\n      {\n        \"field\": \"field-node-id\", // ID of the field to check\n        \"operator\": \">=\", // operators: ===, !==, >, <, >=, <=\n        \"value\": \"18\" // value to compare (as string)\n      }\n    ],\n    \"operator\": \"AND\" // optional: \"AND\" or \"OR\" for multiple conditions (default: AND)\n  }\n}\n\nIMPORTANT: For conditional edges, the value must ALWAYS be a string, even for numbers.\nExample: For \"age >= 18\", use \"value\": \"18\" (not value: 18)\n\nLAYOUT GUIDELINES:\n- Position nodes in a vertical flow (top to bottom)\n- Start at position { x: 0, y: 0 }\n- Space nodes vertically by exactly 250 pixels between each position (node height 150px + 100px spacing)\n- For horizontal spacing, use 350 pixels\n- Create logical flow from top to bottom\n- IMPORTANT: Keep consistent vertical spacing to avoid overlap\n- Each node position Y should increment by 250: first at y:0, second at y:250, third at y:500, etc.\n\nEXAMPLES:\n\nUser: \"Create a simple contact form with name, email and message\"\nResponse:\n{\n  \"nodes\": [\n    {\n      \"id\": \"title-1\",\n      \"type\": \"ui\",\n      \"position\": { \"x\": 0, \"y\": 0 },\n      \"data\": { \"label\": \"Contact Form\", \"type\": \"title\" }\n    },\n    {\n      \"id\": \"name-1\",\n      \"type\": \"input\",\n      \"position\": { \"x\": 0, \"y\": 250 },\n      \"data\": {\n        \"label\": \"Name\",\n        \"name\": \"name\",\n        \"type\": \"text\",\n        \"required\": true,\n        \"placeholder\": \"Enter your name\"\n      }\n    },\n    {\n      \"id\": \"email-1\",\n      \"type\": \"input\",\n      \"position\": { \"x\": 0, \"y\": 500 },\n      \"data\": {\n        \"label\": \"Email\",\n        \"name\": \"email\",\n        \"type\": \"text\",\n        \"required\": true,\n        \"placeholder\": \"your@email.com\"\n      }\n    },\n    {\n      \"id\": \"message-1\",\n      \"type\": \"input\",\n      \"position\": { \"x\": 0, \"y\": 750 },\n      \"data\": {\n        \"label\": \"Message\",\n        \"name\": \"message\",\n        \"type\": \"textarea\",\n        \"required\": true,\n        \"placeholder\": \"Enter your message\"\n      }\n    }\n  ],\n  \"edges\": [\n    { \"id\": \"e1\", \"source\": \"title-1\", \"target\": \"name-1\" },\n    { \"id\": \"e2\", \"source\": \"name-1\", \"target\": \"email-1\" },\n    { \"id\": \"e3\", \"source\": \"email-1\", \"target\": \"message-1\" }\n  ]\n}\n\nUser: \"Create a user registration form with age, address and country selector\"\nResponse:\n{\n  \"nodes\": [\n    {\n      \"id\": \"title-1\",\n      \"type\": \"ui\",\n      \"position\": { \"x\": 0, \"y\": 0 },\n      \"data\": { \"label\": \"User Registration\", \"type\": \"title\" }\n    },\n    {\n      \"id\": \"age-1\",\n      \"type\": \"input\",\n      \"position\": { \"x\": 0, \"y\": 250 },\n      \"data\": {\n        \"label\": \"Age\",\n        \"name\": \"age\",\n        \"type\": \"number\",\n        \"required\": true,\n        \"placeholder\": \"Enter your age\"\n      }\n    },\n    {\n      \"id\": \"address-1\",\n      \"type\": \"input\",\n      \"position\": { \"x\": 0, \"y\": 500 },\n      \"data\": {\n        \"label\": \"Address\",\n        \"name\": \"address\",\n        \"type\": \"address\",\n        \"required\": true,\n        \"placeholder\": \"Enter your address\"\n      }\n    },\n    {\n      \"id\": \"country-1\",\n      \"type\": \"input\",\n      \"position\": { \"x\": 0, \"y\": 750 },\n      \"data\": {\n        \"label\": \"Country\",\n        \"name\": \"country\",\n        \"type\": \"select\",\n        \"required\": true,\n        \"options\": [\n          { \"value\": \"us\", \"label\": \"United States\" },\n          { \"value\": \"ca\", \"label\": \"Canada\" },\n          { \"value\": \"uk\", \"label\": \"United Kingdom\" },\n          { \"value\": \"fr\", \"label\": \"France\" },\n          { \"value\": \"de\", \"label\": \"Germany\" }\n        ]\n      }\n    },\n    {\n      \"id\": \"submit-1\",\n      \"type\": \"input\",\n      \"position\": { \"x\": 0, \"y\": 1000 },\n      \"data\": {\n        \"label\": \"Submit\",\n        \"type\": \"submit\"\n      }\n    }\n  ],\n  \"edges\": [\n    { \"id\": \"e1\", \"source\": \"title-1\", \"target\": \"age-1\" },\n    { \"id\": \"e2\", \"source\": \"age-1\", \"target\": \"address-1\" },\n    { \"id\": \"e3\", \"source\": \"address-1\", \"target\": \"country-1\" },\n    { \"id\": \"e4\", \"source\": \"country-1\", \"target\": \"submit-1\" }\n  ]\n}\n\nUser: \"Create a form with name, age, and show different questions based on age (movie for 18+, color for under 18)\"\nResponse:\n{\n  \"nodes\": [\n    {\n      \"id\": \"title-1\",\n      \"type\": \"ui\",\n      \"position\": { \"x\": 0, \"y\": 0 },\n      \"data\": { \"label\": \"Survey Form\", \"type\": \"title\" }\n    },\n    {\n      \"id\": \"name-1\",\n      \"type\": \"input\",\n      \"position\": { \"x\": 0, \"y\": 250 },\n      \"data\": {\n        \"label\": \"Name\",\n        \"name\": \"name\",\n        \"type\": \"text\",\n        \"required\": true,\n        \"placeholder\": \"Enter your name\"\n      }\n    },\n    {\n      \"id\": \"age-1\",\n      \"type\": \"input\",\n      \"position\": { \"x\": 0, \"y\": 500 },\n      \"data\": {\n        \"label\": \"Age\",\n        \"name\": \"age\",\n        \"type\": \"number\",\n        \"required\": true,\n        \"placeholder\": \"Enter your age\"\n      }\n    },\n    {\n      \"id\": \"movie-1\",\n      \"type\": \"input\",\n      \"position\": { \"x\": -350, \"y\": 750 },\n      \"data\": {\n        \"label\": \"Favorite Movie\",\n        \"name\": \"favoriteMovie\",\n        \"type\": \"text\",\n        \"required\": true,\n        \"helperText\": \"For adults 18 and over\"\n      }\n    },\n    {\n      \"id\": \"color-1\",\n      \"type\": \"input\",\n      \"position\": { \"x\": 350, \"y\": 750 },\n      \"data\": {\n        \"label\": \"Favorite Color\",\n        \"name\": \"favoriteColor\",\n        \"type\": \"text\",\n        \"required\": true,\n        \"helperText\": \"For those under 18\"\n      }\n    },\n    {\n      \"id\": \"submit-1\",\n      \"type\": \"input\",\n      \"position\": { \"x\": 0, \"y\": 1000 },\n      \"data\": {\n        \"label\": \"Submit\",\n        \"type\": \"submit\"\n      }\n    }\n  ],\n  \"edges\": [\n    { \"id\": \"e1\", \"source\": \"title-1\", \"target\": \"name-1\" },\n    { \"id\": \"e2\", \"source\": \"name-1\", \"target\": \"age-1\" },\n    {\n      \"id\": \"e3\",\n      \"source\": \"age-1\",\n      \"target\": \"movie-1\",\n      \"type\": \"conditional\",\n      \"data\": {\n        \"label\": \"If 18 or older\",\n        \"conditions\": [\n          {\n            \"field\": \"age-1\",\n            \"operator\": \">=\",\n            \"value\": \"18\"\n          }\n        ]\n      }\n    },\n    {\n      \"id\": \"e4\",\n      \"source\": \"age-1\",\n      \"target\": \"color-1\",\n      \"type\": \"conditional\",\n      \"data\": {\n        \"label\": \"If under 18\",\n        \"conditions\": [\n          {\n            \"field\": \"age-1\",\n            \"operator\": \"<\",\n            \"value\": \"18\"\n          }\n        ]\n      }\n    },\n    { \"id\": \"e5\", \"source\": \"movie-1\", \"target\": \"submit-1\" },\n    { \"id\": \"e6\", \"source\": \"color-1\", \"target\": \"submit-1\" }\n  ]\n}\n\nRemember:\n- Always respond with ONLY valid JSON\n- No markdown code blocks\n- No explanations outside the JSON\n- Follow the exact structure shown above\n- For submit buttons, ALWAYS use type \"input\" with data.type \"submit\"\n- For conditional edges, ALWAYS specify the value as a string and use proper operators (>=, <, ===, etc.)\n- Never leave condition values empty - always provide the comparison value\n", Vt = {
+}), vn = {
+	[o.flow]: _n,
+	[o.group]: tn,
+	[o.input]: _n,
+	[o.ui]: _n
+}, yn = "You are a Treege decision tree generator. You must generate valid JSON structures for decision trees.\n\nIMPORTANT RULES:\n1. Always respond with valid JSON only, no markdown, no code blocks, no explanations outside the JSON\n2. The JSON must have this exact structure: { \"nodes\": [...], \"edges\": [...] }\n3. Every node must have: id (string), type (string), position ({ x: number, y: number }), data (object)\n4. Every edge must have: id (string), source (string), target (string)\n5. For regex patterns: ALWAYS use double backslashes (\\\\) for special characters (\\\\s, \\\\d, etc.)\n6. AVOID using \"pattern\" field unless specifically requested - prefer using simple validation\n7. For submit buttons, use type \"input\" with data.type \"submit\", NOT type \"flow\"\n8. For conditional logic, use conditional edges with proper operators (===, !==, >, <, >=, <=)\n\nNODE TYPES:\n- \"input\": Form input fields (text, number, select, checkbox, etc.)\n- \"ui\": UI elements (title, divider)\n- \"flow\": Navigation/flow control nodes\n- \"group\": Container for organizing nodes\n\nINPUT NODE TYPES (data.type):\n- \"text\", \"number\", \"textarea\", \"password\"\n- \"select\", \"radio\", \"checkbox\", \"switch\"\n- \"autocomplete\", \"date\", \"daterange\", \"time\", \"timerange\"\n- \"file\", \"address\", \"http\", \"hidden\", \"submit\"\n\nINPUT NODE DATA STRUCTURE:\n{\n  \"id\": \"unique-id\",\n  \"type\": \"input\",\n  \"position\": { \"x\": 0, \"y\": 0 },\n  \"data\": {\n    \"label\": \"Field Label\",\n    \"name\": \"fieldName\",\n    \"type\": \"text\",\n    \"required\": true,\n    \"placeholder\": \"Enter value...\",\n    \"helperText\": \"Optional helper text\",\n    \"pattern\": \"regex pattern (optional)\",\n    \"errorMessage\": \"Error message if validation fails\",\n    \"options\": [{ \"value\": \"val\", \"label\": \"Label\" }], // for select/radio/checkbox\n    \"multiple\": false // for select/checkbox\n  }\n}\n\nUI NODE TYPES (data.type):\n- \"title\": Display a title\n- \"divider\": Display a divider line\n\nUI NODE DATA STRUCTURE:\n{\n  \"id\": \"unique-id\",\n  \"type\": \"ui\",\n  \"position\": { \"x\": 0, \"y\": 0 },\n  \"data\": {\n    \"label\": \"UI Element Label\",\n    \"type\": \"title\" // or \"divider\"\n  }\n}\n\nFLOW NODE DATA STRUCTURE:\n{\n  \"id\": \"unique-id\",\n  \"type\": \"flow\",\n  \"position\": { \"x\": 0, \"y\": 0 },\n  \"data\": {\n    \"label\": \"Flow Step Label\",\n    \"targetId\": \"next-node-id\" // optional\n  }\n}\n\nGROUP NODE DATA STRUCTURE:\n{\n  \"id\": \"unique-id\",\n  \"type\": \"group\",\n  \"position\": { \"x\": 0, \"y\": 0 },\n  \"data\": {\n    \"label\": \"Group Label\"\n  }\n}\n\nEDGE STRUCTURE:\n{\n  \"id\": \"edge-id\",\n  \"source\": \"source-node-id\",\n  \"target\": \"target-node-id\",\n  \"type\": \"default\" // or \"conditional\" for conditional logic\n}\n\nCONDITIONAL EDGE STRUCTURE:\n{\n  \"id\": \"edge-id\",\n  \"source\": \"source-node-id\",\n  \"target\": \"target-node-id\",\n  \"type\": \"conditional\",\n  \"data\": {\n    \"label\": \"If condition is true\", // optional label for the edge\n    \"conditions\": [\n      {\n        \"field\": \"field-node-id\", // ID of the field to check\n        \"operator\": \">=\", // operators: ===, !==, >, <, >=, <=\n        \"value\": \"18\" // value to compare (as string)\n      }\n    ],\n    \"operator\": \"AND\" // optional: \"AND\" or \"OR\" for multiple conditions (default: AND)\n  }\n}\n\nIMPORTANT: For conditional edges, the value must ALWAYS be a string, even for numbers.\nExample: For \"age >= 18\", use \"value\": \"18\" (not value: 18)\n\nLAYOUT GUIDELINES:\n- Position nodes in a vertical flow (top to bottom)\n- Start at position { x: 0, y: 0 }\n- Space nodes vertically by exactly 250 pixels between each position (node height 150px + 100px spacing)\n- For horizontal spacing, use 350 pixels\n- Create logical flow from top to bottom\n- IMPORTANT: Keep consistent vertical spacing to avoid overlap\n- Each node position Y should increment by 250: first at y:0, second at y:250, third at y:500, etc.\n\nEXAMPLES:\n\nUser: \"Create a simple contact form with name, email and message\"\nResponse:\n{\n  \"nodes\": [\n    {\n      \"id\": \"title-1\",\n      \"type\": \"ui\",\n      \"position\": { \"x\": 0, \"y\": 0 },\n      \"data\": { \"label\": \"Contact Form\", \"type\": \"title\" }\n    },\n    {\n      \"id\": \"name-1\",\n      \"type\": \"input\",\n      \"position\": { \"x\": 0, \"y\": 250 },\n      \"data\": {\n        \"label\": \"Name\",\n        \"name\": \"name\",\n        \"type\": \"text\",\n        \"required\": true,\n        \"placeholder\": \"Enter your name\"\n      }\n    },\n    {\n      \"id\": \"email-1\",\n      \"type\": \"input\",\n      \"position\": { \"x\": 0, \"y\": 500 },\n      \"data\": {\n        \"label\": \"Email\",\n        \"name\": \"email\",\n        \"type\": \"text\",\n        \"required\": true,\n        \"placeholder\": \"your@email.com\"\n      }\n    },\n    {\n      \"id\": \"message-1\",\n      \"type\": \"input\",\n      \"position\": { \"x\": 0, \"y\": 750 },\n      \"data\": {\n        \"label\": \"Message\",\n        \"name\": \"message\",\n        \"type\": \"textarea\",\n        \"required\": true,\n        \"placeholder\": \"Enter your message\"\n      }\n    }\n  ],\n  \"edges\": [\n    { \"id\": \"e1\", \"source\": \"title-1\", \"target\": \"name-1\" },\n    { \"id\": \"e2\", \"source\": \"name-1\", \"target\": \"email-1\" },\n    { \"id\": \"e3\", \"source\": \"email-1\", \"target\": \"message-1\" }\n  ]\n}\n\nUser: \"Create a user registration form with age, address and country selector\"\nResponse:\n{\n  \"nodes\": [\n    {\n      \"id\": \"title-1\",\n      \"type\": \"ui\",\n      \"position\": { \"x\": 0, \"y\": 0 },\n      \"data\": { \"label\": \"User Registration\", \"type\": \"title\" }\n    },\n    {\n      \"id\": \"age-1\",\n      \"type\": \"input\",\n      \"position\": { \"x\": 0, \"y\": 250 },\n      \"data\": {\n        \"label\": \"Age\",\n        \"name\": \"age\",\n        \"type\": \"number\",\n        \"required\": true,\n        \"placeholder\": \"Enter your age\"\n      }\n    },\n    {\n      \"id\": \"address-1\",\n      \"type\": \"input\",\n      \"position\": { \"x\": 0, \"y\": 500 },\n      \"data\": {\n        \"label\": \"Address\",\n        \"name\": \"address\",\n        \"type\": \"address\",\n        \"required\": true,\n        \"placeholder\": \"Enter your address\"\n      }\n    },\n    {\n      \"id\": \"country-1\",\n      \"type\": \"input\",\n      \"position\": { \"x\": 0, \"y\": 750 },\n      \"data\": {\n        \"label\": \"Country\",\n        \"name\": \"country\",\n        \"type\": \"select\",\n        \"required\": true,\n        \"options\": [\n          { \"value\": \"us\", \"label\": \"United States\" },\n          { \"value\": \"ca\", \"label\": \"Canada\" },\n          { \"value\": \"uk\", \"label\": \"United Kingdom\" },\n          { \"value\": \"fr\", \"label\": \"France\" },\n          { \"value\": \"de\", \"label\": \"Germany\" }\n        ]\n      }\n    },\n    {\n      \"id\": \"submit-1\",\n      \"type\": \"input\",\n      \"position\": { \"x\": 0, \"y\": 1000 },\n      \"data\": {\n        \"label\": \"Submit\",\n        \"type\": \"submit\"\n      }\n    }\n  ],\n  \"edges\": [\n    { \"id\": \"e1\", \"source\": \"title-1\", \"target\": \"age-1\" },\n    { \"id\": \"e2\", \"source\": \"age-1\", \"target\": \"address-1\" },\n    { \"id\": \"e3\", \"source\": \"address-1\", \"target\": \"country-1\" },\n    { \"id\": \"e4\", \"source\": \"country-1\", \"target\": \"submit-1\" }\n  ]\n}\n\nUser: \"Create a form with name, age, and show different questions based on age (movie for 18+, color for under 18)\"\nResponse:\n{\n  \"nodes\": [\n    {\n      \"id\": \"title-1\",\n      \"type\": \"ui\",\n      \"position\": { \"x\": 0, \"y\": 0 },\n      \"data\": { \"label\": \"Survey Form\", \"type\": \"title\" }\n    },\n    {\n      \"id\": \"name-1\",\n      \"type\": \"input\",\n      \"position\": { \"x\": 0, \"y\": 250 },\n      \"data\": {\n        \"label\": \"Name\",\n        \"name\": \"name\",\n        \"type\": \"text\",\n        \"required\": true,\n        \"placeholder\": \"Enter your name\"\n      }\n    },\n    {\n      \"id\": \"age-1\",\n      \"type\": \"input\",\n      \"position\": { \"x\": 0, \"y\": 500 },\n      \"data\": {\n        \"label\": \"Age\",\n        \"name\": \"age\",\n        \"type\": \"number\",\n        \"required\": true,\n        \"placeholder\": \"Enter your age\"\n      }\n    },\n    {\n      \"id\": \"movie-1\",\n      \"type\": \"input\",\n      \"position\": { \"x\": -350, \"y\": 750 },\n      \"data\": {\n        \"label\": \"Favorite Movie\",\n        \"name\": \"favoriteMovie\",\n        \"type\": \"text\",\n        \"required\": true,\n        \"helperText\": \"For adults 18 and over\"\n      }\n    },\n    {\n      \"id\": \"color-1\",\n      \"type\": \"input\",\n      \"position\": { \"x\": 350, \"y\": 750 },\n      \"data\": {\n        \"label\": \"Favorite Color\",\n        \"name\": \"favoriteColor\",\n        \"type\": \"text\",\n        \"required\": true,\n        \"helperText\": \"For those under 18\"\n      }\n    },\n    {\n      \"id\": \"submit-1\",\n      \"type\": \"input\",\n      \"position\": { \"x\": 0, \"y\": 1000 },\n      \"data\": {\n        \"label\": \"Submit\",\n        \"type\": \"submit\"\n      }\n    }\n  ],\n  \"edges\": [\n    { \"id\": \"e1\", \"source\": \"title-1\", \"target\": \"name-1\" },\n    { \"id\": \"e2\", \"source\": \"name-1\", \"target\": \"age-1\" },\n    {\n      \"id\": \"e3\",\n      \"source\": \"age-1\",\n      \"target\": \"movie-1\",\n      \"type\": \"conditional\",\n      \"data\": {\n        \"label\": \"If 18 or older\",\n        \"conditions\": [\n          {\n            \"field\": \"age-1\",\n            \"operator\": \">=\",\n            \"value\": \"18\"\n          }\n        ]\n      }\n    },\n    {\n      \"id\": \"e4\",\n      \"source\": \"age-1\",\n      \"target\": \"color-1\",\n      \"type\": \"conditional\",\n      \"data\": {\n        \"label\": \"If under 18\",\n        \"conditions\": [\n          {\n            \"field\": \"age-1\",\n            \"operator\": \"<\",\n            \"value\": \"18\"\n          }\n        ]\n      }\n    },\n    { \"id\": \"e5\", \"source\": \"movie-1\", \"target\": \"submit-1\" },\n    { \"id\": \"e6\", \"source\": \"color-1\", \"target\": \"submit-1\" }\n  ]\n}\n\nRemember:\n- Always respond with ONLY valid JSON\n- No markdown code blocks\n- No explanations outside the JSON\n- Follow the exact structure shown above\n- For submit buttons, ALWAYS use type \"input\" with data.type \"submit\"\n- For conditional edges, ALWAYS specify the value as a string and use proper operators (>=, <, ===, etc.)\n- Never leave condition values empty - always provide the comparison value\n", bn = {
 	claude: "claude-3-5-haiku-20241022",
 	deepseek: "deepseek-chat",
 	gemini: "gemini-2.5-flash",
 	openai: "gpt-4o-mini"
-}, Ht = .3;
-function Ut(e) {
+}, xn = .3;
+function Sn(e) {
 	try {
 		return JSON.parse(e);
 	} catch (t) {
@@ -933,10 +1151,10 @@ function Ut(e) {
 		}
 	}
 }
-async function Wt(e) {
-	let t = e.config.model || Vt.gemini, n = e.config.temperature ?? Ht, r = await fetch(`https://generativelanguage.googleapis.com/v1beta/models/${t}:generateContent?key=${e.config.apiKey}`, {
+async function Cn(e) {
+	let t = e.config.model || bn.gemini, n = e.config.temperature ?? xn, r = await fetch(`https://generativelanguage.googleapis.com/v1beta/models/${t}:generateContent?key=${e.config.apiKey}`, {
 		body: JSON.stringify({
-			contents: [{ parts: [{ text: `${Bt}\n\nUser request: ${e.prompt}` }] }],
+			contents: [{ parts: [{ text: `${yn}\n\nUser request: ${e.prompt}` }] }],
 			generationConfig: {
 				responseMimeType: "application/json",
 				temperature: n
@@ -951,13 +1169,13 @@ async function Wt(e) {
 	}
 	let i = (await r.json()).candidates?.[0]?.content?.parts?.[0]?.text;
 	if (!i) throw Error("No response from Gemini");
-	return Ut(i);
+	return Sn(i);
 }
-async function Gt(e) {
-	let t = e.config.model || Vt.openai, n = e.config.temperature ?? Ht, r = await fetch("https://api.openai.com/v1/chat/completions", {
+async function wn(e) {
+	let t = e.config.model || bn.openai, n = e.config.temperature ?? xn, r = await fetch("https://api.openai.com/v1/chat/completions", {
 		body: JSON.stringify({
 			messages: [{
-				content: Bt,
+				content: yn,
 				role: "system"
 			}, {
 				content: e.prompt,
@@ -979,13 +1197,13 @@ async function Gt(e) {
 	}
 	let i = (await r.json()).choices?.[0]?.message?.content;
 	if (!i) throw Error("No response from OpenAI");
-	return Ut(i);
+	return Sn(i);
 }
-async function Kt(e) {
-	let t = e.config.model || Vt.deepseek, n = e.config.temperature ?? Ht, r = await fetch("https://api.deepseek.com/v1/chat/completions", {
+async function Tn(e) {
+	let t = e.config.model || bn.deepseek, n = e.config.temperature ?? xn, r = await fetch("https://api.deepseek.com/v1/chat/completions", {
 		body: JSON.stringify({
 			messages: [{
-				content: Bt,
+				content: yn,
 				role: "system"
 			}, {
 				content: e.prompt,
@@ -1007,10 +1225,10 @@ async function Kt(e) {
 	}
 	let i = (await r.json()).choices?.[0]?.message?.content;
 	if (!i) throw Error("No response from DeepSeek");
-	return Ut(i);
+	return Sn(i);
 }
-async function qt(e) {
-	let t = e.config.model || Vt.claude, n = e.config.temperature ?? Ht, r = await fetch("https://api.anthropic.com/v1/messages", {
+async function En(e) {
+	let t = e.config.model || bn.claude, n = e.config.temperature ?? xn, r = await fetch("https://api.anthropic.com/v1/messages", {
 		body: JSON.stringify({
 			max_tokens: 4096,
 			messages: [{
@@ -1018,7 +1236,7 @@ async function qt(e) {
 				role: "user"
 			}],
 			model: t,
-			system: Bt,
+			system: yn,
 			temperature: n
 		}),
 		headers: {
@@ -1034,21 +1252,21 @@ async function qt(e) {
 	}
 	let i = (await r.json()).content?.[0]?.text;
 	if (!i) throw Error("No response from Claude");
-	return Ut(i);
+	return Sn(i);
 }
-function Jt(e) {
+function Dn(e) {
 	switch (e.config.provider) {
-		case "gemini": return Wt(e);
-		case "openai": return Gt(e);
-		case "deepseek": return Kt(e);
-		case "claude": return qt(e);
+		case "gemini": return Cn(e);
+		case "openai": return wn(e);
+		case "deepseek": return Tn(e);
+		case "claude": return En(e);
 		default: throw Error(`Unsupported AI provider: ${e.config.provider}`);
 	}
 }
 //#endregion
 //#region src/editor/features/TreegeEditor/panel/AIGeneratorDialog.tsx
-var Yt = ({ aiConfig: e, onGenerate: t }) => {
-	let [n, r] = F(!1), [i, a] = F(""), [o, s] = F(!1), c = G(), l = async () => {
+var On = ({ aiConfig: e, onGenerate: t }) => {
+	let [n, r] = F(!1), [i, a] = F(""), [o, s] = F(!1), c = W(), l = async () => {
 		if (!i.trim()) {
 			V.error(c("editor.aiGenerator.enterDescription"));
 			return;
@@ -1059,7 +1277,7 @@ var Yt = ({ aiConfig: e, onGenerate: t }) => {
 		}
 		s(!0);
 		try {
-			let n = await Jt({
+			let n = await Dn({
 				config: e,
 				prompt: i.trim()
 			});
@@ -1073,36 +1291,36 @@ var Yt = ({ aiConfig: e, onGenerate: t }) => {
 			s(!1);
 		}
 	};
-	return /* @__PURE__ */ (0, W.jsxs)(se, {
+	return /* @__PURE__ */ (0, U.jsxs)(ce, {
 		open: n,
 		onOpenChange: r,
-		children: [/* @__PURE__ */ (0, W.jsx)(te, {
+		children: [/* @__PURE__ */ (0, U.jsx)(te, {
 			asChild: !0,
-			children: /* @__PURE__ */ (0, W.jsxs)(m, {
+			children: /* @__PURE__ */ (0, U.jsxs)(m, {
 				variant: "outline",
 				size: "sm",
 				disabled: !e?.apiKey,
 				children: [
-					/* @__PURE__ */ (0, W.jsx)(Qe, { className: "h-4 w-4 text-[#13d3b4]" }),
+					/* @__PURE__ */ (0, U.jsx)(_t, { className: "h-4 w-4 text-[#13d3b4]" }),
 					" ",
 					c("editor.aiGenerator.buttonLabel")
 				]
 			})
-		}), /* @__PURE__ */ (0, W.jsxs)(C, {
+		}), /* @__PURE__ */ (0, U.jsxs)(C, {
 			className: "sm:max-w-[550px]",
 			children: [
-				/* @__PURE__ */ (0, W.jsxs)(O, { children: [/* @__PURE__ */ (0, W.jsx)(w, { children: c("editor.aiGenerator.title") }), /* @__PURE__ */ (0, W.jsx)(ee, { children: c("editor.aiGenerator.titleDescription") })] }),
-				/* @__PURE__ */ (0, W.jsxs)("div", {
+				/* @__PURE__ */ (0, U.jsxs)(re, { children: [/* @__PURE__ */ (0, U.jsx)(w, { children: c("editor.aiGenerator.title") }), /* @__PURE__ */ (0, U.jsx)(ee, { children: c("editor.aiGenerator.titleDescription") })] }),
+				/* @__PURE__ */ (0, U.jsxs)("div", {
 					className: "grid gap-4 py-4",
-					children: [/* @__PURE__ */ (0, W.jsxs)("div", {
+					children: [/* @__PURE__ */ (0, U.jsxs)("div", {
 						className: "grid gap-2",
 						children: [
-							/* @__PURE__ */ (0, W.jsx)("label", {
+							/* @__PURE__ */ (0, U.jsx)("label", {
 								htmlFor: "ai-prompt",
 								className: "font-medium text-sm",
 								children: c("editor.aiGenerator.description")
 							}),
-							/* @__PURE__ */ (0, W.jsx)(D, {
+							/* @__PURE__ */ (0, U.jsx)(D, {
 								placeholder: c("editor.aiGenerator.descriptionPlaceholder"),
 								value: i,
 								onChange: (e) => a(e.target.value),
@@ -1113,22 +1331,22 @@ var Yt = ({ aiConfig: e, onGenerate: t }) => {
 								disabled: o,
 								className: "resize-none"
 							}),
-							/* @__PURE__ */ (0, W.jsx)("p", {
+							/* @__PURE__ */ (0, U.jsx)("p", {
 								className: "text-muted-foreground text-xs",
 								children: c("editor.aiGenerator.keyboardShortcut").replace("{cmdEnter}", "⌘ Enter").replace("{ctrlEnter}", "Ctrl Enter")
 							})
 						]
-					}), !e?.apiKey && /* @__PURE__ */ (0, W.jsxs)("div", {
+					}), !e?.apiKey && /* @__PURE__ */ (0, U.jsxs)("div", {
 						className: "rounded-md bg-muted p-3 text-sm",
-						children: [/* @__PURE__ */ (0, W.jsx)("p", {
+						children: [/* @__PURE__ */ (0, U.jsx)("p", {
 							className: "font-medium",
 							children: c("editor.aiGenerator.aiNotConfigured")
-						}), /* @__PURE__ */ (0, W.jsxs)("p", {
+						}), /* @__PURE__ */ (0, U.jsxs)("p", {
 							className: "mt-1 text-muted-foreground text-xs",
 							children: [
 								c("editor.aiGenerator.aiNotConfiguredDesc").replace("{code}", ""),
 								" ",
-								/* @__PURE__ */ (0, W.jsx)("code", {
+								/* @__PURE__ */ (0, U.jsx)("code", {
 									className: "rounded bg-background px-1 py-0.5",
 									children: "aiConfig"
 								})
@@ -1136,28 +1354,28 @@ var Yt = ({ aiConfig: e, onGenerate: t }) => {
 						})]
 					})]
 				}),
-				/* @__PURE__ */ (0, W.jsxs)(ie, { children: [/* @__PURE__ */ (0, W.jsx)(m, {
+				/* @__PURE__ */ (0, U.jsxs)(ae, { children: [/* @__PURE__ */ (0, U.jsx)(m, {
 					variant: "outline",
 					onClick: () => r(!1),
 					disabled: o,
 					children: c("editor.aiGenerator.cancel")
-				}), /* @__PURE__ */ (0, W.jsx)(m, {
+				}), /* @__PURE__ */ (0, U.jsx)(m, {
 					onClick: l,
 					disabled: o || !i.trim() || !e?.apiKey,
-					children: o ? /* @__PURE__ */ (0, W.jsxs)(W.Fragment, { children: [/* @__PURE__ */ (0, W.jsx)(He, { className: "h-4 w-4 animate-spin" }), c("editor.aiGenerator.generating")] }) : /* @__PURE__ */ (0, W.jsxs)(W.Fragment, { children: [/* @__PURE__ */ (0, W.jsx)(Qe, { className: "h-4 w-4 text-[--treege-color-primary]" }), c("editor.aiGenerator.generate")] })
+					children: o ? /* @__PURE__ */ (0, U.jsxs)(U.Fragment, { children: [/* @__PURE__ */ (0, U.jsx)(nt, { className: "h-4 w-4 animate-spin" }), c("editor.aiGenerator.generating")] }) : /* @__PURE__ */ (0, U.jsxs)(U.Fragment, { children: [/* @__PURE__ */ (0, U.jsx)(_t, { className: "h-4 w-4 text-[--treege-color-primary]" }), c("editor.aiGenerator.generate")] })
 				})] })
 			]
 		})]
 	});
-}, Xt = q(), Zt = ({ onExportJson: e, onSave: t }) => {
-	let { flowId: n, setFlowId: r, aiConfig: i } = pt(), { setNodes: a, setEdges: o, addNodes: s, screenToFlowPosition: c } = Ee(), l = n || Xt, u = Te(), d = we(), f = Me(null), p = G(), h = () => {
+}, kn = rn(), An = ({ onExportJson: e, onSave: t }) => {
+	let { flowId: n, setFlowId: r, aiConfig: i } = Mt(), { setNodes: a, setEdges: o, addNodes: s, screenToFlowPosition: c } = M(), l = n || kn, u = Ee(), d = Te(), f = Me(null), p = W(), h = () => {
 		let e = (window.innerWidth || 0) / 2, t = (window.innerHeight || 0) / 2, n = parseInt(getComputedStyle(document.documentElement).getPropertyValue("--node-width"), 10), r = parseInt(getComputedStyle(document.documentElement).getPropertyValue("--node-height"), 10), i = c({
 			x: e - n,
 			y: t - r
 		});
 		s([{
-			...Tt,
-			id: q(),
+			...an,
+			id: rn(),
 			position: i,
 			selected: !0
 		}]);
@@ -1202,54 +1420,54 @@ var Yt = ({ aiConfig: e, onGenerate: t }) => {
 		return window.addEventListener("keydown", e), () => {
 			window.removeEventListener("keydown", e);
 		};
-	}, [v]), /* @__PURE__ */ (0, W.jsxs)(ve, {
+	}, [v]), /* @__PURE__ */ (0, U.jsxs)(ye, {
 		position: "top-right",
 		className: "flex gap-2",
 		children: [
-			/* @__PURE__ */ (0, W.jsx)(Yt, {
+			/* @__PURE__ */ (0, U.jsx)(On, {
 				aiConfig: i,
 				onGenerate: (e) => {
 					a(e.nodes), o(e.edges);
 				}
 			}),
-			/* @__PURE__ */ (0, W.jsxs)(m, {
+			/* @__PURE__ */ (0, U.jsxs)(m, {
 				variant: "outline",
 				size: "sm",
 				onClick: h,
 				children: [
-					/* @__PURE__ */ (0, W.jsx)(R, {}),
+					/* @__PURE__ */ (0, U.jsx)(L, {}),
 					" ",
 					p("editor.actionsPanel.addNode")
 				]
 			}),
-			/* @__PURE__ */ (0, W.jsxs)(m, {
+			/* @__PURE__ */ (0, U.jsxs)(m, {
 				variant: "outline",
 				size: "sm",
 				onClick: v,
 				children: [
-					/* @__PURE__ */ (0, W.jsx)(Je, {}),
+					/* @__PURE__ */ (0, U.jsx)(lt, {}),
 					" ",
 					p("common.save")
 				]
 			}),
-			/* @__PURE__ */ (0, W.jsxs)(J, { children: [/* @__PURE__ */ (0, W.jsx)(Y, {
+			/* @__PURE__ */ (0, U.jsxs)(q, { children: [/* @__PURE__ */ (0, U.jsx)(J, {
 				asChild: !0,
-				children: /* @__PURE__ */ (0, W.jsx)(m, {
+				children: /* @__PURE__ */ (0, U.jsx)(m, {
 					variant: "outline",
 					size: "sm",
-					children: /* @__PURE__ */ (0, W.jsx)(ze, {})
+					children: /* @__PURE__ */ (0, U.jsx)(Je, {})
 				})
-			}), /* @__PURE__ */ (0, W.jsxs)(X, {
+			}), /* @__PURE__ */ (0, U.jsxs)(Y, {
 				align: "start",
 				children: [
-					/* @__PURE__ */ (0, W.jsx)(Ot, {
+					/* @__PURE__ */ (0, U.jsx)(Xt, {
 						className: "font-normal",
-						children: /* @__PURE__ */ (0, W.jsxs)("div", {
+						children: /* @__PURE__ */ (0, U.jsxs)("div", {
 							className: "flex flex-col gap-1",
-							children: [/* @__PURE__ */ (0, W.jsx)("span", {
+							children: [/* @__PURE__ */ (0, U.jsx)("span", {
 								className: "text-muted-foreground text-xs",
 								children: "Flow ID"
-							}), /* @__PURE__ */ (0, W.jsxs)("button", {
+							}), /* @__PURE__ */ (0, U.jsxs)("button", {
 								onClick: async () => {
 									try {
 										await navigator.clipboard.writeText(l), V.success(p("editor.actionsPanel.idCopied"), { description: l });
@@ -1259,44 +1477,44 @@ var Yt = ({ aiConfig: e, onGenerate: t }) => {
 								},
 								className: "flex items-center gap-2 font-mono text-muted-foreground transition-colors hover:text-primary",
 								type: "button",
-								children: [/* @__PURE__ */ (0, W.jsx)(Le, { className: "h-3 w-3" }), /* @__PURE__ */ (0, W.jsx)("span", {
+								children: [/* @__PURE__ */ (0, U.jsx)(Ke, { className: "h-3 w-3" }), /* @__PURE__ */ (0, U.jsx)("span", {
 									className: "truncate text-xs",
 									children: l
 								})]
 							})]
 						})
 					}),
-					/* @__PURE__ */ (0, W.jsx)(kt, {}),
-					/* @__PURE__ */ (0, W.jsxs)(Dt, { children: [/* @__PURE__ */ (0, W.jsxs)(Z, {
+					/* @__PURE__ */ (0, U.jsx)(Zt, {}),
+					/* @__PURE__ */ (0, U.jsxs)(Yt, { children: [/* @__PURE__ */ (0, U.jsxs)(X, {
 						onClick: () => f?.current?.click(),
 						children: [
-							/* @__PURE__ */ (0, W.jsx)(Re, {}),
+							/* @__PURE__ */ (0, U.jsx)(qe, {}),
 							" ",
 							p("editor.actionsPanel.importJson")
 						]
-					}), /* @__PURE__ */ (0, W.jsxs)(Z, {
+					}), /* @__PURE__ */ (0, U.jsxs)(X, {
 						onClick: _,
 						children: [
-							/* @__PURE__ */ (0, W.jsx)(Ne, {}),
+							/* @__PURE__ */ (0, U.jsx)(Pe, {}),
 							" ",
 							p("editor.actionsPanel.exportJson")
 						]
 					})] }),
-					/* @__PURE__ */ (0, W.jsx)(kt, {}),
-					/* @__PURE__ */ (0, W.jsx)(Dt, { children: /* @__PURE__ */ (0, W.jsxs)(Z, {
+					/* @__PURE__ */ (0, U.jsx)(Zt, {}),
+					/* @__PURE__ */ (0, U.jsx)(Yt, { children: /* @__PURE__ */ (0, U.jsxs)(X, {
 						onClick: () => {
 							a([]), o([]), V.success(p("editor.actionsPanel.clearSuccess"), { description: p("editor.actionsPanel.clearSuccessDesc") });
 						},
 						className: "text-destructive focus:text-destructive",
 						children: [
-							/* @__PURE__ */ (0, W.jsx)(Ye, { className: "text-destructive" }),
+							/* @__PURE__ */ (0, U.jsx)(mt, { className: "text-destructive" }),
 							" ",
 							p("editor.actionsPanel.clear")
 						]
 					}) })
 				]
 			})] }),
-			/* @__PURE__ */ (0, W.jsx)("input", {
+			/* @__PURE__ */ (0, U.jsx)("input", {
 				type: "file",
 				accept: "application/json,.json",
 				className: "hidden",
@@ -1305,7 +1523,7 @@ var Yt = ({ aiConfig: e, onGenerate: t }) => {
 			})
 		]
 	});
-}, Qt = {
+}, jn = {
 	ar: "ar",
 	de: "de",
 	en: "en",
@@ -1313,19 +1531,19 @@ var Yt = ({ aiConfig: e, onGenerate: t }) => {
 	fr: "fr",
 	it: "it",
 	pt: "pt"
-}, Q = ({ value: e = "en", onValueChange: t }) => /* @__PURE__ */ (0, W.jsxs)(y, {
+}, Q = ({ value: e = "en", onValueChange: t }) => /* @__PURE__ */ (0, U.jsxs)(y, {
 	value: e,
 	onValueChange: t,
-	children: [/* @__PURE__ */ (0, W.jsx)(_, {
+	children: [/* @__PURE__ */ (0, U.jsx)(_, {
 		className: "uppercase",
-		children: /* @__PURE__ */ (0, W.jsx)(l, { placeholder: "" })
-	}), /* @__PURE__ */ (0, W.jsx)(j, { children: /* @__PURE__ */ (0, W.jsx)(M, { children: Object.values(Qt).map((e) => /* @__PURE__ */ (0, W.jsx)(x, {
+		children: /* @__PURE__ */ (0, U.jsx)(l, { placeholder: "" })
+	}), /* @__PURE__ */ (0, U.jsx)(A, { children: /* @__PURE__ */ (0, U.jsx)(j, { children: Object.values(jn).map((e) => /* @__PURE__ */ (0, U.jsx)(x, {
 		value: e,
 		className: "uppercase",
 		children: e
 	}, e)) }) })]
 }), $ = () => {
-	let e = Te(), t = P(() => e.filter(a), [e]), n = P(() => e.filter((e) => e.selected), [e]), r = P(() => e.find((e) => e.selected), [e]);
+	let e = Ee(), t = P(() => e.filter(a), [e]), n = P(() => e.filter((e) => e.selected), [e]), r = P(() => e.find((e) => e.selected), [e]);
 	return {
 		groupNodes: t,
 		hasSelectedNodes: n.length > 0,
@@ -1333,8 +1551,8 @@ var Yt = ({ aiConfig: e, onGenerate: t }) => {
 		selectedNode: r,
 		selectedNodes: n
 	};
-}, $t = () => {
-	let [e, t] = F("en"), { updateSelectedNodeData: n } = K(), { selectedNode: r } = $(), i = G(), { Field: a } = I({
+}, Mn = () => {
+	let [e, t] = F("en"), { updateSelectedNodeData: n } = K(), { selectedNode: r } = $(), i = W(), { Field: a } = I({
 		defaultValues: {
 			label: r?.data?.label || { en: "" },
 			targetId: r?.data?.targetId || ""
@@ -1349,22 +1567,22 @@ var Yt = ({ aiConfig: e, onGenerate: t }) => {
 			n(e);
 		}
 	});
-	return /* @__PURE__ */ (0, W.jsx)("form", {
+	return /* @__PURE__ */ (0, U.jsx)("form", {
 		onSubmit: (e) => {
 			e.preventDefault(), e.stopPropagation();
 		},
-		children: /* @__PURE__ */ (0, W.jsxs)("div", {
+		children: /* @__PURE__ */ (0, U.jsxs)("div", {
 			className: "grid gap-6",
-			children: [/* @__PURE__ */ (0, W.jsxs)("div", {
+			children: [/* @__PURE__ */ (0, U.jsxs)("div", {
 				className: "flex items-end gap-2",
-				children: [/* @__PURE__ */ (0, W.jsx)(a, {
+				children: [/* @__PURE__ */ (0, U.jsx)(a, {
 					name: "label",
-					children: (t) => /* @__PURE__ */ (0, W.jsxs)(T, {
+					children: (t) => /* @__PURE__ */ (0, U.jsxs)(T, {
 						className: "flex-1",
-						children: [/* @__PURE__ */ (0, W.jsx)(u, {
+						children: [/* @__PURE__ */ (0, U.jsx)(u, {
 							htmlFor: t.name,
 							children: i("editor.flowNodeForm.label")
-						}), /* @__PURE__ */ (0, W.jsx)(h, {
+						}), /* @__PURE__ */ (0, U.jsx)(h, {
 							id: t.name,
 							name: t.name,
 							value: t.state.value?.[e] || "",
@@ -1377,30 +1595,30 @@ var Yt = ({ aiConfig: e, onGenerate: t }) => {
 							}
 						})]
 					})
-				}), /* @__PURE__ */ (0, W.jsx)(Q, {
+				}), /* @__PURE__ */ (0, U.jsx)(Q, {
 					value: e,
 					onValueChange: t
 				})]
-			}), /* @__PURE__ */ (0, W.jsx)(a, {
+			}), /* @__PURE__ */ (0, U.jsx)(a, {
 				name: "targetId",
-				children: (e) => /* @__PURE__ */ (0, W.jsxs)(T, { children: [
-					/* @__PURE__ */ (0, W.jsxs)(u, {
+				children: (e) => /* @__PURE__ */ (0, U.jsxs)(T, { children: [
+					/* @__PURE__ */ (0, U.jsxs)(u, {
 						htmlFor: e.name,
 						children: [i("editor.flowNodeForm.targetId"), " (Flow ID)"]
 					}),
-					/* @__PURE__ */ (0, W.jsx)(h, {
+					/* @__PURE__ */ (0, U.jsx)(h, {
 						id: e.name,
 						name: e.name,
 						value: e.state.value,
 						onBlur: e.handleBlur,
 						onChange: ({ target: t }) => e.handleChange(t.value)
 					}),
-					/* @__PURE__ */ (0, W.jsx)(E, { children: "Unique identifier of the target flow." })
+					/* @__PURE__ */ (0, U.jsx)(E, { children: "Unique identifier of the target flow." })
 				] })
 			})]
 		})
 	});
-}, en = () => {
+}, Nn = () => {
 	let [e, t] = F("en"), { selectedNode: n } = $(), { updateSelectedNodeData: r } = K(), { Field: i } = I({
 		defaultValues: { label: n?.data?.label || { en: "" } },
 		listeners: {
@@ -1413,20 +1631,20 @@ var Yt = ({ aiConfig: e, onGenerate: t }) => {
 			r(e);
 		}
 	});
-	return /* @__PURE__ */ (0, W.jsx)("form", {
+	return /* @__PURE__ */ (0, U.jsx)("form", {
 		onSubmit: (e) => {
 			e.preventDefault(), e.stopPropagation();
 		},
-		children: /* @__PURE__ */ (0, W.jsxs)("div", {
+		children: /* @__PURE__ */ (0, U.jsxs)("div", {
 			className: "flex items-end gap-2",
-			children: [/* @__PURE__ */ (0, W.jsx)(i, {
+			children: [/* @__PURE__ */ (0, U.jsx)(i, {
 				name: "label",
-				children: (t) => /* @__PURE__ */ (0, W.jsxs)(T, {
+				children: (t) => /* @__PURE__ */ (0, U.jsxs)(T, {
 					className: "flex-1",
-					children: [/* @__PURE__ */ (0, W.jsx)(u, {
+					children: [/* @__PURE__ */ (0, U.jsx)(u, {
 						htmlFor: t.name,
 						children: "Label"
-					}), /* @__PURE__ */ (0, W.jsx)(h, {
+					}), /* @__PURE__ */ (0, U.jsx)(h, {
 						id: t.name,
 						name: t.name,
 						value: t.state.value?.[e] || "",
@@ -1439,18 +1657,18 @@ var Yt = ({ aiConfig: e, onGenerate: t }) => {
 						}
 					})]
 				})
-			}), /* @__PURE__ */ (0, W.jsx)(Q, {
+			}), /* @__PURE__ */ (0, U.jsx)(Q, {
 				value: e,
 				onValueChange: t
 			})]
 		})
 	});
-}, tn = [
+}, Pn = [
 	"POST",
 	"PUT",
 	"PATCH"
-], nn = ({ value: e, onChange: t }) => {
-	let { selectedNode: n } = $(), r = G(), i = ut(n?.id), { handleSubmit: a, Field: o, Subscribe: s } = I({
+], Fn = ({ value: e, onChange: t }) => {
+	let { selectedNode: n } = $(), r = W(), i = kt(n?.id), { handleSubmit: a, Field: o, Subscribe: s } = I({
 		defaultValues: {
 			body: e?.body || "",
 			fetchOnMount: e?.fetchOnMount ?? !e?.searchParam,
@@ -1476,19 +1694,19 @@ var Yt = ({ aiConfig: e, onGenerate: t }) => {
 			t(e);
 		}
 	});
-	return /* @__PURE__ */ (0, W.jsx)("div", { children: /* @__PURE__ */ (0, W.jsxs)("div", {
+	return /* @__PURE__ */ (0, U.jsx)("div", { children: /* @__PURE__ */ (0, U.jsxs)("div", {
 		className: "grid gap-6",
 		children: [
-			/* @__PURE__ */ (0, W.jsx)(o, {
+			/* @__PURE__ */ (0, U.jsx)(o, {
 				name: "url",
-				children: (e) => /* @__PURE__ */ (0, W.jsxs)(T, { children: [
-					/* @__PURE__ */ (0, W.jsx)(u, {
+				children: (e) => /* @__PURE__ */ (0, U.jsxs)(T, { children: [
+					/* @__PURE__ */ (0, U.jsx)(u, {
 						htmlFor: e.name,
 						children: r("editor.httpConfigForm.apiUrl")
 					}),
-					/* @__PURE__ */ (0, W.jsxs)("div", {
+					/* @__PURE__ */ (0, U.jsxs)("div", {
 						className: "flex gap-2",
-						children: [/* @__PURE__ */ (0, W.jsx)(h, {
+						children: [/* @__PURE__ */ (0, U.jsx)(h, {
 							id: e.name,
 							name: e.name,
 							value: e.state.value,
@@ -1496,30 +1714,30 @@ var Yt = ({ aiConfig: e, onGenerate: t }) => {
 							onChange: ({ target: t }) => e.handleChange(t.value),
 							placeholder: r("editor.httpConfigForm.apiUrlPlaceholder"),
 							className: "flex-1"
-						}), /* @__PURE__ */ (0, W.jsxs)(J, { children: [/* @__PURE__ */ (0, W.jsx)(Y, {
+						}), /* @__PURE__ */ (0, U.jsxs)(q, { children: [/* @__PURE__ */ (0, U.jsx)(J, {
 							asChild: !0,
-							children: /* @__PURE__ */ (0, W.jsx)(m, {
+							children: /* @__PURE__ */ (0, U.jsx)(m, {
 								type: "button",
 								variant: "outline",
 								size: "icon",
-								children: /* @__PURE__ */ (0, W.jsx)(Ze, { className: "h-4 w-4" })
+								children: /* @__PURE__ */ (0, U.jsx)(gt, { className: "h-4 w-4" })
 							})
-						}), /* @__PURE__ */ (0, W.jsx)(X, {
+						}), /* @__PURE__ */ (0, U.jsx)(Y, {
 							align: "end",
-							children: i.length === 0 ? /* @__PURE__ */ (0, W.jsx)(Z, {
+							children: i.length === 0 ? /* @__PURE__ */ (0, U.jsx)(X, {
 								disabled: !0,
 								children: r("editor.httpConfigForm.noFieldsAvailable")
-							}) : i.map((t) => /* @__PURE__ */ (0, W.jsx)(Z, {
+							}) : i.map((t) => /* @__PURE__ */ (0, U.jsx)(X, {
 								onClick: () => {
 									let n = `{{${t.nodeId}}}`, r = e.state.value || "";
 									e.handleChange(r + n);
 								},
-								children: /* @__PURE__ */ (0, W.jsxs)("div", {
+								children: /* @__PURE__ */ (0, U.jsxs)("div", {
 									className: "flex flex-col",
-									children: [/* @__PURE__ */ (0, W.jsx)("span", {
+									children: [/* @__PURE__ */ (0, U.jsx)("span", {
 										className: "font-medium",
 										children: t.label
-									}), /* @__PURE__ */ (0, W.jsx)("span", {
+									}), /* @__PURE__ */ (0, U.jsx)("span", {
 										className: "text-muted-foreground text-xs",
 										children: `{{${t.nodeId}}}`
 									})]
@@ -1527,87 +1745,87 @@ var Yt = ({ aiConfig: e, onGenerate: t }) => {
 							}, t.nodeId))
 						})] })]
 					}),
-					/* @__PURE__ */ (0, W.jsx)(E, { children: r("editor.httpConfigForm.apiUrlDesc") })
+					/* @__PURE__ */ (0, U.jsx)(E, { children: r("editor.httpConfigForm.apiUrlDesc") })
 				] })
 			}),
-			/* @__PURE__ */ (0, W.jsx)(o, {
+			/* @__PURE__ */ (0, U.jsx)(o, {
 				name: "method",
-				children: (e) => /* @__PURE__ */ (0, W.jsxs)(T, { children: [/* @__PURE__ */ (0, W.jsx)(u, {
+				children: (e) => /* @__PURE__ */ (0, U.jsxs)(T, { children: [/* @__PURE__ */ (0, U.jsx)(u, {
 					htmlFor: e.name,
 					children: r("editor.httpConfigForm.httpMethod")
-				}), /* @__PURE__ */ (0, W.jsxs)(y, {
+				}), /* @__PURE__ */ (0, U.jsxs)(y, {
 					value: e.state.value,
 					onValueChange: (t) => e.handleChange(t),
-					children: [/* @__PURE__ */ (0, W.jsx)(_, {
+					children: [/* @__PURE__ */ (0, U.jsx)(_, {
 						id: e.name,
-						children: /* @__PURE__ */ (0, W.jsx)(l, { placeholder: r("editor.httpConfigForm.selectMethod") })
-					}), /* @__PURE__ */ (0, W.jsxs)(j, { children: [
-						/* @__PURE__ */ (0, W.jsx)(x, {
+						children: /* @__PURE__ */ (0, U.jsx)(l, { placeholder: r("editor.httpConfigForm.selectMethod") })
+					}), /* @__PURE__ */ (0, U.jsxs)(A, { children: [
+						/* @__PURE__ */ (0, U.jsx)(x, {
 							value: "GET",
 							children: r("editor.httpConfigForm.methodGet")
 						}),
-						/* @__PURE__ */ (0, W.jsx)(x, {
+						/* @__PURE__ */ (0, U.jsx)(x, {
 							value: "POST",
 							children: r("editor.httpConfigForm.methodPost")
 						}),
-						/* @__PURE__ */ (0, W.jsx)(x, {
+						/* @__PURE__ */ (0, U.jsx)(x, {
 							value: "PUT",
 							children: r("editor.httpConfigForm.methodPut")
 						}),
-						/* @__PURE__ */ (0, W.jsx)(x, {
+						/* @__PURE__ */ (0, U.jsx)(x, {
 							value: "DELETE",
 							children: r("editor.httpConfigForm.methodDelete")
 						}),
-						/* @__PURE__ */ (0, W.jsx)(x, {
+						/* @__PURE__ */ (0, U.jsx)(x, {
 							value: "PATCH",
 							children: r("editor.httpConfigForm.methodPatch")
 						})
 					] })]
 				})] })
 			}),
-			/* @__PURE__ */ (0, W.jsxs)("div", {
+			/* @__PURE__ */ (0, U.jsxs)("div", {
 				className: "space-y-4",
-				children: [/* @__PURE__ */ (0, W.jsx)("h4", {
+				children: [/* @__PURE__ */ (0, U.jsx)("h4", {
 					className: "font-semibold text-sm",
 					children: r("editor.httpConfigForm.headers")
-				}), /* @__PURE__ */ (0, W.jsx)(o, {
+				}), /* @__PURE__ */ (0, U.jsx)(o, {
 					name: "headers",
 					mode: "array",
-					children: (e) => /* @__PURE__ */ (0, W.jsxs)("div", {
+					children: (e) => /* @__PURE__ */ (0, U.jsxs)("div", {
 						className: "space-y-2",
 						children: [e.state.value?.map((t, n) => {
 							let i = `headers[${n}]`;
-							return /* @__PURE__ */ (0, W.jsxs)("div", {
+							return /* @__PURE__ */ (0, U.jsxs)("div", {
 								className: "flex items-start gap-2",
 								children: [
-									/* @__PURE__ */ (0, W.jsx)(o, {
+									/* @__PURE__ */ (0, U.jsx)(o, {
 										name: `headers[${n}].key`,
-										children: (e) => /* @__PURE__ */ (0, W.jsx)(h, {
+										children: (e) => /* @__PURE__ */ (0, U.jsx)(h, {
 											placeholder: r("editor.httpConfigForm.headerName"),
 											value: e.state.value || "",
 											onChange: ({ target: t }) => e.handleChange(t.value)
 										})
 									}),
-									/* @__PURE__ */ (0, W.jsx)(o, {
+									/* @__PURE__ */ (0, U.jsx)(o, {
 										name: `headers[${n}].value`,
-										children: (e) => /* @__PURE__ */ (0, W.jsx)(h, {
+										children: (e) => /* @__PURE__ */ (0, U.jsx)(h, {
 											placeholder: r("editor.httpConfigForm.headerValue"),
 											value: e.state.value || "",
 											onChange: ({ target: t }) => e.handleChange(t.value)
 										})
 									}),
-									/* @__PURE__ */ (0, W.jsx)(m, {
+									/* @__PURE__ */ (0, U.jsx)(m, {
 										type: "button",
 										variant: "ghost",
 										size: "icon",
 										onClick: () => {
 											e.removeValue(n);
 										},
-										children: /* @__PURE__ */ (0, W.jsx)(z, { className: "h-4 w-4" })
+										children: /* @__PURE__ */ (0, U.jsx)(R, { className: "h-4 w-4" })
 									})
 								]
 							}, i);
-						}), /* @__PURE__ */ (0, W.jsxs)(m, {
+						}), /* @__PURE__ */ (0, U.jsxs)(m, {
 							type: "button",
 							variant: "outline",
 							size: "sm",
@@ -1617,64 +1835,64 @@ var Yt = ({ aiConfig: e, onGenerate: t }) => {
 									value: ""
 								});
 							},
-							children: [/* @__PURE__ */ (0, W.jsx)(R, { className: "mr-2 h-4 w-4" }), r("editor.httpConfigForm.addHeader")]
+							children: [/* @__PURE__ */ (0, U.jsx)(L, { className: "mr-2 h-4 w-4" }), r("editor.httpConfigForm.addHeader")]
 						})]
 					})
 				})]
 			}),
-			/* @__PURE__ */ (0, W.jsx)(s, {
+			/* @__PURE__ */ (0, U.jsx)(s, {
 				selector: (e) => ({
 					method: e.values.method,
 					sendAllFormValues: e.values.sendAllFormValues
 				}),
-				children: ({ method: e, sendAllFormValues: t }) => tn.includes(e || "") && /* @__PURE__ */ (0, W.jsxs)("div", {
+				children: ({ method: e, sendAllFormValues: t }) => Pn.includes(e || "") && /* @__PURE__ */ (0, U.jsxs)("div", {
 					className: "space-y-4",
-					children: [/* @__PURE__ */ (0, W.jsx)(o, {
+					children: [/* @__PURE__ */ (0, U.jsx)(o, {
 						name: "sendAllFormValues",
-						children: (e) => /* @__PURE__ */ (0, W.jsxs)("div", {
+						children: (e) => /* @__PURE__ */ (0, U.jsxs)("div", {
 							className: "flex items-center space-x-2",
-							children: [/* @__PURE__ */ (0, W.jsx)(S, {
+							children: [/* @__PURE__ */ (0, U.jsx)(S, {
 								id: e.name,
 								checked: e.state.value,
 								onCheckedChange: (t) => e.handleChange(t)
-							}), /* @__PURE__ */ (0, W.jsx)(u, {
+							}), /* @__PURE__ */ (0, U.jsx)(u, {
 								htmlFor: e.name,
 								children: r("editor.httpConfigForm.sendAllFormValues")
 							})]
 						})
-					}), /* @__PURE__ */ (0, W.jsx)(o, {
+					}), /* @__PURE__ */ (0, U.jsx)(o, {
 						name: "body",
-						children: (e) => /* @__PURE__ */ (0, W.jsxs)(T, { children: [
-							/* @__PURE__ */ (0, W.jsxs)("div", {
+						children: (e) => /* @__PURE__ */ (0, U.jsxs)(T, { children: [
+							/* @__PURE__ */ (0, U.jsxs)("div", {
 								className: "mb-2 flex items-center justify-between",
-								children: [/* @__PURE__ */ (0, W.jsx)(u, {
+								children: [/* @__PURE__ */ (0, U.jsx)(u, {
 									htmlFor: e.name,
 									children: r("editor.httpConfigForm.requestBody")
-								}), /* @__PURE__ */ (0, W.jsxs)(J, { children: [/* @__PURE__ */ (0, W.jsx)(Y, {
+								}), /* @__PURE__ */ (0, U.jsxs)(q, { children: [/* @__PURE__ */ (0, U.jsx)(J, {
 									asChild: !0,
-									children: /* @__PURE__ */ (0, W.jsxs)(m, {
+									children: /* @__PURE__ */ (0, U.jsxs)(m, {
 										type: "button",
 										variant: "ghost",
 										size: "sm",
 										disabled: t,
-										children: [/* @__PURE__ */ (0, W.jsx)(Ze, { className: "mr-2 h-4 w-4" }), r("editor.httpConfigForm.insertVariable")]
+										children: [/* @__PURE__ */ (0, U.jsx)(gt, { className: "mr-2 h-4 w-4" }), r("editor.httpConfigForm.insertVariable")]
 									})
-								}), /* @__PURE__ */ (0, W.jsx)(X, {
+								}), /* @__PURE__ */ (0, U.jsx)(Y, {
 									align: "end",
-									children: i.length === 0 ? /* @__PURE__ */ (0, W.jsx)(Z, {
+									children: i.length === 0 ? /* @__PURE__ */ (0, U.jsx)(X, {
 										disabled: !0,
 										children: r("editor.httpConfigForm.noFieldsAvailable")
-									}) : i.map((t) => /* @__PURE__ */ (0, W.jsx)(Z, {
+									}) : i.map((t) => /* @__PURE__ */ (0, U.jsx)(X, {
 										onClick: () => {
 											let n = `{{${t.nodeId}}}`, r = e.state.value || "";
 											e.handleChange(r + n), a().then();
 										},
-										children: /* @__PURE__ */ (0, W.jsxs)("div", {
+										children: /* @__PURE__ */ (0, U.jsxs)("div", {
 											className: "flex flex-col",
-											children: [/* @__PURE__ */ (0, W.jsx)("span", {
+											children: [/* @__PURE__ */ (0, U.jsx)("span", {
 												className: "font-medium",
 												children: t.label
-											}), /* @__PURE__ */ (0, W.jsx)("span", {
+											}), /* @__PURE__ */ (0, U.jsx)("span", {
 												className: "text-muted-foreground text-xs",
 												children: `{{${t.nodeId}}}`
 											})]
@@ -1682,7 +1900,7 @@ var Yt = ({ aiConfig: e, onGenerate: t }) => {
 									}, t.nodeId))
 								})] })]
 							}),
-							/* @__PURE__ */ (0, W.jsx)(D, {
+							/* @__PURE__ */ (0, U.jsx)(D, {
 								id: e.name,
 								name: e.name,
 								value: e.state.value,
@@ -1692,26 +1910,26 @@ var Yt = ({ aiConfig: e, onGenerate: t }) => {
 								rows: 4,
 								disabled: t
 							}),
-							/* @__PURE__ */ (0, W.jsx)(E, { children: r(t ? "editor.httpConfigForm.sendAllFormValuesDesc" : "editor.httpConfigForm.requestBodyDesc") })
+							/* @__PURE__ */ (0, U.jsx)(E, { children: r(t ? "editor.httpConfigForm.sendAllFormValuesDesc" : "editor.httpConfigForm.requestBodyDesc") })
 						] })
 					})]
 				})
 			}),
-			/* @__PURE__ */ (0, W.jsxs)("div", {
+			/* @__PURE__ */ (0, U.jsxs)("div", {
 				className: "space-y-4",
 				children: [
-					/* @__PURE__ */ (0, W.jsx)("h4", {
+					/* @__PURE__ */ (0, U.jsx)("h4", {
 						className: "font-semibold text-sm",
 						children: r("editor.httpConfigForm.responseConfiguration")
 					}),
-					/* @__PURE__ */ (0, W.jsx)(o, {
+					/* @__PURE__ */ (0, U.jsx)(o, {
 						name: "responsePath",
-						children: (e) => /* @__PURE__ */ (0, W.jsxs)(T, { children: [
-							/* @__PURE__ */ (0, W.jsx)(u, {
+						children: (e) => /* @__PURE__ */ (0, U.jsxs)(T, { children: [
+							/* @__PURE__ */ (0, U.jsx)(u, {
 								htmlFor: e.name,
 								children: r("editor.httpConfigForm.responsePath")
 							}),
-							/* @__PURE__ */ (0, W.jsx)(h, {
+							/* @__PURE__ */ (0, U.jsx)(h, {
 								id: e.name,
 								name: e.name,
 								value: e.state.value,
@@ -1719,24 +1937,24 @@ var Yt = ({ aiConfig: e, onGenerate: t }) => {
 								onChange: ({ target: t }) => e.handleChange(t.value),
 								placeholder: r("editor.httpConfigForm.responsePathPlaceholder")
 							}),
-							/* @__PURE__ */ (0, W.jsx)(E, { children: r("editor.httpConfigForm.responsePathDesc") })
+							/* @__PURE__ */ (0, U.jsx)(E, { children: r("editor.httpConfigForm.responsePathDesc") })
 						] })
 					}),
-					/* @__PURE__ */ (0, W.jsxs)("div", {
+					/* @__PURE__ */ (0, U.jsxs)("div", {
 						className: "space-y-4",
 						children: [
-							/* @__PURE__ */ (0, W.jsx)("h5", {
+							/* @__PURE__ */ (0, U.jsx)("h5", {
 								className: "font-medium text-sm",
 								children: r("editor.httpConfigForm.mapToOptions")
 							}),
-							/* @__PURE__ */ (0, W.jsx)(o, {
+							/* @__PURE__ */ (0, U.jsx)(o, {
 								name: "responseMapping.valueField",
-								children: (e) => /* @__PURE__ */ (0, W.jsxs)(T, { children: [
-									/* @__PURE__ */ (0, W.jsx)(u, {
+								children: (e) => /* @__PURE__ */ (0, U.jsxs)(T, { children: [
+									/* @__PURE__ */ (0, U.jsx)(u, {
 										htmlFor: e.name,
 										children: r("editor.httpConfigForm.valueField")
 									}),
-									/* @__PURE__ */ (0, W.jsx)(h, {
+									/* @__PURE__ */ (0, U.jsx)(h, {
 										id: e.name,
 										name: e.name,
 										value: e.state.value,
@@ -1744,17 +1962,17 @@ var Yt = ({ aiConfig: e, onGenerate: t }) => {
 										onChange: ({ target: t }) => e.handleChange(t.value),
 										placeholder: r("editor.httpConfigForm.valueFieldPlaceholder")
 									}),
-									/* @__PURE__ */ (0, W.jsx)(E, { children: r("editor.httpConfigForm.valueFieldDesc") })
+									/* @__PURE__ */ (0, U.jsx)(E, { children: r("editor.httpConfigForm.valueFieldDesc") })
 								] })
 							}),
-							/* @__PURE__ */ (0, W.jsx)(o, {
+							/* @__PURE__ */ (0, U.jsx)(o, {
 								name: "responseMapping.labelField",
-								children: (e) => /* @__PURE__ */ (0, W.jsxs)(T, { children: [
-									/* @__PURE__ */ (0, W.jsx)(u, {
+								children: (e) => /* @__PURE__ */ (0, U.jsxs)(T, { children: [
+									/* @__PURE__ */ (0, U.jsx)(u, {
 										htmlFor: e.name,
 										children: r("editor.httpConfigForm.labelField")
 									}),
-									/* @__PURE__ */ (0, W.jsx)(h, {
+									/* @__PURE__ */ (0, U.jsx)(h, {
 										id: e.name,
 										name: e.name,
 										value: e.state.value,
@@ -1762,19 +1980,19 @@ var Yt = ({ aiConfig: e, onGenerate: t }) => {
 										onChange: ({ target: t }) => e.handleChange(t.value),
 										placeholder: r("editor.httpConfigForm.labelFieldPlaceholder")
 									}),
-									/* @__PURE__ */ (0, W.jsx)(E, { children: r("editor.httpConfigForm.labelFieldDesc") })
+									/* @__PURE__ */ (0, U.jsx)(E, { children: r("editor.httpConfigForm.labelFieldDesc") })
 								] })
 							})
 						]
 					}),
-					/* @__PURE__ */ (0, W.jsx)(o, {
+					/* @__PURE__ */ (0, U.jsx)(o, {
 						name: "searchParam",
-						children: (e) => /* @__PURE__ */ (0, W.jsxs)(T, { children: [
-							/* @__PURE__ */ (0, W.jsx)(u, {
+						children: (e) => /* @__PURE__ */ (0, U.jsxs)(T, { children: [
+							/* @__PURE__ */ (0, U.jsx)(u, {
 								htmlFor: e.name,
 								children: r("editor.httpConfigForm.searchParameter")
 							}),
-							/* @__PURE__ */ (0, W.jsx)(h, {
+							/* @__PURE__ */ (0, U.jsx)(h, {
 								id: e.name,
 								name: e.name,
 								value: e.state.value,
@@ -1782,32 +2000,32 @@ var Yt = ({ aiConfig: e, onGenerate: t }) => {
 								onChange: ({ target: t }) => e.handleChange(t.value),
 								placeholder: r("editor.httpConfigForm.searchParameterPlaceholder")
 							}),
-							/* @__PURE__ */ (0, W.jsx)(E, { children: r("editor.httpConfigForm.searchParameterDesc") })
+							/* @__PURE__ */ (0, U.jsx)(E, { children: r("editor.httpConfigForm.searchParameterDesc") })
 						] })
 					})
 				]
 			}),
-			/* @__PURE__ */ (0, W.jsxs)("div", {
+			/* @__PURE__ */ (0, U.jsxs)("div", {
 				className: "space-y-4",
 				children: [
-					/* @__PURE__ */ (0, W.jsx)("h4", {
+					/* @__PURE__ */ (0, U.jsx)("h4", {
 						className: "font-semibold text-sm",
 						children: r("editor.httpConfigForm.behavior")
 					}),
-					/* @__PURE__ */ (0, W.jsx)(s, {
+					/* @__PURE__ */ (0, U.jsx)(s, {
 						selector: (e) => e.values.searchParam,
-						children: (e) => /* @__PURE__ */ (0, W.jsx)(o, {
+						children: (e) => /* @__PURE__ */ (0, U.jsx)(o, {
 							name: "fetchOnMount",
 							children: (t) => {
 								let n = !!e?.trim(), i = n ? t.state.value : !0;
-								return !n && t.state.value !== !0 && t.handleChange(!0), /* @__PURE__ */ (0, W.jsxs)("div", {
+								return !n && t.state.value !== !0 && t.handleChange(!0), /* @__PURE__ */ (0, U.jsxs)("div", {
 									className: "flex items-center space-x-2",
-									children: [/* @__PURE__ */ (0, W.jsx)(S, {
+									children: [/* @__PURE__ */ (0, U.jsx)(S, {
 										id: t.name,
 										checked: i,
 										disabled: !n,
 										onCheckedChange: (e) => t.handleChange(e)
-									}), /* @__PURE__ */ (0, W.jsx)(u, {
+									}), /* @__PURE__ */ (0, U.jsx)(u, {
 										htmlFor: t.name,
 										className: n ? "" : "text-muted-foreground",
 										children: r("editor.httpConfigForm.fetchOnMount")
@@ -1816,15 +2034,15 @@ var Yt = ({ aiConfig: e, onGenerate: t }) => {
 							}
 						})
 					}),
-					/* @__PURE__ */ (0, W.jsx)(o, {
+					/* @__PURE__ */ (0, U.jsx)(o, {
 						name: "showLoading",
-						children: (e) => /* @__PURE__ */ (0, W.jsxs)("div", {
+						children: (e) => /* @__PURE__ */ (0, U.jsxs)("div", {
 							className: "flex items-center space-x-2",
-							children: [/* @__PURE__ */ (0, W.jsx)(S, {
+							children: [/* @__PURE__ */ (0, U.jsx)(S, {
 								id: e.name,
 								checked: e.state.value,
 								onCheckedChange: (t) => e.handleChange(t)
-							}), /* @__PURE__ */ (0, W.jsx)(u, {
+							}), /* @__PURE__ */ (0, U.jsx)(u, {
 								htmlFor: e.name,
 								children: r("editor.httpConfigForm.showLoadingState")
 							})]
@@ -1834,12 +2052,12 @@ var Yt = ({ aiConfig: e, onGenerate: t }) => {
 			})
 		]
 	}) });
-}, rn = [
+}, In = [
 	"POST",
 	"PUT",
 	"PATCH"
-], an = ({ value: e, onChange: t }) => {
-	let [n, r] = F("en"), { selectedNode: i } = $(), a = G(), o = ut(i?.id), { handleSubmit: s, Field: c, Subscribe: d } = I({
+], Ln = ({ value: e, onChange: t }) => {
+	let [n, r] = F("en"), { selectedNode: i } = $(), a = W(), o = kt(i?.id), { handleSubmit: s, Field: c, Subscribe: d } = I({
 		defaultValues: {
 			body: e?.body || "",
 			errorMessage: e?.errorMessage || { en: "" },
@@ -1861,19 +2079,19 @@ var Yt = ({ aiConfig: e, onGenerate: t }) => {
 			t(e);
 		}
 	});
-	return /* @__PURE__ */ (0, W.jsx)("div", { children: /* @__PURE__ */ (0, W.jsxs)("div", {
+	return /* @__PURE__ */ (0, U.jsx)("div", { children: /* @__PURE__ */ (0, U.jsxs)("div", {
 		className: "grid gap-6",
 		children: [
-			/* @__PURE__ */ (0, W.jsx)(c, {
+			/* @__PURE__ */ (0, U.jsx)(c, {
 				name: "url",
-				children: (e) => /* @__PURE__ */ (0, W.jsxs)(T, { children: [
-					/* @__PURE__ */ (0, W.jsx)(u, {
+				children: (e) => /* @__PURE__ */ (0, U.jsxs)(T, { children: [
+					/* @__PURE__ */ (0, U.jsx)(u, {
 						htmlFor: e.name,
 						children: a("editor.submitConfigForm.apiUrl")
 					}),
-					/* @__PURE__ */ (0, W.jsxs)("div", {
+					/* @__PURE__ */ (0, U.jsxs)("div", {
 						className: "flex gap-2",
-						children: [/* @__PURE__ */ (0, W.jsx)(h, {
+						children: [/* @__PURE__ */ (0, U.jsx)(h, {
 							id: e.name,
 							name: e.name,
 							value: e.state.value,
@@ -1881,30 +2099,30 @@ var Yt = ({ aiConfig: e, onGenerate: t }) => {
 							onChange: ({ target: t }) => e.handleChange(t.value),
 							placeholder: a("editor.submitConfigForm.apiUrlPlaceholder"),
 							className: "flex-1"
-						}), /* @__PURE__ */ (0, W.jsxs)(J, { children: [/* @__PURE__ */ (0, W.jsx)(Y, {
+						}), /* @__PURE__ */ (0, U.jsxs)(q, { children: [/* @__PURE__ */ (0, U.jsx)(J, {
 							asChild: !0,
-							children: /* @__PURE__ */ (0, W.jsx)(m, {
+							children: /* @__PURE__ */ (0, U.jsx)(m, {
 								type: "button",
 								variant: "outline",
 								size: "icon",
-								children: /* @__PURE__ */ (0, W.jsx)(Ze, { className: "h-4 w-4" })
+								children: /* @__PURE__ */ (0, U.jsx)(gt, { className: "h-4 w-4" })
 							})
-						}), /* @__PURE__ */ (0, W.jsx)(X, {
+						}), /* @__PURE__ */ (0, U.jsx)(Y, {
 							align: "end",
-							children: o.length === 0 ? /* @__PURE__ */ (0, W.jsx)(Z, {
+							children: o.length === 0 ? /* @__PURE__ */ (0, U.jsx)(X, {
 								disabled: !0,
 								children: a("editor.submitConfigForm.noFieldsAvailable")
-							}) : o.map((t) => /* @__PURE__ */ (0, W.jsx)(Z, {
+							}) : o.map((t) => /* @__PURE__ */ (0, U.jsx)(X, {
 								onClick: () => {
 									let n = `{{${t.nodeId}}}`, r = e.state.value || "";
 									e.handleChange(r + n);
 								},
-								children: /* @__PURE__ */ (0, W.jsxs)("div", {
+								children: /* @__PURE__ */ (0, U.jsxs)("div", {
 									className: "flex flex-col",
-									children: [/* @__PURE__ */ (0, W.jsx)("span", {
+									children: [/* @__PURE__ */ (0, U.jsx)("span", {
 										className: "font-medium",
 										children: t.label
-									}), /* @__PURE__ */ (0, W.jsx)("span", {
+									}), /* @__PURE__ */ (0, U.jsx)("span", {
 										className: "text-muted-foreground text-xs",
 										children: `{{${t.nodeId}}}`
 									})]
@@ -1912,83 +2130,83 @@ var Yt = ({ aiConfig: e, onGenerate: t }) => {
 							}, t.nodeId))
 						})] })]
 					}),
-					/* @__PURE__ */ (0, W.jsx)(E, { children: a("editor.submitConfigForm.apiUrlDesc") })
+					/* @__PURE__ */ (0, U.jsx)(E, { children: a("editor.submitConfigForm.apiUrlDesc") })
 				] })
 			}),
-			/* @__PURE__ */ (0, W.jsx)(c, {
+			/* @__PURE__ */ (0, U.jsx)(c, {
 				name: "method",
-				children: (e) => /* @__PURE__ */ (0, W.jsxs)(T, { children: [/* @__PURE__ */ (0, W.jsx)(u, {
+				children: (e) => /* @__PURE__ */ (0, U.jsxs)(T, { children: [/* @__PURE__ */ (0, U.jsx)(u, {
 					htmlFor: e.name,
 					children: a("editor.submitConfigForm.httpMethod")
-				}), /* @__PURE__ */ (0, W.jsxs)(y, {
+				}), /* @__PURE__ */ (0, U.jsxs)(y, {
 					value: e.state.value,
 					onValueChange: (t) => e.handleChange(t),
-					children: [/* @__PURE__ */ (0, W.jsx)(_, {
+					children: [/* @__PURE__ */ (0, U.jsx)(_, {
 						id: e.name,
-						children: /* @__PURE__ */ (0, W.jsx)(l, { placeholder: a("editor.submitConfigForm.selectMethod") })
-					}), /* @__PURE__ */ (0, W.jsxs)(j, { children: [
-						/* @__PURE__ */ (0, W.jsx)(x, {
+						children: /* @__PURE__ */ (0, U.jsx)(l, { placeholder: a("editor.submitConfigForm.selectMethod") })
+					}), /* @__PURE__ */ (0, U.jsxs)(A, { children: [
+						/* @__PURE__ */ (0, U.jsx)(x, {
 							value: "POST",
 							children: a("editor.submitConfigForm.methodPost")
 						}),
-						/* @__PURE__ */ (0, W.jsx)(x, {
+						/* @__PURE__ */ (0, U.jsx)(x, {
 							value: "PUT",
 							children: a("editor.submitConfigForm.methodPut")
 						}),
-						/* @__PURE__ */ (0, W.jsx)(x, {
+						/* @__PURE__ */ (0, U.jsx)(x, {
 							value: "DELETE",
 							children: a("editor.submitConfigForm.methodDelete")
 						}),
-						/* @__PURE__ */ (0, W.jsx)(x, {
+						/* @__PURE__ */ (0, U.jsx)(x, {
 							value: "PATCH",
 							children: a("editor.submitConfigForm.methodPatch")
 						})
 					] })]
 				})] })
 			}),
-			/* @__PURE__ */ (0, W.jsxs)("div", {
+			/* @__PURE__ */ (0, U.jsxs)("div", {
 				className: "space-y-4",
-				children: [/* @__PURE__ */ (0, W.jsx)("h4", {
+				children: [/* @__PURE__ */ (0, U.jsx)("h4", {
 					className: "font-semibold text-sm",
 					children: a("editor.submitConfigForm.headers")
-				}), /* @__PURE__ */ (0, W.jsx)(c, {
+				}), /* @__PURE__ */ (0, U.jsx)(c, {
 					name: "headers",
 					mode: "array",
-					children: (e) => /* @__PURE__ */ (0, W.jsxs)("div", {
+					children: (e) => /* @__PURE__ */ (0, U.jsxs)("div", {
 						className: "space-y-2",
 						children: [e.state.value?.map((t, n) => {
 							let r = `headers[${n}]`;
-							return /* @__PURE__ */ (0, W.jsxs)("div", {
+							return /* @__PURE__ */ (0, U.jsxs)("div", {
 								className: "flex items-start gap-2",
 								children: [
-									/* @__PURE__ */ (0, W.jsx)(c, {
+									/* @__PURE__ */ (0, U.jsx)(c, {
 										name: `headers[${n}].key`,
-										children: (e) => /* @__PURE__ */ (0, W.jsx)(h, {
+										children: (e) => /* @__PURE__ */ (0, U.jsx)(h, {
 											placeholder: a("editor.submitConfigForm.headerName"),
 											value: e.state.value || "",
 											onChange: ({ target: t }) => e.handleChange(t.value)
 										})
 									}),
-									/* @__PURE__ */ (0, W.jsx)(c, {
+									/* @__PURE__ */ (0, U.jsx)(c, {
 										name: `headers[${n}].value`,
-										children: (e) => /* @__PURE__ */ (0, W.jsx)(h, {
+										children: (e) => /* @__PURE__ */ (0, U.jsx)(h, {
 											placeholder: a("editor.submitConfigForm.headerValue"),
 											value: e.state.value || "",
 											onChange: ({ target: t }) => e.handleChange(t.value)
 										})
 									}),
-									/* @__PURE__ */ (0, W.jsx)(m, {
+									/* @__PURE__ */ (0, U.jsx)(m, {
 										type: "button",
 										variant: "ghost",
 										size: "icon",
 										onClick: () => {
 											e.removeValue(n);
 										},
-										children: /* @__PURE__ */ (0, W.jsx)(z, { className: "h-4 w-4" })
+										children: /* @__PURE__ */ (0, U.jsx)(R, { className: "h-4 w-4" })
 									})
 								]
 							}, r);
-						}), /* @__PURE__ */ (0, W.jsxs)(m, {
+						}), /* @__PURE__ */ (0, U.jsxs)(m, {
 							type: "button",
 							variant: "outline",
 							size: "sm",
@@ -1998,64 +2216,64 @@ var Yt = ({ aiConfig: e, onGenerate: t }) => {
 									value: ""
 								});
 							},
-							children: [/* @__PURE__ */ (0, W.jsx)(R, { className: "mr-2 h-4 w-4" }), a("editor.submitConfigForm.addHeader")]
+							children: [/* @__PURE__ */ (0, U.jsx)(L, { className: "mr-2 h-4 w-4" }), a("editor.submitConfigForm.addHeader")]
 						})]
 					})
 				})]
 			}),
-			/* @__PURE__ */ (0, W.jsx)(d, {
+			/* @__PURE__ */ (0, U.jsx)(d, {
 				selector: (e) => ({
 					method: e.values.method,
 					sendAllFormValues: e.values.sendAllFormValues
 				}),
-				children: ({ method: e, sendAllFormValues: t }) => rn.includes(e || "") && /* @__PURE__ */ (0, W.jsxs)("div", {
+				children: ({ method: e, sendAllFormValues: t }) => In.includes(e || "") && /* @__PURE__ */ (0, U.jsxs)("div", {
 					className: "space-y-4",
-					children: [/* @__PURE__ */ (0, W.jsx)(c, {
+					children: [/* @__PURE__ */ (0, U.jsx)(c, {
 						name: "sendAllFormValues",
-						children: (e) => /* @__PURE__ */ (0, W.jsxs)("div", {
+						children: (e) => /* @__PURE__ */ (0, U.jsxs)("div", {
 							className: "flex items-center space-x-2",
-							children: [/* @__PURE__ */ (0, W.jsx)(S, {
+							children: [/* @__PURE__ */ (0, U.jsx)(S, {
 								id: e.name,
 								checked: e.state.value,
 								onCheckedChange: (t) => e.handleChange(t)
-							}), /* @__PURE__ */ (0, W.jsx)(u, {
+							}), /* @__PURE__ */ (0, U.jsx)(u, {
 								htmlFor: e.name,
 								children: a("editor.submitConfigForm.sendAllFormValues")
 							})]
 						})
-					}), /* @__PURE__ */ (0, W.jsx)(c, {
+					}), /* @__PURE__ */ (0, U.jsx)(c, {
 						name: "body",
-						children: (e) => /* @__PURE__ */ (0, W.jsxs)(T, { children: [
-							/* @__PURE__ */ (0, W.jsxs)("div", {
+						children: (e) => /* @__PURE__ */ (0, U.jsxs)(T, { children: [
+							/* @__PURE__ */ (0, U.jsxs)("div", {
 								className: "mb-2 flex items-center justify-between",
-								children: [/* @__PURE__ */ (0, W.jsx)(u, {
+								children: [/* @__PURE__ */ (0, U.jsx)(u, {
 									htmlFor: e.name,
 									children: a("editor.submitConfigForm.requestBody")
-								}), /* @__PURE__ */ (0, W.jsxs)(J, { children: [/* @__PURE__ */ (0, W.jsx)(Y, {
+								}), /* @__PURE__ */ (0, U.jsxs)(q, { children: [/* @__PURE__ */ (0, U.jsx)(J, {
 									asChild: !0,
-									children: /* @__PURE__ */ (0, W.jsxs)(m, {
+									children: /* @__PURE__ */ (0, U.jsxs)(m, {
 										type: "button",
 										variant: "ghost",
 										size: "sm",
 										disabled: t,
-										children: [/* @__PURE__ */ (0, W.jsx)(Ze, { className: "mr-2 h-4 w-4" }), a("editor.submitConfigForm.insertVariable")]
+										children: [/* @__PURE__ */ (0, U.jsx)(gt, { className: "mr-2 h-4 w-4" }), a("editor.submitConfigForm.insertVariable")]
 									})
-								}), /* @__PURE__ */ (0, W.jsx)(X, {
+								}), /* @__PURE__ */ (0, U.jsx)(Y, {
 									align: "end",
-									children: o.length === 0 ? /* @__PURE__ */ (0, W.jsx)(Z, {
+									children: o.length === 0 ? /* @__PURE__ */ (0, U.jsx)(X, {
 										disabled: !0,
 										children: a("editor.submitConfigForm.noFieldsAvailable")
-									}) : o.map((t) => /* @__PURE__ */ (0, W.jsx)(Z, {
+									}) : o.map((t) => /* @__PURE__ */ (0, U.jsx)(X, {
 										onClick: () => {
 											let n = `{{${t.nodeId}}}`, r = e.state.value || "";
 											e.handleChange(r + n), s().then();
 										},
-										children: /* @__PURE__ */ (0, W.jsxs)("div", {
+										children: /* @__PURE__ */ (0, U.jsxs)("div", {
 											className: "flex flex-col",
-											children: [/* @__PURE__ */ (0, W.jsx)("span", {
+											children: [/* @__PURE__ */ (0, U.jsx)("span", {
 												className: "font-medium",
 												children: t.label
-											}), /* @__PURE__ */ (0, W.jsx)("span", {
+											}), /* @__PURE__ */ (0, U.jsx)("span", {
 												className: "text-muted-foreground text-xs",
 												children: `{{${t.nodeId}}}`
 											})]
@@ -2063,7 +2281,7 @@ var Yt = ({ aiConfig: e, onGenerate: t }) => {
 									}, t.nodeId))
 								})] })]
 							}),
-							/* @__PURE__ */ (0, W.jsx)(D, {
+							/* @__PURE__ */ (0, U.jsx)(D, {
 								id: e.name,
 								name: e.name,
 								value: e.state.value,
@@ -2073,26 +2291,26 @@ var Yt = ({ aiConfig: e, onGenerate: t }) => {
 								rows: 4,
 								disabled: t
 							}),
-							/* @__PURE__ */ (0, W.jsx)(E, { children: a(t ? "editor.submitConfigForm.sendAllFormValuesDesc" : "editor.submitConfigForm.requestBodyDesc") })
+							/* @__PURE__ */ (0, U.jsx)(E, { children: a(t ? "editor.submitConfigForm.sendAllFormValuesDesc" : "editor.submitConfigForm.requestBodyDesc") })
 						] })
 					})]
 				})
 			}),
-			/* @__PURE__ */ (0, W.jsxs)("div", {
+			/* @__PURE__ */ (0, U.jsxs)("div", {
 				className: "space-y-4",
 				children: [
-					/* @__PURE__ */ (0, W.jsx)("h4", {
+					/* @__PURE__ */ (0, U.jsx)("h4", {
 						className: "font-semibold text-sm",
 						children: a("editor.submitConfigForm.postSubmission")
 					}),
-					/* @__PURE__ */ (0, W.jsx)(c, {
+					/* @__PURE__ */ (0, U.jsx)(c, {
 						name: "redirectUrl",
-						children: (e) => /* @__PURE__ */ (0, W.jsxs)(T, { children: [
-							/* @__PURE__ */ (0, W.jsx)(u, {
+						children: (e) => /* @__PURE__ */ (0, U.jsxs)(T, { children: [
+							/* @__PURE__ */ (0, U.jsx)(u, {
 								htmlFor: e.name,
 								children: a("editor.submitConfigForm.redirectUrl")
 							}),
-							/* @__PURE__ */ (0, W.jsx)(h, {
+							/* @__PURE__ */ (0, U.jsx)(h, {
 								id: e.name,
 								name: e.name,
 								value: e.state.value,
@@ -2100,21 +2318,21 @@ var Yt = ({ aiConfig: e, onGenerate: t }) => {
 								onChange: ({ target: t }) => e.handleChange(t.value),
 								placeholder: a("editor.submitConfigForm.redirectUrlPlaceholder")
 							}),
-							/* @__PURE__ */ (0, W.jsx)(E, { children: a("editor.submitConfigForm.redirectUrlDesc") })
+							/* @__PURE__ */ (0, U.jsx)(E, { children: a("editor.submitConfigForm.redirectUrlDesc") })
 						] })
 					}),
-					/* @__PURE__ */ (0, W.jsxs)("div", {
+					/* @__PURE__ */ (0, U.jsxs)("div", {
 						className: "flex items-center gap-2",
-						children: [/* @__PURE__ */ (0, W.jsx)(c, {
+						children: [/* @__PURE__ */ (0, U.jsx)(c, {
 							name: "successMessage",
-							children: (e) => /* @__PURE__ */ (0, W.jsxs)(T, {
+							children: (e) => /* @__PURE__ */ (0, U.jsxs)(T, {
 								className: "flex-1",
 								children: [
-									/* @__PURE__ */ (0, W.jsx)(u, {
+									/* @__PURE__ */ (0, U.jsx)(u, {
 										htmlFor: e.name,
 										children: a("editor.submitConfigForm.successMessage")
 									}),
-									/* @__PURE__ */ (0, W.jsx)(h, {
+									/* @__PURE__ */ (0, U.jsx)(h, {
 										id: e.name,
 										name: e.name,
 										value: e.state.value?.[n] || "",
@@ -2127,26 +2345,26 @@ var Yt = ({ aiConfig: e, onGenerate: t }) => {
 										},
 										placeholder: a("editor.submitConfigForm.successMessagePlaceholder")
 									}),
-									/* @__PURE__ */ (0, W.jsx)(E, { children: a("editor.submitConfigForm.successMessageDesc") })
+									/* @__PURE__ */ (0, U.jsx)(E, { children: a("editor.submitConfigForm.successMessageDesc") })
 								]
 							})
-						}), /* @__PURE__ */ (0, W.jsx)(Q, {
+						}), /* @__PURE__ */ (0, U.jsx)(Q, {
 							value: n,
 							onValueChange: r
 						})]
 					}),
-					/* @__PURE__ */ (0, W.jsxs)("div", {
+					/* @__PURE__ */ (0, U.jsxs)("div", {
 						className: "flex items-center gap-2",
-						children: [/* @__PURE__ */ (0, W.jsx)(c, {
+						children: [/* @__PURE__ */ (0, U.jsx)(c, {
 							name: "errorMessage",
-							children: (e) => /* @__PURE__ */ (0, W.jsxs)(T, {
+							children: (e) => /* @__PURE__ */ (0, U.jsxs)(T, {
 								className: "flex-1",
 								children: [
-									/* @__PURE__ */ (0, W.jsx)(u, {
+									/* @__PURE__ */ (0, U.jsx)(u, {
 										htmlFor: e.name,
 										children: a("editor.submitConfigForm.errorMessage")
 									}),
-									/* @__PURE__ */ (0, W.jsx)(h, {
+									/* @__PURE__ */ (0, U.jsx)(h, {
 										id: e.name,
 										name: e.name,
 										value: e.state.value?.[n] || "",
@@ -2159,30 +2377,30 @@ var Yt = ({ aiConfig: e, onGenerate: t }) => {
 										},
 										placeholder: a("editor.submitConfigForm.errorMessagePlaceholder")
 									}),
-									/* @__PURE__ */ (0, W.jsx)(E, { children: a("editor.submitConfigForm.errorMessageDesc") })
+									/* @__PURE__ */ (0, U.jsx)(E, { children: a("editor.submitConfigForm.errorMessageDesc") })
 								]
 							})
-						}), /* @__PURE__ */ (0, W.jsx)(Q, {
+						}), /* @__PURE__ */ (0, U.jsx)(Q, {
 							value: n,
 							onValueChange: r
 						})]
 					})
 				]
 			}),
-			/* @__PURE__ */ (0, W.jsxs)("div", {
+			/* @__PURE__ */ (0, U.jsxs)("div", {
 				className: "space-y-4",
-				children: [/* @__PURE__ */ (0, W.jsx)("h4", {
+				children: [/* @__PURE__ */ (0, U.jsx)("h4", {
 					className: "font-semibold text-sm",
 					children: a("editor.submitConfigForm.behavior")
-				}), /* @__PURE__ */ (0, W.jsx)(c, {
+				}), /* @__PURE__ */ (0, U.jsx)(c, {
 					name: "showLoading",
-					children: (e) => /* @__PURE__ */ (0, W.jsxs)("div", {
+					children: (e) => /* @__PURE__ */ (0, U.jsxs)("div", {
 						className: "flex items-center space-x-2",
-						children: [/* @__PURE__ */ (0, W.jsx)(S, {
+						children: [/* @__PURE__ */ (0, U.jsx)(S, {
 							id: e.name,
 							checked: e.state.value,
 							onCheckedChange: (t) => e.handleChange(t)
-						}), /* @__PURE__ */ (0, W.jsx)(u, {
+						}), /* @__PURE__ */ (0, U.jsx)(u, {
 							htmlFor: e.name,
 							children: a("editor.submitConfigForm.showLoadingState")
 						})]
@@ -2191,60 +2409,60 @@ var Yt = ({ aiConfig: e, onGenerate: t }) => {
 			})
 		]
 	}) });
-}, on = ({ options: e, id: t, value: n, onValueChange: r, placeholder: i = "Select...", searchPlaceholder: a = "Search or create...", createLabel: o = (e) => `Use: ${e}`, clearLabel: s = "Clear selection", emptyLabel: c = "No results found", className: l, allowClear: u = !0, allowCreate: p = !0 }) => {
+}, Rn = ({ options: e, id: t, value: n, onValueChange: r, placeholder: i = "Select...", searchPlaceholder: a = "Search or create...", createLabel: o = (e) => `Use: ${e}`, clearLabel: s = "Clear selection", emptyLabel: c = "No results found", className: l, allowClear: u = !0, allowCreate: p = !0 }) => {
 	let [h, g] = F(!1), [_, y] = F(""), x = (e) => e ?? "", S = (e) => e.trim().toLowerCase(), C = x(n), ee = n !== null && n !== "", te = ee ? e.find((e) => x(e.value) === C) : void 0, w = S(_), T = p && w !== "" && !e.some((e) => S(e.label) === w || S(e.value ?? "") === w), E = (e) => {
 		e === C ? u && r?.("") : r?.(e), g(!1), y("");
-	}, D = () => {
-		_.trim() && (r?.(_.trim()), g(!1), y(""));
-	}, O = () => {
-		r?.(""), g(!1), y("");
 	};
-	return /* @__PURE__ */ (0, W.jsxs)(ce, {
+	return /* @__PURE__ */ (0, U.jsxs)(le, {
 		open: h,
 		onOpenChange: g,
-		children: [/* @__PURE__ */ (0, W.jsx)(d, {
+		children: [/* @__PURE__ */ (0, U.jsx)(d, {
 			asChild: !0,
 			id: t,
-			children: /* @__PURE__ */ (0, W.jsxs)(m, {
+			children: /* @__PURE__ */ (0, U.jsxs)(m, {
 				type: "button",
 				variant: "outline",
 				role: "combobox",
 				"aria-expanded": h,
 				className: f("w-full justify-between font-normal", l),
-				children: [/* @__PURE__ */ (0, W.jsx)("span", {
+				children: [/* @__PURE__ */ (0, U.jsx)("span", {
 					className: "truncate",
 					children: ee && te ? te.label : i
-				}), /* @__PURE__ */ (0, W.jsx)(L, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })]
+				}), /* @__PURE__ */ (0, U.jsx)(He, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })]
 			})
-		}), /* @__PURE__ */ (0, W.jsx)(v, {
+		}), /* @__PURE__ */ (0, U.jsx)(v, {
 			className: "w-full p-0",
 			align: "start",
-			children: /* @__PURE__ */ (0, W.jsxs)(k, {
+			children: /* @__PURE__ */ (0, U.jsxs)(O, {
 				shouldFilter: !1,
-				children: [/* @__PURE__ */ (0, W.jsx)(b, {
+				children: [/* @__PURE__ */ (0, U.jsx)(b, {
 					placeholder: a,
 					value: _,
 					onValueChange: y
-				}), /* @__PURE__ */ (0, W.jsxs)(ae, { children: [
-					/* @__PURE__ */ (0, W.jsx)(A, { children: c }),
-					u && ee && /* @__PURE__ */ (0, W.jsx)(ne, { children: /* @__PURE__ */ (0, W.jsxs)(re, {
+				}), /* @__PURE__ */ (0, U.jsxs)(oe, { children: [
+					/* @__PURE__ */ (0, U.jsx)(k, { children: c }),
+					u && ee && /* @__PURE__ */ (0, U.jsx)(ne, { children: /* @__PURE__ */ (0, U.jsxs)(ie, {
 						value: "__clear__",
-						onSelect: O,
+						onSelect: () => {
+							r?.(""), g(!1), y("");
+						},
 						className: "mt-1 text-muted-foreground",
-						children: [/* @__PURE__ */ (0, W.jsx)(z, { className: "mr-2 h-4 w-4" }), s]
+						children: [/* @__PURE__ */ (0, U.jsx)(R, { className: "mr-2 h-4 w-4" }), s]
 					}) }),
-					/* @__PURE__ */ (0, W.jsxs)(ne, { children: [T && /* @__PURE__ */ (0, W.jsxs)(re, {
+					/* @__PURE__ */ (0, U.jsxs)(ne, { children: [T && /* @__PURE__ */ (0, U.jsxs)(ie, {
 						value: `__create__${_}`,
-						onSelect: D,
+						onSelect: () => {
+							_.trim() && (r?.(_.trim()), g(!1), y(""));
+						},
 						className: "text-primary",
-						children: [/* @__PURE__ */ (0, W.jsx)(R, { className: "mr-2 h-4 w-4" }), o(_)]
+						children: [/* @__PURE__ */ (0, U.jsx)(L, { className: "mr-2 h-4 w-4" }), o(_)]
 					}), e.filter((e) => {
 						let t = _.toLowerCase();
 						return e.label.toLowerCase().includes(t) || (e.value?.toLowerCase() ?? "").includes(t);
-					}).map((e, t) => /* @__PURE__ */ (0, W.jsxs)(re, {
+					}).map((e, t) => /* @__PURE__ */ (0, U.jsxs)(ie, {
 						value: e.label,
 						onSelect: () => E(e?.value || ""),
-						children: [/* @__PURE__ */ (0, W.jsx)(Fe, {
+						children: [/* @__PURE__ */ (0, U.jsx)(ze, {
 							"aria-hidden": "true",
 							className: f("mr-2 h-4 w-4", ee && x(e.value) === C ? "opacity-100" : "opacity-0")
 						}), e.label]
@@ -2253,7 +2471,7 @@ var Yt = ({ aiConfig: e, onGenerate: t }) => {
 			})
 		})]
 	});
-}, sn = Object.entries({
+}, zn = Object.entries({
 	alphanumeric: "^[a-zA-Z0-9]+$",
 	email: "^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$",
 	letters: "^[a-zA-Z]+$",
@@ -2262,40 +2480,40 @@ var Yt = ({ aiConfig: e, onGenerate: t }) => {
 }).map(([e, t]) => ({
 	label: e.charAt(0).toUpperCase() + e.slice(1).replace(/_/g, " "),
 	value: t
-})), cn = ({ id: e, value: t, onValueChange: n }) => /* @__PURE__ */ (0, W.jsx)(on, {
+})), Bn = ({ id: e, value: t, onValueChange: n }) => /* @__PURE__ */ (0, U.jsx)(Rn, {
 	id: e,
-	options: P(() => t && !sn.some((e) => e.value === t) ? [...sn, {
+	options: P(() => t && !zn.some((e) => e.value === t) ? [...zn, {
 		label: `Custom: ${t}`,
 		value: t
-	}] : sn, [t]),
+	}] : zn, [t]),
 	value: t,
 	onValueChange: n,
 	placeholder: "Select or create a pattern",
 	searchPlaceholder: "Search patterns...",
 	createLabel: (e) => `Use pattern: ${e}`
-}), ln = 400, un = .8, dn = (e) => new Promise((t, n) => {
+}), Vn = 400, Hn = .8, Un = (e) => new Promise((t, n) => {
 	let r = new FileReader();
 	r.onerror = () => n(/* @__PURE__ */ Error("read_failed")), r.onload = () => {
 		let e = new Image();
 		e.onload = () => t(e), e.onerror = () => n(/* @__PURE__ */ Error("decode_failed")), e.src = r.result;
 	}, r.readAsDataURL(e);
-}), fn = async (e) => {
+}), Wn = async (e) => {
 	if (!e.type.startsWith("image/")) throw Error("invalid_type");
 	if (e.size > 5242880) throw Error("too_large");
-	let t = await dn(e), n = Math.min(1, ln / Math.max(t.width, t.height)), r = document.createElement("canvas");
+	let t = await Un(e), n = Math.min(1, Vn / Math.max(t.width, t.height)), r = document.createElement("canvas");
 	r.width = Math.round(t.width * n), r.height = Math.round(t.height * n);
 	let i = r.getContext("2d");
 	if (!i) throw Error("canvas_unavailable");
-	return i.drawImage(t, 0, 0, r.width, r.height), r.toDataURL("image/jpeg", un);
-}, pn = 400, mn = (e) => {
+	return i.drawImage(t, 0, 0, r.width, r.height), r.toDataURL("image/jpeg", Hn);
+}, Gn = 400, Kn = (e) => {
 	if (!/^https?:\/\//i.test(e)) return !1;
 	try {
 		return !!new URL(e).hostname;
 	} catch {
 		return !1;
 	}
-}, hn = ({ value: e, onChange: t }) => {
-	let n = Me(null), r = Me(null), [i, a] = F(!1), [o, s] = F(e && /^https?:\/\//i.test(e) ? e : ""), c = G();
+}, qn = ({ value: e, onChange: t }) => {
+	let n = Me(null), r = Me(null), [i, a] = F(!1), [o, s] = F(e && /^https?:\/\//i.test(e) ? e : ""), c = W();
 	Ae(() => {
 		i || s(e && /^https?:\/\//i.test(e) ? e : "");
 	}, [i, e]), Ae(() => () => {
@@ -2304,7 +2522,7 @@ var Yt = ({ aiConfig: e, onGenerate: t }) => {
 	let l = async (e) => {
 		let r = e.target.files?.[0];
 		if (r) try {
-			t(await fn(r)), a(!1);
+			t(await Wn(r)), a(!1);
 		} catch (e) {
 			let t = e.message;
 			t === "too_large" ? V.error(c("editor.inputNodeForm.optionImageTooLarge")) : t === "invalid_type" ? V.error(c("editor.inputNodeForm.optionImageInvalid")) : V.error(c("editor.inputNodeForm.optionImageError"));
@@ -2314,64 +2532,64 @@ var Yt = ({ aiConfig: e, onGenerate: t }) => {
 	}, u = () => {
 		let e = o.trim();
 		e && (t(e), a(!1));
-	}, f = (n) => {
-		let i = n.target.value;
-		s(i), r.current && clearTimeout(r.current);
-		let a = i.trim();
-		!mn(a) || a === e || (r.current = setTimeout(() => {
-			t(a);
-		}, pn));
 	};
-	return /* @__PURE__ */ (0, W.jsxs)("div", {
+	return /* @__PURE__ */ (0, U.jsxs)("div", {
 		className: "relative",
 		children: [
-			/* @__PURE__ */ (0, W.jsx)("input", {
+			/* @__PURE__ */ (0, U.jsx)("input", {
 				ref: n,
 				type: "file",
 				accept: "image/*",
 				className: "hidden",
 				onChange: l
 			}),
-			/* @__PURE__ */ (0, W.jsxs)(ce, {
+			/* @__PURE__ */ (0, U.jsxs)(le, {
 				open: i,
 				onOpenChange: a,
-				children: [/* @__PURE__ */ (0, W.jsx)(d, {
+				children: [/* @__PURE__ */ (0, U.jsx)(d, {
 					asChild: !0,
-					children: e ? /* @__PURE__ */ (0, W.jsx)("button", {
+					children: e ? /* @__PURE__ */ (0, U.jsx)("button", {
 						type: "button",
 						className: "h-9 w-9 cursor-pointer overflow-hidden rounded-md border border-input",
 						"aria-label": c("editor.inputNodeForm.optionImageReplace"),
-						children: /* @__PURE__ */ (0, W.jsx)("img", {
+						children: /* @__PURE__ */ (0, U.jsx)("img", {
 							src: e,
 							alt: "",
 							className: "h-full w-full object-cover"
 						})
-					}) : /* @__PURE__ */ (0, W.jsx)(m, {
+					}) : /* @__PURE__ */ (0, U.jsx)(m, {
 						type: "button",
 						variant: "outline",
 						size: "icon",
 						"aria-label": c("editor.inputNodeForm.optionImageAdd"),
-						children: /* @__PURE__ */ (0, W.jsx)(Be, { className: "h-4 w-4" })
+						children: /* @__PURE__ */ (0, U.jsx)(Qe, { className: "h-4 w-4" })
 					})
-				}), /* @__PURE__ */ (0, W.jsxs)(v, {
+				}), /* @__PURE__ */ (0, U.jsxs)(v, {
 					align: "start",
 					className: "w-64 space-y-3 p-3",
 					children: [
-						/* @__PURE__ */ (0, W.jsxs)(m, {
+						/* @__PURE__ */ (0, U.jsxs)(m, {
 							type: "button",
 							variant: "outline",
 							size: "sm",
 							className: "w-full",
 							onClick: () => n.current?.click(),
-							children: [/* @__PURE__ */ (0, W.jsx)(Xe, { className: "mr-2 h-4 w-4" }), c("editor.inputNodeForm.optionImageUpload")]
+							children: [/* @__PURE__ */ (0, U.jsx)(ht, { className: "mr-2 h-4 w-4" }), c("editor.inputNodeForm.optionImageUpload")]
 						}),
-						/* @__PURE__ */ (0, W.jsx)(oe, {}),
-						/* @__PURE__ */ (0, W.jsxs)("div", {
+						/* @__PURE__ */ (0, U.jsx)(se, {}),
+						/* @__PURE__ */ (0, U.jsxs)("div", {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ (0, W.jsx)(Ve, { className: "h-4 w-4 shrink-0 text-muted-foreground" }), /* @__PURE__ */ (0, W.jsx)(h, {
+							children: [/* @__PURE__ */ (0, U.jsx)(et, { className: "h-4 w-4 shrink-0 text-muted-foreground" }), /* @__PURE__ */ (0, U.jsx)(h, {
 								placeholder: c("editor.inputNodeForm.optionImageUrlPlaceholder"),
 								value: o,
-								onChange: f,
+								onChange: (n) => {
+									let i = n.target.value;
+									s(i), r.current && clearTimeout(r.current);
+									let a = i.trim();
+									!Kn(a) || a === e || (r.current = setTimeout(() => {
+										t(a);
+									}, Gn));
+								},
 								onKeyDown: (e) => {
 									e.key === "Enter" && (e.preventDefault(), u());
 								},
@@ -2381,65 +2599,65 @@ var Yt = ({ aiConfig: e, onGenerate: t }) => {
 					]
 				})]
 			}),
-			e && /* @__PURE__ */ (0, W.jsx)("button", {
+			e && /* @__PURE__ */ (0, U.jsx)("button", {
 				type: "button",
 				onClick: (e) => {
 					e.stopPropagation(), t("");
 				},
 				className: "-top-1 -right-1 absolute flex h-4 w-4 cursor-pointer items-center justify-center rounded-full bg-destructive text-destructive-foreground",
 				"aria-label": c("editor.inputNodeForm.optionImageRemove"),
-				children: /* @__PURE__ */ (0, W.jsx)(z, { className: "h-3 w-3" })
+				children: /* @__PURE__ */ (0, U.jsx)(R, { className: "h-3 w-3" })
 			})
 		]
 	});
-}, gn = ({ value: e, onValueChange: t }) => {
-	let n = G(), r = je();
-	return /* @__PURE__ */ (0, W.jsxs)(M, { children: [/* @__PURE__ */ (0, W.jsx)(le, {
+}, Jn = ({ value: e, onValueChange: t }) => {
+	let n = W(), r = je();
+	return /* @__PURE__ */ (0, U.jsxs)(j, { children: [/* @__PURE__ */ (0, U.jsx)(ue, {
 		htmlFor: r,
 		children: n("editor.selectInputType.type")
-	}), /* @__PURE__ */ (0, W.jsxs)(y, {
+	}), /* @__PURE__ */ (0, U.jsxs)(y, {
 		value: e,
 		onValueChange: t,
-		children: [/* @__PURE__ */ (0, W.jsx)(_, {
+		children: [/* @__PURE__ */ (0, U.jsx)(_, {
 			id: r,
 			className: "w-full capitalize",
-			children: /* @__PURE__ */ (0, W.jsx)(l, { placeholder: "" })
-		}), /* @__PURE__ */ (0, W.jsx)(j, { children: /* @__PURE__ */ (0, W.jsx)(M, { children: Object.values(_t).map((e) => /* @__PURE__ */ (0, W.jsx)(x, {
+			children: /* @__PURE__ */ (0, U.jsx)(l, { placeholder: "" })
+		}), /* @__PURE__ */ (0, U.jsx)(A, { children: /* @__PURE__ */ (0, U.jsx)(j, { children: Object.values(G).map((e) => /* @__PURE__ */ (0, U.jsxs)(x, {
 			value: e,
 			className: "capitalize",
-			children: e
+			children: [/* @__PURE__ */ (0, U.jsx)(un(e), {}), e]
 		}, e)) }) })]
 	})] });
 };
 //#endregion
 //#region src/shared/components/ui/collapsible.tsx
-function _n({ ...e }) {
-	return /* @__PURE__ */ (0, W.jsx)(at.Root, {
+function Yn({ ...e }) {
+	return /* @__PURE__ */ (0, U.jsx)(wt.Root, {
 		"data-slot": "collapsible",
 		...e
 	});
 }
-function vn({ ...e }) {
-	return /* @__PURE__ */ (0, W.jsx)(at.CollapsibleTrigger, {
+function Xn({ ...e }) {
+	return /* @__PURE__ */ (0, U.jsx)(wt.CollapsibleTrigger, {
 		"data-slot": "collapsible-trigger",
 		...e
 	});
 }
-function yn({ ...e }) {
-	return /* @__PURE__ */ (0, W.jsx)(at.CollapsibleContent, {
+function Zn({ ...e }) {
+	return /* @__PURE__ */ (0, U.jsx)(wt.CollapsibleContent, {
 		"data-slot": "collapsible-content",
 		...e
 	});
 }
 //#endregion
 //#region src/editor/features/TreegeEditor/forms/InputNodeForm.tsx
-var bn = () => {
+var Qn = () => {
 	let [e, t] = F("en"), { selectedNode: n } = $(), { updateSelectedNodeData: r } = K(), i = [
 		"select",
 		"radio",
 		"autocomplete",
 		"checkbox"
-	].includes(n?.data?.type || ""), a = ut(n?.id), o = G(), s = n?.data?.type === "submit", { handleSubmit: c, Field: d } = I({
+	].includes(n?.data?.type || ""), a = kt(n?.id), o = W(), s = n?.data?.type === "submit", { handleSubmit: c, Field: d } = I({
 		defaultValues: {
 			defaultValue: n?.data?.defaultValue,
 			disablePast: n?.data?.disablePast,
@@ -2454,7 +2672,8 @@ var bn = () => {
 			placeholder: n?.data?.placeholder || { en: "" },
 			required: n?.data?.required,
 			submitConfig: n?.data?.submitConfig,
-			type: n?.data?.type || ""
+			type: n?.data?.type || "",
+			variant: n?.data?.variant || "default"
 		},
 		listeners: {
 			onChange: ({ formApi: e }) => {
@@ -2466,30 +2685,30 @@ var bn = () => {
 			r(e);
 		}
 	});
-	return /* @__PURE__ */ (0, W.jsx)("form", {
+	return /* @__PURE__ */ (0, U.jsx)("form", {
 		onSubmit: (e) => {
 			e.preventDefault(), e.stopPropagation();
 		},
-		children: /* @__PURE__ */ (0, W.jsxs)("div", {
+		children: /* @__PURE__ */ (0, U.jsxs)("div", {
 			className: "grid gap-6",
 			children: [
-				/* @__PURE__ */ (0, W.jsx)(d, {
+				/* @__PURE__ */ (0, U.jsx)(d, {
 					name: "type",
-					children: (e) => /* @__PURE__ */ (0, W.jsx)(T, { children: /* @__PURE__ */ (0, W.jsx)(gn, {
+					children: (e) => /* @__PURE__ */ (0, U.jsx)(T, { children: /* @__PURE__ */ (0, U.jsx)(Jn, {
 						value: e.state.value,
 						onValueChange: (t) => e.handleChange(t)
 					}) })
 				}),
-				/* @__PURE__ */ (0, W.jsxs)("div", {
+				/* @__PURE__ */ (0, U.jsxs)("div", {
 					className: "flex items-end gap-2",
-					children: [/* @__PURE__ */ (0, W.jsx)(d, {
+					children: [/* @__PURE__ */ (0, U.jsx)(d, {
 						name: "label",
-						children: (t) => /* @__PURE__ */ (0, W.jsxs)(T, {
+						children: (t) => /* @__PURE__ */ (0, U.jsxs)(T, {
 							className: "flex-1",
-							children: [/* @__PURE__ */ (0, W.jsx)(u, {
+							children: [/* @__PURE__ */ (0, U.jsx)(u, {
 								htmlFor: t.name,
 								children: o("editor.inputNodeForm.label")
-							}), /* @__PURE__ */ (0, W.jsx)(h, {
+							}), /* @__PURE__ */ (0, U.jsx)(h, {
 								autoFocus: !0,
 								id: t.name,
 								name: t.name,
@@ -2503,21 +2722,21 @@ var bn = () => {
 								}
 							})]
 						})
-					}), /* @__PURE__ */ (0, W.jsx)(Q, {
+					}), /* @__PURE__ */ (0, U.jsx)(Q, {
 						value: e,
 						onValueChange: t
 					})]
 				}),
-				!s && n?.data?.type !== "file" && /* @__PURE__ */ (0, W.jsxs)("div", {
+				!s && n?.data?.type !== "file" && /* @__PURE__ */ (0, U.jsxs)("div", {
 					className: "flex items-end gap-2",
-					children: [/* @__PURE__ */ (0, W.jsx)(d, {
+					children: [/* @__PURE__ */ (0, U.jsx)(d, {
 						name: "placeholder",
-						children: (t) => /* @__PURE__ */ (0, W.jsxs)(T, {
+						children: (t) => /* @__PURE__ */ (0, U.jsxs)(T, {
 							className: "flex-1",
-							children: [/* @__PURE__ */ (0, W.jsx)(u, {
+							children: [/* @__PURE__ */ (0, U.jsx)(u, {
 								htmlFor: t.name,
 								children: o("editor.inputNodeForm.placeholder")
-							}), /* @__PURE__ */ (0, W.jsx)(h, {
+							}), /* @__PURE__ */ (0, U.jsx)(h, {
 								id: t.name,
 								name: t.name,
 								value: t.state.value?.[e] || "",
@@ -2530,21 +2749,21 @@ var bn = () => {
 								}
 							})]
 						})
-					}), /* @__PURE__ */ (0, W.jsx)(Q, {
+					}), /* @__PURE__ */ (0, U.jsx)(Q, {
 						value: e,
 						onValueChange: t
 					})]
 				}),
-				!s && /* @__PURE__ */ (0, W.jsxs)("div", {
+				!s && /* @__PURE__ */ (0, U.jsxs)("div", {
 					className: "flex items-end gap-2",
-					children: [/* @__PURE__ */ (0, W.jsx)(d, {
+					children: [/* @__PURE__ */ (0, U.jsx)(d, {
 						name: "helperText",
-						children: (t) => /* @__PURE__ */ (0, W.jsxs)(T, {
+						children: (t) => /* @__PURE__ */ (0, U.jsxs)(T, {
 							className: "flex-1",
-							children: [/* @__PURE__ */ (0, W.jsx)(u, {
+							children: [/* @__PURE__ */ (0, U.jsx)(u, {
 								htmlFor: t.name,
 								children: o("editor.inputNodeForm.helperText")
-							}), /* @__PURE__ */ (0, W.jsx)(h, {
+							}), /* @__PURE__ */ (0, U.jsx)(h, {
 								id: t.name,
 								name: t.name,
 								value: t.state.value?.[e] || "",
@@ -2557,36 +2776,36 @@ var bn = () => {
 								}
 							})]
 						})
-					}), /* @__PURE__ */ (0, W.jsx)(Q, {
+					}), /* @__PURE__ */ (0, U.jsx)(Q, {
 						value: e,
 						onValueChange: t
 					})]
 				}),
-				n?.data?.type === "http" && /* @__PURE__ */ (0, W.jsxs)(_n, {
+				n?.data?.type === "http" && /* @__PURE__ */ (0, U.jsxs)(Yn, {
 					defaultOpen: !0,
 					className: "flex w-full max-w-[350px] flex-col gap-2",
-					children: [/* @__PURE__ */ (0, W.jsx)(vn, {
+					children: [/* @__PURE__ */ (0, U.jsx)(Xn, {
 						asChild: !0,
-						children: /* @__PURE__ */ (0, W.jsxs)("div", {
+						children: /* @__PURE__ */ (0, U.jsxs)("div", {
 							className: "flex items-center justify-between gap-4",
-							children: [/* @__PURE__ */ (0, W.jsx)("h4", {
+							children: [/* @__PURE__ */ (0, U.jsx)("h4", {
 								className: "font-semibold text-sm",
 								children: o("editor.inputNodeForm.httpConfiguration")
-							}), /* @__PURE__ */ (0, W.jsxs)(m, {
+							}), /* @__PURE__ */ (0, U.jsxs)(m, {
 								variant: "ghost",
 								size: "icon",
 								className: "size-8",
-								children: [/* @__PURE__ */ (0, W.jsx)(L, {}), /* @__PURE__ */ (0, W.jsx)("span", {
+								children: [/* @__PURE__ */ (0, U.jsx)(He, {}), /* @__PURE__ */ (0, U.jsx)("span", {
 									className: "sr-only",
 									children: o("common.toggle")
 								})]
 							})]
 						})
-					}), /* @__PURE__ */ (0, W.jsx)(yn, {
+					}), /* @__PURE__ */ (0, U.jsx)(Zn, {
 						className: "flex flex-col gap-4",
-						children: /* @__PURE__ */ (0, W.jsx)(d, {
+						children: /* @__PURE__ */ (0, U.jsx)(d, {
 							name: "httpConfig",
-							children: (e) => /* @__PURE__ */ (0, W.jsx)(nn, {
+							children: (e) => /* @__PURE__ */ (0, U.jsx)(Fn, {
 								value: e.state.value,
 								onChange: (t) => {
 									e.handleChange(t), c().then();
@@ -2595,30 +2814,30 @@ var bn = () => {
 						})
 					})]
 				}),
-				s && /* @__PURE__ */ (0, W.jsxs)(_n, {
+				s && /* @__PURE__ */ (0, U.jsxs)(Yn, {
 					className: "flex w-full max-w-[350px] flex-col gap-2",
-					children: [/* @__PURE__ */ (0, W.jsx)(vn, {
+					children: [/* @__PURE__ */ (0, U.jsx)(Xn, {
 						asChild: !0,
-						children: /* @__PURE__ */ (0, W.jsxs)("div", {
+						children: /* @__PURE__ */ (0, U.jsxs)("div", {
 							className: "flex items-center justify-between gap-4",
-							children: [/* @__PURE__ */ (0, W.jsx)("h4", {
+							children: [/* @__PURE__ */ (0, U.jsx)("h4", {
 								className: "font-semibold text-sm",
 								children: o("editor.inputNodeForm.submitConfiguration")
-							}), /* @__PURE__ */ (0, W.jsxs)(m, {
+							}), /* @__PURE__ */ (0, U.jsxs)(m, {
 								variant: "ghost",
 								size: "icon",
 								className: "size-8",
-								children: [/* @__PURE__ */ (0, W.jsx)(L, {}), /* @__PURE__ */ (0, W.jsx)("span", {
+								children: [/* @__PURE__ */ (0, U.jsx)(He, {}), /* @__PURE__ */ (0, U.jsx)("span", {
 									className: "sr-only",
 									children: o("common.toggle")
 								})]
 							})]
 						})
-					}), /* @__PURE__ */ (0, W.jsx)(yn, {
+					}), /* @__PURE__ */ (0, U.jsx)(Zn, {
 						className: "flex flex-col gap-4",
-						children: /* @__PURE__ */ (0, W.jsx)(d, {
+						children: /* @__PURE__ */ (0, U.jsx)(d, {
 							name: "submitConfig",
-							children: (e) => /* @__PURE__ */ (0, W.jsx)(an, {
+							children: (e) => /* @__PURE__ */ (0, U.jsx)(Ln, {
 								value: e.state.value,
 								onChange: (t) => {
 									e.handleChange(t), c().then();
@@ -2627,63 +2846,97 @@ var bn = () => {
 						})
 					})]
 				}),
-				n?.data?.type === "file" && /* @__PURE__ */ (0, W.jsx)(d, {
+				n?.data?.type === "file" && /* @__PURE__ */ (0, U.jsx)(d, {
 					name: "multiple",
-					children: (e) => /* @__PURE__ */ (0, W.jsxs)("div", {
+					children: (e) => /* @__PURE__ */ (0, U.jsxs)("div", {
 						className: "flex items-center space-x-2",
-						children: [/* @__PURE__ */ (0, W.jsx)(S, {
+						children: [/* @__PURE__ */ (0, U.jsx)(S, {
 							id: e.name,
 							checked: e.state.value,
 							onCheckedChange: (t) => e.handleChange(t)
-						}), /* @__PURE__ */ (0, W.jsx)(u, {
+						}), /* @__PURE__ */ (0, U.jsx)(u, {
 							htmlFor: e.name,
 							children: o("editor.inputNodeForm.multipleFiles")
 						})]
 					})
 				}),
-				i && /* @__PURE__ */ (0, W.jsxs)(_n, {
+				i && /* @__PURE__ */ (0, U.jsxs)(Yn, {
 					defaultOpen: !0,
 					className: "flex w-full max-w-[350px] flex-col gap-2",
-					children: [/* @__PURE__ */ (0, W.jsx)(vn, {
+					children: [/* @__PURE__ */ (0, U.jsx)(Xn, {
 						asChild: !0,
-						children: /* @__PURE__ */ (0, W.jsxs)("div", {
+						children: /* @__PURE__ */ (0, U.jsxs)("div", {
 							className: "flex items-center justify-between gap-4",
-							children: [/* @__PURE__ */ (0, W.jsx)("h4", {
+							children: [/* @__PURE__ */ (0, U.jsx)("h4", {
 								className: "font-semibold text-sm",
 								children: o("editor.inputNodeForm.options")
-							}), /* @__PURE__ */ (0, W.jsxs)(m, {
+							}), /* @__PURE__ */ (0, U.jsxs)(m, {
 								variant: "ghost",
 								size: "icon",
 								className: "size-8",
-								children: [/* @__PURE__ */ (0, W.jsx)(L, {}), /* @__PURE__ */ (0, W.jsx)("span", {
+								children: [/* @__PURE__ */ (0, U.jsx)(He, {}), /* @__PURE__ */ (0, U.jsx)("span", {
 									className: "sr-only",
 									children: o("common.toggle")
 								})]
 							})]
 						})
-					}), /* @__PURE__ */ (0, W.jsxs)(yn, {
+					}), /* @__PURE__ */ (0, U.jsxs)(Zn, {
 						className: "flex flex-col gap-4",
-						children: [/* @__PURE__ */ (0, W.jsx)(d, {
-							name: "options",
-							mode: "array",
-							children: (t) => /* @__PURE__ */ (0, W.jsxs)("div", {
-								className: "space-y-2",
-								children: [t.state.value?.map((r, i) => {
-									let a = `options[${i}]`;
-									return /* @__PURE__ */ (0, W.jsxs)("div", {
-										className: "flex items-start gap-2",
-										children: [
-											n?.data?.type === "radio" && /* @__PURE__ */ (0, W.jsx)(d, {
-												name: `options[${i}].image`,
-												children: (e) => /* @__PURE__ */ (0, W.jsx)(hn, {
-													value: e.state.value,
-													onChange: (t) => e.handleChange(t)
-												})
-											}),
-											/* @__PURE__ */ (0, W.jsx)(d, {
-												name: `options[${i}].label`,
-												children: (t) => /* @__PURE__ */ (0, W.jsx)(h, {
-													placeholder: o("editor.inputNodeForm.optionLabel"),
+						children: [
+							/* @__PURE__ */ (0, U.jsx)(d, {
+								name: "options",
+								mode: "array",
+								children: (t) => /* @__PURE__ */ (0, U.jsxs)("div", {
+									className: "space-y-2",
+									children: [t.state.value?.map((r, i) => {
+										let a = `options[${i}]`;
+										return /* @__PURE__ */ (0, U.jsxs)("div", {
+											className: "flex flex-col gap-2",
+											children: [/* @__PURE__ */ (0, U.jsxs)("div", {
+												className: "flex items-start gap-2",
+												children: [
+													n?.data?.type === "radio" && /* @__PURE__ */ (0, U.jsx)(d, {
+														name: `options[${i}].image`,
+														children: (e) => /* @__PURE__ */ (0, U.jsx)(qn, {
+															value: e.state.value,
+															onChange: (t) => e.handleChange(t)
+														})
+													}),
+													/* @__PURE__ */ (0, U.jsx)(d, {
+														name: `options[${i}].label`,
+														children: (t) => /* @__PURE__ */ (0, U.jsx)(h, {
+															placeholder: o("editor.inputNodeForm.optionLabel"),
+															value: t.state.value?.[e] || "",
+															onChange: ({ target: n }) => {
+																t.handleChange({
+																	...typeof t.state.value == "object" && t.state.value !== null ? t.state.value : {},
+																	[e]: n.value
+																});
+															}
+														})
+													}),
+													/* @__PURE__ */ (0, U.jsx)(d, {
+														name: `options[${i}].value`,
+														children: (e) => /* @__PURE__ */ (0, U.jsx)(h, {
+															placeholder: o("editor.inputNodeForm.optionValue"),
+															value: e.state.value || "",
+															onChange: ({ target: t }) => e.handleChange(t.value)
+														})
+													}),
+													/* @__PURE__ */ (0, U.jsx)(m, {
+														type: "button",
+														variant: "ghost",
+														size: "icon",
+														onClick: () => {
+															t.removeValue(i), c().then();
+														},
+														children: /* @__PURE__ */ (0, U.jsx)(R, { className: "h-4 w-4" })
+													})
+												]
+											}), (n?.data?.type === "radio" || n?.data?.type === "checkbox") && /* @__PURE__ */ (0, U.jsx)(d, {
+												name: `options[${i}].description`,
+												children: (t) => /* @__PURE__ */ (0, U.jsx)(h, {
+													placeholder: o("editor.inputNodeForm.optionDescription"),
 													value: t.state.value?.[e] || "",
 													onChange: ({ target: n }) => {
 														t.handleChange({
@@ -2692,126 +2945,131 @@ var bn = () => {
 														});
 													}
 												})
-											}),
-											/* @__PURE__ */ (0, W.jsx)(d, {
-												name: `options[${i}].value`,
-												children: (e) => /* @__PURE__ */ (0, W.jsx)(h, {
-													placeholder: o("editor.inputNodeForm.optionValue"),
-													value: e.state.value || "",
-													onChange: ({ target: t }) => e.handleChange(t.value)
-												})
-											}),
-											/* @__PURE__ */ (0, W.jsx)(m, {
-												type: "button",
-												variant: "ghost",
-												size: "icon",
-												onClick: () => {
-													t.removeValue(i), c().then();
-												},
-												children: /* @__PURE__ */ (0, W.jsx)(z, { className: "h-4 w-4" })
-											})
-										]
-									}, a);
-								}), /* @__PURE__ */ (0, W.jsx)(m, {
-									type: "button",
-									variant: "outline",
-									size: "sm",
-									onClick: () => {
-										t.pushValue({
-											label: { en: "" },
-											value: ""
-										}), c().then();
-									},
-									children: o("editor.inputNodeForm.addOption")
-								})]
-							})
-						}), n?.data?.type === "select" && /* @__PURE__ */ (0, W.jsx)(d, {
-							name: "multiple",
-							children: (e) => /* @__PURE__ */ (0, W.jsxs)("div", {
-								className: "flex items-center space-x-2",
-								children: [/* @__PURE__ */ (0, W.jsx)(S, {
-									id: e.name,
-									checked: e.state.value,
-									onCheckedChange: (t) => e.handleChange(t)
-								}), /* @__PURE__ */ (0, W.jsx)(u, {
+											})]
+										}, a);
+									}), /* @__PURE__ */ (0, U.jsx)(m, {
+										type: "button",
+										variant: "outline",
+										size: "sm",
+										onClick: () => {
+											t.pushValue({
+												label: { en: "" },
+												value: ""
+											}), c().then();
+										},
+										children: o("editor.inputNodeForm.addOption")
+									})]
+								})
+							}),
+							n?.data?.type === "select" && /* @__PURE__ */ (0, U.jsx)(d, {
+								name: "multiple",
+								children: (e) => /* @__PURE__ */ (0, U.jsxs)("div", {
+									className: "flex items-center space-x-2",
+									children: [/* @__PURE__ */ (0, U.jsx)(S, {
+										id: e.name,
+										checked: e.state.value,
+										onCheckedChange: (t) => e.handleChange(t)
+									}), /* @__PURE__ */ (0, U.jsx)(u, {
+										htmlFor: e.name,
+										children: o("editor.inputNodeForm.multipleSelection")
+									})]
+								})
+							}),
+							n?.data?.type === "radio" && /* @__PURE__ */ (0, U.jsx)(d, {
+								name: "variant",
+								children: (e) => /* @__PURE__ */ (0, U.jsxs)(T, { children: [/* @__PURE__ */ (0, U.jsx)(u, {
 									htmlFor: e.name,
-									children: o("editor.inputNodeForm.multipleSelection")
-								})]
+									children: o("editor.inputNodeForm.variant")
+								}), /* @__PURE__ */ (0, U.jsxs)(y, {
+									value: e.state.value || "default",
+									onValueChange: (t) => e.handleChange(t),
+									children: [/* @__PURE__ */ (0, U.jsx)(_, {
+										id: e.name,
+										className: "w-full",
+										children: /* @__PURE__ */ (0, U.jsx)(l, {})
+									}), /* @__PURE__ */ (0, U.jsxs)(A, { children: [/* @__PURE__ */ (0, U.jsx)(x, {
+										value: "default",
+										children: o("editor.inputNodeForm.variantDefault")
+									}), /* @__PURE__ */ (0, U.jsx)(x, {
+										value: "card",
+										children: o("editor.inputNodeForm.variantCard")
+									})] })]
+								})] })
 							})
-						})]
+						]
 					})]
 				}),
-				!s && /* @__PURE__ */ (0, W.jsxs)(_n, {
+				!s && /* @__PURE__ */ (0, U.jsxs)(Yn, {
 					className: "flex w-full max-w-[350px] flex-col gap-2",
-					children: [/* @__PURE__ */ (0, W.jsx)(vn, {
+					children: [/* @__PURE__ */ (0, U.jsx)(Xn, {
 						asChild: !0,
-						children: /* @__PURE__ */ (0, W.jsxs)("div", {
+						children: /* @__PURE__ */ (0, U.jsxs)("div", {
 							className: "flex items-center justify-between gap-4",
-							children: [/* @__PURE__ */ (0, W.jsx)("h4", {
+							children: [/* @__PURE__ */ (0, U.jsx)("h4", {
 								className: "font-semibold text-sm",
 								children: o("editor.inputNodeForm.validation")
-							}), /* @__PURE__ */ (0, W.jsxs)(m, {
+							}), /* @__PURE__ */ (0, U.jsxs)(m, {
 								variant: "ghost",
 								size: "icon",
 								className: "size-8",
-								children: [/* @__PURE__ */ (0, W.jsx)(L, {}), /* @__PURE__ */ (0, W.jsx)("span", {
+								children: [/* @__PURE__ */ (0, U.jsx)(He, {}), /* @__PURE__ */ (0, U.jsx)("span", {
 									className: "sr-only",
 									children: o("common.toggle")
 								})]
 							})]
 						})
-					}), /* @__PURE__ */ (0, W.jsxs)(yn, {
+					}), /* @__PURE__ */ (0, U.jsxs)(Zn, {
 						className: "flex flex-col gap-6",
 						children: [
-							/* @__PURE__ */ (0, W.jsx)(d, {
+							/* @__PURE__ */ (0, U.jsx)(d, {
 								name: "required",
-								children: (e) => /* @__PURE__ */ (0, W.jsx)(T, { children: /* @__PURE__ */ (0, W.jsxs)("div", {
+								children: (e) => /* @__PURE__ */ (0, U.jsx)(T, { children: /* @__PURE__ */ (0, U.jsxs)("div", {
 									className: "flex items-center space-x-2",
-									children: [/* @__PURE__ */ (0, W.jsx)(S, {
+									children: [/* @__PURE__ */ (0, U.jsx)(S, {
 										id: e.name,
 										checked: e.state.value,
 										onCheckedChange: (t) => e.handleChange(t)
-									}), /* @__PURE__ */ (0, W.jsx)(u, {
+									}), /* @__PURE__ */ (0, U.jsx)(u, {
 										htmlFor: e.name,
 										children: o("editor.inputNodeForm.required")
 									})]
 								}) })
 							}),
-							(n?.data?.type === "date" || n?.data?.type === "daterange") && /* @__PURE__ */ (0, W.jsx)(d, {
+							(n?.data?.type === "date" || n?.data?.type === "daterange") && /* @__PURE__ */ (0, U.jsx)(d, {
 								name: "disablePast",
-								children: (e) => /* @__PURE__ */ (0, W.jsx)(T, { children: /* @__PURE__ */ (0, W.jsxs)("div", {
+								children: (e) => /* @__PURE__ */ (0, U.jsx)(T, { children: /* @__PURE__ */ (0, U.jsxs)("div", {
 									className: "flex items-center space-x-2",
-									children: [/* @__PURE__ */ (0, W.jsx)(S, {
+									children: [/* @__PURE__ */ (0, U.jsx)(S, {
 										id: e.name,
 										checked: e.state.value,
 										onCheckedChange: (t) => e.handleChange(t)
-									}), /* @__PURE__ */ (0, W.jsx)(u, {
+									}), /* @__PURE__ */ (0, U.jsx)(u, {
 										htmlFor: e.name,
 										children: o("editor.inputNodeForm.disablePast")
 									})]
 								}) })
 							}),
-							/* @__PURE__ */ (0, W.jsx)(d, {
+							/* @__PURE__ */ (0, U.jsx)(d, {
 								name: "pattern",
-								children: (e) => /* @__PURE__ */ (0, W.jsxs)(T, { children: [/* @__PURE__ */ (0, W.jsx)(u, {
+								children: (e) => /* @__PURE__ */ (0, U.jsxs)(T, { children: [/* @__PURE__ */ (0, U.jsx)(u, {
 									htmlFor: e.name,
 									children: o("editor.inputNodeForm.pattern")
-								}), /* @__PURE__ */ (0, W.jsx)(cn, {
+								}), /* @__PURE__ */ (0, U.jsx)(Bn, {
 									id: e.name,
 									value: e.state.value,
 									onValueChange: e.handleChange
 								})] })
 							}),
-							/* @__PURE__ */ (0, W.jsxs)("div", {
+							/* @__PURE__ */ (0, U.jsxs)("div", {
 								className: "flex items-end gap-2",
-								children: [/* @__PURE__ */ (0, W.jsx)(d, {
+								children: [/* @__PURE__ */ (0, U.jsx)(d, {
 									name: "errorMessage",
-									children: (t) => /* @__PURE__ */ (0, W.jsxs)(T, {
+									children: (t) => /* @__PURE__ */ (0, U.jsxs)(T, {
 										className: "flex-1",
-										children: [/* @__PURE__ */ (0, W.jsx)(u, {
+										children: [/* @__PURE__ */ (0, U.jsx)(u, {
 											htmlFor: t.name,
 											children: o("editor.inputNodeForm.errorMessage")
-										}), /* @__PURE__ */ (0, W.jsx)(h, {
+										}), /* @__PURE__ */ (0, U.jsx)(h, {
 											id: t.name,
 											name: t.name,
 											value: t.state.value?.[e] || "",
@@ -2824,7 +3082,7 @@ var bn = () => {
 											}
 										})]
 									})
-								}), /* @__PURE__ */ (0, W.jsx)(Q, {
+								}), /* @__PURE__ */ (0, U.jsx)(Q, {
 									value: e,
 									onValueChange: t
 								})]
@@ -2832,80 +3090,80 @@ var bn = () => {
 						]
 					})]
 				}),
-				!s && /* @__PURE__ */ (0, W.jsxs)(_n, {
+				!s && /* @__PURE__ */ (0, U.jsxs)(Yn, {
 					className: "flex w-full max-w-[350px] flex-col gap-2",
-					children: [/* @__PURE__ */ (0, W.jsx)(vn, {
+					children: [/* @__PURE__ */ (0, U.jsx)(Xn, {
 						asChild: !0,
-						children: /* @__PURE__ */ (0, W.jsxs)("div", {
+						children: /* @__PURE__ */ (0, U.jsxs)("div", {
 							className: "flex items-center justify-between gap-4",
-							children: [/* @__PURE__ */ (0, W.jsx)("h4", {
+							children: [/* @__PURE__ */ (0, U.jsx)("h4", {
 								className: "font-semibold text-sm",
 								children: o("editor.inputNodeForm.advancedConfiguration")
-							}), /* @__PURE__ */ (0, W.jsxs)(m, {
+							}), /* @__PURE__ */ (0, U.jsxs)(m, {
 								variant: "ghost",
 								size: "icon",
 								className: "size-8",
-								children: [/* @__PURE__ */ (0, W.jsx)(L, {}), /* @__PURE__ */ (0, W.jsx)("span", {
+								children: [/* @__PURE__ */ (0, U.jsx)(He, {}), /* @__PURE__ */ (0, U.jsx)("span", {
 									className: "sr-only",
 									children: o("common.toggle")
 								})]
 							})]
 						})
-					}), /* @__PURE__ */ (0, W.jsxs)(yn, {
+					}), /* @__PURE__ */ (0, U.jsxs)(Zn, {
 						className: "flex flex-col gap-6",
-						children: [/* @__PURE__ */ (0, W.jsx)(d, {
+						children: [/* @__PURE__ */ (0, U.jsx)(d, {
 							name: "name",
-							children: (e) => /* @__PURE__ */ (0, W.jsxs)(T, { children: [
-								/* @__PURE__ */ (0, W.jsx)(u, {
+							children: (e) => /* @__PURE__ */ (0, U.jsxs)(T, { children: [
+								/* @__PURE__ */ (0, U.jsx)(u, {
 									htmlFor: e.name,
 									children: o("editor.inputNodeForm.name")
 								}),
-								/* @__PURE__ */ (0, W.jsx)(h, {
+								/* @__PURE__ */ (0, U.jsx)(h, {
 									id: e.name,
 									name: e.name,
 									value: e.state.value,
 									onBlur: e.handleBlur,
 									onChange: ({ target: t }) => e.handleChange(t.value)
 								}),
-								/* @__PURE__ */ (0, W.jsx)(E, { children: o("editor.inputNodeForm.nameDescription") })
+								/* @__PURE__ */ (0, U.jsx)(E, { children: o("editor.inputNodeForm.nameDescription") })
 							] })
-						}), /* @__PURE__ */ (0, W.jsx)(d, {
+						}), /* @__PURE__ */ (0, U.jsx)(d, {
 							name: "defaultValue",
-							children: (e) => /* @__PURE__ */ (0, W.jsxs)(W.Fragment, { children: [
-								/* @__PURE__ */ (0, W.jsxs)(T, { children: [/* @__PURE__ */ (0, W.jsx)(u, {
+							children: (e) => /* @__PURE__ */ (0, U.jsxs)(U.Fragment, { children: [
+								/* @__PURE__ */ (0, U.jsxs)(T, { children: [/* @__PURE__ */ (0, U.jsx)(u, {
 									htmlFor: e.name,
 									children: o("editor.inputNodeForm.defaultValueType")
-								}), /* @__PURE__ */ (0, W.jsxs)(y, {
+								}), /* @__PURE__ */ (0, U.jsxs)(y, {
 									value: e.state.value?.type || "none",
 									onValueChange: (t) => {
 										e.handleChange(t === "none" ? null : { type: t });
 									},
-									children: [/* @__PURE__ */ (0, W.jsx)(_, {
+									children: [/* @__PURE__ */ (0, U.jsx)(_, {
 										id: e.name,
-										children: /* @__PURE__ */ (0, W.jsx)(l, { placeholder: o("editor.inputNodeForm.selectType") })
-									}), /* @__PURE__ */ (0, W.jsxs)(j, { children: [
-										/* @__PURE__ */ (0, W.jsx)(x, {
+										children: /* @__PURE__ */ (0, U.jsx)(l, { placeholder: o("editor.inputNodeForm.selectType") })
+									}), /* @__PURE__ */ (0, U.jsxs)(A, { children: [
+										/* @__PURE__ */ (0, U.jsx)(x, {
 											value: "none",
 											children: o("editor.inputNodeForm.defaultValueTypeNone")
 										}),
-										/* @__PURE__ */ (0, W.jsx)(x, {
+										/* @__PURE__ */ (0, U.jsx)(x, {
 											value: "static",
 											children: o("editor.inputNodeForm.defaultValueTypeStatic")
 										}),
-										/* @__PURE__ */ (0, W.jsx)(x, {
+										/* @__PURE__ */ (0, U.jsx)(x, {
 											value: "reference",
 											children: o("editor.inputNodeForm.defaultValueTypeReference")
 										})
 									] })]
 								})] }),
-								e.state.value?.type === "static" && /* @__PURE__ */ (0, W.jsx)(d, {
+								e.state.value?.type === "static" && /* @__PURE__ */ (0, U.jsx)(d, {
 									name: "defaultValue.staticValue",
 									children: (e) => {
 										let t = n?.data?.type;
-										return (t === "select" || t === "checkbox") && n?.data?.multiple ? /* @__PURE__ */ (0, W.jsxs)(T, { children: [/* @__PURE__ */ (0, W.jsx)(u, {
+										return (t === "select" || t === "checkbox") && n?.data?.multiple ? /* @__PURE__ */ (0, U.jsxs)(T, { children: [/* @__PURE__ */ (0, U.jsx)(u, {
 											htmlFor: e.name,
 											children: o("editor.inputNodeForm.defaultValuesCommaSeparated")
-										}), /* @__PURE__ */ (0, W.jsx)(h, {
+										}), /* @__PURE__ */ (0, U.jsx)(h, {
 											id: e.name,
 											placeholder: o("editor.inputNodeForm.defaultValuesPlaceholder"),
 											value: Array.isArray(e.state.value) ? e.state.value.join(", ") : "",
@@ -2913,20 +3171,20 @@ var bn = () => {
 												let n = t.value.split(",").map((e) => e.trim()).filter(Boolean);
 												e.handleChange(n.length > 0 ? n : null);
 											}
-										})] }) : t === "checkbox" ? /* @__PURE__ */ (0, W.jsx)(T, { children: /* @__PURE__ */ (0, W.jsxs)("div", {
+										})] }) : t === "checkbox" ? /* @__PURE__ */ (0, U.jsx)(T, { children: /* @__PURE__ */ (0, U.jsxs)("div", {
 											className: "flex items-center space-x-2",
-											children: [/* @__PURE__ */ (0, W.jsx)(S, {
+											children: [/* @__PURE__ */ (0, U.jsx)(S, {
 												id: e.name,
 												checked: !!e.state.value,
 												onCheckedChange: (t) => e.handleChange(t)
-											}), /* @__PURE__ */ (0, W.jsx)(u, {
+											}), /* @__PURE__ */ (0, U.jsx)(u, {
 												htmlFor: e.name,
 												children: o("editor.inputNodeForm.defaultChecked")
 											})]
-										}) }) : /* @__PURE__ */ (0, W.jsxs)(T, { children: [/* @__PURE__ */ (0, W.jsx)(u, {
+										}) }) : /* @__PURE__ */ (0, U.jsxs)(T, { children: [/* @__PURE__ */ (0, U.jsx)(u, {
 											htmlFor: e.name,
 											children: o("editor.inputNodeForm.staticValue")
-										}), /* @__PURE__ */ (0, W.jsx)(h, {
+										}), /* @__PURE__ */ (0, U.jsx)(h, {
 											id: e.name,
 											placeholder: o("editor.inputNodeForm.staticValuePlaceholder"),
 											value: typeof e.state.value == "string" ? e.state.value : "",
@@ -2934,27 +3192,27 @@ var bn = () => {
 										})] });
 									}
 								}),
-								e.state.value?.type === "reference" && /* @__PURE__ */ (0, W.jsxs)(W.Fragment, { children: [
-									/* @__PURE__ */ (0, W.jsx)(d, {
+								e.state.value?.type === "reference" && /* @__PURE__ */ (0, U.jsxs)(U.Fragment, { children: [
+									/* @__PURE__ */ (0, U.jsx)(d, {
 										name: "defaultValue.referenceField",
-										children: (e) => /* @__PURE__ */ (0, W.jsxs)(T, { children: [
-											/* @__PURE__ */ (0, W.jsx)(u, {
+										children: (e) => /* @__PURE__ */ (0, U.jsxs)(T, { children: [
+											/* @__PURE__ */ (0, U.jsx)(u, {
 												htmlFor: e.name,
 												children: o("editor.inputNodeForm.referenceField")
 											}),
-											/* @__PURE__ */ (0, W.jsxs)(y, {
+											/* @__PURE__ */ (0, U.jsxs)(y, {
 												value: e.state.value || "",
 												onValueChange: (t) => {
 													e.handleChange(t);
 												},
-												children: [/* @__PURE__ */ (0, W.jsx)(_, {
+												children: [/* @__PURE__ */ (0, U.jsx)(_, {
 													id: e.name,
-													children: /* @__PURE__ */ (0, W.jsx)(l, { placeholder: o("editor.inputNodeForm.selectReferenceField") })
-												}), /* @__PURE__ */ (0, W.jsx)(j, { children: a.length === 0 ? /* @__PURE__ */ (0, W.jsx)(x, {
+													children: /* @__PURE__ */ (0, U.jsx)(l, { placeholder: o("editor.inputNodeForm.selectReferenceField") })
+												}), /* @__PURE__ */ (0, U.jsx)(A, { children: a.length === 0 ? /* @__PURE__ */ (0, U.jsx)(x, {
 													value: "none",
 													disabled: !0,
 													children: o("editor.inputNodeForm.noParentFieldsAvailable")
-												}) : a.map((e) => /* @__PURE__ */ (0, W.jsxs)(x, {
+												}) : a.map((e) => /* @__PURE__ */ (0, U.jsxs)(x, {
 													value: e.nodeId,
 													children: [
 														e.label,
@@ -2964,17 +3222,17 @@ var bn = () => {
 													]
 												}, e.nodeId)) })]
 											}),
-											a.length === 0 && /* @__PURE__ */ (0, W.jsx)(E, { children: o("editor.inputNodeForm.addInputFieldsBeforeReference") })
+											a.length === 0 && /* @__PURE__ */ (0, U.jsx)(E, { children: o("editor.inputNodeForm.addInputFieldsBeforeReference") })
 										] })
 									}),
-									/* @__PURE__ */ (0, W.jsx)(d, {
+									/* @__PURE__ */ (0, U.jsx)(d, {
 										name: "defaultValue.transformFunction",
-										children: (t) => /* @__PURE__ */ (0, W.jsxs)(T, { children: [
-											/* @__PURE__ */ (0, W.jsx)(u, {
+										children: (t) => /* @__PURE__ */ (0, U.jsxs)(T, { children: [
+											/* @__PURE__ */ (0, U.jsx)(u, {
 												htmlFor: t.name,
 												children: o("editor.inputNodeForm.transformType")
 											}),
-											/* @__PURE__ */ (0, W.jsxs)(y, {
+											/* @__PURE__ */ (0, U.jsxs)(y, {
 												value: t.state.value || "none",
 												onValueChange: (n) => {
 													let r = n === "none" ? null : n;
@@ -2986,80 +3244,80 @@ var bn = () => {
 														});
 													}
 												},
-												children: [/* @__PURE__ */ (0, W.jsx)(_, {
+												children: [/* @__PURE__ */ (0, U.jsx)(_, {
 													id: t.name,
-													children: /* @__PURE__ */ (0, W.jsx)(l, { placeholder: o("editor.inputNodeForm.selectTransformation") })
-												}), /* @__PURE__ */ (0, W.jsxs)(j, { children: [
-													/* @__PURE__ */ (0, W.jsx)(x, {
+													children: /* @__PURE__ */ (0, U.jsx)(l, { placeholder: o("editor.inputNodeForm.selectTransformation") })
+												}), /* @__PURE__ */ (0, U.jsxs)(A, { children: [
+													/* @__PURE__ */ (0, U.jsx)(x, {
 														value: "none",
 														children: o("editor.inputNodeForm.transformNone")
 													}),
-													/* @__PURE__ */ (0, W.jsx)(x, {
+													/* @__PURE__ */ (0, U.jsx)(x, {
 														value: "toString",
 														children: o("editor.inputNodeForm.transformString")
 													}),
-													/* @__PURE__ */ (0, W.jsx)(x, {
+													/* @__PURE__ */ (0, U.jsx)(x, {
 														value: "toNumber",
 														children: o("editor.inputNodeForm.transformNumber")
 													}),
-													/* @__PURE__ */ (0, W.jsx)(x, {
+													/* @__PURE__ */ (0, U.jsx)(x, {
 														value: "toBoolean",
 														children: o("editor.inputNodeForm.transformBoolean")
 													}),
-													/* @__PURE__ */ (0, W.jsx)(x, {
+													/* @__PURE__ */ (0, U.jsx)(x, {
 														value: "toArray",
 														children: o("editor.inputNodeForm.transformArray")
 													}),
-													/* @__PURE__ */ (0, W.jsx)(x, {
+													/* @__PURE__ */ (0, U.jsx)(x, {
 														value: "toObject",
 														children: o("editor.inputNodeForm.transformMapToObject")
 													})
 												] })]
 											}),
-											/* @__PURE__ */ (0, W.jsx)(E, { children: o("editor.inputNodeForm.transformDesc") })
+											/* @__PURE__ */ (0, U.jsx)(E, { children: o("editor.inputNodeForm.transformDesc") })
 										] })
 									}),
-									e.state.value?.transformFunction === "toObject" && /* @__PURE__ */ (0, W.jsx)(d, {
+									e.state.value?.transformFunction === "toObject" && /* @__PURE__ */ (0, U.jsx)(d, {
 										name: "defaultValue.objectMapping",
 										mode: "array",
-										children: (e) => /* @__PURE__ */ (0, W.jsxs)(T, { children: [
-											/* @__PURE__ */ (0, W.jsx)(u, { children: o("editor.inputNodeForm.objectMapping") }),
-											/* @__PURE__ */ (0, W.jsxs)("div", {
+										children: (e) => /* @__PURE__ */ (0, U.jsxs)(T, { children: [
+											/* @__PURE__ */ (0, U.jsx)(u, { children: o("editor.inputNodeForm.objectMapping") }),
+											/* @__PURE__ */ (0, U.jsxs)("div", {
 												className: "space-y-2",
-												children: [e.state.value?.map((t, n) => /* @__PURE__ */ (0, W.jsxs)("div", {
+												children: [e.state.value?.map((t, n) => /* @__PURE__ */ (0, U.jsxs)("div", {
 													className: "flex items-center gap-2",
 													children: [
-														/* @__PURE__ */ (0, W.jsx)(d, {
+														/* @__PURE__ */ (0, U.jsx)(d, {
 															name: `defaultValue.objectMapping[${n}].sourceKey`,
-															children: (e) => /* @__PURE__ */ (0, W.jsx)(h, {
+															children: (e) => /* @__PURE__ */ (0, U.jsx)(h, {
 																placeholder: o("editor.inputNodeForm.sourceKey"),
 																value: e.state.value || "",
 																onChange: ({ target: t }) => e.handleChange(t.value)
 															})
 														}),
-														/* @__PURE__ */ (0, W.jsx)("span", {
+														/* @__PURE__ */ (0, U.jsx)("span", {
 															className: "text-muted-foreground",
 															children: "→"
 														}),
-														/* @__PURE__ */ (0, W.jsx)(d, {
+														/* @__PURE__ */ (0, U.jsx)(d, {
 															name: `defaultValue.objectMapping[${n}].targetKey`,
-															children: (e) => /* @__PURE__ */ (0, W.jsx)(h, {
+															children: (e) => /* @__PURE__ */ (0, U.jsx)(h, {
 																placeholder: o("editor.inputNodeForm.targetKey"),
 																value: e.state.value || "",
 																onChange: ({ target: t }) => e.handleChange(t.value)
 															})
 														}),
-														/* @__PURE__ */ (0, W.jsx)(m, {
+														/* @__PURE__ */ (0, U.jsx)(m, {
 															type: "button",
 															variant: "ghost",
 															size: "icon",
 															onClick: () => {
 																e.removeValue(n), c().then();
 															},
-															children: /* @__PURE__ */ (0, W.jsx)(z, { className: "h-4 w-4" })
+															children: /* @__PURE__ */ (0, U.jsx)(R, { className: "h-4 w-4" })
 														})
 													]
-												}, `mapping-${n}`)), /* @__PURE__ */ (0, W.jsxs)(m, {
+												}, `mapping-${n}`)), /* @__PURE__ */ (0, U.jsxs)(m, {
 													type: "button",
 													variant: "outline",
 													size: "sm",
@@ -3070,10 +3328,10 @@ var bn = () => {
 															targetKey: ""
 														}), c().then();
 													},
-													children: [/* @__PURE__ */ (0, W.jsx)(R, { className: "mr-2 h-4 w-4" }), o("editor.inputNodeForm.addMapping")]
+													children: [/* @__PURE__ */ (0, U.jsx)(L, { className: "mr-2 h-4 w-4" }), o("editor.inputNodeForm.addMapping")]
 												})]
 											}),
-											/* @__PURE__ */ (0, W.jsx)(E, { children: o("editor.inputNodeForm.objectMappingDesc") })
+											/* @__PURE__ */ (0, U.jsx)(E, { children: o("editor.inputNodeForm.objectMappingDesc") })
 										] })
 									})
 								] })
@@ -3084,7 +3342,7 @@ var bn = () => {
 			]
 		})
 	});
-}, xn = () => {
+}, $n = () => {
 	let [e, t] = F("en"), { selectedNode: n } = $(), { updateSelectedNodeData: r } = K(), { Field: i } = I({
 		defaultValues: {
 			label: n?.data?.label || { en: "" },
@@ -3100,22 +3358,22 @@ var bn = () => {
 			r(e);
 		}
 	});
-	return /* @__PURE__ */ (0, W.jsx)("form", {
+	return /* @__PURE__ */ (0, U.jsx)("form", {
 		onSubmit: (e) => {
 			e.preventDefault(), e.stopPropagation();
 		},
-		children: /* @__PURE__ */ (0, W.jsxs)("div", {
+		children: /* @__PURE__ */ (0, U.jsxs)("div", {
 			className: "grid gap-6",
-			children: [/* @__PURE__ */ (0, W.jsxs)("div", {
+			children: [/* @__PURE__ */ (0, U.jsxs)("div", {
 				className: "flex items-end gap-2",
-				children: [/* @__PURE__ */ (0, W.jsx)(i, {
+				children: [/* @__PURE__ */ (0, U.jsx)(i, {
 					name: "label",
-					children: (t) => /* @__PURE__ */ (0, W.jsxs)(T, {
+					children: (t) => /* @__PURE__ */ (0, U.jsxs)(T, {
 						className: "flex-1",
-						children: [/* @__PURE__ */ (0, W.jsx)(u, {
+						children: [/* @__PURE__ */ (0, U.jsx)(u, {
 							htmlFor: t.name,
 							children: "Label"
-						}), /* @__PURE__ */ (0, W.jsx)(h, {
+						}), /* @__PURE__ */ (0, U.jsx)(h, {
 							id: t.name,
 							name: t.name,
 							value: t.state.value?.[e] || "",
@@ -3128,35 +3386,35 @@ var bn = () => {
 							}
 						})]
 					})
-				}), /* @__PURE__ */ (0, W.jsx)(Q, {
+				}), /* @__PURE__ */ (0, U.jsx)(Q, {
 					value: e,
 					onValueChange: t
 				})]
-			}), /* @__PURE__ */ (0, W.jsx)(i, {
+			}), /* @__PURE__ */ (0, U.jsx)(i, {
 				name: "type",
-				children: (e) => /* @__PURE__ */ (0, W.jsxs)(M, { children: [/* @__PURE__ */ (0, W.jsx)(le, {
+				children: (e) => /* @__PURE__ */ (0, U.jsxs)(j, { children: [/* @__PURE__ */ (0, U.jsx)(ue, {
 					htmlFor: e.name,
 					children: "Type"
-				}), /* @__PURE__ */ (0, W.jsxs)(y, {
+				}), /* @__PURE__ */ (0, U.jsxs)(y, {
 					value: e.state.value,
 					onValueChange: (t) => e.handleChange(t),
-					children: [/* @__PURE__ */ (0, W.jsx)(_, {
+					children: [/* @__PURE__ */ (0, U.jsx)(_, {
 						id: e.name,
 						className: "w-full",
-						children: /* @__PURE__ */ (0, W.jsx)(l, { placeholder: "" })
-					}), /* @__PURE__ */ (0, W.jsx)(j, { children: /* @__PURE__ */ (0, W.jsxs)(M, { children: [/* @__PURE__ */ (0, W.jsx)(x, {
-						value: At.title,
+						children: /* @__PURE__ */ (0, U.jsx)(l, { placeholder: "" })
+					}), /* @__PURE__ */ (0, U.jsx)(A, { children: /* @__PURE__ */ (0, U.jsxs)(j, { children: [/* @__PURE__ */ (0, U.jsx)(x, {
+						value: Z.title,
 						children: "Title"
-					}), /* @__PURE__ */ (0, W.jsx)(x, {
-						value: At.divider,
+					}), /* @__PURE__ */ (0, U.jsx)(x, {
+						value: Z.divider,
 						children: "Divider"
 					})] }) })]
 				})] })
 			})]
 		})
 	});
-}, Sn = () => {
-	let [e, t] = F(""), [n, r] = F(!1), { selectedNode: i, groupNodes: o } = $(), { setNodes: s } = Ee(), c = i?.parentId || "none", f = a(i), p = G(), g = je(), b = je();
+}, er = () => {
+	let [e, t] = F(""), [n, r] = F(!1), { selectedNode: i, groupNodes: o } = $(), { setNodes: s } = M(), c = i?.parentId || "none", f = a(i), p = W(), g = je(), b = je();
 	if (f) return null;
 	let S = (e) => {
 		i && s((t) => e === "none" ? t.map((e) => {
@@ -3183,7 +3441,7 @@ var bn = () => {
 			V.error("This group already exists", { description: "Use the selector to add the node to an existing group." });
 			return;
 		}
-		let n = q();
+		let n = rn();
 		s((t) => [{
 			data: { label: { en: e.trim() } },
 			id: n,
@@ -3206,61 +3464,61 @@ var bn = () => {
 			}
 		} : e)]), t(""), r(!1), V.success("Group created", { description: `The group "${e.trim()}" has been created successfully.` });
 	};
-	return /* @__PURE__ */ (0, W.jsxs)("div", {
+	return /* @__PURE__ */ (0, U.jsxs)("div", {
 		className: "space-y-2",
-		children: [/* @__PURE__ */ (0, W.jsx)(u, {
+		children: [/* @__PURE__ */ (0, U.jsx)(u, {
 			htmlFor: g,
 			children: p("editor.selectNodeGroup.group")
-		}), /* @__PURE__ */ (0, W.jsxs)("div", {
+		}), /* @__PURE__ */ (0, U.jsxs)("div", {
 			className: "flex gap-2",
-			children: [/* @__PURE__ */ (0, W.jsxs)(y, {
+			children: [/* @__PURE__ */ (0, U.jsxs)(y, {
 				value: c,
 				onValueChange: S,
-				children: [/* @__PURE__ */ (0, W.jsx)(_, {
+				children: [/* @__PURE__ */ (0, U.jsx)(_, {
 					id: g,
 					className: "flex-1",
-					children: /* @__PURE__ */ (0, W.jsx)(l, { placeholder: p("editor.selectNodeGroup.noGroup") })
-				}), /* @__PURE__ */ (0, W.jsx)(j, { children: /* @__PURE__ */ (0, W.jsxs)(M, { children: [/* @__PURE__ */ (0, W.jsx)(x, {
+					children: /* @__PURE__ */ (0, U.jsx)(l, { placeholder: p("editor.selectNodeGroup.noGroup") })
+				}), /* @__PURE__ */ (0, U.jsx)(A, { children: /* @__PURE__ */ (0, U.jsxs)(j, { children: [/* @__PURE__ */ (0, U.jsx)(x, {
 					value: "none",
 					children: p("editor.selectNodeGroup.noGroup")
-				}), o.map((e) => /* @__PURE__ */ (0, W.jsx)(x, {
+				}), o.map((e) => /* @__PURE__ */ (0, U.jsx)(x, {
 					value: e.id,
 					children: e.data.label?.en ? String(e.data.label?.en) : e.id
 				}, e.id))] }) })]
-			}), /* @__PURE__ */ (0, W.jsxs)(ce, {
+			}), /* @__PURE__ */ (0, U.jsxs)(le, {
 				open: n,
 				onOpenChange: r,
-				children: [/* @__PURE__ */ (0, W.jsx)(d, {
+				children: [/* @__PURE__ */ (0, U.jsx)(d, {
 					asChild: !0,
-					children: /* @__PURE__ */ (0, W.jsx)(m, {
+					children: /* @__PURE__ */ (0, U.jsx)(m, {
 						variant: "outline",
 						size: "icon",
 						title: "Create a new group",
-						children: /* @__PURE__ */ (0, W.jsx)(Ke, { className: "h-4 w-4" })
+						children: /* @__PURE__ */ (0, U.jsx)(st, { className: "h-4 w-4" })
 					})
-				}), /* @__PURE__ */ (0, W.jsx)(v, {
+				}), /* @__PURE__ */ (0, U.jsx)(v, {
 					className: "w-80",
 					align: "end",
 					disablePortal: !0,
-					children: /* @__PURE__ */ (0, W.jsxs)("div", {
+					children: /* @__PURE__ */ (0, U.jsxs)("div", {
 						className: "space-y-4",
 						children: [
-							/* @__PURE__ */ (0, W.jsxs)("div", {
+							/* @__PURE__ */ (0, U.jsxs)("div", {
 								className: "space-y-2",
-								children: [/* @__PURE__ */ (0, W.jsx)("h4", {
+								children: [/* @__PURE__ */ (0, U.jsx)("h4", {
 									className: "font-medium leading-none",
 									children: p("editor.selectNodeGroup.newGroup")
-								}), /* @__PURE__ */ (0, W.jsx)("p", {
+								}), /* @__PURE__ */ (0, U.jsx)("p", {
 									className: "text-muted-foreground text-sm",
 									children: p("editor.selectNodeGroup.newGroupDescription")
 								})]
 							}),
-							/* @__PURE__ */ (0, W.jsxs)("div", {
+							/* @__PURE__ */ (0, U.jsxs)("div", {
 								className: "space-y-2",
-								children: [/* @__PURE__ */ (0, W.jsx)(u, {
+								children: [/* @__PURE__ */ (0, U.jsx)(u, {
 									htmlFor: b,
 									children: p("editor.selectNodeGroup.groupName")
-								}), /* @__PURE__ */ (0, W.jsx)(h, {
+								}), /* @__PURE__ */ (0, U.jsx)(h, {
 									autoFocus: !0,
 									id: b,
 									value: e,
@@ -3271,14 +3529,14 @@ var bn = () => {
 									}
 								})]
 							}),
-							/* @__PURE__ */ (0, W.jsxs)("div", {
+							/* @__PURE__ */ (0, U.jsxs)("div", {
 								className: "flex justify-end gap-2",
-								children: [/* @__PURE__ */ (0, W.jsx)(m, {
+								children: [/* @__PURE__ */ (0, U.jsx)(m, {
 									variant: "outline",
 									size: "sm",
 									onClick: () => r(!1),
 									children: "Cancel"
-								}), /* @__PURE__ */ (0, W.jsx)(m, {
+								}), /* @__PURE__ */ (0, U.jsx)(m, {
 									size: "sm",
 									onClick: C,
 									disabled: !e.trim(),
@@ -3291,157 +3549,83 @@ var bn = () => {
 			})]
 		})]
 	});
-}, Cn = () => {
-	let { selectedNode: e } = $(), { updateSelectedNodeType: t } = K(), n = e?.type || "", r = a(e), i = G(), o = je();
-	return /* @__PURE__ */ (0, W.jsxs)(M, { children: [/* @__PURE__ */ (0, W.jsx)(le, {
+}, tr = () => {
+	let { selectedNode: e } = $(), { updateSelectedNodeType: t } = K(), n = e?.type || "", r = a(e), i = W(), o = je();
+	return /* @__PURE__ */ (0, U.jsxs)(j, { children: [/* @__PURE__ */ (0, U.jsx)(ue, {
 		htmlFor: o,
 		children: i("editor.selectNodeType.nodeType")
-	}), /* @__PURE__ */ (0, W.jsxs)(y, {
+	}), /* @__PURE__ */ (0, U.jsxs)(y, {
 		value: n,
 		onValueChange: (e) => t(e),
 		disabled: r,
-		children: [/* @__PURE__ */ (0, W.jsx)(_, {
+		children: [/* @__PURE__ */ (0, U.jsx)(_, {
 			className: "w-full",
 			id: o,
-			children: /* @__PURE__ */ (0, W.jsx)(l, { placeholder: i("editor.selectNodeType.nodeType") })
-		}), /* @__PURE__ */ (0, W.jsx)(j, { children: /* @__PURE__ */ (0, W.jsx)(M, { children: Object.keys(zt).filter((e) => r ? e === "group" : e !== "group").map((e) => /* @__PURE__ */ (0, W.jsx)(x, {
+			children: /* @__PURE__ */ (0, U.jsx)(l, { placeholder: i("editor.selectNodeType.nodeType") })
+		}), /* @__PURE__ */ (0, U.jsx)(A, { children: /* @__PURE__ */ (0, U.jsx)(j, { children: Object.keys(vn).filter((e) => r ? e === "group" : e !== "group").map((e) => /* @__PURE__ */ (0, U.jsx)(x, {
 			value: e,
 			children: i(`editor.selectNodeType.options.${e}`)
 		}, e)) }) })]
 	})] });
 };
 //#endregion
-//#region src/shared/components/ui/alert-dialog.tsx
-function wn({ ...e }) {
-	return /* @__PURE__ */ (0, W.jsx)(U.Root, {
-		"data-slot": "alert-dialog",
-		...e
-	});
-}
-function Tn({ ...e }) {
-	return /* @__PURE__ */ (0, W.jsx)(U.Trigger, {
-		"data-slot": "alert-dialog-trigger",
-		...e
-	});
-}
-function En({ ...e }) {
-	return /* @__PURE__ */ (0, W.jsx)(U.Portal, {
-		"data-slot": "alert-dialog-portal",
-		...e
-	});
-}
-function Dn({ className: e, ...t }) {
-	return /* @__PURE__ */ (0, W.jsx)(U.Overlay, {
-		"data-slot": "alert-dialog-overlay",
-		className: f("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", e),
-		...t
-	});
-}
-function On({ className: e, ...t }) {
-	return /* @__PURE__ */ (0, W.jsxs)(En, { children: [/* @__PURE__ */ (0, W.jsx)(Dn, {}), /* @__PURE__ */ (0, W.jsx)(U.Content, {
-		"data-slot": "alert-dialog-content",
-		className: f("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", e),
-		...t
-	})] });
-}
-function kn({ className: e, ...t }) {
-	return /* @__PURE__ */ (0, W.jsx)("div", {
-		"data-slot": "alert-dialog-header",
-		className: f("flex flex-col gap-2 text-center sm:text-left", e),
-		...t
-	});
-}
-function An({ className: e, ...t }) {
-	return /* @__PURE__ */ (0, W.jsx)("div", {
-		"data-slot": "alert-dialog-footer",
-		className: f("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", e),
-		...t
-	});
-}
-function jn({ className: e, ...t }) {
-	return /* @__PURE__ */ (0, W.jsx)(U.Title, {
-		"data-slot": "alert-dialog-title",
-		className: f("font-semibold text-lg", e),
-		...t
-	});
-}
-function Mn({ className: e, ...t }) {
-	return /* @__PURE__ */ (0, W.jsx)(U.Description, {
-		"data-slot": "alert-dialog-description",
-		className: f("text-muted-foreground text-sm", e),
-		...t
-	});
-}
-function Nn({ className: e, ...t }) {
-	return /* @__PURE__ */ (0, W.jsx)(U.Action, {
-		className: f(g(), e),
-		...t
-	});
-}
-function Pn({ className: e, ...t }) {
-	return /* @__PURE__ */ (0, W.jsx)(U.Cancel, {
-		className: f(g({ variant: "outline" }), e),
-		...t
-	});
-}
-//#endregion
 //#region src/shared/components/ui/sheet.tsx
-function Fn({ ...e }) {
-	return /* @__PURE__ */ (0, W.jsx)(H.Root, {
+function nr({ ...e }) {
+	return /* @__PURE__ */ (0, U.jsx)(H.Root, {
 		"data-slot": "sheet",
 		...e
 	});
 }
-function In({ ...e }) {
-	return /* @__PURE__ */ (0, W.jsx)(H.Portal, {
+function rr({ ...e }) {
+	return /* @__PURE__ */ (0, U.jsx)(H.Portal, {
 		"data-slot": "sheet-portal",
 		...e
 	});
 }
-function Ln({ className: e, ...t }) {
-	return /* @__PURE__ */ (0, W.jsx)(H.Overlay, {
+function ir({ className: e, ...t }) {
+	return /* @__PURE__ */ (0, U.jsx)(H.Overlay, {
 		"data-slot": "sheet-overlay",
 		className: f("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", e),
 		...t
 	});
 }
-function Rn({ className: e, children: t, side: n = "right", ...r }) {
-	return /* @__PURE__ */ (0, W.jsxs)(In, { children: [/* @__PURE__ */ (0, W.jsx)(Ln, {}), /* @__PURE__ */ (0, W.jsxs)(H.Content, {
+function ar({ className: e, children: t, side: n = "right", ...r }) {
+	return /* @__PURE__ */ (0, U.jsxs)(rr, { children: [/* @__PURE__ */ (0, U.jsx)(ir, {}), /* @__PURE__ */ (0, U.jsxs)(H.Content, {
 		"data-slot": "sheet-content",
 		className: f("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", n === "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", n === "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", n === "top" && "data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b", n === "bottom" && "data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t", e),
 		...r,
-		children: [t, /* @__PURE__ */ (0, W.jsxs)(H.Close, {
+		children: [t, /* @__PURE__ */ (0, U.jsxs)(H.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__ */ (0, W.jsx)(et, { className: "size-4" }), /* @__PURE__ */ (0, W.jsx)("span", {
+			children: [/* @__PURE__ */ (0, U.jsx)(yt, { className: "size-4" }), /* @__PURE__ */ (0, U.jsx)("span", {
 				className: "sr-only",
 				children: "Close"
 			})]
 		})]
 	})] });
 }
-function zn({ className: e, ...t }) {
-	return /* @__PURE__ */ (0, W.jsx)("div", {
+function or({ className: e, ...t }) {
+	return /* @__PURE__ */ (0, U.jsx)("div", {
 		"data-slot": "sheet-header",
 		className: f("flex flex-col gap-1.5 p-4", e),
 		...t
 	});
 }
-function Bn({ className: e, ...t }) {
-	return /* @__PURE__ */ (0, W.jsx)("div", {
+function sr({ className: e, ...t }) {
+	return /* @__PURE__ */ (0, U.jsx)("div", {
 		"data-slot": "sheet-footer",
 		className: f("mt-auto flex flex-col gap-2 p-4", e),
 		...t
 	});
 }
-function Vn({ className: e, ...t }) {
-	return /* @__PURE__ */ (0, W.jsx)(H.Title, {
+function cr({ className: e, ...t }) {
+	return /* @__PURE__ */ (0, U.jsx)(H.Title, {
 		"data-slot": "sheet-title",
 		className: f("font-semibold text-foreground", e),
 		...t
 	});
 }
-function Hn({ className: e, ...t }) {
-	return /* @__PURE__ */ (0, W.jsx)(H.Description, {
+function lr({ className: e, ...t }) {
+	return /* @__PURE__ */ (0, U.jsx)(H.Description, {
 		"data-slot": "sheet-description",
 		className: f("text-muted-foreground text-sm", e),
 		...t
@@ -3449,51 +3633,51 @@ function Hn({ className: e, ...t }) {
 }
 //#endregion
 //#region src/editor/features/TreegeEditor/sheets/NodeActionsSheet.tsx
-var Un = () => {
-	let { selectedNode: e } = $(), { clearSelection: r, deleteSelectedNode: i } = K(), { isNodeSheetOpen: o, setIsNodeSheetOpen: s } = pt(), l = G(), u = l(e?.data?.label), d = () => {
+var ur = () => {
+	let { selectedNode: e } = $(), { clearSelection: r, deleteSelectedNode: i } = K(), { isNodeSheetOpen: o, setIsNodeSheetOpen: s } = Mt(), l = W(), u = l(e?.data?.label), d = () => {
 		s(!1), r();
 	};
-	return /* @__PURE__ */ (0, W.jsx)(Fn, {
+	return /* @__PURE__ */ (0, U.jsx)(nr, {
 		open: o && !!e,
 		onOpenChange: (e) => {
 			e || d();
 		},
-		children: /* @__PURE__ */ (0, W.jsxs)(Rn, {
+		children: /* @__PURE__ */ (0, U.jsxs)(ar, {
 			className: "flex flex-col gap-0",
 			children: [
-				/* @__PURE__ */ (0, W.jsxs)(zn, { children: [/* @__PURE__ */ (0, W.jsxs)(Vn, { children: [
+				/* @__PURE__ */ (0, U.jsxs)(or, { children: [/* @__PURE__ */ (0, U.jsxs)(cr, { children: [
 					l("editor.nodeActionsSheet.editNode"),
 					" ",
-					/* @__PURE__ */ (0, W.jsx)("span", {
+					/* @__PURE__ */ (0, U.jsx)("span", {
 						className: "font-light text-muted-foreground text-xs",
 						children: e?.id
 					})
-				] }), /* @__PURE__ */ (0, W.jsx)(Hn, { children: u || "\xA0" })] }),
-				/* @__PURE__ */ (0, W.jsx)(mt, {
+				] }), /* @__PURE__ */ (0, U.jsx)(lr, { children: u || "\xA0" })] }),
+				/* @__PURE__ */ (0, U.jsx)(Nt, {
 					className: "flex min-h-0 flex-1 flex-col px-4",
-					children: /* @__PURE__ */ (0, W.jsxs)("div", {
+					children: /* @__PURE__ */ (0, U.jsxs)("div", {
 						className: "space-y-6 py-4",
 						children: [
-							/* @__PURE__ */ (0, W.jsx)(Cn, {}),
-							/* @__PURE__ */ (0, W.jsx)(Sn, {}),
-							/* @__PURE__ */ (0, W.jsx)(oe, {}),
-							c(e) && /* @__PURE__ */ (0, W.jsx)(bn, {}),
-							n(e) && /* @__PURE__ */ (0, W.jsx)(xn, {}),
-							t(e) && /* @__PURE__ */ (0, W.jsx)($t, {}),
-							a(e) && /* @__PURE__ */ (0, W.jsx)(en, {})
+							/* @__PURE__ */ (0, U.jsx)(tr, {}),
+							/* @__PURE__ */ (0, U.jsx)(er, {}),
+							/* @__PURE__ */ (0, U.jsx)(se, {}),
+							c(e) && /* @__PURE__ */ (0, U.jsx)(Qn, {}),
+							n(e) && /* @__PURE__ */ (0, U.jsx)($n, {}),
+							t(e) && /* @__PURE__ */ (0, U.jsx)(Mn, {}),
+							a(e) && /* @__PURE__ */ (0, U.jsx)(Nn, {})
 						]
 					})
 				}),
-				/* @__PURE__ */ (0, W.jsx)(Bn, {
+				/* @__PURE__ */ (0, U.jsx)(sr, {
 					className: "flex items-end border-t",
-					children: /* @__PURE__ */ (0, W.jsxs)(wn, { children: [/* @__PURE__ */ (0, W.jsx)(Tn, {
+					children: /* @__PURE__ */ (0, U.jsxs)(Rt, { children: [/* @__PURE__ */ (0, U.jsx)(zt, {
 						asChild: !0,
-						children: /* @__PURE__ */ (0, W.jsx)(m, {
+						children: /* @__PURE__ */ (0, U.jsx)(m, {
 							variant: "ghost",
 							size: "icon",
-							children: /* @__PURE__ */ (0, W.jsx)(Ye, {})
+							children: /* @__PURE__ */ (0, U.jsx)(mt, {})
 						})
-					}), /* @__PURE__ */ (0, W.jsxs)(On, { children: [/* @__PURE__ */ (0, W.jsxs)(kn, { children: [/* @__PURE__ */ (0, W.jsx)(jn, { children: l("editor.nodeActionsSheet.deleteNode") }), /* @__PURE__ */ (0, W.jsx)(Mn, { children: l("editor.nodeActionsSheet.deleteNodeConfirm") })] }), /* @__PURE__ */ (0, W.jsxs)(An, { children: [/* @__PURE__ */ (0, W.jsx)(Pn, { children: l("common.cancel") }), /* @__PURE__ */ (0, W.jsx)(Nn, {
+					}), /* @__PURE__ */ (0, U.jsxs)(Ht, { children: [/* @__PURE__ */ (0, U.jsxs)(Ut, { children: [/* @__PURE__ */ (0, U.jsx)(Gt, { children: l("editor.nodeActionsSheet.deleteNode") }), /* @__PURE__ */ (0, U.jsx)(Kt, { children: l("editor.nodeActionsSheet.deleteNodeConfirm") })] }), /* @__PURE__ */ (0, U.jsxs)(Wt, { children: [/* @__PURE__ */ (0, U.jsx)(Jt, { children: l("common.cancel") }), /* @__PURE__ */ (0, U.jsx)(qt, {
 						onClick: () => {
 							i(), d();
 						},
@@ -3503,9 +3687,9 @@ var Un = () => {
 			]
 		})
 	});
-}, Wn = ({ ...e }) => {
-	let { theme: t = "system" } = ot();
-	return /* @__PURE__ */ (0, W.jsx)(it, {
+}, dr = ({ ...e }) => {
+	let { theme: t = "system" } = Tt();
+	return /* @__PURE__ */ (0, U.jsx)(Ct, {
 		theme: t,
 		className: "toaster group",
 		style: {
@@ -3515,14 +3699,14 @@ var Un = () => {
 		},
 		...e
 	});
-}, Gn = ({ flow: e, onExportJson: t, onSave: n, theme: r, className: i }) => {
-	let { onConnect: a, onConnectEnd: o, onEdgesDelete: s, isValidConnection: c } = Et();
-	return /* @__PURE__ */ (0, W.jsxs)(be, {
+}, fr = ({ flow: e, onExportJson: t, onSave: n, theme: r, className: i }) => {
+	let { onConnect: a, onConnectEnd: o, onEdgesDelete: s, isValidConnection: c } = on();
+	return /* @__PURE__ */ (0, U.jsxs)(xe, {
 		fitView: !0,
 		colorMode: r,
 		selectNodesOnDrag: !1,
-		nodeTypes: zt,
-		edgeTypes: gt,
+		nodeTypes: vn,
+		edgeTypes: Ft,
 		defaultEdges: e?.edges || [],
 		defaultNodes: e?.nodes || [],
 		onConnect: a,
@@ -3531,31 +3715,31 @@ var Un = () => {
 		isValidConnection: c,
 		className: f(i, "treege"),
 		children: [
-			/* @__PURE__ */ (0, W.jsx)(ue, {
+			/* @__PURE__ */ (0, U.jsx)(de, {
 				gap: 10,
-				variant: de.Dots
+				variant: fe.Dots
 			}),
-			/* @__PURE__ */ (0, W.jsx)(Zt, {
+			/* @__PURE__ */ (0, U.jsx)(An, {
 				onExportJson: t,
 				onSave: n
 			}),
-			/* @__PURE__ */ (0, W.jsx)(lt, { theme: r }),
-			/* @__PURE__ */ (0, W.jsx)(ge, {}),
-			/* @__PURE__ */ (0, W.jsx)(pe, {}),
-			/* @__PURE__ */ (0, W.jsx)(Un, {})
+			/* @__PURE__ */ (0, U.jsx)(Ot, { theme: r }),
+			/* @__PURE__ */ (0, U.jsx)(_e, {}),
+			/* @__PURE__ */ (0, U.jsx)(me, {}),
+			/* @__PURE__ */ (0, U.jsx)(ur, {})
 		]
 	});
-}, Kn = ({ flow: e, onExportJson: t, onSave: n, theme: r = "dark", language: i = "en", aiConfig: a }) => /* @__PURE__ */ (0, W.jsx)(s, {
+}, pr = ({ flow: e, onExportJson: t, onSave: n, theme: r = "dark", language: i = "en", aiConfig: a }) => /* @__PURE__ */ (0, U.jsx)(s, {
 	defaultTheme: r,
 	storageKey: "treege-editor-theme",
 	theme: r,
-	children: /* @__PURE__ */ (0, W.jsxs)(ft, {
+	children: /* @__PURE__ */ (0, U.jsxs)(jt, {
 		value: {
 			aiConfig: a,
 			flowId: e?.id,
 			language: i
 		},
-		children: [/* @__PURE__ */ (0, W.jsx)(Wn, { position: "bottom-center" }), /* @__PURE__ */ (0, W.jsx)(xe, { children: /* @__PURE__ */ (0, W.jsx)(Gn, {
+		children: [/* @__PURE__ */ (0, U.jsx)(dr, { position: "bottom-center" }), /* @__PURE__ */ (0, U.jsx)(Se, { children: /* @__PURE__ */ (0, U.jsx)(fr, {
 			onExportJson: t,
 			onSave: n,
 			flow: e,
@@ -3564,4 +3748,4 @@ var Un = () => {
 	})
 });
 //#endregion
-export { Kn as t };
+export { pr as t };