treege 3.0.0-beta.3 → 3.0.0-beta.30

package/dist/editor-DnrJgSrC.js

@@ -0,0 +1,3567 @@
+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 { 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 * as B from "@radix-ui/react-dropdown-menu";
+import { Toaster as it, 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";
+//#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", {
+	className: "absolute top-5 left-5 z-50 select-none",
+	children: /* @__PURE__ */ (0, W.jsx)("img", {
+		src: e === "dark" ? ct : st,
+		alt: "Treege",
+		className: "relative h-14 w-auto drop-shadow-[0_0px_35px] drop-shadow-blue-600"
+	})
+}), ut = (e) => {
+	let t = Te(), n = we();
+	return P(() => {
+		if (!e) return [];
+		let r = (e, t = /* @__PURE__ */ new Set()) => {
+			if (t.has(e)) return [];
+			let i = new Set(t).add(e);
+			return n.filter((t) => t.target === e).flatMap((e) => [e.source, ...r(e.source, i)]);
+		}, i = r(e);
+		return t.filter((e) => i.includes(e.id) && c(e)).map((e) => {
+			let t = e.data;
+			return {
+				label: (typeof t.label == "object" ? t.label.en : t.label) || t.name || e.id,
+				name: t.name,
+				nodeId: e.id,
+				type: t.type || "text"
+			};
+		});
+	}, [
+		e,
+		t,
+		n
+	]);
+}, dt = De(null), ft = ({ children: e, value: t }) => {
+	let [n, r] = F(t?.flowId), [i, a] = F(!1), o = P(() => ({
+		...t,
+		...t?.aiConfig && { aiConfig: {
+			...t.aiConfig,
+			provider: t?.aiConfig.provider ?? "gemini"
+		} },
+		flowId: n,
+		isNodeSheetOpen: i,
+		setFlowId: r,
+		setIsNodeSheetOpen: a
+	}), [
+		n,
+		t,
+		i
+	]);
+	return /* @__PURE__ */ (0, W.jsx)(dt.Provider, {
+		value: o,
+		children: e
+	});
+}, pt = () => ke(dt) ?? {
+	flowId: void 0,
+	isNodeSheetOpen: !1,
+	language: "en",
+	setFlowId: () => {},
+	setIsNodeSheetOpen: () => {}
+}, G = (t) => {
+	let n = pt();
+	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, {
+		"data-slot": "scroll-area",
+		className: f("relative", e),
+		...n,
+		children: [
+			/* @__PURE__ */ (0, W.jsx)(rt.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, {})
+		]
+	});
+}
+function ht({ className: e, orientation: t = "vertical", ...n }) {
+	return /* @__PURE__ */ (0, W.jsx)(rt.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, {
+			"data-slot": "scroll-area-thumb",
+			className: "relative flex-1 rounded-full bg-border"
+		})
+	});
+}
+//#endregion
+//#region src/editor/constants/edgeTypes.ts
+var gt = {
+	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({
+			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({
+			defaultValues: {
+				conditions: b?.conditions || [{
+					field: D[0]?.nodeId ?? "",
+					operator: "===",
+					value: ""
+				}],
+				isFallback: !!b?.isFallback,
+				label: b?.label || ""
+			},
+			listeners: {
+				onChange: ({ formApi: e }) => {
+					e.handleSubmit().then();
+				},
+				onChangeDebounceMs: 150
+			},
+			onSubmit: ({ value: t }) => {
+				ne(e, t);
+			}
+		}), ae = (e) => {
+			e.stopPropagation();
+		}, oe = () => {
+			ie({
+				conditions: [],
+				isFallback: !1,
+				label: ""
+			}), ne(e, {
+				conditions: void 0,
+				isFallback: void 0,
+				label: void 0
+			});
+		}, se = () => {
+			if (b?.isFallback) return b.label || k("editor.conditionalEdge.fallback");
+			if (!O) 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, {
+			path: S,
+			markerEnd: f,
+			style: {
+				...g,
+				stroke: le(),
+				strokeDasharray: b?.isFallback ? "5,5" : void 0,
+				strokeWidth: O || b?.isFallback ? 2 : g?.strokeWidth
+			}
+		}), /* @__PURE__ */ (0, W.jsx)(me, { children: /* @__PURE__ */ (0, W.jsx)("div", {
+			className: "nodrag nopan absolute",
+			style: {
+				pointerEvents: "all",
+				transform: `translate(-50%, -50%) translate(${C}px,${ee}px)`
+			},
+			children: /* @__PURE__ */ (0, W.jsxs)(ce, {
+				open: te,
+				onOpenChange: w,
+				children: [/* @__PURE__ */ (0, W.jsx)(d, {
+					asChild: !0,
+					children: /* @__PURE__ */ (0, W.jsxs)(m, {
+						variant: O || 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")]
+					})
+				}), /* @__PURE__ */ (0, W.jsx)(v, {
+					className: "w-96 p-1",
+					align: "center",
+					onClick: (e) => e.stopPropagation(),
+					children: /* @__PURE__ */ (0, W.jsx)(mt, {
+						className: "flex max-h-150 flex-col p-3",
+						children: /* @__PURE__ */ (0, W.jsx)("form", {
+							onSubmit: (e) => {
+								e.preventDefault(), e.stopPropagation();
+							},
+							children: /* @__PURE__ */ (0, W.jsxs)("div", {
+								className: "grid gap-5",
+								children: [
+									/* @__PURE__ */ (0, W.jsxs)("div", {
+										className: "space-y-2",
+										children: [/* @__PURE__ */ (0, W.jsx)("h4", {
+											className: "font-medium leading-none",
+											children: k("editor.conditionalEdge.displayConditions")
+										}), /* @__PURE__ */ (0, W.jsx)("p", {
+											className: "text-muted-foreground text-sm",
+											children: k("editor.conditionalEdge.displayConditionsDesc")
+										})]
+									}),
+									/* @__PURE__ */ (0, W.jsxs)("div", {
+										className: "grid gap-4",
+										children: [
+											/* @__PURE__ */ (0, W.jsx)(A, {
+												name: "label",
+												children: (e) => /* @__PURE__ */ (0, W.jsxs)(T, { children: [
+													/* @__PURE__ */ (0, W.jsx)(u, {
+														htmlFor: e.name,
+														children: k("editor.conditionalEdge.labelOptional")
+													}),
+													/* @__PURE__ */ (0, W.jsx)(h, {
+														id: e.name,
+														placeholder: k("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, W.jsx)(A, {
+												name: "isFallback",
+												children: (e) => /* @__PURE__ */ (0, W.jsx)(T, { children: /* @__PURE__ */ (0, W.jsxs)("div", {
+													className: "flex items-center gap-3 rounded-lg border bg-muted/20 p-3",
+													children: [/* @__PURE__ */ (0, W.jsx)(p, {
+														id: e.name,
+														checked: e.state.value,
+														onCheckedChange: (t) => e.handleChange(t)
+													}), /* @__PURE__ */ (0, W.jsxs)("div", {
+														className: "flex flex-col gap-1",
+														children: [/* @__PURE__ */ (0, W.jsx)(u, {
+															htmlFor: e.name,
+															className: "cursor-pointer font-medium",
+															children: k("editor.conditionalEdge.fallbackPath")
+														}), /* @__PURE__ */ (0, W.jsx)(E, {
+															className: "text-xs",
+															children: k("editor.conditionalEdge.fallbackPathDesc")
+														})]
+													})]
+												}) })
+											}),
+											/* @__PURE__ */ (0, W.jsx)(A, {
+												name: "conditions",
+												mode: "array",
+												children: (e) => {
+													let t = e.form.getFieldValue("isFallback");
+													return /* @__PURE__ */ (0, W.jsxs)("div", {
+														className: "space-y-3",
+														children: [/* @__PURE__ */ (0, W.jsx)(u, {
+															className: t ? "text-muted-foreground" : "",
+															children: k("editor.conditionalEdge.conditions")
+														}), /* @__PURE__ */ (0, W.jsxs)("div", {
+															className: "space-y-2",
+															children: [e.state.value?.map((n, r) => /* @__PURE__ */ (0, W.jsxs)("div", {
+																className: "space-y-2",
+																children: [/* @__PURE__ */ (0, W.jsxs)("div", {
+																	className: "space-y-2 rounded-lg border bg-muted/30 p-3",
+																	children: [
+																		/* @__PURE__ */ (0, W.jsx)(A, {
+																			name: `conditions[${r}].field`,
+																			children: (e) => /* @__PURE__ */ (0, W.jsxs)(T, { children: [/* @__PURE__ */ (0, W.jsx)(u, {
+																				htmlFor: `field-${r}`,
+																				children: k("editor.conditionalEdge.field")
+																			}), /* @__PURE__ */ (0, W.jsxs)(y, {
+																				disabled: t,
+																				value: e.state.value || "",
+																				onValueChange: (t) => e.handleChange(t),
+																				children: [/* @__PURE__ */ (0, W.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, {
+																					value: "none",
+																					disabled: !0,
+																					children: k("editor.conditionalEdge.noFieldsAvailable")
+																				}) : D.map((e) => /* @__PURE__ */ (0, W.jsxs)(x, {
+																					value: e.nodeId,
+																					children: [
+																						e.label,
+																						" (",
+																						e.type,
+																						")"
+																					]
+																				}, e.nodeId)) })]
+																			})] })
+																		}),
+																		/* @__PURE__ */ (0, W.jsxs)("div", {
+																			className: "flex gap-2",
+																			children: [/* @__PURE__ */ (0, W.jsx)(A, {
+																				name: `conditions[${r}].operator`,
+																				children: (e) => /* @__PURE__ */ (0, W.jsxs)(T, { children: [/* @__PURE__ */ (0, W.jsx)(u, {
+																					htmlFor: `operator-${r}`,
+																					children: k("editor.conditionalEdge.operator")
+																				}), /* @__PURE__ */ (0, W.jsxs)(y, {
+																					disabled: t,
+																					value: e.state.value || "===",
+																					onValueChange: (t) => e.handleChange(t),
+																					children: [/* @__PURE__ */ (0, W.jsx)(_, {
+																						id: `operator-${r}`,
+																						children: /* @__PURE__ */ (0, W.jsx)(l, {})
+																					}), /* @__PURE__ */ (0, W.jsxs)(j, { children: [
+																						/* @__PURE__ */ (0, W.jsx)(x, {
+																							value: "===",
+																							children: "="
+																						}),
+																						/* @__PURE__ */ (0, W.jsx)(x, {
+																							value: "!==",
+																							children: "≠"
+																						}),
+																						/* @__PURE__ */ (0, W.jsx)(x, {
+																							value: ">",
+																							children: ">"
+																						}),
+																						/* @__PURE__ */ (0, W.jsx)(x, {
+																							value: "<",
+																							children: "<"
+																						}),
+																						/* @__PURE__ */ (0, W.jsx)(x, {
+																							value: ">=",
+																							children: ">="
+																						}),
+																						/* @__PURE__ */ (0, W.jsx)(x, {
+																							value: "<=",
+																							children: "<="
+																						})
+																					] })]
+																				})] })
+																			}), /* @__PURE__ */ (0, W.jsx)(A, {
+																				name: `conditions[${r}].value`,
+																				children: (e) => /* @__PURE__ */ (0, W.jsxs)(T, {
+																					className: "w-full",
+																					children: [/* @__PURE__ */ (0, W.jsx)(u, {
+																						htmlFor: `value-${r}`,
+																						children: k("editor.conditionalEdge.value")
+																					}), /* @__PURE__ */ (0, W.jsx)(h, {
+																						disabled: t,
+																						id: `value-${r}`,
+																						placeholder: k("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, {
+																			disabled: t,
+																			type: "button",
+																			variant: "ghost",
+																			size: "sm",
+																			className: "w-full",
+																			onClick: () => {
+																				e.removeValue(r), re().then();
+																			},
+																			children: [/* @__PURE__ */ (0, W.jsx)(z, { className: "mr-1 h-4 w-4" }), k("editor.conditionalEdge.removeCondition")]
+																		})
+																	]
+																}), e.state.value && r < e.state.value.length - 1 && /* @__PURE__ */ (0, W.jsx)(A, {
+																	name: `conditions[${r}].logicalOperator`,
+																	children: (e) => /* @__PURE__ */ (0, W.jsx)("div", {
+																		className: "flex justify-center",
+																		children: /* @__PURE__ */ (0, W.jsxs)(y, {
+																			disabled: t,
+																			value: e.state.value || i.AND,
+																			onValueChange: (t) => e.handleChange(t),
+																			children: [/* @__PURE__ */ (0, W.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, {
+																				value: i.AND,
+																				children: "AND"
+																			}), /* @__PURE__ */ (0, W.jsx)(x, {
+																				value: i.OR,
+																				children: "OR"
+																			})] })]
+																		})
+																	})
+																})]
+															}, `condition-${r}`)), /* @__PURE__ */ (0, W.jsxs)(m, {
+																disabled: t,
+																type: "button",
+																variant: "outline",
+																size: "sm",
+																className: "w-full",
+																onClick: () => {
+																	e.pushValue({
+																		field: D[0]?.nodeId ?? "",
+																		logicalOperator: i.AND,
+																		operator: "===",
+																		value: ""
+																	}), re().then();
+																},
+																children: [/* @__PURE__ */ (0, W.jsx)(R, { className: "mr-2 h-4 w-4" }), k("editor.conditionalEdge.addCondition")]
+															})]
+														})]
+													});
+												}
+											})
+										]
+									}),
+									/* @__PURE__ */ (0, W.jsxs)("div", {
+										className: "flex justify-end gap-2 pt-2",
+										children: [/* @__PURE__ */ (0, W.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, {
+											type: "button",
+											size: "sm",
+											onClick: () => w(!1),
+											children: k("common.close")
+										})]
+									})
+								]
+							})
+						})
+					})
+				})]
+			})
+		}) })] });
+	}),
+	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({
+			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, {
+			path: u,
+			markerEnd: c,
+			style: s
+		}), /* @__PURE__ */ (0, W.jsx)(me, { children: l && /* @__PURE__ */ (0, W.jsx)("div", {
+			className: "button-edge__label nodrag nopan",
+			style: { transform: `translate(-50%, -50%) translate(${d}px,${f}px)` },
+			children: /* @__PURE__ */ (0, W.jsx)("button", {
+				type: "button",
+				className: "button-edge__button",
+				onClick: () => {
+					p((t) => t.filter((t) => t.id !== e));
+				},
+				"aria-label": "Remove edge",
+				children: "×"
+			})
+		}) })] });
+	})
+}, _t = {
+	address: "address",
+	autocomplete: "autocomplete",
+	checkbox: "checkbox",
+	date: "date",
+	daterange: "daterange",
+	file: "file",
+	hidden: "hidden",
+	http: "http",
+	number: "number",
+	password: "password",
+	radio: "radio",
+	select: "select",
+	submit: "submit",
+	switch: "switch",
+	text: "text",
+	textarea: "textarea",
+	time: "time",
+	timerange: "timerange"
+}, vt = { [o.input]: { type: _t.text } }, K = () => {
+	let { setNodes: e, setEdges: t, getNodes: n } = Ee(), 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) => ({
+			...e,
+			selected: e.id === n
+		}))), t((e) => e.map(({ selected: e, ...t }) => t));
+	}, [t, e]), a = N((t, n) => {
+		e((e) => e.map((e) => e.id === t ? {
+			...e,
+			data: {
+				...e.data,
+				...n
+			}
+		} : e));
+	}, [e]), o = N((t, n) => {
+		e((e) => e.map((e) => e.id === t ? {
+			...e,
+			data: vt[n] ?? {},
+			type: n
+		} : e));
+	}, [e]), s = N((e) => {
+		let t = n().find((e) => e.selected);
+		t && o(t.id, e);
+	}, [n, o]), c = N((e) => {
+		let t = n().find((e) => e.selected);
+		t && a(t.id, e);
+	}, [n, a]);
+	return {
+		clearSelection: r,
+		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
+		]),
+		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) => {
+		a(e, { label: {
+			...t,
+			[i]: n.target.value
+		} });
+	}, u = (e) => e.stopPropagation();
+	return /* @__PURE__ */ (0, W.jsx)("input", {
+		type: "text",
+		value: s,
+		placeholder: c,
+		onChange: l,
+		onClick: u,
+		onMouseDown: u,
+		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" })
+	});
+}, 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", {
+	defaultVariants: { variant: "default" },
+	variants: { variant: {
+		blue: "bg-blue-500 text-white dark:bg-blue-600",
+		default: "border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90",
+		destructive: "border-transparent bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
+		outline: "border-foreground/30 text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground",
+		purple: "bg-purple-600 hover:bg-purple-700 text-white",
+		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", {
+		"data-slot": "badge",
+		className: f(xt({ 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", {
+		className: "-top-3.5 absolute left-6",
+		children: /* @__PURE__ */ (0, W.jsxs)(St, {
+			className: "max-w-50 bg-chart-2",
+			children: [/* @__PURE__ */ (0, W.jsx)(Pe, { className: "!w-3 !h-3" }), /* @__PURE__ */ (0, W.jsx)(yt, {
+				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) => {
+	let t = "", n = crypto.getRandomValues(new Uint8Array(e |= 0));
+	for (; e--;) t += wt[n[e] & 63];
+	return t;
+}, Tt = {
+	data: { type: "text" },
+	id: q(),
+	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) => {
+		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,
+			...o && {
+				data: o.data ?? {},
+				type: o.type
+			},
+			id: d,
+			position: r,
+			selected: i
+		};
+		n?.parentId && (f.parentId = n.parentId, f.extent = "parent"), e((e) => e.concat(f)), t((e) => {
+			let t = e.filter((e) => e.source === s).length > 0, n = {
+				data: t && u ? { conditions: [{
+					field: s,
+					operator: "===",
+					value: ""
+				}] } : void 0,
+				id: q(),
+				source: s,
+				target: d,
+				type: t && u ? "conditional" : "default"
+			};
+			return t && u ? e.map((e) => e.source === s ? {
+				...e,
+				data: {
+					...e.data,
+					conditions: e.data?.conditions || [{
+						field: s,
+						operator: "===",
+						value: ""
+					}]
+				},
+				type: "conditional"
+			} : e).concat(n) : e.concat(n);
+		}), i && (e((e) => e.map((e) => ({
+			...e,
+			selected: e.id === d
+		}))), t((e) => e.map((e) => ({
+			...e,
+			selected: !1
+		}))));
+	}, [
+		a,
+		e,
+		t
+	]), s = N((e) => {
+		t((t) => {
+			let n = Se(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: {
+					...e.data,
+					conditions: e.data?.conditions || [{
+						field: i,
+						operator: "===",
+						value: ""
+					}]
+				},
+				type: "conditional"
+			} : e) : n;
+		});
+	}, [t, r]), l = N((e, t) => {
+		let n = r(e);
+		if (!n) return;
+		let s = getComputedStyle(document.documentElement).getPropertyValue("--node-height"), c = getComputedStyle(document.documentElement).getPropertyValue("--node-width"), l = parseFloat(s) || 100, u = parseFloat(c) || 100, d = n.position.y + l + 100, f = i(), p = a(), m = f.filter((t) => p.some((n) => n.source === e && n.target === t.id));
+		o(n, {
+			x: m.length > 0 ? m.reduce((e, t) => t.position.x > e.position.x ? t : e, m[0]).position.x + u + 50 : n.position.x,
+			y: d
+		}, !0, t);
+	}, [
+		r,
+		i,
+		a,
+		o
+	]), u = N((e, t) => {
+		if (!t.isValid) {
+			let { clientX: i, clientY: a } = "changedTouches" in e ? e.changedTouches[0] : e, s = t.fromNode;
+			if (!s) return;
+			let c = n({
+				x: i,
+				y: a
+			}), l = s.parentId ? r(s.parentId) : void 0, u = l?.position ?? {
+				x: 0,
+				y: 0
+			};
+			o(s, l ? {
+				x: c.x - u.x,
+				y: c.y - u.y
+			} : c);
+		}
+	}, [
+		o,
+		r,
+		n
+	]), d = N((e) => {
+		t((t) => {
+			let n = t.filter((t) => !e.find((e) => e.id === t.id)), r = new Set(e.map((e) => e.source)), i = /* @__PURE__ */ new Map();
+			return n.forEach((e) => {
+				i.set(e.source, (i.get(e.source) ?? 0) + 1);
+			}), n.map((e) => {
+				if (r.has(e.source) && (i.get(e.source) ?? 0) === 1) {
+					let { conditions: t, isFallback: n, ...r } = e.data ?? {}, i = r && Object.keys(r).length > 0 ? r : void 0;
+					return {
+						...e,
+						data: i,
+						type: "default"
+					};
+				}
+				return e;
+			});
+		});
+	}, [t]);
+	return {
+		isValidConnection: N((e) => {
+			if (e.source === e.target) return !1;
+			let t = r(e.source);
+			return t ? !(a().filter((t) => t.source === e.source).length > 0 && !c(t)) : !1;
+		}, [r, a]),
+		onAddFromHandle: l,
+		onConnect: s,
+		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 = {
+	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);
+		})
+	})] });
+}, 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, {
+		asChild: !0,
+		onClick: o,
+		children: /* @__PURE__ */ (0, W.jsxs)(St, {
+			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")]
+		})
+	}), /* @__PURE__ */ (0, W.jsx)(X, {
+		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))
+	})] });
+}, Lt = ({ children: e, inGroup: t, isSubmit: n }) => /* @__PURE__ */ (0, W.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 }) => {
+	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, {
+		inGroup: !!n,
+		isSubmit: o,
+		children: [
+			/* @__PURE__ */ (0, W.jsx)(bt, { nodeId: i }),
+			/* @__PURE__ */ (0, W.jsx)(he, {
+				type: "target",
+				position: ye.Top,
+				isConnectable: t,
+				isConnectableStart: r === "ui"
+			}),
+			/* @__PURE__ */ (0, W.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, {
+					nodeId: i,
+					type: r,
+					subType: a
+				})]
+			}),
+			/* @__PURE__ */ (0, W.jsx)(yt, {
+				nodeId: i,
+				label: e?.label,
+				placeholder: s,
+				className: f("py-1", r === "ui" && "capitalize")
+			}),
+			/* @__PURE__ */ (0, W.jsx)(jt, {
+				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 = {
+	claude: "claude-3-5-haiku-20241022",
+	deepseek: "deepseek-chat",
+	gemini: "gemini-2.5-flash",
+	openai: "gpt-4o-mini"
+}, Ht = .3;
+function Ut(e) {
+	try {
+		return JSON.parse(e);
+	} catch (t) {
+		let n = e.replace(/```json\n?/g, "").replace(/```\n?/g, "").trim();
+		try {
+			return JSON.parse(n);
+		} catch {
+			throw console.error("Failed to parse AI response:", e.substring(0, 500)), Error(`Invalid JSON response from AI: ${t instanceof Error ? t.message : "Unknown error"}`);
+		}
+	}
+}
+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}`, {
+		body: JSON.stringify({
+			contents: [{ parts: [{ text: `${Bt}\n\nUser request: ${e.prompt}` }] }],
+			generationConfig: {
+				responseMimeType: "application/json",
+				temperature: n
+			}
+		}),
+		headers: { "Content-Type": "application/json" },
+		method: "POST"
+	});
+	if (!r.ok) {
+		let e = await r.text();
+		throw Error(`Gemini API error: ${e}`);
+	}
+	let i = (await r.json()).candidates?.[0]?.content?.parts?.[0]?.text;
+	if (!i) throw Error("No response from Gemini");
+	return Ut(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", {
+		body: JSON.stringify({
+			messages: [{
+				content: Bt,
+				role: "system"
+			}, {
+				content: e.prompt,
+				role: "user"
+			}],
+			model: t,
+			response_format: { type: "json_object" },
+			temperature: n
+		}),
+		headers: {
+			Authorization: `Bearer ${e.config.apiKey}`,
+			"Content-Type": "application/json"
+		},
+		method: "POST"
+	});
+	if (!r.ok) {
+		let e = await r.text();
+		throw Error(`OpenAI API error: ${e}`);
+	}
+	let i = (await r.json()).choices?.[0]?.message?.content;
+	if (!i) throw Error("No response from OpenAI");
+	return Ut(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", {
+		body: JSON.stringify({
+			messages: [{
+				content: Bt,
+				role: "system"
+			}, {
+				content: e.prompt,
+				role: "user"
+			}],
+			model: t,
+			response_format: { type: "json_object" },
+			temperature: n
+		}),
+		headers: {
+			Authorization: `Bearer ${e.config.apiKey}`,
+			"Content-Type": "application/json"
+		},
+		method: "POST"
+	});
+	if (!r.ok) {
+		let e = await r.text();
+		throw Error(`DeepSeek API error: ${e}`);
+	}
+	let i = (await r.json()).choices?.[0]?.message?.content;
+	if (!i) throw Error("No response from DeepSeek");
+	return Ut(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", {
+		body: JSON.stringify({
+			max_tokens: 4096,
+			messages: [{
+				content: e.prompt,
+				role: "user"
+			}],
+			model: t,
+			system: Bt,
+			temperature: n
+		}),
+		headers: {
+			"anthropic-version": "2023-06-01",
+			"Content-Type": "application/json",
+			"x-api-key": e.config.apiKey
+		},
+		method: "POST"
+	});
+	if (!r.ok) {
+		let e = await r.text();
+		throw Error(`Claude API error: ${e}`);
+	}
+	let i = (await r.json()).content?.[0]?.text;
+	if (!i) throw Error("No response from Claude");
+	return Ut(i);
+}
+function Jt(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);
+		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 () => {
+		if (!i.trim()) {
+			V.error(c("editor.aiGenerator.enterDescription"));
+			return;
+		}
+		if (!e?.apiKey) {
+			V.error(c("editor.aiGenerator.missingApiKey"), { description: c("editor.aiGenerator.missingApiKeyDesc") });
+			return;
+		}
+		s(!0);
+		try {
+			let n = await Jt({
+				config: e,
+				prompt: i.trim()
+			});
+			t({
+				edges: n.edges,
+				nodes: n.nodes
+			}), V.success(c("editor.aiGenerator.successTitle"), { description: c("editor.aiGenerator.successDescription").replace("{nodes}", String(n.nodes.length)).replace("{edges}", String(n.edges.length)) }), a(""), r(!1);
+		} catch (e) {
+			console.error("AI generation error:", e), V.error(c("editor.aiGenerator.failedToGenerate"), { description: e instanceof Error ? e.message : c("editor.aiGenerator.unknownError") });
+		} finally {
+			s(!1);
+		}
+	};
+	return /* @__PURE__ */ (0, W.jsxs)(se, {
+		open: n,
+		onOpenChange: r,
+		children: [/* @__PURE__ */ (0, W.jsx)(te, {
+			asChild: !0,
+			children: /* @__PURE__ */ (0, W.jsxs)(m, {
+				variant: "outline",
+				size: "sm",
+				disabled: !e?.apiKey,
+				children: [
+					/* @__PURE__ */ (0, W.jsx)(Qe, { className: "h-4 w-4 text-[#13d3b4]" }),
+					" ",
+					c("editor.aiGenerator.buttonLabel")
+				]
+			})
+		}), /* @__PURE__ */ (0, W.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", {
+					className: "grid gap-4 py-4",
+					children: [/* @__PURE__ */ (0, W.jsxs)("div", {
+						className: "grid gap-2",
+						children: [
+							/* @__PURE__ */ (0, W.jsx)("label", {
+								htmlFor: "ai-prompt",
+								className: "font-medium text-sm",
+								children: c("editor.aiGenerator.description")
+							}),
+							/* @__PURE__ */ (0, W.jsx)(D, {
+								placeholder: c("editor.aiGenerator.descriptionPlaceholder"),
+								value: i,
+								onChange: (e) => a(e.target.value),
+								onKeyDown: (e) => {
+									(e.metaKey || e.ctrlKey) && e.key === "Enter" && (e.preventDefault(), l());
+								},
+								rows: 6,
+								disabled: o,
+								className: "resize-none"
+							}),
+							/* @__PURE__ */ (0, W.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", {
+						className: "rounded-md bg-muted p-3 text-sm",
+						children: [/* @__PURE__ */ (0, W.jsx)("p", {
+							className: "font-medium",
+							children: c("editor.aiGenerator.aiNotConfigured")
+						}), /* @__PURE__ */ (0, W.jsxs)("p", {
+							className: "mt-1 text-muted-foreground text-xs",
+							children: [
+								c("editor.aiGenerator.aiNotConfiguredDesc").replace("{code}", ""),
+								" ",
+								/* @__PURE__ */ (0, W.jsx)("code", {
+									className: "rounded bg-background px-1 py-0.5",
+									children: "aiConfig"
+								})
+							]
+						})]
+					})]
+				}),
+				/* @__PURE__ */ (0, W.jsxs)(ie, { children: [/* @__PURE__ */ (0, W.jsx)(m, {
+					variant: "outline",
+					onClick: () => r(!1),
+					disabled: o,
+					children: c("editor.aiGenerator.cancel")
+				}), /* @__PURE__ */ (0, W.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")] })
+				})] })
+			]
+		})]
+	});
+}, 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 = () => {
+		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(),
+			position: i,
+			selected: !0
+		}]);
+	}, g = ({ target: e }) => {
+		let t = e.files?.[0];
+		if (!t) return;
+		let n = new FileReader();
+		n.onload = (e) => {
+			try {
+				let t = JSON.parse(e.target?.result);
+				t && Array.isArray(t.nodes) && Array.isArray(t.edges) ? (a(t.nodes), o(t.edges), V.success(p("editor.actionsPanel.importSuccess"), { description: p("editor.actionsPanel.importSuccessDesc") })) : V.error(p("editor.actionsPanel.invalidJson"), { description: p("editor.actionsPanel.invalidJsonDesc") });
+			} catch (e) {
+				console.warn(e), V.error(p("editor.actionsPanel.parseError"), { description: p("editor.actionsPanel.parseErrorDesc") });
+			}
+			f.current && (f.current.value = "");
+		}, n.readAsText(t);
+	}, _ = () => {
+		let t = {
+			edges: d,
+			id: l,
+			nodes: u
+		}, i = new Blob([JSON.stringify(t, null, 2)], { type: "application/json" }), a = URL.createObjectURL(i), o = document.createElement("a");
+		o.href = a, o.download = "treege.json", o.click(), URL.revokeObjectURL(a), V.success(p("editor.actionsPanel.downloadSuccess"), { description: p("editor.actionsPanel.downloadSuccessDesc") }), n || r?.(l), e?.(t);
+	}, v = N(() => {
+		n || r?.(l), t?.({
+			edges: d,
+			id: l,
+			nodes: u
+		});
+	}, [
+		d,
+		n,
+		l,
+		u,
+		t,
+		r
+	]);
+	return Ae(() => {
+		let e = (e) => {
+			(e.ctrlKey || e.metaKey) && e.key === "s" && (e.preventDefault(), v());
+		};
+		return window.addEventListener("keydown", e), () => {
+			window.removeEventListener("keydown", e);
+		};
+	}, [v]), /* @__PURE__ */ (0, W.jsxs)(ve, {
+		position: "top-right",
+		className: "flex gap-2",
+		children: [
+			/* @__PURE__ */ (0, W.jsx)(Yt, {
+				aiConfig: i,
+				onGenerate: (e) => {
+					a(e.nodes), o(e.edges);
+				}
+			}),
+			/* @__PURE__ */ (0, W.jsxs)(m, {
+				variant: "outline",
+				size: "sm",
+				onClick: h,
+				children: [
+					/* @__PURE__ */ (0, W.jsx)(R, {}),
+					" ",
+					p("editor.actionsPanel.addNode")
+				]
+			}),
+			/* @__PURE__ */ (0, W.jsxs)(m, {
+				variant: "outline",
+				size: "sm",
+				onClick: v,
+				children: [
+					/* @__PURE__ */ (0, W.jsx)(Je, {}),
+					" ",
+					p("common.save")
+				]
+			}),
+			/* @__PURE__ */ (0, W.jsxs)(J, { children: [/* @__PURE__ */ (0, W.jsx)(Y, {
+				asChild: !0,
+				children: /* @__PURE__ */ (0, W.jsx)(m, {
+					variant: "outline",
+					size: "sm",
+					children: /* @__PURE__ */ (0, W.jsx)(ze, {})
+				})
+			}), /* @__PURE__ */ (0, W.jsxs)(X, {
+				align: "start",
+				children: [
+					/* @__PURE__ */ (0, W.jsx)(Ot, {
+						className: "font-normal",
+						children: /* @__PURE__ */ (0, W.jsxs)("div", {
+							className: "flex flex-col gap-1",
+							children: [/* @__PURE__ */ (0, W.jsx)("span", {
+								className: "text-muted-foreground text-xs",
+								children: "Flow ID"
+							}), /* @__PURE__ */ (0, W.jsxs)("button", {
+								onClick: async () => {
+									try {
+										await navigator.clipboard.writeText(l), V.success(p("editor.actionsPanel.idCopied"), { description: l });
+									} catch {
+										V.error(p("editor.actionsPanel.copyFailed"));
+									}
+								},
+								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", {
+									className: "truncate text-xs",
+									children: l
+								})]
+							})]
+						})
+					}),
+					/* @__PURE__ */ (0, W.jsx)(kt, {}),
+					/* @__PURE__ */ (0, W.jsxs)(Dt, { children: [/* @__PURE__ */ (0, W.jsxs)(Z, {
+						onClick: () => f?.current?.click(),
+						children: [
+							/* @__PURE__ */ (0, W.jsx)(Re, {}),
+							" ",
+							p("editor.actionsPanel.importJson")
+						]
+					}), /* @__PURE__ */ (0, W.jsxs)(Z, {
+						onClick: _,
+						children: [
+							/* @__PURE__ */ (0, W.jsx)(Ne, {}),
+							" ",
+							p("editor.actionsPanel.exportJson")
+						]
+					})] }),
+					/* @__PURE__ */ (0, W.jsx)(kt, {}),
+					/* @__PURE__ */ (0, W.jsx)(Dt, { children: /* @__PURE__ */ (0, W.jsxs)(Z, {
+						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" }),
+							" ",
+							p("editor.actionsPanel.clear")
+						]
+					}) })
+				]
+			})] }),
+			/* @__PURE__ */ (0, W.jsx)("input", {
+				type: "file",
+				accept: "application/json,.json",
+				className: "hidden",
+				ref: f,
+				onChange: g
+			})
+		]
+	});
+}, Qt = {
+	ar: "ar",
+	de: "de",
+	en: "en",
+	es: "es",
+	fr: "fr",
+	it: "it",
+	pt: "pt"
+}, Q = ({ value: e = "en", onValueChange: t }) => /* @__PURE__ */ (0, W.jsxs)(y, {
+	value: e,
+	onValueChange: t,
+	children: [/* @__PURE__ */ (0, W.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, {
+		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]);
+	return {
+		groupNodes: t,
+		hasSelectedNodes: n.length > 0,
+		nodes: e,
+		selectedNode: r,
+		selectedNodes: n
+	};
+}, $t = () => {
+	let [e, t] = F("en"), { updateSelectedNodeData: n } = K(), { selectedNode: r } = $(), i = G(), { Field: a } = I({
+		defaultValues: {
+			label: r?.data?.label || { en: "" },
+			targetId: r?.data?.targetId || ""
+		},
+		listeners: {
+			onChange: ({ formApi: e }) => {
+				e.handleSubmit().then();
+			},
+			onChangeDebounceMs: 150
+		},
+		onSubmit: ({ value: e }) => {
+			n(e);
+		}
+	});
+	return /* @__PURE__ */ (0, W.jsx)("form", {
+		onSubmit: (e) => {
+			e.preventDefault(), e.stopPropagation();
+		},
+		children: /* @__PURE__ */ (0, W.jsxs)("div", {
+			className: "grid gap-6",
+			children: [/* @__PURE__ */ (0, W.jsxs)("div", {
+				className: "flex items-end gap-2",
+				children: [/* @__PURE__ */ (0, W.jsx)(a, {
+					name: "label",
+					children: (t) => /* @__PURE__ */ (0, W.jsxs)(T, {
+						className: "flex-1",
+						children: [/* @__PURE__ */ (0, W.jsx)(u, {
+							htmlFor: t.name,
+							children: i("editor.flowNodeForm.label")
+						}), /* @__PURE__ */ (0, W.jsx)(h, {
+							id: t.name,
+							name: t.name,
+							value: t.state.value?.[e] || "",
+							onBlur: t.handleBlur,
+							onChange: ({ target: n }) => {
+								t.handleChange({
+									...t.state.value,
+									[e]: n.value
+								});
+							}
+						})]
+					})
+				}), /* @__PURE__ */ (0, W.jsx)(Q, {
+					value: e,
+					onValueChange: t
+				})]
+			}), /* @__PURE__ */ (0, W.jsx)(a, {
+				name: "targetId",
+				children: (e) => /* @__PURE__ */ (0, W.jsxs)(T, { children: [
+					/* @__PURE__ */ (0, W.jsxs)(u, {
+						htmlFor: e.name,
+						children: [i("editor.flowNodeForm.targetId"), " (Flow ID)"]
+					}),
+					/* @__PURE__ */ (0, W.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." })
+				] })
+			})]
+		})
+	});
+}, en = () => {
+	let [e, t] = F("en"), { selectedNode: n } = $(), { updateSelectedNodeData: r } = K(), { Field: i } = I({
+		defaultValues: { label: n?.data?.label || { en: "" } },
+		listeners: {
+			onChange: ({ formApi: e }) => {
+				e.handleSubmit().then();
+			},
+			onChangeDebounceMs: 150
+		},
+		onSubmit: ({ value: e }) => {
+			r(e);
+		}
+	});
+	return /* @__PURE__ */ (0, W.jsx)("form", {
+		onSubmit: (e) => {
+			e.preventDefault(), e.stopPropagation();
+		},
+		children: /* @__PURE__ */ (0, W.jsxs)("div", {
+			className: "flex items-end gap-2",
+			children: [/* @__PURE__ */ (0, W.jsx)(i, {
+				name: "label",
+				children: (t) => /* @__PURE__ */ (0, W.jsxs)(T, {
+					className: "flex-1",
+					children: [/* @__PURE__ */ (0, W.jsx)(u, {
+						htmlFor: t.name,
+						children: "Label"
+					}), /* @__PURE__ */ (0, W.jsx)(h, {
+						id: t.name,
+						name: t.name,
+						value: t.state.value?.[e] || "",
+						onBlur: t.handleBlur,
+						onChange: ({ target: n }) => {
+							t.handleChange({
+								...t.state.value,
+								[e]: n.value
+							});
+						}
+					})]
+				})
+			}), /* @__PURE__ */ (0, W.jsx)(Q, {
+				value: e,
+				onValueChange: t
+			})]
+		})
+	});
+}, tn = [
+	"POST",
+	"PUT",
+	"PATCH"
+], nn = ({ value: e, onChange: t }) => {
+	let { selectedNode: n } = $(), r = G(), i = ut(n?.id), { handleSubmit: a, Field: o, Subscribe: s } = I({
+		defaultValues: {
+			body: e?.body || "",
+			fetchOnMount: e?.fetchOnMount ?? !e?.searchParam,
+			headers: e?.headers || [],
+			method: e?.method || "GET",
+			responseMapping: e?.responseMapping || {
+				labelField: "",
+				valueField: ""
+			},
+			responsePath: e?.responsePath || "",
+			searchParam: e?.searchParam || "",
+			sendAllFormValues: !!e?.sendAllFormValues,
+			showLoading: e?.showLoading !== !1,
+			url: e?.url || ""
+		},
+		listeners: {
+			onChange: ({ formApi: e }) => {
+				e.handleSubmit().then();
+			},
+			onChangeDebounceMs: 150
+		},
+		onSubmit: ({ value: e }) => {
+			t(e);
+		}
+	});
+	return /* @__PURE__ */ (0, W.jsx)("div", { children: /* @__PURE__ */ (0, W.jsxs)("div", {
+		className: "grid gap-6",
+		children: [
+			/* @__PURE__ */ (0, W.jsx)(o, {
+				name: "url",
+				children: (e) => /* @__PURE__ */ (0, W.jsxs)(T, { children: [
+					/* @__PURE__ */ (0, W.jsx)(u, {
+						htmlFor: e.name,
+						children: r("editor.httpConfigForm.apiUrl")
+					}),
+					/* @__PURE__ */ (0, W.jsxs)("div", {
+						className: "flex gap-2",
+						children: [/* @__PURE__ */ (0, W.jsx)(h, {
+							id: e.name,
+							name: e.name,
+							value: e.state.value,
+							onBlur: e.handleBlur,
+							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, {
+							asChild: !0,
+							children: /* @__PURE__ */ (0, W.jsx)(m, {
+								type: "button",
+								variant: "outline",
+								size: "icon",
+								children: /* @__PURE__ */ (0, W.jsx)(Ze, { className: "h-4 w-4" })
+							})
+						}), /* @__PURE__ */ (0, W.jsx)(X, {
+							align: "end",
+							children: i.length === 0 ? /* @__PURE__ */ (0, W.jsx)(Z, {
+								disabled: !0,
+								children: r("editor.httpConfigForm.noFieldsAvailable")
+							}) : i.map((t) => /* @__PURE__ */ (0, W.jsx)(Z, {
+								onClick: () => {
+									let n = `{{${t.nodeId}}}`, r = e.state.value || "";
+									e.handleChange(r + n);
+								},
+								children: /* @__PURE__ */ (0, W.jsxs)("div", {
+									className: "flex flex-col",
+									children: [/* @__PURE__ */ (0, W.jsx)("span", {
+										className: "font-medium",
+										children: t.label
+									}), /* @__PURE__ */ (0, W.jsx)("span", {
+										className: "text-muted-foreground text-xs",
+										children: `{{${t.nodeId}}}`
+									})]
+								})
+							}, t.nodeId))
+						})] })]
+					}),
+					/* @__PURE__ */ (0, W.jsx)(E, { children: r("editor.httpConfigForm.apiUrlDesc") })
+				] })
+			}),
+			/* @__PURE__ */ (0, W.jsx)(o, {
+				name: "method",
+				children: (e) => /* @__PURE__ */ (0, W.jsxs)(T, { children: [/* @__PURE__ */ (0, W.jsx)(u, {
+					htmlFor: e.name,
+					children: r("editor.httpConfigForm.httpMethod")
+				}), /* @__PURE__ */ (0, W.jsxs)(y, {
+					value: e.state.value,
+					onValueChange: (t) => e.handleChange(t),
+					children: [/* @__PURE__ */ (0, W.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, {
+							value: "GET",
+							children: r("editor.httpConfigForm.methodGet")
+						}),
+						/* @__PURE__ */ (0, W.jsx)(x, {
+							value: "POST",
+							children: r("editor.httpConfigForm.methodPost")
+						}),
+						/* @__PURE__ */ (0, W.jsx)(x, {
+							value: "PUT",
+							children: r("editor.httpConfigForm.methodPut")
+						}),
+						/* @__PURE__ */ (0, W.jsx)(x, {
+							value: "DELETE",
+							children: r("editor.httpConfigForm.methodDelete")
+						}),
+						/* @__PURE__ */ (0, W.jsx)(x, {
+							value: "PATCH",
+							children: r("editor.httpConfigForm.methodPatch")
+						})
+					] })]
+				})] })
+			}),
+			/* @__PURE__ */ (0, W.jsxs)("div", {
+				className: "space-y-4",
+				children: [/* @__PURE__ */ (0, W.jsx)("h4", {
+					className: "font-semibold text-sm",
+					children: r("editor.httpConfigForm.headers")
+				}), /* @__PURE__ */ (0, W.jsx)(o, {
+					name: "headers",
+					mode: "array",
+					children: (e) => /* @__PURE__ */ (0, W.jsxs)("div", {
+						className: "space-y-2",
+						children: [e.state.value?.map((t, n) => {
+							let i = `headers[${n}]`;
+							return /* @__PURE__ */ (0, W.jsxs)("div", {
+								className: "flex items-start gap-2",
+								children: [
+									/* @__PURE__ */ (0, W.jsx)(o, {
+										name: `headers[${n}].key`,
+										children: (e) => /* @__PURE__ */ (0, W.jsx)(h, {
+											placeholder: r("editor.httpConfigForm.headerName"),
+											value: e.state.value || "",
+											onChange: ({ target: t }) => e.handleChange(t.value)
+										})
+									}),
+									/* @__PURE__ */ (0, W.jsx)(o, {
+										name: `headers[${n}].value`,
+										children: (e) => /* @__PURE__ */ (0, W.jsx)(h, {
+											placeholder: r("editor.httpConfigForm.headerValue"),
+											value: e.state.value || "",
+											onChange: ({ target: t }) => e.handleChange(t.value)
+										})
+									}),
+									/* @__PURE__ */ (0, W.jsx)(m, {
+										type: "button",
+										variant: "ghost",
+										size: "icon",
+										onClick: () => {
+											e.removeValue(n);
+										},
+										children: /* @__PURE__ */ (0, W.jsx)(z, { className: "h-4 w-4" })
+									})
+								]
+							}, i);
+						}), /* @__PURE__ */ (0, W.jsxs)(m, {
+							type: "button",
+							variant: "outline",
+							size: "sm",
+							onClick: () => {
+								e.pushValue({
+									key: "",
+									value: ""
+								});
+							},
+							children: [/* @__PURE__ */ (0, W.jsx)(R, { className: "mr-2 h-4 w-4" }), r("editor.httpConfigForm.addHeader")]
+						})]
+					})
+				})]
+			}),
+			/* @__PURE__ */ (0, W.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", {
+					className: "space-y-4",
+					children: [/* @__PURE__ */ (0, W.jsx)(o, {
+						name: "sendAllFormValues",
+						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, {
+								htmlFor: e.name,
+								children: r("editor.httpConfigForm.sendAllFormValues")
+							})]
+						})
+					}), /* @__PURE__ */ (0, W.jsx)(o, {
+						name: "body",
+						children: (e) => /* @__PURE__ */ (0, W.jsxs)(T, { children: [
+							/* @__PURE__ */ (0, W.jsxs)("div", {
+								className: "mb-2 flex items-center justify-between",
+								children: [/* @__PURE__ */ (0, W.jsx)(u, {
+									htmlFor: e.name,
+									children: r("editor.httpConfigForm.requestBody")
+								}), /* @__PURE__ */ (0, W.jsxs)(J, { children: [/* @__PURE__ */ (0, W.jsx)(Y, {
+									asChild: !0,
+									children: /* @__PURE__ */ (0, W.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")]
+									})
+								}), /* @__PURE__ */ (0, W.jsx)(X, {
+									align: "end",
+									children: i.length === 0 ? /* @__PURE__ */ (0, W.jsx)(Z, {
+										disabled: !0,
+										children: r("editor.httpConfigForm.noFieldsAvailable")
+									}) : i.map((t) => /* @__PURE__ */ (0, W.jsx)(Z, {
+										onClick: () => {
+											let n = `{{${t.nodeId}}}`, r = e.state.value || "";
+											e.handleChange(r + n), a().then();
+										},
+										children: /* @__PURE__ */ (0, W.jsxs)("div", {
+											className: "flex flex-col",
+											children: [/* @__PURE__ */ (0, W.jsx)("span", {
+												className: "font-medium",
+												children: t.label
+											}), /* @__PURE__ */ (0, W.jsx)("span", {
+												className: "text-muted-foreground text-xs",
+												children: `{{${t.nodeId}}}`
+											})]
+										})
+									}, t.nodeId))
+								})] })]
+							}),
+							/* @__PURE__ */ (0, W.jsx)(D, {
+								id: e.name,
+								name: e.name,
+								value: e.state.value,
+								onBlur: e.handleBlur,
+								onChange: ({ target: t }) => e.handleChange(t.value),
+								placeholder: r("editor.httpConfigForm.requestBodyPlaceholder"),
+								rows: 4,
+								disabled: t
+							}),
+							/* @__PURE__ */ (0, W.jsx)(E, { children: r(t ? "editor.httpConfigForm.sendAllFormValuesDesc" : "editor.httpConfigForm.requestBodyDesc") })
+						] })
+					})]
+				})
+			}),
+			/* @__PURE__ */ (0, W.jsxs)("div", {
+				className: "space-y-4",
+				children: [
+					/* @__PURE__ */ (0, W.jsx)("h4", {
+						className: "font-semibold text-sm",
+						children: r("editor.httpConfigForm.responseConfiguration")
+					}),
+					/* @__PURE__ */ (0, W.jsx)(o, {
+						name: "responsePath",
+						children: (e) => /* @__PURE__ */ (0, W.jsxs)(T, { children: [
+							/* @__PURE__ */ (0, W.jsx)(u, {
+								htmlFor: e.name,
+								children: r("editor.httpConfigForm.responsePath")
+							}),
+							/* @__PURE__ */ (0, W.jsx)(h, {
+								id: e.name,
+								name: e.name,
+								value: e.state.value,
+								onBlur: e.handleBlur,
+								onChange: ({ target: t }) => e.handleChange(t.value),
+								placeholder: r("editor.httpConfigForm.responsePathPlaceholder")
+							}),
+							/* @__PURE__ */ (0, W.jsx)(E, { children: r("editor.httpConfigForm.responsePathDesc") })
+						] })
+					}),
+					/* @__PURE__ */ (0, W.jsxs)("div", {
+						className: "space-y-4",
+						children: [
+							/* @__PURE__ */ (0, W.jsx)("h5", {
+								className: "font-medium text-sm",
+								children: r("editor.httpConfigForm.mapToOptions")
+							}),
+							/* @__PURE__ */ (0, W.jsx)(o, {
+								name: "responseMapping.valueField",
+								children: (e) => /* @__PURE__ */ (0, W.jsxs)(T, { children: [
+									/* @__PURE__ */ (0, W.jsx)(u, {
+										htmlFor: e.name,
+										children: r("editor.httpConfigForm.valueField")
+									}),
+									/* @__PURE__ */ (0, W.jsx)(h, {
+										id: e.name,
+										name: e.name,
+										value: e.state.value,
+										onBlur: e.handleBlur,
+										onChange: ({ target: t }) => e.handleChange(t.value),
+										placeholder: r("editor.httpConfigForm.valueFieldPlaceholder")
+									}),
+									/* @__PURE__ */ (0, W.jsx)(E, { children: r("editor.httpConfigForm.valueFieldDesc") })
+								] })
+							}),
+							/* @__PURE__ */ (0, W.jsx)(o, {
+								name: "responseMapping.labelField",
+								children: (e) => /* @__PURE__ */ (0, W.jsxs)(T, { children: [
+									/* @__PURE__ */ (0, W.jsx)(u, {
+										htmlFor: e.name,
+										children: r("editor.httpConfigForm.labelField")
+									}),
+									/* @__PURE__ */ (0, W.jsx)(h, {
+										id: e.name,
+										name: e.name,
+										value: e.state.value,
+										onBlur: e.handleBlur,
+										onChange: ({ target: t }) => e.handleChange(t.value),
+										placeholder: r("editor.httpConfigForm.labelFieldPlaceholder")
+									}),
+									/* @__PURE__ */ (0, W.jsx)(E, { children: r("editor.httpConfigForm.labelFieldDesc") })
+								] })
+							})
+						]
+					}),
+					/* @__PURE__ */ (0, W.jsx)(o, {
+						name: "searchParam",
+						children: (e) => /* @__PURE__ */ (0, W.jsxs)(T, { children: [
+							/* @__PURE__ */ (0, W.jsx)(u, {
+								htmlFor: e.name,
+								children: r("editor.httpConfigForm.searchParameter")
+							}),
+							/* @__PURE__ */ (0, W.jsx)(h, {
+								id: e.name,
+								name: e.name,
+								value: e.state.value,
+								onBlur: e.handleBlur,
+								onChange: ({ target: t }) => e.handleChange(t.value),
+								placeholder: r("editor.httpConfigForm.searchParameterPlaceholder")
+							}),
+							/* @__PURE__ */ (0, W.jsx)(E, { children: r("editor.httpConfigForm.searchParameterDesc") })
+						] })
+					})
+				]
+			}),
+			/* @__PURE__ */ (0, W.jsxs)("div", {
+				className: "space-y-4",
+				children: [
+					/* @__PURE__ */ (0, W.jsx)("h4", {
+						className: "font-semibold text-sm",
+						children: r("editor.httpConfigForm.behavior")
+					}),
+					/* @__PURE__ */ (0, W.jsx)(s, {
+						selector: (e) => e.values.searchParam,
+						children: (e) => /* @__PURE__ */ (0, W.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", {
+									className: "flex items-center space-x-2",
+									children: [/* @__PURE__ */ (0, W.jsx)(S, {
+										id: t.name,
+										checked: i,
+										disabled: !n,
+										onCheckedChange: (e) => t.handleChange(e)
+									}), /* @__PURE__ */ (0, W.jsx)(u, {
+										htmlFor: t.name,
+										className: n ? "" : "text-muted-foreground",
+										children: r("editor.httpConfigForm.fetchOnMount")
+									})]
+								});
+							}
+						})
+					}),
+					/* @__PURE__ */ (0, W.jsx)(o, {
+						name: "showLoading",
+						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, {
+								htmlFor: e.name,
+								children: r("editor.httpConfigForm.showLoadingState")
+							})]
+						})
+					})
+				]
+			})
+		]
+	}) });
+}, rn = [
+	"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({
+		defaultValues: {
+			body: e?.body || "",
+			errorMessage: e?.errorMessage || { en: "" },
+			headers: e?.headers || [],
+			method: e?.method || "POST",
+			redirectUrl: e?.redirectUrl || "",
+			sendAllFormValues: !!e?.sendAllFormValues,
+			showLoading: e?.showLoading !== !1,
+			successMessage: e?.successMessage || { en: "" },
+			url: e?.url || ""
+		},
+		listeners: {
+			onChange: ({ formApi: e }) => {
+				e.handleSubmit().then();
+			},
+			onChangeDebounceMs: 150
+		},
+		onSubmit: ({ value: e }) => {
+			t(e);
+		}
+	});
+	return /* @__PURE__ */ (0, W.jsx)("div", { children: /* @__PURE__ */ (0, W.jsxs)("div", {
+		className: "grid gap-6",
+		children: [
+			/* @__PURE__ */ (0, W.jsx)(c, {
+				name: "url",
+				children: (e) => /* @__PURE__ */ (0, W.jsxs)(T, { children: [
+					/* @__PURE__ */ (0, W.jsx)(u, {
+						htmlFor: e.name,
+						children: a("editor.submitConfigForm.apiUrl")
+					}),
+					/* @__PURE__ */ (0, W.jsxs)("div", {
+						className: "flex gap-2",
+						children: [/* @__PURE__ */ (0, W.jsx)(h, {
+							id: e.name,
+							name: e.name,
+							value: e.state.value,
+							onBlur: e.handleBlur,
+							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, {
+							asChild: !0,
+							children: /* @__PURE__ */ (0, W.jsx)(m, {
+								type: "button",
+								variant: "outline",
+								size: "icon",
+								children: /* @__PURE__ */ (0, W.jsx)(Ze, { className: "h-4 w-4" })
+							})
+						}), /* @__PURE__ */ (0, W.jsx)(X, {
+							align: "end",
+							children: o.length === 0 ? /* @__PURE__ */ (0, W.jsx)(Z, {
+								disabled: !0,
+								children: a("editor.submitConfigForm.noFieldsAvailable")
+							}) : o.map((t) => /* @__PURE__ */ (0, W.jsx)(Z, {
+								onClick: () => {
+									let n = `{{${t.nodeId}}}`, r = e.state.value || "";
+									e.handleChange(r + n);
+								},
+								children: /* @__PURE__ */ (0, W.jsxs)("div", {
+									className: "flex flex-col",
+									children: [/* @__PURE__ */ (0, W.jsx)("span", {
+										className: "font-medium",
+										children: t.label
+									}), /* @__PURE__ */ (0, W.jsx)("span", {
+										className: "text-muted-foreground text-xs",
+										children: `{{${t.nodeId}}}`
+									})]
+								})
+							}, t.nodeId))
+						})] })]
+					}),
+					/* @__PURE__ */ (0, W.jsx)(E, { children: a("editor.submitConfigForm.apiUrlDesc") })
+				] })
+			}),
+			/* @__PURE__ */ (0, W.jsx)(c, {
+				name: "method",
+				children: (e) => /* @__PURE__ */ (0, W.jsxs)(T, { children: [/* @__PURE__ */ (0, W.jsx)(u, {
+					htmlFor: e.name,
+					children: a("editor.submitConfigForm.httpMethod")
+				}), /* @__PURE__ */ (0, W.jsxs)(y, {
+					value: e.state.value,
+					onValueChange: (t) => e.handleChange(t),
+					children: [/* @__PURE__ */ (0, W.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, {
+							value: "POST",
+							children: a("editor.submitConfigForm.methodPost")
+						}),
+						/* @__PURE__ */ (0, W.jsx)(x, {
+							value: "PUT",
+							children: a("editor.submitConfigForm.methodPut")
+						}),
+						/* @__PURE__ */ (0, W.jsx)(x, {
+							value: "DELETE",
+							children: a("editor.submitConfigForm.methodDelete")
+						}),
+						/* @__PURE__ */ (0, W.jsx)(x, {
+							value: "PATCH",
+							children: a("editor.submitConfigForm.methodPatch")
+						})
+					] })]
+				})] })
+			}),
+			/* @__PURE__ */ (0, W.jsxs)("div", {
+				className: "space-y-4",
+				children: [/* @__PURE__ */ (0, W.jsx)("h4", {
+					className: "font-semibold text-sm",
+					children: a("editor.submitConfigForm.headers")
+				}), /* @__PURE__ */ (0, W.jsx)(c, {
+					name: "headers",
+					mode: "array",
+					children: (e) => /* @__PURE__ */ (0, W.jsxs)("div", {
+						className: "space-y-2",
+						children: [e.state.value?.map((t, n) => {
+							let r = `headers[${n}]`;
+							return /* @__PURE__ */ (0, W.jsxs)("div", {
+								className: "flex items-start gap-2",
+								children: [
+									/* @__PURE__ */ (0, W.jsx)(c, {
+										name: `headers[${n}].key`,
+										children: (e) => /* @__PURE__ */ (0, W.jsx)(h, {
+											placeholder: a("editor.submitConfigForm.headerName"),
+											value: e.state.value || "",
+											onChange: ({ target: t }) => e.handleChange(t.value)
+										})
+									}),
+									/* @__PURE__ */ (0, W.jsx)(c, {
+										name: `headers[${n}].value`,
+										children: (e) => /* @__PURE__ */ (0, W.jsx)(h, {
+											placeholder: a("editor.submitConfigForm.headerValue"),
+											value: e.state.value || "",
+											onChange: ({ target: t }) => e.handleChange(t.value)
+										})
+									}),
+									/* @__PURE__ */ (0, W.jsx)(m, {
+										type: "button",
+										variant: "ghost",
+										size: "icon",
+										onClick: () => {
+											e.removeValue(n);
+										},
+										children: /* @__PURE__ */ (0, W.jsx)(z, { className: "h-4 w-4" })
+									})
+								]
+							}, r);
+						}), /* @__PURE__ */ (0, W.jsxs)(m, {
+							type: "button",
+							variant: "outline",
+							size: "sm",
+							onClick: () => {
+								e.pushValue({
+									key: "",
+									value: ""
+								});
+							},
+							children: [/* @__PURE__ */ (0, W.jsx)(R, { className: "mr-2 h-4 w-4" }), a("editor.submitConfigForm.addHeader")]
+						})]
+					})
+				})]
+			}),
+			/* @__PURE__ */ (0, W.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", {
+					className: "space-y-4",
+					children: [/* @__PURE__ */ (0, W.jsx)(c, {
+						name: "sendAllFormValues",
+						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, {
+								htmlFor: e.name,
+								children: a("editor.submitConfigForm.sendAllFormValues")
+							})]
+						})
+					}), /* @__PURE__ */ (0, W.jsx)(c, {
+						name: "body",
+						children: (e) => /* @__PURE__ */ (0, W.jsxs)(T, { children: [
+							/* @__PURE__ */ (0, W.jsxs)("div", {
+								className: "mb-2 flex items-center justify-between",
+								children: [/* @__PURE__ */ (0, W.jsx)(u, {
+									htmlFor: e.name,
+									children: a("editor.submitConfigForm.requestBody")
+								}), /* @__PURE__ */ (0, W.jsxs)(J, { children: [/* @__PURE__ */ (0, W.jsx)(Y, {
+									asChild: !0,
+									children: /* @__PURE__ */ (0, W.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")]
+									})
+								}), /* @__PURE__ */ (0, W.jsx)(X, {
+									align: "end",
+									children: o.length === 0 ? /* @__PURE__ */ (0, W.jsx)(Z, {
+										disabled: !0,
+										children: a("editor.submitConfigForm.noFieldsAvailable")
+									}) : o.map((t) => /* @__PURE__ */ (0, W.jsx)(Z, {
+										onClick: () => {
+											let n = `{{${t.nodeId}}}`, r = e.state.value || "";
+											e.handleChange(r + n), s().then();
+										},
+										children: /* @__PURE__ */ (0, W.jsxs)("div", {
+											className: "flex flex-col",
+											children: [/* @__PURE__ */ (0, W.jsx)("span", {
+												className: "font-medium",
+												children: t.label
+											}), /* @__PURE__ */ (0, W.jsx)("span", {
+												className: "text-muted-foreground text-xs",
+												children: `{{${t.nodeId}}}`
+											})]
+										})
+									}, t.nodeId))
+								})] })]
+							}),
+							/* @__PURE__ */ (0, W.jsx)(D, {
+								id: e.name,
+								name: e.name,
+								value: e.state.value,
+								onBlur: e.handleBlur,
+								onChange: ({ target: t }) => e.handleChange(t.value),
+								placeholder: a("editor.submitConfigForm.requestBodyPlaceholder"),
+								rows: 4,
+								disabled: t
+							}),
+							/* @__PURE__ */ (0, W.jsx)(E, { children: a(t ? "editor.submitConfigForm.sendAllFormValuesDesc" : "editor.submitConfigForm.requestBodyDesc") })
+						] })
+					})]
+				})
+			}),
+			/* @__PURE__ */ (0, W.jsxs)("div", {
+				className: "space-y-4",
+				children: [
+					/* @__PURE__ */ (0, W.jsx)("h4", {
+						className: "font-semibold text-sm",
+						children: a("editor.submitConfigForm.postSubmission")
+					}),
+					/* @__PURE__ */ (0, W.jsx)(c, {
+						name: "redirectUrl",
+						children: (e) => /* @__PURE__ */ (0, W.jsxs)(T, { children: [
+							/* @__PURE__ */ (0, W.jsx)(u, {
+								htmlFor: e.name,
+								children: a("editor.submitConfigForm.redirectUrl")
+							}),
+							/* @__PURE__ */ (0, W.jsx)(h, {
+								id: e.name,
+								name: e.name,
+								value: e.state.value,
+								onBlur: e.handleBlur,
+								onChange: ({ target: t }) => e.handleChange(t.value),
+								placeholder: a("editor.submitConfigForm.redirectUrlPlaceholder")
+							}),
+							/* @__PURE__ */ (0, W.jsx)(E, { children: a("editor.submitConfigForm.redirectUrlDesc") })
+						] })
+					}),
+					/* @__PURE__ */ (0, W.jsxs)("div", {
+						className: "flex items-center gap-2",
+						children: [/* @__PURE__ */ (0, W.jsx)(c, {
+							name: "successMessage",
+							children: (e) => /* @__PURE__ */ (0, W.jsxs)(T, {
+								className: "flex-1",
+								children: [
+									/* @__PURE__ */ (0, W.jsx)(u, {
+										htmlFor: e.name,
+										children: a("editor.submitConfigForm.successMessage")
+									}),
+									/* @__PURE__ */ (0, W.jsx)(h, {
+										id: e.name,
+										name: e.name,
+										value: e.state.value?.[n] || "",
+										onBlur: e.handleBlur,
+										onChange: ({ target: t }) => {
+											e.handleChange({
+												...typeof e.state.value == "object" && e.state.value !== null ? e.state.value : {},
+												[n]: t.value
+											});
+										},
+										placeholder: a("editor.submitConfigForm.successMessagePlaceholder")
+									}),
+									/* @__PURE__ */ (0, W.jsx)(E, { children: a("editor.submitConfigForm.successMessageDesc") })
+								]
+							})
+						}), /* @__PURE__ */ (0, W.jsx)(Q, {
+							value: n,
+							onValueChange: r
+						})]
+					}),
+					/* @__PURE__ */ (0, W.jsxs)("div", {
+						className: "flex items-center gap-2",
+						children: [/* @__PURE__ */ (0, W.jsx)(c, {
+							name: "errorMessage",
+							children: (e) => /* @__PURE__ */ (0, W.jsxs)(T, {
+								className: "flex-1",
+								children: [
+									/* @__PURE__ */ (0, W.jsx)(u, {
+										htmlFor: e.name,
+										children: a("editor.submitConfigForm.errorMessage")
+									}),
+									/* @__PURE__ */ (0, W.jsx)(h, {
+										id: e.name,
+										name: e.name,
+										value: e.state.value?.[n] || "",
+										onBlur: e.handleBlur,
+										onChange: ({ target: t }) => {
+											e.handleChange({
+												...typeof e.state.value == "object" && e.state.value !== null ? e.state.value : {},
+												[n]: t.value
+											});
+										},
+										placeholder: a("editor.submitConfigForm.errorMessagePlaceholder")
+									}),
+									/* @__PURE__ */ (0, W.jsx)(E, { children: a("editor.submitConfigForm.errorMessageDesc") })
+								]
+							})
+						}), /* @__PURE__ */ (0, W.jsx)(Q, {
+							value: n,
+							onValueChange: r
+						})]
+					})
+				]
+			}),
+			/* @__PURE__ */ (0, W.jsxs)("div", {
+				className: "space-y-4",
+				children: [/* @__PURE__ */ (0, W.jsx)("h4", {
+					className: "font-semibold text-sm",
+					children: a("editor.submitConfigForm.behavior")
+				}), /* @__PURE__ */ (0, W.jsx)(c, {
+					name: "showLoading",
+					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, {
+							htmlFor: e.name,
+							children: a("editor.submitConfigForm.showLoadingState")
+						})]
+					})
+				})]
+			})
+		]
+	}) });
+}, 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 }) => {
+	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, {
+		open: h,
+		onOpenChange: g,
+		children: [/* @__PURE__ */ (0, W.jsx)(d, {
+			asChild: !0,
+			id: t,
+			children: /* @__PURE__ */ (0, W.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", {
+					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, W.jsx)(v, {
+			className: "w-full p-0",
+			align: "start",
+			children: /* @__PURE__ */ (0, W.jsxs)(k, {
+				shouldFilter: !1,
+				children: [/* @__PURE__ */ (0, W.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, {
+						value: "__clear__",
+						onSelect: O,
+						className: "mt-1 text-muted-foreground",
+						children: [/* @__PURE__ */ (0, W.jsx)(z, { className: "mr-2 h-4 w-4" }), s]
+					}) }),
+					/* @__PURE__ */ (0, W.jsxs)(ne, { children: [T && /* @__PURE__ */ (0, W.jsxs)(re, {
+						value: `__create__${_}`,
+						onSelect: D,
+						className: "text-primary",
+						children: [/* @__PURE__ */ (0, W.jsx)(R, { 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, {
+						value: e.label,
+						onSelect: () => E(e?.value || ""),
+						children: [/* @__PURE__ */ (0, W.jsx)(Fe, {
+							"aria-hidden": "true",
+							className: f("mr-2 h-4 w-4", ee && x(e.value) === C ? "opacity-100" : "opacity-0")
+						}), e.label]
+					}, e.value ?? e.label ?? t))] })
+				] })]
+			})
+		})]
+	});
+}, sn = Object.entries({
+	alphanumeric: "^[a-zA-Z0-9]+$",
+	email: "^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$",
+	letters: "^[a-zA-Z]+$",
+	number: "^[0-9]+$",
+	url: "^https?:\\/\\/.+$"
+}).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, {
+	id: e,
+	options: P(() => t && !sn.some((e) => e.value === t) ? [...sn, {
+		label: `Custom: ${t}`,
+		value: t
+	}] : sn, [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) => {
+	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) => {
+	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");
+	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) => {
+	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();
+	Ae(() => {
+		i || s(e && /^https?:\/\//i.test(e) ? e : "");
+	}, [i, e]), Ae(() => () => {
+		r.current && clearTimeout(r.current);
+	}, []);
+	let l = async (e) => {
+		let r = e.target.files?.[0];
+		if (r) try {
+			t(await fn(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"));
+		} finally {
+			n.current && (n.current.value = "");
+		}
+	}, 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", {
+		className: "relative",
+		children: [
+			/* @__PURE__ */ (0, W.jsx)("input", {
+				ref: n,
+				type: "file",
+				accept: "image/*",
+				className: "hidden",
+				onChange: l
+			}),
+			/* @__PURE__ */ (0, W.jsxs)(ce, {
+				open: i,
+				onOpenChange: a,
+				children: [/* @__PURE__ */ (0, W.jsx)(d, {
+					asChild: !0,
+					children: e ? /* @__PURE__ */ (0, W.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", {
+							src: e,
+							alt: "",
+							className: "h-full w-full object-cover"
+						})
+					}) : /* @__PURE__ */ (0, W.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" })
+					})
+				}), /* @__PURE__ */ (0, W.jsxs)(v, {
+					align: "start",
+					className: "w-64 space-y-3 p-3",
+					children: [
+						/* @__PURE__ */ (0, W.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")]
+						}),
+						/* @__PURE__ */ (0, W.jsx)(oe, {}),
+						/* @__PURE__ */ (0, W.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, {
+								placeholder: c("editor.inputNodeForm.optionImageUrlPlaceholder"),
+								value: o,
+								onChange: f,
+								onKeyDown: (e) => {
+									e.key === "Enter" && (e.preventDefault(), u());
+								},
+								onBlur: u
+							})]
+						})
+					]
+				})]
+			}),
+			e && /* @__PURE__ */ (0, W.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" })
+			})
+		]
+	});
+}, gn = ({ value: e, onValueChange: t }) => {
+	let n = G(), r = je();
+	return /* @__PURE__ */ (0, W.jsxs)(M, { children: [/* @__PURE__ */ (0, W.jsx)(le, {
+		htmlFor: r,
+		children: n("editor.selectInputType.type")
+	}), /* @__PURE__ */ (0, W.jsxs)(y, {
+		value: e,
+		onValueChange: t,
+		children: [/* @__PURE__ */ (0, W.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, {
+			value: e,
+			className: "capitalize",
+			children: e
+		}, e)) }) })]
+	})] });
+};
+//#endregion
+//#region src/shared/components/ui/collapsible.tsx
+function _n({ ...e }) {
+	return /* @__PURE__ */ (0, W.jsx)(at.Root, {
+		"data-slot": "collapsible",
+		...e
+	});
+}
+function vn({ ...e }) {
+	return /* @__PURE__ */ (0, W.jsx)(at.CollapsibleTrigger, {
+		"data-slot": "collapsible-trigger",
+		...e
+	});
+}
+function yn({ ...e }) {
+	return /* @__PURE__ */ (0, W.jsx)(at.CollapsibleContent, {
+		"data-slot": "collapsible-content",
+		...e
+	});
+}
+//#endregion
+//#region src/editor/features/TreegeEditor/forms/InputNodeForm.tsx
+var bn = () => {
+	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({
+		defaultValues: {
+			defaultValue: n?.data?.defaultValue,
+			disablePast: n?.data?.disablePast,
+			errorMessage: n?.data?.errorMessage || { en: "" },
+			helperText: n?.data?.helperText || { en: "" },
+			httpConfig: n?.data?.httpConfig,
+			label: n?.data?.label || { en: "" },
+			multiple: n?.data?.multiple,
+			name: n?.data?.name || "",
+			options: n?.data?.options || [],
+			pattern: n?.data?.pattern || "",
+			placeholder: n?.data?.placeholder || { en: "" },
+			required: n?.data?.required,
+			submitConfig: n?.data?.submitConfig,
+			type: n?.data?.type || ""
+		},
+		listeners: {
+			onChange: ({ formApi: e }) => {
+				e.handleSubmit().then();
+			},
+			onChangeDebounceMs: 150
+		},
+		onSubmit: ({ value: e }) => {
+			r(e);
+		}
+	});
+	return /* @__PURE__ */ (0, W.jsx)("form", {
+		onSubmit: (e) => {
+			e.preventDefault(), e.stopPropagation();
+		},
+		children: /* @__PURE__ */ (0, W.jsxs)("div", {
+			className: "grid gap-6",
+			children: [
+				/* @__PURE__ */ (0, W.jsx)(d, {
+					name: "type",
+					children: (e) => /* @__PURE__ */ (0, W.jsx)(T, { children: /* @__PURE__ */ (0, W.jsx)(gn, {
+						value: e.state.value,
+						onValueChange: (t) => e.handleChange(t)
+					}) })
+				}),
+				/* @__PURE__ */ (0, W.jsxs)("div", {
+					className: "flex items-end gap-2",
+					children: [/* @__PURE__ */ (0, W.jsx)(d, {
+						name: "label",
+						children: (t) => /* @__PURE__ */ (0, W.jsxs)(T, {
+							className: "flex-1",
+							children: [/* @__PURE__ */ (0, W.jsx)(u, {
+								htmlFor: t.name,
+								children: o("editor.inputNodeForm.label")
+							}), /* @__PURE__ */ (0, W.jsx)(h, {
+								autoFocus: !0,
+								id: t.name,
+								name: t.name,
+								value: t.state.value?.[e] || "",
+								onBlur: t.handleBlur,
+								onChange: ({ target: n }) => {
+									t.handleChange({
+										...typeof t.state.value == "object" && t.state.value !== null ? t.state.value : {},
+										[e]: n.value
+									});
+								}
+							})]
+						})
+					}), /* @__PURE__ */ (0, W.jsx)(Q, {
+						value: e,
+						onValueChange: t
+					})]
+				}),
+				!s && n?.data?.type !== "file" && /* @__PURE__ */ (0, W.jsxs)("div", {
+					className: "flex items-end gap-2",
+					children: [/* @__PURE__ */ (0, W.jsx)(d, {
+						name: "placeholder",
+						children: (t) => /* @__PURE__ */ (0, W.jsxs)(T, {
+							className: "flex-1",
+							children: [/* @__PURE__ */ (0, W.jsx)(u, {
+								htmlFor: t.name,
+								children: o("editor.inputNodeForm.placeholder")
+							}), /* @__PURE__ */ (0, W.jsx)(h, {
+								id: t.name,
+								name: t.name,
+								value: t.state.value?.[e] || "",
+								onBlur: t.handleBlur,
+								onChange: ({ target: n }) => {
+									t.handleChange({
+										...typeof t.state.value == "object" && t.state.value !== null ? t.state.value : {},
+										[e]: n.value
+									});
+								}
+							})]
+						})
+					}), /* @__PURE__ */ (0, W.jsx)(Q, {
+						value: e,
+						onValueChange: t
+					})]
+				}),
+				!s && /* @__PURE__ */ (0, W.jsxs)("div", {
+					className: "flex items-end gap-2",
+					children: [/* @__PURE__ */ (0, W.jsx)(d, {
+						name: "helperText",
+						children: (t) => /* @__PURE__ */ (0, W.jsxs)(T, {
+							className: "flex-1",
+							children: [/* @__PURE__ */ (0, W.jsx)(u, {
+								htmlFor: t.name,
+								children: o("editor.inputNodeForm.helperText")
+							}), /* @__PURE__ */ (0, W.jsx)(h, {
+								id: t.name,
+								name: t.name,
+								value: t.state.value?.[e] || "",
+								onBlur: t.handleBlur,
+								onChange: ({ target: n }) => {
+									t.handleChange({
+										...typeof t.state.value == "object" && t.state.value !== null ? t.state.value : {},
+										[e]: n.value
+									});
+								}
+							})]
+						})
+					}), /* @__PURE__ */ (0, W.jsx)(Q, {
+						value: e,
+						onValueChange: t
+					})]
+				}),
+				n?.data?.type === "http" && /* @__PURE__ */ (0, W.jsxs)(_n, {
+					defaultOpen: !0,
+					className: "flex w-full max-w-[350px] flex-col gap-2",
+					children: [/* @__PURE__ */ (0, W.jsx)(vn, {
+						asChild: !0,
+						children: /* @__PURE__ */ (0, W.jsxs)("div", {
+							className: "flex items-center justify-between gap-4",
+							children: [/* @__PURE__ */ (0, W.jsx)("h4", {
+								className: "font-semibold text-sm",
+								children: o("editor.inputNodeForm.httpConfiguration")
+							}), /* @__PURE__ */ (0, W.jsxs)(m, {
+								variant: "ghost",
+								size: "icon",
+								className: "size-8",
+								children: [/* @__PURE__ */ (0, W.jsx)(L, {}), /* @__PURE__ */ (0, W.jsx)("span", {
+									className: "sr-only",
+									children: o("common.toggle")
+								})]
+							})]
+						})
+					}), /* @__PURE__ */ (0, W.jsx)(yn, {
+						className: "flex flex-col gap-4",
+						children: /* @__PURE__ */ (0, W.jsx)(d, {
+							name: "httpConfig",
+							children: (e) => /* @__PURE__ */ (0, W.jsx)(nn, {
+								value: e.state.value,
+								onChange: (t) => {
+									e.handleChange(t), c().then();
+								}
+							})
+						})
+					})]
+				}),
+				s && /* @__PURE__ */ (0, W.jsxs)(_n, {
+					className: "flex w-full max-w-[350px] flex-col gap-2",
+					children: [/* @__PURE__ */ (0, W.jsx)(vn, {
+						asChild: !0,
+						children: /* @__PURE__ */ (0, W.jsxs)("div", {
+							className: "flex items-center justify-between gap-4",
+							children: [/* @__PURE__ */ (0, W.jsx)("h4", {
+								className: "font-semibold text-sm",
+								children: o("editor.inputNodeForm.submitConfiguration")
+							}), /* @__PURE__ */ (0, W.jsxs)(m, {
+								variant: "ghost",
+								size: "icon",
+								className: "size-8",
+								children: [/* @__PURE__ */ (0, W.jsx)(L, {}), /* @__PURE__ */ (0, W.jsx)("span", {
+									className: "sr-only",
+									children: o("common.toggle")
+								})]
+							})]
+						})
+					}), /* @__PURE__ */ (0, W.jsx)(yn, {
+						className: "flex flex-col gap-4",
+						children: /* @__PURE__ */ (0, W.jsx)(d, {
+							name: "submitConfig",
+							children: (e) => /* @__PURE__ */ (0, W.jsx)(an, {
+								value: e.state.value,
+								onChange: (t) => {
+									e.handleChange(t), c().then();
+								}
+							})
+						})
+					})]
+				}),
+				n?.data?.type === "file" && /* @__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, {
+							htmlFor: e.name,
+							children: o("editor.inputNodeForm.multipleFiles")
+						})]
+					})
+				}),
+				i && /* @__PURE__ */ (0, W.jsxs)(_n, {
+					defaultOpen: !0,
+					className: "flex w-full max-w-[350px] flex-col gap-2",
+					children: [/* @__PURE__ */ (0, W.jsx)(vn, {
+						asChild: !0,
+						children: /* @__PURE__ */ (0, W.jsxs)("div", {
+							className: "flex items-center justify-between gap-4",
+							children: [/* @__PURE__ */ (0, W.jsx)("h4", {
+								className: "font-semibold text-sm",
+								children: o("editor.inputNodeForm.options")
+							}), /* @__PURE__ */ (0, W.jsxs)(m, {
+								variant: "ghost",
+								size: "icon",
+								className: "size-8",
+								children: [/* @__PURE__ */ (0, W.jsx)(L, {}), /* @__PURE__ */ (0, W.jsx)("span", {
+									className: "sr-only",
+									children: o("common.toggle")
+								})]
+							})]
+						})
+					}), /* @__PURE__ */ (0, W.jsxs)(yn, {
+						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"),
+													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, 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, {
+									htmlFor: e.name,
+									children: o("editor.inputNodeForm.multipleSelection")
+								})]
+							})
+						})]
+					})]
+				}),
+				!s && /* @__PURE__ */ (0, W.jsxs)(_n, {
+					className: "flex w-full max-w-[350px] flex-col gap-2",
+					children: [/* @__PURE__ */ (0, W.jsx)(vn, {
+						asChild: !0,
+						children: /* @__PURE__ */ (0, W.jsxs)("div", {
+							className: "flex items-center justify-between gap-4",
+							children: [/* @__PURE__ */ (0, W.jsx)("h4", {
+								className: "font-semibold text-sm",
+								children: o("editor.inputNodeForm.validation")
+							}), /* @__PURE__ */ (0, W.jsxs)(m, {
+								variant: "ghost",
+								size: "icon",
+								className: "size-8",
+								children: [/* @__PURE__ */ (0, W.jsx)(L, {}), /* @__PURE__ */ (0, W.jsx)("span", {
+									className: "sr-only",
+									children: o("common.toggle")
+								})]
+							})]
+						})
+					}), /* @__PURE__ */ (0, W.jsxs)(yn, {
+						className: "flex flex-col gap-6",
+						children: [
+							/* @__PURE__ */ (0, W.jsx)(d, {
+								name: "required",
+								children: (e) => /* @__PURE__ */ (0, W.jsx)(T, { children: /* @__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, {
+										htmlFor: e.name,
+										children: o("editor.inputNodeForm.required")
+									})]
+								}) })
+							}),
+							(n?.data?.type === "date" || n?.data?.type === "daterange") && /* @__PURE__ */ (0, W.jsx)(d, {
+								name: "disablePast",
+								children: (e) => /* @__PURE__ */ (0, W.jsx)(T, { children: /* @__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, {
+										htmlFor: e.name,
+										children: o("editor.inputNodeForm.disablePast")
+									})]
+								}) })
+							}),
+							/* @__PURE__ */ (0, W.jsx)(d, {
+								name: "pattern",
+								children: (e) => /* @__PURE__ */ (0, W.jsxs)(T, { children: [/* @__PURE__ */ (0, W.jsx)(u, {
+									htmlFor: e.name,
+									children: o("editor.inputNodeForm.pattern")
+								}), /* @__PURE__ */ (0, W.jsx)(cn, {
+									id: e.name,
+									value: e.state.value,
+									onValueChange: e.handleChange
+								})] })
+							}),
+							/* @__PURE__ */ (0, W.jsxs)("div", {
+								className: "flex items-end gap-2",
+								children: [/* @__PURE__ */ (0, W.jsx)(d, {
+									name: "errorMessage",
+									children: (t) => /* @__PURE__ */ (0, W.jsxs)(T, {
+										className: "flex-1",
+										children: [/* @__PURE__ */ (0, W.jsx)(u, {
+											htmlFor: t.name,
+											children: o("editor.inputNodeForm.errorMessage")
+										}), /* @__PURE__ */ (0, W.jsx)(h, {
+											id: t.name,
+											name: t.name,
+											value: t.state.value?.[e] || "",
+											onBlur: t.handleBlur,
+											onChange: ({ target: n }) => {
+												t.handleChange({
+													...typeof t.state.value == "object" && t.state.value !== null ? t.state.value : {},
+													[e]: n.value
+												});
+											}
+										})]
+									})
+								}), /* @__PURE__ */ (0, W.jsx)(Q, {
+									value: e,
+									onValueChange: t
+								})]
+							})
+						]
+					})]
+				}),
+				!s && /* @__PURE__ */ (0, W.jsxs)(_n, {
+					className: "flex w-full max-w-[350px] flex-col gap-2",
+					children: [/* @__PURE__ */ (0, W.jsx)(vn, {
+						asChild: !0,
+						children: /* @__PURE__ */ (0, W.jsxs)("div", {
+							className: "flex items-center justify-between gap-4",
+							children: [/* @__PURE__ */ (0, W.jsx)("h4", {
+								className: "font-semibold text-sm",
+								children: o("editor.inputNodeForm.advancedConfiguration")
+							}), /* @__PURE__ */ (0, W.jsxs)(m, {
+								variant: "ghost",
+								size: "icon",
+								className: "size-8",
+								children: [/* @__PURE__ */ (0, W.jsx)(L, {}), /* @__PURE__ */ (0, W.jsx)("span", {
+									className: "sr-only",
+									children: o("common.toggle")
+								})]
+							})]
+						})
+					}), /* @__PURE__ */ (0, W.jsxs)(yn, {
+						className: "flex flex-col gap-6",
+						children: [/* @__PURE__ */ (0, W.jsx)(d, {
+							name: "name",
+							children: (e) => /* @__PURE__ */ (0, W.jsxs)(T, { children: [
+								/* @__PURE__ */ (0, W.jsx)(u, {
+									htmlFor: e.name,
+									children: o("editor.inputNodeForm.name")
+								}),
+								/* @__PURE__ */ (0, W.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, W.jsx)(d, {
+							name: "defaultValue",
+							children: (e) => /* @__PURE__ */ (0, W.jsxs)(W.Fragment, { children: [
+								/* @__PURE__ */ (0, W.jsxs)(T, { children: [/* @__PURE__ */ (0, W.jsx)(u, {
+									htmlFor: e.name,
+									children: o("editor.inputNodeForm.defaultValueType")
+								}), /* @__PURE__ */ (0, W.jsxs)(y, {
+									value: e.state.value?.type || "none",
+									onValueChange: (t) => {
+										e.handleChange(t === "none" ? null : { type: t });
+									},
+									children: [/* @__PURE__ */ (0, W.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, {
+											value: "none",
+											children: o("editor.inputNodeForm.defaultValueTypeNone")
+										}),
+										/* @__PURE__ */ (0, W.jsx)(x, {
+											value: "static",
+											children: o("editor.inputNodeForm.defaultValueTypeStatic")
+										}),
+										/* @__PURE__ */ (0, W.jsx)(x, {
+											value: "reference",
+											children: o("editor.inputNodeForm.defaultValueTypeReference")
+										})
+									] })]
+								})] }),
+								e.state.value?.type === "static" && /* @__PURE__ */ (0, W.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, {
+											htmlFor: e.name,
+											children: o("editor.inputNodeForm.defaultValuesCommaSeparated")
+										}), /* @__PURE__ */ (0, W.jsx)(h, {
+											id: e.name,
+											placeholder: o("editor.inputNodeForm.defaultValuesPlaceholder"),
+											value: Array.isArray(e.state.value) ? e.state.value.join(", ") : "",
+											onChange: ({ target: t }) => {
+												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", {
+											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, {
+												htmlFor: e.name,
+												children: o("editor.inputNodeForm.defaultChecked")
+											})]
+										}) }) : /* @__PURE__ */ (0, W.jsxs)(T, { children: [/* @__PURE__ */ (0, W.jsx)(u, {
+											htmlFor: e.name,
+											children: o("editor.inputNodeForm.staticValue")
+										}), /* @__PURE__ */ (0, W.jsx)(h, {
+											id: e.name,
+											placeholder: o("editor.inputNodeForm.staticValuePlaceholder"),
+											value: typeof e.state.value == "string" ? e.state.value : "",
+											onChange: ({ target: t }) => e.handleChange(t.value || "")
+										})] });
+									}
+								}),
+								e.state.value?.type === "reference" && /* @__PURE__ */ (0, W.jsxs)(W.Fragment, { children: [
+									/* @__PURE__ */ (0, W.jsx)(d, {
+										name: "defaultValue.referenceField",
+										children: (e) => /* @__PURE__ */ (0, W.jsxs)(T, { children: [
+											/* @__PURE__ */ (0, W.jsx)(u, {
+												htmlFor: e.name,
+												children: o("editor.inputNodeForm.referenceField")
+											}),
+											/* @__PURE__ */ (0, W.jsxs)(y, {
+												value: e.state.value || "",
+												onValueChange: (t) => {
+													e.handleChange(t);
+												},
+												children: [/* @__PURE__ */ (0, W.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, {
+													value: "none",
+													disabled: !0,
+													children: o("editor.inputNodeForm.noParentFieldsAvailable")
+												}) : a.map((e) => /* @__PURE__ */ (0, W.jsxs)(x, {
+													value: e.nodeId,
+													children: [
+														e.label,
+														" (",
+														e.type,
+														")"
+													]
+												}, e.nodeId)) })]
+											}),
+											a.length === 0 && /* @__PURE__ */ (0, W.jsx)(E, { children: o("editor.inputNodeForm.addInputFieldsBeforeReference") })
+										] })
+									}),
+									/* @__PURE__ */ (0, W.jsx)(d, {
+										name: "defaultValue.transformFunction",
+										children: (t) => /* @__PURE__ */ (0, W.jsxs)(T, { children: [
+											/* @__PURE__ */ (0, W.jsx)(u, {
+												htmlFor: t.name,
+												children: o("editor.inputNodeForm.transformType")
+											}),
+											/* @__PURE__ */ (0, W.jsxs)(y, {
+												value: t.state.value || "none",
+												onValueChange: (n) => {
+													let r = n === "none" ? null : n;
+													if (t.handleChange(r), n === "toObject") {
+														let t = e.state.value;
+														e.handleChange({
+															...t,
+															objectMapping: []
+														});
+													}
+												},
+												children: [/* @__PURE__ */ (0, W.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, {
+														value: "none",
+														children: o("editor.inputNodeForm.transformNone")
+													}),
+													/* @__PURE__ */ (0, W.jsx)(x, {
+														value: "toString",
+														children: o("editor.inputNodeForm.transformString")
+													}),
+													/* @__PURE__ */ (0, W.jsx)(x, {
+														value: "toNumber",
+														children: o("editor.inputNodeForm.transformNumber")
+													}),
+													/* @__PURE__ */ (0, W.jsx)(x, {
+														value: "toBoolean",
+														children: o("editor.inputNodeForm.transformBoolean")
+													}),
+													/* @__PURE__ */ (0, W.jsx)(x, {
+														value: "toArray",
+														children: o("editor.inputNodeForm.transformArray")
+													}),
+													/* @__PURE__ */ (0, W.jsx)(x, {
+														value: "toObject",
+														children: o("editor.inputNodeForm.transformMapToObject")
+													})
+												] })]
+											}),
+											/* @__PURE__ */ (0, W.jsx)(E, { children: o("editor.inputNodeForm.transformDesc") })
+										] })
+									}),
+									e.state.value?.transformFunction === "toObject" && /* @__PURE__ */ (0, W.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", {
+												className: "space-y-2",
+												children: [e.state.value?.map((t, n) => /* @__PURE__ */ (0, W.jsxs)("div", {
+													className: "flex items-center gap-2",
+													children: [
+														/* @__PURE__ */ (0, W.jsx)(d, {
+															name: `defaultValue.objectMapping[${n}].sourceKey`,
+															children: (e) => /* @__PURE__ */ (0, W.jsx)(h, {
+																placeholder: o("editor.inputNodeForm.sourceKey"),
+																value: e.state.value || "",
+																onChange: ({ target: t }) => e.handleChange(t.value)
+															})
+														}),
+														/* @__PURE__ */ (0, W.jsx)("span", {
+															className: "text-muted-foreground",
+															children: "→"
+														}),
+														/* @__PURE__ */ (0, W.jsx)(d, {
+															name: `defaultValue.objectMapping[${n}].targetKey`,
+															children: (e) => /* @__PURE__ */ (0, W.jsx)(h, {
+																placeholder: o("editor.inputNodeForm.targetKey"),
+																value: e.state.value || "",
+																onChange: ({ target: t }) => e.handleChange(t.value)
+															})
+														}),
+														/* @__PURE__ */ (0, W.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" })
+														})
+													]
+												}, `mapping-${n}`)), /* @__PURE__ */ (0, W.jsxs)(m, {
+													type: "button",
+													variant: "outline",
+													size: "sm",
+													className: "w-full",
+													onClick: () => {
+														e.pushValue({
+															sourceKey: "",
+															targetKey: ""
+														}), c().then();
+													},
+													children: [/* @__PURE__ */ (0, W.jsx)(R, { className: "mr-2 h-4 w-4" }), o("editor.inputNodeForm.addMapping")]
+												})]
+											}),
+											/* @__PURE__ */ (0, W.jsx)(E, { children: o("editor.inputNodeForm.objectMappingDesc") })
+										] })
+									})
+								] })
+							] })
+						})]
+					})]
+				})
+			]
+		})
+	});
+}, xn = () => {
+	let [e, t] = F("en"), { selectedNode: n } = $(), { updateSelectedNodeData: r } = K(), { Field: i } = I({
+		defaultValues: {
+			label: n?.data?.label || { en: "" },
+			type: n?.data?.type || ""
+		},
+		listeners: {
+			onChange: ({ formApi: e }) => {
+				e.handleSubmit().then();
+			},
+			onChangeDebounceMs: 150
+		},
+		onSubmit: ({ value: e }) => {
+			r(e);
+		}
+	});
+	return /* @__PURE__ */ (0, W.jsx)("form", {
+		onSubmit: (e) => {
+			e.preventDefault(), e.stopPropagation();
+		},
+		children: /* @__PURE__ */ (0, W.jsxs)("div", {
+			className: "grid gap-6",
+			children: [/* @__PURE__ */ (0, W.jsxs)("div", {
+				className: "flex items-end gap-2",
+				children: [/* @__PURE__ */ (0, W.jsx)(i, {
+					name: "label",
+					children: (t) => /* @__PURE__ */ (0, W.jsxs)(T, {
+						className: "flex-1",
+						children: [/* @__PURE__ */ (0, W.jsx)(u, {
+							htmlFor: t.name,
+							children: "Label"
+						}), /* @__PURE__ */ (0, W.jsx)(h, {
+							id: t.name,
+							name: t.name,
+							value: t.state.value?.[e] || "",
+							onBlur: t.handleBlur,
+							onChange: ({ target: n }) => {
+								t.handleChange({
+									...t.state.value,
+									[e]: n.value
+								});
+							}
+						})]
+					})
+				}), /* @__PURE__ */ (0, W.jsx)(Q, {
+					value: e,
+					onValueChange: t
+				})]
+			}), /* @__PURE__ */ (0, W.jsx)(i, {
+				name: "type",
+				children: (e) => /* @__PURE__ */ (0, W.jsxs)(M, { children: [/* @__PURE__ */ (0, W.jsx)(le, {
+					htmlFor: e.name,
+					children: "Type"
+				}), /* @__PURE__ */ (0, W.jsxs)(y, {
+					value: e.state.value,
+					onValueChange: (t) => e.handleChange(t),
+					children: [/* @__PURE__ */ (0, W.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: "Title"
+					}), /* @__PURE__ */ (0, W.jsx)(x, {
+						value: At.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();
+	if (f) return null;
+	let S = (e) => {
+		i && s((t) => e === "none" ? t.map((e) => {
+			if (e.id === i.id) {
+				let { parentId: t, extent: n, ...r } = e;
+				return r;
+			}
+			return e;
+		}) : t.find((t) => t.id === e) ? t.map((t) => t.id === i.id ? {
+			...t,
+			extent: "parent",
+			parentId: e,
+			position: {
+				x: 50,
+				y: 80
+			}
+		} : t) : t);
+	}, C = () => {
+		if (!(e.trim() && i)) return;
+		if (o.find((t) => {
+			let n = t.data?.label?.en || t.data?.label;
+			return String(n).toLowerCase() === e.trim().toLowerCase();
+		})) {
+			V.error("This group already exists", { description: "Use the selector to add the node to an existing group." });
+			return;
+		}
+		let n = q();
+		s((t) => [{
+			data: { label: { en: e.trim() } },
+			id: n,
+			position: {
+				x: i.position.x - 300,
+				y: i.position.y
+			},
+			style: {
+				height: 400,
+				width: 600
+			},
+			type: "group"
+		}, ...t.map((e) => e.id === i.id ? {
+			...e,
+			extent: "parent",
+			parentId: n,
+			position: {
+				x: 175,
+				y: 30
+			}
+		} : e)]), t(""), r(!1), V.success("Group created", { description: `The group "${e.trim()}" has been created successfully.` });
+	};
+	return /* @__PURE__ */ (0, W.jsxs)("div", {
+		className: "space-y-2",
+		children: [/* @__PURE__ */ (0, W.jsx)(u, {
+			htmlFor: g,
+			children: p("editor.selectNodeGroup.group")
+		}), /* @__PURE__ */ (0, W.jsxs)("div", {
+			className: "flex gap-2",
+			children: [/* @__PURE__ */ (0, W.jsxs)(y, {
+				value: c,
+				onValueChange: S,
+				children: [/* @__PURE__ */ (0, W.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, {
+					value: "none",
+					children: p("editor.selectNodeGroup.noGroup")
+				}), o.map((e) => /* @__PURE__ */ (0, W.jsx)(x, {
+					value: e.id,
+					children: e.data.label?.en ? String(e.data.label?.en) : e.id
+				}, e.id))] }) })]
+			}), /* @__PURE__ */ (0, W.jsxs)(ce, {
+				open: n,
+				onOpenChange: r,
+				children: [/* @__PURE__ */ (0, W.jsx)(d, {
+					asChild: !0,
+					children: /* @__PURE__ */ (0, W.jsx)(m, {
+						variant: "outline",
+						size: "icon",
+						title: "Create a new group",
+						children: /* @__PURE__ */ (0, W.jsx)(Ke, { className: "h-4 w-4" })
+					})
+				}), /* @__PURE__ */ (0, W.jsx)(v, {
+					className: "w-80",
+					align: "end",
+					disablePortal: !0,
+					children: /* @__PURE__ */ (0, W.jsxs)("div", {
+						className: "space-y-4",
+						children: [
+							/* @__PURE__ */ (0, W.jsxs)("div", {
+								className: "space-y-2",
+								children: [/* @__PURE__ */ (0, W.jsx)("h4", {
+									className: "font-medium leading-none",
+									children: p("editor.selectNodeGroup.newGroup")
+								}), /* @__PURE__ */ (0, W.jsx)("p", {
+									className: "text-muted-foreground text-sm",
+									children: p("editor.selectNodeGroup.newGroupDescription")
+								})]
+							}),
+							/* @__PURE__ */ (0, W.jsxs)("div", {
+								className: "space-y-2",
+								children: [/* @__PURE__ */ (0, W.jsx)(u, {
+									htmlFor: b,
+									children: p("editor.selectNodeGroup.groupName")
+								}), /* @__PURE__ */ (0, W.jsx)(h, {
+									autoFocus: !0,
+									id: b,
+									value: e,
+									onChange: (e) => t(e.target.value),
+									placeholder: "Ex: Step 1 - Personal info",
+									onKeyDown: (e) => {
+										e.key === "Enter" && (e.preventDefault(), C());
+									}
+								})]
+							}),
+							/* @__PURE__ */ (0, W.jsxs)("div", {
+								className: "flex justify-end gap-2",
+								children: [/* @__PURE__ */ (0, W.jsx)(m, {
+									variant: "outline",
+									size: "sm",
+									onClick: () => r(!1),
+									children: "Cancel"
+								}), /* @__PURE__ */ (0, W.jsx)(m, {
+									size: "sm",
+									onClick: C,
+									disabled: !e.trim(),
+									children: "Create"
+								})]
+							})
+						]
+					})
+				})]
+			})]
+		})]
+	});
+}, 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, {
+		htmlFor: o,
+		children: i("editor.selectNodeType.nodeType")
+	}), /* @__PURE__ */ (0, W.jsxs)(y, {
+		value: n,
+		onValueChange: (e) => t(e),
+		disabled: r,
+		children: [/* @__PURE__ */ (0, W.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, {
+			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, {
+		"data-slot": "sheet",
+		...e
+	});
+}
+function In({ ...e }) {
+	return /* @__PURE__ */ (0, W.jsx)(H.Portal, {
+		"data-slot": "sheet-portal",
+		...e
+	});
+}
+function Ln({ className: e, ...t }) {
+	return /* @__PURE__ */ (0, W.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, {
+		"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, {
+			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", {
+				className: "sr-only",
+				children: "Close"
+			})]
+		})]
+	})] });
+}
+function zn({ className: e, ...t }) {
+	return /* @__PURE__ */ (0, W.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", {
+		"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, {
+		"data-slot": "sheet-title",
+		className: f("font-semibold text-foreground", e),
+		...t
+	});
+}
+function Hn({ className: e, ...t }) {
+	return /* @__PURE__ */ (0, W.jsx)(H.Description, {
+		"data-slot": "sheet-description",
+		className: f("text-muted-foreground text-sm", 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 = () => {
+		s(!1), r();
+	};
+	return /* @__PURE__ */ (0, W.jsx)(Fn, {
+		open: o && !!e,
+		onOpenChange: (e) => {
+			e || d();
+		},
+		children: /* @__PURE__ */ (0, W.jsxs)(Rn, {
+			className: "flex flex-col gap-0",
+			children: [
+				/* @__PURE__ */ (0, W.jsxs)(zn, { children: [/* @__PURE__ */ (0, W.jsxs)(Vn, { children: [
+					l("editor.nodeActionsSheet.editNode"),
+					" ",
+					/* @__PURE__ */ (0, W.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, {
+					className: "flex min-h-0 flex-1 flex-col px-4",
+					children: /* @__PURE__ */ (0, W.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, W.jsx)(Bn, {
+					className: "flex items-end border-t",
+					children: /* @__PURE__ */ (0, W.jsxs)(wn, { children: [/* @__PURE__ */ (0, W.jsx)(Tn, {
+						asChild: !0,
+						children: /* @__PURE__ */ (0, W.jsx)(m, {
+							variant: "ghost",
+							size: "icon",
+							children: /* @__PURE__ */ (0, W.jsx)(Ye, {})
+						})
+					}), /* @__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, {
+						onClick: () => {
+							i(), d();
+						},
+						children: l("common.delete")
+					})] })] })] })
+				})
+			]
+		})
+	});
+}, Wn = ({ ...e }) => {
+	let { theme: t = "system" } = ot();
+	return /* @__PURE__ */ (0, W.jsx)(it, {
+		theme: t,
+		className: "toaster group",
+		style: {
+			"--normal-bg": "var(--treege-popover)",
+			"--normal-border": "var(--treege-border)",
+			"--normal-text": "var(--treege-popover-foreground)"
+		},
+		...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, {
+		fitView: !0,
+		colorMode: r,
+		selectNodesOnDrag: !1,
+		nodeTypes: zt,
+		edgeTypes: gt,
+		defaultEdges: e?.edges || [],
+		defaultNodes: e?.nodes || [],
+		onConnect: a,
+		onConnectEnd: o,
+		onEdgesDelete: s,
+		isValidConnection: c,
+		className: f(i, "treege"),
+		children: [
+			/* @__PURE__ */ (0, W.jsx)(ue, {
+				gap: 10,
+				variant: de.Dots
+			}),
+			/* @__PURE__ */ (0, W.jsx)(Zt, {
+				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, {})
+		]
+	});
+}, Kn = ({ flow: e, onExportJson: t, onSave: n, theme: r = "dark", language: i = "en", aiConfig: a }) => /* @__PURE__ */ (0, W.jsx)(s, {
+	defaultTheme: r,
+	storageKey: "treege-editor-theme",
+	theme: r,
+	children: /* @__PURE__ */ (0, W.jsxs)(ft, {
+		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, {
+			onExportJson: t,
+			onSave: n,
+			flow: e,
+			theme: r
+		}) })]
+	})
+});
+//#endregion
+export { Kn as t };