treege 3.0.0-beta.9 → 3.0.0-beta40

package/dist/editor-DWJ95r4g.js

@@ -0,0 +1,4001 @@
+import { A as e, E as t, F as n, I as r, L as i, N as a, P as o, T as s, j as c, k as l, t as u } from "./ThemeContext-Ejgu9Mwr.js";
+import { $ as d, A as f, B as p, F as m, G as h, H as g, I as _, J as v, K as y, L as b, M as ee, N as te, P as x, Q as ne, R as S, U as C, V as re, W as w, X as ie, Y as T, Z as ae, _ as oe, at as E, c as D, et as O, it as k, j as se, k as ce, nt as A, o as le, p as ue, q as de, rt as fe, t as pe, tt as j, v as me, z as he } from "./DefaultInputs-8yJMEyMh.js";
+import { Background as ge, BackgroundVariant as _e, BaseEdge as ve, Controls as ye, EdgeLabelRenderer as be, Handle as xe, MiniMap as Se, NodeResizer as Ce, Panel as we, Position as Te, ReactFlow as Ee, ReactFlowProvider as De, addEdge as Oe, getBezierPath as ke, useEdges as Ae, useNodes as je, useNodesInitialized as Me, useReactFlow as M, useStore as Ne } from "@xyflow/react";
+import { Fragment as N, jsx as P, jsxs as F } from "react/jsx-runtime";
+import { useForm as Pe } from "@tanstack/react-form";
+import { AlignLeft as Fe, ArrowRightFromLine as Ie, Boxes as Le, Calendar as Re, CalendarRange as ze, CaseSensitive as Be, Check as Ve, CheckSquare as He, ChevronDown as Ue, ChevronsUpDown as We, CircleDot as Ge, Clock as Ke, ClockFading as qe, Cloud as Je, Copy as Ye, Download as Xe, EllipsisVertical as Ze, EyeOff as Qe, Hash as $e, Heading as et, ImagePlus as tt, KeyRound as nt, Link2 as rt, ListFilter as it, Loader2 as at, MapPin as ot, Minus as st, MoreVertical as ct, Network as lt, Paperclip as ut, Plus as I, PlusCircle as dt, RectangleEllipsis as ft, Save as pt, Search as mt, Send as ht, Settings as gt, ToggleLeft as _t, Trash2 as vt, Upload as yt, Variable as bt, WandSparkles as xt, Waypoints as St, X as L, XIcon as Ct } from "lucide-react";
+import { createContext as wt, memo as Tt, useCallback as R, useContext as Et, useEffect as Dt, useId as Ot, useMemo as kt, useRef as At, useState as z } from "react";
+import { Slot as jt } from "@radix-ui/react-slot";
+import { cva as Mt } from "class-variance-authority";
+import * as Nt from "@radix-ui/react-scroll-area";
+import * as B from "@radix-ui/react-dropdown-menu";
+import * as Pt from "@radix-ui/react-dialog";
+import { Toaster as Ft, toast as V } from "sonner";
+import * as It from "@radix-ui/react-collapsible";
+import Lt from "@dagrejs/dagre";
+import { useTheme as Rt } from "next-themes";
+//#region src/editor/assets/img/treege-black.svg
+var zt = "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", Bt = "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", Vt = ({ theme: e = "dark" }) => /* @__PURE__ */ P("div", {
+	className: "absolute top-5 left-5 z-50 select-none",
+	children: /* @__PURE__ */ P("img", {
+		src: e === "dark" ? Bt : zt,
+		alt: "Treege",
+		className: "relative h-14 w-auto drop-shadow-[0_0px_35px] drop-shadow-blue-600"
+	})
+}), Ht = (e) => {
+	let t = je(), n = Ae();
+	return kt(() => {
+		if (!e) return [];
+		let i = (e, t = /* @__PURE__ */ new Set()) => {
+			if (t.has(e)) return [];
+			let r = new Set(t).add(e);
+			return n.filter((t) => t.target === e).flatMap((e) => [e.source, ...i(e.source, r)]);
+		}, a = i(e);
+		return t.filter((e) => a.includes(e.id) && r(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
+	]);
+}, Ut = wt(null), Wt = ({ children: e, value: t }) => {
+	let [n, r] = z(t?.flowId), [i, a] = z(!1), [o, s] = z(null), [c, l] = z(null), u = kt(() => ({
+		...t,
+		...t?.aiConfig && { aiConfig: {
+			...t.aiConfig,
+			provider: t?.aiConfig.provider ?? "gemini"
+		} },
+		closeDeleteNodeConfirmation: () => s(null),
+		closeNodeTypeChangeConfirmation: () => l(null),
+		flowId: n,
+		isNodeSheetOpen: i,
+		openDeleteNodeConfirmation: (e) => s(e),
+		openNodeTypeChangeConfirmation: (e) => l(e),
+		pendingDeleteNodeId: o,
+		pendingNodeTypeChange: c,
+		setFlowId: r,
+		setIsNodeSheetOpen: a
+	}), [
+		n,
+		t,
+		i,
+		o,
+		c
+	]);
+	return /* @__PURE__ */ P(Ut.Provider, {
+		value: u,
+		children: e
+	});
+}, H = () => Et(Ut) ?? {
+	closeDeleteNodeConfirmation: () => {},
+	closeNodeTypeChangeConfirmation: () => {},
+	flowId: void 0,
+	isNodeSheetOpen: !1,
+	language: "en",
+	openDeleteNodeConfirmation: () => {},
+	openNodeTypeChangeConfirmation: () => {},
+	pendingDeleteNodeId: null,
+	pendingNodeTypeChange: null,
+	setFlowId: () => {},
+	setIsNodeSheetOpen: () => {}
+}, U = (e) => {
+	let t = H();
+	return c(e ?? t.language);
+};
+//#endregion
+//#region src/shared/components/ui/scroll-area.tsx
+function Gt({ className: e, children: t, ...n }) {
+	return /* @__PURE__ */ F(Nt.Root, {
+		"data-slot": "scroll-area",
+		className: E("relative", e),
+		...n,
+		children: [
+			/* @__PURE__ */ P(Nt.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__ */ P(Kt, {}),
+			/* @__PURE__ */ P(Nt.Corner, {})
+		]
+	});
+}
+function Kt({ className: e, orientation: t = "vertical", ...n }) {
+	return /* @__PURE__ */ P(Nt.ScrollAreaScrollbar, {
+		"data-slot": "scroll-area-scrollbar",
+		orientation: t,
+		className: E("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__ */ P(Nt.ScrollAreaThumb, {
+			"data-slot": "scroll-area-thumb",
+			className: "relative flex-1 rounded-full bg-border"
+		})
+	});
+}
+//#endregion
+//#region src/editor/features/TreegeEditor/edges/ConditionalEdge.tsx
+var qt = {
+	"!==": "≠",
+	"<": "<",
+	"<=": "≤",
+	"===": "=",
+	">": ">",
+	">=": "≥"
+}, Jt = (e) => !!e.field && e.value !== void 0 && e.value !== "", Yt = {
+	conditional: Tt(({ id: t, target: n, sourceX: r, sourceY: i, targetX: a, targetY: o, sourcePosition: s, targetPosition: c, markerEnd: l, style: u, data: f }) => {
+		let [p, m, _] = ke({
+			sourcePosition: s,
+			sourceX: r,
+			sourceY: i,
+			targetPosition: c,
+			targetX: a,
+			targetY: o
+		}), [y, b] = z(!1), { updateEdgeData: ee } = M(), te = Ht(n), x = U(), S = !!f?.configured || !!f?.isFallback || !!f?.label || (f?.conditions?.some(Jt) ?? !1), { handleSubmit: re, reset: w, Field: oe } = Pe({
+			defaultValues: {
+				conditions: f?.conditions || [{
+					field: te[0]?.nodeId ?? "",
+					operator: "===",
+					value: ""
+				}],
+				isFallback: !!f?.isFallback,
+				label: f?.label || ""
+			},
+			listeners: {
+				onChange: ({ formApi: e }) => {
+					e.handleSubmit().then();
+				},
+				onChangeDebounceMs: 150
+			},
+			onSubmit: ({ value: e }) => {
+				ee(t, {
+					...e,
+					configured: !0
+				});
+			}
+		}), D = (e) => {
+			e.stopPropagation();
+		}, se = () => {
+			w({
+				conditions: [],
+				isFallback: !1,
+				label: ""
+			}), ee(t, {
+				conditions: void 0,
+				configured: void 0,
+				isFallback: void 0,
+				label: void 0
+			});
+		}, ce = (e) => {
+			b(e), !(e || f?.configured) && (f?.isFallback || f?.label || f?.conditions?.length) && ee(t, { configured: !0 });
+		}, le = () => {
+			if (f?.isFallback) return f.label || x("editor.conditionalEdge.fallback");
+			if (f?.label) return f.label;
+			let t = f?.conditions ?? [];
+			if (t.length === 0) return null;
+			if (t.length === 1) {
+				let [e] = t, n = te.find((t) => t.nodeId === e.field)?.label ?? e.field ?? "";
+				return `${n === e.field && n.length > 5 ? `${n.slice(0, 5)}…` : n} ${qt[e.operator] ?? e.operator} ${e.value ?? ""}`;
+			}
+			let n = t.filter((t) => t.logicalOperator === e.AND).length, r = t.filter((t) => t.logicalOperator === e.OR).length;
+			return n > 0 && r === 0 ? `${t.length} ${x("editor.conditionalEdge.conditionsAnd")}` : r > 0 && n === 0 ? `${t.length} ${x("editor.conditionalEdge.conditionsOr")}` : `${t.length} ${x("editor.conditionalEdge.conditionsMixed")}`;
+		}, ue = () => f?.isFallback ? "var(--color-chart-4)" : S ? "var(--color-chart-2)" : "var(--color-chart-3)";
+		return /* @__PURE__ */ F(N, { children: [/* @__PURE__ */ P(ve, {
+			path: p,
+			markerEnd: l,
+			style: {
+				...u,
+				stroke: ue(),
+				strokeDasharray: f?.isFallback ? "5,5" : void 0,
+				strokeWidth: S ? 2 : u?.strokeWidth
+			}
+		}), /* @__PURE__ */ P(be, { children: /* @__PURE__ */ P("div", {
+			className: "nodrag nopan absolute",
+			style: {
+				pointerEvents: "all",
+				transform: `translate(-50%, -50%) translate(${m}px,${_}px)`
+			},
+			children: /* @__PURE__ */ F(ie, {
+				open: y,
+				onOpenChange: ce,
+				children: [/* @__PURE__ */ P(ne, {
+					asChild: !0,
+					children: /* @__PURE__ */ F(k, {
+						variant: S ? "default" : "secondary",
+						size: "xs",
+						className: E("transition-[filter]", S ? "hover:bg-primary hover:brightness-125" : "hover:bg-secondary hover:brightness-90"),
+						onClick: D,
+						children: [/* @__PURE__ */ P(St, { className: "h-3 w-3" }), S ? le() : x("editor.conditionalEdge.defineCondition")]
+					})
+				}), /* @__PURE__ */ P(ae, {
+					className: "w-96 p-1",
+					align: "center",
+					onClick: (e) => e.stopPropagation(),
+					children: /* @__PURE__ */ P(Gt, {
+						className: "flex max-h-150 flex-col p-3",
+						children: /* @__PURE__ */ P("form", {
+							onSubmit: (e) => {
+								e.preventDefault(), e.stopPropagation();
+							},
+							children: /* @__PURE__ */ F("div", {
+								className: "grid gap-5",
+								children: [
+									/* @__PURE__ */ F("div", {
+										className: "space-y-2",
+										children: [/* @__PURE__ */ P("h4", {
+											className: "font-medium leading-none",
+											children: x("editor.conditionalEdge.displayConditions")
+										}), /* @__PURE__ */ P("p", {
+											className: "text-muted-foreground text-sm",
+											children: x("editor.conditionalEdge.displayConditionsDesc")
+										})]
+									}),
+									/* @__PURE__ */ F("div", {
+										className: "grid gap-4",
+										children: [
+											/* @__PURE__ */ P(oe, {
+												name: "label",
+												children: (e) => /* @__PURE__ */ F(A, { children: [
+													/* @__PURE__ */ P(d, {
+														htmlFor: e.name,
+														children: x("editor.conditionalEdge.labelOptional")
+													}),
+													/* @__PURE__ */ P(O, {
+														id: e.name,
+														placeholder: x("editor.conditionalEdge.labelPlaceholder"),
+														value: e.state.value,
+														onChange: (t) => e.handleChange(t.target.value)
+													}),
+													/* @__PURE__ */ P(j, { children: x("editor.conditionalEdge.labelDesc") })
+												] })
+											}),
+											/* @__PURE__ */ P(oe, {
+												name: "isFallback",
+												children: (e) => /* @__PURE__ */ P(A, { children: /* @__PURE__ */ F("div", {
+													className: "flex items-center gap-3 rounded-lg border bg-muted/20 p-3",
+													children: [/* @__PURE__ */ P(fe, {
+														id: e.name,
+														checked: e.state.value,
+														onCheckedChange: (t) => e.handleChange(t)
+													}), /* @__PURE__ */ F("div", {
+														className: "flex flex-col gap-1",
+														children: [/* @__PURE__ */ P(d, {
+															htmlFor: e.name,
+															className: "cursor-pointer font-medium",
+															children: x("editor.conditionalEdge.fallbackPath")
+														}), /* @__PURE__ */ P(j, {
+															className: "text-xs",
+															children: x("editor.conditionalEdge.fallbackPathDesc")
+														})]
+													})]
+												}) })
+											}),
+											/* @__PURE__ */ P(oe, {
+												name: "conditions",
+												mode: "array",
+												children: (t) => {
+													let n = t.form.getFieldValue("isFallback");
+													return /* @__PURE__ */ F("div", {
+														className: "space-y-3",
+														children: [/* @__PURE__ */ P(d, {
+															className: n ? "text-muted-foreground" : "",
+															children: x("editor.conditionalEdge.conditions")
+														}), /* @__PURE__ */ F("div", {
+															className: "space-y-2",
+															children: [t.state.value?.map((r, i) => /* @__PURE__ */ F("div", {
+																className: "space-y-2",
+																children: [/* @__PURE__ */ F("div", {
+																	className: "space-y-2 rounded-lg border bg-muted/30 p-3",
+																	children: [
+																		/* @__PURE__ */ P(oe, {
+																			name: `conditions[${i}].field`,
+																			children: (e) => /* @__PURE__ */ F(A, { children: [/* @__PURE__ */ P(d, {
+																				htmlFor: `field-${i}`,
+																				children: x("editor.conditionalEdge.field")
+																			}), /* @__PURE__ */ F(g, {
+																				disabled: n,
+																				value: e.state.value || "",
+																				onValueChange: (t) => e.handleChange(t),
+																				children: [/* @__PURE__ */ P(v, {
+																					id: `field-${i}`,
+																					className: "w-full",
+																					children: /* @__PURE__ */ P(T, { placeholder: x("editor.conditionalEdge.selectField") })
+																				}), /* @__PURE__ */ P(C, { children: te.length === 0 ? /* @__PURE__ */ P(h, {
+																					value: "none",
+																					disabled: !0,
+																					children: x("editor.conditionalEdge.noFieldsAvailable")
+																				}) : te.map((e) => /* @__PURE__ */ F(h, {
+																					value: e.nodeId,
+																					children: [
+																						e.label,
+																						" (",
+																						e.type,
+																						")"
+																					]
+																				}, e.nodeId)) })]
+																			})] })
+																		}),
+																		/* @__PURE__ */ F("div", {
+																			className: "flex gap-2",
+																			children: [/* @__PURE__ */ P(oe, {
+																				name: `conditions[${i}].operator`,
+																				children: (e) => /* @__PURE__ */ F(A, { children: [/* @__PURE__ */ P(d, {
+																					htmlFor: `operator-${i}`,
+																					children: x("editor.conditionalEdge.operator")
+																				}), /* @__PURE__ */ F(g, {
+																					disabled: n,
+																					value: e.state.value || "===",
+																					onValueChange: (t) => e.handleChange(t),
+																					children: [/* @__PURE__ */ P(v, {
+																						id: `operator-${i}`,
+																						children: /* @__PURE__ */ P(T, {})
+																					}), /* @__PURE__ */ F(C, { children: [
+																						/* @__PURE__ */ P(h, {
+																							value: "===",
+																							children: "="
+																						}),
+																						/* @__PURE__ */ P(h, {
+																							value: "!==",
+																							children: "≠"
+																						}),
+																						/* @__PURE__ */ P(h, {
+																							value: ">",
+																							children: ">"
+																						}),
+																						/* @__PURE__ */ P(h, {
+																							value: "<",
+																							children: "<"
+																						}),
+																						/* @__PURE__ */ P(h, {
+																							value: ">=",
+																							children: ">="
+																						}),
+																						/* @__PURE__ */ P(h, {
+																							value: "<=",
+																							children: "<="
+																						})
+																					] })]
+																				})] })
+																			}), /* @__PURE__ */ P(oe, {
+																				name: `conditions[${i}].value`,
+																				children: (e) => /* @__PURE__ */ F(A, {
+																					className: "w-full",
+																					children: [/* @__PURE__ */ P(d, {
+																						htmlFor: `value-${i}`,
+																						children: x("editor.conditionalEdge.value")
+																					}), /* @__PURE__ */ P(O, {
+																						disabled: n,
+																						id: `value-${i}`,
+																						placeholder: x("editor.conditionalEdge.valuePlaceholder"),
+																						value: e.state.value || "",
+																						onChange: (t) => e.handleChange(t.target.value)
+																					})]
+																				})
+																			})]
+																		}),
+																		t.state.value && t.state.value.length > 1 && /* @__PURE__ */ F(k, {
+																			disabled: n,
+																			type: "button",
+																			variant: "ghost",
+																			size: "sm",
+																			className: "w-full",
+																			onClick: () => {
+																				t.removeValue(i), re().then();
+																			},
+																			children: [/* @__PURE__ */ P(L, { className: "mr-1 h-4 w-4" }), x("editor.conditionalEdge.removeCondition")]
+																		})
+																	]
+																}), t.state.value && i < t.state.value.length - 1 && /* @__PURE__ */ P(oe, {
+																	name: `conditions[${i}].logicalOperator`,
+																	children: (t) => /* @__PURE__ */ P("div", {
+																		className: "flex justify-center",
+																		children: /* @__PURE__ */ F(g, {
+																			disabled: n,
+																			value: t.state.value || e.AND,
+																			onValueChange: (e) => t.handleChange(e),
+																			children: [/* @__PURE__ */ P(v, {
+																				className: "h-9 w-32 font-semibold",
+																				children: /* @__PURE__ */ P(T, {})
+																			}), /* @__PURE__ */ F(C, { children: [/* @__PURE__ */ P(h, {
+																				value: e.AND,
+																				children: "AND"
+																			}), /* @__PURE__ */ P(h, {
+																				value: e.OR,
+																				children: "OR"
+																			})] })]
+																		})
+																	})
+																})]
+															}, `condition-${i}`)), /* @__PURE__ */ F(k, {
+																disabled: n,
+																type: "button",
+																variant: "outline",
+																size: "sm",
+																className: "w-full",
+																onClick: () => {
+																	t.pushValue({
+																		field: te[0]?.nodeId ?? "",
+																		logicalOperator: e.AND,
+																		operator: "===",
+																		value: ""
+																	}), re().then();
+																},
+																children: [/* @__PURE__ */ P(I, { className: "mr-2 h-4 w-4" }), x("editor.conditionalEdge.addCondition")]
+															})]
+														})]
+													});
+												}
+											})
+										]
+									}),
+									/* @__PURE__ */ F("div", {
+										className: "flex justify-end gap-2 pt-2",
+										children: [/* @__PURE__ */ F(k, {
+											type: "button",
+											size: "sm",
+											variant: "outline",
+											onClick: se,
+											children: [/* @__PURE__ */ P(L, { className: "mr-1 h-4 w-4" }), x("common.clear")]
+										}), /* @__PURE__ */ P(k, {
+											type: "button",
+											size: "sm",
+											onClick: () => ce(!1),
+											children: x("common.close")
+										})]
+									})
+								]
+							})
+						})
+					})
+				})]
+			})
+		}) })] });
+	}),
+	default: Tt(({ id: e, sourceX: t, sourceY: n, targetX: r, targetY: i, sourcePosition: a, targetPosition: o, style: s, markerEnd: c, selected: l }) => {
+		let [u, d, f] = ke({
+			sourcePosition: a,
+			sourceX: t,
+			sourceY: n,
+			targetPosition: o,
+			targetX: r,
+			targetY: i
+		}), { setEdges: p } = M();
+		return /* @__PURE__ */ F(N, { children: [/* @__PURE__ */ P(ve, {
+			path: u,
+			markerEnd: c,
+			style: s
+		}), /* @__PURE__ */ P(be, { children: l && /* @__PURE__ */ P("div", {
+			className: "button-edge__label nodrag nopan",
+			style: { transform: `translate(-50%, -50%) translate(${d}px,${f}px)` },
+			children: /* @__PURE__ */ P("button", {
+				type: "button",
+				className: "button-edge__button",
+				onClick: () => {
+					p((t) => t.filter((t) => t.id !== e));
+				},
+				"aria-label": "Remove edge",
+				children: "×"
+			})
+		}) })] });
+	})
+}, Xt = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict", Zt = (e = 21) => {
+	let t = "", n = crypto.getRandomValues(new Uint8Array(e |= 0));
+	for (; e--;) t += Xt[n[e] & 63];
+	return t;
+}, Qt = (e, t) => {
+	if (t.size === 0) return e;
+	let n = /* @__PURE__ */ new Map();
+	return e.forEach((e) => {
+		n.set(e.source, (n.get(e.source) ?? 0) + 1);
+	}), e.map((e) => {
+		if (!t.has(e.source) || (n.get(e.source) ?? 0) !== 1) return e;
+		let { conditions: r, isFallback: i, ...a } = e.data ?? {}, o = a && Object.keys(a).length > 0 ? a : void 0;
+		return {
+			...e,
+			data: o,
+			type: "default"
+		};
+	});
+}, W = () => {
+	let { setNodes: e, setEdges: t, getNodes: n } = M(), r = R(() => {
+		e((e) => e.map(({ selected: e, ...t }) => t)), t((e) => e.map(({ selected: e, ...t }) => t));
+	}, [t, e]), i = R((n) => {
+		e((e) => e.map((e) => ({
+			...e,
+			selected: e.id === n
+		}))), t((e) => e.map(({ selected: e, ...t }) => t));
+	}, [t, e]), a = R((t, n) => {
+		e((e) => e.map((e) => e.id === t ? {
+			...e,
+			data: {
+				...e.data,
+				...n
+			}
+		} : e));
+	}, [e]), o = R((t, n, r) => {
+		e((e) => e.map((e) => {
+			if (e.id !== t) return e;
+			let i = e.type === n ? e.data : {};
+			return {
+				...e,
+				data: r === void 0 ? i : {
+					...i,
+					type: r
+				},
+				type: n
+			};
+		}));
+	}, [e]), s = R((e, t) => {
+		let r = n().find((e) => e.selected);
+		r && o(r.id, e, t);
+	}, [n, o]), c = R((e) => {
+		let t = n().find((e) => e.selected);
+		t && a(t.id, e);
+	}, [n, a]), l = R((n) => {
+		e((e) => e.filter((e) => e.id !== n)), t((e) => {
+			let t = e.filter((e) => e.target === n), r = e.filter((e) => e.source === n), i = new Set(t.map((e) => e.source)), a = e.filter((e) => e.source !== n && e.target !== n);
+			if (t.length === 1 && r.length === 1) {
+				let [e] = t, [n] = r, o = {
+					data: e.data,
+					id: Zt(),
+					source: e.source,
+					target: n.target,
+					type: e.type
+				};
+				return Qt([...a, o], i);
+			}
+			return Qt(a, i);
+		});
+	}, [e, t]);
+	return {
+		clearSelection: r,
+		deleteNode: l,
+		deleteSelectedNode: R(() => {
+			let e = n().find((e) => e.selected);
+			e && l(e.id);
+		}, [n, l]),
+		selectNode: i,
+		updateNodeData: a,
+		updateNodeType: o,
+		updateSelectedNodeData: c,
+		updateSelectedNodeType: s
+	};
+}, $t = ({ nodeId: e, label: t, placeholder: n, className: r }) => {
+	let { language: i } = H(), { updateNodeData: a, clearSelection: o } = W(), s = U(), c = At(null), l = t?.[i] ?? "", u = n || s("editor.treegeNode.labelPlaceholder"), d = (e) => e.stopPropagation();
+	return Dt(() => {
+		let e = setTimeout(() => {
+			c.current?.focus();
+		}, 300);
+		return () => clearTimeout(e);
+	}, []), /* @__PURE__ */ P("input", {
+		ref: c,
+		type: "text",
+		value: l,
+		placeholder: u,
+		onChange: (n) => {
+			a(e, { label: {
+				...t,
+				[i]: n.target.value
+			} });
+		},
+		onKeyDown: (e) => {
+			e.key === "Enter" && (e.preventDefault(), c.current?.blur(), o());
+		},
+		onClick: d,
+		onMouseDown: d,
+		onPointerDown: d,
+		className: E("nodrag nopan w-full truncate bg-transparent outline-none placeholder:text-muted-foreground/40", r)
+	});
+};
+//#endregion
+//#region src/shared/components/ui/dropdown-menu.tsx
+function G({ ...e }) {
+	return /* @__PURE__ */ P(B.Root, {
+		"data-slot": "dropdown-menu",
+		...e
+	});
+}
+function K({ ...e }) {
+	return /* @__PURE__ */ P(B.Trigger, {
+		"data-slot": "dropdown-menu-trigger",
+		...e
+	});
+}
+function q({ className: e, sideOffset: t = 4, ...n }) {
+	return /* @__PURE__ */ P(B.Portal, { children: /* @__PURE__ */ P(B.Content, {
+		"data-slot": "dropdown-menu-content",
+		sideOffset: t,
+		className: E("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 J({ ...e }) {
+	return /* @__PURE__ */ P(B.Group, {
+		"data-slot": "dropdown-menu-group",
+		...e
+	});
+}
+function Y({ className: e, inset: t, variant: n = "default", ...r }) {
+	return /* @__PURE__ */ P(B.Item, {
+		"data-slot": "dropdown-menu-item",
+		"data-inset": t,
+		"data-variant": n,
+		className: E("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 en({ className: e, inset: t, ...n }) {
+	return /* @__PURE__ */ P(B.Label, {
+		"data-slot": "dropdown-menu-label",
+		"data-inset": t,
+		className: E("px-1.5 py-1 font-medium text-muted-foreground text-xs data-[inset]:pl-7", e),
+		...n
+	});
+}
+function tn({ className: e, ...t }) {
+	return /* @__PURE__ */ P(B.Separator, {
+		"data-slot": "dropdown-menu-separator",
+		className: E("-mx-1 my-1 h-px bg-border", e),
+		...t
+	});
+}
+//#endregion
+//#region src/editor/features/TreegeEditor/nodes/components/NodeMoreMenu.tsx
+var nn = ({ nodeId: e, className: t }) => {
+	let { selectNode: n } = W(), { setIsNodeSheetOpen: r, openDeleteNodeConfirmation: i } = H(), a = U(), o = (e) => e.stopPropagation();
+	return /* @__PURE__ */ F(G, {
+		modal: !1,
+		children: [/* @__PURE__ */ P(K, {
+			asChild: !0,
+			onClick: o,
+			children: /* @__PURE__ */ P("button", {
+				type: "button",
+				"aria-label": a("editor.nodeActionsSheet.editNode"),
+				className: E("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__ */ P(ct, { className: "h-3.5 w-3.5" })
+			})
+		}), /* @__PURE__ */ F(q, {
+			align: "end",
+			onClick: o,
+			children: [
+				/* @__PURE__ */ F(Y, {
+					onSelect: () => {
+						n(e), r(!0);
+					},
+					children: [/* @__PURE__ */ P(gt, {}), a("common.settings")]
+				}),
+				/* @__PURE__ */ P(tn, {}),
+				/* @__PURE__ */ F(Y, {
+					variant: "destructive",
+					onSelect: () => {
+						i(e);
+					},
+					children: [/* @__PURE__ */ P(vt, {}), a("common.delete")]
+				})
+			]
+		})]
+	});
+}, rn = Mt("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 an({ className: e, variant: t, asChild: n = !1, ...r }) {
+	return /* @__PURE__ */ P(n ? jt : "span", {
+		"data-slot": "badge",
+		className: E(rn({ variant: t }), e),
+		...r
+	});
+}
+var on = Tt(({ data: e, id: t }) => /* @__PURE__ */ F(N, { children: [
+	/* @__PURE__ */ P(Ce, {}),
+	/* @__PURE__ */ P("div", {
+		className: "-top-3.5 absolute left-6",
+		children: /* @__PURE__ */ F(an, {
+			className: "max-w-50 bg-chart-2",
+			children: [/* @__PURE__ */ P(Le, { className: "!w-3 !h-3" }), /* @__PURE__ */ P($t, {
+				nodeId: t,
+				label: e?.label,
+				className: "min-w-0 flex-1 text-xs text-white placeholder:text-white/60"
+			})]
+		})
+	}),
+	/* @__PURE__ */ P(nn, { nodeId: t })
+] })), sn = {
+	data: { type: "text" },
+	id: Zt(),
+	position: {
+		x: 0,
+		y: 0
+	},
+	type: "input"
+}, cn = () => {
+	let { setNodes: e, setEdges: t, screenToFlowPosition: n, getNode: i, getNodes: a, getEdges: o } = M(), s = R((n, i, a = !1, s) => {
+		let c = n.id, l = o().filter((e) => e.source === c), u = r(n);
+		if (l.length > 0 && !u) return;
+		let d = Zt(), f = {
+			...sn,
+			...s && {
+				data: s.data ?? {},
+				type: s.type
+			},
+			id: d,
+			position: i,
+			selected: a
+		};
+		n?.parentId && (f.parentId = n.parentId, f.extent = "parent"), e((e) => e.concat(f)), t((e) => {
+			let t = e.filter((e) => e.source === c).length > 0, n = {
+				data: t && u ? { conditions: [{
+					field: c,
+					operator: "===",
+					value: ""
+				}] } : void 0,
+				id: Zt(),
+				source: c,
+				target: d,
+				type: t && u ? "conditional" : "default"
+			};
+			return t && u ? e.map((e) => e.source === c ? {
+				...e,
+				data: {
+					...e.data,
+					conditions: e.data?.conditions || [{
+						field: c,
+						operator: "===",
+						value: ""
+					}]
+				},
+				type: "conditional"
+			} : e).concat(n) : e.concat(n);
+		}), a && requestAnimationFrame(() => {
+			e((e) => e.map((e) => ({
+				...e,
+				selected: e.id === d
+			}))), t((e) => e.map((e) => ({
+				...e,
+				selected: !1
+			})));
+		});
+	}, [
+		o,
+		e,
+		t
+	]), c = R((e) => {
+		t((t) => {
+			let n = Oe(e, t), a = e.source, o = i(a);
+			return n.filter((e) => e.source === a).length > 1 && o && r(o) ? n.map((e) => e.source === a ? {
+				...e,
+				data: {
+					...e.data,
+					conditions: e.data?.conditions || [{
+						field: a,
+						operator: "===",
+						value: ""
+					}]
+				},
+				type: "conditional"
+			} : e) : n;
+		});
+	}, [t, i]), l = R((e, t) => {
+		let n = i(e);
+		if (!n) return;
+		let r = getComputedStyle(document.documentElement).getPropertyValue("--node-height"), c = getComputedStyle(document.documentElement).getPropertyValue("--node-width"), l = parseFloat(r) || 100, u = parseFloat(c) || 100, d = n.position.y + l + 100, f = a(), p = o(), m = f.filter((t) => p.some((n) => n.source === e && n.target === t.id)).map((e) => e.position.x);
+		s(n, {
+			x: m.length === 0 ? n.position.x : m.length % 2 == 1 ? Math.max(...m) + u + 50 : Math.min(...m) - u - 50,
+			y: d
+		}, !0, t);
+	}, [
+		i,
+		a,
+		o,
+		s
+	]), u = R((e, t) => {
+		if (!t.isValid) {
+			let { clientX: r, clientY: a } = "changedTouches" in e ? e.changedTouches[0] : e, o = t.fromNode;
+			if (!o) return;
+			let c = n({
+				x: r,
+				y: a
+			}), l = o.parentId ? i(o.parentId) : void 0, u = l?.position ?? {
+				x: 0,
+				y: 0
+			};
+			s(o, l ? {
+				x: c.x - u.x,
+				y: c.y - u.y
+			} : c, !0);
+		}
+	}, [
+		s,
+		i,
+		n
+	]), d = R((e) => {
+		t((t) => Qt(t.filter((t) => !e.find((e) => e.id === t.id)), new Set(e.map((e) => e.source))));
+	}, [t]);
+	return {
+		isValidConnection: R((e) => {
+			if (e.source === e.target) return !1;
+			let t = i(e.source);
+			return t ? !(o().filter((t) => t.source === e.source).length > 0 && !r(t)) : !1;
+		}, [i, o]),
+		onAddFromHandle: l,
+		onConnect: c,
+		onConnectEnd: u,
+		onEdgesDelete: d
+	};
+}, X = {
+	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"
+}, ln = {
+	divider: "divider",
+	title: "title"
+}, un = {
+	[X.address]: ot,
+	[X.autocomplete]: mt,
+	[X.checkbox]: He,
+	[X.date]: Re,
+	[X.daterange]: ze,
+	[X.file]: ut,
+	[X.hidden]: Qe,
+	[X.http]: Je,
+	[X.number]: $e,
+	[X.password]: nt,
+	[X.radio]: Ge,
+	[X.select]: it,
+	[X.submit]: ht,
+	[X.switch]: _t,
+	[X.text]: Be,
+	[X.textarea]: Fe,
+	[X.time]: Ke,
+	[X.timerange]: qe,
+	[ln.divider]: st,
+	[ln.title]: et,
+	[l.flow]: lt
+}, dn = ft, Z = (e) => e && un[e] || dn, fn = ({ nodeId: e, isConnectable: t }) => {
+	let { onAddFromHandle: n } = cn(), r = U(), [i, a] = z(!1), o = Z(l.flow);
+	return /* @__PURE__ */ F(N, { children: [/* @__PURE__ */ P(xe, {
+		type: "source",
+		position: Te.Bottom,
+		isConnectable: t,
+		onClick: (e) => {
+			e.defaultPrevented || a(!0);
+		},
+		className: "flex h-6! w-6! cursor-pointer items-center justify-center rounded-sm transition-colors hover:bg-primary/80!",
+		children: /* @__PURE__ */ P(I, { className: "h-4 w-4 text-primary-foreground" })
+	}), /* @__PURE__ */ F(G, {
+		open: i,
+		onOpenChange: a,
+		children: [/* @__PURE__ */ P(K, {
+			asChild: !0,
+			children: /* @__PURE__ */ P("span", {
+				"aria-hidden": !0,
+				className: "-translate-x-1/2 pointer-events-none absolute bottom-0 left-1/2 h-0 w-0"
+			})
+		}), /* @__PURE__ */ F(q, {
+			align: "center",
+			side: "bottom",
+			className: "treege-scrollbar max-h-80",
+			children: [
+				/* @__PURE__ */ F(J, { children: [/* @__PURE__ */ P(en, { children: r("editor.selectNodeType.options.input") }), Object.values(X).map((t) => /* @__PURE__ */ F(Y, {
+					onClick: () => n(e, {
+						data: { type: t },
+						type: l.input
+					}),
+					className: "capitalize",
+					children: [/* @__PURE__ */ P(Z(t), {}), t]
+				}, t))] }),
+				/* @__PURE__ */ P(tn, {}),
+				/* @__PURE__ */ F(J, { children: [/* @__PURE__ */ P(en, { children: r("editor.selectNodeType.options.ui") }), Object.values(ln).map((t) => /* @__PURE__ */ F(Y, {
+					onClick: () => n(e, {
+						data: { type: t },
+						type: l.ui
+					}),
+					className: "capitalize",
+					children: [/* @__PURE__ */ P(Z(t), {}), t]
+				}, t))] }),
+				/* @__PURE__ */ P(tn, {}),
+				/* @__PURE__ */ F(J, { children: [/* @__PURE__ */ P(en, { children: r("common.other") }), /* @__PURE__ */ F(Y, {
+					onClick: () => n(e, {
+						data: {},
+						type: l.flow
+					}),
+					children: [/* @__PURE__ */ P(o, {}), r("editor.selectNodeType.options.flow")]
+				})] })
+			]
+		})]
+	})] });
+}, pn = (e) => {
+	switch (e) {
+		case "number":
+		case "daterange":
+		case "timerange":
+		case "file": return null;
+		case "switch": return !1;
+		case "checkbox": return [];
+		default: return "";
+	}
+}, mn = ({ nodeId: e, data: n }) => {
+	let { language: r } = H(), i = n?.type;
+	if (!i) return null;
+	let o = {
+		data: n,
+		id: e,
+		position: {
+			x: 0,
+			y: 0
+		},
+		type: "input"
+	}, c = a(n.label, r), l = t(o), u = /* @__PURE__ */ F("div", {
+		className: "flex items-center gap-1 text-[10px] text-muted-foreground capitalize [&>svg]:size-3",
+		children: [/* @__PURE__ */ P(Z(i), {}), i]
+	});
+	if (i === "hidden") {
+		let e = n.defaultValue?.type === "static" ? n.defaultValue.staticValue : void 0, t = n.defaultValue?.type === "reference" ? n.defaultValue.referenceField : void 0, r = Array.isArray(e) ? e.join(", ") : typeof e == "boolean" ? String(e) : e ?? (t ? `→ ${t}` : "");
+		return /* @__PURE__ */ F("div", {
+			className: "pointer-events-none flex select-none flex-col gap-1 text-sm",
+			children: [
+				u,
+				/* @__PURE__ */ P("span", {
+					className: "truncate font-medium",
+					children: c || l
+				}),
+				/* @__PURE__ */ P("span", {
+					className: "truncate text-muted-foreground text-xs",
+					children: r || "—"
+				})
+			]
+		});
+	}
+	let d = pe[i];
+	if (!d) return null;
+	let f = a(n.helperText, r), p = s(n, r);
+	return /* @__PURE__ */ F("div", {
+		className: E("pointer-events-none flex select-none flex-col gap-1", i === "submit" && "items-center"),
+		children: [u, /* @__PURE__ */ P(d, {
+			node: o,
+			value: pn(i),
+			setValue: () => {},
+			id: e,
+			name: l,
+			label: c || void 0,
+			placeholder: p || void 0,
+			helperText: f || void 0
+		})]
+	});
+}, hn = Object.values(X), gn = Object.values(ln), _n = ({ nodeId: e, nodeType: t, subType: n }) => {
+	let { updateNodeType: r } = W(), { getEdges: i } = M(), { openNodeTypeChangeConfirmation: a } = H(), o = U(), s = (e) => e.stopPropagation(), c = n || t, u = t === l.flow ? o("editor.selectNodeType.options.flow") : c, d = Z(c), f = Z(l.flow), p = (t, n) => {
+		let o = i().filter((t) => t.source === e).length;
+		if ((t === l.ui || t === l.flow) && o > 1) {
+			a({
+				nodeId: e,
+				subType: n,
+				type: t
+			});
+			return;
+		}
+		r(e, t, n);
+	};
+	return /* @__PURE__ */ F(G, { children: [/* @__PURE__ */ P(K, {
+		asChild: !0,
+		onClick: s,
+		children: /* @__PURE__ */ F(an, {
+			variant: "default",
+			className: "nodrag nopan cursor-pointer px-1.5 py-0 text-[10px] capitalize [&>svg]:size-2.5",
+			children: [
+				/* @__PURE__ */ P(d, { className: "mt-0.5" }),
+				u || o("editor.selectNodeType.nodeType"),
+				/* @__PURE__ */ P(Ue, {})
+			]
+		})
+	}), /* @__PURE__ */ F(q, {
+		align: "start",
+		className: "treege-scrollbar max-h-80",
+		onClick: s,
+		children: [
+			/* @__PURE__ */ F(J, { children: [/* @__PURE__ */ P(en, { children: o("editor.selectNodeType.options.input") }), hn.map((e) => {
+				let r = Z(e);
+				return /* @__PURE__ */ F(Y, {
+					onClick: () => p(l.input, e),
+					className: E("capitalize", t === l.input && e === n && "bg-accent"),
+					children: [/* @__PURE__ */ P(r, {}), e]
+				}, e);
+			})] }),
+			/* @__PURE__ */ P(tn, {}),
+			/* @__PURE__ */ F(J, { children: [/* @__PURE__ */ P(en, { children: o("editor.selectNodeType.options.ui") }), gn.map((e) => {
+				let r = Z(e);
+				return /* @__PURE__ */ F(Y, {
+					onClick: () => p(l.ui, e),
+					className: E("capitalize", t === l.ui && e === n && "bg-accent"),
+					children: [/* @__PURE__ */ P(r, {}), e]
+				}, e);
+			})] }),
+			/* @__PURE__ */ P(tn, {}),
+			/* @__PURE__ */ F(J, { children: [/* @__PURE__ */ P(en, { children: o("common.other") }), /* @__PURE__ */ F(Y, {
+				onClick: () => p(l.flow),
+				className: E(t === l.flow && "bg-accent"),
+				children: [/* @__PURE__ */ P(f, {}), o("editor.selectNodeType.options.flow")]
+			})] })
+		]
+	})] });
+}, vn = [
+	"radio",
+	"select",
+	"checkbox",
+	"autocomplete"
+], yn = ({ nodeId: e, data: t }) => {
+	let [n, r] = z(!1), [i, a] = z(""), [o, s] = z(""), { updateNodeData: c } = W(), { language: l } = H(), u = U(), f = t && "type" in t ? t.type : void 0;
+	if (!(f && vn.includes(f))) return null;
+	let p = t.options ?? [], m = () => {
+		a(""), s("");
+	}, h = (t) => {
+		t?.preventDefault();
+		let n = i.trim(), a = o.trim() || n;
+		if (!(n || a)) return;
+		let s = {
+			label: { [l]: n },
+			value: a
+		};
+		c(e, { options: [...p, s] }), m(), r(!1);
+	}, g = (e) => {
+		r(e), e || m();
+	}, _ = (e) => {
+		e.key === "Enter" && (e.preventDefault(), h());
+	}, v = (e) => e.stopPropagation();
+	return /* @__PURE__ */ F("div", {
+		className: "nodrag nopan my-1 flex flex-col gap-0.5",
+		children: [p.map((e, t) => {
+			let n = u(e.label) || e.value || "—", r = `${e.value || "opt"}-${t}`;
+			return /* @__PURE__ */ P("div", {
+				className: "truncate text-muted-foreground text-xs",
+				children: n
+			}, r);
+		}), /* @__PURE__ */ F(ie, {
+			open: n,
+			onOpenChange: g,
+			children: [/* @__PURE__ */ P(ne, {
+				asChild: !0,
+				onClick: v,
+				children: /* @__PURE__ */ F(k, {
+					type: "button",
+					variant: "link",
+					size: "xs",
+					className: "w-fit p-0! focus-visible:border-transparent! focus-visible:ring-0!",
+					children: [/* @__PURE__ */ P(I, { className: "size-3" }), u("editor.inputNodeForm.addOption")]
+				})
+			}), /* @__PURE__ */ P(ae, {
+				align: "start",
+				className: "w-64 p-3",
+				onClick: v,
+				children: /* @__PURE__ */ F("form", {
+					onSubmit: h,
+					className: "flex flex-col gap-2",
+					children: [
+						/* @__PURE__ */ F("div", {
+							className: "flex flex-col gap-1",
+							children: [/* @__PURE__ */ P(d, {
+								htmlFor: `${e}-option-label`,
+								className: "text-xs",
+								children: u("editor.inputNodeForm.optionLabel")
+							}), /* @__PURE__ */ P(O, {
+								id: `${e}-option-label`,
+								autoFocus: !0,
+								value: i,
+								onChange: (e) => a(e.target.value),
+								onKeyDown: _
+							})]
+						}),
+						/* @__PURE__ */ F("div", {
+							className: "flex flex-col gap-1",
+							children: [/* @__PURE__ */ P(d, {
+								htmlFor: `${e}-option-value`,
+								className: "text-xs",
+								children: u("editor.inputNodeForm.optionValue")
+							}), /* @__PURE__ */ P(O, {
+								id: `${e}-option-value`,
+								value: o,
+								onChange: (e) => s(e.target.value),
+								onKeyDown: _
+							})]
+						}),
+						/* @__PURE__ */ P(k, {
+							type: "submit",
+							size: "sm",
+							disabled: !(i.trim() || o.trim()),
+							children: u("common.create")
+						})
+					]
+				})
+			})]
+		})]
+	});
+}, bn = ({ nodeId: e, required: t }) => {
+	let { updateNodeData: n } = W(), r = U();
+	return /* @__PURE__ */ P(an, {
+		variant: t ? "destructive" : "outline",
+		asChild: !0,
+		className: "nodrag nopan cursor-pointer px-1.5 py-0 text-[10px] capitalize [&>svg]:size-2.5",
+		children: /* @__PURE__ */ P("button", {
+			type: "button",
+			onClick: (r) => {
+				r.stopPropagation(), n(e, { required: !t });
+			},
+			children: r(t ? "editor.inputNodeForm.required" : "editor.inputNodeForm.optional")
+		})
+	});
+}, xn = ({ children: e, inGroup: t, isSubmit: n }) => /* @__PURE__ */ P("div", {
+	className: E("react-flow__node__wrapper relative", t && "in-group", n && "submit-type"),
+	children: e
+}), Sn = Tt((e) => {
+	let { id: t, isConnectable: n, parentId: r, selected: i, type: a } = e, o = e.type === "input" ? e.data : void 0, s = e.type === "ui" ? e.data : void 0, c = o?.type ?? s?.type, l = o?.type === "submit", u = !i && !!o?.type;
+	return /* @__PURE__ */ F(xn, {
+		inGroup: !!r,
+		isSubmit: l,
+		children: [
+			/* @__PURE__ */ P(nn, { nodeId: t }),
+			/* @__PURE__ */ P(xe, {
+				type: "target",
+				position: Te.Top,
+				isConnectable: n,
+				isConnectableStart: a === "ui"
+			}),
+			u && o ? /* @__PURE__ */ P(mn, {
+				nodeId: t,
+				data: o
+			}) : /* @__PURE__ */ F(N, { children: [
+				/* @__PURE__ */ P($t, {
+					nodeId: t,
+					label: e.data?.label,
+					placeholder: o?.name,
+					className: E("py-1", a === "ui" && "capitalize")
+				}),
+				/* @__PURE__ */ F("div", {
+					className: "mb-1 flex gap-1",
+					children: [/* @__PURE__ */ P(_n, {
+						nodeId: t,
+						nodeType: a,
+						subType: c
+					}), o && !l && /* @__PURE__ */ P(bn, {
+						nodeId: t,
+						required: o.required
+					})]
+				}),
+				o && /* @__PURE__ */ P(yn, {
+					nodeId: t,
+					data: o
+				})
+			] }),
+			/* @__PURE__ */ P(fn, {
+				nodeId: t,
+				isConnectable: n
+			})
+		]
+	});
+}), Cn = {
+	[l.flow]: Sn,
+	[l.group]: on,
+	[l.input]: Sn,
+	[l.ui]: Sn
+}, wn = {
+	"!==": "≠",
+	"<": "<",
+	"<=": "≤",
+	"===": "=",
+	">": ">",
+	">=": "≥"
+}, Tn = (e, t) => {
+	let n = e?.filter((e) => e.value !== void 0 && e.value !== "") ?? [];
+	return n.length === 0 ? "" : n.map((e, n) => {
+		let r = wn[e.operator ?? ""] ?? e.operator ?? "", i = `${e.field ? t(e.field) : ""} ${r} ${e.value ?? ""}`.trim();
+		return `${n === 0 ? "" : ` ${e.logicalOperator ?? "AND"} `}${i}`;
+	}).join("");
+}, En = () => {
+	let { pendingNodeTypeChange: e, closeNodeTypeChangeConfirmation: t } = H(), { getEdges: n, getNode: r, setEdges: i, updateEdgeData: a } = M(), { updateNodeType: o } = W(), s = U(), c = kt(() => e ? n().filter((t) => t.source === e.nodeId).sort((e, t) => {
+		let n = r(e.target)?.position ?? {
+			x: 0,
+			y: 0
+		}, i = r(t.target)?.position ?? {
+			x: 0,
+			y: 0
+		};
+		return n.x - i.x || n.y - i.y;
+	}) : [], [
+		e,
+		n,
+		r
+	]), [l, u] = z("");
+	Dt(() => {
+		c.length > 0 && u(c[0].id);
+	}, [c]);
+	let f = (e) => {
+		e || t();
+	}, h = () => {
+		if (!(e && l)) {
+			t();
+			return;
+		}
+		let { nodeId: n, type: r, subType: s } = e;
+		i((e) => e.filter((e) => e.source !== n || e.id === l)), a(l, {
+			conditions: void 0,
+			configured: void 0,
+			isFallback: void 0
+		}), o(n, r, s), t();
+	}, g = (e) => {
+		let t = r(e)?.data;
+		return s(t && "label" in t ? t.label : void 0) || t?.name || (e.length > 5 ? `${e.slice(0, 5)}…` : e);
+	}, v = (e) => {
+		let t = r(e)?.data, n = s(t?.label) || t?.name || e;
+		return n === e && n.length > 5 ? `${n.slice(0, 5)}…` : n;
+	}, y = (e) => e?.isFallback ? s("editor.conditionalEdge.fallback") : e?.label ? e.label : Tn(e?.conditions, v) || s("editor.changeNodeTypeDialog.noConditions");
+	return /* @__PURE__ */ P(m, {
+		open: e !== null,
+		onOpenChange: f,
+		children: /* @__PURE__ */ F(_, {
+			showCloseButton: !1,
+			children: [
+				/* @__PURE__ */ F(he, { children: [/* @__PURE__ */ P(p, { children: s("editor.changeNodeTypeDialog.title") }), /* @__PURE__ */ P(b, { children: s("editor.changeNodeTypeDialog.description") })] }),
+				/* @__PURE__ */ P(Gt, {
+					className: "max-h-80",
+					children: /* @__PURE__ */ P(oe, {
+						value: l,
+						onValueChange: u,
+						className: "gap-2 pr-2",
+						children: c.map((e) => {
+							let t = e.data, n = y(t), r = g(e.target);
+							return /* @__PURE__ */ F(d, {
+								htmlFor: `keep-${e.id}`,
+								className: "flex cursor-pointer items-start gap-3 rounded-lg border bg-muted/20 p-3",
+								children: [/* @__PURE__ */ P(me, {
+									id: `keep-${e.id}`,
+									value: e.id,
+									className: "mt-1"
+								}), /* @__PURE__ */ F("div", {
+									className: "flex flex-col gap-1",
+									children: [/* @__PURE__ */ P("span", {
+										className: "font-medium",
+										children: r
+									}), /* @__PURE__ */ P("span", {
+										className: "text-muted-foreground text-xs",
+										children: n
+									})]
+								})]
+							}, e.id);
+						})
+					})
+				}),
+				/* @__PURE__ */ F(S, { children: [/* @__PURE__ */ P(k, {
+					variant: "outline",
+					onClick: t,
+					children: s("common.cancel")
+				}), /* @__PURE__ */ P(k, {
+					onClick: h,
+					disabled: !l,
+					children: s("editor.changeNodeTypeDialog.keepBranch")
+				})] })
+			]
+		})
+	});
+}, Dn = () => {
+	let { pendingDeleteNodeId: e, closeDeleteNodeConfirmation: t } = H(), { deleteNode: n } = W(), r = U();
+	return /* @__PURE__ */ P(m, {
+		open: e !== null,
+		onOpenChange: (e) => {
+			e || t();
+		},
+		children: /* @__PURE__ */ F(_, {
+			showCloseButton: !1,
+			children: [/* @__PURE__ */ F(he, { children: [/* @__PURE__ */ P(p, { children: r("editor.nodeActionsSheet.deleteNode") }), /* @__PURE__ */ P(b, { children: r("editor.nodeActionsSheet.deleteNodeConfirm") })] }), /* @__PURE__ */ F(S, { children: [/* @__PURE__ */ P(k, {
+				variant: "outline",
+				onClick: t,
+				children: r("common.cancel")
+			}), /* @__PURE__ */ P(k, {
+				onClick: () => {
+					e && n(e), t();
+				},
+				children: r("common.delete")
+			})] })]
+		})
+	});
+}, On = "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", kn = {
+	claude: "claude-3-5-haiku-20241022",
+	deepseek: "deepseek-chat",
+	gemini: "gemini-2.5-flash",
+	openai: "gpt-4o-mini"
+}, An = .3;
+function jn(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 Mn(e) {
+	let t = e.config.model || kn.gemini, n = e.config.temperature ?? An, r = await fetch(`https://generativelanguage.googleapis.com/v1beta/models/${t}:generateContent?key=${e.config.apiKey}`, {
+		body: JSON.stringify({
+			contents: [{ parts: [{ text: `${On}\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 jn(i);
+}
+async function Nn(e) {
+	let t = e.config.model || kn.openai, n = e.config.temperature ?? An, r = await fetch("https://api.openai.com/v1/chat/completions", {
+		body: JSON.stringify({
+			messages: [{
+				content: On,
+				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 jn(i);
+}
+async function Pn(e) {
+	let t = e.config.model || kn.deepseek, n = e.config.temperature ?? An, r = await fetch("https://api.deepseek.com/v1/chat/completions", {
+		body: JSON.stringify({
+			messages: [{
+				content: On,
+				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 jn(i);
+}
+async function Fn(e) {
+	let t = e.config.model || kn.claude, n = e.config.temperature ?? An, r = await fetch("https://api.anthropic.com/v1/messages", {
+		body: JSON.stringify({
+			max_tokens: 4096,
+			messages: [{
+				content: e.prompt,
+				role: "user"
+			}],
+			model: t,
+			system: On,
+			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 jn(i);
+}
+function In(e) {
+	switch (e.config.provider) {
+		case "gemini": return Mn(e);
+		case "openai": return Nn(e);
+		case "deepseek": return Pn(e);
+		case "claude": return Fn(e);
+		default: throw Error(`Unsupported AI provider: ${e.config.provider}`);
+	}
+}
+//#endregion
+//#region src/editor/features/TreegeEditor/panel/AIGeneratorDialog.tsx
+var Ln = ({ aiConfig: e, onGenerate: t }) => {
+	let [n, r] = z(!1), [i, a] = z(""), [o, s] = z(!1), c = U(), 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 In({
+				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__ */ F(m, {
+		open: n,
+		onOpenChange: r,
+		children: [/* @__PURE__ */ P(re, {
+			asChild: !0,
+			children: /* @__PURE__ */ F(k, {
+				variant: "outline",
+				size: "sm",
+				disabled: !e?.apiKey,
+				children: [
+					/* @__PURE__ */ P(xt, { className: "h-4 w-4 text-[#13d3b4]" }),
+					" ",
+					c("editor.aiGenerator.buttonLabel")
+				]
+			})
+		}), /* @__PURE__ */ F(_, {
+			className: "sm:max-w-[550px]!",
+			children: [
+				/* @__PURE__ */ F(he, { children: [/* @__PURE__ */ P(p, { children: c("editor.aiGenerator.title") }), /* @__PURE__ */ P(b, { children: c("editor.aiGenerator.titleDescription") })] }),
+				/* @__PURE__ */ F("div", {
+					className: "grid gap-4 py-4",
+					children: [/* @__PURE__ */ F("div", {
+						className: "grid gap-2",
+						children: [
+							/* @__PURE__ */ P("label", {
+								htmlFor: "ai-prompt",
+								className: "font-medium text-sm",
+								children: c("editor.aiGenerator.description")
+							}),
+							/* @__PURE__ */ P(le, {
+								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__ */ P("p", {
+								className: "text-muted-foreground text-xs",
+								children: c("editor.aiGenerator.keyboardShortcut").replace("{cmdEnter}", "⌘ Enter").replace("{ctrlEnter}", "Ctrl Enter")
+							})
+						]
+					}), !e?.apiKey && /* @__PURE__ */ F("div", {
+						className: "rounded-md bg-muted p-3 text-sm",
+						children: [/* @__PURE__ */ P("p", {
+							className: "font-medium",
+							children: c("editor.aiGenerator.aiNotConfigured")
+						}), /* @__PURE__ */ F("p", {
+							className: "mt-1 text-muted-foreground text-xs",
+							children: [
+								c("editor.aiGenerator.aiNotConfiguredDesc").replace("{code}", ""),
+								" ",
+								/* @__PURE__ */ P("code", {
+									className: "rounded bg-background px-1 py-0.5",
+									children: "aiConfig"
+								})
+							]
+						})]
+					})]
+				}),
+				/* @__PURE__ */ F(S, { children: [/* @__PURE__ */ P(k, {
+					variant: "outline",
+					onClick: () => r(!1),
+					disabled: o,
+					children: c("editor.aiGenerator.cancel")
+				}), /* @__PURE__ */ P(k, {
+					onClick: l,
+					disabled: o || !i.trim() || !e?.apiKey,
+					children: o ? /* @__PURE__ */ F(N, { children: [/* @__PURE__ */ P(at, { className: "h-4 w-4 animate-spin" }), c("editor.aiGenerator.generating")] }) : /* @__PURE__ */ F(N, { children: [/* @__PURE__ */ P(xt, { className: "h-4 w-4 text-[--treege-color-primary]" }), c("editor.aiGenerator.generate")] })
+				})] })
+			]
+		})]
+	});
+}, Rn = Zt(), zn = ({ onExportJson: e, onSave: t }) => {
+	let { flowId: n, setFlowId: r, aiConfig: i } = H(), { setNodes: a, setEdges: o, addNodes: s, screenToFlowPosition: c } = M(), l = n || Rn, u = je(), d = Ae(), f = At(null), p = U(), m = () => {
+		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([{
+			...sn,
+			id: Zt(),
+			position: i,
+			selected: !0
+		}]);
+	}, h = ({ 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);
+	}, g = () => {
+		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);
+	}, _ = R(() => {
+		n || r?.(l), t?.({
+			edges: d,
+			id: l,
+			nodes: u
+		});
+	}, [
+		d,
+		n,
+		l,
+		u,
+		t,
+		r
+	]);
+	return Dt(() => {
+		let e = (e) => {
+			(e.ctrlKey || e.metaKey) && e.key === "s" && (e.preventDefault(), _());
+		};
+		return window.addEventListener("keydown", e), () => {
+			window.removeEventListener("keydown", e);
+		};
+	}, [_]), /* @__PURE__ */ F(we, {
+		position: "top-right",
+		className: "flex gap-2",
+		children: [
+			/* @__PURE__ */ P(Ln, {
+				aiConfig: i,
+				onGenerate: (e) => {
+					a(e.nodes), o(e.edges);
+				}
+			}),
+			/* @__PURE__ */ F(k, {
+				variant: "outline",
+				size: "sm",
+				onClick: m,
+				children: [
+					/* @__PURE__ */ P(I, {}),
+					" ",
+					p("editor.actionsPanel.addNode")
+				]
+			}),
+			/* @__PURE__ */ F(k, {
+				variant: "outline",
+				size: "sm",
+				onClick: _,
+				children: [
+					/* @__PURE__ */ P(pt, {}),
+					" ",
+					p("common.save")
+				]
+			}),
+			/* @__PURE__ */ F(G, { children: [/* @__PURE__ */ P(K, {
+				asChild: !0,
+				children: /* @__PURE__ */ P(k, {
+					variant: "outline",
+					size: "sm",
+					children: /* @__PURE__ */ P(Ze, {})
+				})
+			}), /* @__PURE__ */ F(q, {
+				align: "start",
+				children: [
+					/* @__PURE__ */ P(en, {
+						className: "font-normal",
+						children: /* @__PURE__ */ F("div", {
+							className: "flex flex-col gap-1",
+							children: [/* @__PURE__ */ P("span", {
+								className: "text-muted-foreground text-xs",
+								children: "Flow ID"
+							}), /* @__PURE__ */ F("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__ */ P(Ye, { className: "h-3 w-3" }), /* @__PURE__ */ P("span", {
+									className: "truncate text-xs",
+									children: l
+								})]
+							})]
+						})
+					}),
+					/* @__PURE__ */ P(tn, {}),
+					/* @__PURE__ */ F(J, { children: [/* @__PURE__ */ F(Y, {
+						onClick: () => f?.current?.click(),
+						children: [
+							/* @__PURE__ */ P(Xe, {}),
+							" ",
+							p("editor.actionsPanel.importJson")
+						]
+					}), /* @__PURE__ */ F(Y, {
+						onClick: g,
+						children: [
+							/* @__PURE__ */ P(Ie, {}),
+							" ",
+							p("editor.actionsPanel.exportJson")
+						]
+					})] }),
+					/* @__PURE__ */ P(tn, {}),
+					/* @__PURE__ */ P(J, { children: /* @__PURE__ */ F(Y, {
+						onClick: () => {
+							a([]), o([]), V.success(p("editor.actionsPanel.clearSuccess"), { description: p("editor.actionsPanel.clearSuccessDesc") });
+						},
+						className: "text-destructive focus:text-destructive",
+						children: [
+							/* @__PURE__ */ P(vt, { className: "text-destructive" }),
+							" ",
+							p("editor.actionsPanel.clear")
+						]
+					}) })
+				]
+			})] }),
+			/* @__PURE__ */ P("input", {
+				type: "file",
+				accept: "application/json,.json",
+				className: "hidden",
+				ref: f,
+				onChange: h
+			})
+		]
+	});
+}, Bn = {
+	ar: "ar",
+	de: "de",
+	en: "en",
+	es: "es",
+	fr: "fr",
+	it: "it",
+	pt: "pt"
+}, Q = ({ value: e = "en", onValueChange: t }) => /* @__PURE__ */ F(g, {
+	value: e,
+	onValueChange: t,
+	children: [/* @__PURE__ */ P(v, {
+		className: "uppercase",
+		children: /* @__PURE__ */ P(T, { placeholder: "" })
+	}), /* @__PURE__ */ P(C, { children: /* @__PURE__ */ P(w, { children: Object.values(Bn).map((e) => /* @__PURE__ */ P(h, {
+		value: e,
+		className: "uppercase",
+		children: e
+	}, e)) }) })]
+}), $ = () => {
+	let e = je(), t = kt(() => e.filter(n), [e]), r = kt(() => e.filter((e) => e.selected), [e]), i = kt(() => e.find((e) => e.selected), [e]);
+	return {
+		groupNodes: t,
+		hasSelectedNodes: r.length > 0,
+		nodes: e,
+		selectedNode: i,
+		selectedNodes: r
+	};
+}, Vn = () => {
+	let [e, t] = z("en"), { updateSelectedNodeData: n } = W(), { selectedNode: r } = $(), i = U(), { Field: a } = Pe({
+		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__ */ P("form", {
+		onSubmit: (e) => {
+			e.preventDefault(), e.stopPropagation();
+		},
+		children: /* @__PURE__ */ F("div", {
+			className: "grid gap-6",
+			children: [/* @__PURE__ */ F("div", {
+				className: "flex items-end gap-2",
+				children: [/* @__PURE__ */ P(a, {
+					name: "label",
+					children: (t) => /* @__PURE__ */ F(A, {
+						className: "flex-1",
+						children: [/* @__PURE__ */ P(d, {
+							htmlFor: t.name,
+							children: i("editor.flowNodeForm.label")
+						}), /* @__PURE__ */ P(O, {
+							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__ */ P(Q, {
+					value: e,
+					onValueChange: t
+				})]
+			}), /* @__PURE__ */ P(a, {
+				name: "targetId",
+				children: (e) => /* @__PURE__ */ F(A, { children: [
+					/* @__PURE__ */ F(d, {
+						htmlFor: e.name,
+						children: [i("editor.flowNodeForm.targetId"), " (Flow ID)"]
+					}),
+					/* @__PURE__ */ P(O, {
+						id: e.name,
+						name: e.name,
+						value: e.state.value,
+						onBlur: e.handleBlur,
+						onChange: ({ target: t }) => e.handleChange(t.value)
+					}),
+					/* @__PURE__ */ P(j, { children: "Unique identifier of the target flow." })
+				] })
+			})]
+		})
+	});
+}, Hn = () => {
+	let [e, t] = z("en"), { selectedNode: n } = $(), { updateSelectedNodeData: r } = W(), { Field: i } = Pe({
+		defaultValues: { label: n?.data?.label || { en: "" } },
+		listeners: {
+			onChange: ({ formApi: e }) => {
+				e.handleSubmit().then();
+			},
+			onChangeDebounceMs: 150
+		},
+		onSubmit: ({ value: e }) => {
+			r(e);
+		}
+	});
+	return /* @__PURE__ */ P("form", {
+		onSubmit: (e) => {
+			e.preventDefault(), e.stopPropagation();
+		},
+		children: /* @__PURE__ */ F("div", {
+			className: "flex items-end gap-2",
+			children: [/* @__PURE__ */ P(i, {
+				name: "label",
+				children: (t) => /* @__PURE__ */ F(A, {
+					className: "flex-1",
+					children: [/* @__PURE__ */ P(d, {
+						htmlFor: t.name,
+						children: "Label"
+					}), /* @__PURE__ */ P(O, {
+						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__ */ P(Q, {
+				value: e,
+				onValueChange: t
+			})]
+		})
+	});
+}, Un = [
+	"POST",
+	"PUT",
+	"PATCH"
+], Wn = ({ value: e, onChange: t }) => {
+	let { selectedNode: n } = $(), r = U(), i = Ht(n?.id), { handleSubmit: a, Field: o, Subscribe: s } = Pe({
+		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__ */ P("div", { children: /* @__PURE__ */ F("div", {
+		className: "grid gap-6",
+		children: [
+			/* @__PURE__ */ P(o, {
+				name: "url",
+				children: (e) => /* @__PURE__ */ F(A, { children: [
+					/* @__PURE__ */ P(d, {
+						htmlFor: e.name,
+						children: r("editor.httpConfigForm.apiUrl")
+					}),
+					/* @__PURE__ */ F("div", {
+						className: "flex gap-2",
+						children: [/* @__PURE__ */ P(O, {
+							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__ */ F(G, { children: [/* @__PURE__ */ P(K, {
+							asChild: !0,
+							children: /* @__PURE__ */ P(k, {
+								type: "button",
+								variant: "outline",
+								size: "icon",
+								children: /* @__PURE__ */ P(bt, { className: "h-4 w-4" })
+							})
+						}), /* @__PURE__ */ P(q, {
+							align: "end",
+							children: i.length === 0 ? /* @__PURE__ */ P(Y, {
+								disabled: !0,
+								children: r("editor.httpConfigForm.noFieldsAvailable")
+							}) : i.map((t) => /* @__PURE__ */ P(Y, {
+								onClick: () => {
+									let n = `{{${t.nodeId}}}`, r = e.state.value || "";
+									e.handleChange(r + n);
+								},
+								children: /* @__PURE__ */ F("div", {
+									className: "flex flex-col",
+									children: [/* @__PURE__ */ P("span", {
+										className: "font-medium",
+										children: t.label
+									}), /* @__PURE__ */ P("span", {
+										className: "text-muted-foreground text-xs",
+										children: `{{${t.nodeId}}}`
+									})]
+								})
+							}, t.nodeId))
+						})] })]
+					}),
+					/* @__PURE__ */ P(j, { children: r("editor.httpConfigForm.apiUrlDesc") })
+				] })
+			}),
+			/* @__PURE__ */ P(o, {
+				name: "method",
+				children: (e) => /* @__PURE__ */ F(A, { children: [/* @__PURE__ */ P(d, {
+					htmlFor: e.name,
+					children: r("editor.httpConfigForm.httpMethod")
+				}), /* @__PURE__ */ F(g, {
+					value: e.state.value,
+					onValueChange: (t) => e.handleChange(t),
+					children: [/* @__PURE__ */ P(v, {
+						id: e.name,
+						children: /* @__PURE__ */ P(T, { placeholder: r("editor.httpConfigForm.selectMethod") })
+					}), /* @__PURE__ */ F(C, { children: [
+						/* @__PURE__ */ P(h, {
+							value: "GET",
+							children: r("editor.httpConfigForm.methodGet")
+						}),
+						/* @__PURE__ */ P(h, {
+							value: "POST",
+							children: r("editor.httpConfigForm.methodPost")
+						}),
+						/* @__PURE__ */ P(h, {
+							value: "PUT",
+							children: r("editor.httpConfigForm.methodPut")
+						}),
+						/* @__PURE__ */ P(h, {
+							value: "DELETE",
+							children: r("editor.httpConfigForm.methodDelete")
+						}),
+						/* @__PURE__ */ P(h, {
+							value: "PATCH",
+							children: r("editor.httpConfigForm.methodPatch")
+						})
+					] })]
+				})] })
+			}),
+			/* @__PURE__ */ F("div", {
+				className: "space-y-4",
+				children: [/* @__PURE__ */ P("h4", {
+					className: "font-semibold text-sm",
+					children: r("editor.httpConfigForm.headers")
+				}), /* @__PURE__ */ P(o, {
+					name: "headers",
+					mode: "array",
+					children: (e) => /* @__PURE__ */ F("div", {
+						className: "space-y-2",
+						children: [e.state.value?.map((t, n) => {
+							let i = `headers[${n}]`;
+							return /* @__PURE__ */ F("div", {
+								className: "flex items-start gap-2",
+								children: [
+									/* @__PURE__ */ P(o, {
+										name: `headers[${n}].key`,
+										children: (e) => /* @__PURE__ */ P(O, {
+											placeholder: r("editor.httpConfigForm.headerName"),
+											value: e.state.value || "",
+											onChange: ({ target: t }) => e.handleChange(t.value)
+										})
+									}),
+									/* @__PURE__ */ P(o, {
+										name: `headers[${n}].value`,
+										children: (e) => /* @__PURE__ */ P(O, {
+											placeholder: r("editor.httpConfigForm.headerValue"),
+											value: e.state.value || "",
+											onChange: ({ target: t }) => e.handleChange(t.value)
+										})
+									}),
+									/* @__PURE__ */ P(k, {
+										type: "button",
+										variant: "ghost",
+										size: "icon",
+										onClick: () => {
+											e.removeValue(n);
+										},
+										children: /* @__PURE__ */ P(L, { className: "h-4 w-4" })
+									})
+								]
+							}, i);
+						}), /* @__PURE__ */ F(k, {
+							type: "button",
+							variant: "outline",
+							size: "sm",
+							onClick: () => {
+								e.pushValue({
+									key: "",
+									value: ""
+								});
+							},
+							children: [/* @__PURE__ */ P(I, { className: "mr-2 h-4 w-4" }), r("editor.httpConfigForm.addHeader")]
+						})]
+					})
+				})]
+			}),
+			/* @__PURE__ */ P(s, {
+				selector: (e) => ({
+					method: e.values.method,
+					sendAllFormValues: e.values.sendAllFormValues
+				}),
+				children: ({ method: e, sendAllFormValues: t }) => Un.includes(e || "") && /* @__PURE__ */ F("div", {
+					className: "space-y-4",
+					children: [/* @__PURE__ */ P(o, {
+						name: "sendAllFormValues",
+						children: (e) => /* @__PURE__ */ F("div", {
+							className: "flex items-center space-x-2",
+							children: [/* @__PURE__ */ P(D, {
+								id: e.name,
+								checked: e.state.value,
+								onCheckedChange: (t) => e.handleChange(t)
+							}), /* @__PURE__ */ P(d, {
+								htmlFor: e.name,
+								children: r("editor.httpConfigForm.sendAllFormValues")
+							})]
+						})
+					}), /* @__PURE__ */ P(o, {
+						name: "body",
+						children: (e) => /* @__PURE__ */ F(A, { children: [
+							/* @__PURE__ */ F("div", {
+								className: "mb-2 flex items-center justify-between",
+								children: [/* @__PURE__ */ P(d, {
+									htmlFor: e.name,
+									children: r("editor.httpConfigForm.requestBody")
+								}), /* @__PURE__ */ F(G, { children: [/* @__PURE__ */ P(K, {
+									asChild: !0,
+									children: /* @__PURE__ */ F(k, {
+										type: "button",
+										variant: "ghost",
+										size: "sm",
+										disabled: t,
+										children: [/* @__PURE__ */ P(bt, { className: "mr-2 h-4 w-4" }), r("editor.httpConfigForm.insertVariable")]
+									})
+								}), /* @__PURE__ */ P(q, {
+									align: "end",
+									children: i.length === 0 ? /* @__PURE__ */ P(Y, {
+										disabled: !0,
+										children: r("editor.httpConfigForm.noFieldsAvailable")
+									}) : i.map((t) => /* @__PURE__ */ P(Y, {
+										onClick: () => {
+											let n = `{{${t.nodeId}}}`, r = e.state.value || "";
+											e.handleChange(r + n), a().then();
+										},
+										children: /* @__PURE__ */ F("div", {
+											className: "flex flex-col",
+											children: [/* @__PURE__ */ P("span", {
+												className: "font-medium",
+												children: t.label
+											}), /* @__PURE__ */ P("span", {
+												className: "text-muted-foreground text-xs",
+												children: `{{${t.nodeId}}}`
+											})]
+										})
+									}, t.nodeId))
+								})] })]
+							}),
+							/* @__PURE__ */ P(le, {
+								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__ */ P(j, { children: r(t ? "editor.httpConfigForm.sendAllFormValuesDesc" : "editor.httpConfigForm.requestBodyDesc") })
+						] })
+					})]
+				})
+			}),
+			/* @__PURE__ */ F("div", {
+				className: "space-y-4",
+				children: [
+					/* @__PURE__ */ P("h4", {
+						className: "font-semibold text-sm",
+						children: r("editor.httpConfigForm.responseConfiguration")
+					}),
+					/* @__PURE__ */ P(o, {
+						name: "responsePath",
+						children: (e) => /* @__PURE__ */ F(A, { children: [
+							/* @__PURE__ */ P(d, {
+								htmlFor: e.name,
+								children: r("editor.httpConfigForm.responsePath")
+							}),
+							/* @__PURE__ */ P(O, {
+								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__ */ P(j, { children: r("editor.httpConfigForm.responsePathDesc") })
+						] })
+					}),
+					/* @__PURE__ */ F("div", {
+						className: "space-y-4",
+						children: [
+							/* @__PURE__ */ P("h5", {
+								className: "font-medium text-sm",
+								children: r("editor.httpConfigForm.mapToOptions")
+							}),
+							/* @__PURE__ */ P(o, {
+								name: "responseMapping.valueField",
+								children: (e) => /* @__PURE__ */ F(A, { children: [
+									/* @__PURE__ */ P(d, {
+										htmlFor: e.name,
+										children: r("editor.httpConfigForm.valueField")
+									}),
+									/* @__PURE__ */ P(O, {
+										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__ */ P(j, { children: r("editor.httpConfigForm.valueFieldDesc") })
+								] })
+							}),
+							/* @__PURE__ */ P(o, {
+								name: "responseMapping.labelField",
+								children: (e) => /* @__PURE__ */ F(A, { children: [
+									/* @__PURE__ */ P(d, {
+										htmlFor: e.name,
+										children: r("editor.httpConfigForm.labelField")
+									}),
+									/* @__PURE__ */ P(O, {
+										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__ */ P(j, { children: r("editor.httpConfigForm.labelFieldDesc") })
+								] })
+							})
+						]
+					}),
+					/* @__PURE__ */ P(o, {
+						name: "searchParam",
+						children: (e) => /* @__PURE__ */ F(A, { children: [
+							/* @__PURE__ */ P(d, {
+								htmlFor: e.name,
+								children: r("editor.httpConfigForm.searchParameter")
+							}),
+							/* @__PURE__ */ P(O, {
+								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__ */ P(j, { children: r("editor.httpConfigForm.searchParameterDesc") })
+						] })
+					})
+				]
+			}),
+			/* @__PURE__ */ F("div", {
+				className: "space-y-4",
+				children: [
+					/* @__PURE__ */ P("h4", {
+						className: "font-semibold text-sm",
+						children: r("editor.httpConfigForm.behavior")
+					}),
+					/* @__PURE__ */ P(s, {
+						selector: (e) => e.values.searchParam,
+						children: (e) => /* @__PURE__ */ P(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__ */ F("div", {
+									className: "flex items-center space-x-2",
+									children: [/* @__PURE__ */ P(D, {
+										id: t.name,
+										checked: i,
+										disabled: !n,
+										onCheckedChange: (e) => t.handleChange(e)
+									}), /* @__PURE__ */ P(d, {
+										htmlFor: t.name,
+										className: n ? "" : "text-muted-foreground",
+										children: r("editor.httpConfigForm.fetchOnMount")
+									})]
+								});
+							}
+						})
+					}),
+					/* @__PURE__ */ P(o, {
+						name: "showLoading",
+						children: (e) => /* @__PURE__ */ F("div", {
+							className: "flex items-center space-x-2",
+							children: [/* @__PURE__ */ P(D, {
+								id: e.name,
+								checked: e.state.value,
+								onCheckedChange: (t) => e.handleChange(t)
+							}), /* @__PURE__ */ P(d, {
+								htmlFor: e.name,
+								children: r("editor.httpConfigForm.showLoadingState")
+							})]
+						})
+					})
+				]
+			})
+		]
+	}) });
+}, Gn = [
+	"POST",
+	"PUT",
+	"PATCH"
+], Kn = ({ value: e, onChange: t }) => {
+	let [n, r] = z("en"), { selectedNode: i } = $(), a = U(), o = Ht(i?.id), { handleSubmit: s, Field: c, Subscribe: l } = Pe({
+		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__ */ P("div", { children: /* @__PURE__ */ F("div", {
+		className: "grid gap-6",
+		children: [
+			/* @__PURE__ */ P(c, {
+				name: "url",
+				children: (e) => /* @__PURE__ */ F(A, { children: [
+					/* @__PURE__ */ P(d, {
+						htmlFor: e.name,
+						children: a("editor.submitConfigForm.apiUrl")
+					}),
+					/* @__PURE__ */ F("div", {
+						className: "flex gap-2",
+						children: [/* @__PURE__ */ P(O, {
+							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__ */ F(G, { children: [/* @__PURE__ */ P(K, {
+							asChild: !0,
+							children: /* @__PURE__ */ P(k, {
+								type: "button",
+								variant: "outline",
+								size: "icon",
+								children: /* @__PURE__ */ P(bt, { className: "h-4 w-4" })
+							})
+						}), /* @__PURE__ */ P(q, {
+							align: "end",
+							children: o.length === 0 ? /* @__PURE__ */ P(Y, {
+								disabled: !0,
+								children: a("editor.submitConfigForm.noFieldsAvailable")
+							}) : o.map((t) => /* @__PURE__ */ P(Y, {
+								onClick: () => {
+									let n = `{{${t.nodeId}}}`, r = e.state.value || "";
+									e.handleChange(r + n);
+								},
+								children: /* @__PURE__ */ F("div", {
+									className: "flex flex-col",
+									children: [/* @__PURE__ */ P("span", {
+										className: "font-medium",
+										children: t.label
+									}), /* @__PURE__ */ P("span", {
+										className: "text-muted-foreground text-xs",
+										children: `{{${t.nodeId}}}`
+									})]
+								})
+							}, t.nodeId))
+						})] })]
+					}),
+					/* @__PURE__ */ P(j, { children: a("editor.submitConfigForm.apiUrlDesc") })
+				] })
+			}),
+			/* @__PURE__ */ P(c, {
+				name: "method",
+				children: (e) => /* @__PURE__ */ F(A, { children: [/* @__PURE__ */ P(d, {
+					htmlFor: e.name,
+					children: a("editor.submitConfigForm.httpMethod")
+				}), /* @__PURE__ */ F(g, {
+					value: e.state.value,
+					onValueChange: (t) => e.handleChange(t),
+					children: [/* @__PURE__ */ P(v, {
+						id: e.name,
+						children: /* @__PURE__ */ P(T, { placeholder: a("editor.submitConfigForm.selectMethod") })
+					}), /* @__PURE__ */ F(C, { children: [
+						/* @__PURE__ */ P(h, {
+							value: "POST",
+							children: a("editor.submitConfigForm.methodPost")
+						}),
+						/* @__PURE__ */ P(h, {
+							value: "PUT",
+							children: a("editor.submitConfigForm.methodPut")
+						}),
+						/* @__PURE__ */ P(h, {
+							value: "DELETE",
+							children: a("editor.submitConfigForm.methodDelete")
+						}),
+						/* @__PURE__ */ P(h, {
+							value: "PATCH",
+							children: a("editor.submitConfigForm.methodPatch")
+						})
+					] })]
+				})] })
+			}),
+			/* @__PURE__ */ F("div", {
+				className: "space-y-4",
+				children: [/* @__PURE__ */ P("h4", {
+					className: "font-semibold text-sm",
+					children: a("editor.submitConfigForm.headers")
+				}), /* @__PURE__ */ P(c, {
+					name: "headers",
+					mode: "array",
+					children: (e) => /* @__PURE__ */ F("div", {
+						className: "space-y-2",
+						children: [e.state.value?.map((t, n) => {
+							let r = `headers[${n}]`;
+							return /* @__PURE__ */ F("div", {
+								className: "flex items-start gap-2",
+								children: [
+									/* @__PURE__ */ P(c, {
+										name: `headers[${n}].key`,
+										children: (e) => /* @__PURE__ */ P(O, {
+											placeholder: a("editor.submitConfigForm.headerName"),
+											value: e.state.value || "",
+											onChange: ({ target: t }) => e.handleChange(t.value)
+										})
+									}),
+									/* @__PURE__ */ P(c, {
+										name: `headers[${n}].value`,
+										children: (e) => /* @__PURE__ */ P(O, {
+											placeholder: a("editor.submitConfigForm.headerValue"),
+											value: e.state.value || "",
+											onChange: ({ target: t }) => e.handleChange(t.value)
+										})
+									}),
+									/* @__PURE__ */ P(k, {
+										type: "button",
+										variant: "ghost",
+										size: "icon",
+										onClick: () => {
+											e.removeValue(n);
+										},
+										children: /* @__PURE__ */ P(L, { className: "h-4 w-4" })
+									})
+								]
+							}, r);
+						}), /* @__PURE__ */ F(k, {
+							type: "button",
+							variant: "outline",
+							size: "sm",
+							onClick: () => {
+								e.pushValue({
+									key: "",
+									value: ""
+								});
+							},
+							children: [/* @__PURE__ */ P(I, { className: "mr-2 h-4 w-4" }), a("editor.submitConfigForm.addHeader")]
+						})]
+					})
+				})]
+			}),
+			/* @__PURE__ */ P(l, {
+				selector: (e) => ({
+					method: e.values.method,
+					sendAllFormValues: e.values.sendAllFormValues
+				}),
+				children: ({ method: e, sendAllFormValues: t }) => Gn.includes(e || "") && /* @__PURE__ */ F("div", {
+					className: "space-y-4",
+					children: [/* @__PURE__ */ P(c, {
+						name: "sendAllFormValues",
+						children: (e) => /* @__PURE__ */ F("div", {
+							className: "flex items-center space-x-2",
+							children: [/* @__PURE__ */ P(D, {
+								id: e.name,
+								checked: e.state.value,
+								onCheckedChange: (t) => e.handleChange(t)
+							}), /* @__PURE__ */ P(d, {
+								htmlFor: e.name,
+								children: a("editor.submitConfigForm.sendAllFormValues")
+							})]
+						})
+					}), /* @__PURE__ */ P(c, {
+						name: "body",
+						children: (e) => /* @__PURE__ */ F(A, { children: [
+							/* @__PURE__ */ F("div", {
+								className: "mb-2 flex items-center justify-between",
+								children: [/* @__PURE__ */ P(d, {
+									htmlFor: e.name,
+									children: a("editor.submitConfigForm.requestBody")
+								}), /* @__PURE__ */ F(G, { children: [/* @__PURE__ */ P(K, {
+									asChild: !0,
+									children: /* @__PURE__ */ F(k, {
+										type: "button",
+										variant: "ghost",
+										size: "sm",
+										disabled: t,
+										children: [/* @__PURE__ */ P(bt, { className: "mr-2 h-4 w-4" }), a("editor.submitConfigForm.insertVariable")]
+									})
+								}), /* @__PURE__ */ P(q, {
+									align: "end",
+									children: o.length === 0 ? /* @__PURE__ */ P(Y, {
+										disabled: !0,
+										children: a("editor.submitConfigForm.noFieldsAvailable")
+									}) : o.map((t) => /* @__PURE__ */ P(Y, {
+										onClick: () => {
+											let n = `{{${t.nodeId}}}`, r = e.state.value || "";
+											e.handleChange(r + n), s().then();
+										},
+										children: /* @__PURE__ */ F("div", {
+											className: "flex flex-col",
+											children: [/* @__PURE__ */ P("span", {
+												className: "font-medium",
+												children: t.label
+											}), /* @__PURE__ */ P("span", {
+												className: "text-muted-foreground text-xs",
+												children: `{{${t.nodeId}}}`
+											})]
+										})
+									}, t.nodeId))
+								})] })]
+							}),
+							/* @__PURE__ */ P(le, {
+								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__ */ P(j, { children: a(t ? "editor.submitConfigForm.sendAllFormValuesDesc" : "editor.submitConfigForm.requestBodyDesc") })
+						] })
+					})]
+				})
+			}),
+			/* @__PURE__ */ F("div", {
+				className: "space-y-4",
+				children: [
+					/* @__PURE__ */ P("h4", {
+						className: "font-semibold text-sm",
+						children: a("editor.submitConfigForm.postSubmission")
+					}),
+					/* @__PURE__ */ P(c, {
+						name: "redirectUrl",
+						children: (e) => /* @__PURE__ */ F(A, { children: [
+							/* @__PURE__ */ P(d, {
+								htmlFor: e.name,
+								children: a("editor.submitConfigForm.redirectUrl")
+							}),
+							/* @__PURE__ */ P(O, {
+								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__ */ P(j, { children: a("editor.submitConfigForm.redirectUrlDesc") })
+						] })
+					}),
+					/* @__PURE__ */ F("div", {
+						className: "flex items-center gap-2",
+						children: [/* @__PURE__ */ P(c, {
+							name: "successMessage",
+							children: (e) => /* @__PURE__ */ F(A, {
+								className: "flex-1",
+								children: [
+									/* @__PURE__ */ P(d, {
+										htmlFor: e.name,
+										children: a("editor.submitConfigForm.successMessage")
+									}),
+									/* @__PURE__ */ P(O, {
+										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__ */ P(j, { children: a("editor.submitConfigForm.successMessageDesc") })
+								]
+							})
+						}), /* @__PURE__ */ P(Q, {
+							value: n,
+							onValueChange: r
+						})]
+					}),
+					/* @__PURE__ */ F("div", {
+						className: "flex items-center gap-2",
+						children: [/* @__PURE__ */ P(c, {
+							name: "errorMessage",
+							children: (e) => /* @__PURE__ */ F(A, {
+								className: "flex-1",
+								children: [
+									/* @__PURE__ */ P(d, {
+										htmlFor: e.name,
+										children: a("editor.submitConfigForm.errorMessage")
+									}),
+									/* @__PURE__ */ P(O, {
+										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__ */ P(j, { children: a("editor.submitConfigForm.errorMessageDesc") })
+								]
+							})
+						}), /* @__PURE__ */ P(Q, {
+							value: n,
+							onValueChange: r
+						})]
+					})
+				]
+			}),
+			/* @__PURE__ */ F("div", {
+				className: "space-y-4",
+				children: [/* @__PURE__ */ P("h4", {
+					className: "font-semibold text-sm",
+					children: a("editor.submitConfigForm.behavior")
+				}), /* @__PURE__ */ P(c, {
+					name: "showLoading",
+					children: (e) => /* @__PURE__ */ F("div", {
+						className: "flex items-center space-x-2",
+						children: [/* @__PURE__ */ P(D, {
+							id: e.name,
+							checked: e.state.value,
+							onCheckedChange: (t) => e.handleChange(t)
+						}), /* @__PURE__ */ P(d, {
+							htmlFor: e.name,
+							children: a("editor.submitConfigForm.showLoadingState")
+						})]
+					})
+				})]
+			})
+		]
+	}) });
+}, qn = ({ 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: d = !0 }) => {
+	let [p, m] = z(!1), [h, g] = z(""), _ = (e) => e ?? "", v = (e) => e.trim().toLowerCase(), y = _(n), b = n !== null && n !== "", S = b ? e.find((e) => _(e.value) === y) : void 0, C = v(h), re = d && C !== "" && !e.some((e) => v(e.label) === C || v(e.value ?? "") === C), w = (e) => {
+		e === y ? u && r?.("") : r?.(e), m(!1), g("");
+	};
+	return /* @__PURE__ */ F(ie, {
+		open: p,
+		onOpenChange: m,
+		children: [/* @__PURE__ */ P(ne, {
+			asChild: !0,
+			id: t,
+			children: /* @__PURE__ */ F(k, {
+				type: "button",
+				variant: "outline",
+				role: "combobox",
+				"aria-expanded": p,
+				className: E("w-full justify-between font-normal", l),
+				children: [/* @__PURE__ */ P("span", {
+					className: "truncate",
+					children: b && S ? S.label : i
+				}), /* @__PURE__ */ P(We, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })]
+			})
+		}), /* @__PURE__ */ P(ae, {
+			className: "w-full p-0",
+			align: "start",
+			children: /* @__PURE__ */ F(ce, {
+				shouldFilter: !1,
+				children: [/* @__PURE__ */ P(ee, {
+					placeholder: a,
+					value: h,
+					onValueChange: g
+				}), /* @__PURE__ */ F(x, { children: [
+					/* @__PURE__ */ P(f, { children: c }),
+					u && b && /* @__PURE__ */ P(se, { children: /* @__PURE__ */ F(te, {
+						value: "__clear__",
+						onSelect: () => {
+							r?.(""), m(!1), g("");
+						},
+						className: "mt-1 text-muted-foreground",
+						children: [/* @__PURE__ */ P(L, { className: "mr-2 h-4 w-4" }), s]
+					}) }),
+					/* @__PURE__ */ F(se, { children: [re && /* @__PURE__ */ F(te, {
+						value: `__create__${h}`,
+						onSelect: () => {
+							h.trim() && (r?.(h.trim()), m(!1), g(""));
+						},
+						className: "text-primary",
+						children: [/* @__PURE__ */ P(I, { className: "mr-2 h-4 w-4" }), o(h)]
+					}), e.filter((e) => {
+						let t = h.toLowerCase();
+						return e.label.toLowerCase().includes(t) || (e.value?.toLowerCase() ?? "").includes(t);
+					}).map((e, t) => /* @__PURE__ */ F(te, {
+						value: e.label,
+						onSelect: () => w(e?.value || ""),
+						children: [/* @__PURE__ */ P(Ve, {
+							"aria-hidden": "true",
+							className: E("mr-2 h-4 w-4", b && _(e.value) === y ? "opacity-100" : "opacity-0")
+						}), e.label]
+					}, e.value ?? e.label ?? t))] })
+				] })]
+			})
+		})]
+	});
+}, Jn = 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
+})), Yn = ({ id: e, value: t, onValueChange: n }) => /* @__PURE__ */ P(qn, {
+	id: e,
+	options: kt(() => t && !Jn.some((e) => e.value === t) ? [...Jn, {
+		label: `Custom: ${t}`,
+		value: t
+	}] : Jn, [t]),
+	value: t,
+	onValueChange: n,
+	placeholder: "Select or create a pattern",
+	searchPlaceholder: "Search patterns...",
+	createLabel: (e) => `Use pattern: ${e}`
+}), Xn = 400, Zn = .8, Qn = (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);
+}), $n = async (e) => {
+	if (!e.type.startsWith("image/")) throw Error("invalid_type");
+	if (e.size > 5242880) throw Error("too_large");
+	let t = await Qn(e), n = Math.min(1, Xn / 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", Zn);
+}, er = 400, tr = (e) => {
+	if (!/^https?:\/\//i.test(e)) return !1;
+	try {
+		return !!new URL(e).hostname;
+	} catch {
+		return !1;
+	}
+}, nr = ({ value: e, onChange: t }) => {
+	let n = At(null), r = At(null), [i, a] = z(!1), [o, s] = z(e && /^https?:\/\//i.test(e) ? e : ""), c = U();
+	Dt(() => {
+		i || s(e && /^https?:\/\//i.test(e) ? e : "");
+	}, [i, e]), Dt(() => () => {
+		r.current && clearTimeout(r.current);
+	}, []);
+	let l = async (e) => {
+		let r = e.target.files?.[0];
+		if (r) try {
+			t(await $n(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));
+	};
+	return /* @__PURE__ */ F("div", {
+		className: "relative",
+		children: [
+			/* @__PURE__ */ P("input", {
+				ref: n,
+				type: "file",
+				accept: "image/*",
+				className: "hidden",
+				onChange: l
+			}),
+			/* @__PURE__ */ F(ie, {
+				open: i,
+				onOpenChange: a,
+				children: [/* @__PURE__ */ P(ne, {
+					asChild: !0,
+					children: e ? /* @__PURE__ */ P("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__ */ P("img", {
+							src: e,
+							alt: "",
+							className: "h-full w-full object-cover"
+						})
+					}) : /* @__PURE__ */ P(k, {
+						type: "button",
+						variant: "outline",
+						size: "icon",
+						"aria-label": c("editor.inputNodeForm.optionImageAdd"),
+						children: /* @__PURE__ */ P(tt, { className: "h-4 w-4" })
+					})
+				}), /* @__PURE__ */ F(ae, {
+					align: "start",
+					className: "w-64 space-y-3 p-3",
+					children: [
+						/* @__PURE__ */ F(k, {
+							type: "button",
+							variant: "outline",
+							size: "sm",
+							className: "w-full",
+							onClick: () => n.current?.click(),
+							children: [/* @__PURE__ */ P(yt, { className: "mr-2 h-4 w-4" }), c("editor.inputNodeForm.optionImageUpload")]
+						}),
+						/* @__PURE__ */ P(ue, {}),
+						/* @__PURE__ */ F("div", {
+							className: "flex items-center gap-2",
+							children: [/* @__PURE__ */ P(rt, { className: "h-4 w-4 shrink-0 text-muted-foreground" }), /* @__PURE__ */ P(O, {
+								placeholder: c("editor.inputNodeForm.optionImageUrlPlaceholder"),
+								value: o,
+								onChange: (n) => {
+									let i = n.target.value;
+									s(i), r.current && clearTimeout(r.current);
+									let a = i.trim();
+									!tr(a) || a === e || (r.current = setTimeout(() => {
+										t(a);
+									}, er));
+								},
+								onKeyDown: (e) => {
+									e.key === "Enter" && (e.preventDefault(), u());
+								},
+								onBlur: u
+							})]
+						})
+					]
+				})]
+			}),
+			e && /* @__PURE__ */ P("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__ */ P(L, { className: "h-3 w-3" })
+			})
+		]
+	});
+};
+//#endregion
+//#region src/shared/components/ui/collapsible.tsx
+function rr({ ...e }) {
+	return /* @__PURE__ */ P(It.Root, {
+		"data-slot": "collapsible",
+		...e
+	});
+}
+function ir({ ...e }) {
+	return /* @__PURE__ */ P(It.CollapsibleTrigger, {
+		"data-slot": "collapsible-trigger",
+		...e
+	});
+}
+function ar({ ...e }) {
+	return /* @__PURE__ */ P(It.CollapsibleContent, {
+		"data-slot": "collapsible-content",
+		...e
+	});
+}
+//#endregion
+//#region src/editor/features/TreegeEditor/forms/InputNodeForm.tsx
+var or = () => {
+	let [e, t] = z("en"), { selectedNode: n } = $(), { updateSelectedNodeData: r } = W(), i = [
+		"select",
+		"radio",
+		"autocomplete",
+		"checkbox"
+	].includes(n?.data?.type || ""), a = Ht(n?.id), o = U(), s = n?.data?.type === "submit", c = n?.data?.type === "hidden", { handleSubmit: l, Field: u } = Pe({
+		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,
+			variant: n?.data?.variant || "default"
+		},
+		listeners: {
+			onChange: ({ formApi: e }) => {
+				e.handleSubmit().then();
+			},
+			onChangeDebounceMs: 150
+		},
+		onSubmit: ({ value: e }) => {
+			r(e);
+		}
+	});
+	return /* @__PURE__ */ P("form", {
+		onSubmit: (e) => {
+			e.preventDefault(), e.stopPropagation();
+		},
+		children: /* @__PURE__ */ F("div", {
+			className: "grid gap-6",
+			children: [
+				/* @__PURE__ */ F("div", {
+					className: "flex items-end gap-2",
+					children: [/* @__PURE__ */ P(u, {
+						name: "label",
+						children: (t) => /* @__PURE__ */ F(A, {
+							className: "flex-1",
+							children: [/* @__PURE__ */ P(d, {
+								htmlFor: t.name,
+								children: o("editor.inputNodeForm.label")
+							}), /* @__PURE__ */ P(O, {
+								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__ */ P(Q, {
+						value: e,
+						onValueChange: t
+					})]
+				}),
+				!(s || c) && n?.data?.type !== "file" && /* @__PURE__ */ F("div", {
+					className: "flex items-end gap-2",
+					children: [/* @__PURE__ */ P(u, {
+						name: "placeholder",
+						children: (t) => /* @__PURE__ */ F(A, {
+							className: "flex-1",
+							children: [/* @__PURE__ */ P(d, {
+								htmlFor: t.name,
+								children: o("editor.inputNodeForm.placeholder")
+							}), /* @__PURE__ */ P(O, {
+								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__ */ P(Q, {
+						value: e,
+						onValueChange: t
+					})]
+				}),
+				!(s || c) && /* @__PURE__ */ F("div", {
+					className: "flex items-end gap-2",
+					children: [/* @__PURE__ */ P(u, {
+						name: "helperText",
+						children: (t) => /* @__PURE__ */ F(A, {
+							className: "flex-1",
+							children: [/* @__PURE__ */ P(d, {
+								htmlFor: t.name,
+								children: o("editor.inputNodeForm.helperText")
+							}), /* @__PURE__ */ P(O, {
+								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__ */ P(Q, {
+						value: e,
+						onValueChange: t
+					})]
+				}),
+				n?.data?.type === "http" && /* @__PURE__ */ F(rr, {
+					defaultOpen: !0,
+					className: "flex w-full max-w-[350px] flex-col gap-2",
+					children: [/* @__PURE__ */ P(ir, {
+						asChild: !0,
+						children: /* @__PURE__ */ F("div", {
+							className: "flex items-center justify-between gap-4",
+							children: [/* @__PURE__ */ P("h4", {
+								className: "font-semibold text-sm",
+								children: o("editor.inputNodeForm.httpConfiguration")
+							}), /* @__PURE__ */ F(k, {
+								variant: "ghost",
+								size: "icon",
+								className: "size-8",
+								children: [/* @__PURE__ */ P(We, {}), /* @__PURE__ */ P("span", {
+									className: "sr-only",
+									children: o("common.toggle")
+								})]
+							})]
+						})
+					}), /* @__PURE__ */ P(ar, {
+						className: "flex flex-col gap-4",
+						children: /* @__PURE__ */ P(u, {
+							name: "httpConfig",
+							children: (e) => /* @__PURE__ */ P(Wn, {
+								value: e.state.value,
+								onChange: (t) => {
+									e.handleChange(t), l().then();
+								}
+							})
+						})
+					})]
+				}),
+				s && /* @__PURE__ */ F(rr, {
+					className: "flex w-full max-w-[350px] flex-col gap-2",
+					children: [/* @__PURE__ */ P(ir, {
+						asChild: !0,
+						children: /* @__PURE__ */ F("div", {
+							className: "flex items-center justify-between gap-4",
+							children: [/* @__PURE__ */ P("h4", {
+								className: "font-semibold text-sm",
+								children: o("editor.inputNodeForm.submitConfiguration")
+							}), /* @__PURE__ */ F(k, {
+								variant: "ghost",
+								size: "icon",
+								className: "size-8",
+								children: [/* @__PURE__ */ P(We, {}), /* @__PURE__ */ P("span", {
+									className: "sr-only",
+									children: o("common.toggle")
+								})]
+							})]
+						})
+					}), /* @__PURE__ */ P(ar, {
+						className: "flex flex-col gap-4",
+						children: /* @__PURE__ */ P(u, {
+							name: "submitConfig",
+							children: (e) => /* @__PURE__ */ P(Kn, {
+								value: e.state.value,
+								onChange: (t) => {
+									e.handleChange(t), l().then();
+								}
+							})
+						})
+					})]
+				}),
+				n?.data?.type === "file" && /* @__PURE__ */ P(u, {
+					name: "multiple",
+					children: (e) => /* @__PURE__ */ F("div", {
+						className: "flex items-center space-x-2",
+						children: [/* @__PURE__ */ P(D, {
+							id: e.name,
+							checked: e.state.value,
+							onCheckedChange: (t) => e.handleChange(t)
+						}), /* @__PURE__ */ P(d, {
+							htmlFor: e.name,
+							children: o("editor.inputNodeForm.multipleFiles")
+						})]
+					})
+				}),
+				i && /* @__PURE__ */ F(rr, {
+					defaultOpen: !0,
+					className: "flex w-full max-w-[350px] flex-col gap-2",
+					children: [/* @__PURE__ */ P(ir, {
+						asChild: !0,
+						children: /* @__PURE__ */ F("div", {
+							className: "flex items-center justify-between gap-4",
+							children: [/* @__PURE__ */ P("h4", {
+								className: "font-semibold text-sm",
+								children: o("editor.inputNodeForm.options")
+							}), /* @__PURE__ */ F(k, {
+								variant: "ghost",
+								size: "icon",
+								className: "size-8",
+								children: [/* @__PURE__ */ P(We, {}), /* @__PURE__ */ P("span", {
+									className: "sr-only",
+									children: o("common.toggle")
+								})]
+							})]
+						})
+					}), /* @__PURE__ */ F(ar, {
+						className: "flex flex-col gap-4",
+						children: [
+							/* @__PURE__ */ P(u, {
+								name: "options",
+								mode: "array",
+								children: (t) => /* @__PURE__ */ F("div", {
+									className: "space-y-2",
+									children: [t.state.value?.map((r, i) => {
+										let a = `options[${i}]`;
+										return /* @__PURE__ */ F("div", {
+											className: "flex flex-col gap-2",
+											children: [/* @__PURE__ */ F("div", {
+												className: "flex items-start gap-2",
+												children: [
+													n?.data?.type === "radio" && /* @__PURE__ */ P(u, {
+														name: `options[${i}].image`,
+														children: (e) => /* @__PURE__ */ P(nr, {
+															value: e.state.value,
+															onChange: (t) => e.handleChange(t)
+														})
+													}),
+													/* @__PURE__ */ P(u, {
+														name: `options[${i}].label`,
+														children: (t) => /* @__PURE__ */ P(O, {
+															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__ */ P(u, {
+														name: `options[${i}].value`,
+														children: (e) => /* @__PURE__ */ P(O, {
+															placeholder: o("editor.inputNodeForm.optionValue"),
+															value: e.state.value || "",
+															onChange: ({ target: t }) => e.handleChange(t.value)
+														})
+													}),
+													/* @__PURE__ */ P(k, {
+														type: "button",
+														variant: "ghost",
+														size: "icon",
+														onClick: () => {
+															t.removeValue(i), l().then();
+														},
+														children: /* @__PURE__ */ P(L, { className: "h-4 w-4" })
+													})
+												]
+											}), (n?.data?.type === "radio" || n?.data?.type === "checkbox") && /* @__PURE__ */ P(u, {
+												name: `options[${i}].description`,
+												children: (t) => /* @__PURE__ */ P(O, {
+													placeholder: o("editor.inputNodeForm.optionDescription"),
+													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
+														});
+													}
+												})
+											})]
+										}, a);
+									}), /* @__PURE__ */ P(k, {
+										type: "button",
+										variant: "outline",
+										size: "sm",
+										onClick: () => {
+											t.pushValue({
+												label: { en: "" },
+												value: ""
+											}), l().then();
+										},
+										children: o("editor.inputNodeForm.addOption")
+									})]
+								})
+							}),
+							n?.data?.type === "select" && /* @__PURE__ */ P(u, {
+								name: "multiple",
+								children: (e) => /* @__PURE__ */ F("div", {
+									className: "flex items-center space-x-2",
+									children: [/* @__PURE__ */ P(D, {
+										id: e.name,
+										checked: e.state.value,
+										onCheckedChange: (t) => e.handleChange(t)
+									}), /* @__PURE__ */ P(d, {
+										htmlFor: e.name,
+										children: o("editor.inputNodeForm.multipleSelection")
+									})]
+								})
+							}),
+							n?.data?.type === "radio" && /* @__PURE__ */ P(u, {
+								name: "variant",
+								children: (e) => /* @__PURE__ */ F(A, { children: [/* @__PURE__ */ P(d, {
+									htmlFor: e.name,
+									children: o("editor.inputNodeForm.variant")
+								}), /* @__PURE__ */ F(g, {
+									value: e.state.value || "default",
+									onValueChange: (t) => e.handleChange(t),
+									children: [/* @__PURE__ */ P(v, {
+										id: e.name,
+										className: "w-full",
+										children: /* @__PURE__ */ P(T, {})
+									}), /* @__PURE__ */ F(C, { children: [/* @__PURE__ */ P(h, {
+										value: "default",
+										children: o("editor.inputNodeForm.variantDefault")
+									}), /* @__PURE__ */ P(h, {
+										value: "card",
+										children: o("editor.inputNodeForm.variantCard")
+									})] })]
+								})] })
+							})
+						]
+					})]
+				}),
+				!s && /* @__PURE__ */ F(rr, {
+					className: "flex w-full max-w-[350px] flex-col gap-2",
+					children: [/* @__PURE__ */ P(ir, {
+						asChild: !0,
+						children: /* @__PURE__ */ F("div", {
+							className: "flex items-center justify-between gap-4",
+							children: [/* @__PURE__ */ P("h4", {
+								className: "font-semibold text-sm",
+								children: o("editor.inputNodeForm.validation")
+							}), /* @__PURE__ */ F(k, {
+								variant: "ghost",
+								size: "icon",
+								className: "size-8",
+								children: [/* @__PURE__ */ P(We, {}), /* @__PURE__ */ P("span", {
+									className: "sr-only",
+									children: o("common.toggle")
+								})]
+							})]
+						})
+					}), /* @__PURE__ */ F(ar, {
+						className: "flex flex-col gap-6",
+						children: [
+							/* @__PURE__ */ P(u, {
+								name: "required",
+								children: (e) => /* @__PURE__ */ P(A, { children: /* @__PURE__ */ F("div", {
+									className: "flex items-center space-x-2",
+									children: [/* @__PURE__ */ P(D, {
+										id: e.name,
+										checked: e.state.value,
+										onCheckedChange: (t) => e.handleChange(t)
+									}), /* @__PURE__ */ P(d, {
+										htmlFor: e.name,
+										children: o("editor.inputNodeForm.required")
+									})]
+								}) })
+							}),
+							(n?.data?.type === "date" || n?.data?.type === "daterange") && /* @__PURE__ */ P(u, {
+								name: "disablePast",
+								children: (e) => /* @__PURE__ */ P(A, { children: /* @__PURE__ */ F("div", {
+									className: "flex items-center space-x-2",
+									children: [/* @__PURE__ */ P(D, {
+										id: e.name,
+										checked: e.state.value,
+										onCheckedChange: (t) => e.handleChange(t)
+									}), /* @__PURE__ */ P(d, {
+										htmlFor: e.name,
+										children: o("editor.inputNodeForm.disablePast")
+									})]
+								}) })
+							}),
+							/* @__PURE__ */ P(u, {
+								name: "pattern",
+								children: (e) => /* @__PURE__ */ F(A, { children: [/* @__PURE__ */ P(d, {
+									htmlFor: e.name,
+									children: o("editor.inputNodeForm.pattern")
+								}), /* @__PURE__ */ P(Yn, {
+									id: e.name,
+									value: e.state.value,
+									onValueChange: e.handleChange
+								})] })
+							}),
+							/* @__PURE__ */ F("div", {
+								className: "flex items-end gap-2",
+								children: [/* @__PURE__ */ P(u, {
+									name: "errorMessage",
+									children: (t) => /* @__PURE__ */ F(A, {
+										className: "flex-1",
+										children: [/* @__PURE__ */ P(d, {
+											htmlFor: t.name,
+											children: o("editor.inputNodeForm.errorMessage")
+										}), /* @__PURE__ */ P(O, {
+											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__ */ P(Q, {
+									value: e,
+									onValueChange: t
+								})]
+							})
+						]
+					})]
+				}),
+				!s && /* @__PURE__ */ F(rr, {
+					className: "flex w-full max-w-[350px] flex-col gap-2",
+					children: [/* @__PURE__ */ P(ir, {
+						asChild: !0,
+						children: /* @__PURE__ */ F("div", {
+							className: "flex items-center justify-between gap-4",
+							children: [/* @__PURE__ */ P("h4", {
+								className: "font-semibold text-sm",
+								children: o("editor.inputNodeForm.advancedConfiguration")
+							}), /* @__PURE__ */ F(k, {
+								variant: "ghost",
+								size: "icon",
+								className: "size-8",
+								children: [/* @__PURE__ */ P(We, {}), /* @__PURE__ */ P("span", {
+									className: "sr-only",
+									children: o("common.toggle")
+								})]
+							})]
+						})
+					}), /* @__PURE__ */ F(ar, {
+						className: "flex flex-col gap-6",
+						children: [/* @__PURE__ */ P(u, {
+							name: "name",
+							children: (e) => /* @__PURE__ */ F(A, { children: [
+								/* @__PURE__ */ P(d, {
+									htmlFor: e.name,
+									children: o("editor.inputNodeForm.name")
+								}),
+								/* @__PURE__ */ P(O, {
+									id: e.name,
+									name: e.name,
+									value: e.state.value,
+									onBlur: e.handleBlur,
+									onChange: ({ target: t }) => e.handleChange(t.value)
+								}),
+								/* @__PURE__ */ P(j, { children: o("editor.inputNodeForm.nameDescription") })
+							] })
+						}), /* @__PURE__ */ P(u, {
+							name: "defaultValue",
+							children: (e) => /* @__PURE__ */ F(N, { children: [
+								/* @__PURE__ */ F(A, { children: [/* @__PURE__ */ P(d, {
+									htmlFor: e.name,
+									children: o("editor.inputNodeForm.defaultValueType")
+								}), /* @__PURE__ */ F(g, {
+									value: e.state.value?.type || "none",
+									onValueChange: (t) => {
+										e.handleChange(t === "none" ? null : { type: t });
+									},
+									children: [/* @__PURE__ */ P(v, {
+										id: e.name,
+										children: /* @__PURE__ */ P(T, { placeholder: o("editor.inputNodeForm.selectType") })
+									}), /* @__PURE__ */ F(C, { children: [
+										/* @__PURE__ */ P(h, {
+											value: "none",
+											children: o("editor.inputNodeForm.defaultValueTypeNone")
+										}),
+										/* @__PURE__ */ P(h, {
+											value: "static",
+											children: o("editor.inputNodeForm.defaultValueTypeStatic")
+										}),
+										/* @__PURE__ */ P(h, {
+											value: "reference",
+											children: o("editor.inputNodeForm.defaultValueTypeReference")
+										})
+									] })]
+								})] }),
+								e.state.value?.type === "static" && /* @__PURE__ */ P(u, {
+									name: "defaultValue.staticValue",
+									children: (e) => {
+										let t = n?.data?.type;
+										return (t === "select" || t === "checkbox") && n?.data?.multiple ? /* @__PURE__ */ F(A, { children: [/* @__PURE__ */ P(d, {
+											htmlFor: e.name,
+											children: o("editor.inputNodeForm.defaultValuesCommaSeparated")
+										}), /* @__PURE__ */ P(O, {
+											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__ */ P(A, { children: /* @__PURE__ */ F("div", {
+											className: "flex items-center space-x-2",
+											children: [/* @__PURE__ */ P(D, {
+												id: e.name,
+												checked: !!e.state.value,
+												onCheckedChange: (t) => e.handleChange(t)
+											}), /* @__PURE__ */ P(d, {
+												htmlFor: e.name,
+												children: o("editor.inputNodeForm.defaultChecked")
+											})]
+										}) }) : /* @__PURE__ */ F(A, { children: [/* @__PURE__ */ P(d, {
+											htmlFor: e.name,
+											children: o("editor.inputNodeForm.staticValue")
+										}), /* @__PURE__ */ P(O, {
+											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__ */ F(N, { children: [
+									/* @__PURE__ */ P(u, {
+										name: "defaultValue.referenceField",
+										children: (e) => /* @__PURE__ */ F(A, { children: [
+											/* @__PURE__ */ P(d, {
+												htmlFor: e.name,
+												children: o("editor.inputNodeForm.referenceField")
+											}),
+											/* @__PURE__ */ F(g, {
+												value: e.state.value || "",
+												onValueChange: (t) => {
+													e.handleChange(t);
+												},
+												children: [/* @__PURE__ */ P(v, {
+													id: e.name,
+													children: /* @__PURE__ */ P(T, { placeholder: o("editor.inputNodeForm.selectReferenceField") })
+												}), /* @__PURE__ */ P(C, { children: a.length === 0 ? /* @__PURE__ */ P(h, {
+													value: "none",
+													disabled: !0,
+													children: o("editor.inputNodeForm.noParentFieldsAvailable")
+												}) : a.map((e) => /* @__PURE__ */ F(h, {
+													value: e.nodeId,
+													children: [
+														e.label,
+														" (",
+														e.type,
+														")"
+													]
+												}, e.nodeId)) })]
+											}),
+											a.length === 0 && /* @__PURE__ */ P(j, { children: o("editor.inputNodeForm.addInputFieldsBeforeReference") })
+										] })
+									}),
+									/* @__PURE__ */ P(u, {
+										name: "defaultValue.transformFunction",
+										children: (t) => /* @__PURE__ */ F(A, { children: [
+											/* @__PURE__ */ P(d, {
+												htmlFor: t.name,
+												children: o("editor.inputNodeForm.transformType")
+											}),
+											/* @__PURE__ */ F(g, {
+												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__ */ P(v, {
+													id: t.name,
+													children: /* @__PURE__ */ P(T, { placeholder: o("editor.inputNodeForm.selectTransformation") })
+												}), /* @__PURE__ */ F(C, { children: [
+													/* @__PURE__ */ P(h, {
+														value: "none",
+														children: o("editor.inputNodeForm.transformNone")
+													}),
+													/* @__PURE__ */ P(h, {
+														value: "toString",
+														children: o("editor.inputNodeForm.transformString")
+													}),
+													/* @__PURE__ */ P(h, {
+														value: "toNumber",
+														children: o("editor.inputNodeForm.transformNumber")
+													}),
+													/* @__PURE__ */ P(h, {
+														value: "toBoolean",
+														children: o("editor.inputNodeForm.transformBoolean")
+													}),
+													/* @__PURE__ */ P(h, {
+														value: "toArray",
+														children: o("editor.inputNodeForm.transformArray")
+													}),
+													/* @__PURE__ */ P(h, {
+														value: "toObject",
+														children: o("editor.inputNodeForm.transformMapToObject")
+													})
+												] })]
+											}),
+											/* @__PURE__ */ P(j, { children: o("editor.inputNodeForm.transformDesc") })
+										] })
+									}),
+									e.state.value?.transformFunction === "toObject" && /* @__PURE__ */ P(u, {
+										name: "defaultValue.objectMapping",
+										mode: "array",
+										children: (e) => /* @__PURE__ */ F(A, { children: [
+											/* @__PURE__ */ P(d, { children: o("editor.inputNodeForm.objectMapping") }),
+											/* @__PURE__ */ F("div", {
+												className: "space-y-2",
+												children: [e.state.value?.map((t, n) => /* @__PURE__ */ F("div", {
+													className: "flex items-center gap-2",
+													children: [
+														/* @__PURE__ */ P(u, {
+															name: `defaultValue.objectMapping[${n}].sourceKey`,
+															children: (e) => /* @__PURE__ */ P(O, {
+																placeholder: o("editor.inputNodeForm.sourceKey"),
+																value: e.state.value || "",
+																onChange: ({ target: t }) => e.handleChange(t.value)
+															})
+														}),
+														/* @__PURE__ */ P("span", {
+															className: "text-muted-foreground",
+															children: "→"
+														}),
+														/* @__PURE__ */ P(u, {
+															name: `defaultValue.objectMapping[${n}].targetKey`,
+															children: (e) => /* @__PURE__ */ P(O, {
+																placeholder: o("editor.inputNodeForm.targetKey"),
+																value: e.state.value || "",
+																onChange: ({ target: t }) => e.handleChange(t.value)
+															})
+														}),
+														/* @__PURE__ */ P(k, {
+															type: "button",
+															variant: "ghost",
+															size: "icon",
+															onClick: () => {
+																e.removeValue(n), l().then();
+															},
+															children: /* @__PURE__ */ P(L, { className: "h-4 w-4" })
+														})
+													]
+												}, `mapping-${n}`)), /* @__PURE__ */ F(k, {
+													type: "button",
+													variant: "outline",
+													size: "sm",
+													className: "w-full",
+													onClick: () => {
+														e.pushValue({
+															sourceKey: "",
+															targetKey: ""
+														}), l().then();
+													},
+													children: [/* @__PURE__ */ P(I, { className: "mr-2 h-4 w-4" }), o("editor.inputNodeForm.addMapping")]
+												})]
+											}),
+											/* @__PURE__ */ P(j, { children: o("editor.inputNodeForm.objectMappingDesc") })
+										] })
+									})
+								] })
+							] })
+						})]
+					})]
+				})
+			]
+		})
+	});
+}, sr = () => {
+	let [e, t] = z("en"), { selectedNode: n } = $(), { updateSelectedNodeData: r } = W(), { Field: i } = Pe({
+		defaultValues: { label: n?.data?.label || { en: "" } },
+		listeners: {
+			onChange: ({ formApi: e }) => {
+				e.handleSubmit().then();
+			},
+			onChangeDebounceMs: 150
+		},
+		onSubmit: ({ value: e }) => {
+			r(e);
+		}
+	});
+	return /* @__PURE__ */ P("form", {
+		onSubmit: (e) => {
+			e.preventDefault(), e.stopPropagation();
+		},
+		children: /* @__PURE__ */ P("div", {
+			className: "grid gap-6",
+			children: /* @__PURE__ */ F("div", {
+				className: "flex items-end gap-2",
+				children: [/* @__PURE__ */ P(i, {
+					name: "label",
+					children: (t) => /* @__PURE__ */ F(A, {
+						className: "flex-1",
+						children: [/* @__PURE__ */ P(d, {
+							htmlFor: t.name,
+							children: "Label"
+						}), /* @__PURE__ */ P(O, {
+							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__ */ P(Q, {
+					value: e,
+					onValueChange: t
+				})]
+			})
+		})
+	});
+}, cr = () => {
+	let [e, t] = z(""), [r, i] = z(!1), { selectedNode: a, groupNodes: o } = $(), { setNodes: s } = M(), c = a?.parentId || "none", l = n(a), u = U(), f = Ot(), p = Ot();
+	if (l) return null;
+	let m = (e) => {
+		a && s((t) => e === "none" ? t.map((e) => {
+			if (e.id === a.id) {
+				let { parentId: t, extent: n, ...r } = e;
+				return r;
+			}
+			return e;
+		}) : t.find((t) => t.id === e) ? t.map((t) => t.id === a.id ? {
+			...t,
+			extent: "parent",
+			parentId: e,
+			position: {
+				x: 50,
+				y: 80
+			}
+		} : t) : t);
+	}, _ = () => {
+		if (!(e.trim() && a)) 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 = Zt();
+		s((t) => [{
+			data: { label: { en: e.trim() } },
+			id: n,
+			position: {
+				x: a.position.x - 300,
+				y: a.position.y
+			},
+			style: {
+				height: 400,
+				width: 600
+			},
+			type: "group"
+		}, ...t.map((e) => e.id === a.id ? {
+			...e,
+			extent: "parent",
+			parentId: n,
+			position: {
+				x: 175,
+				y: 30
+			}
+		} : e)]), t(""), i(!1), V.success("Group created", { description: `The group "${e.trim()}" has been created successfully.` });
+	};
+	return /* @__PURE__ */ F("div", {
+		className: "space-y-2",
+		children: [/* @__PURE__ */ P(d, {
+			htmlFor: f,
+			children: u("editor.selectNodeGroup.group")
+		}), /* @__PURE__ */ F("div", {
+			className: "flex gap-2",
+			children: [/* @__PURE__ */ F(g, {
+				value: c,
+				onValueChange: m,
+				children: [/* @__PURE__ */ P(v, {
+					id: f,
+					className: "flex-1",
+					children: /* @__PURE__ */ P(T, { placeholder: u("editor.selectNodeGroup.noGroup") })
+				}), /* @__PURE__ */ P(C, { children: /* @__PURE__ */ F(w, { children: [/* @__PURE__ */ P(h, {
+					value: "none",
+					children: u("editor.selectNodeGroup.noGroup")
+				}), o.map((e) => /* @__PURE__ */ P(h, {
+					value: e.id,
+					children: e.data.label?.en ? String(e.data.label?.en) : e.id
+				}, e.id))] }) })]
+			}), /* @__PURE__ */ F(ie, {
+				open: r,
+				onOpenChange: i,
+				children: [/* @__PURE__ */ P(ne, {
+					asChild: !0,
+					children: /* @__PURE__ */ P(k, {
+						variant: "outline",
+						size: "icon",
+						title: "Create a new group",
+						children: /* @__PURE__ */ P(dt, { className: "h-4 w-4" })
+					})
+				}), /* @__PURE__ */ P(ae, {
+					className: "w-80",
+					align: "end",
+					disablePortal: !0,
+					children: /* @__PURE__ */ F("div", {
+						className: "space-y-4",
+						children: [
+							/* @__PURE__ */ F("div", {
+								className: "space-y-2",
+								children: [/* @__PURE__ */ P("h4", {
+									className: "font-medium leading-none",
+									children: u("editor.selectNodeGroup.newGroup")
+								}), /* @__PURE__ */ P("p", {
+									className: "text-muted-foreground text-sm",
+									children: u("editor.selectNodeGroup.newGroupDescription")
+								})]
+							}),
+							/* @__PURE__ */ F("div", {
+								className: "space-y-2",
+								children: [/* @__PURE__ */ P(d, {
+									htmlFor: p,
+									children: u("editor.selectNodeGroup.groupName")
+								}), /* @__PURE__ */ P(O, {
+									autoFocus: !0,
+									id: p,
+									value: e,
+									onChange: (e) => t(e.target.value),
+									placeholder: "Ex: Step 1 - Personal info",
+									onKeyDown: (e) => {
+										e.key === "Enter" && (e.preventDefault(), _());
+									}
+								})]
+							}),
+							/* @__PURE__ */ F("div", {
+								className: "flex justify-end gap-2",
+								children: [/* @__PURE__ */ P(k, {
+									variant: "outline",
+									size: "sm",
+									onClick: () => i(!1),
+									children: "Cancel"
+								}), /* @__PURE__ */ P(k, {
+									size: "sm",
+									onClick: _,
+									disabled: !e.trim(),
+									children: "Create"
+								})]
+							})
+						]
+					})
+				})]
+			})]
+		})]
+	});
+}, lr = Object.values(X), ur = Object.values(ln), dr = () => {
+	let { selectedNode: e } = $(), { updateSelectedNodeType: t } = W(), { getEdges: a } = M(), { openNodeTypeChangeConfirmation: o } = H(), s = n(e), c = U(), u = Ot(), d = Z(l.flow), f = () => e ? r(e) || i(e) ? e.data?.type || "" : e.type || "" : "", p = (n, r) => {
+		if (!e) return;
+		let i = a().filter((t) => t.source === e.id).length;
+		if ((n === l.ui || n === l.flow) && i > 1) {
+			o({
+				nodeId: e.id,
+				subType: r,
+				type: n
+			});
+			return;
+		}
+		t(n, r);
+	};
+	return /* @__PURE__ */ F(w, { children: [/* @__PURE__ */ P(y, {
+		htmlFor: u,
+		children: c("editor.selectNodeType.nodeType")
+	}), /* @__PURE__ */ F(g, {
+		value: f(),
+		onValueChange: (e) => {
+			if (lr.includes(e)) {
+				p(l.input, e);
+				return;
+			}
+			if (ur.includes(e)) {
+				p(l.ui, e);
+				return;
+			}
+			p(e);
+		},
+		disabled: s,
+		children: [/* @__PURE__ */ P(v, {
+			className: "w-full capitalize",
+			id: u,
+			children: /* @__PURE__ */ P(T, { placeholder: c("editor.selectNodeType.nodeType") })
+		}), /* @__PURE__ */ P(C, {
+			className: "treege-scrollbar max-h-80",
+			children: s ? /* @__PURE__ */ P(w, { children: /* @__PURE__ */ P(h, {
+				value: l.group,
+				children: c("editor.selectNodeType.options.group")
+			}) }) : /* @__PURE__ */ F(N, { children: [
+				/* @__PURE__ */ F(w, { children: [/* @__PURE__ */ P(y, { children: c("editor.selectNodeType.options.input") }), lr.map((e) => /* @__PURE__ */ F(h, {
+					value: e,
+					className: "capitalize",
+					children: [/* @__PURE__ */ P(Z(e), {}), e]
+				}, e))] }),
+				/* @__PURE__ */ P(de, {}),
+				/* @__PURE__ */ F(w, { children: [/* @__PURE__ */ P(y, { children: c("editor.selectNodeType.options.ui") }), ur.map((e) => /* @__PURE__ */ F(h, {
+					value: e,
+					className: "capitalize",
+					children: [/* @__PURE__ */ P(Z(e), {}), e]
+				}, e))] }),
+				/* @__PURE__ */ P(de, {}),
+				/* @__PURE__ */ F(w, { children: [/* @__PURE__ */ P(y, { children: c("common.other") }), /* @__PURE__ */ F(h, {
+					value: l.flow,
+					children: [/* @__PURE__ */ P(d, {}), c("editor.selectNodeType.options.flow")]
+				})] })
+			] })
+		})]
+	})] });
+};
+//#endregion
+//#region src/shared/components/ui/sheet.tsx
+function fr({ ...e }) {
+	return /* @__PURE__ */ P(Pt.Root, {
+		"data-slot": "sheet",
+		...e
+	});
+}
+function pr({ ...e }) {
+	return /* @__PURE__ */ P(Pt.Portal, {
+		"data-slot": "sheet-portal",
+		...e
+	});
+}
+function mr({ className: e, ...t }) {
+	return /* @__PURE__ */ P(Pt.Overlay, {
+		"data-slot": "sheet-overlay",
+		className: E("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 hr({ className: e, children: t, side: n = "right", ...r }) {
+	return /* @__PURE__ */ F(pr, { children: [/* @__PURE__ */ P(mr, {}), /* @__PURE__ */ F(Pt.Content, {
+		"data-slot": "sheet-content",
+		className: E("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__ */ F(Pt.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__ */ P(Ct, { className: "size-4" }), /* @__PURE__ */ P("span", {
+				className: "sr-only",
+				children: "Close"
+			})]
+		})]
+	})] });
+}
+function gr({ className: e, ...t }) {
+	return /* @__PURE__ */ P("div", {
+		"data-slot": "sheet-header",
+		className: E("flex flex-col gap-1.5 p-4", e),
+		...t
+	});
+}
+function _r({ className: e, ...t }) {
+	return /* @__PURE__ */ P("div", {
+		"data-slot": "sheet-footer",
+		className: E("mt-auto flex flex-col gap-2 p-4", e),
+		...t
+	});
+}
+function vr({ className: e, ...t }) {
+	return /* @__PURE__ */ P(Pt.Title, {
+		"data-slot": "sheet-title",
+		className: E("font-semibold text-foreground", e),
+		...t
+	});
+}
+function yr({ className: e, ...t }) {
+	return /* @__PURE__ */ P(Pt.Description, {
+		"data-slot": "sheet-description",
+		className: E("text-muted-foreground text-sm", e),
+		...t
+	});
+}
+//#endregion
+//#region src/editor/features/TreegeEditor/sheets/NodeActionsSheet.tsx
+var br = () => {
+	let { selectedNode: e } = $(), { clearSelection: t } = W(), { isNodeSheetOpen: a, setIsNodeSheetOpen: s, openDeleteNodeConfirmation: c } = H(), l = U(), u = l(e?.data?.label), d = () => {
+		s(!1), t();
+	};
+	return /* @__PURE__ */ P(fr, {
+		open: a && !!e,
+		onOpenChange: (e) => {
+			e || d();
+		},
+		children: /* @__PURE__ */ F(hr, {
+			className: "flex flex-col gap-0",
+			children: [
+				/* @__PURE__ */ F(gr, { children: [/* @__PURE__ */ F(vr, { children: [
+					l("editor.nodeActionsSheet.editNode"),
+					" ",
+					/* @__PURE__ */ P("span", {
+						className: "font-light text-muted-foreground text-xs",
+						children: e?.id
+					})
+				] }), /* @__PURE__ */ P(yr, { children: u || "\xA0" })] }),
+				/* @__PURE__ */ P(Gt, {
+					className: "flex min-h-0 flex-1 flex-col px-4",
+					children: /* @__PURE__ */ F("div", {
+						className: "space-y-6 py-4",
+						children: [
+							/* @__PURE__ */ P(dr, {}),
+							/* @__PURE__ */ P(cr, {}),
+							/* @__PURE__ */ P(ue, {}),
+							r(e) && /* @__PURE__ */ P(or, {}),
+							i(e) && /* @__PURE__ */ P(sr, {}),
+							o(e) && /* @__PURE__ */ P(Vn, {}),
+							n(e) && /* @__PURE__ */ P(Hn, {})
+						]
+					})
+				}),
+				/* @__PURE__ */ P(_r, {
+					className: "flex items-end border-t",
+					children: /* @__PURE__ */ P(k, {
+						variant: "ghost",
+						size: "icon",
+						onClick: () => {
+							e && c(e.id);
+						},
+						"aria-label": l("editor.nodeActionsSheet.deleteNode"),
+						children: /* @__PURE__ */ P(vt, {})
+					})
+				})
+			]
+		})
+	});
+}, xr = 200, Sr = 100, Cr = (e) => !!(e.measured?.width && e.measured?.height), wr = (e, t, n) => {
+	let r = n === "TB" ? "y" : "x";
+	return e.reduce((e, n) => t.node(n.id)[r] < t.node(e.id)[r] ? n : e, e[0]);
+}, Tr = (e, t, n) => {
+	let r = new Lt.graphlib.Graph().setDefaultEdgeLabel(() => ({}));
+	r.setGraph({
+		nodesep: n.horizontalSpacing,
+		rankdir: n.direction,
+		ranksep: n.verticalSpacing
+	});
+	let i = /* @__PURE__ */ new Set();
+	e.forEach((e) => {
+		i.add(e.id), r.setNode(e.id, {
+			height: e.measured?.height ?? Sr,
+			width: e.measured?.width ?? xr
+		});
+	}), t.forEach((e) => {
+		i.has(e.source) && i.has(e.target) && r.setEdge(e.source, e.target);
+	}), Lt.layout(r);
+	let a = wr(e, r, n.direction), o = a.measured?.width ?? xr, s = a.measured?.height ?? Sr, c = r.node(a.id), l = a.position.x - (c.x - o / 2), u = a.position.y - (c.y - s / 2), d = /* @__PURE__ */ new Map();
+	return e.forEach((e) => {
+		let { x: t, y: n } = r.node(e.id), i = e.measured?.width ?? xr, a = e.measured?.height ?? Sr;
+		d.set(e.id, {
+			x: t - i / 2 + l,
+			y: n - a / 2 + u
+		});
+	}), d;
+}, Er = (e) => {
+	let t = /* @__PURE__ */ new Map();
+	return e.forEach((e) => {
+		let n = t.get(e.parentId) ?? [];
+		n.push(e), t.set(e.parentId, n);
+	}), t;
+}, Dr = (e, t, n = {}) => {
+	let r = {
+		direction: n.direction ?? "TB",
+		horizontalSpacing: n.horizontalSpacing ?? 60,
+		verticalSpacing: n.verticalSpacing ?? 80
+	}, i = /* @__PURE__ */ new Map();
+	return Er(e).forEach((e) => {
+		let n = e.filter(Cr);
+		n.length !== 0 && Tr(n, t, r).forEach((e, t) => {
+			i.set(t, e);
+		});
+	}), e.map((e) => {
+		let t = i.get(e.id);
+		return t ? {
+			...e,
+			position: t
+		} : e;
+	});
+}, Or = (e) => Array.from(e.nodeLookup.values()).map((e) => `${e.id}:${e.measured?.width ?? 0}x${e.measured?.height ?? 0}`).join("|"), kr = ({ direction: e, horizontalSpacing: t, verticalSpacing: n } = {}) => {
+	let { getNodes: r, getEdges: i, setNodes: a } = M(), o = Me(), s = Ne(Or);
+	Dt(() => {
+		o && s && a(Dr(r(), i(), {
+			direction: e,
+			horizontalSpacing: t,
+			verticalSpacing: n
+		}));
+	}, [
+		o,
+		s,
+		e,
+		t,
+		n,
+		r,
+		i,
+		a
+	]);
+}, Ar = ({ ...e }) => {
+	let { theme: t = "system" } = Rt();
+	return /* @__PURE__ */ P(Ft, {
+		theme: t,
+		className: "toaster group",
+		style: {
+			"--normal-bg": "var(--treege-popover)",
+			"--normal-border": "var(--treege-border)",
+			"--normal-text": "var(--treege-popover-foreground)"
+		},
+		...e
+	});
+}, jr = ({ flow: e, onExportJson: t, onSave: n, theme: r, className: i }) => {
+	let { onConnect: a, onConnectEnd: o, onEdgesDelete: s, isValidConnection: c } = cn();
+	return kr(), /* @__PURE__ */ F(Ee, {
+		fitView: !0,
+		colorMode: r,
+		selectNodesOnDrag: !1,
+		nodeTypes: Cn,
+		edgeTypes: Yt,
+		defaultEdges: e?.edges || [],
+		defaultNodes: e?.nodes || [],
+		onConnect: a,
+		onConnectEnd: o,
+		onEdgesDelete: s,
+		isValidConnection: c,
+		className: E(i, "treege"),
+		children: [
+			/* @__PURE__ */ P(ge, {
+				gap: 10,
+				variant: _e.Dots
+			}),
+			/* @__PURE__ */ P(zn, {
+				onExportJson: t,
+				onSave: n
+			}),
+			/* @__PURE__ */ P(Vt, { theme: r }),
+			/* @__PURE__ */ P(Se, {}),
+			/* @__PURE__ */ P(ye, {}),
+			/* @__PURE__ */ P(br, {}),
+			/* @__PURE__ */ P(Dn, {}),
+			/* @__PURE__ */ P(En, {})
+		]
+	});
+}, Mr = ({ flow: e, onExportJson: t, onSave: n, theme: r = "dark", language: i = "en", aiConfig: a }) => /* @__PURE__ */ P(u, {
+	defaultTheme: r,
+	storageKey: "treege-editor-theme",
+	theme: r,
+	children: /* @__PURE__ */ F(Wt, {
+		value: {
+			aiConfig: a,
+			flowId: e?.id,
+			language: i
+		},
+		children: [/* @__PURE__ */ P(Ar, { position: "bottom-center" }), /* @__PURE__ */ P(De, { children: /* @__PURE__ */ P(jr, {
+			onExportJson: t,
+			onSave: n,
+			flow: e,
+			theme: r
+		}) })]
+	})
+});
+//#endregion
+export { Mr as t };