treege 3.0.0-beta.12 → 3.0.0-beta.13
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1,21 +1,21 @@
|
|
|
1
1
|
(function(){"use strict";try{if(typeof document<"u"){var t=document.createElement("style");t.appendChild(document.createTextNode(`/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial;--tw-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0}}}.react-flow{--xy-edge-stroke-default:#b1b1b7;--xy-edge-stroke-width-default:1;--xy-edge-stroke-selected-default:#555;--xy-connectionline-stroke-default:#b1b1b7;--xy-connectionline-stroke-width-default:1;--xy-attribution-background-color-default:#ffffff80;--xy-minimap-background-color-default:#fff;--xy-minimap-mask-background-color-default:#f0f0f099;--xy-minimap-mask-stroke-color-default:transparent;--xy-minimap-mask-stroke-width-default:1;--xy-minimap-node-background-color-default:#e2e2e2;--xy-minimap-node-stroke-color-default:transparent;--xy-minimap-node-stroke-width-default:2;--xy-background-color-default:transparent;--xy-background-pattern-dots-color-default:#91919a;--xy-background-pattern-lines-color-default:#eee;--xy-background-pattern-cross-color-default:#e2e2e2;background-color:var(--xy-background-color,var(--xy-background-color-default));--xy-node-border-default:1px solid #bbb;--xy-node-border-selected-default:1px solid #555;--xy-handle-background-color-default:#333;--xy-selection-background-color-default:#9696b41a;--xy-selection-border-default:1px dotted #9b9b9bcc;--xy-resize-background-color-default:#3367d9;direction:ltr}.react-flow.dark{--xy-edge-stroke-default:#3e3e3e;--xy-edge-stroke-width-default:1;--xy-edge-stroke-selected-default:#727272;--xy-connectionline-stroke-default:#b1b1b7;--xy-connectionline-stroke-width-default:1;--xy-attribution-background-color-default:#96969640;--xy-minimap-background-color-default:#141414;--xy-minimap-mask-background-color-default:#3c3c3c99;--xy-minimap-mask-stroke-color-default:transparent;--xy-minimap-mask-stroke-width-default:1;--xy-minimap-node-background-color-default:#2b2b2b;--xy-minimap-node-stroke-color-default:transparent;--xy-minimap-node-stroke-width-default:2;--xy-background-color-default:#141414;--xy-background-pattern-dots-color-default:#777;--xy-background-pattern-lines-color-default:#777;--xy-background-pattern-cross-color-default:#777;--xy-node-color-default:#f8f8f8}.react-flow__background{background-color:var(--xy-background-color-props,var(--xy-background-color,var(--xy-background-color-default)));pointer-events:none;z-index:-1}.react-flow__container{width:100%;height:100%;position:absolute;top:0;left:0}.react-flow__pane{z-index:1}.react-flow__pane.draggable{cursor:grab}.react-flow__pane.dragging{cursor:grabbing}.react-flow__pane.selection{cursor:pointer}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow__edge-path{stroke:var(--xy-edge-stroke,var(--xy-edge-stroke-default));stroke-width:var(--xy-edge-stroke-width,var(--xy-edge-stroke-width-default));fill:none}.react-flow__connection-path{stroke:var(--xy-connectionline-stroke,var(--xy-connectionline-stroke-default));stroke-width:var(--xy-connectionline-stroke-width,var(--xy-connectionline-stroke-width-default));fill:none}.react-flow .react-flow__edges{position:absolute}.react-flow .react-flow__edges svg{pointer-events:none;position:absolute;overflow:visible}.react-flow__edge{pointer-events:visibleStroke}.react-flow__edge.selectable{cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;animation:.5s linear infinite dashdraw}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge.selectable:focus .react-flow__edge-path,.react-flow__edge.selectable:focus-visible .react-flow__edge-path{stroke:var(--xy-edge-stroke-selected,var(--xy-edge-stroke-selected-default))}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;user-select:none}.react-flow__arrowhead polyline{stroke:var(--xy-edge-stroke,var(--xy-edge-stroke-default))}.react-flow__arrowhead polyline.arrowclosed{fill:var(--xy-edge-stroke,var(--xy-edge-stroke-default))}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:.5s linear infinite dashdraw}svg.react-flow__connectionline{z-index:1001;position:absolute;overflow:visible}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{-webkit-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:default;position:absolute}.react-flow__node.selectable{cursor:pointer}.react-flow__node.draggable{cursor:grab;pointer-events:all}.react-flow__node.draggable.dragging{cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:0 0;pointer-events:none}.react-flow__nodesselection-rect{pointer-events:all;cursor:grab;position:absolute}.react-flow__handle{pointer-events:none;background-color:var(--xy-handle-background-color,var(--xy-handle-background-color-default));min-width:5px;min-height:5px;position:absolute}.react-flow__handle.connectingfrom{pointer-events:all}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;bottom:0;left:50%;transform:translate(-50%,50%)}.react-flow__handle-top{top:0;left:50%;transform:translate(-50%,-50%)}.react-flow__handle-left{top:50%;left:0;transform:translate(-50%,-50%)}.react-flow__handle-right{top:50%;right:0;transform:translate(50%,-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__pane.selection .react-flow__panel{pointer-events:none}.react-flow__panel{z-index:5;margin:15px;position:absolute}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.top.center,.react-flow__panel.bottom.center{left:50%;transform:translate(-15px)translate(-50%)}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.left.center,.react-flow__panel.right.center{top:50%;transform:translateY(-15px)translateY(-50%)}.react-flow__attribution{background:var(--xy-attribution-background-color,var(--xy-attribution-background-color-default));margin:0;padding:2px 3px;font-size:10px}.react-flow__attribution a{color:#999;text-decoration:none}@keyframes dashdraw{0%{stroke-dashoffset:10px}}.react-flow__edgelabel-renderer{pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;top:0;left:0}.react-flow__viewport-portal{-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;top:0;left:0}.react-flow__minimap{background:var(--xy-minimap-background-color-props,var(--xy-minimap-background-color,var(--xy-minimap-background-color-default)))}.react-flow__minimap-svg{display:block}.react-flow__minimap-mask{fill:var(--xy-minimap-mask-background-color-props,var(--xy-minimap-mask-background-color,var(--xy-minimap-mask-background-color-default)));stroke:var(--xy-minimap-mask-stroke-color-props,var(--xy-minimap-mask-stroke-color,var(--xy-minimap-mask-stroke-color-default)));stroke-width:var(--xy-minimap-mask-stroke-width-props,var(--xy-minimap-mask-stroke-width,var(--xy-minimap-mask-stroke-width-default)))}.react-flow__minimap-node{fill:var(--xy-minimap-node-background-color-props,var(--xy-minimap-node-background-color,var(--xy-minimap-node-background-color-default)));stroke:var(--xy-minimap-node-stroke-color-props,var(--xy-minimap-node-stroke-color,var(--xy-minimap-node-stroke-color-default)));stroke-width:var(--xy-minimap-node-stroke-width-props,var(--xy-minimap-node-stroke-width,var(--xy-minimap-node-stroke-width-default)))}.react-flow__background-pattern.dots{fill:var(--xy-background-pattern-color-props,var(--xy-background-pattern-color,var(--xy-background-pattern-dots-color-default)))}.react-flow__background-pattern.lines{stroke:var(--xy-background-pattern-color-props,var(--xy-background-pattern-color,var(--xy-background-pattern-lines-color-default)))}.react-flow__background-pattern.cross{stroke:var(--xy-background-pattern-color-props,var(--xy-background-pattern-color,var(--xy-background-pattern-cross-color-default)))}.react-flow__controls{flex-direction:column;display:flex}.react-flow__controls.horizontal{flex-direction:row}.react-flow__controls-button{justify-content:center;align-items:center;width:26px;height:26px;padding:4px;display:flex}.react-flow__controls-button svg{fill:currentColor;width:100%;max-width:12px;max-height:12px}.react-flow__node-input,.react-flow__node-default,.react-flow__node-output,.react-flow__node-group{border:var(--xy-node-border,var(--xy-node-border-default));color:var(--xy-node-color,var(--xy-node-color-default))}.react-flow__node-input.selected,.react-flow__node-input:focus,.react-flow__node-input:focus-visible,.react-flow__node-default.selected,.react-flow__node-default:focus,.react-flow__node-default:focus-visible,.react-flow__node-output.selected,.react-flow__node-output:focus,.react-flow__node-output:focus-visible,.react-flow__node-group.selected,.react-flow__node-group:focus,.react-flow__node-group:focus-visible{border:var(--xy-node-border-selected,var(--xy-node-border-selected-default));outline:none}.react-flow__nodesselection-rect,.react-flow__selection{background:var(--xy-selection-background-color,var(--xy-selection-background-color-default));border:var(--xy-selection-border,var(--xy-selection-border-default))}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.top,.react-flow__resize-control.bottom{cursor:ns-resize}.react-flow__resize-control.top.left,.react-flow__resize-control.bottom.right{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{background-color:var(--xy-resize-background-color,var(--xy-resize-background-color-default));border:1px solid #fff;border-radius:1px;width:5px;height:5px;translate:-50% -50%}.react-flow__resize-control.handle.left{top:50%;left:0}.react-flow__resize-control.handle.right{top:50%;left:100%}.react-flow__resize-control.handle.top{top:0;left:50%}.react-flow__resize-control.handle.bottom{top:100%;left:50%}.react-flow__resize-control.handle.top.left,.react-flow__resize-control.handle.bottom.left{left:0}.react-flow__resize-control.handle.top.right,.react-flow__resize-control.handle.bottom.right{left:100%}.react-flow__resize-control.line{border-color:var(--xy-resize-background-color,var(--xy-resize-background-color-default));border-style:solid;border-width:0}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;height:100%;top:0;transform:translate(-50%)}.react-flow__resize-control.line.left{border-left-width:1px;left:0}.react-flow__resize-control.line.right{border-right-width:1px;left:100%}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{width:100%;height:1px;left:0;transform:translateY(-50%)}.react-flow__resize-control.line.top{border-top-width:1px;top:0}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-500:oklch(63.7% .237 25.331);--color-blue-300:oklch(80.9% .105 251.813);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-purple-600:oklch(55.8% .288 302.321);--color-purple-700:oklch(49.6% .265 301.924);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--container-lg:32rem;--container-2xl:42rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-widest:.1em;--radius-xs:.125rem;--ease-in-out:cubic-bezier(.4,0,.2,1);--animate-spin:spin 1s linear infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-card:var(--card);--color-chart-2:var(--chart-2);--color-chart-3:var(--chart-3);--color-chart-4:var(--chart-4)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*{border-color:var(--border);outline-color:var(--ring)}@supports (color:color-mix(in lab,red,red)){*{outline-color:color-mix(in oklab,var(--ring)50%,transparent)}}body{background-color:var(--background);color:var(--foreground)}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:calc(var(--spacing)*0)}.inset-x-0{inset-inline:calc(var(--spacing)*0)}.inset-y-0{inset-block:calc(var(--spacing)*0)}.-top-3\\.5{top:calc(var(--spacing)*-3.5)}.top-0{top:calc(var(--spacing)*0)}.top-1\\/2{top:50%}.top-4{top:calc(var(--spacing)*4)}.top-5{top:calc(var(--spacing)*5)}.top-\\[50\\%\\]{top:50%}.right-0{right:calc(var(--spacing)*0)}.right-2{right:calc(var(--spacing)*2)}.right-3{right:calc(var(--spacing)*3)}.right-4{right:calc(var(--spacing)*4)}.bottom-0{bottom:calc(var(--spacing)*0)}.left-0{left:calc(var(--spacing)*0)}.left-1\\/2{left:50%}.left-2{left:calc(var(--spacing)*2)}.left-5{left:calc(var(--spacing)*5)}.left-6{left:calc(var(--spacing)*6)}.left-\\[50\\%\\]{left:50%}.z-50{z-index:50}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.-mx-1{margin-inline:calc(var(--spacing)*-1)}.mx-auto{margin-inline:auto}.my-1{margin-block:calc(var(--spacing)*1)}.my-8{margin-block:calc(var(--spacing)*8)}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-8{margin-top:calc(var(--spacing)*8)}.mt-10{margin-top:calc(var(--spacing)*10)}.mt-auto{margin-top:auto}.mr-1{margin-right:calc(var(--spacing)*1)}.mr-2{margin-right:calc(var(--spacing)*2)}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-5{margin-bottom:calc(var(--spacing)*5)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.mb-10{margin-bottom:calc(var(--spacing)*10)}.ml-1{margin-left:calc(var(--spacing)*1)}.ml-2{margin-left:calc(var(--spacing)*2)}.ml-auto{margin-left:auto}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.table{display:table}.field-sizing-content{field-sizing:content}.aspect-square{aspect-ratio:1}.size-\\(--cell-size\\){width:var(--cell-size);height:var(--cell-size)}.size-2{width:calc(var(--spacing)*2);height:calc(var(--spacing)*2)}.size-2\\.5{width:calc(var(--spacing)*2.5);height:calc(var(--spacing)*2.5)}.size-3\\.5{width:calc(var(--spacing)*3.5);height:calc(var(--spacing)*3.5)}.size-4{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.size-8{width:calc(var(--spacing)*8);height:calc(var(--spacing)*8)}.size-9{width:calc(var(--spacing)*9);height:calc(var(--spacing)*9)}.size-10{width:calc(var(--spacing)*10);height:calc(var(--spacing)*10)}.size-auto{width:auto;height:auto}.size-full{width:100%;height:100%}.\\!h-3{height:calc(var(--spacing)*3)!important}.\\!h-6{height:calc(var(--spacing)*6)!important}.h-\\(--cell-size\\){height:var(--cell-size)}.h-2\\.5{height:calc(var(--spacing)*2.5)}.h-3{height:calc(var(--spacing)*3)}.h-4{height:calc(var(--spacing)*4)}.h-8{height:calc(var(--spacing)*8)}.h-9{height:calc(var(--spacing)*9)}.h-10{height:calc(var(--spacing)*10)}.h-12{height:calc(var(--spacing)*12)}.h-14{height:calc(var(--spacing)*14)}.h-\\[1\\.15rem\\]{height:1.15rem}.h-\\[var\\(--radix-select-trigger-height\\)\\]{height:var(--radix-select-trigger-height)}.h-auto{height:auto}.h-full{height:100%}.h-px{height:1px}.h-screen{height:100vh}.max-h-\\(--radix-dropdown-menu-content-available-height\\){max-height:var(--radix-dropdown-menu-content-available-height)}.max-h-\\(--radix-select-content-available-height\\){max-height:var(--radix-select-content-available-height)}.max-h-150{max-height:calc(var(--spacing)*150)}.max-h-\\[300px\\]{max-height:300px}.min-h-0{min-height:calc(var(--spacing)*0)}.min-h-16{min-height:calc(var(--spacing)*16)}.\\!w-3{width:calc(var(--spacing)*3)!important}.\\!w-6{width:calc(var(--spacing)*6)!important}.w-\\(--cell-size\\){width:var(--cell-size)}.w-2\\.5{width:calc(var(--spacing)*2.5)}.w-3{width:calc(var(--spacing)*3)}.w-3\\/4{width:75%}.w-4{width:calc(var(--spacing)*4)}.w-4\\/12{width:33.3333%}.w-8{width:calc(var(--spacing)*8)}.w-8\\/12{width:66.6667%}.w-12{width:calc(var(--spacing)*12)}.w-32{width:calc(var(--spacing)*32)}.w-72{width:calc(var(--spacing)*72)}.w-80{width:calc(var(--spacing)*80)}.w-96{width:calc(var(--spacing)*96)}.w-\\[300px\\]{width:300px}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.w-screen{width:100vw}.max-w-2xl{max-width:var(--container-2xl)}.max-w-50{max-width:calc(var(--spacing)*50)}.max-w-\\[350px\\]{max-width:350px}.max-w-\\[calc\\(100\\%-2rem\\)\\]{max-width:calc(100% - 2rem)}.max-w-full{max-width:100%}.min-w-\\(--cell-size\\){min-width:var(--cell-size)}.min-w-0{min-width:calc(var(--spacing)*0)}.min-w-\\[8rem\\]{min-width:8rem}.min-w-\\[var\\(--radix-select-trigger-width\\)\\]{min-width:var(--radix-select-trigger-width)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.origin-\\(--radix-dropdown-menu-content-transform-origin\\){transform-origin:var(--radix-dropdown-menu-content-transform-origin)}.origin-\\(--radix-popover-content-transform-origin\\){transform-origin:var(--radix-popover-content-transform-origin)}.origin-\\(--radix-select-content-transform-origin\\){transform-origin:var(--radix-select-content-transform-origin)}.origin-\\(--radix-tooltip-content-transform-origin\\){transform-origin:var(--radix-tooltip-content-transform-origin)}.-translate-x-1\\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-\\[-50\\%\\]{--tw-translate-x:-50%;translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-1\\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-\\[-50\\%\\]{--tw-translate-y:-50%;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-\\[calc\\(-50\\%_-_2px\\)\\]{--tw-translate-y: calc(-50% - 2px) ;translate:var(--tw-translate-x)var(--tw-translate-y)}.rotate-45{rotate:45deg}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-in{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.animate-spin{animation:var(--animate-spin)}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.resize-none{resize:none}.scroll-my-1{scroll-margin-block:calc(var(--spacing)*1)}.scroll-py-1{scroll-padding-block:calc(var(--spacing)*1)}.list-inside{list-style-position:inside}.list-disc{list-style-type:disc}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.place-content-center{place-content:center}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-1{gap:calc(var(--spacing)*1)}.gap-1\\.5{gap:calc(var(--spacing)*1.5)}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.gap-5{gap:calc(var(--spacing)*5)}.gap-6{gap:calc(var(--spacing)*6)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*1)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*3)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*6)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*6)*calc(1 - var(--tw-space-y-reverse)))}.gap-x-3{column-gap:calc(var(--spacing)*3)}:where(.space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*2)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-x-reverse)))}.gap-y-3{row-gap:calc(var(--spacing)*3)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-\\[2px\\]{border-radius:2px}.rounded-\\[4px\\]{border-radius:4px}.rounded-\\[inherit\\]{border-radius:inherit}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius)}.rounded-md{border-radius:calc(var(--radius) - 2px)}.rounded-none{border-radius:0}.rounded-sm{border-radius:calc(var(--radius) - 4px)}.rounded-xs{border-radius:var(--radius-xs)}.rounded-l-md{border-top-left-radius:calc(var(--radius) - 2px);border-bottom-left-radius:calc(var(--radius) - 2px)}.rounded-r-md{border-top-right-radius:calc(var(--radius) - 2px);border-bottom-right-radius:calc(var(--radius) - 2px)}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-gray-300{border-color:var(--color-gray-300)}.border-input{border-color:var(--input)}.border-transparent{border-color:#0000}.border-t-transparent{border-top-color:#0000}.border-l-transparent{border-left-color:#0000}.\\!bg-primary{background-color:var(--primary)!important}.bg-accent{background-color:var(--accent)}.bg-background{background-color:var(--background)}.bg-black\\/50{background-color:#00000080}@supports (color:color-mix(in lab,red,red)){.bg-black\\/50{background-color:color-mix(in oklab,var(--color-black)50%,transparent)}}.bg-blue-300{background-color:var(--color-blue-300)}.bg-blue-500{background-color:var(--color-blue-500)}.bg-border{background-color:var(--border)}.bg-chart-2{background-color:var(--chart-2)}.bg-destructive{background-color:var(--destructive)}.bg-foreground{background-color:var(--foreground)}.bg-muted,.bg-muted\\/20{background-color:var(--muted)}@supports (color:color-mix(in lab,red,red)){.bg-muted\\/20{background-color:color-mix(in oklab,var(--muted)20%,transparent)}}.bg-muted\\/30{background-color:var(--muted)}@supports (color:color-mix(in lab,red,red)){.bg-muted\\/30{background-color:color-mix(in oklab,var(--muted)30%,transparent)}}.bg-popover{background-color:var(--popover)}.bg-primary{background-color:var(--primary)}.bg-purple-600{background-color:var(--color-purple-600)}.bg-secondary{background-color:var(--secondary)}.bg-transparent{background-color:#0000}.fill-current{fill:currentColor}.fill-foreground{fill:var(--foreground)}.fill-primary{fill:var(--primary)}.p-0{padding:calc(var(--spacing)*0)}.p-1{padding:calc(var(--spacing)*1)}.p-2{padding:calc(var(--spacing)*2)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-6{padding:calc(var(--spacing)*6)}.p-px{padding:1px}.px-\\(--cell-size\\){padding-inline:var(--cell-size)}.px-1{padding-inline:calc(var(--spacing)*1)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-6{padding-inline:calc(var(--spacing)*6)}.py-0\\.5{padding-block:calc(var(--spacing)*.5)}.py-1{padding-block:calc(var(--spacing)*1)}.py-1\\.5{padding-block:calc(var(--spacing)*1.5)}.py-2{padding-block:calc(var(--spacing)*2)}.py-3{padding-block:calc(var(--spacing)*3)}.py-4{padding-block:calc(var(--spacing)*4)}.py-6{padding-block:calc(var(--spacing)*6)}.pt-2{padding-top:calc(var(--spacing)*2)}.pr-1{padding-right:calc(var(--spacing)*1)}.pr-2{padding-right:calc(var(--spacing)*2)}.pr-8{padding-right:calc(var(--spacing)*8)}.pr-10{padding-right:calc(var(--spacing)*10)}.pb-1\\.5{padding-bottom:calc(var(--spacing)*1.5)}.pl-2{padding-left:calc(var(--spacing)*2)}.pl-8{padding-left:calc(var(--spacing)*8)}.text-center{text-align:center}.font-mono{font-family:var(--font-mono)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\\[0\\.8rem\\]{font-size:.8rem}.leading-none{--tw-leading:1;line-height:1}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-light{--tw-font-weight:var(--font-weight-light);font-weight:var(--font-weight-light)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.text-balance{text-wrap:balance}.text-nowrap{text-wrap:nowrap}.text-ellipsis{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.text-\\[\\#13d3b4\\]{color:#13d3b4}.text-\\[--treege-color-primary\\]{color:--treege-color-primary}.text-accent-foreground{color:var(--accent-foreground)}.text-background{color:var(--background)}.text-current{color:currentColor}.text-destructive{color:var(--destructive)}.text-foreground{color:var(--foreground)}.text-gray-300{color:var(--color-gray-300)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-muted-foreground{color:var(--muted-foreground)}.text-popover-foreground{color:var(--popover-foreground)}.text-primary{color:var(--primary)}.text-primary-foreground{color:var(--primary-foreground)}.text-red-500{color:var(--color-red-500)}.text-secondary-foreground{color:var(--secondary-foreground)}.text-white{color:var(--color-white)}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.underline-offset-4{text-underline-offset:4px}.\\[color-scheme\\:light\\]{color-scheme:light}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-70{opacity:.7}.opacity-100{opacity:1}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-0{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-offset-background{--tw-ring-offset-color:var(--background)}.outline-hidden{--tw-outline-style:none;outline-style:none}@media(forced-colors:active){.outline-hidden{outline-offset:2px;outline:2px solid #0000}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.drop-shadow-\\[0_0px_35px\\]{--tw-drop-shadow-size:drop-shadow(0 0px 35px var(--tw-drop-shadow-color,currentcolor));--tw-drop-shadow:var(--tw-drop-shadow-size);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.drop-shadow-blue-600{--tw-drop-shadow-color:oklch(54.6% .245 262.881)}@supports (color:color-mix(in lab,red,red)){.drop-shadow-blue-600{--tw-drop-shadow-color:color-mix(in oklab,var(--color-blue-600)var(--tw-drop-shadow-alpha),transparent)}}.drop-shadow-blue-600{--tw-drop-shadow:var(--tw-drop-shadow-size)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\\[color\\,box-shadow\\]{transition-property:color,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-none{transition-property:none}.duration-200{--tw-duration:.2s;transition-duration:.2s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.fade-in-0{--tw-enter-opacity:0}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.zoom-in-95{--tw-enter-scale:.95}.\\[--cell-size\\:--spacing\\(8\\)\\]{--cell-size:calc(var(--spacing)*8)}.group-data-\\[disabled\\=true\\]\\:pointer-events-none:is(:where(.group)[data-disabled=true] *){pointer-events:none}.group-data-\\[disabled\\=true\\]\\:opacity-50:is(:where(.group)[data-disabled=true] *){opacity:.5}.group-data-\\[focused\\=true\\]\\/day\\:relative:is(:where(.group\\/day)[data-focused=true] *){position:relative}.group-data-\\[focused\\=true\\]\\/day\\:z-10:is(:where(.group\\/day)[data-focused=true] *){z-index:10}.group-data-\\[focused\\=true\\]\\/day\\:border-ring:is(:where(.group\\/day)[data-focused=true] *){border-color:var(--ring)}.group-data-\\[focused\\=true\\]\\/day\\:ring-\\[3px\\]:is(:where(.group\\/day)[data-focused=true] *){--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.group-data-\\[focused\\=true\\]\\/day\\:ring-ring\\/50:is(:where(.group\\/day)[data-focused=true] *){--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab,red,red)){.group-data-\\[focused\\=true\\]\\/day\\:ring-ring\\/50:is(:where(.group\\/day)[data-focused=true] *){--tw-ring-color:color-mix(in oklab,var(--ring)50%,transparent)}}.peer-disabled\\:cursor-not-allowed:is(:where(.peer):disabled~*){cursor:not-allowed}.peer-disabled\\:opacity-50:is(:where(.peer):disabled~*){opacity:.5}.selection\\:bg-primary ::selection{background-color:var(--primary)}.selection\\:bg-primary::selection{background-color:var(--primary)}.selection\\:text-primary-foreground ::selection{color:var(--primary-foreground)}.selection\\:text-primary-foreground::selection{color:var(--primary-foreground)}.file\\:inline-flex::file-selector-button{display:inline-flex}.file\\:h-7::file-selector-button{height:calc(var(--spacing)*7)}.file\\:border-0::file-selector-button{border-style:var(--tw-border-style);border-width:0}.file\\:bg-transparent::file-selector-button{background-color:#0000}.file\\:text-sm::file-selector-button{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.file\\:font-medium::file-selector-button{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.file\\:text-foreground::file-selector-button{color:var(--foreground)}.placeholder\\:text-muted-foreground::placeholder{color:var(--muted-foreground)}@media(hover:hover){.hover\\:\\!bg-primary\\/80:hover{background-color:var(--primary)!important}@supports (color:color-mix(in lab,red,red)){.hover\\:\\!bg-primary\\/80:hover{background-color:color-mix(in oklab,var(--primary)80%,transparent)!important}}.hover\\:bg-accent:hover{background-color:var(--accent)}.hover\\:bg-blue-600:hover{background-color:var(--color-blue-600)}.hover\\:bg-destructive\\/90:hover{background-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.hover\\:bg-destructive\\/90:hover{background-color:color-mix(in oklab,var(--destructive)90%,transparent)}}.hover\\:bg-primary\\/90:hover{background-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.hover\\:bg-primary\\/90:hover{background-color:color-mix(in oklab,var(--primary)90%,transparent)}}.hover\\:bg-purple-700:hover{background-color:var(--color-purple-700)}.hover\\:bg-secondary\\/80:hover{background-color:var(--secondary)}@supports (color:color-mix(in lab,red,red)){.hover\\:bg-secondary\\/80:hover{background-color:color-mix(in oklab,var(--secondary)80%,transparent)}}.hover\\:text-accent-foreground:hover{color:var(--accent-foreground)}.hover\\:text-primary:hover{color:var(--primary)}.hover\\:underline:hover{text-decoration-line:underline}.hover\\:opacity-100:hover{opacity:1}}.focus\\:bg-accent:focus{background-color:var(--accent)}.focus\\:text-accent-foreground:focus{color:var(--accent-foreground)}.focus\\:text-destructive:focus{color:var(--destructive)}.focus\\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\\:ring-blue-500:focus{--tw-ring-color:var(--color-blue-500)}.focus\\:ring-ring:focus{--tw-ring-color:var(--ring)}.focus\\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus\\:outline-hidden:focus{--tw-outline-style:none;outline-style:none}@media(forced-colors:active){.focus\\:outline-hidden:focus{outline-offset:2px;outline:2px solid #0000}}.focus\\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\\:border-ring:focus-visible{border-color:var(--ring)}.focus-visible\\:ring-\\[3px\\]:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\\:ring-destructive\\/20:focus-visible{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.focus-visible\\:ring-destructive\\/20:focus-visible{--tw-ring-color:color-mix(in oklab,var(--destructive)20%,transparent)}}.focus-visible\\:ring-ring\\/50:focus-visible{--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab,red,red)){.focus-visible\\:ring-ring\\/50:focus-visible{--tw-ring-color:color-mix(in oklab,var(--ring)50%,transparent)}}.focus-visible\\:outline-1:focus-visible{outline-style:var(--tw-outline-style);outline-width:1px}.disabled\\:pointer-events-none:disabled{pointer-events:none}.disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\\:opacity-50:disabled{opacity:.5}.has-focus\\:border-ring:has(:focus){border-color:var(--ring)}.has-focus\\:ring-\\[3px\\]:has(:focus){--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.has-focus\\:ring-ring\\/50:has(:focus){--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab,red,red)){.has-focus\\:ring-ring\\/50:has(:focus){--tw-ring-color:color-mix(in oklab,var(--ring)50%,transparent)}}.has-\\[\\>svg\\]\\:px-2\\.5:has(>svg){padding-inline:calc(var(--spacing)*2.5)}.has-\\[\\>svg\\]\\:px-3:has(>svg){padding-inline:calc(var(--spacing)*3)}.has-\\[\\>svg\\]\\:px-4:has(>svg){padding-inline:calc(var(--spacing)*4)}.aria-disabled\\:opacity-50[aria-disabled=true]{opacity:.5}.aria-invalid\\:border-destructive[aria-invalid=true]{border-color:var(--destructive)}.aria-invalid\\:ring-destructive\\/20[aria-invalid=true]{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.aria-invalid\\:ring-destructive\\/20[aria-invalid=true]{--tw-ring-color:color-mix(in oklab,var(--destructive)20%,transparent)}}.aria-selected\\:text-muted-foreground[aria-selected=true]{color:var(--muted-foreground)}.data-\\[disabled\\]\\:pointer-events-none[data-disabled]{pointer-events:none}.data-\\[disabled\\]\\:opacity-50[data-disabled]{opacity:.5}.data-\\[disabled\\=true\\]\\:pointer-events-none[data-disabled=true]{pointer-events:none}.data-\\[disabled\\=true\\]\\:opacity-50[data-disabled=true]{opacity:.5}.data-\\[inset\\]\\:pl-8[data-inset]{padding-left:calc(var(--spacing)*8)}.data-\\[orientation\\=horizontal\\]\\:h-px[data-orientation=horizontal]{height:1px}.data-\\[orientation\\=horizontal\\]\\:w-full[data-orientation=horizontal]{width:100%}.data-\\[orientation\\=vertical\\]\\:h-full[data-orientation=vertical]{height:100%}.data-\\[orientation\\=vertical\\]\\:w-px[data-orientation=vertical]{width:1px}.data-\\[placeholder\\]\\:text-muted-foreground[data-placeholder]{color:var(--muted-foreground)}.data-\\[range-end\\=true\\]\\:rounded-md[data-range-end=true]{border-radius:calc(var(--radius) - 2px)}.data-\\[range-end\\=true\\]\\:rounded-r-md[data-range-end=true]{border-top-right-radius:calc(var(--radius) - 2px);border-bottom-right-radius:calc(var(--radius) - 2px)}.data-\\[range-end\\=true\\]\\:bg-primary[data-range-end=true]{background-color:var(--primary)}.data-\\[range-end\\=true\\]\\:text-primary-foreground[data-range-end=true]{color:var(--primary-foreground)}.data-\\[range-middle\\=true\\]\\:rounded-none[data-range-middle=true]{border-radius:0}.data-\\[range-middle\\=true\\]\\:bg-accent[data-range-middle=true]{background-color:var(--accent)}.data-\\[range-middle\\=true\\]\\:text-accent-foreground[data-range-middle=true]{color:var(--accent-foreground)}.data-\\[range-start\\=true\\]\\:rounded-md[data-range-start=true]{border-radius:calc(var(--radius) - 2px)}.data-\\[range-start\\=true\\]\\:rounded-l-md[data-range-start=true]{border-top-left-radius:calc(var(--radius) - 2px);border-bottom-left-radius:calc(var(--radius) - 2px)}.data-\\[range-start\\=true\\]\\:bg-primary[data-range-start=true]{background-color:var(--primary)}.data-\\[range-start\\=true\\]\\:text-primary-foreground[data-range-start=true]{color:var(--primary-foreground)}.data-\\[selected-single\\=true\\]\\:bg-primary[data-selected-single=true]{background-color:var(--primary)}.data-\\[selected-single\\=true\\]\\:text-primary-foreground[data-selected-single=true]{color:var(--primary-foreground)}.data-\\[selected\\=true\\]\\:rounded-none[data-selected=true]{border-radius:0}.data-\\[selected\\=true\\]\\:bg-accent[data-selected=true]{background-color:var(--accent)}.data-\\[selected\\=true\\]\\:text-accent-foreground[data-selected=true]{color:var(--accent-foreground)}.data-\\[side\\=bottom\\]\\:translate-y-1[data-side=bottom]{--tw-translate-y:calc(var(--spacing)*1);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\\[side\\=bottom\\]\\:slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y:calc(2*var(--spacing)*-1)}.data-\\[side\\=left\\]\\:-translate-x-1[data-side=left]{--tw-translate-x:calc(var(--spacing)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\\[side\\=left\\]\\:slide-in-from-right-2[data-side=left]{--tw-enter-translate-x:calc(2*var(--spacing))}.data-\\[side\\=right\\]\\:translate-x-1[data-side=right]{--tw-translate-x:calc(var(--spacing)*1);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\\[side\\=right\\]\\:slide-in-from-left-2[data-side=right]{--tw-enter-translate-x:calc(2*var(--spacing)*-1)}.data-\\[side\\=top\\]\\:-translate-y-1[data-side=top]{--tw-translate-y:calc(var(--spacing)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\\[side\\=top\\]\\:slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y:calc(2*var(--spacing))}.data-\\[size\\=default\\]\\:h-9[data-size=default]{height:calc(var(--spacing)*9)}.data-\\[size\\=sm\\]\\:h-8[data-size=sm]{height:calc(var(--spacing)*8)}:is(.\\*\\*\\:data-\\[slot\\=command-input-wrapper\\]\\:h-12 *)[data-slot=command-input-wrapper]{height:calc(var(--spacing)*12)}:is(.\\*\\:data-\\[slot\\=select-value\\]\\:line-clamp-1>*)[data-slot=select-value]{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}:is(.\\*\\:data-\\[slot\\=select-value\\]\\:flex>*)[data-slot=select-value]{display:flex}:is(.\\*\\:data-\\[slot\\=select-value\\]\\:items-center>*)[data-slot=select-value]{align-items:center}:is(.\\*\\:data-\\[slot\\=select-value\\]\\:gap-2>*)[data-slot=select-value]{gap:calc(var(--spacing)*2)}.data-\\[state\\=checked\\]\\:translate-x-\\[calc\\(100\\%-2px\\)\\][data-state=checked]{--tw-translate-x: calc(100% - 2px) ;translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\\[state\\=checked\\]\\:border-primary[data-state=checked]{border-color:var(--primary)}.data-\\[state\\=checked\\]\\:bg-primary[data-state=checked]{background-color:var(--primary)}.data-\\[state\\=checked\\]\\:text-primary-foreground[data-state=checked]{color:var(--primary-foreground)}.data-\\[state\\=closed\\]\\:animate-out[data-state=closed]{animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\\[state\\=closed\\]\\:duration-300[data-state=closed]{--tw-duration:.3s;transition-duration:.3s}.data-\\[state\\=closed\\]\\:fade-out-0[data-state=closed]{--tw-exit-opacity:0}.data-\\[state\\=closed\\]\\:zoom-out-95[data-state=closed]{--tw-exit-scale:.95}.data-\\[state\\=closed\\]\\:slide-out-to-bottom[data-state=closed]{--tw-exit-translate-y:100%}.data-\\[state\\=closed\\]\\:slide-out-to-left[data-state=closed]{--tw-exit-translate-x:-100%}.data-\\[state\\=closed\\]\\:slide-out-to-right[data-state=closed]{--tw-exit-translate-x:100%}.data-\\[state\\=closed\\]\\:slide-out-to-top[data-state=closed]{--tw-exit-translate-y:-100%}.data-\\[state\\=open\\]\\:animate-in[data-state=open]{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\\[state\\=open\\]\\:bg-accent[data-state=open]{background-color:var(--accent)}.data-\\[state\\=open\\]\\:bg-secondary[data-state=open]{background-color:var(--secondary)}.data-\\[state\\=open\\]\\:text-accent-foreground[data-state=open]{color:var(--accent-foreground)}.data-\\[state\\=open\\]\\:text-muted-foreground[data-state=open]{color:var(--muted-foreground)}.data-\\[state\\=open\\]\\:duration-500[data-state=open]{--tw-duration:.5s;transition-duration:.5s}.data-\\[state\\=open\\]\\:fade-in-0[data-state=open]{--tw-enter-opacity:0}.data-\\[state\\=open\\]\\:zoom-in-95[data-state=open]{--tw-enter-scale:.95}.data-\\[state\\=open\\]\\:slide-in-from-bottom[data-state=open]{--tw-enter-translate-y:100%}.data-\\[state\\=open\\]\\:slide-in-from-left[data-state=open]{--tw-enter-translate-x:-100%}.data-\\[state\\=open\\]\\:slide-in-from-right[data-state=open]{--tw-enter-translate-x:100%}.data-\\[state\\=open\\]\\:slide-in-from-top[data-state=open]{--tw-enter-translate-y:-100%}.data-\\[state\\=unchecked\\]\\:translate-x-0[data-state=unchecked]{--tw-translate-x:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\\[state\\=unchecked\\]\\:bg-input[data-state=unchecked]{background-color:var(--input)}.data-\\[variant\\=destructive\\]\\:text-destructive[data-variant=destructive]{color:var(--destructive)}.data-\\[variant\\=destructive\\]\\:focus\\:bg-destructive\\/10[data-variant=destructive]:focus{background-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.data-\\[variant\\=destructive\\]\\:focus\\:bg-destructive\\/10[data-variant=destructive]:focus{background-color:color-mix(in oklab,var(--destructive)10%,transparent)}}.data-\\[variant\\=destructive\\]\\:focus\\:text-destructive[data-variant=destructive]:focus{color:var(--destructive)}@media(min-width:40rem){.sm\\:max-w-\\[550px\\]{max-width:550px}.sm\\:max-w-lg{max-width:var(--container-lg)}.sm\\:max-w-sm{max-width:var(--container-sm)}.sm\\:flex-row{flex-direction:row}.sm\\:justify-end{justify-content:flex-end}.sm\\:text-left{text-align:left}}@media(min-width:48rem){.md\\:flex-row{flex-direction:row}.md\\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}}.dark\\:border-input:is(.dark *){border-color:var(--input)}.dark\\:bg-blue-600:is(.dark *){background-color:var(--color-blue-600)}.dark\\:bg-destructive\\/60:is(.dark *){background-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.dark\\:bg-destructive\\/60:is(.dark *){background-color:color-mix(in oklab,var(--destructive)60%,transparent)}}.dark\\:bg-input\\/30:is(.dark *){background-color:var(--input)}@supports (color:color-mix(in lab,red,red)){.dark\\:bg-input\\/30:is(.dark *){background-color:color-mix(in oklab,var(--input)30%,transparent)}}.dark\\:\\[color-scheme\\:dark\\]:is(.dark *){color-scheme:dark}@media(hover:hover){.dark\\:hover\\:bg-accent\\/50:is(.dark *):hover{background-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.dark\\:hover\\:bg-accent\\/50:is(.dark *):hover{background-color:color-mix(in oklab,var(--accent)50%,transparent)}}.dark\\:hover\\:bg-input\\/50:is(.dark *):hover{background-color:var(--input)}@supports (color:color-mix(in lab,red,red)){.dark\\:hover\\:bg-input\\/50:is(.dark *):hover{background-color:color-mix(in oklab,var(--input)50%,transparent)}}.dark\\:hover\\:text-accent-foreground:is(.dark *):hover{color:var(--accent-foreground)}}.dark\\:focus-visible\\:ring-destructive\\/40:is(.dark *):focus-visible{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.dark\\:focus-visible\\:ring-destructive\\/40:is(.dark *):focus-visible{--tw-ring-color:color-mix(in oklab,var(--destructive)40%,transparent)}}.dark\\:aria-invalid\\:ring-destructive\\/40:is(.dark *)[aria-invalid=true]{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.dark\\:aria-invalid\\:ring-destructive\\/40:is(.dark *)[aria-invalid=true]{--tw-ring-color:color-mix(in oklab,var(--destructive)40%,transparent)}}.dark\\:data-\\[state\\=checked\\]\\:bg-primary:is(.dark *)[data-state=checked]{background-color:var(--primary)}.dark\\:data-\\[state\\=checked\\]\\:bg-primary-foreground:is(.dark *)[data-state=checked]{background-color:var(--primary-foreground)}.dark\\:data-\\[state\\=unchecked\\]\\:bg-foreground:is(.dark *)[data-state=unchecked]{background-color:var(--foreground)}.dark\\:data-\\[state\\=unchecked\\]\\:bg-input\\/80:is(.dark *)[data-state=unchecked]{background-color:var(--input)}@supports (color:color-mix(in lab,red,red)){.dark\\:data-\\[state\\=unchecked\\]\\:bg-input\\/80:is(.dark *)[data-state=unchecked]{background-color:color-mix(in oklab,var(--input)80%,transparent)}}.dark\\:data-\\[variant\\=destructive\\]\\:focus\\:bg-destructive\\/20:is(.dark *)[data-variant=destructive]:focus{background-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.dark\\:data-\\[variant\\=destructive\\]\\:focus\\:bg-destructive\\/20:is(.dark *)[data-variant=destructive]:focus{background-color:color-mix(in oklab,var(--destructive)20%,transparent)}}.\\[\\&_\\[cmdk-group-heading\\]\\]\\:px-2 [cmdk-group-heading]{padding-inline:calc(var(--spacing)*2)}.\\[\\&_\\[cmdk-group-heading\\]\\]\\:py-1\\.5 [cmdk-group-heading]{padding-block:calc(var(--spacing)*1.5)}.\\[\\&_\\[cmdk-group-heading\\]\\]\\:text-xs [cmdk-group-heading]{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.\\[\\&_\\[cmdk-group-heading\\]\\]\\:font-medium [cmdk-group-heading]{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.\\[\\&_\\[cmdk-group-heading\\]\\]\\:text-muted-foreground [cmdk-group-heading]{color:var(--muted-foreground)}.\\[\\&_\\[cmdk-group\\]\\]\\:px-2 [cmdk-group]{padding-inline:calc(var(--spacing)*2)}.\\[\\&_\\[cmdk-group\\]\\:not\\(\\[hidden\\]\\)_\\~\\[cmdk-group\\]\\]\\:pt-0 [cmdk-group]:not([hidden])~[cmdk-group]{padding-top:calc(var(--spacing)*0)}.\\[\\&_\\[cmdk-input-wrapper\\]_svg\\]\\:h-5 [cmdk-input-wrapper] svg{height:calc(var(--spacing)*5)}.\\[\\&_\\[cmdk-input-wrapper\\]_svg\\]\\:w-5 [cmdk-input-wrapper] svg{width:calc(var(--spacing)*5)}.\\[\\&_\\[cmdk-input\\]\\]\\:h-12 [cmdk-input]{height:calc(var(--spacing)*12)}.\\[\\&_\\[cmdk-item\\]\\]\\:px-2 [cmdk-item]{padding-inline:calc(var(--spacing)*2)}.\\[\\&_\\[cmdk-item\\]\\]\\:py-3 [cmdk-item]{padding-block:calc(var(--spacing)*3)}.\\[\\&_\\[cmdk-item\\]_svg\\]\\:h-5 [cmdk-item] svg{height:calc(var(--spacing)*5)}.\\[\\&_\\[cmdk-item\\]_svg\\]\\:w-5 [cmdk-item] svg{width:calc(var(--spacing)*5)}.\\[\\&_svg\\]\\:pointer-events-none svg{pointer-events:none}.\\[\\&_svg\\]\\:shrink-0 svg{flex-shrink:0}.\\[\\&_svg\\:not\\(\\[class\\*\\=\\'size-\\'\\]\\)\\]\\:size-4 svg:not([class*=size-]){width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.\\[\\&_svg\\:not\\(\\[class\\*\\=\\'text-\\'\\]\\)\\]\\:text-muted-foreground svg:not([class*=text-]){color:var(--muted-foreground)}.\\[\\&\\:first-child\\[data-selected\\=true\\]_button\\]\\:rounded-l-md:first-child[data-selected=true] button{border-top-left-radius:calc(var(--radius) - 2px);border-bottom-left-radius:calc(var(--radius) - 2px)}:is(.rtl\\:\\*\\*\\:\\[\\.rdp-button\\\\_next\\>svg\\]\\:rotate-180:where(:dir(rtl),[dir=rtl],[dir=rtl] *) *):is(.rdp-button_next>svg),:is(.rtl\\:\\*\\*\\:\\[\\.rdp-button\\\\_previous\\>svg\\]\\:rotate-180:where(:dir(rtl),[dir=rtl],[dir=rtl] *) *):is(.rdp-button_previous>svg){rotate:180deg}:is(.\\*\\:\\[span\\]\\:last\\:flex>*):is(span):last-child{display:flex}:is(.\\*\\:\\[span\\]\\:last\\:items-center>*):is(span):last-child{align-items:center}:is(.\\*\\:\\[span\\]\\:last\\:gap-2>*):is(span):last-child{gap:calc(var(--spacing)*2)}:is(.data-\\[variant\\=destructive\\]\\:\\*\\:\\[svg\\]\\:\\!text-destructive[data-variant=destructive]>*):is(svg){color:var(--destructive)!important}.\\[\\&\\:last-child\\[data-selected\\=true\\]_button\\]\\:rounded-r-md:last-child[data-selected=true] button{border-top-right-radius:calc(var(--radius) - 2px);border-bottom-right-radius:calc(var(--radius) - 2px)}.\\[\\&\\>span\\]\\:text-xs>span{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.\\[\\&\\>span\\]\\:opacity-70>span{opacity:.7}.\\[\\&\\>svg\\]\\:pointer-events-none>svg{pointer-events:none}.\\[\\&\\>svg\\]\\:size-3>svg{width:calc(var(--spacing)*3);height:calc(var(--spacing)*3)}.\\[\\&\\>svg\\]\\:size-3\\.5>svg{width:calc(var(--spacing)*3.5);height:calc(var(--spacing)*3.5)}.\\[\\&\\>svg\\]\\:text-muted-foreground>svg{color:var(--muted-foreground)}[data-slot=card-content] .\\[\\[data-slot\\=card-content\\]_\\&\\]\\:bg-transparent,[data-slot=popover-content] .\\[\\[data-slot\\=popover-content\\]_\\&\\]\\:bg-transparent{background-color:#0000}@media(hover:hover){a.\\[a\\&\\]\\:hover\\:bg-accent:hover{background-color:var(--accent)}a.\\[a\\&\\]\\:hover\\:bg-destructive\\/90:hover{background-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){a.\\[a\\&\\]\\:hover\\:bg-destructive\\/90:hover{background-color:color-mix(in oklab,var(--destructive)90%,transparent)}}a.\\[a\\&\\]\\:hover\\:bg-primary\\/90:hover{background-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){a.\\[a\\&\\]\\:hover\\:bg-primary\\/90:hover{background-color:color-mix(in oklab,var(--primary)90%,transparent)}}a.\\[a\\&\\]\\:hover\\:bg-secondary\\/90:hover{background-color:var(--secondary)}@supports (color:color-mix(in lab,red,red)){a.\\[a\\&\\]\\:hover\\:bg-secondary\\/90:hover{background-color:color-mix(in oklab,var(--secondary)90%,transparent)}}a.\\[a\\&\\]\\:hover\\:text-accent-foreground:hover{color:var(--accent-foreground)}}}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}:root{--radius:.625rem;--background:oklch(100% 0 0);--foreground:oklch(14.5% 0 0);--card:oklch(100% 0 0);--card-foreground:oklch(14.5% 0 0);--popover:oklch(100% 0 0);--popover-foreground:oklch(14.5% 0 0);--primary:oklch(20.5% 0 0);--primary-foreground:oklch(98.5% 0 0);--secondary:oklch(97% 0 0);--secondary-foreground:oklch(20.5% 0 0);--muted:oklch(97% 0 0);--muted-foreground:oklch(55.6% 0 0);--accent:oklch(97% 0 0);--accent-foreground:oklch(20.5% 0 0);--destructive:oklch(57.7% .245 27.325);--border:oklch(92.2% 0 0);--input:oklch(92.2% 0 0);--ring:oklch(70.8% 0 0);--chart-1:oklch(64.6% .222 41.116);--chart-2:oklch(60% .118 184.704);--chart-3:oklch(39.8% .07 227.392);--chart-4:oklch(82.8% .189 84.429);--chart-5:oklch(76.9% .188 70.08);--sidebar:oklch(98.5% 0 0);--sidebar-foreground:oklch(14.5% 0 0);--sidebar-primary:oklch(20.5% 0 0);--sidebar-primary-foreground:oklch(98.5% 0 0);--sidebar-accent:oklch(97% 0 0);--sidebar-accent-foreground:oklch(20.5% 0 0);--sidebar-border:oklch(92.2% 0 0);--sidebar-ring:oklch(70.8% 0 0)}.dark{--background:oklch(14.5% 0 0);--foreground:oklch(98.5% 0 0);--card:oklch(20.5% 0 0);--card-foreground:oklch(98.5% 0 0);--popover:oklch(20.5% 0 0);--popover-foreground:oklch(98.5% 0 0);--primary:oklch(92.2% 0 0);--primary-foreground:oklch(20.5% 0 0);--secondary:oklch(26.9% 0 0);--secondary-foreground:oklch(98.5% 0 0);--muted:oklch(26.9% 0 0);--muted-foreground:oklch(70.8% 0 0);--accent:oklch(26.9% 0 0);--accent-foreground:oklch(98.5% 0 0);--destructive:oklch(70.4% .191 22.216);--border:oklch(100% 0 0/.1);--input:oklch(100% 0 0/.15);--ring:oklch(55.6% 0 0);--chart-1:oklch(48.8% .243 264.376);--chart-2:oklch(69.6% .17 162.48);--chart-3:oklch(76.9% .188 70.08);--chart-4:oklch(62.7% .265 303.9);--chart-5:oklch(64.5% .246 16.439);--sidebar:oklch(20.5% 0 0);--sidebar-foreground:oklch(98.5% 0 0);--sidebar-primary:oklch(48.8% .243 264.376);--sidebar-primary-foreground:oklch(98.5% 0 0);--sidebar-accent:oklch(26.9% 0 0);--sidebar-accent-foreground:oklch(98.5% 0 0);--sidebar-border:oklch(100% 0 0/.1);--sidebar-ring:oklch(55.6% 0 0)}:root{--node-width:280px;--node-height:150px;--node-border-radius:40px;--treege-color-primary:#13d3b4;--treege-color-tertiary:#0065a8;--treege-color-secondary:#007ff6}button{cursor:pointer;-webkit-user-select:none;user-select:none}#root{width:100vw;height:100vh}div.react-flow__node{border:0!important}div.react-flow__node__wrapper{padding:calc(var(--spacing)*7);width:270px;height:150px;box-shadow:0 0 20px 6px oklch(from var(--treege-color-primary)l c h/10%),0 0 20px oklch(from var(--treege-color-tertiary)l c h/10%);background:linear-gradient(oklch(from var(--color-card)l c h/33%),oklch(from var(--color-card)l c h/33%))padding-box,linear-gradient(145deg,oklch(from var(--treege-color-primary)l c h/40%),#0000,oklch(from var(--treege-color-secondary)l c h/40%))border-box;border-radius:40px;flex-direction:column;justify-content:center;display:flex;border:3px solid #0000!important}div.react-flow__node__wrapper.in-group{background:linear-gradient(oklch(from var(--color-card)l c h/33%),oklch(from var(--color-card)l c h/33%))padding-box,linear-gradient(145deg,oklch(from var(--color-chart-2)l c h/33%),#0000,oklch(from var(--color-chart-2)l c h/33%))border-box}div.react-flow__node.selected .react-flow__node__wrapper{box-shadow:0 0 20px 6px oklch(from var(--treege-color-primary)l c h/30%),0 0 20px oklch(from var(--treege-color-tertiary)l c h/30%)}div.react-flow__node-group,div.react-flow__node-group.selected{background:oklch(from var(--color-chart-2)l c h/5%);box-shadow:none;border:3px dashed var(--color-chart-2)!important}div.react-flow__node-group .react-flow__resize-control{opacity:0;padding:4px;transition:opacity .2s}div.react-flow__node-group:hover .react-flow__resize-control,.react-flow__resize-control:hover{opacity:1}div.react-flow__handle{background-color:var(--muted-foreground);height:calc(var(--spacing)*6);width:calc(var(--spacing)*6);cursor:pointer;border-radius:calc(var(--radius) - 4px);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));justify-content:center;align-items:center;display:flex}@media(hover:hover){div.react-flow__handle:hover{background-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){div.react-flow__handle:hover{background-color:color-mix(in oklab,var(--primary)80%,transparent)}}}path.react-flow__edge-path{stroke:var(--muted-foreground)}.w-tc-editor{border-radius:calc(var(--radius) - 2px);border-style:var(--tw-border-style);border-width:1px;border-color:var(--input);background-color:var(--input)}@supports (color:color-mix(in lab,red,red)){.w-tc-editor{background-color:color-mix(in oklab,var(--input)30%,transparent)}}.w-tc-editor:is(.dark *){background-color:var(--input)}@supports (color:color-mix(in lab,red,red)){.w-tc-editor:is(.dark *){background-color:color-mix(in oklab,var(--input)30%,transparent)}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0));filter:blur(var(--tw-enter-blur,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0));filter:blur(var(--tw-exit-blur,0))}}`)),document.head.appendChild(t)}}catch(r){console.error("vite-plugin-css-injected-by-js",r)}})();
|
|
2
|
-
import { j as e, i as he, e as et, s as T, P as Pe, p as Te, B as k, q as De, F as
|
|
2
|
+
import { j as e, i as he, e as et, s as T, P as Pe, p as Te, B as k, q as De, F as E, f as N, I as P, o as B, t as tt, S as U, w as R, x as Z, y as K, A as F, L as te, N as xe, E as Ue, z as J, c as fe, D as ae, C as at, r as nt, h as st, k as ot, l as Ge, m as we, H as Ve, a as rt, b as lt, G as it, T as dt } from "./ThemeContext-mnnnxuZU.js";
|
|
3
3
|
import { useNodes as Oe, useEdges as Re, getBezierPath as ct, useReactFlow as pe, BaseEdge as ut, EdgeLabelRenderer as ht, addEdge as mt, Handle as se, Position as oe, NodeResizer as pt, Panel as xt, ReactFlowProvider as gt, ReactFlow as jt, Background as Ct, BackgroundVariant as ft, MiniMap as vt, Controls as bt } from "@xyflow/react";
|
|
4
4
|
import { useForm as de } from "@tanstack/react-form";
|
|
5
5
|
import { Waypoints as Nt, X as re, Plus as W, Network as yt, Boxes as wt, RectangleEllipsis as Ft, Type as Ze, LucidePencilRuler as St, XIcon as Ke, WandSparkles as He, Loader2 as Et, Save as kt, EllipsisVertical as Pt, Copy as Tt, Download as Dt, ArrowRightFromLine as Vt, Trash2 as Ot, Variable as Be, ChevronsUpDown as ue, Check as It, PlusCircle as At } from "lucide-react";
|
|
6
|
-
import { useMemo as ne, createContext as Lt, useState as $, useContext as Mt, useCallback as z, useRef as Gt, useEffect as Ht } from "react";
|
|
6
|
+
import { useMemo as ne, createContext as Lt, useState as $, useContext as Mt, useCallback as z, useRef as Gt, useEffect as Ht, useId as Bt } from "react";
|
|
7
7
|
import * as me from "@radix-ui/react-scroll-area";
|
|
8
|
-
import { Slot as
|
|
9
|
-
import { cva as
|
|
10
|
-
import { toast as H, Toaster as
|
|
8
|
+
import { Slot as zt } from "@radix-ui/react-slot";
|
|
9
|
+
import { cva as $t } from "class-variance-authority";
|
|
10
|
+
import { toast as H, Toaster as _t } from "sonner";
|
|
11
11
|
import * as A from "@radix-ui/react-dialog";
|
|
12
12
|
import * as Y from "@radix-ui/react-dropdown-menu";
|
|
13
13
|
import * as Ie from "@radix-ui/react-collapsible";
|
|
14
|
-
import { useTheme as
|
|
15
|
-
const Ut = "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", Rt = "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", Zt = ({ theme: t = "dark" }) => /* @__PURE__ */ e.jsx("div", { className: "absolute top-5 left-5 z-50 select-none", children: /* @__PURE__ */ e.jsx(
|
|
14
|
+
import { useTheme as Ut } from "next-themes";
|
|
15
|
+
const Rt = "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", 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_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", Kt = ({ theme: t = "dark" }) => /* @__PURE__ */ e.jsx("div", { className: "absolute top-5 left-5 z-50 select-none", children: /* @__PURE__ */ e.jsx(
|
|
16
16
|
"img",
|
|
17
17
|
{
|
|
18
|
-
src: t === "dark" ?
|
|
18
|
+
src: t === "dark" ? Zt : Rt,
|
|
19
19
|
alt: "Treege",
|
|
20
20
|
className: "relative h-14 w-auto drop-shadow-[0_0px_35px] drop-shadow-blue-600"
|
|
21
21
|
}
|
|
@@ -40,7 +40,7 @@ const Ut = "data:image/svg+xml,%3csvg%20width='462'%20height='144'%20viewBox='0%
|
|
|
40
40
|
};
|
|
41
41
|
});
|
|
42
42
|
}, [t, s, r]);
|
|
43
|
-
}, Je = Lt(null),
|
|
43
|
+
}, Je = Lt(null), Jt = ({ children: t, value: s }) => {
|
|
44
44
|
const [r, o] = $(s?.flowId), h = ne(
|
|
45
45
|
() => ({
|
|
46
46
|
...s,
|
|
@@ -75,11 +75,11 @@ function We({ className: t, children: s, ...r }) {
|
|
|
75
75
|
children: s
|
|
76
76
|
}
|
|
77
77
|
),
|
|
78
|
-
/* @__PURE__ */ e.jsx(
|
|
78
|
+
/* @__PURE__ */ e.jsx(Yt, {}),
|
|
79
79
|
/* @__PURE__ */ e.jsx(me.Corner, {})
|
|
80
80
|
] });
|
|
81
81
|
}
|
|
82
|
-
function
|
|
82
|
+
function Yt({
|
|
83
83
|
className: t,
|
|
84
84
|
orientation: s = "vertical",
|
|
85
85
|
...r
|
|
@@ -100,7 +100,7 @@ function Jt({
|
|
|
100
100
|
}
|
|
101
101
|
);
|
|
102
102
|
}
|
|
103
|
-
const
|
|
103
|
+
const Wt = ({
|
|
104
104
|
id: t,
|
|
105
105
|
target: s,
|
|
106
106
|
sourceX: r,
|
|
@@ -109,22 +109,22 @@ const Yt = ({
|
|
|
109
109
|
targetY: l,
|
|
110
110
|
sourcePosition: n,
|
|
111
111
|
targetPosition: c,
|
|
112
|
-
markerEnd:
|
|
112
|
+
markerEnd: d,
|
|
113
113
|
style: a,
|
|
114
|
-
data:
|
|
114
|
+
data: i
|
|
115
115
|
}) => {
|
|
116
|
-
const [
|
|
116
|
+
const [m, p, u] = ct({
|
|
117
117
|
sourcePosition: n,
|
|
118
118
|
sourceX: r,
|
|
119
119
|
sourceY: o,
|
|
120
120
|
targetPosition: c,
|
|
121
121
|
targetX: h,
|
|
122
122
|
targetY: l
|
|
123
|
-
}), [
|
|
123
|
+
}), [x, w] = $(!1), { updateEdgeData: f } = pe(), v = Ae(s), b = i?.conditions && i.conditions.length > 0, j = M(), { handleSubmit: I, reset: y, Field: S } = de({
|
|
124
124
|
defaultValues: {
|
|
125
|
-
conditions:
|
|
126
|
-
isFallback: !!
|
|
127
|
-
label:
|
|
125
|
+
conditions: i?.conditions || [{ field: v[0]?.nodeId ?? "", operator: "===", value: "" }],
|
|
126
|
+
isFallback: !!i?.isFallback,
|
|
127
|
+
label: i?.label || ""
|
|
128
128
|
},
|
|
129
129
|
listeners: {
|
|
130
130
|
onChange: ({ formApi: C }) => {
|
|
@@ -133,36 +133,36 @@ const Yt = ({
|
|
|
133
133
|
onChangeDebounceMs: 150
|
|
134
134
|
},
|
|
135
135
|
onSubmit: ({ value: C }) => {
|
|
136
|
-
|
|
136
|
+
f(t, C);
|
|
137
137
|
}
|
|
138
138
|
}), D = (C) => {
|
|
139
139
|
C.stopPropagation();
|
|
140
140
|
}, V = () => {
|
|
141
|
-
|
|
141
|
+
y({ conditions: [], isFallback: !1, label: "" }), f(t, { conditions: void 0, isFallback: void 0, label: void 0 });
|
|
142
142
|
}, g = () => {
|
|
143
|
-
if (
|
|
144
|
-
return
|
|
145
|
-
if (!
|
|
143
|
+
if (i?.isFallback)
|
|
144
|
+
return i.label || j("editor.conditionalEdge.fallback");
|
|
145
|
+
if (!b)
|
|
146
146
|
return null;
|
|
147
|
-
if (
|
|
148
|
-
return
|
|
149
|
-
const C =
|
|
147
|
+
if (i.label)
|
|
148
|
+
return i.label;
|
|
149
|
+
const C = i.conditions;
|
|
150
150
|
if (C.length === 1)
|
|
151
|
-
return `${
|
|
151
|
+
return `${v.find((G) => G.nodeId === C[0].field)?.label || C[0].field} ${C[0].operator} ${C[0].value}`;
|
|
152
152
|
const L = C.filter((O) => O.logicalOperator === te.AND).length, ye = C.filter((O) => O.logicalOperator === te.OR).length;
|
|
153
|
-
return L > 0 && ye === 0 ? `${C.length} ${
|
|
154
|
-
}, ee = () =>
|
|
153
|
+
return L > 0 && ye === 0 ? `${C.length} ${j("editor.conditionalEdge.conditionsAnd")}` : ye > 0 && L === 0 ? `${C.length} ${j("editor.conditionalEdge.conditionsOr")}` : `${C.length} ${j("editor.conditionalEdge.conditionsMixed")}`;
|
|
154
|
+
}, ee = () => i?.isFallback ? "var(--color-chart-4)" : b ? "var(--color-chart-2)" : "var(--color-chart-3)";
|
|
155
155
|
return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
|
|
156
156
|
/* @__PURE__ */ e.jsx(
|
|
157
157
|
ut,
|
|
158
158
|
{
|
|
159
|
-
path:
|
|
160
|
-
markerEnd:
|
|
159
|
+
path: m,
|
|
160
|
+
markerEnd: d,
|
|
161
161
|
style: {
|
|
162
162
|
...a,
|
|
163
163
|
stroke: ee(),
|
|
164
|
-
strokeDasharray:
|
|
165
|
-
strokeWidth:
|
|
164
|
+
strokeDasharray: i?.isFallback ? "5,5" : void 0,
|
|
165
|
+
strokeWidth: b || i?.isFallback ? 2 : a?.strokeWidth
|
|
166
166
|
}
|
|
167
167
|
}
|
|
168
168
|
),
|
|
@@ -172,18 +172,18 @@ const Yt = ({
|
|
|
172
172
|
className: "nodrag nopan absolute",
|
|
173
173
|
style: {
|
|
174
174
|
pointerEvents: "all",
|
|
175
|
-
transform: `translate(-50%, -50%) translate(${
|
|
175
|
+
transform: `translate(-50%, -50%) translate(${p}px,${u}px)`
|
|
176
176
|
},
|
|
177
|
-
children: /* @__PURE__ */ e.jsxs(Pe, { open:
|
|
177
|
+
children: /* @__PURE__ */ e.jsxs(Pe, { open: x, onOpenChange: w, children: [
|
|
178
178
|
/* @__PURE__ */ e.jsx(Te, { asChild: !0, children: /* @__PURE__ */ e.jsxs(
|
|
179
179
|
k,
|
|
180
180
|
{
|
|
181
|
-
variant:
|
|
181
|
+
variant: b || i?.isFallback ? "default" : "secondary",
|
|
182
182
|
className: "h-8 px-2 text-xs",
|
|
183
183
|
onClick: D,
|
|
184
184
|
children: [
|
|
185
185
|
/* @__PURE__ */ e.jsx(Nt, { className: "mr-1 h-3 w-3" }),
|
|
186
|
-
|
|
186
|
+
b || i?.isFallback ? g() : j("editor.conditionalEdge.condition")
|
|
187
187
|
]
|
|
188
188
|
}
|
|
189
189
|
) }),
|
|
@@ -195,24 +195,24 @@ const Yt = ({
|
|
|
195
195
|
},
|
|
196
196
|
children: /* @__PURE__ */ e.jsxs("div", { className: "grid gap-5", children: [
|
|
197
197
|
/* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
|
|
198
|
-
/* @__PURE__ */ e.jsx("h4", { className: "font-medium leading-none", children:
|
|
199
|
-
/* @__PURE__ */ e.jsx("p", { className: "text-muted-foreground text-sm", children:
|
|
198
|
+
/* @__PURE__ */ e.jsx("h4", { className: "font-medium leading-none", children: j("editor.conditionalEdge.displayConditions") }),
|
|
199
|
+
/* @__PURE__ */ e.jsx("p", { className: "text-muted-foreground text-sm", children: j("editor.conditionalEdge.displayConditionsDesc") })
|
|
200
200
|
] }),
|
|
201
201
|
/* @__PURE__ */ e.jsxs("div", { className: "grid gap-4", children: [
|
|
202
|
-
/* @__PURE__ */ e.jsx(
|
|
203
|
-
/* @__PURE__ */ e.jsx(
|
|
202
|
+
/* @__PURE__ */ e.jsx(S, { name: "label", children: (C) => /* @__PURE__ */ e.jsxs(E, { children: [
|
|
203
|
+
/* @__PURE__ */ e.jsx(N, { htmlFor: C.name, children: j("editor.conditionalEdge.labelOptional") }),
|
|
204
204
|
/* @__PURE__ */ e.jsx(
|
|
205
205
|
P,
|
|
206
206
|
{
|
|
207
207
|
id: C.name,
|
|
208
|
-
placeholder:
|
|
208
|
+
placeholder: j("editor.conditionalEdge.labelPlaceholder"),
|
|
209
209
|
value: C.state.value,
|
|
210
210
|
onChange: (L) => C.handleChange(L.target.value)
|
|
211
211
|
}
|
|
212
212
|
),
|
|
213
|
-
/* @__PURE__ */ e.jsx(B, { children:
|
|
213
|
+
/* @__PURE__ */ e.jsx(B, { children: j("editor.conditionalEdge.labelDesc") })
|
|
214
214
|
] }) }),
|
|
215
|
-
/* @__PURE__ */ e.jsx(
|
|
215
|
+
/* @__PURE__ */ e.jsx(S, { name: "isFallback", children: (C) => /* @__PURE__ */ e.jsx(E, { children: /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-3 rounded-lg border bg-muted/20 p-3", children: [
|
|
216
216
|
/* @__PURE__ */ e.jsx(
|
|
217
217
|
tt,
|
|
218
218
|
{
|
|
@@ -222,19 +222,19 @@ const Yt = ({
|
|
|
222
222
|
}
|
|
223
223
|
),
|
|
224
224
|
/* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-1", children: [
|
|
225
|
-
/* @__PURE__ */ e.jsx(
|
|
226
|
-
/* @__PURE__ */ e.jsx(B, { className: "text-xs", children:
|
|
225
|
+
/* @__PURE__ */ e.jsx(N, { htmlFor: C.name, className: "cursor-pointer font-medium", children: j("editor.conditionalEdge.fallbackPath") }),
|
|
226
|
+
/* @__PURE__ */ e.jsx(B, { className: "text-xs", children: j("editor.conditionalEdge.fallbackPathDesc") })
|
|
227
227
|
] })
|
|
228
228
|
] }) }) }),
|
|
229
|
-
/* @__PURE__ */ e.jsx(
|
|
229
|
+
/* @__PURE__ */ e.jsx(S, { name: "conditions", mode: "array", children: (C) => {
|
|
230
230
|
const L = C.form.getFieldValue("isFallback");
|
|
231
231
|
return /* @__PURE__ */ e.jsxs("div", { className: "space-y-3", children: [
|
|
232
|
-
/* @__PURE__ */ e.jsx(
|
|
232
|
+
/* @__PURE__ */ e.jsx(N, { className: L ? "text-muted-foreground" : "", children: j("editor.conditionalEdge.conditions") }),
|
|
233
233
|
/* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
|
|
234
234
|
C.state.value?.map((ye, O) => /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
|
|
235
235
|
/* @__PURE__ */ e.jsxs("div", { className: "space-y-2 rounded-lg border bg-muted/30 p-3", children: [
|
|
236
|
-
/* @__PURE__ */ e.jsx(
|
|
237
|
-
/* @__PURE__ */ e.jsx(
|
|
236
|
+
/* @__PURE__ */ e.jsx(S, { name: `conditions[${O}].field`, children: (G) => /* @__PURE__ */ e.jsxs(E, { children: [
|
|
237
|
+
/* @__PURE__ */ e.jsx(N, { htmlFor: `field-${O}`, children: j("editor.conditionalEdge.field") }),
|
|
238
238
|
/* @__PURE__ */ e.jsxs(
|
|
239
239
|
U,
|
|
240
240
|
{
|
|
@@ -242,8 +242,8 @@ const Yt = ({
|
|
|
242
242
|
value: G.state.value || "",
|
|
243
243
|
onValueChange: (_) => G.handleChange(_),
|
|
244
244
|
children: [
|
|
245
|
-
/* @__PURE__ */ e.jsx(R, { id: `field-${O}`, className: "w-full", children: /* @__PURE__ */ e.jsx(Z, { placeholder:
|
|
246
|
-
/* @__PURE__ */ e.jsx(K, { children:
|
|
245
|
+
/* @__PURE__ */ e.jsx(R, { id: `field-${O}`, className: "w-full", children: /* @__PURE__ */ e.jsx(Z, { placeholder: j("editor.conditionalEdge.selectField") }) }),
|
|
246
|
+
/* @__PURE__ */ e.jsx(K, { children: v.length === 0 ? /* @__PURE__ */ e.jsx(F, { value: "none", disabled: !0, children: j("editor.conditionalEdge.noFieldsAvailable") }) : v.map((_) => /* @__PURE__ */ e.jsxs(F, { value: _.nodeId, children: [
|
|
247
247
|
_.label,
|
|
248
248
|
" (",
|
|
249
249
|
_.type,
|
|
@@ -254,8 +254,8 @@ const Yt = ({
|
|
|
254
254
|
)
|
|
255
255
|
] }) }),
|
|
256
256
|
/* @__PURE__ */ e.jsxs("div", { className: "flex gap-2", children: [
|
|
257
|
-
/* @__PURE__ */ e.jsx(
|
|
258
|
-
/* @__PURE__ */ e.jsx(
|
|
257
|
+
/* @__PURE__ */ e.jsx(S, { name: `conditions[${O}].operator`, children: (G) => /* @__PURE__ */ e.jsxs(E, { children: [
|
|
258
|
+
/* @__PURE__ */ e.jsx(N, { htmlFor: `operator-${O}`, children: j("editor.conditionalEdge.operator") }),
|
|
259
259
|
/* @__PURE__ */ e.jsxs(
|
|
260
260
|
U,
|
|
261
261
|
{
|
|
@@ -265,25 +265,25 @@ const Yt = ({
|
|
|
265
265
|
children: [
|
|
266
266
|
/* @__PURE__ */ e.jsx(R, { id: `operator-${O}`, children: /* @__PURE__ */ e.jsx(Z, {}) }),
|
|
267
267
|
/* @__PURE__ */ e.jsxs(K, { children: [
|
|
268
|
-
/* @__PURE__ */ e.jsx(
|
|
269
|
-
/* @__PURE__ */ e.jsx(
|
|
270
|
-
/* @__PURE__ */ e.jsx(
|
|
271
|
-
/* @__PURE__ */ e.jsx(
|
|
272
|
-
/* @__PURE__ */ e.jsx(
|
|
273
|
-
/* @__PURE__ */ e.jsx(
|
|
268
|
+
/* @__PURE__ */ e.jsx(F, { value: "===", children: "=" }),
|
|
269
|
+
/* @__PURE__ */ e.jsx(F, { value: "!==", children: "≠" }),
|
|
270
|
+
/* @__PURE__ */ e.jsx(F, { value: ">", children: ">" }),
|
|
271
|
+
/* @__PURE__ */ e.jsx(F, { value: "<", children: "<" }),
|
|
272
|
+
/* @__PURE__ */ e.jsx(F, { value: ">=", children: ">=" }),
|
|
273
|
+
/* @__PURE__ */ e.jsx(F, { value: "<=", children: "<=" })
|
|
274
274
|
] })
|
|
275
275
|
]
|
|
276
276
|
}
|
|
277
277
|
)
|
|
278
278
|
] }) }),
|
|
279
|
-
/* @__PURE__ */ e.jsx(
|
|
280
|
-
/* @__PURE__ */ e.jsx(
|
|
279
|
+
/* @__PURE__ */ e.jsx(S, { name: `conditions[${O}].value`, children: (G) => /* @__PURE__ */ e.jsxs(E, { className: "w-full", children: [
|
|
280
|
+
/* @__PURE__ */ e.jsx(N, { htmlFor: `value-${O}`, children: j("editor.conditionalEdge.value") }),
|
|
281
281
|
/* @__PURE__ */ e.jsx(
|
|
282
282
|
P,
|
|
283
283
|
{
|
|
284
284
|
disabled: L,
|
|
285
285
|
id: `value-${O}`,
|
|
286
|
-
placeholder:
|
|
286
|
+
placeholder: j("editor.conditionalEdge.valuePlaceholder"),
|
|
287
287
|
value: G.state.value || "",
|
|
288
288
|
onChange: (_) => G.handleChange(_.target.value)
|
|
289
289
|
}
|
|
@@ -303,12 +303,12 @@ const Yt = ({
|
|
|
303
303
|
},
|
|
304
304
|
children: [
|
|
305
305
|
/* @__PURE__ */ e.jsx(re, { className: "mr-1 h-4 w-4" }),
|
|
306
|
-
|
|
306
|
+
j("editor.conditionalEdge.removeCondition")
|
|
307
307
|
]
|
|
308
308
|
}
|
|
309
309
|
)
|
|
310
310
|
] }),
|
|
311
|
-
C.state.value && O < C.state.value.length - 1 && /* @__PURE__ */ e.jsx(
|
|
311
|
+
C.state.value && O < C.state.value.length - 1 && /* @__PURE__ */ e.jsx(S, { name: `conditions[${O}].logicalOperator`, children: (G) => /* @__PURE__ */ e.jsx("div", { className: "flex justify-center", children: /* @__PURE__ */ e.jsxs(
|
|
312
312
|
U,
|
|
313
313
|
{
|
|
314
314
|
disabled: L,
|
|
@@ -317,8 +317,8 @@ const Yt = ({
|
|
|
317
317
|
children: [
|
|
318
318
|
/* @__PURE__ */ e.jsx(R, { className: "h-9 w-32 font-semibold", children: /* @__PURE__ */ e.jsx(Z, {}) }),
|
|
319
319
|
/* @__PURE__ */ e.jsxs(K, { children: [
|
|
320
|
-
/* @__PURE__ */ e.jsx(
|
|
321
|
-
/* @__PURE__ */ e.jsx(
|
|
320
|
+
/* @__PURE__ */ e.jsx(F, { value: te.AND, children: "AND" }),
|
|
321
|
+
/* @__PURE__ */ e.jsx(F, { value: te.OR, children: "OR" })
|
|
322
322
|
] })
|
|
323
323
|
]
|
|
324
324
|
}
|
|
@@ -334,7 +334,7 @@ const Yt = ({
|
|
|
334
334
|
className: "w-full",
|
|
335
335
|
onClick: () => {
|
|
336
336
|
C.pushValue({
|
|
337
|
-
field:
|
|
337
|
+
field: v[0]?.nodeId ?? "",
|
|
338
338
|
logicalOperator: te.AND,
|
|
339
339
|
operator: "===",
|
|
340
340
|
value: ""
|
|
@@ -342,7 +342,7 @@ const Yt = ({
|
|
|
342
342
|
},
|
|
343
343
|
children: [
|
|
344
344
|
/* @__PURE__ */ e.jsx(W, { className: "mr-2 h-4 w-4" }),
|
|
345
|
-
|
|
345
|
+
j("editor.conditionalEdge.addCondition")
|
|
346
346
|
]
|
|
347
347
|
}
|
|
348
348
|
)
|
|
@@ -353,9 +353,9 @@ const Yt = ({
|
|
|
353
353
|
/* @__PURE__ */ e.jsxs("div", { className: "flex justify-end gap-2 pt-2", children: [
|
|
354
354
|
/* @__PURE__ */ e.jsxs(k, { type: "button", size: "sm", variant: "outline", onClick: V, children: [
|
|
355
355
|
/* @__PURE__ */ e.jsx(re, { className: "mr-1 h-4 w-4" }),
|
|
356
|
-
|
|
356
|
+
j("common.clear")
|
|
357
357
|
] }),
|
|
358
|
-
/* @__PURE__ */ e.jsx(k, { type: "button", size: "sm", onClick: () =>
|
|
358
|
+
/* @__PURE__ */ e.jsx(k, { type: "button", size: "sm", onClick: () => w(!1), children: j("common.close") })
|
|
359
359
|
] })
|
|
360
360
|
] })
|
|
361
361
|
}
|
|
@@ -364,13 +364,13 @@ const Yt = ({
|
|
|
364
364
|
}
|
|
365
365
|
) })
|
|
366
366
|
] });
|
|
367
|
-
},
|
|
368
|
-
conditional:
|
|
369
|
-
},
|
|
367
|
+
}, Xt = {
|
|
368
|
+
conditional: Wt
|
|
369
|
+
}, qt = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict";
|
|
370
370
|
let le = (t = 21) => {
|
|
371
371
|
let s = "", r = crypto.getRandomValues(new Uint8Array(t |= 0));
|
|
372
372
|
for (; t--; )
|
|
373
|
-
s +=
|
|
373
|
+
s += qt[r[t] & 63];
|
|
374
374
|
return s;
|
|
375
375
|
};
|
|
376
376
|
const Xe = {
|
|
@@ -380,86 +380,86 @@ const Xe = {
|
|
|
380
380
|
id: le(),
|
|
381
381
|
position: { x: 0, y: 0 },
|
|
382
382
|
type: "input"
|
|
383
|
-
},
|
|
383
|
+
}, Qt = 100, ea = 50, qe = () => {
|
|
384
384
|
const { setNodes: t, setEdges: s, screenToFlowPosition: r, getNode: o, getNodes: h, getEdges: l } = pe(), n = z(
|
|
385
|
-
(
|
|
386
|
-
const
|
|
387
|
-
if (
|
|
385
|
+
(p, u, x = !1) => {
|
|
386
|
+
const w = p.id, v = l().filter((y) => y.source === w), b = he(p);
|
|
387
|
+
if (v.length > 0 && !b)
|
|
388
388
|
return;
|
|
389
|
-
const
|
|
389
|
+
const j = le(), I = {
|
|
390
390
|
...Xe,
|
|
391
|
-
id:
|
|
391
|
+
id: j,
|
|
392
392
|
position: u,
|
|
393
|
-
selected:
|
|
393
|
+
selected: x
|
|
394
394
|
};
|
|
395
|
-
|
|
396
|
-
const D =
|
|
397
|
-
data: D &&
|
|
398
|
-
conditions: [{ field:
|
|
395
|
+
p?.parentId && (I.parentId = p.parentId, I.extent = "parent"), t((y) => y.concat(I)), s((y) => {
|
|
396
|
+
const D = y.filter((g) => g.source === w).length > 0, V = {
|
|
397
|
+
data: D && b ? {
|
|
398
|
+
conditions: [{ field: w, operator: "===", value: "" }]
|
|
399
399
|
} : void 0,
|
|
400
400
|
id: le(),
|
|
401
|
-
source:
|
|
402
|
-
target:
|
|
403
|
-
type: D &&
|
|
401
|
+
source: w,
|
|
402
|
+
target: j,
|
|
403
|
+
type: D && b ? "conditional" : "default"
|
|
404
404
|
};
|
|
405
|
-
return D &&
|
|
405
|
+
return D && b ? y.map((g) => g.source === w ? {
|
|
406
406
|
...g,
|
|
407
407
|
data: {
|
|
408
408
|
...g.data,
|
|
409
|
-
conditions: g.data?.conditions || [{ field:
|
|
409
|
+
conditions: g.data?.conditions || [{ field: w, operator: "===", value: "" }]
|
|
410
410
|
},
|
|
411
411
|
type: "conditional"
|
|
412
|
-
} : g).concat(V) :
|
|
413
|
-
}),
|
|
412
|
+
} : g).concat(V) : y.concat(V);
|
|
413
|
+
}), x && (t((y) => y.map((S) => ({ ...S, selected: S.id === j }))), s((y) => y.map((S) => ({ ...S, selected: !1 }))));
|
|
414
414
|
},
|
|
415
415
|
[l, t, s]
|
|
416
416
|
), c = z(
|
|
417
|
-
(
|
|
417
|
+
(p) => {
|
|
418
418
|
s((u) => {
|
|
419
|
-
const
|
|
420
|
-
return
|
|
421
|
-
...
|
|
419
|
+
const x = mt(p, u), w = p.source, f = o(w);
|
|
420
|
+
return x.filter((b) => b.source === w).length > 1 && f && he(f) ? x.map((b) => b.source === w ? {
|
|
421
|
+
...b,
|
|
422
422
|
data: {
|
|
423
|
-
...
|
|
424
|
-
conditions:
|
|
423
|
+
...b.data,
|
|
424
|
+
conditions: b.data?.conditions || [{ field: w, operator: "===", value: "" }]
|
|
425
425
|
},
|
|
426
426
|
type: "conditional"
|
|
427
|
-
} :
|
|
427
|
+
} : b) : x;
|
|
428
428
|
});
|
|
429
429
|
},
|
|
430
430
|
[s, o]
|
|
431
|
-
),
|
|
432
|
-
(
|
|
433
|
-
const u = o(
|
|
431
|
+
), d = z(
|
|
432
|
+
(p) => {
|
|
433
|
+
const u = o(p);
|
|
434
434
|
if (!u)
|
|
435
435
|
return;
|
|
436
|
-
const
|
|
437
|
-
n(u, { x:
|
|
436
|
+
const x = getComputedStyle(document.documentElement).getPropertyValue("--node-height"), w = getComputedStyle(document.documentElement).getPropertyValue("--node-width"), f = parseFloat(x) || 100, v = parseFloat(w) || 100, b = u.position.y + f + Qt, j = h(), I = l(), y = j.filter((D) => I.some((V) => V.source === p && V.target === D.id)), S = y.length > 0 ? y.reduce((D, V) => V.position.x > D.position.x ? V : D, y[0]).position.x + v + ea : u.position.x;
|
|
437
|
+
n(u, { x: S, y: b }, !0);
|
|
438
438
|
},
|
|
439
439
|
[o, h, l, n]
|
|
440
440
|
), a = z(
|
|
441
|
-
(
|
|
441
|
+
(p, u) => {
|
|
442
442
|
if (!u.isValid) {
|
|
443
|
-
const { clientX:
|
|
444
|
-
if (!
|
|
443
|
+
const { clientX: x, clientY: w } = "changedTouches" in p ? p.changedTouches[0] : p, f = u.fromNode;
|
|
444
|
+
if (!f)
|
|
445
445
|
return;
|
|
446
|
-
const
|
|
447
|
-
n(
|
|
446
|
+
const v = r({ x, y: w }), b = f.parentId ? o(f.parentId) : void 0, j = b?.position ?? { x: 0, y: 0 }, I = b ? { x: v.x - j.x, y: v.y - j.y } : v;
|
|
447
|
+
n(f, I);
|
|
448
448
|
}
|
|
449
449
|
},
|
|
450
450
|
[n, o, r]
|
|
451
|
-
),
|
|
452
|
-
(
|
|
451
|
+
), i = z(
|
|
452
|
+
(p) => {
|
|
453
453
|
s((u) => {
|
|
454
|
-
const
|
|
455
|
-
return
|
|
456
|
-
|
|
457
|
-
}),
|
|
458
|
-
if (
|
|
459
|
-
const { conditions:
|
|
460
|
-
return { ...
|
|
454
|
+
const x = u.filter((v) => !p.find((b) => b.id === v.id)), w = new Set(p.map((v) => v.source)), f = /* @__PURE__ */ new Map();
|
|
455
|
+
return x.forEach((v) => {
|
|
456
|
+
f.set(v.source, (f.get(v.source) ?? 0) + 1);
|
|
457
|
+
}), x.map((v) => {
|
|
458
|
+
if (w.has(v.source) && (f.get(v.source) ?? 0) === 1) {
|
|
459
|
+
const { conditions: j, isFallback: I, ...y } = v.data ?? {}, S = y && Object.keys(y).length > 0 ? y : void 0;
|
|
460
|
+
return { ...v, data: S, type: "default" };
|
|
461
461
|
}
|
|
462
|
-
return
|
|
462
|
+
return v;
|
|
463
463
|
});
|
|
464
464
|
});
|
|
465
465
|
},
|
|
@@ -467,18 +467,18 @@ const Xe = {
|
|
|
467
467
|
);
|
|
468
468
|
return {
|
|
469
469
|
isValidConnection: z(
|
|
470
|
-
(
|
|
471
|
-
if (
|
|
470
|
+
(p) => {
|
|
471
|
+
if (p.source === p.target)
|
|
472
472
|
return !1;
|
|
473
|
-
const u = o(
|
|
474
|
-
return u ? !(l().filter((
|
|
473
|
+
const u = o(p.source);
|
|
474
|
+
return u ? !(l().filter((f) => f.source === p.source).length > 0 && !he(u)) : !1;
|
|
475
475
|
},
|
|
476
476
|
[o, l]
|
|
477
477
|
),
|
|
478
|
-
onAddFromHandle:
|
|
478
|
+
onAddFromHandle: d,
|
|
479
479
|
onConnect: c,
|
|
480
480
|
onConnectEnd: a,
|
|
481
|
-
onEdgesDelete:
|
|
481
|
+
onEdgesDelete: i
|
|
482
482
|
};
|
|
483
483
|
}, Le = (t) => {
|
|
484
484
|
const { onAddFromHandle: s } = qe();
|
|
@@ -488,7 +488,7 @@ const Xe = {
|
|
|
488
488
|
},
|
|
489
489
|
[s, t]
|
|
490
490
|
);
|
|
491
|
-
}, Me = ({ children: t, inGroup: s }) => /* @__PURE__ */ e.jsx("div", { className: T("react-flow__node__wrapper", s ? "in-group" : ""), children: t }),
|
|
491
|
+
}, Me = ({ children: t, inGroup: s }) => /* @__PURE__ */ e.jsx("div", { className: T("react-flow__node__wrapper", s ? "in-group" : ""), children: t }), ta = $t(
|
|
492
492
|
"inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden",
|
|
493
493
|
{
|
|
494
494
|
defaultVariants: {
|
|
@@ -511,10 +511,10 @@ function ie({
|
|
|
511
511
|
asChild: r = !1,
|
|
512
512
|
...o
|
|
513
513
|
}) {
|
|
514
|
-
const h = r ?
|
|
515
|
-
return /* @__PURE__ */ e.jsx(h, { "data-slot": "badge", className: T(
|
|
514
|
+
const h = r ? zt : "span";
|
|
515
|
+
return /* @__PURE__ */ e.jsx(h, { "data-slot": "badge", className: T(ta({ variant: s }), t), ...o });
|
|
516
516
|
}
|
|
517
|
-
const
|
|
517
|
+
const aa = ({ data: t, isConnectable: s, type: r, parentId: o, id: h }) => {
|
|
518
518
|
const n = M()(t?.label), c = Le(h);
|
|
519
519
|
return /* @__PURE__ */ e.jsxs(Me, { inGroup: !!o, children: [
|
|
520
520
|
/* @__PURE__ */ e.jsx(se, { type: "target", position: oe.Top, isConnectable: s, isConnectableStart: !1 }),
|
|
@@ -535,7 +535,7 @@ const ta = ({ data: t, isConnectable: s, type: r, parentId: o, id: h }) => {
|
|
|
535
535
|
}
|
|
536
536
|
)
|
|
537
537
|
] });
|
|
538
|
-
},
|
|
538
|
+
}, na = ({ data: t }) => {
|
|
539
539
|
const r = M()(t?.label);
|
|
540
540
|
return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
|
|
541
541
|
/* @__PURE__ */ e.jsx(pt, {}),
|
|
@@ -544,7 +544,7 @@ const ta = ({ data: t, isConnectable: s, type: r, parentId: o, id: h }) => {
|
|
|
544
544
|
r
|
|
545
545
|
] }) })
|
|
546
546
|
] });
|
|
547
|
-
},
|
|
547
|
+
}, sa = ({ data: t, isConnectable: s, type: r, parentId: o, id: h }) => {
|
|
548
548
|
const n = M()(t?.label), c = Le(h);
|
|
549
549
|
return /* @__PURE__ */ e.jsxs(Me, { inGroup: !!o, children: [
|
|
550
550
|
/* @__PURE__ */ e.jsx(se, { type: "target", position: oe.Top, isConnectable: s, isConnectableStart: !1 }),
|
|
@@ -571,7 +571,7 @@ const ta = ({ data: t, isConnectable: s, type: r, parentId: o, id: h }) => {
|
|
|
571
571
|
}
|
|
572
572
|
)
|
|
573
573
|
] });
|
|
574
|
-
},
|
|
574
|
+
}, oa = ({ data: t, isConnectable: s, type: r, parentId: o, id: h }) => {
|
|
575
575
|
const n = M()(t?.label), c = Le(h);
|
|
576
576
|
return /* @__PURE__ */ e.jsxs(Me, { inGroup: !!o, children: [
|
|
577
577
|
/* @__PURE__ */ e.jsx(se, { type: "target", position: oe.Top, isConnectable: s }),
|
|
@@ -599,10 +599,10 @@ const ta = ({ data: t, isConnectable: s, type: r, parentId: o, id: h }) => {
|
|
|
599
599
|
)
|
|
600
600
|
] });
|
|
601
601
|
}, Qe = {
|
|
602
|
-
[xe.flow]:
|
|
603
|
-
[xe.group]:
|
|
604
|
-
[xe.input]:
|
|
605
|
-
[xe.ui]:
|
|
602
|
+
[xe.flow]: aa,
|
|
603
|
+
[xe.group]: na,
|
|
604
|
+
[xe.input]: sa,
|
|
605
|
+
[xe.ui]: oa
|
|
606
606
|
}, ve = `You are a Treege decision tree generator. You must generate valid JSON structures for decision trees.
|
|
607
607
|
|
|
608
608
|
IMPORTANT RULES:
|
|
@@ -836,7 +836,7 @@ function Ne(t) {
|
|
|
836
836
|
}
|
|
837
837
|
}
|
|
838
838
|
}
|
|
839
|
-
async function
|
|
839
|
+
async function ra(t) {
|
|
840
840
|
const s = t.config.model || be.gemini, r = t.config.temperature ?? 0.7, o = await fetch(
|
|
841
841
|
`https://generativelanguage.googleapis.com/v1beta/models/${s}:generateContent?key=${t.config.apiKey}`,
|
|
842
842
|
{
|
|
@@ -870,7 +870,7 @@ User request: ${t.prompt}`
|
|
|
870
870
|
throw new Error("No response from Gemini");
|
|
871
871
|
return Ne(l);
|
|
872
872
|
}
|
|
873
|
-
async function
|
|
873
|
+
async function la(t) {
|
|
874
874
|
const s = t.config.model || be.openai, r = t.config.temperature ?? 0.7, o = await fetch("https://api.openai.com/v1/chat/completions", {
|
|
875
875
|
body: JSON.stringify({
|
|
876
876
|
messages: [
|
|
@@ -896,7 +896,7 @@ async function ra(t) {
|
|
|
896
896
|
throw new Error("No response from OpenAI");
|
|
897
897
|
return Ne(l);
|
|
898
898
|
}
|
|
899
|
-
async function
|
|
899
|
+
async function ia(t) {
|
|
900
900
|
const s = t.config.model || be.deepseek, r = t.config.temperature ?? 0.7, o = await fetch("https://api.deepseek.com/v1/chat/completions", {
|
|
901
901
|
body: JSON.stringify({
|
|
902
902
|
messages: [
|
|
@@ -922,7 +922,7 @@ async function la(t) {
|
|
|
922
922
|
throw new Error("No response from DeepSeek");
|
|
923
923
|
return Ne(l);
|
|
924
924
|
}
|
|
925
|
-
async function
|
|
925
|
+
async function da(t) {
|
|
926
926
|
const s = t.config.model || be.claude, r = t.config.temperature ?? 0.7, o = await fetch("https://api.anthropic.com/v1/messages", {
|
|
927
927
|
body: JSON.stringify({
|
|
928
928
|
max_tokens: 4096,
|
|
@@ -947,30 +947,30 @@ async function ia(t) {
|
|
|
947
947
|
throw new Error("No response from Claude");
|
|
948
948
|
return Ne(l);
|
|
949
949
|
}
|
|
950
|
-
function
|
|
950
|
+
function ca(t) {
|
|
951
951
|
switch (t.config.provider) {
|
|
952
952
|
case "gemini":
|
|
953
|
-
return oa(t);
|
|
954
|
-
case "openai":
|
|
955
953
|
return ra(t);
|
|
956
|
-
case "
|
|
954
|
+
case "openai":
|
|
957
955
|
return la(t);
|
|
958
|
-
case "
|
|
956
|
+
case "deepseek":
|
|
959
957
|
return ia(t);
|
|
958
|
+
case "claude":
|
|
959
|
+
return da(t);
|
|
960
960
|
default:
|
|
961
961
|
throw new Error(`Unsupported AI provider: ${t.config.provider}`);
|
|
962
962
|
}
|
|
963
963
|
}
|
|
964
|
-
function
|
|
964
|
+
function ua({ ...t }) {
|
|
965
965
|
return /* @__PURE__ */ e.jsx(A.Root, { "data-slot": "dialog", ...t });
|
|
966
966
|
}
|
|
967
|
-
function
|
|
967
|
+
function ha({ ...t }) {
|
|
968
968
|
return /* @__PURE__ */ e.jsx(A.Trigger, { "data-slot": "dialog-trigger", ...t });
|
|
969
969
|
}
|
|
970
|
-
function
|
|
970
|
+
function ma({ ...t }) {
|
|
971
971
|
return /* @__PURE__ */ e.jsx(A.Portal, { "data-slot": "dialog-portal", ...t });
|
|
972
972
|
}
|
|
973
|
-
function
|
|
973
|
+
function pa({ className: t, ...s }) {
|
|
974
974
|
return /* @__PURE__ */ e.jsx(
|
|
975
975
|
A.Overlay,
|
|
976
976
|
{
|
|
@@ -983,14 +983,14 @@ function ma({ className: t, ...s }) {
|
|
|
983
983
|
}
|
|
984
984
|
);
|
|
985
985
|
}
|
|
986
|
-
function
|
|
986
|
+
function xa({
|
|
987
987
|
className: t,
|
|
988
988
|
children: s,
|
|
989
989
|
showCloseButton: r = !0,
|
|
990
990
|
...o
|
|
991
991
|
}) {
|
|
992
|
-
return /* @__PURE__ */ e.jsxs(
|
|
993
|
-
/* @__PURE__ */ e.jsx(
|
|
992
|
+
return /* @__PURE__ */ e.jsxs(ma, { "data-slot": "dialog-portal", children: [
|
|
993
|
+
/* @__PURE__ */ e.jsx(pa, {}),
|
|
994
994
|
/* @__PURE__ */ e.jsxs(
|
|
995
995
|
A.Content,
|
|
996
996
|
{
|
|
@@ -1018,97 +1018,97 @@ function pa({
|
|
|
1018
1018
|
)
|
|
1019
1019
|
] });
|
|
1020
1020
|
}
|
|
1021
|
-
function
|
|
1021
|
+
function ga({ className: t, ...s }) {
|
|
1022
1022
|
return /* @__PURE__ */ e.jsx("div", { "data-slot": "dialog-header", className: T("flex flex-col gap-2 text-center sm:text-left", t), ...s });
|
|
1023
1023
|
}
|
|
1024
|
-
function
|
|
1024
|
+
function ja({ className: t, ...s }) {
|
|
1025
1025
|
return /* @__PURE__ */ e.jsx("div", { "data-slot": "dialog-footer", className: T("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", t), ...s });
|
|
1026
1026
|
}
|
|
1027
|
-
function
|
|
1027
|
+
function Ca({ className: t, ...s }) {
|
|
1028
1028
|
return /* @__PURE__ */ e.jsx(A.Title, { "data-slot": "dialog-title", className: T("text-lg leading-none font-semibold", t), ...s });
|
|
1029
1029
|
}
|
|
1030
|
-
function
|
|
1030
|
+
function fa({ className: t, ...s }) {
|
|
1031
1031
|
return /* @__PURE__ */ e.jsx(A.Description, { "data-slot": "dialog-description", className: T("text-muted-foreground text-sm", t), ...s });
|
|
1032
1032
|
}
|
|
1033
|
-
const
|
|
1034
|
-
const [r, o] = $(!1), [h, l] = $(""), [n, c] = $(!1),
|
|
1033
|
+
const va = ({ aiConfig: t, onGenerate: s }) => {
|
|
1034
|
+
const [r, o] = $(!1), [h, l] = $(""), [n, c] = $(!1), d = M(), a = async () => {
|
|
1035
1035
|
if (!h.trim()) {
|
|
1036
|
-
H.error(
|
|
1036
|
+
H.error(d("editor.aiGenerator.enterDescription"));
|
|
1037
1037
|
return;
|
|
1038
1038
|
}
|
|
1039
1039
|
if (!t?.apiKey) {
|
|
1040
|
-
H.error(
|
|
1041
|
-
description:
|
|
1040
|
+
H.error(d("editor.aiGenerator.missingApiKey"), {
|
|
1041
|
+
description: d("editor.aiGenerator.missingApiKeyDesc")
|
|
1042
1042
|
});
|
|
1043
1043
|
return;
|
|
1044
1044
|
}
|
|
1045
1045
|
c(!0);
|
|
1046
1046
|
try {
|
|
1047
|
-
const
|
|
1047
|
+
const m = await ca({
|
|
1048
1048
|
config: t,
|
|
1049
1049
|
prompt: h.trim()
|
|
1050
1050
|
});
|
|
1051
1051
|
s({
|
|
1052
|
-
edges:
|
|
1053
|
-
nodes:
|
|
1054
|
-
}), H.success(
|
|
1055
|
-
description:
|
|
1052
|
+
edges: m.edges,
|
|
1053
|
+
nodes: m.nodes
|
|
1054
|
+
}), H.success(d("editor.aiGenerator.successTitle"), {
|
|
1055
|
+
description: d("editor.aiGenerator.successDescription").replace("{nodes}", String(m.nodes.length)).replace("{edges}", String(m.edges.length))
|
|
1056
1056
|
}), l(""), o(!1);
|
|
1057
|
-
} catch (
|
|
1058
|
-
console.error("AI generation error:",
|
|
1059
|
-
description:
|
|
1057
|
+
} catch (m) {
|
|
1058
|
+
console.error("AI generation error:", m), H.error(d("editor.aiGenerator.failedToGenerate"), {
|
|
1059
|
+
description: m instanceof Error ? m.message : d("editor.aiGenerator.unknownError")
|
|
1060
1060
|
});
|
|
1061
1061
|
} finally {
|
|
1062
1062
|
c(!1);
|
|
1063
1063
|
}
|
|
1064
|
-
},
|
|
1065
|
-
(
|
|
1064
|
+
}, i = (m) => {
|
|
1065
|
+
(m.metaKey || m.ctrlKey) && m.key === "Enter" && (m.preventDefault(), a());
|
|
1066
1066
|
};
|
|
1067
|
-
return /* @__PURE__ */ e.jsxs(
|
|
1068
|
-
/* @__PURE__ */ e.jsx(
|
|
1067
|
+
return /* @__PURE__ */ e.jsxs(ua, { open: r, onOpenChange: o, children: [
|
|
1068
|
+
/* @__PURE__ */ e.jsx(ha, { asChild: !0, children: /* @__PURE__ */ e.jsxs(k, { variant: "outline", size: "sm", disabled: !t?.apiKey, children: [
|
|
1069
1069
|
/* @__PURE__ */ e.jsx(He, { className: "h-4 w-4 text-[#13d3b4]" }),
|
|
1070
1070
|
" ",
|
|
1071
|
-
|
|
1071
|
+
d("editor.aiGenerator.buttonLabel")
|
|
1072
1072
|
] }) }),
|
|
1073
|
-
/* @__PURE__ */ e.jsxs(
|
|
1074
|
-
/* @__PURE__ */ e.jsxs(
|
|
1075
|
-
/* @__PURE__ */ e.jsx(
|
|
1076
|
-
/* @__PURE__ */ e.jsx(
|
|
1073
|
+
/* @__PURE__ */ e.jsxs(xa, { className: "sm:max-w-[550px]", children: [
|
|
1074
|
+
/* @__PURE__ */ e.jsxs(ga, { children: [
|
|
1075
|
+
/* @__PURE__ */ e.jsx(Ca, { children: d("editor.aiGenerator.title") }),
|
|
1076
|
+
/* @__PURE__ */ e.jsx(fa, { children: d("editor.aiGenerator.titleDescription") })
|
|
1077
1077
|
] }),
|
|
1078
1078
|
/* @__PURE__ */ e.jsxs("div", { className: "grid gap-4 py-4", children: [
|
|
1079
1079
|
/* @__PURE__ */ e.jsxs("div", { className: "grid gap-2", children: [
|
|
1080
|
-
/* @__PURE__ */ e.jsx("label", { htmlFor: "ai-prompt", className: "font-medium text-sm", children:
|
|
1080
|
+
/* @__PURE__ */ e.jsx("label", { htmlFor: "ai-prompt", className: "font-medium text-sm", children: d("editor.aiGenerator.description") }),
|
|
1081
1081
|
/* @__PURE__ */ e.jsx(
|
|
1082
1082
|
Ue,
|
|
1083
1083
|
{
|
|
1084
|
-
placeholder:
|
|
1084
|
+
placeholder: d("editor.aiGenerator.descriptionPlaceholder"),
|
|
1085
1085
|
value: h,
|
|
1086
|
-
onChange: (
|
|
1087
|
-
onKeyDown:
|
|
1086
|
+
onChange: (m) => l(m.target.value),
|
|
1087
|
+
onKeyDown: i,
|
|
1088
1088
|
rows: 6,
|
|
1089
1089
|
disabled: n,
|
|
1090
1090
|
className: "resize-none"
|
|
1091
1091
|
}
|
|
1092
1092
|
),
|
|
1093
|
-
/* @__PURE__ */ e.jsx("p", { className: "text-muted-foreground text-xs", children:
|
|
1093
|
+
/* @__PURE__ */ e.jsx("p", { className: "text-muted-foreground text-xs", children: d("editor.aiGenerator.keyboardShortcut").replace("{cmdEnter}", "⌘ Enter").replace("{ctrlEnter}", "Ctrl Enter") })
|
|
1094
1094
|
] }),
|
|
1095
1095
|
!t?.apiKey && /* @__PURE__ */ e.jsxs("div", { className: "rounded-md bg-muted p-3 text-sm", children: [
|
|
1096
|
-
/* @__PURE__ */ e.jsx("p", { className: "font-medium", children:
|
|
1096
|
+
/* @__PURE__ */ e.jsx("p", { className: "font-medium", children: d("editor.aiGenerator.aiNotConfigured") }),
|
|
1097
1097
|
/* @__PURE__ */ e.jsxs("p", { className: "mt-1 text-muted-foreground text-xs", children: [
|
|
1098
|
-
|
|
1098
|
+
d("editor.aiGenerator.aiNotConfiguredDesc").replace("{code}", ""),
|
|
1099
1099
|
" ",
|
|
1100
1100
|
/* @__PURE__ */ e.jsx("code", { className: "rounded bg-background px-1 py-0.5", children: "aiConfig" })
|
|
1101
1101
|
] })
|
|
1102
1102
|
] })
|
|
1103
1103
|
] }),
|
|
1104
|
-
/* @__PURE__ */ e.jsxs(
|
|
1105
|
-
/* @__PURE__ */ e.jsx(k, { variant: "outline", onClick: () => o(!1), disabled: n, children:
|
|
1104
|
+
/* @__PURE__ */ e.jsxs(ja, { children: [
|
|
1105
|
+
/* @__PURE__ */ e.jsx(k, { variant: "outline", onClick: () => o(!1), disabled: n, children: d("editor.aiGenerator.cancel") }),
|
|
1106
1106
|
/* @__PURE__ */ e.jsx(k, { onClick: a, disabled: n || !h.trim() || !t?.apiKey, children: n ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
|
|
1107
1107
|
/* @__PURE__ */ e.jsx(Et, { className: "h-4 w-4 animate-spin" }),
|
|
1108
|
-
|
|
1108
|
+
d("editor.aiGenerator.generating")
|
|
1109
1109
|
] }) : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
|
|
1110
1110
|
/* @__PURE__ */ e.jsx(He, { className: "h-4 w-4 text-[--treege-color-primary]" }),
|
|
1111
|
-
|
|
1111
|
+
d("editor.aiGenerator.generate")
|
|
1112
1112
|
] }) })
|
|
1113
1113
|
] })
|
|
1114
1114
|
] })
|
|
@@ -1157,7 +1157,7 @@ function q({
|
|
|
1157
1157
|
}
|
|
1158
1158
|
);
|
|
1159
1159
|
}
|
|
1160
|
-
function
|
|
1160
|
+
function ba({
|
|
1161
1161
|
className: t,
|
|
1162
1162
|
inset: s,
|
|
1163
1163
|
...r
|
|
@@ -1182,9 +1182,9 @@ function $e({ className: t, ...s }) {
|
|
|
1182
1182
|
}
|
|
1183
1183
|
);
|
|
1184
1184
|
}
|
|
1185
|
-
const
|
|
1186
|
-
const { flowId: r, setFlowId: o, aiConfig: h } = Ye(), { setNodes: l, setEdges: n, addNodes: c, screenToFlowPosition:
|
|
1187
|
-
const
|
|
1185
|
+
const Na = le(), ya = ({ onExportJson: t, onSave: s }) => {
|
|
1186
|
+
const { flowId: r, setFlowId: o, aiConfig: h } = Ye(), { setNodes: l, setEdges: n, addNodes: c, screenToFlowPosition: d } = pe(), a = r || Na, i = Oe(), m = Re(), p = Gt(null), u = M(), x = () => {
|
|
1187
|
+
const y = (window.innerWidth || 0) / 2, S = (window.innerHeight || 0) / 2, D = parseInt(getComputedStyle(document.documentElement).getPropertyValue("--node-width"), 10), V = parseInt(getComputedStyle(document.documentElement).getPropertyValue("--node-height"), 10), g = d({ x: y - D, y: S - V });
|
|
1188
1188
|
c([
|
|
1189
1189
|
{
|
|
1190
1190
|
...Xe,
|
|
@@ -1193,9 +1193,9 @@ const ba = le(), Na = ({ onExportJson: t, onSave: s }) => {
|
|
|
1193
1193
|
selected: !0
|
|
1194
1194
|
}
|
|
1195
1195
|
]);
|
|
1196
|
-
},
|
|
1197
|
-
const
|
|
1198
|
-
if (!
|
|
1196
|
+
}, w = ({ target: y }) => {
|
|
1197
|
+
const S = y.files?.[0];
|
|
1198
|
+
if (!S)
|
|
1199
1199
|
return;
|
|
1200
1200
|
const D = new FileReader();
|
|
1201
1201
|
D.onload = (V) => {
|
|
@@ -1211,16 +1211,16 @@ const ba = le(), Na = ({ onExportJson: t, onSave: s }) => {
|
|
|
1211
1211
|
description: u("editor.actionsPanel.parseErrorDesc")
|
|
1212
1212
|
});
|
|
1213
1213
|
}
|
|
1214
|
-
|
|
1215
|
-
}, D.readAsText(
|
|
1216
|
-
},
|
|
1217
|
-
const
|
|
1214
|
+
p.current && (p.current.value = "");
|
|
1215
|
+
}, D.readAsText(S);
|
|
1216
|
+
}, f = () => {
|
|
1217
|
+
const y = { edges: m, id: a, nodes: i }, S = new Blob([JSON.stringify(y, null, 2)], { type: "application/json" }), D = URL.createObjectURL(S), V = document.createElement("a");
|
|
1218
1218
|
V.href = D, V.download = "treege.json", V.click(), URL.revokeObjectURL(D), H.success(u("editor.actionsPanel.downloadSuccess"), {
|
|
1219
1219
|
description: u("editor.actionsPanel.downloadSuccessDesc")
|
|
1220
|
-
}), r || o?.(a), t?.(
|
|
1221
|
-
},
|
|
1222
|
-
r || o?.(a), s?.({ edges:
|
|
1223
|
-
}, [
|
|
1220
|
+
}), r || o?.(a), t?.(y);
|
|
1221
|
+
}, v = z(() => {
|
|
1222
|
+
r || o?.(a), s?.({ edges: m, id: a, nodes: i });
|
|
1223
|
+
}, [m, r, a, i, s, o]), b = async () => {
|
|
1224
1224
|
try {
|
|
1225
1225
|
await navigator.clipboard.writeText(a), H.success(u("editor.actionsPanel.idCopied"), {
|
|
1226
1226
|
description: a
|
|
@@ -1228,28 +1228,28 @@ const ba = le(), Na = ({ onExportJson: t, onSave: s }) => {
|
|
|
1228
1228
|
} catch {
|
|
1229
1229
|
H.error(u("editor.actionsPanel.copyFailed"));
|
|
1230
1230
|
}
|
|
1231
|
-
},
|
|
1231
|
+
}, j = () => {
|
|
1232
1232
|
l([]), n([]), H.success(u("editor.actionsPanel.clearSuccess"), {
|
|
1233
1233
|
description: u("editor.actionsPanel.clearSuccessDesc")
|
|
1234
1234
|
});
|
|
1235
|
-
}, I = (
|
|
1236
|
-
l(
|
|
1235
|
+
}, I = (y) => {
|
|
1236
|
+
l(y.nodes), n(y.edges);
|
|
1237
1237
|
};
|
|
1238
1238
|
return Ht(() => {
|
|
1239
|
-
const
|
|
1240
|
-
(
|
|
1239
|
+
const y = (S) => {
|
|
1240
|
+
(S.ctrlKey || S.metaKey) && S.key === "s" && (S.preventDefault(), v());
|
|
1241
1241
|
};
|
|
1242
|
-
return window.addEventListener("keydown",
|
|
1243
|
-
window.removeEventListener("keydown",
|
|
1242
|
+
return window.addEventListener("keydown", y), () => {
|
|
1243
|
+
window.removeEventListener("keydown", y);
|
|
1244
1244
|
};
|
|
1245
|
-
}, [
|
|
1246
|
-
/* @__PURE__ */ e.jsx(
|
|
1247
|
-
/* @__PURE__ */ e.jsxs(k, { variant: "outline", size: "sm", onClick:
|
|
1245
|
+
}, [v]), /* @__PURE__ */ e.jsxs(xt, { position: "top-right", className: "flex gap-2", children: [
|
|
1246
|
+
/* @__PURE__ */ e.jsx(va, { aiConfig: h, onGenerate: I }),
|
|
1247
|
+
/* @__PURE__ */ e.jsxs(k, { variant: "outline", size: "sm", onClick: x, children: [
|
|
1248
1248
|
/* @__PURE__ */ e.jsx(W, {}),
|
|
1249
1249
|
" ",
|
|
1250
1250
|
u("editor.actionsPanel.addNode")
|
|
1251
1251
|
] }),
|
|
1252
|
-
/* @__PURE__ */ e.jsxs(k, { variant: "outline", size: "sm", onClick:
|
|
1252
|
+
/* @__PURE__ */ e.jsxs(k, { variant: "outline", size: "sm", onClick: v, children: [
|
|
1253
1253
|
/* @__PURE__ */ e.jsx(kt, {}),
|
|
1254
1254
|
" ",
|
|
1255
1255
|
u("common.save")
|
|
@@ -1257,12 +1257,12 @@ const ba = le(), Na = ({ onExportJson: t, onSave: s }) => {
|
|
|
1257
1257
|
/* @__PURE__ */ e.jsxs(Se, { children: [
|
|
1258
1258
|
/* @__PURE__ */ e.jsx(Ee, { asChild: !0, children: /* @__PURE__ */ e.jsx(k, { variant: "outline", size: "sm", children: /* @__PURE__ */ e.jsx(Pt, {}) }) }),
|
|
1259
1259
|
/* @__PURE__ */ e.jsxs(ke, { align: "start", children: [
|
|
1260
|
-
/* @__PURE__ */ e.jsx(
|
|
1260
|
+
/* @__PURE__ */ e.jsx(ba, { className: "font-normal", children: /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-1", children: [
|
|
1261
1261
|
/* @__PURE__ */ e.jsx("span", { className: "text-muted-foreground text-xs", children: "Treege ID" }),
|
|
1262
1262
|
/* @__PURE__ */ e.jsxs(
|
|
1263
1263
|
"button",
|
|
1264
1264
|
{
|
|
1265
|
-
onClick:
|
|
1265
|
+
onClick: b,
|
|
1266
1266
|
className: "flex items-center gap-2 font-mono text-muted-foreground transition-colors hover:text-primary",
|
|
1267
1267
|
type: "button",
|
|
1268
1268
|
children: [
|
|
@@ -1274,28 +1274,28 @@ const ba = le(), Na = ({ onExportJson: t, onSave: s }) => {
|
|
|
1274
1274
|
] }) }),
|
|
1275
1275
|
/* @__PURE__ */ e.jsx($e, {}),
|
|
1276
1276
|
/* @__PURE__ */ e.jsxs(ze, { children: [
|
|
1277
|
-
/* @__PURE__ */ e.jsxs(q, { onClick: () =>
|
|
1277
|
+
/* @__PURE__ */ e.jsxs(q, { onClick: () => p?.current?.click(), children: [
|
|
1278
1278
|
/* @__PURE__ */ e.jsx(Dt, {}),
|
|
1279
1279
|
" ",
|
|
1280
1280
|
u("editor.actionsPanel.importJson")
|
|
1281
1281
|
] }),
|
|
1282
|
-
/* @__PURE__ */ e.jsxs(q, { onClick:
|
|
1282
|
+
/* @__PURE__ */ e.jsxs(q, { onClick: f, children: [
|
|
1283
1283
|
/* @__PURE__ */ e.jsx(Vt, {}),
|
|
1284
1284
|
" ",
|
|
1285
1285
|
u("editor.actionsPanel.exportJson")
|
|
1286
1286
|
] })
|
|
1287
1287
|
] }),
|
|
1288
1288
|
/* @__PURE__ */ e.jsx($e, {}),
|
|
1289
|
-
/* @__PURE__ */ e.jsx(ze, { children: /* @__PURE__ */ e.jsxs(q, { onClick:
|
|
1289
|
+
/* @__PURE__ */ e.jsx(ze, { children: /* @__PURE__ */ e.jsxs(q, { onClick: j, className: "text-destructive focus:text-destructive", children: [
|
|
1290
1290
|
/* @__PURE__ */ e.jsx(Ot, { className: "text-destructive" }),
|
|
1291
1291
|
" ",
|
|
1292
1292
|
u("editor.actionsPanel.clear")
|
|
1293
1293
|
] }) })
|
|
1294
1294
|
] })
|
|
1295
1295
|
] }),
|
|
1296
|
-
/* @__PURE__ */ e.jsx("input", { type: "file", accept: "application/json,.json", className: "hidden", ref:
|
|
1296
|
+
/* @__PURE__ */ e.jsx("input", { type: "file", accept: "application/json,.json", className: "hidden", ref: p, onChange: w })
|
|
1297
1297
|
] });
|
|
1298
|
-
},
|
|
1298
|
+
}, wa = {
|
|
1299
1299
|
ar: "ar",
|
|
1300
1300
|
de: "de",
|
|
1301
1301
|
en: "en",
|
|
@@ -1305,44 +1305,44 @@ const ba = le(), Na = ({ onExportJson: t, onSave: s }) => {
|
|
|
1305
1305
|
pt: "pt"
|
|
1306
1306
|
}, Q = ({ value: t = "en", onValueChange: s }) => /* @__PURE__ */ e.jsxs(U, { value: t, onValueChange: s, children: [
|
|
1307
1307
|
/* @__PURE__ */ e.jsx(R, { className: "uppercase", children: /* @__PURE__ */ e.jsx(Z, { placeholder: "" }) }),
|
|
1308
|
-
/* @__PURE__ */ e.jsx(K, { children: /* @__PURE__ */ e.jsx(J, { children: Object.values(
|
|
1308
|
+
/* @__PURE__ */ e.jsx(K, { children: /* @__PURE__ */ e.jsx(J, { children: Object.values(wa).map((r) => /* @__PURE__ */ e.jsx(F, { value: r, className: "uppercase", children: r }, r)) }) })
|
|
1309
1309
|
] }), ce = () => {
|
|
1310
1310
|
const { setNodes: t, setEdges: s, getNodes: r } = pe(), o = z(() => {
|
|
1311
|
-
t((
|
|
1311
|
+
t((d) => d.map(({ selected: a, ...i }) => i)), s((d) => d.map(({ selected: a, ...i }) => i));
|
|
1312
1312
|
}, [s, t]), h = z(
|
|
1313
|
-
(
|
|
1313
|
+
(d, a) => {
|
|
1314
1314
|
t(
|
|
1315
|
-
(
|
|
1316
|
-
...
|
|
1315
|
+
(i) => i.map((m) => m.id === d ? {
|
|
1316
|
+
...m,
|
|
1317
1317
|
data: {
|
|
1318
|
-
...
|
|
1318
|
+
...m.data,
|
|
1319
1319
|
...a
|
|
1320
1320
|
}
|
|
1321
|
-
} :
|
|
1321
|
+
} : m)
|
|
1322
1322
|
);
|
|
1323
1323
|
},
|
|
1324
1324
|
[t]
|
|
1325
1325
|
), l = z(
|
|
1326
|
-
(
|
|
1326
|
+
(d, a) => {
|
|
1327
1327
|
t(
|
|
1328
|
-
(
|
|
1329
|
-
...
|
|
1328
|
+
(i) => i.map((m) => m.id === d ? {
|
|
1329
|
+
...m,
|
|
1330
1330
|
data: {},
|
|
1331
1331
|
type: a
|
|
1332
|
-
} :
|
|
1332
|
+
} : m)
|
|
1333
1333
|
);
|
|
1334
1334
|
},
|
|
1335
1335
|
[t]
|
|
1336
1336
|
), n = z(
|
|
1337
|
-
(
|
|
1338
|
-
const a = r().find((
|
|
1339
|
-
a && l(a.id,
|
|
1337
|
+
(d) => {
|
|
1338
|
+
const a = r().find((i) => i.selected);
|
|
1339
|
+
a && l(a.id, d);
|
|
1340
1340
|
},
|
|
1341
1341
|
[r, l]
|
|
1342
1342
|
), c = z(
|
|
1343
|
-
(
|
|
1344
|
-
const a = r().find((
|
|
1345
|
-
a && h(a.id,
|
|
1343
|
+
(d) => {
|
|
1344
|
+
const a = r().find((i) => i.selected);
|
|
1345
|
+
a && h(a.id, d);
|
|
1346
1346
|
},
|
|
1347
1347
|
[r, h]
|
|
1348
1348
|
);
|
|
@@ -1362,7 +1362,7 @@ const ba = le(), Na = ({ onExportJson: t, onSave: s }) => {
|
|
|
1362
1362
|
selectedNode: o,
|
|
1363
1363
|
selectedNodes: r
|
|
1364
1364
|
};
|
|
1365
|
-
},
|
|
1365
|
+
}, Fa = () => {
|
|
1366
1366
|
const [t, s] = $("en"), { updateSelectedNodeData: r } = ce(), { selectedNode: o } = X(), h = M(), { Field: l } = de({
|
|
1367
1367
|
defaultValues: {
|
|
1368
1368
|
label: o?.data?.label || { en: "" },
|
|
@@ -1390,8 +1390,8 @@ const ba = le(), Na = ({ onExportJson: t, onSave: s }) => {
|
|
|
1390
1390
|
l,
|
|
1391
1391
|
{
|
|
1392
1392
|
name: "label",
|
|
1393
|
-
children: (n) => /* @__PURE__ */ e.jsxs(
|
|
1394
|
-
/* @__PURE__ */ e.jsx(
|
|
1393
|
+
children: (n) => /* @__PURE__ */ e.jsxs(E, { className: "flex-1", children: [
|
|
1394
|
+
/* @__PURE__ */ e.jsx(N, { htmlFor: n.name, children: h("editor.flowNodeForm.label") }),
|
|
1395
1395
|
/* @__PURE__ */ e.jsx(
|
|
1396
1396
|
P,
|
|
1397
1397
|
{
|
|
@@ -1416,8 +1416,8 @@ const ba = le(), Na = ({ onExportJson: t, onSave: s }) => {
|
|
|
1416
1416
|
l,
|
|
1417
1417
|
{
|
|
1418
1418
|
name: "targetId",
|
|
1419
|
-
children: (n) => /* @__PURE__ */ e.jsxs(
|
|
1420
|
-
/* @__PURE__ */ e.jsxs(
|
|
1419
|
+
children: (n) => /* @__PURE__ */ e.jsxs(E, { children: [
|
|
1420
|
+
/* @__PURE__ */ e.jsxs(N, { htmlFor: n.name, children: [
|
|
1421
1421
|
h("editor.flowNodeForm.targetId"),
|
|
1422
1422
|
" (Flow ID)"
|
|
1423
1423
|
] }),
|
|
@@ -1438,7 +1438,7 @@ const ba = le(), Na = ({ onExportJson: t, onSave: s }) => {
|
|
|
1438
1438
|
] })
|
|
1439
1439
|
}
|
|
1440
1440
|
);
|
|
1441
|
-
},
|
|
1441
|
+
}, Sa = () => {
|
|
1442
1442
|
const [t, s] = $("en"), { selectedNode: r } = X(), { updateSelectedNodeData: o } = ce(), { Field: h } = de({
|
|
1443
1443
|
defaultValues: {
|
|
1444
1444
|
label: r?.data?.label || { en: "" }
|
|
@@ -1464,8 +1464,8 @@ const ba = le(), Na = ({ onExportJson: t, onSave: s }) => {
|
|
|
1464
1464
|
h,
|
|
1465
1465
|
{
|
|
1466
1466
|
name: "label",
|
|
1467
|
-
children: (l) => /* @__PURE__ */ e.jsxs(
|
|
1468
|
-
/* @__PURE__ */ e.jsx(
|
|
1467
|
+
children: (l) => /* @__PURE__ */ e.jsxs(E, { className: "flex-1", children: [
|
|
1468
|
+
/* @__PURE__ */ e.jsx(N, { htmlFor: l.name, children: "Label" }),
|
|
1469
1469
|
/* @__PURE__ */ e.jsx(
|
|
1470
1470
|
P,
|
|
1471
1471
|
{
|
|
@@ -1488,7 +1488,7 @@ const ba = le(), Na = ({ onExportJson: t, onSave: s }) => {
|
|
|
1488
1488
|
] })
|
|
1489
1489
|
}
|
|
1490
1490
|
);
|
|
1491
|
-
},
|
|
1491
|
+
}, Ea = ["POST", "PUT", "PATCH"], ka = ({ value: t, onChange: s }) => {
|
|
1492
1492
|
const { selectedNode: r } = X(), o = M(), h = Ae(r?.id), { handleSubmit: l, Field: n } = de({
|
|
1493
1493
|
defaultValues: {
|
|
1494
1494
|
body: t?.body || "",
|
|
@@ -1520,8 +1520,8 @@ const ba = le(), Na = ({ onExportJson: t, onSave: s }) => {
|
|
|
1520
1520
|
n,
|
|
1521
1521
|
{
|
|
1522
1522
|
name: "url",
|
|
1523
|
-
children: (c) => /* @__PURE__ */ e.jsxs(
|
|
1524
|
-
/* @__PURE__ */ e.jsx(
|
|
1523
|
+
children: (c) => /* @__PURE__ */ e.jsxs(E, { children: [
|
|
1524
|
+
/* @__PURE__ */ e.jsx(N, { htmlFor: c.name, children: o("editor.httpConfigForm.apiUrl") }),
|
|
1525
1525
|
/* @__PURE__ */ e.jsxs("div", { className: "flex gap-2", children: [
|
|
1526
1526
|
/* @__PURE__ */ e.jsx(
|
|
1527
1527
|
P,
|
|
@@ -1530,26 +1530,26 @@ const ba = le(), Na = ({ onExportJson: t, onSave: s }) => {
|
|
|
1530
1530
|
name: c.name,
|
|
1531
1531
|
value: c.state.value,
|
|
1532
1532
|
onBlur: c.handleBlur,
|
|
1533
|
-
onChange: ({ target:
|
|
1533
|
+
onChange: ({ target: d }) => c.handleChange(d.value),
|
|
1534
1534
|
placeholder: o("editor.httpConfigForm.apiUrlPlaceholder"),
|
|
1535
1535
|
className: "flex-1"
|
|
1536
1536
|
}
|
|
1537
1537
|
),
|
|
1538
1538
|
/* @__PURE__ */ e.jsxs(Se, { children: [
|
|
1539
1539
|
/* @__PURE__ */ e.jsx(Ee, { asChild: !0, children: /* @__PURE__ */ e.jsx(k, { type: "button", variant: "outline", size: "icon", children: /* @__PURE__ */ e.jsx(Be, { className: "h-4 w-4" }) }) }),
|
|
1540
|
-
/* @__PURE__ */ e.jsx(ke, { align: "end", children: h.length === 0 ? /* @__PURE__ */ e.jsx(q, { disabled: !0, children: o("editor.httpConfigForm.noFieldsAvailable") }) : h.map((
|
|
1540
|
+
/* @__PURE__ */ e.jsx(ke, { align: "end", children: h.length === 0 ? /* @__PURE__ */ e.jsx(q, { disabled: !0, children: o("editor.httpConfigForm.noFieldsAvailable") }) : h.map((d) => /* @__PURE__ */ e.jsx(
|
|
1541
1541
|
q,
|
|
1542
1542
|
{
|
|
1543
1543
|
onClick: () => {
|
|
1544
|
-
const a = `{{${
|
|
1545
|
-
c.handleChange(
|
|
1544
|
+
const a = `{{${d.nodeId}}}`, i = c.state.value || "";
|
|
1545
|
+
c.handleChange(i + a);
|
|
1546
1546
|
},
|
|
1547
1547
|
children: /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col", children: [
|
|
1548
|
-
/* @__PURE__ */ e.jsx("span", { className: "font-medium", children:
|
|
1549
|
-
/* @__PURE__ */ e.jsx("span", { className: "text-muted-foreground text-xs", children: `{{${
|
|
1548
|
+
/* @__PURE__ */ e.jsx("span", { className: "font-medium", children: d.label }),
|
|
1549
|
+
/* @__PURE__ */ e.jsx("span", { className: "text-muted-foreground text-xs", children: `{{${d.nodeId}}}` })
|
|
1550
1550
|
] })
|
|
1551
1551
|
},
|
|
1552
|
-
|
|
1552
|
+
d.nodeId
|
|
1553
1553
|
)) })
|
|
1554
1554
|
] })
|
|
1555
1555
|
] }),
|
|
@@ -1561,21 +1561,21 @@ const ba = le(), Na = ({ onExportJson: t, onSave: s }) => {
|
|
|
1561
1561
|
n,
|
|
1562
1562
|
{
|
|
1563
1563
|
name: "method",
|
|
1564
|
-
children: (c) => /* @__PURE__ */ e.jsxs(
|
|
1565
|
-
/* @__PURE__ */ e.jsx(
|
|
1564
|
+
children: (c) => /* @__PURE__ */ e.jsxs(E, { children: [
|
|
1565
|
+
/* @__PURE__ */ e.jsx(N, { htmlFor: c.name, children: o("editor.httpConfigForm.httpMethod") }),
|
|
1566
1566
|
/* @__PURE__ */ e.jsxs(
|
|
1567
1567
|
U,
|
|
1568
1568
|
{
|
|
1569
1569
|
value: c.state.value,
|
|
1570
|
-
onValueChange: (
|
|
1570
|
+
onValueChange: (d) => c.handleChange(d),
|
|
1571
1571
|
children: [
|
|
1572
1572
|
/* @__PURE__ */ e.jsx(R, { id: c.name, children: /* @__PURE__ */ e.jsx(Z, { placeholder: o("editor.httpConfigForm.selectMethod") }) }),
|
|
1573
1573
|
/* @__PURE__ */ e.jsxs(K, { children: [
|
|
1574
|
-
/* @__PURE__ */ e.jsx(
|
|
1575
|
-
/* @__PURE__ */ e.jsx(
|
|
1576
|
-
/* @__PURE__ */ e.jsx(
|
|
1577
|
-
/* @__PURE__ */ e.jsx(
|
|
1578
|
-
/* @__PURE__ */ e.jsx(
|
|
1574
|
+
/* @__PURE__ */ e.jsx(F, { value: "GET", children: o("editor.httpConfigForm.methodGet") }),
|
|
1575
|
+
/* @__PURE__ */ e.jsx(F, { value: "POST", children: o("editor.httpConfigForm.methodPost") }),
|
|
1576
|
+
/* @__PURE__ */ e.jsx(F, { value: "PUT", children: o("editor.httpConfigForm.methodPut") }),
|
|
1577
|
+
/* @__PURE__ */ e.jsx(F, { value: "DELETE", children: o("editor.httpConfigForm.methodDelete") }),
|
|
1578
|
+
/* @__PURE__ */ e.jsx(F, { value: "PATCH", children: o("editor.httpConfigForm.methodPatch") })
|
|
1579
1579
|
] })
|
|
1580
1580
|
]
|
|
1581
1581
|
}
|
|
@@ -1586,23 +1586,23 @@ const ba = le(), Na = ({ onExportJson: t, onSave: s }) => {
|
|
|
1586
1586
|
/* @__PURE__ */ e.jsxs("div", { className: "space-y-4", children: [
|
|
1587
1587
|
/* @__PURE__ */ e.jsx("h4", { className: "font-semibold text-sm", children: o("editor.httpConfigForm.headers") }),
|
|
1588
1588
|
/* @__PURE__ */ e.jsx(n, { name: "headers", mode: "array", children: (c) => /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
|
|
1589
|
-
c.state.value?.map((
|
|
1590
|
-
const
|
|
1589
|
+
c.state.value?.map((d, a) => {
|
|
1590
|
+
const i = `headers[${a}]`;
|
|
1591
1591
|
return /* @__PURE__ */ e.jsxs("div", { className: "flex items-start gap-2", children: [
|
|
1592
|
-
/* @__PURE__ */ e.jsx(n, { name: `headers[${a}].key`, children: (
|
|
1592
|
+
/* @__PURE__ */ e.jsx(n, { name: `headers[${a}].key`, children: (m) => /* @__PURE__ */ e.jsx(
|
|
1593
1593
|
P,
|
|
1594
1594
|
{
|
|
1595
1595
|
placeholder: o("editor.httpConfigForm.headerName"),
|
|
1596
|
-
value:
|
|
1597
|
-
onChange: ({ target:
|
|
1596
|
+
value: m.state.value || "",
|
|
1597
|
+
onChange: ({ target: p }) => m.handleChange(p.value)
|
|
1598
1598
|
}
|
|
1599
1599
|
) }),
|
|
1600
|
-
/* @__PURE__ */ e.jsx(n, { name: `headers[${a}].value`, children: (
|
|
1600
|
+
/* @__PURE__ */ e.jsx(n, { name: `headers[${a}].value`, children: (m) => /* @__PURE__ */ e.jsx(
|
|
1601
1601
|
P,
|
|
1602
1602
|
{
|
|
1603
1603
|
placeholder: o("editor.httpConfigForm.headerValue"),
|
|
1604
|
-
value:
|
|
1605
|
-
onChange: ({ target:
|
|
1604
|
+
value: m.state.value || "",
|
|
1605
|
+
onChange: ({ target: p }) => m.handleChange(p.value)
|
|
1606
1606
|
}
|
|
1607
1607
|
) }),
|
|
1608
1608
|
/* @__PURE__ */ e.jsx(
|
|
@@ -1617,7 +1617,7 @@ const ba = le(), Na = ({ onExportJson: t, onSave: s }) => {
|
|
|
1617
1617
|
children: /* @__PURE__ */ e.jsx(re, { className: "h-4 w-4" })
|
|
1618
1618
|
}
|
|
1619
1619
|
)
|
|
1620
|
-
] },
|
|
1620
|
+
] }, i);
|
|
1621
1621
|
}),
|
|
1622
1622
|
/* @__PURE__ */ e.jsxs(
|
|
1623
1623
|
k,
|
|
@@ -1636,9 +1636,9 @@ const ba = le(), Na = ({ onExportJson: t, onSave: s }) => {
|
|
|
1636
1636
|
)
|
|
1637
1637
|
] }) })
|
|
1638
1638
|
] }),
|
|
1639
|
-
/* @__PURE__ */ e.jsx(n, { name: "method", children: (c) =>
|
|
1639
|
+
/* @__PURE__ */ e.jsx(n, { name: "method", children: (c) => Ea.includes(c.state.value || "") && /* @__PURE__ */ e.jsx(n, { name: "body", children: (d) => /* @__PURE__ */ e.jsxs(E, { children: [
|
|
1640
1640
|
/* @__PURE__ */ e.jsxs("div", { className: "mb-2 flex items-center justify-between", children: [
|
|
1641
|
-
/* @__PURE__ */ e.jsx(
|
|
1641
|
+
/* @__PURE__ */ e.jsx(N, { htmlFor: d.name, children: o("editor.httpConfigForm.requestBody") }),
|
|
1642
1642
|
/* @__PURE__ */ e.jsxs(Se, { children: [
|
|
1643
1643
|
/* @__PURE__ */ e.jsx(Ee, { asChild: !0, children: /* @__PURE__ */ e.jsxs(k, { type: "button", variant: "ghost", size: "sm", children: [
|
|
1644
1644
|
/* @__PURE__ */ e.jsx(Be, { className: "mr-2 h-4 w-4" }),
|
|
@@ -1648,8 +1648,8 @@ const ba = le(), Na = ({ onExportJson: t, onSave: s }) => {
|
|
|
1648
1648
|
q,
|
|
1649
1649
|
{
|
|
1650
1650
|
onClick: () => {
|
|
1651
|
-
const
|
|
1652
|
-
|
|
1651
|
+
const m = `\${${a.name || a.nodeId}}`, p = d.state.value || "";
|
|
1652
|
+
d.handleChange(p + m), l().then();
|
|
1653
1653
|
},
|
|
1654
1654
|
children: /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col", children: [
|
|
1655
1655
|
/* @__PURE__ */ e.jsx("span", { className: "font-medium", children: a.label }),
|
|
@@ -1663,11 +1663,11 @@ const ba = le(), Na = ({ onExportJson: t, onSave: s }) => {
|
|
|
1663
1663
|
/* @__PURE__ */ e.jsx(
|
|
1664
1664
|
Ue,
|
|
1665
1665
|
{
|
|
1666
|
-
id:
|
|
1667
|
-
name:
|
|
1668
|
-
value:
|
|
1669
|
-
onBlur:
|
|
1670
|
-
onChange: ({ target: a }) =>
|
|
1666
|
+
id: d.name,
|
|
1667
|
+
name: d.name,
|
|
1668
|
+
value: d.state.value,
|
|
1669
|
+
onBlur: d.handleBlur,
|
|
1670
|
+
onChange: ({ target: a }) => d.handleChange(a.value),
|
|
1671
1671
|
placeholder: o("editor.httpConfigForm.requestBodyPlaceholder"),
|
|
1672
1672
|
rows: 4
|
|
1673
1673
|
}
|
|
@@ -1680,8 +1680,8 @@ const ba = le(), Na = ({ onExportJson: t, onSave: s }) => {
|
|
|
1680
1680
|
n,
|
|
1681
1681
|
{
|
|
1682
1682
|
name: "responsePath",
|
|
1683
|
-
children: (c) => /* @__PURE__ */ e.jsxs(
|
|
1684
|
-
/* @__PURE__ */ e.jsx(
|
|
1683
|
+
children: (c) => /* @__PURE__ */ e.jsxs(E, { children: [
|
|
1684
|
+
/* @__PURE__ */ e.jsx(N, { htmlFor: c.name, children: o("editor.httpConfigForm.responsePath") }),
|
|
1685
1685
|
/* @__PURE__ */ e.jsx(
|
|
1686
1686
|
P,
|
|
1687
1687
|
{
|
|
@@ -1689,7 +1689,7 @@ const ba = le(), Na = ({ onExportJson: t, onSave: s }) => {
|
|
|
1689
1689
|
name: c.name,
|
|
1690
1690
|
value: c.state.value,
|
|
1691
1691
|
onBlur: c.handleBlur,
|
|
1692
|
-
onChange: ({ target:
|
|
1692
|
+
onChange: ({ target: d }) => c.handleChange(d.value),
|
|
1693
1693
|
placeholder: o("editor.httpConfigForm.responsePathPlaceholder")
|
|
1694
1694
|
}
|
|
1695
1695
|
),
|
|
@@ -1703,8 +1703,8 @@ const ba = le(), Na = ({ onExportJson: t, onSave: s }) => {
|
|
|
1703
1703
|
n,
|
|
1704
1704
|
{
|
|
1705
1705
|
name: "responseMapping.valueField",
|
|
1706
|
-
children: (c) => /* @__PURE__ */ e.jsxs(
|
|
1707
|
-
/* @__PURE__ */ e.jsx(
|
|
1706
|
+
children: (c) => /* @__PURE__ */ e.jsxs(E, { children: [
|
|
1707
|
+
/* @__PURE__ */ e.jsx(N, { htmlFor: c.name, children: o("editor.httpConfigForm.valueField") }),
|
|
1708
1708
|
/* @__PURE__ */ e.jsx(
|
|
1709
1709
|
P,
|
|
1710
1710
|
{
|
|
@@ -1712,7 +1712,7 @@ const ba = le(), Na = ({ onExportJson: t, onSave: s }) => {
|
|
|
1712
1712
|
name: c.name,
|
|
1713
1713
|
value: c.state.value,
|
|
1714
1714
|
onBlur: c.handleBlur,
|
|
1715
|
-
onChange: ({ target:
|
|
1715
|
+
onChange: ({ target: d }) => c.handleChange(d.value),
|
|
1716
1716
|
placeholder: o("editor.httpConfigForm.valueFieldPlaceholder")
|
|
1717
1717
|
}
|
|
1718
1718
|
),
|
|
@@ -1724,8 +1724,8 @@ const ba = le(), Na = ({ onExportJson: t, onSave: s }) => {
|
|
|
1724
1724
|
n,
|
|
1725
1725
|
{
|
|
1726
1726
|
name: "responseMapping.labelField",
|
|
1727
|
-
children: (c) => /* @__PURE__ */ e.jsxs(
|
|
1728
|
-
/* @__PURE__ */ e.jsx(
|
|
1727
|
+
children: (c) => /* @__PURE__ */ e.jsxs(E, { children: [
|
|
1728
|
+
/* @__PURE__ */ e.jsx(N, { htmlFor: c.name, children: o("editor.httpConfigForm.labelField") }),
|
|
1729
1729
|
/* @__PURE__ */ e.jsx(
|
|
1730
1730
|
P,
|
|
1731
1731
|
{
|
|
@@ -1733,7 +1733,7 @@ const ba = le(), Na = ({ onExportJson: t, onSave: s }) => {
|
|
|
1733
1733
|
name: c.name,
|
|
1734
1734
|
value: c.state.value,
|
|
1735
1735
|
onBlur: c.handleBlur,
|
|
1736
|
-
onChange: ({ target:
|
|
1736
|
+
onChange: ({ target: d }) => c.handleChange(d.value),
|
|
1737
1737
|
placeholder: o("editor.httpConfigForm.labelFieldPlaceholder")
|
|
1738
1738
|
}
|
|
1739
1739
|
),
|
|
@@ -1746,8 +1746,8 @@ const ba = le(), Na = ({ onExportJson: t, onSave: s }) => {
|
|
|
1746
1746
|
n,
|
|
1747
1747
|
{
|
|
1748
1748
|
name: "searchParam",
|
|
1749
|
-
children: (c) => /* @__PURE__ */ e.jsxs(
|
|
1750
|
-
/* @__PURE__ */ e.jsx(
|
|
1749
|
+
children: (c) => /* @__PURE__ */ e.jsxs(E, { children: [
|
|
1750
|
+
/* @__PURE__ */ e.jsx(N, { htmlFor: c.name, children: o("editor.httpConfigForm.searchParameter") }),
|
|
1751
1751
|
/* @__PURE__ */ e.jsx(
|
|
1752
1752
|
P,
|
|
1753
1753
|
{
|
|
@@ -1755,7 +1755,7 @@ const ba = le(), Na = ({ onExportJson: t, onSave: s }) => {
|
|
|
1755
1755
|
name: c.name,
|
|
1756
1756
|
value: c.state.value,
|
|
1757
1757
|
onBlur: c.handleBlur,
|
|
1758
|
-
onChange: ({ target:
|
|
1758
|
+
onChange: ({ target: d }) => c.handleChange(d.value),
|
|
1759
1759
|
placeholder: o("editor.httpConfigForm.searchParameterPlaceholder")
|
|
1760
1760
|
}
|
|
1761
1761
|
),
|
|
@@ -1766,19 +1766,19 @@ const ba = le(), Na = ({ onExportJson: t, onSave: s }) => {
|
|
|
1766
1766
|
] }),
|
|
1767
1767
|
/* @__PURE__ */ e.jsxs("div", { className: "space-y-4", children: [
|
|
1768
1768
|
/* @__PURE__ */ e.jsx("h4", { className: "font-semibold text-sm", children: o("editor.httpConfigForm.behavior") }),
|
|
1769
|
-
/* @__PURE__ */ e.jsx(n, { name: "searchParam", children: (c) => /* @__PURE__ */ e.jsx(n, { name: "fetchOnMount", children: (
|
|
1770
|
-
const a = !!c.state.value?.trim(),
|
|
1771
|
-
return !a &&
|
|
1769
|
+
/* @__PURE__ */ e.jsx(n, { name: "searchParam", children: (c) => /* @__PURE__ */ e.jsx(n, { name: "fetchOnMount", children: (d) => {
|
|
1770
|
+
const a = !!c.state.value?.trim(), i = a ? d.state.value : !0;
|
|
1771
|
+
return !a && d.state.value !== !0 && d.handleChange(!0), /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-2", children: [
|
|
1772
1772
|
/* @__PURE__ */ e.jsx(
|
|
1773
1773
|
ae,
|
|
1774
1774
|
{
|
|
1775
|
-
id:
|
|
1776
|
-
checked:
|
|
1775
|
+
id: d.name,
|
|
1776
|
+
checked: i,
|
|
1777
1777
|
disabled: !a,
|
|
1778
|
-
onCheckedChange: (
|
|
1778
|
+
onCheckedChange: (m) => d.handleChange(m)
|
|
1779
1779
|
}
|
|
1780
1780
|
),
|
|
1781
|
-
/* @__PURE__ */ e.jsx(
|
|
1781
|
+
/* @__PURE__ */ e.jsx(N, { htmlFor: d.name, className: a ? "" : "text-muted-foreground", children: o("editor.httpConfigForm.fetchOnMount") })
|
|
1782
1782
|
] });
|
|
1783
1783
|
} }) }),
|
|
1784
1784
|
/* @__PURE__ */ e.jsx(
|
|
@@ -1786,58 +1786,58 @@ const ba = le(), Na = ({ onExportJson: t, onSave: s }) => {
|
|
|
1786
1786
|
{
|
|
1787
1787
|
name: "showLoading",
|
|
1788
1788
|
children: (c) => /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-2", children: [
|
|
1789
|
-
/* @__PURE__ */ e.jsx(ae, { id: c.name, checked: c.state.value, onCheckedChange: (
|
|
1790
|
-
/* @__PURE__ */ e.jsx(
|
|
1789
|
+
/* @__PURE__ */ e.jsx(ae, { id: c.name, checked: c.state.value, onCheckedChange: (d) => c.handleChange(d) }),
|
|
1790
|
+
/* @__PURE__ */ e.jsx(N, { htmlFor: c.name, children: o("editor.httpConfigForm.showLoadingState") })
|
|
1791
1791
|
] })
|
|
1792
1792
|
}
|
|
1793
1793
|
)
|
|
1794
1794
|
] })
|
|
1795
1795
|
] }) });
|
|
1796
|
-
},
|
|
1796
|
+
}, Pa = ({
|
|
1797
1797
|
options: t,
|
|
1798
1798
|
value: s,
|
|
1799
1799
|
onValueChange: r,
|
|
1800
1800
|
placeholder: o = "Select...",
|
|
1801
1801
|
searchPlaceholder: h = "Search or create...",
|
|
1802
|
-
createLabel: l = (
|
|
1802
|
+
createLabel: l = (m) => `Use: ${m}`,
|
|
1803
1803
|
clearLabel: n = "Clear selection",
|
|
1804
1804
|
emptyLabel: c = "No results found",
|
|
1805
|
-
className:
|
|
1805
|
+
className: d,
|
|
1806
1806
|
allowClear: a = !0,
|
|
1807
|
-
allowCreate:
|
|
1807
|
+
allowCreate: i = !0
|
|
1808
1808
|
}) => {
|
|
1809
|
-
const [
|
|
1810
|
-
g ===
|
|
1809
|
+
const [m, p] = $(!1), [u, x] = $(""), w = (g) => g ?? "", f = (g) => g.trim().toLowerCase(), v = w(s), b = s !== null && s !== "", j = b ? t.find((g) => w(g.value) === v) : void 0, I = f(u), y = i && I !== "" && !t.some((g) => f(g.label) === I || f(g.value ?? "") === I), S = (g) => {
|
|
1810
|
+
g === v ? a && r?.("") : r?.(g), p(!1), x("");
|
|
1811
1811
|
}, D = () => {
|
|
1812
|
-
u.trim() && (r?.(u.trim()),
|
|
1812
|
+
u.trim() && (r?.(u.trim()), p(!1), x(""));
|
|
1813
1813
|
}, V = () => {
|
|
1814
|
-
r?.(""),
|
|
1814
|
+
r?.(""), p(!1), x("");
|
|
1815
1815
|
};
|
|
1816
|
-
return /* @__PURE__ */ e.jsxs(Pe, { open:
|
|
1816
|
+
return /* @__PURE__ */ e.jsxs(Pe, { open: m, onOpenChange: p, children: [
|
|
1817
1817
|
/* @__PURE__ */ e.jsx(Te, { asChild: !0, children: /* @__PURE__ */ e.jsxs(
|
|
1818
1818
|
k,
|
|
1819
1819
|
{
|
|
1820
1820
|
type: "button",
|
|
1821
1821
|
variant: "outline",
|
|
1822
1822
|
role: "combobox",
|
|
1823
|
-
"aria-expanded":
|
|
1824
|
-
className: T("w-full justify-between font-normal",
|
|
1823
|
+
"aria-expanded": m,
|
|
1824
|
+
className: T("w-full justify-between font-normal", d),
|
|
1825
1825
|
children: [
|
|
1826
|
-
/* @__PURE__ */ e.jsx("span", { className: "truncate", children:
|
|
1826
|
+
/* @__PURE__ */ e.jsx("span", { className: "truncate", children: b && j ? j.label : o }),
|
|
1827
1827
|
/* @__PURE__ */ e.jsx(ue, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })
|
|
1828
1828
|
]
|
|
1829
1829
|
}
|
|
1830
1830
|
) }),
|
|
1831
1831
|
/* @__PURE__ */ e.jsx(De, { className: "w-full p-0", align: "start", children: /* @__PURE__ */ e.jsxs(at, { shouldFilter: !1, children: [
|
|
1832
|
-
/* @__PURE__ */ e.jsx(nt, { placeholder: h, value: u, onValueChange:
|
|
1832
|
+
/* @__PURE__ */ e.jsx(nt, { placeholder: h, value: u, onValueChange: x }),
|
|
1833
1833
|
/* @__PURE__ */ e.jsxs(st, { children: [
|
|
1834
1834
|
/* @__PURE__ */ e.jsx(ot, { children: c }),
|
|
1835
|
-
a &&
|
|
1835
|
+
a && b && /* @__PURE__ */ e.jsx(Ge, { children: /* @__PURE__ */ e.jsxs(we, { value: "__clear__", onSelect: V, className: "text-muted-foreground mt-1", children: [
|
|
1836
1836
|
/* @__PURE__ */ e.jsx(re, { className: "mr-2 h-4 w-4" }),
|
|
1837
1837
|
n
|
|
1838
1838
|
] }) }),
|
|
1839
1839
|
/* @__PURE__ */ e.jsxs(Ge, { children: [
|
|
1840
|
-
|
|
1840
|
+
y && /* @__PURE__ */ e.jsxs(we, { value: `__create__${u}`, onSelect: D, className: "text-primary", children: [
|
|
1841
1841
|
/* @__PURE__ */ e.jsx(W, { className: "mr-2 h-4 w-4" }),
|
|
1842
1842
|
l(u)
|
|
1843
1843
|
] }),
|
|
@@ -1848,7 +1848,7 @@ const ba = le(), Na = ({ onExportJson: t, onSave: s }) => {
|
|
|
1848
1848
|
we,
|
|
1849
1849
|
{
|
|
1850
1850
|
value: g.label,
|
|
1851
|
-
onSelect: () =>
|
|
1851
|
+
onSelect: () => S(g?.value || ""),
|
|
1852
1852
|
children: [
|
|
1853
1853
|
/* @__PURE__ */ e.jsx(
|
|
1854
1854
|
It,
|
|
@@ -1856,7 +1856,7 @@ const ba = le(), Na = ({ onExportJson: t, onSave: s }) => {
|
|
|
1856
1856
|
"aria-hidden": "true",
|
|
1857
1857
|
className: T(
|
|
1858
1858
|
"mr-2 h-4 w-4",
|
|
1859
|
-
|
|
1859
|
+
b && w(g.value) === v ? "opacity-100" : "opacity-0"
|
|
1860
1860
|
)
|
|
1861
1861
|
}
|
|
1862
1862
|
),
|
|
@@ -1869,16 +1869,16 @@ const ba = le(), Na = ({ onExportJson: t, onSave: s }) => {
|
|
|
1869
1869
|
] })
|
|
1870
1870
|
] }) })
|
|
1871
1871
|
] });
|
|
1872
|
-
},
|
|
1872
|
+
}, Ta = {
|
|
1873
1873
|
alphanumeric: "^[a-zA-Z0-9]+$",
|
|
1874
1874
|
email: "^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$",
|
|
1875
1875
|
letters: "^[a-zA-Z]+$",
|
|
1876
1876
|
number: "^[0-9]+$",
|
|
1877
1877
|
url: "^https?:\\/\\/.+$"
|
|
1878
|
-
}, Fe = Object.entries(
|
|
1878
|
+
}, Fe = Object.entries(Ta).map(([t, s]) => ({
|
|
1879
1879
|
label: t.charAt(0).toUpperCase() + t.slice(1).replace(/_/g, " "),
|
|
1880
1880
|
value: s
|
|
1881
|
-
})),
|
|
1881
|
+
})), Da = ({ value: t, onValueChange: s }) => {
|
|
1882
1882
|
const r = ne(() => t && !Fe.some((o) => o.value === t) ? [
|
|
1883
1883
|
...Fe,
|
|
1884
1884
|
{
|
|
@@ -1887,7 +1887,7 @@ const ba = le(), Na = ({ onExportJson: t, onSave: s }) => {
|
|
|
1887
1887
|
}
|
|
1888
1888
|
] : Fe, [t]);
|
|
1889
1889
|
return /* @__PURE__ */ e.jsx(
|
|
1890
|
-
|
|
1890
|
+
Pa,
|
|
1891
1891
|
{
|
|
1892
1892
|
options: r,
|
|
1893
1893
|
value: t,
|
|
@@ -1897,7 +1897,7 @@ const ba = le(), Na = ({ onExportJson: t, onSave: s }) => {
|
|
|
1897
1897
|
createLabel: (o) => `Use pattern: ${o}`
|
|
1898
1898
|
}
|
|
1899
1899
|
);
|
|
1900
|
-
},
|
|
1900
|
+
}, Va = {
|
|
1901
1901
|
address: "address",
|
|
1902
1902
|
autocomplete: "autocomplete",
|
|
1903
1903
|
checkbox: "checkbox",
|
|
@@ -1915,13 +1915,13 @@ const ba = le(), Na = ({ onExportJson: t, onSave: s }) => {
|
|
|
1915
1915
|
textarea: "textarea",
|
|
1916
1916
|
time: "time",
|
|
1917
1917
|
timerange: "timerange"
|
|
1918
|
-
},
|
|
1918
|
+
}, Oa = ({ value: t, onValueChange: s }) => {
|
|
1919
1919
|
const r = M();
|
|
1920
1920
|
return /* @__PURE__ */ e.jsxs(J, { children: [
|
|
1921
1921
|
/* @__PURE__ */ e.jsx(Ve, { children: r("editor.selectInputType.type") }),
|
|
1922
1922
|
/* @__PURE__ */ e.jsxs(U, { value: t, onValueChange: s, children: [
|
|
1923
1923
|
/* @__PURE__ */ e.jsx(R, { className: "w-full capitalize", children: /* @__PURE__ */ e.jsx(Z, { placeholder: "" }) }),
|
|
1924
|
-
/* @__PURE__ */ e.jsx(K, { children: /* @__PURE__ */ e.jsx(J, { children: Object.values(
|
|
1924
|
+
/* @__PURE__ */ e.jsx(K, { children: /* @__PURE__ */ e.jsx(J, { children: Object.values(Va).map((o) => /* @__PURE__ */ e.jsx(F, { value: o, className: "capitalize", children: o }, o)) }) })
|
|
1925
1925
|
] })
|
|
1926
1926
|
] });
|
|
1927
1927
|
};
|
|
@@ -1934,8 +1934,8 @@ function je({ ...t }) {
|
|
|
1934
1934
|
function Ce({ ...t }) {
|
|
1935
1935
|
return /* @__PURE__ */ e.jsx(Ie.CollapsibleContent, { "data-slot": "collapsible-content", ...t });
|
|
1936
1936
|
}
|
|
1937
|
-
const
|
|
1938
|
-
const [t, s] = $("en"), { selectedNode: r } = X(), { updateSelectedNodeData: o } = ce(), h = ["select", "radio", "autocomplete", "checkbox"].includes(r?.data?.type || ""), l = Ae(r?.id), n = M(), { handleSubmit: c, Field:
|
|
1937
|
+
const Ia = () => {
|
|
1938
|
+
const [t, s] = $("en"), { selectedNode: r } = X(), { updateSelectedNodeData: o } = ce(), h = ["select", "radio", "autocomplete", "checkbox"].includes(r?.data?.type || ""), l = Ae(r?.id), n = M(), { handleSubmit: c, Field: d } = de({
|
|
1939
1939
|
defaultValues: {
|
|
1940
1940
|
defaultValue: r?.data?.defaultValue,
|
|
1941
1941
|
errorMessage: r?.data?.errorMessage || { en: "" },
|
|
@@ -1968,19 +1968,19 @@ const Oa = () => {
|
|
|
1968
1968
|
},
|
|
1969
1969
|
children: /* @__PURE__ */ e.jsxs("div", { className: "grid gap-6", children: [
|
|
1970
1970
|
/* @__PURE__ */ e.jsx(
|
|
1971
|
-
|
|
1971
|
+
d,
|
|
1972
1972
|
{
|
|
1973
1973
|
name: "type",
|
|
1974
|
-
children: (a) => /* @__PURE__ */ e.jsx(
|
|
1974
|
+
children: (a) => /* @__PURE__ */ e.jsx(E, { children: /* @__PURE__ */ e.jsx(Oa, { value: a.state.value, onValueChange: (i) => a.handleChange(i) }) })
|
|
1975
1975
|
}
|
|
1976
1976
|
),
|
|
1977
1977
|
/* @__PURE__ */ e.jsxs("div", { className: "flex items-end gap-2", children: [
|
|
1978
1978
|
/* @__PURE__ */ e.jsx(
|
|
1979
|
-
|
|
1979
|
+
d,
|
|
1980
1980
|
{
|
|
1981
1981
|
name: "label",
|
|
1982
|
-
children: (a) => /* @__PURE__ */ e.jsxs(
|
|
1983
|
-
/* @__PURE__ */ e.jsx(
|
|
1982
|
+
children: (a) => /* @__PURE__ */ e.jsxs(E, { className: "flex-1", children: [
|
|
1983
|
+
/* @__PURE__ */ e.jsx(N, { htmlFor: a.name, children: n("editor.inputNodeForm.label") }),
|
|
1984
1984
|
/* @__PURE__ */ e.jsx(
|
|
1985
1985
|
P,
|
|
1986
1986
|
{
|
|
@@ -1989,10 +1989,10 @@ const Oa = () => {
|
|
|
1989
1989
|
name: a.name,
|
|
1990
1990
|
value: a.state.value?.[t] || "",
|
|
1991
1991
|
onBlur: a.handleBlur,
|
|
1992
|
-
onChange: ({ target:
|
|
1992
|
+
onChange: ({ target: i }) => {
|
|
1993
1993
|
a.handleChange({
|
|
1994
1994
|
...typeof a.state.value == "object" && a.state.value !== null ? a.state.value : {},
|
|
1995
|
-
[t]:
|
|
1995
|
+
[t]: i.value
|
|
1996
1996
|
});
|
|
1997
1997
|
}
|
|
1998
1998
|
}
|
|
@@ -2004,11 +2004,11 @@ const Oa = () => {
|
|
|
2004
2004
|
] }),
|
|
2005
2005
|
r?.data?.type !== "file" && /* @__PURE__ */ e.jsxs("div", { className: "flex items-end gap-2", children: [
|
|
2006
2006
|
/* @__PURE__ */ e.jsx(
|
|
2007
|
-
|
|
2007
|
+
d,
|
|
2008
2008
|
{
|
|
2009
2009
|
name: "placeholder",
|
|
2010
|
-
children: (a) => /* @__PURE__ */ e.jsxs(
|
|
2011
|
-
/* @__PURE__ */ e.jsx(
|
|
2010
|
+
children: (a) => /* @__PURE__ */ e.jsxs(E, { className: "flex-1", children: [
|
|
2011
|
+
/* @__PURE__ */ e.jsx(N, { htmlFor: a.name, children: n("editor.inputNodeForm.placeholder") }),
|
|
2012
2012
|
/* @__PURE__ */ e.jsx(
|
|
2013
2013
|
P,
|
|
2014
2014
|
{
|
|
@@ -2016,10 +2016,10 @@ const Oa = () => {
|
|
|
2016
2016
|
name: a.name,
|
|
2017
2017
|
value: a.state.value?.[t] || "",
|
|
2018
2018
|
onBlur: a.handleBlur,
|
|
2019
|
-
onChange: ({ target:
|
|
2019
|
+
onChange: ({ target: i }) => {
|
|
2020
2020
|
a.handleChange({
|
|
2021
2021
|
...typeof a.state.value == "object" && a.state.value !== null ? a.state.value : {},
|
|
2022
|
-
[t]:
|
|
2022
|
+
[t]: i.value
|
|
2023
2023
|
});
|
|
2024
2024
|
}
|
|
2025
2025
|
}
|
|
@@ -2031,11 +2031,11 @@ const Oa = () => {
|
|
|
2031
2031
|
] }),
|
|
2032
2032
|
/* @__PURE__ */ e.jsxs("div", { className: "flex items-end gap-2", children: [
|
|
2033
2033
|
/* @__PURE__ */ e.jsx(
|
|
2034
|
-
|
|
2034
|
+
d,
|
|
2035
2035
|
{
|
|
2036
2036
|
name: "helperText",
|
|
2037
|
-
children: (a) => /* @__PURE__ */ e.jsxs(
|
|
2038
|
-
/* @__PURE__ */ e.jsx(
|
|
2037
|
+
children: (a) => /* @__PURE__ */ e.jsxs(E, { className: "flex-1", children: [
|
|
2038
|
+
/* @__PURE__ */ e.jsx(N, { htmlFor: a.name, children: n("editor.inputNodeForm.helperText") }),
|
|
2039
2039
|
/* @__PURE__ */ e.jsx(
|
|
2040
2040
|
P,
|
|
2041
2041
|
{
|
|
@@ -2043,10 +2043,10 @@ const Oa = () => {
|
|
|
2043
2043
|
name: a.name,
|
|
2044
2044
|
value: a.state.value?.[t] || "",
|
|
2045
2045
|
onBlur: a.handleBlur,
|
|
2046
|
-
onChange: ({ target:
|
|
2046
|
+
onChange: ({ target: i }) => {
|
|
2047
2047
|
a.handleChange({
|
|
2048
2048
|
...typeof a.state.value == "object" && a.state.value !== null ? a.state.value : {},
|
|
2049
|
-
[t]:
|
|
2049
|
+
[t]: i.value
|
|
2050
2050
|
});
|
|
2051
2051
|
}
|
|
2052
2052
|
}
|
|
@@ -2064,23 +2064,23 @@ const Oa = () => {
|
|
|
2064
2064
|
/* @__PURE__ */ e.jsx("span", { className: "sr-only", children: n("common.toggle") })
|
|
2065
2065
|
] })
|
|
2066
2066
|
] }) }),
|
|
2067
|
-
/* @__PURE__ */ e.jsx(Ce, { className: "flex flex-col gap-4", children: /* @__PURE__ */ e.jsx(
|
|
2068
|
-
|
|
2067
|
+
/* @__PURE__ */ e.jsx(Ce, { className: "flex flex-col gap-4", children: /* @__PURE__ */ e.jsx(d, { name: "httpConfig", children: (a) => /* @__PURE__ */ e.jsx(
|
|
2068
|
+
ka,
|
|
2069
2069
|
{
|
|
2070
2070
|
value: a.state.value,
|
|
2071
|
-
onChange: (
|
|
2072
|
-
a.handleChange(
|
|
2071
|
+
onChange: (i) => {
|
|
2072
|
+
a.handleChange(i), c().then();
|
|
2073
2073
|
}
|
|
2074
2074
|
}
|
|
2075
2075
|
) }) })
|
|
2076
2076
|
] }),
|
|
2077
2077
|
r?.data?.type === "file" && /* @__PURE__ */ e.jsx(
|
|
2078
|
-
|
|
2078
|
+
d,
|
|
2079
2079
|
{
|
|
2080
2080
|
name: "multiple",
|
|
2081
2081
|
children: (a) => /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-2", children: [
|
|
2082
|
-
/* @__PURE__ */ e.jsx(ae, { id: a.name, checked: a.state.value, onCheckedChange: (
|
|
2083
|
-
/* @__PURE__ */ e.jsx(
|
|
2082
|
+
/* @__PURE__ */ e.jsx(ae, { id: a.name, checked: a.state.value, onCheckedChange: (i) => a.handleChange(i) }),
|
|
2083
|
+
/* @__PURE__ */ e.jsx(N, { htmlFor: a.name, children: n("editor.inputNodeForm.multipleFiles") })
|
|
2084
2084
|
] })
|
|
2085
2085
|
}
|
|
2086
2086
|
),
|
|
@@ -2093,29 +2093,29 @@ const Oa = () => {
|
|
|
2093
2093
|
] })
|
|
2094
2094
|
] }) }),
|
|
2095
2095
|
/* @__PURE__ */ e.jsxs(Ce, { className: "flex flex-col gap-4", children: [
|
|
2096
|
-
/* @__PURE__ */ e.jsx(
|
|
2097
|
-
a.state.value?.map((
|
|
2098
|
-
const
|
|
2096
|
+
/* @__PURE__ */ e.jsx(d, { name: "options", mode: "array", children: (a) => /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
|
|
2097
|
+
a.state.value?.map((i, m) => {
|
|
2098
|
+
const p = `options[${m}]`;
|
|
2099
2099
|
return /* @__PURE__ */ e.jsxs("div", { className: "flex items-start gap-2", children: [
|
|
2100
|
-
/* @__PURE__ */ e.jsx(
|
|
2100
|
+
/* @__PURE__ */ e.jsx(d, { name: `options[${m}].label`, children: (u) => /* @__PURE__ */ e.jsx(
|
|
2101
2101
|
P,
|
|
2102
2102
|
{
|
|
2103
2103
|
placeholder: n("editor.inputNodeForm.optionLabel"),
|
|
2104
2104
|
value: u.state.value?.[t] || "",
|
|
2105
|
-
onChange: ({ target:
|
|
2105
|
+
onChange: ({ target: x }) => {
|
|
2106
2106
|
u.handleChange({
|
|
2107
2107
|
...typeof u.state.value == "object" && u.state.value !== null ? u.state.value : {},
|
|
2108
|
-
[t]:
|
|
2108
|
+
[t]: x.value
|
|
2109
2109
|
});
|
|
2110
2110
|
}
|
|
2111
2111
|
}
|
|
2112
2112
|
) }),
|
|
2113
|
-
/* @__PURE__ */ e.jsx(
|
|
2113
|
+
/* @__PURE__ */ e.jsx(d, { name: `options[${m}].value`, children: (u) => /* @__PURE__ */ e.jsx(
|
|
2114
2114
|
P,
|
|
2115
2115
|
{
|
|
2116
2116
|
placeholder: n("editor.inputNodeForm.optionValue"),
|
|
2117
2117
|
value: u.state.value || "",
|
|
2118
|
-
onChange: ({ target:
|
|
2118
|
+
onChange: ({ target: x }) => u.handleChange(x.value)
|
|
2119
2119
|
}
|
|
2120
2120
|
) }),
|
|
2121
2121
|
/* @__PURE__ */ e.jsx(
|
|
@@ -2125,12 +2125,12 @@ const Oa = () => {
|
|
|
2125
2125
|
variant: "ghost",
|
|
2126
2126
|
size: "icon",
|
|
2127
2127
|
onClick: () => {
|
|
2128
|
-
a.removeValue(
|
|
2128
|
+
a.removeValue(m), c().then();
|
|
2129
2129
|
},
|
|
2130
2130
|
children: /* @__PURE__ */ e.jsx(re, { className: "h-4 w-4" })
|
|
2131
2131
|
}
|
|
2132
2132
|
)
|
|
2133
|
-
] },
|
|
2133
|
+
] }, p);
|
|
2134
2134
|
}),
|
|
2135
2135
|
/* @__PURE__ */ e.jsx(
|
|
2136
2136
|
k,
|
|
@@ -2146,12 +2146,12 @@ const Oa = () => {
|
|
|
2146
2146
|
)
|
|
2147
2147
|
] }) }),
|
|
2148
2148
|
r?.data?.type === "select" && /* @__PURE__ */ e.jsx(
|
|
2149
|
-
|
|
2149
|
+
d,
|
|
2150
2150
|
{
|
|
2151
2151
|
name: "multiple",
|
|
2152
2152
|
children: (a) => /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-2", children: [
|
|
2153
|
-
/* @__PURE__ */ e.jsx(ae, { id: a.name, checked: a.state.value, onCheckedChange: (
|
|
2154
|
-
/* @__PURE__ */ e.jsx(
|
|
2153
|
+
/* @__PURE__ */ e.jsx(ae, { id: a.name, checked: a.state.value, onCheckedChange: (i) => a.handleChange(i) }),
|
|
2154
|
+
/* @__PURE__ */ e.jsx(N, { htmlFor: a.name, children: n("editor.inputNodeForm.multipleSelection") })
|
|
2155
2155
|
] })
|
|
2156
2156
|
}
|
|
2157
2157
|
)
|
|
@@ -2167,32 +2167,32 @@ const Oa = () => {
|
|
|
2167
2167
|
] }) }),
|
|
2168
2168
|
/* @__PURE__ */ e.jsxs(Ce, { className: "flex flex-col gap-6", children: [
|
|
2169
2169
|
/* @__PURE__ */ e.jsx(
|
|
2170
|
-
|
|
2170
|
+
d,
|
|
2171
2171
|
{
|
|
2172
2172
|
name: "required",
|
|
2173
|
-
children: (a) => /* @__PURE__ */ e.jsx(
|
|
2174
|
-
/* @__PURE__ */ e.jsx(ae, { id: a.name, checked: a.state.value, onCheckedChange: (
|
|
2175
|
-
/* @__PURE__ */ e.jsx(
|
|
2173
|
+
children: (a) => /* @__PURE__ */ e.jsx(E, { children: /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-2", children: [
|
|
2174
|
+
/* @__PURE__ */ e.jsx(ae, { id: a.name, checked: a.state.value, onCheckedChange: (i) => a.handleChange(i) }),
|
|
2175
|
+
/* @__PURE__ */ e.jsx(N, { htmlFor: a.name, children: n("editor.inputNodeForm.required") })
|
|
2176
2176
|
] }) })
|
|
2177
2177
|
}
|
|
2178
2178
|
),
|
|
2179
2179
|
/* @__PURE__ */ e.jsx(
|
|
2180
|
-
|
|
2180
|
+
d,
|
|
2181
2181
|
{
|
|
2182
2182
|
name: "pattern",
|
|
2183
|
-
children: (a) => /* @__PURE__ */ e.jsxs(
|
|
2184
|
-
/* @__PURE__ */ e.jsx(
|
|
2185
|
-
/* @__PURE__ */ e.jsx(
|
|
2183
|
+
children: (a) => /* @__PURE__ */ e.jsxs(E, { children: [
|
|
2184
|
+
/* @__PURE__ */ e.jsx(N, { htmlFor: a.name, children: n("editor.inputNodeForm.pattern") }),
|
|
2185
|
+
/* @__PURE__ */ e.jsx(Da, { value: a.state.value, onValueChange: a.handleChange })
|
|
2186
2186
|
] })
|
|
2187
2187
|
}
|
|
2188
2188
|
),
|
|
2189
2189
|
/* @__PURE__ */ e.jsxs("div", { className: "flex items-end gap-2", children: [
|
|
2190
2190
|
/* @__PURE__ */ e.jsx(
|
|
2191
|
-
|
|
2191
|
+
d,
|
|
2192
2192
|
{
|
|
2193
2193
|
name: "errorMessage",
|
|
2194
|
-
children: (a) => /* @__PURE__ */ e.jsxs(
|
|
2195
|
-
/* @__PURE__ */ e.jsx(
|
|
2194
|
+
children: (a) => /* @__PURE__ */ e.jsxs(E, { className: "flex-1", children: [
|
|
2195
|
+
/* @__PURE__ */ e.jsx(N, { htmlFor: a.name, children: n("editor.inputNodeForm.errorMessage") }),
|
|
2196
2196
|
/* @__PURE__ */ e.jsx(
|
|
2197
2197
|
P,
|
|
2198
2198
|
{
|
|
@@ -2200,10 +2200,10 @@ const Oa = () => {
|
|
|
2200
2200
|
name: a.name,
|
|
2201
2201
|
value: a.state.value?.[t] || "",
|
|
2202
2202
|
onBlur: a.handleBlur,
|
|
2203
|
-
onChange: ({ target:
|
|
2203
|
+
onChange: ({ target: i }) => {
|
|
2204
2204
|
a.handleChange({
|
|
2205
2205
|
...typeof a.state.value == "object" && a.state.value !== null ? a.state.value : {},
|
|
2206
|
-
[t]:
|
|
2206
|
+
[t]: i.value
|
|
2207
2207
|
});
|
|
2208
2208
|
}
|
|
2209
2209
|
}
|
|
@@ -2225,11 +2225,11 @@ const Oa = () => {
|
|
|
2225
2225
|
] }) }),
|
|
2226
2226
|
/* @__PURE__ */ e.jsxs(Ce, { className: "flex flex-col gap-6", children: [
|
|
2227
2227
|
/* @__PURE__ */ e.jsx(
|
|
2228
|
-
|
|
2228
|
+
d,
|
|
2229
2229
|
{
|
|
2230
2230
|
name: "name",
|
|
2231
|
-
children: (a) => /* @__PURE__ */ e.jsxs(
|
|
2232
|
-
/* @__PURE__ */ e.jsx(
|
|
2231
|
+
children: (a) => /* @__PURE__ */ e.jsxs(E, { children: [
|
|
2232
|
+
/* @__PURE__ */ e.jsx(N, { htmlFor: a.name, children: n("editor.inputNodeForm.name") }),
|
|
2233
2233
|
/* @__PURE__ */ e.jsx(
|
|
2234
2234
|
P,
|
|
2235
2235
|
{
|
|
@@ -2237,105 +2237,105 @@ const Oa = () => {
|
|
|
2237
2237
|
name: a.name,
|
|
2238
2238
|
value: a.state.value,
|
|
2239
2239
|
onBlur: a.handleBlur,
|
|
2240
|
-
onChange: ({ target:
|
|
2240
|
+
onChange: ({ target: i }) => a.handleChange(i.value)
|
|
2241
2241
|
}
|
|
2242
2242
|
),
|
|
2243
2243
|
/* @__PURE__ */ e.jsx(B, { children: n("editor.inputNodeForm.nameDescription") })
|
|
2244
2244
|
] })
|
|
2245
2245
|
}
|
|
2246
2246
|
),
|
|
2247
|
-
/* @__PURE__ */ e.jsx(
|
|
2248
|
-
/* @__PURE__ */ e.jsxs(
|
|
2249
|
-
/* @__PURE__ */ e.jsx(
|
|
2247
|
+
/* @__PURE__ */ e.jsx(d, { name: "defaultValue", children: (a) => /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
|
|
2248
|
+
/* @__PURE__ */ e.jsxs(E, { children: [
|
|
2249
|
+
/* @__PURE__ */ e.jsx(N, { htmlFor: a.name, children: n("editor.inputNodeForm.defaultValueType") }),
|
|
2250
2250
|
/* @__PURE__ */ e.jsxs(
|
|
2251
2251
|
U,
|
|
2252
2252
|
{
|
|
2253
2253
|
value: a.state.value?.type || "none",
|
|
2254
|
-
onValueChange: (
|
|
2255
|
-
a.handleChange(
|
|
2254
|
+
onValueChange: (i) => {
|
|
2255
|
+
a.handleChange(i === "none" ? null : { type: i });
|
|
2256
2256
|
},
|
|
2257
2257
|
children: [
|
|
2258
2258
|
/* @__PURE__ */ e.jsx(R, { id: a.name, children: /* @__PURE__ */ e.jsx(Z, { placeholder: n("editor.inputNodeForm.selectType") }) }),
|
|
2259
2259
|
/* @__PURE__ */ e.jsxs(K, { children: [
|
|
2260
|
-
/* @__PURE__ */ e.jsx(
|
|
2261
|
-
/* @__PURE__ */ e.jsx(
|
|
2262
|
-
/* @__PURE__ */ e.jsx(
|
|
2260
|
+
/* @__PURE__ */ e.jsx(F, { value: "none", children: n("editor.inputNodeForm.defaultValueTypeNone") }),
|
|
2261
|
+
/* @__PURE__ */ e.jsx(F, { value: "static", children: n("editor.inputNodeForm.defaultValueTypeStatic") }),
|
|
2262
|
+
/* @__PURE__ */ e.jsx(F, { value: "reference", children: n("editor.inputNodeForm.defaultValueTypeReference") })
|
|
2263
2263
|
] })
|
|
2264
2264
|
]
|
|
2265
2265
|
}
|
|
2266
2266
|
)
|
|
2267
2267
|
] }),
|
|
2268
|
-
a.state.value?.type === "static" && /* @__PURE__ */ e.jsx(
|
|
2269
|
-
const
|
|
2270
|
-
return (
|
|
2271
|
-
/* @__PURE__ */ e.jsx(
|
|
2268
|
+
a.state.value?.type === "static" && /* @__PURE__ */ e.jsx(d, { name: "defaultValue.staticValue", children: (i) => {
|
|
2269
|
+
const m = r?.data?.type;
|
|
2270
|
+
return (m === "select" || m === "checkbox") && r?.data?.multiple ? /* @__PURE__ */ e.jsxs(E, { children: [
|
|
2271
|
+
/* @__PURE__ */ e.jsx(N, { htmlFor: i.name, children: n("editor.inputNodeForm.defaultValuesCommaSeparated") }),
|
|
2272
2272
|
/* @__PURE__ */ e.jsx(
|
|
2273
2273
|
P,
|
|
2274
2274
|
{
|
|
2275
|
-
id:
|
|
2275
|
+
id: i.name,
|
|
2276
2276
|
placeholder: n("editor.inputNodeForm.defaultValuesPlaceholder"),
|
|
2277
|
-
value: Array.isArray(
|
|
2278
|
-
onChange: ({ target:
|
|
2279
|
-
const u =
|
|
2280
|
-
|
|
2277
|
+
value: Array.isArray(i.state.value) ? i.state.value.join(", ") : "",
|
|
2278
|
+
onChange: ({ target: p }) => {
|
|
2279
|
+
const u = p.value.split(",").map((x) => x.trim()).filter(Boolean);
|
|
2280
|
+
i.handleChange(u.length > 0 ? u : null);
|
|
2281
2281
|
}
|
|
2282
2282
|
}
|
|
2283
2283
|
)
|
|
2284
|
-
] }) :
|
|
2284
|
+
] }) : m === "checkbox" ? /* @__PURE__ */ e.jsx(E, { children: /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-2", children: [
|
|
2285
2285
|
/* @__PURE__ */ e.jsx(
|
|
2286
2286
|
ae,
|
|
2287
2287
|
{
|
|
2288
|
-
id:
|
|
2289
|
-
checked: !!
|
|
2290
|
-
onCheckedChange: (
|
|
2288
|
+
id: i.name,
|
|
2289
|
+
checked: !!i.state.value,
|
|
2290
|
+
onCheckedChange: (p) => i.handleChange(p)
|
|
2291
2291
|
}
|
|
2292
2292
|
),
|
|
2293
|
-
/* @__PURE__ */ e.jsx(
|
|
2294
|
-
] }) }) : /* @__PURE__ */ e.jsxs(
|
|
2295
|
-
/* @__PURE__ */ e.jsx(
|
|
2293
|
+
/* @__PURE__ */ e.jsx(N, { htmlFor: i.name, children: n("editor.inputNodeForm.defaultChecked") })
|
|
2294
|
+
] }) }) : /* @__PURE__ */ e.jsxs(E, { children: [
|
|
2295
|
+
/* @__PURE__ */ e.jsx(N, { htmlFor: i.name, children: n("editor.inputNodeForm.staticValue") }),
|
|
2296
2296
|
/* @__PURE__ */ e.jsx(
|
|
2297
2297
|
P,
|
|
2298
2298
|
{
|
|
2299
|
-
id:
|
|
2299
|
+
id: i.name,
|
|
2300
2300
|
placeholder: n("editor.inputNodeForm.staticValuePlaceholder"),
|
|
2301
|
-
value: typeof
|
|
2302
|
-
onChange: ({ target:
|
|
2301
|
+
value: typeof i.state.value == "string" ? i.state.value : "",
|
|
2302
|
+
onChange: ({ target: p }) => i.handleChange(p.value || "")
|
|
2303
2303
|
}
|
|
2304
2304
|
)
|
|
2305
2305
|
] });
|
|
2306
2306
|
} }),
|
|
2307
2307
|
a.state.value?.type === "reference" && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
|
|
2308
|
-
/* @__PURE__ */ e.jsx(
|
|
2309
|
-
/* @__PURE__ */ e.jsx(
|
|
2308
|
+
/* @__PURE__ */ e.jsx(d, { name: "defaultValue.referenceField", children: (i) => /* @__PURE__ */ e.jsxs(E, { children: [
|
|
2309
|
+
/* @__PURE__ */ e.jsx(N, { htmlFor: i.name, children: n("editor.inputNodeForm.referenceField") }),
|
|
2310
2310
|
/* @__PURE__ */ e.jsxs(
|
|
2311
2311
|
U,
|
|
2312
2312
|
{
|
|
2313
|
-
value:
|
|
2314
|
-
onValueChange: (
|
|
2315
|
-
|
|
2313
|
+
value: i.state.value || "",
|
|
2314
|
+
onValueChange: (m) => {
|
|
2315
|
+
i.handleChange(m);
|
|
2316
2316
|
},
|
|
2317
2317
|
children: [
|
|
2318
|
-
/* @__PURE__ */ e.jsx(R, { id:
|
|
2319
|
-
/* @__PURE__ */ e.jsx(K, { children: l.length === 0 ? /* @__PURE__ */ e.jsx(
|
|
2320
|
-
|
|
2318
|
+
/* @__PURE__ */ e.jsx(R, { id: i.name, children: /* @__PURE__ */ e.jsx(Z, { placeholder: n("editor.inputNodeForm.selectReferenceField") }) }),
|
|
2319
|
+
/* @__PURE__ */ e.jsx(K, { children: l.length === 0 ? /* @__PURE__ */ e.jsx(F, { value: "none", disabled: !0, children: n("editor.inputNodeForm.noParentFieldsAvailable") }) : l.map((m) => /* @__PURE__ */ e.jsxs(F, { value: m.nodeId, children: [
|
|
2320
|
+
m.label,
|
|
2321
2321
|
" (",
|
|
2322
|
-
|
|
2322
|
+
m.type,
|
|
2323
2323
|
")"
|
|
2324
|
-
] },
|
|
2324
|
+
] }, m.nodeId)) })
|
|
2325
2325
|
]
|
|
2326
2326
|
}
|
|
2327
2327
|
),
|
|
2328
2328
|
l.length === 0 && /* @__PURE__ */ e.jsx(B, { children: n("editor.inputNodeForm.addInputFieldsBeforeReference") })
|
|
2329
2329
|
] }) }),
|
|
2330
|
-
/* @__PURE__ */ e.jsx(
|
|
2331
|
-
/* @__PURE__ */ e.jsx(
|
|
2330
|
+
/* @__PURE__ */ e.jsx(d, { name: "defaultValue.transformFunction", children: (i) => /* @__PURE__ */ e.jsxs(E, { children: [
|
|
2331
|
+
/* @__PURE__ */ e.jsx(N, { htmlFor: i.name, children: n("editor.inputNodeForm.transformType") }),
|
|
2332
2332
|
/* @__PURE__ */ e.jsxs(
|
|
2333
2333
|
U,
|
|
2334
2334
|
{
|
|
2335
|
-
value:
|
|
2336
|
-
onValueChange: (
|
|
2337
|
-
const
|
|
2338
|
-
if (
|
|
2335
|
+
value: i.state.value || "none",
|
|
2336
|
+
onValueChange: (m) => {
|
|
2337
|
+
const p = m === "none" ? null : m;
|
|
2338
|
+
if (i.handleChange(p), m === "toObject") {
|
|
2339
2339
|
const u = a.state.value;
|
|
2340
2340
|
a.handleChange({
|
|
2341
2341
|
...u,
|
|
@@ -2344,39 +2344,39 @@ const Oa = () => {
|
|
|
2344
2344
|
}
|
|
2345
2345
|
},
|
|
2346
2346
|
children: [
|
|
2347
|
-
/* @__PURE__ */ e.jsx(R, { id:
|
|
2347
|
+
/* @__PURE__ */ e.jsx(R, { id: i.name, children: /* @__PURE__ */ e.jsx(Z, { placeholder: n("editor.inputNodeForm.selectTransformation") }) }),
|
|
2348
2348
|
/* @__PURE__ */ e.jsxs(K, { children: [
|
|
2349
|
-
/* @__PURE__ */ e.jsx(
|
|
2350
|
-
/* @__PURE__ */ e.jsx(
|
|
2351
|
-
/* @__PURE__ */ e.jsx(
|
|
2352
|
-
/* @__PURE__ */ e.jsx(
|
|
2353
|
-
/* @__PURE__ */ e.jsx(
|
|
2354
|
-
/* @__PURE__ */ e.jsx(
|
|
2349
|
+
/* @__PURE__ */ e.jsx(F, { value: "none", children: n("editor.inputNodeForm.transformNone") }),
|
|
2350
|
+
/* @__PURE__ */ e.jsx(F, { value: "toString", children: n("editor.inputNodeForm.transformString") }),
|
|
2351
|
+
/* @__PURE__ */ e.jsx(F, { value: "toNumber", children: n("editor.inputNodeForm.transformNumber") }),
|
|
2352
|
+
/* @__PURE__ */ e.jsx(F, { value: "toBoolean", children: n("editor.inputNodeForm.transformBoolean") }),
|
|
2353
|
+
/* @__PURE__ */ e.jsx(F, { value: "toArray", children: n("editor.inputNodeForm.transformArray") }),
|
|
2354
|
+
/* @__PURE__ */ e.jsx(F, { value: "toObject", children: n("editor.inputNodeForm.transformMapToObject") })
|
|
2355
2355
|
] })
|
|
2356
2356
|
]
|
|
2357
2357
|
}
|
|
2358
2358
|
),
|
|
2359
2359
|
/* @__PURE__ */ e.jsx(B, { children: n("editor.inputNodeForm.transformDesc") })
|
|
2360
2360
|
] }) }),
|
|
2361
|
-
a.state.value?.transformFunction === "toObject" && /* @__PURE__ */ e.jsx(
|
|
2362
|
-
/* @__PURE__ */ e.jsx(
|
|
2361
|
+
a.state.value?.transformFunction === "toObject" && /* @__PURE__ */ e.jsx(d, { name: "defaultValue.objectMapping", mode: "array", children: (i) => /* @__PURE__ */ e.jsxs(E, { children: [
|
|
2362
|
+
/* @__PURE__ */ e.jsx(N, { children: n("editor.inputNodeForm.objectMapping") }),
|
|
2363
2363
|
/* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
|
|
2364
|
-
|
|
2365
|
-
/* @__PURE__ */ e.jsx(
|
|
2364
|
+
i.state.value?.map((m, p) => /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
|
|
2365
|
+
/* @__PURE__ */ e.jsx(d, { name: `defaultValue.objectMapping[${p}].sourceKey`, children: (u) => /* @__PURE__ */ e.jsx(
|
|
2366
2366
|
P,
|
|
2367
2367
|
{
|
|
2368
2368
|
placeholder: n("editor.inputNodeForm.sourceKey"),
|
|
2369
2369
|
value: u.state.value || "",
|
|
2370
|
-
onChange: ({ target:
|
|
2370
|
+
onChange: ({ target: x }) => u.handleChange(x.value)
|
|
2371
2371
|
}
|
|
2372
2372
|
) }),
|
|
2373
2373
|
/* @__PURE__ */ e.jsx("span", { className: "text-muted-foreground", children: "→" }),
|
|
2374
|
-
/* @__PURE__ */ e.jsx(
|
|
2374
|
+
/* @__PURE__ */ e.jsx(d, { name: `defaultValue.objectMapping[${p}].targetKey`, children: (u) => /* @__PURE__ */ e.jsx(
|
|
2375
2375
|
P,
|
|
2376
2376
|
{
|
|
2377
2377
|
placeholder: n("editor.inputNodeForm.targetKey"),
|
|
2378
2378
|
value: u.state.value || "",
|
|
2379
|
-
onChange: ({ target:
|
|
2379
|
+
onChange: ({ target: x }) => u.handleChange(x.value)
|
|
2380
2380
|
}
|
|
2381
2381
|
) }),
|
|
2382
2382
|
/* @__PURE__ */ e.jsx(
|
|
@@ -2386,12 +2386,12 @@ const Oa = () => {
|
|
|
2386
2386
|
variant: "ghost",
|
|
2387
2387
|
size: "icon",
|
|
2388
2388
|
onClick: () => {
|
|
2389
|
-
|
|
2389
|
+
i.removeValue(p), c().then();
|
|
2390
2390
|
},
|
|
2391
2391
|
children: /* @__PURE__ */ e.jsx(re, { className: "h-4 w-4" })
|
|
2392
2392
|
}
|
|
2393
2393
|
)
|
|
2394
|
-
] }, `mapping-${
|
|
2394
|
+
] }, `mapping-${p}`)),
|
|
2395
2395
|
/* @__PURE__ */ e.jsxs(
|
|
2396
2396
|
k,
|
|
2397
2397
|
{
|
|
@@ -2400,7 +2400,7 @@ const Oa = () => {
|
|
|
2400
2400
|
size: "sm",
|
|
2401
2401
|
className: "w-full",
|
|
2402
2402
|
onClick: () => {
|
|
2403
|
-
|
|
2403
|
+
i.pushValue({ sourceKey: "", targetKey: "" }), c().then();
|
|
2404
2404
|
},
|
|
2405
2405
|
children: [
|
|
2406
2406
|
/* @__PURE__ */ e.jsx(W, { className: "mr-2 h-4 w-4" }),
|
|
@@ -2421,7 +2421,7 @@ const Oa = () => {
|
|
|
2421
2421
|
}, _e = {
|
|
2422
2422
|
divider: "divider",
|
|
2423
2423
|
title: "title"
|
|
2424
|
-
},
|
|
2424
|
+
}, Aa = () => {
|
|
2425
2425
|
const [t, s] = $("en"), { selectedNode: r } = X(), { updateSelectedNodeData: o } = ce(), { Field: h } = de({
|
|
2426
2426
|
defaultValues: {
|
|
2427
2427
|
label: r?.data?.label || { en: "" },
|
|
@@ -2449,8 +2449,8 @@ const Oa = () => {
|
|
|
2449
2449
|
h,
|
|
2450
2450
|
{
|
|
2451
2451
|
name: "label",
|
|
2452
|
-
children: (l) => /* @__PURE__ */ e.jsxs(
|
|
2453
|
-
/* @__PURE__ */ e.jsx(
|
|
2452
|
+
children: (l) => /* @__PURE__ */ e.jsxs(E, { className: "flex-1", children: [
|
|
2453
|
+
/* @__PURE__ */ e.jsx(N, { htmlFor: l.name, children: "Label" }),
|
|
2454
2454
|
/* @__PURE__ */ e.jsx(
|
|
2455
2455
|
P,
|
|
2456
2456
|
{
|
|
@@ -2480,8 +2480,8 @@ const Oa = () => {
|
|
|
2480
2480
|
/* @__PURE__ */ e.jsxs(U, { value: l.state.value, onValueChange: (n) => l.handleChange(n), children: [
|
|
2481
2481
|
/* @__PURE__ */ e.jsx(R, { className: "w-full", children: /* @__PURE__ */ e.jsx(Z, { placeholder: "" }) }),
|
|
2482
2482
|
/* @__PURE__ */ e.jsx(K, { children: /* @__PURE__ */ e.jsxs(J, { children: [
|
|
2483
|
-
/* @__PURE__ */ e.jsx(
|
|
2484
|
-
/* @__PURE__ */ e.jsx(
|
|
2483
|
+
/* @__PURE__ */ e.jsx(F, { value: _e.title, children: "Title" }),
|
|
2484
|
+
/* @__PURE__ */ e.jsx(F, { value: _e.divider, children: "Divider" })
|
|
2485
2485
|
] }) })
|
|
2486
2486
|
] })
|
|
2487
2487
|
] })
|
|
@@ -2490,47 +2490,47 @@ const Oa = () => {
|
|
|
2490
2490
|
] })
|
|
2491
2491
|
}
|
|
2492
2492
|
);
|
|
2493
|
-
},
|
|
2494
|
-
const [t, s] = $(""), [r, o] = $(!1), { selectedNode: h, groupNodes: l } = X(), { setNodes: n } = pe(), c = h?.parentId || "none",
|
|
2495
|
-
if (
|
|
2493
|
+
}, La = () => {
|
|
2494
|
+
const [t, s] = $(""), [r, o] = $(!1), { selectedNode: h, groupNodes: l } = X(), { setNodes: n } = pe(), c = h?.parentId || "none", d = fe(h), a = M(), i = Bt();
|
|
2495
|
+
if (d)
|
|
2496
2496
|
return null;
|
|
2497
|
-
const
|
|
2498
|
-
h && n((
|
|
2499
|
-
if (
|
|
2500
|
-
const { parentId:
|
|
2501
|
-
return
|
|
2497
|
+
const m = (u) => {
|
|
2498
|
+
h && n((x) => u === "none" ? x.map((f) => {
|
|
2499
|
+
if (f.id === h.id) {
|
|
2500
|
+
const { parentId: v, extent: b, ...j } = f;
|
|
2501
|
+
return j;
|
|
2502
2502
|
}
|
|
2503
|
-
return
|
|
2504
|
-
}) :
|
|
2505
|
-
...
|
|
2503
|
+
return f;
|
|
2504
|
+
}) : x.find((f) => f.id === u) ? x.map((f) => f.id === h.id ? {
|
|
2505
|
+
...f,
|
|
2506
2506
|
extent: "parent",
|
|
2507
|
-
parentId:
|
|
2507
|
+
parentId: u,
|
|
2508
2508
|
position: {
|
|
2509
2509
|
x: 50,
|
|
2510
2510
|
y: 80
|
|
2511
2511
|
}
|
|
2512
|
-
} :
|
|
2512
|
+
} : f) : x);
|
|
2513
2513
|
}, p = () => {
|
|
2514
2514
|
if (!(t.trim() && h))
|
|
2515
2515
|
return;
|
|
2516
|
-
if (l.find((
|
|
2517
|
-
const
|
|
2518
|
-
return String(
|
|
2516
|
+
if (l.find((w) => {
|
|
2517
|
+
const f = w.data?.label?.en || w.data?.label;
|
|
2518
|
+
return String(f).toLowerCase() === t.trim().toLowerCase();
|
|
2519
2519
|
})) {
|
|
2520
2520
|
H.error("This group already exists", {
|
|
2521
2521
|
description: "Use the selector to add the node to an existing group."
|
|
2522
2522
|
});
|
|
2523
2523
|
return;
|
|
2524
2524
|
}
|
|
2525
|
-
const
|
|
2526
|
-
n((
|
|
2527
|
-
const
|
|
2525
|
+
const x = le();
|
|
2526
|
+
n((w) => {
|
|
2527
|
+
const f = {
|
|
2528
2528
|
data: {
|
|
2529
2529
|
label: {
|
|
2530
2530
|
en: t.trim()
|
|
2531
2531
|
}
|
|
2532
2532
|
},
|
|
2533
|
-
id:
|
|
2533
|
+
id: x,
|
|
2534
2534
|
position: {
|
|
2535
2535
|
x: h.position.x - 300,
|
|
2536
2536
|
y: h.position.y
|
|
@@ -2540,28 +2540,28 @@ const Oa = () => {
|
|
|
2540
2540
|
width: 600
|
|
2541
2541
|
},
|
|
2542
2542
|
type: "group"
|
|
2543
|
-
},
|
|
2544
|
-
...
|
|
2543
|
+
}, v = w.map((b) => b.id === h.id ? {
|
|
2544
|
+
...b,
|
|
2545
2545
|
extent: "parent",
|
|
2546
|
-
parentId:
|
|
2546
|
+
parentId: x,
|
|
2547
2547
|
position: {
|
|
2548
2548
|
x: 175,
|
|
2549
2549
|
y: 30
|
|
2550
2550
|
}
|
|
2551
|
-
} :
|
|
2552
|
-
return [
|
|
2551
|
+
} : b);
|
|
2552
|
+
return [f, ...v];
|
|
2553
2553
|
}), s(""), o(!1), H.success("Group created", {
|
|
2554
2554
|
description: `The group "${t.trim()}" has been created successfully.`
|
|
2555
2555
|
});
|
|
2556
2556
|
};
|
|
2557
2557
|
return /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
|
|
2558
|
-
/* @__PURE__ */ e.jsx(
|
|
2558
|
+
/* @__PURE__ */ e.jsx(N, { children: a("editor.selectNodeGroup.group") }),
|
|
2559
2559
|
/* @__PURE__ */ e.jsxs("div", { className: "flex gap-2", children: [
|
|
2560
|
-
/* @__PURE__ */ e.jsxs(U, { value: c, onValueChange:
|
|
2560
|
+
/* @__PURE__ */ e.jsxs(U, { value: c, onValueChange: m, children: [
|
|
2561
2561
|
/* @__PURE__ */ e.jsx(R, { className: "flex-1", children: /* @__PURE__ */ e.jsx(Z, { placeholder: a("editor.selectNodeGroup.noGroup") }) }),
|
|
2562
2562
|
/* @__PURE__ */ e.jsx(K, { children: /* @__PURE__ */ e.jsxs(J, { children: [
|
|
2563
|
-
/* @__PURE__ */ e.jsx(
|
|
2564
|
-
l.map((
|
|
2563
|
+
/* @__PURE__ */ e.jsx(F, { value: "none", children: a("editor.selectNodeGroup.noGroup") }),
|
|
2564
|
+
l.map((u) => /* @__PURE__ */ e.jsx(F, { value: u.id, children: u.data.label?.en ? String(u.data.label?.en) : u.id }, u.id))
|
|
2565
2565
|
] }) })
|
|
2566
2566
|
] }),
|
|
2567
2567
|
/* @__PURE__ */ e.jsxs(Pe, { open: r, onOpenChange: o, children: [
|
|
@@ -2572,16 +2572,17 @@ const Oa = () => {
|
|
|
2572
2572
|
/* @__PURE__ */ e.jsx("p", { className: "text-muted-foreground text-sm", children: a("editor.selectNodeGroup.newGroupDescription") })
|
|
2573
2573
|
] }),
|
|
2574
2574
|
/* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
|
|
2575
|
-
/* @__PURE__ */ e.jsx(
|
|
2575
|
+
/* @__PURE__ */ e.jsx(N, { htmlFor: i, children: a("editor.selectNodeGroup.groupName") }),
|
|
2576
2576
|
/* @__PURE__ */ e.jsx(
|
|
2577
2577
|
P,
|
|
2578
2578
|
{
|
|
2579
2579
|
autoFocus: !0,
|
|
2580
|
+
id: i,
|
|
2580
2581
|
value: t,
|
|
2581
|
-
onChange: (
|
|
2582
|
+
onChange: (u) => s(u.target.value),
|
|
2582
2583
|
placeholder: "Ex: Step 1 - Personal info",
|
|
2583
|
-
onKeyDown: (
|
|
2584
|
-
|
|
2584
|
+
onKeyDown: (u) => {
|
|
2585
|
+
u.key === "Enter" && (u.preventDefault(), p());
|
|
2585
2586
|
}
|
|
2586
2587
|
}
|
|
2587
2588
|
)
|
|
@@ -2594,23 +2595,23 @@ const Oa = () => {
|
|
|
2594
2595
|
] })
|
|
2595
2596
|
] })
|
|
2596
2597
|
] });
|
|
2597
|
-
},
|
|
2598
|
+
}, Ma = () => {
|
|
2598
2599
|
const { selectedNode: t } = X(), { updateSelectedNodeType: s } = ce(), r = t?.type || "", o = fe(t), h = M();
|
|
2599
2600
|
return /* @__PURE__ */ e.jsxs(J, { children: [
|
|
2600
2601
|
/* @__PURE__ */ e.jsx(Ve, { children: h("editor.selectNodeType.nodeType") }),
|
|
2601
2602
|
/* @__PURE__ */ e.jsxs(U, { value: r, onValueChange: (l) => s(l), disabled: o, children: [
|
|
2602
2603
|
/* @__PURE__ */ e.jsx(R, { className: "w-full", children: /* @__PURE__ */ e.jsx(Z, { placeholder: h("editor.selectNodeType.nodeType") }) }),
|
|
2603
|
-
/* @__PURE__ */ e.jsx(K, { children: /* @__PURE__ */ e.jsx(J, { children: Object.keys(Qe).filter((l) => o ? l === "group" : l !== "group").map((l) => /* @__PURE__ */ e.jsx(
|
|
2604
|
+
/* @__PURE__ */ e.jsx(K, { children: /* @__PURE__ */ e.jsx(J, { children: Object.keys(Qe).filter((l) => o ? l === "group" : l !== "group").map((l) => /* @__PURE__ */ e.jsx(F, { value: l, children: l.charAt(0).toUpperCase() + l.slice(1) }, l)) }) })
|
|
2604
2605
|
] })
|
|
2605
2606
|
] });
|
|
2606
2607
|
};
|
|
2607
|
-
function
|
|
2608
|
+
function Ga({ ...t }) {
|
|
2608
2609
|
return /* @__PURE__ */ e.jsx(A.Root, { "data-slot": "sheet", ...t });
|
|
2609
2610
|
}
|
|
2610
|
-
function
|
|
2611
|
+
function Ha({ ...t }) {
|
|
2611
2612
|
return /* @__PURE__ */ e.jsx(A.Portal, { "data-slot": "sheet-portal", ...t });
|
|
2612
2613
|
}
|
|
2613
|
-
function
|
|
2614
|
+
function Ba({ className: t, ...s }) {
|
|
2614
2615
|
return /* @__PURE__ */ e.jsx(
|
|
2615
2616
|
A.Overlay,
|
|
2616
2617
|
{
|
|
@@ -2623,14 +2624,14 @@ function Ha({ className: t, ...s }) {
|
|
|
2623
2624
|
}
|
|
2624
2625
|
);
|
|
2625
2626
|
}
|
|
2626
|
-
function
|
|
2627
|
+
function za({
|
|
2627
2628
|
className: t,
|
|
2628
2629
|
children: s,
|
|
2629
2630
|
side: r = "right",
|
|
2630
2631
|
...o
|
|
2631
2632
|
}) {
|
|
2632
|
-
return /* @__PURE__ */ e.jsxs(
|
|
2633
|
-
/* @__PURE__ */ e.jsx(
|
|
2633
|
+
return /* @__PURE__ */ e.jsxs(Ha, { children: [
|
|
2634
|
+
/* @__PURE__ */ e.jsx(Ba, {}),
|
|
2634
2635
|
/* @__PURE__ */ e.jsxs(
|
|
2635
2636
|
A.Content,
|
|
2636
2637
|
{
|
|
@@ -2655,39 +2656,39 @@ function Ba({
|
|
|
2655
2656
|
)
|
|
2656
2657
|
] });
|
|
2657
2658
|
}
|
|
2658
|
-
function
|
|
2659
|
+
function $a({ className: t, ...s }) {
|
|
2659
2660
|
return /* @__PURE__ */ e.jsx("div", { "data-slot": "sheet-header", className: T("flex flex-col gap-1.5 p-4", t), ...s });
|
|
2660
2661
|
}
|
|
2661
|
-
function
|
|
2662
|
+
function _a({ className: t, ...s }) {
|
|
2662
2663
|
return /* @__PURE__ */ e.jsx(A.Title, { "data-slot": "sheet-title", className: T("text-foreground font-semibold", t), ...s });
|
|
2663
2664
|
}
|
|
2664
|
-
function
|
|
2665
|
+
function Ua({ className: t, ...s }) {
|
|
2665
2666
|
return /* @__PURE__ */ e.jsx(A.Description, { "data-slot": "sheet-description", className: T("text-muted-foreground text-sm", t), ...s });
|
|
2666
2667
|
}
|
|
2667
|
-
const
|
|
2668
|
+
const Ra = () => {
|
|
2668
2669
|
const { selectedNode: t, hasSelectedNodes: s } = X(), { clearSelection: r } = ce(), h = M()(t?.data?.label);
|
|
2669
|
-
return /* @__PURE__ */ e.jsx(
|
|
2670
|
-
/* @__PURE__ */ e.jsxs(
|
|
2671
|
-
/* @__PURE__ */ e.jsxs(
|
|
2670
|
+
return /* @__PURE__ */ e.jsx(Ga, { open: s, onOpenChange: r, children: /* @__PURE__ */ e.jsxs(za, { children: [
|
|
2671
|
+
/* @__PURE__ */ e.jsxs($a, { children: [
|
|
2672
|
+
/* @__PURE__ */ e.jsxs(_a, { children: [
|
|
2672
2673
|
"Edit node ",
|
|
2673
2674
|
/* @__PURE__ */ e.jsx("span", { className: "font-light text-muted-foreground text-xs", children: t?.id })
|
|
2674
2675
|
] }),
|
|
2675
|
-
/* @__PURE__ */ e.jsx(
|
|
2676
|
+
/* @__PURE__ */ e.jsx(Ua, { children: h || " " })
|
|
2676
2677
|
] }),
|
|
2677
2678
|
/* @__PURE__ */ e.jsx(We, { className: "flex min-h-0 flex-1 flex-col px-4 py-6", children: /* @__PURE__ */ e.jsxs("div", { className: "space-y-6", children: [
|
|
2679
|
+
/* @__PURE__ */ e.jsx(Ma, {}),
|
|
2678
2680
|
/* @__PURE__ */ e.jsx(La, {}),
|
|
2679
|
-
/* @__PURE__ */ e.jsx(Aa, {}),
|
|
2680
2681
|
/* @__PURE__ */ e.jsx(it, {}),
|
|
2681
|
-
he(t) && /* @__PURE__ */ e.jsx(
|
|
2682
|
-
rt(t) && /* @__PURE__ */ e.jsx(
|
|
2683
|
-
lt(t) && /* @__PURE__ */ e.jsx(
|
|
2684
|
-
fe(t) && /* @__PURE__ */ e.jsx(
|
|
2682
|
+
he(t) && /* @__PURE__ */ e.jsx(Ia, {}),
|
|
2683
|
+
rt(t) && /* @__PURE__ */ e.jsx(Aa, {}),
|
|
2684
|
+
lt(t) && /* @__PURE__ */ e.jsx(Fa, {}),
|
|
2685
|
+
fe(t) && /* @__PURE__ */ e.jsx(Sa, {})
|
|
2685
2686
|
] }) })
|
|
2686
2687
|
] }) });
|
|
2687
|
-
},
|
|
2688
|
-
const { theme: s = "system" } =
|
|
2688
|
+
}, Za = ({ ...t }) => {
|
|
2689
|
+
const { theme: s = "system" } = Ut();
|
|
2689
2690
|
return /* @__PURE__ */ e.jsx(
|
|
2690
|
-
|
|
2691
|
+
_t,
|
|
2691
2692
|
{
|
|
2692
2693
|
theme: s,
|
|
2693
2694
|
className: "toaster group",
|
|
@@ -2699,7 +2700,7 @@ const Ua = () => {
|
|
|
2699
2700
|
...t
|
|
2700
2701
|
}
|
|
2701
2702
|
);
|
|
2702
|
-
},
|
|
2703
|
+
}, Ka = ({ flow: t, onExportJson: s, onSave: r, theme: o }) => {
|
|
2703
2704
|
const { onConnect: h, onConnectEnd: l, onEdgesDelete: n, isValidConnection: c } = qe();
|
|
2704
2705
|
return /* @__PURE__ */ e.jsxs(
|
|
2705
2706
|
jt,
|
|
@@ -2708,7 +2709,7 @@ const Ua = () => {
|
|
|
2708
2709
|
colorMode: o,
|
|
2709
2710
|
selectNodesOnDrag: !1,
|
|
2710
2711
|
nodeTypes: Qe,
|
|
2711
|
-
edgeTypes:
|
|
2712
|
+
edgeTypes: Xt,
|
|
2712
2713
|
defaultEdges: t?.edges || [],
|
|
2713
2714
|
defaultNodes: t?.nodes || [],
|
|
2714
2715
|
onConnect: h,
|
|
@@ -2717,18 +2718,18 @@ const Ua = () => {
|
|
|
2717
2718
|
isValidConnection: c,
|
|
2718
2719
|
children: [
|
|
2719
2720
|
/* @__PURE__ */ e.jsx(Ct, { gap: 10, variant: ft.Dots }),
|
|
2720
|
-
/* @__PURE__ */ e.jsx(
|
|
2721
|
-
/* @__PURE__ */ e.jsx(
|
|
2721
|
+
/* @__PURE__ */ e.jsx(ya, { onExportJson: s, onSave: r }),
|
|
2722
|
+
/* @__PURE__ */ e.jsx(Kt, { theme: o }),
|
|
2722
2723
|
/* @__PURE__ */ e.jsx(vt, {}),
|
|
2723
2724
|
/* @__PURE__ */ e.jsx(bt, {}),
|
|
2724
|
-
/* @__PURE__ */ e.jsx(
|
|
2725
|
+
/* @__PURE__ */ e.jsx(Ra, {})
|
|
2725
2726
|
]
|
|
2726
2727
|
}
|
|
2727
2728
|
);
|
|
2728
|
-
},
|
|
2729
|
-
/* @__PURE__ */ e.jsx(
|
|
2730
|
-
/* @__PURE__ */ e.jsx(gt, { children: /* @__PURE__ */ e.jsx(
|
|
2729
|
+
}, nn = ({ flow: t, onExportJson: s, onSave: r, theme: o = "dark", language: h = "en", aiConfig: l }) => /* @__PURE__ */ e.jsx(dt, { defaultTheme: o, storageKey: "treege-editor-theme", theme: o, children: /* @__PURE__ */ e.jsxs(Jt, { value: { aiConfig: l, flowId: t?.id, language: h }, children: [
|
|
2730
|
+
/* @__PURE__ */ e.jsx(Za, { position: "bottom-center" }),
|
|
2731
|
+
/* @__PURE__ */ e.jsx(gt, { children: /* @__PURE__ */ e.jsx(Ka, { onExportJson: s, onSave: r, flow: t, theme: o }) })
|
|
2731
2732
|
] }) });
|
|
2732
2733
|
export {
|
|
2733
|
-
|
|
2734
|
+
nn as T
|
|
2734
2735
|
};
|