@marktoflow/gui 2.0.0-alpha.5 → 2.0.1

package/dist/client/assets/index-Dru63gi6.css

@@ -1 +0,0 @@
-.react-flow{direction:ltr;--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: rgba(255, 255, 255, .5);--xy-minimap-background-color-default: #fff;--xy-minimap-mask-background-color-default: rgba(240, 240, 240, .6);--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-color-default: inherit;--xy-node-border-default: 1px solid #1a192b;--xy-node-background-color-default: #fff;--xy-node-group-background-color-default: rgba(240, 240, 240, .25);--xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(0, 0, 0, .08);--xy-node-boxshadow-selected-default: 0 0 0 .5px #1a192b;--xy-node-border-radius-default: 3px;--xy-handle-background-color-default: #1a192b;--xy-handle-border-color-default: #fff;--xy-selection-background-color-default: rgba(0, 89, 220, .08);--xy-selection-border-default: 1px dotted rgba(0, 89, 220, .8);--xy-controls-button-background-color-default: #fefefe;--xy-controls-button-background-color-hover-default: #f4f4f4;--xy-controls-button-color-default: inherit;--xy-controls-button-color-hover-default: inherit;--xy-controls-button-border-color-default: #eee;--xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, .08);--xy-edge-label-background-color-default: #ffffff;--xy-edge-label-color-default: inherit;--xy-resize-background-color-default: #3367d9}.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: rgba(150, 150, 150, .25);--xy-minimap-background-color-default: #141414;--xy-minimap-mask-background-color-default: rgba(60, 60, 60, .6);--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;--xy-node-border-default: 1px solid #3c3c3c;--xy-node-background-color-default: #1e1e1e;--xy-node-group-background-color-default: rgba(240, 240, 240, .25);--xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(255, 255, 255, .08);--xy-node-boxshadow-selected-default: 0 0 0 .5px #999;--xy-handle-background-color-default: #bebebe;--xy-handle-border-color-default: #1e1e1e;--xy-selection-background-color-default: rgba(200, 200, 220, .08);--xy-selection-border-default: 1px dotted rgba(200, 200, 220, .8);--xy-controls-button-background-color-default: #2b2b2b;--xy-controls-button-background-color-hover-default: #3e3e3e;--xy-controls-button-color-default: #f8f8f8;--xy-controls-button-color-hover-default: #fff;--xy-controls-button-border-color-default: #5b5b5b;--xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, .08);--xy-edge-label-background-color-default: #141414;--xy-edge-label-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{position:absolute;width:100%;height:100%;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{overflow:visible;position:absolute;pointer-events:none}.react-flow__edge{pointer-events:visibleStroke}.react-flow__edge.selectable{cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.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;-moz-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:dashdraw .5s linear infinite}svg.react-flow__connectionline{z-index:1001;overflow:visible;position:absolute}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:default}.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:left top;pointer-events:none}.react-flow__nodesselection-rect{position:absolute;pointer-events:all;cursor:grab}.react-flow__handle{position:absolute;pointer-events:none;min-width:5px;min-height:5px;width:6px;height:6px;background-color:var(--xy-handle-background-color, var(--xy-handle-background-color-default));border:1px solid var(--xy-handle-border-color, var(--xy-handle-border-color-default));border-radius:100%}.react-flow__handle.connectingfrom{pointer-events:all}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;left:50%;bottom:0;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{position:absolute;z-index:5;margin:15px}.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{font-size:10px;background:var(--xy-attribution-background-color, var(--xy-attribution-background-color-default));padding:2px 3px;margin:0}.react-flow__attribution a{text-decoration:none;color:#999}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{position:absolute;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;left:0;top:0}.react-flow__viewport-portal{position:absolute;width:100%;height:100%;left:0;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.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{display:flex;flex-direction:column;box-shadow:var(--xy-controls-box-shadow, var(--xy-controls-box-shadow-default))}.react-flow__controls.horizontal{flex-direction:row}.react-flow__controls-button{display:flex;justify-content:center;align-items:center;height:26px;width:26px;padding:4px;border:none;background:var(--xy-controls-button-background-color, var(--xy-controls-button-background-color-default));border-bottom:1px solid var( --xy-controls-button-border-color-props, var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default)) );color:var( --xy-controls-button-color-props, var(--xy-controls-button-color, var(--xy-controls-button-color-default)) );cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__controls-button svg{width:100%;max-width:12px;max-height:12px;fill:currentColor}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-input,.react-flow__node-default,.react-flow__node-output,.react-flow__node-group{padding:10px;border-radius:var(--xy-node-border-radius, var(--xy-node-border-radius-default));width:150px;font-size:12px;color:var(--xy-node-color, var(--xy-node-color-default));text-align:center;border:var(--xy-node-border, var(--xy-node-border-default));background-color:var(--xy-node-background-color, var(--xy-node-background-color-default))}.react-flow__node-input.selectable:hover,.react-flow__node-default.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:var(--xy-node-boxshadow-hover, var(--xy-node-boxshadow-hover-default))}.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible{box-shadow:var(--xy-node-boxshadow-selected, var(--xy-node-boxshadow-selected-default))}.react-flow__node-group{background-color:var(--xy-node-group-background-color, var(--xy-node-group-background-color-default))}.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__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls-button:hover{background:var( --xy-controls-button-background-color-hover-props, var(--xy-controls-button-background-color-hover, var(--xy-controls-button-background-color-hover-default)) );color:var( --xy-controls-button-color-hover-props, var(--xy-controls-button-color-hover, var(--xy-controls-button-color-hover-default)) )}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__controls-button:last-child{border-bottom:none}.react-flow__controls.horizontal .react-flow__controls-button{border-bottom:none;border-right:1px solid var( --xy-controls-button-border-color-props, var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default)) )}.react-flow__controls.horizontal .react-flow__controls-button:last-child{border-right:none}.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{width:5px;height:5px;border:1px solid #fff;border-radius:1px;background-color:var(--xy-resize-background-color, var(--xy-resize-background-color-default));translate:-50% -50%}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.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-width:0;border-style:solid}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;transform:translate(-50%);top:0;height:100%}.react-flow__resize-control.line.left{left:0;border-left-width:1px}.react-flow__resize-control.line.right{left:100%;border-right-width:1px}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{height:1px;transform:translateY(-50%);left:0;width:100%}.react-flow__resize-control.line.top{top:0;border-top-width:1px}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.react-flow__edge-textbg{fill:var(--xy-edge-label-background-color, var(--xy-edge-label-background-color-default))}.react-flow__edge-text{fill:var(--xy-edge-label-color, var(--xy-edge-label-color-default))}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Inter,system-ui,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:JetBrains Mono,Consolas,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{top:0;right:0;bottom:0;left:0}.inset-y-0{top:0;bottom:0}.-right-1{right:-.25rem}.-top-1{top:-.25rem}.bottom-20{bottom:5rem}.left-0{left:0}.left-1\/2{left:50%}.left-2{left:.5rem}.left-3{left:.75rem}.left-4{left:1rem}.left-\[50\%\]{left:50%}.right-0{right:0}.right-3{right:.75rem}.right-4{right:1rem}.top-1\/2{top:50%}.top-4{top:1rem}.top-\[50\%\]{top:50%}.top-full{top:100%}.z-10{z-index:10}.z-20{z-index:20}.z-40{z-index:40}.z-50{z-index:50}.-mx-1{margin-left:-.25rem;margin-right:-.25rem}.mx-1{margin-left:.25rem;margin-right:.25rem}.mx-auto{margin-left:auto;margin-right:auto}.my-1{margin-top:.25rem;margin-bottom:.25rem}.-mb-px{margin-bottom:-1px}.mb-1{margin-bottom:.25rem}.mb-1\.5{margin-bottom:.375rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-4{margin-left:1rem}.ml-auto{margin-left:auto}.mr-1\.5{margin-right:.375rem}.mr-2{margin-right:.5rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.block{display:block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.\!h-2\.5{height:.625rem!important}.\!h-3{height:.75rem!important}.h-1{height:.25rem}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-2{height:.5rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-full{height:100%}.h-px{height:1px}.h-screen{height:100vh}.max-h-20{max-height:5rem}.max-h-40{max-height:10rem}.max-h-64{max-height:16rem}.max-h-\[200px\]{max-height:200px}.max-h-\[350px\]{max-height:350px}.max-h-\[400px\]{max-height:400px}.max-h-\[60vh\]{max-height:60vh}.max-h-\[calc\(85vh-8rem\)\]{max-height:calc(85vh - 8rem)}.\!w-2\.5{width:.625rem!important}.\!w-3{width:.75rem!important}.w-10{width:2.5rem}.w-12{width:3rem}.w-2{width:.5rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-64{width:16rem}.w-72{width:18rem}.w-8{width:2rem}.w-80{width:20rem}.w-full{width:100%}.w-px{width:1px}.w-screen{width:100vw}.min-w-0{min-width:0px}.min-w-\[12rem\]{min-width:12rem}.min-w-\[150px\]{min-width:150px}.min-w-\[160px\]{min-width:160px}.min-w-\[180px\]{min-width:180px}.min-w-\[200px\]{min-width:200px}.min-w-\[250px\]{min-width:250px}.min-w-\[8rem\]{min-width:8rem}.max-w-2xl{max-width:42rem}.max-w-4xl{max-width:56rem}.max-w-\[140px\]{max-width:140px}.max-w-\[150px\]{max-width:150px}.max-w-\[180px\]{max-width:180px}.max-w-\[85vw\]{max-width:85vw}.max-w-\[90vw\]{max-width:90vw}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.max-w-none{max-width:none}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-\[-50\%\]{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\[-50\%\]{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.7}0%,to{opacity:1}}.animate-pulse{animation:pulse 1.5s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.cursor-default{cursor:default}.cursor-grab{cursor:grab}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize-none{resize:none}.resize{resize:both}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-sm{border-radius:.125rem}.\!border-2{border-width:2px!important}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-l{border-left-width:1px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.\!border-canvas-bg{--tw-border-opacity: 1 !important;border-color:rgb(26 26 46 / var(--tw-border-opacity, 1))!important}.\!border-node-bg{--tw-border-opacity: 1 !important;border-color:rgb(45 45 74 / var(--tw-border-opacity, 1))!important}.border-error{--tw-border-opacity: 1;border-color:rgb(217 83 79 / var(--tw-border-opacity, 1))}.border-error\/20{border-color:#d9534f33}.border-error\/30{border-color:#d9534f4d}.border-error\/50{border-color:#d9534f80}.border-gray-500{--tw-border-opacity: 1;border-color:rgb(107 114 128 / var(--tw-border-opacity, 1))}.border-info{--tw-border-opacity: 1;border-color:rgb(91 192 222 / var(--tw-border-opacity, 1))}.border-node-border{--tw-border-opacity: 1;border-color:rgb(61 61 92 / var(--tw-border-opacity, 1))}.border-node-border\/50{border-color:#3d3d5c80}.border-orange-500\/30{border-color:#f973164d}.border-primary{--tw-border-opacity: 1;border-color:rgb(255 109 90 / var(--tw-border-opacity, 1))}.border-purple-400{--tw-border-opacity: 1;border-color:rgb(192 132 252 / var(--tw-border-opacity, 1))}.border-red-500\/30{border-color:#ef44444d}.border-success{--tw-border-opacity: 1;border-color:rgb(92 184 92 / var(--tw-border-opacity, 1))}.border-success\/30{border-color:#5cb85c4d}.border-transparent{border-color:transparent}.border-warning{--tw-border-opacity: 1;border-color:rgb(240 173 78 / var(--tw-border-opacity, 1))}.border-white\/10{border-color:#ffffff1a}.border-white\/20{border-color:#fff3}.border-yellow-500\/30{border-color:#eab3084d}.\!bg-blue-500{--tw-bg-opacity: 1 !important;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))!important}.\!bg-gray-400{--tw-bg-opacity: 1 !important;background-color:rgb(156 163 175 / var(--tw-bg-opacity, 1))!important}.\!bg-green-500{--tw-bg-opacity: 1 !important;background-color:rgb(34 197 94 / var(--tw-bg-opacity, 1))!important}.\!bg-info{--tw-bg-opacity: 1 !important;background-color:rgb(91 192 222 / var(--tw-bg-opacity, 1))!important}.\!bg-orange-500{--tw-bg-opacity: 1 !important;background-color:rgb(249 115 22 / var(--tw-bg-opacity, 1))!important}.\!bg-primary{--tw-bg-opacity: 1 !important;background-color:rgb(255 109 90 / var(--tw-bg-opacity, 1))!important}.\!bg-purple-400{--tw-bg-opacity: 1 !important;background-color:rgb(192 132 252 / var(--tw-bg-opacity, 1))!important}.\!bg-purple-500{--tw-bg-opacity: 1 !important;background-color:rgb(168 85 247 / var(--tw-bg-opacity, 1))!important}.\!bg-red-500{--tw-bg-opacity: 1 !important;background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1))!important}.\!bg-teal-500{--tw-bg-opacity: 1 !important;background-color:rgb(20 184 166 / var(--tw-bg-opacity, 1))!important}.bg-black\/20{background-color:#0003}.bg-black\/50{background-color:#00000080}.bg-black\/90{background-color:#000000e6}.bg-blue-400\/10{background-color:#60a5fa1a}.bg-blue-500\/30{background-color:#3b82f64d}.bg-canvas-bg{--tw-bg-opacity: 1;background-color:rgb(26 26 46 / var(--tw-bg-opacity, 1))}.bg-error{--tw-bg-opacity: 1;background-color:rgb(217 83 79 / var(--tw-bg-opacity, 1))}.bg-error\/10{background-color:#d9534f1a}.bg-gray-400\/10{background-color:#9ca3af1a}.bg-gray-500{--tw-bg-opacity: 1;background-color:rgb(107 114 128 / var(--tw-bg-opacity, 1))}.bg-gray-500\/10{background-color:#6b72801a}.bg-gray-500\/20{background-color:#6b728033}.bg-gray-500\/30{background-color:#6b72804d}.bg-gray-500\/50{background-color:#6b728080}.bg-green-400\/10{background-color:#4ade801a}.bg-green-500{--tw-bg-opacity: 1;background-color:rgb(34 197 94 / var(--tw-bg-opacity, 1))}.bg-green-500\/30{background-color:#22c55e4d}.bg-info\/10{background-color:#5bc0de1a}.bg-info\/5{background-color:#5bc0de0d}.bg-node-bg{--tw-bg-opacity: 1;background-color:rgb(45 45 74 / var(--tw-bg-opacity, 1))}.bg-node-bg\/50{background-color:#2d2d4a80}.bg-node-border{--tw-bg-opacity: 1;background-color:rgb(61 61 92 / var(--tw-bg-opacity, 1))}.bg-orange-400{--tw-bg-opacity: 1;background-color:rgb(251 146 60 / var(--tw-bg-opacity, 1))}.bg-orange-400\/10{background-color:#fb923c1a}.bg-orange-500{--tw-bg-opacity: 1;background-color:rgb(249 115 22 / var(--tw-bg-opacity, 1))}.bg-orange-500\/20{background-color:#f9731633}.bg-panel-bg{--tw-bg-opacity: 1;background-color:rgb(35 35 64 / var(--tw-bg-opacity, 1))}.bg-panel-bg\/95{background-color:#232340f2}.bg-pink-400{--tw-bg-opacity: 1;background-color:rgb(244 114 182 / var(--tw-bg-opacity, 1))}.bg-primary{--tw-bg-opacity: 1;background-color:rgb(255 109 90 / var(--tw-bg-opacity, 1))}.bg-primary\/10{background-color:#ff6d5a1a}.bg-primary\/20{background-color:#ff6d5a33}.bg-purple-400\/10{background-color:#c084fc1a}.bg-purple-500\/30{background-color:#a855f74d}.bg-red-500{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1))}.bg-red-500\/20{background-color:#ef444433}.bg-red-500\/30{background-color:#ef44444d}.bg-success{--tw-bg-opacity: 1;background-color:rgb(92 184 92 / var(--tw-bg-opacity, 1))}.bg-success\/10{background-color:#5cb85c1a}.bg-teal-400\/10{background-color:#2dd4bf1a}.bg-transparent{background-color:transparent}.bg-warning{--tw-bg-opacity: 1;background-color:rgb(240 173 78 / var(--tw-bg-opacity, 1))}.bg-warning\/10{background-color:#f0ad4e1a}.bg-white\/10{background-color:#ffffff1a}.bg-white\/20{background-color:#fff3}.bg-white\/5{background-color:#ffffff0d}.bg-yellow-400\/10{background-color:#facc151a}.bg-yellow-500{--tw-bg-opacity: 1;background-color:rgb(234 179 8 / var(--tw-bg-opacity, 1))}.bg-yellow-500\/20{background-color:#eab30833}.fill-current{fill:currentColor}.\!p-1{padding:.25rem!important}.\!p-2{padding:.5rem!important}.p-0{padding:0}.p-1{padding:.25rem}.p-1\.5{padding:.375rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-1{padding-bottom:.25rem}.pb-2{padding-bottom:.5rem}.pb-3{padding-bottom:.75rem}.pl-10{padding-left:2.5rem}.pl-11{padding-left:2.75rem}.pl-2{padding-left:.5rem}.pl-8{padding-left:2rem}.pl-9{padding-left:2.25rem}.pr-2{padding-right:.5rem}.pr-3{padding-right:.75rem}.pr-4{padding-right:1rem}.pt-1{padding-top:.25rem}.pt-2{padding-top:.5rem}.text-left{text-align:left}.text-center{text-align:center}.font-mono{font-family:JetBrains Mono,Consolas,monospace}.text-\[10px\]{font-size:10px}.text-\[8px\]{font-size:8px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.text-blue-200{--tw-text-opacity: 1;color:rgb(191 219 254 / var(--tw-text-opacity, 1))}.text-blue-400{--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity, 1))}.text-cyan-400{--tw-text-opacity: 1;color:rgb(34 211 238 / var(--tw-text-opacity, 1))}.text-error{--tw-text-opacity: 1;color:rgb(217 83 79 / var(--tw-text-opacity, 1))}.text-gray-200{--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}.text-gray-300{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.text-green-200{--tw-text-opacity: 1;color:rgb(187 247 208 / var(--tw-text-opacity, 1))}.text-green-400{--tw-text-opacity: 1;color:rgb(74 222 128 / var(--tw-text-opacity, 1))}.text-info{--tw-text-opacity: 1;color:rgb(91 192 222 / var(--tw-text-opacity, 1))}.text-orange-200{--tw-text-opacity: 1;color:rgb(254 215 170 / var(--tw-text-opacity, 1))}.text-orange-300{--tw-text-opacity: 1;color:rgb(253 186 116 / var(--tw-text-opacity, 1))}.text-orange-400{--tw-text-opacity: 1;color:rgb(251 146 60 / var(--tw-text-opacity, 1))}.text-primary{--tw-text-opacity: 1;color:rgb(255 109 90 / var(--tw-text-opacity, 1))}.text-purple-200{--tw-text-opacity: 1;color:rgb(233 213 255 / var(--tw-text-opacity, 1))}.text-purple-400{--tw-text-opacity: 1;color:rgb(192 132 252 / var(--tw-text-opacity, 1))}.text-red-200{--tw-text-opacity: 1;color:rgb(254 202 202 / var(--tw-text-opacity, 1))}.text-success{--tw-text-opacity: 1;color:rgb(92 184 92 / var(--tw-text-opacity, 1))}.text-teal-400{--tw-text-opacity: 1;color:rgb(45 212 191 / var(--tw-text-opacity, 1))}.text-warning{--tw-text-opacity: 1;color:rgb(240 173 78 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-white\/40{color:#fff6}.text-white\/50{color:#ffffff80}.text-white\/60{color:#fff9}.text-white\/70{color:#ffffffb3}.text-white\/90{color:#ffffffe6}.text-yellow-200{--tw-text-opacity: 1;color:rgb(254 240 138 / var(--tw-text-opacity, 1))}.text-yellow-300{--tw-text-opacity: 1;color:rgb(253 224 71 / var(--tw-text-opacity, 1))}.text-yellow-400{--tw-text-opacity: 1;color:rgb(250 204 21 / var(--tw-text-opacity, 1))}.text-yellow-500{--tw-text-opacity: 1;color:rgb(234 179 8 / var(--tw-text-opacity, 1))}.line-through{text-decoration-line:line-through}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.placeholder-gray-500::-moz-placeholder{--tw-placeholder-opacity: 1;color:rgb(107 114 128 / var(--tw-placeholder-opacity, 1))}.placeholder-gray-500::placeholder{--tw-placeholder-opacity: 1;color:rgb(107 114 128 / var(--tw-placeholder-opacity, 1))}.opacity-0{opacity:0}.opacity-50{opacity:.5}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-xl{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.ring-1{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-2{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-blue-400\/50{--tw-ring-color: rgb(96 165 250 / .5)}.ring-gray-400\/50{--tw-ring-color: rgb(156 163 175 / .5)}.ring-green-400\/50{--tw-ring-color: rgb(74 222 128 / .5)}.ring-primary{--tw-ring-opacity: 1;--tw-ring-color: rgb(255 109 90 / var(--tw-ring-opacity, 1))}.ring-purple-400\/50{--tw-ring-color: rgb(192 132 252 / .5)}.ring-red-400\/50{--tw-ring-color: rgb(248 113 113 / .5)}.ring-offset-2{--tw-ring-offset-width: 2px}.ring-offset-canvas-bg{--tw-ring-offset-color: #1a1a2e}.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)}.backdrop-blur{--tw-backdrop-blur: blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-sm{--tw-backdrop-blur: blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#3d3d5c;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#4d4d6c}.react-flow__background{background-color:#1a1a2e!important}.react-flow__minimap,.react-flow__controls{background-color:#232340!important;border-radius:8px;border:1px solid #3d3d5c}.react-flow__controls-button{background-color:#2d2d4a!important;border-color:#3d3d5c!important;color:#fff!important}.react-flow__controls-button:hover{background-color:#3d3d5c!important}.step-node{min-width:200px;border-radius:8px;background:#2d2d4a;border:2px solid #3d3d5c;box-shadow:0 4px 12px #0000004d;transition:all .2s ease}.step-node:hover{border-color:#ff6d5a}.step-node.selected{border-color:#ff6d5a;box-shadow:0 0 0 4px #ff6d5a33}.step-node.running{animation:pulse 1.5s ease-in-out infinite}.step-node.completed{border-color:#5cb85c}.step-node.failed{border-color:#d9534f}.control-flow-node{min-width:220px;border-radius:12px;border:2px solid transparent;box-shadow:0 4px 16px #0006;transition:all .2s ease;overflow:hidden}.control-flow-node:hover{box-shadow:0 6px 20px #00000080;transform:translateY(-1px)}.control-flow-node.selected{box-shadow:0 0 0 4px #ff6d5a4d,0 4px 16px #0006;border-color:#ff6d5a80}.control-flow-node.running{animation:pulse 1.5s ease-in-out infinite}.control-flow-node.completed{box-shadow:0 0 0 2px #5cb85c66,0 4px 16px #0006}.control-flow-node.failed{box-shadow:0 0 0 2px #d9534f66,0 4px 16px #0006}.if-else-node,.switch-node,.for-each-node,.while-node,.parallel-node,.try-catch-node,.transform-node{position:relative}.control-flow-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10;pointer-events:none;animation:fadeIn .2s ease-out}.control-flow-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:6px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.control-flow-badge.early-exit{background:#ff980033;border:1px solid rgba(255,152,0,.5);color:#ff9800}.control-flow-badge.skipped{background:#80808033;border:1px solid rgba(128,128,128,.5);color:#999}.control-flow-badge.max-concurrent{background:#ffc10733;border:1px solid rgba(255,193,7,.5);color:#ffc107}.react-flow__edge-path.animated{stroke-dasharray:8;animation:flowEdge 1s linear infinite}@keyframes flowEdge{0%{stroke-dashoffset:24}to{stroke-dashoffset:0}}.monaco-editor{border-radius:8px;overflow:hidden}.light{--color-bg-canvas: #f5f5f7;--color-bg-panel: #ffffff;--color-bg-node: #ffffff;--color-border-node: #e5e5e5;--color-text-primary: #1a1a2e;--color-text-secondary: #666666;--color-text-muted: #999999}.dark{--color-bg-canvas: #1a1a2e;--color-bg-panel: #232340;--color-bg-node: #2d2d4a;--color-border-node: #3d3d5c;--color-text-primary: #ffffff;--color-text-secondary: #d0d0d0;--color-text-muted: #888888}.light .react-flow__background{background-color:#f5f5f7!important}.light .react-flow__background pattern circle{fill:#d0d0d0!important}.light .react-flow__minimap,.light .react-flow__controls{background-color:#fff!important;border-color:#e5e5e5}.light .react-flow__controls-button{background-color:#f5f5f7!important;border-color:#e5e5e5!important;color:#1a1a2e!important}.light .react-flow__controls-button:hover{background-color:#e5e5e5!important}.light .step-node{background:#fff;border-color:#e5e5e5;box-shadow:0 2px 8px #0000001a}.light .step-node:hover{border-color:#ff6d5a}.light ::-webkit-scrollbar-thumb{background:#d0d0d0}.light ::-webkit-scrollbar-thumb:hover{background:#b0b0b0}.light .text-white{color:#1a1a2e}.light .text-gray-300{color:#4a4a4a}.light .text-gray-400{color:#666}.light .text-gray-500{color:#888}.light .bg-canvas-bg{background-color:#f5f5f7}.light .bg-panel-bg{background-color:#fff}.light .bg-node-bg{background-color:#f5f5f7}.light .border-node-border{border-color:#e5e5e5}.light .bg-primary\/10{background-color:#ff6d5a26}.light .hover\:bg-white\/5:hover{background-color:#0000000d}.light .hover\:bg-white\/10:hover{background-color:#00000014}.light input,.light textarea,.light select{background-color:#fff;border-color:#e5e5e5;color:#1a1a2e}.light input::-moz-placeholder,.light textarea::-moz-placeholder{color:#999}.light input::placeholder,.light textarea::placeholder{color:#999}.light input:focus,.light textarea:focus,.light select:focus{border-color:#ff6d5a}.light kbd{background-color:#f5f5f7;border-color:#e5e5e5;color:#4a4a4a}@keyframes slideInLeft{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOutLeft{0%{transform:translate(0);opacity:1}to{transform:translate(-100%);opacity:0}}@keyframes slideOutRight{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-slide-in-left{animation:slideInLeft .2s ease-out forwards}.animate-slide-in-right{animation:slideInRight .2s ease-out forwards}.animate-slide-out-left{animation:slideOutLeft .2s ease-in forwards}.animate-slide-out-right{animation:slideOutRight .2s ease-in forwards}.animate-fade-in{animation:fadeIn .15s ease-out forwards}@media(max-width:767px){.toolbar-button{min-width:44px;min-height:44px}.react-flow__controls{bottom:80px!important}.prompt-input-container{padding:8px}}@media(min-width:768px)and (max-width:1023px){.react-flow__minimap{display:none}}.last\:border-0:last-child{border-width:0px}.last\:border-b-0:last-child{border-bottom-width:0px}.hover\:border-error:hover{--tw-border-opacity: 1;border-color:rgb(217 83 79 / var(--tw-border-opacity, 1))}.hover\:border-info:hover{--tw-border-opacity: 1;border-color:rgb(91 192 222 / var(--tw-border-opacity, 1))}.hover\:border-primary:hover{--tw-border-opacity: 1;border-color:rgb(255 109 90 / var(--tw-border-opacity, 1))}.hover\:border-primary\/50:hover{border-color:#ff6d5a80}.hover\:bg-error\/10:hover{background-color:#d9534f1a}.hover\:bg-error\/20:hover{background-color:#d9534f33}.hover\:bg-info\/20:hover{background-color:#5bc0de33}.hover\:bg-primary-dark:hover{--tw-bg-opacity: 1;background-color:rgb(229 90 72 / var(--tw-bg-opacity, 1))}.hover\:bg-primary\/10:hover{background-color:#ff6d5a1a}.hover\:bg-primary\/20:hover{background-color:#ff6d5a33}.hover\:bg-white\/10:hover{background-color:#ffffff1a}.hover\:bg-white\/5:hover{background-color:#ffffff0d}.hover\:text-error:hover{--tw-text-opacity: 1;color:rgb(217 83 79 / var(--tw-text-opacity, 1))}.hover\:text-gray-200:hover{--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}.hover\:text-gray-300:hover{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.hover\:text-primary:hover{--tw-text-opacity: 1;color:rgb(255 109 90 / var(--tw-text-opacity, 1))}.hover\:text-primary-light:hover{--tw-text-opacity: 1;color:rgb(255 138 122 / var(--tw-text-opacity, 1))}.hover\:text-white:hover{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.focus\:border-error:focus{--tw-border-opacity: 1;border-color:rgb(217 83 79 / var(--tw-border-opacity, 1))}.focus\:border-primary:focus{--tw-border-opacity: 1;border-color:rgb(255 109 90 / var(--tw-border-opacity, 1))}.focus\:bg-error\/10:focus{background-color:#d9534f1a}.focus\:bg-white\/10:focus{background-color:#ffffff1a}.focus\:text-error:focus{--tw-text-opacity: 1;color:rgb(217 83 79 / var(--tw-text-opacity, 1))}.focus\:text-white:focus{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-primary:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(255 109 90 / var(--tw-ring-opacity, 1))}.focus\:ring-primary\/50:focus{--tw-ring-color: rgb(255 109 90 / .5)}.focus\:ring-offset-2:focus{--tw-ring-offset-width: 2px}.focus\:ring-offset-panel-bg:focus{--tw-ring-offset-color: #232340}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus-visible\:ring-primary\/50:focus-visible{--tw-ring-color: rgb(255 109 90 / .5)}.active\:cursor-grabbing:active{cursor:grabbing}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-50:disabled{opacity:.5}.group:hover .group-hover\:opacity-100{opacity:1}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[state\=active\]\:-mb-px[data-state=active]{margin-bottom:-1px}.data-\[state\=active\]\:border-b-2[data-state=active]{border-bottom-width:2px}.data-\[state\=active\]\:border-primary[data-state=active]{--tw-border-opacity: 1;border-color:rgb(255 109 90 / var(--tw-border-opacity, 1))}.data-\[state\=open\]\:bg-white\/10[data-state=open]{background-color:#ffffff1a}.data-\[state\=active\]\:text-primary[data-state=active]{--tw-text-opacity: 1;color:rgb(255 109 90 / var(--tw-text-opacity, 1))}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.dark\:hover\:bg-white\/10:hover:is(.dark *){background-color:#ffffff1a}@media(min-width:640px){.sm\:inline{display:inline}}@media(min-width:768px){.md\:hidden{display:none}}

package/playwright.config.ts

@@ -1,27 +0,0 @@
-import { defineConfig, devices } from '@playwright/test';
-
-export default defineConfig({
-  testDir: './tests/e2e',
-  fullyParallel: true,
-  forbidOnly: !!process.env.CI,
-  retries: process.env.CI ? 2 : 0,
-  workers: process.env.CI ? 1 : undefined,
-  reporter: 'html',
-  use: {
-    baseURL: 'http://localhost:5173',
-    trace: 'on-first-retry',
-    screenshot: 'only-on-failure',
-  },
-  projects: [
-    {
-      name: 'chromium',
-      use: { ...devices['Desktop Chrome'] },
-    },
-  ],
-  webServer: {
-    command: 'pnpm dev',
-    url: 'http://localhost:5173',
-    reuseExistingServer: !process.env.CI,
-    timeout: 120000,
-  },
-});

package/postcss.config.js

@@ -1,6 +0,0 @@
-export default {
-  plugins: {
-    tailwindcss: {},
-    autoprefixer: {},
-  },
-};

package/src/client/App.tsx

@@ -1,520 +0,0 @@
-import { useEffect, useCallback, useState, useRef } from 'react';
-import { ReactFlowProvider } from '@xyflow/react';
-import { Menu, PanelRight, X } from 'lucide-react';
-import { Canvas } from './components/Canvas/Canvas';
-import { Toolbar } from './components/Canvas/Toolbar';
-import { ExecutionOverlay } from './components/Canvas/ExecutionOverlay';
-import { Sidebar } from './components/Sidebar/Sidebar';
-import { PropertiesPanel } from './components/Panels/PropertiesPanel';
-import { PromptInput } from './components/Prompt/PromptInput';
-import { ChangePreview } from './components/Prompt/ChangePreview';
-import { NewStepWizard } from './components/Editor/NewStepWizard';
-import {
-  KeyboardShortcuts,
-  KeyboardShortcutsButton,
-  useKeyboardShortcuts,
-} from './components/common/KeyboardShortcuts';
-import { ThemeToggle } from './components/common/ThemeToggle';
-import { Breadcrumb, type BreadcrumbItem } from './components/common/Breadcrumb';
-import { useWorkflow } from './hooks/useWorkflow';
-import { useWebSocket } from './hooks/useWebSocket';
-import { usePromptStore } from './stores/promptStore';
-import { useEditorStore } from './stores/editorStore';
-import { useNavigationStore } from './stores/navigationStore';
-import { useWorkflowStore } from './stores/workflowStore';
-import { useExecutionStore } from './stores/executionStore';
-import { useLayoutStore, getBreakpoint } from './stores/layoutStore';
-import type { WorkflowStep, StepStatus, WorkflowStatus } from '@shared/types';
-
-export default function App() {
-  // Workflow management
-  const {
-    currentWorkflow,
-    selectedWorkflow,
-    saveWorkflow,
-    refreshWorkflows,
-  } = useWorkflow();
-
-  // Editor state
-  const {
-    isNewStepOpen,
-    newStepPosition,
-    openNewStepWizard,
-    closeNewStepWizard,
-  } = useEditorStore();
-
-  // Prompt state
-  const { pendingChanges, acceptChanges, rejectChanges } = usePromptStore();
-
-  // Keyboard shortcuts
-  const { isOpen: isShortcutsOpen, setIsOpen: setShortcutsOpen, openShortcuts } = useKeyboardShortcuts();
-
-  // Navigation for sub-workflow drilling
-  const { breadcrumbs, popToIndex, resetNavigation } = useNavigationStore();
-  const { loadWorkflow } = useWorkflowStore();
-
-  // Handle breadcrumb navigation
-  const handleBreadcrumbNavigate = useCallback((item: BreadcrumbItem, index: number) => {
-    // Navigate to the clicked breadcrumb
-    popToIndex(index);
-    loadWorkflow(item.path || '');
-  }, [popToIndex, loadWorkflow]);
-
-  // WebSocket for real-time updates
-  const { connected } = useWebSocket({
-    onWorkflowUpdated: () => {
-      refreshWorkflows();
-    },
-  });
-
-  // Execution store
-  const {
-    isExecuting,
-    isPaused,
-    currentRunId,
-    runs,
-    startExecution,
-    updateStepStatus,
-    completeExecution,
-    addLog,
-    pauseExecution,
-    resumeExecution,
-    cancelExecution,
-    // Debug methods
-    debug,
-    enableDebugMode,
-    disableDebugMode,
-    toggleBreakpoint,
-    clearAllBreakpoints,
-    stepOver,
-    stepInto,
-    stepOut,
-    addWatchExpression,
-    removeWatchExpression,
-  } = useExecutionStore();
-
-  // Layout store for responsive behavior
-  const {
-    breakpoint,
-    setBreakpoint,
-    sidebarOpen,
-    setSidebarOpen,
-    propertiesPanelOpen,
-    setPropertiesPanelOpen,
-  } = useLayoutStore();
-
-  // Breakpoint detection on resize
-  useEffect(() => {
-    const handleResize = () => {
-      const newBreakpoint = getBreakpoint(window.innerWidth);
-      if (newBreakpoint !== breakpoint) {
-        setBreakpoint(newBreakpoint);
-      }
-    };
-
-    // Set initial breakpoint
-    handleResize();
-
-    window.addEventListener('resize', handleResize);
-    return () => window.removeEventListener('resize', handleResize);
-  }, [breakpoint, setBreakpoint]);
-
-  // Local execution state for overlay
-  const [workflowStatus, setWorkflowStatus] = useState<WorkflowStatus>('pending');
-  const [executionSteps, setExecutionSteps] = useState<Array<{
-    stepId: string;
-    stepName: string;
-    status: StepStatus;
-    duration?: number;
-    error?: string;
-  }>>([]);
-  const [executionLogs, setExecutionLogs] = useState<string[]>([]);
-  const [currentStepId, setCurrentStepId] = useState<string | null>(null);
-  const runIdRef = useRef<string | null>(null);
-
-  // Handle adding a new step
-  const handleAddStep = useCallback(() => {
-    openNewStepWizard();
-  }, [openNewStepWizard]);
-
-  // Handle step creation
-  const handleCreateStep = useCallback(
-    (step: WorkflowStep) => {
-      if (!currentWorkflow) return;
-
-      // Add step to workflow
-      const updatedWorkflow = {
-        ...currentWorkflow,
-        steps: [...currentWorkflow.steps, step],
-      };
-
-      saveWorkflow(updatedWorkflow);
-      console.log('Created step:', step);
-    },
-    [currentWorkflow, saveWorkflow]
-  );
-
-  // Handle workflow execution
-  const handleExecute = useCallback(() => {
-    if (isExecuting) {
-      // Stop execution
-      if (runIdRef.current) {
-        cancelExecution(runIdRef.current);
-      }
-      setWorkflowStatus('cancelled');
-      setExecutionLogs((prev) => [...prev, 'Execution cancelled by user']);
-      return;
-    }
-
-    if (!currentWorkflow) return;
-
-    // Start execution - store in history
-    const workflowName = currentWorkflow.metadata?.name || 'Untitled Workflow';
-    const runId = startExecution(
-      selectedWorkflow || 'unknown',
-      workflowName
-    );
-    runIdRef.current = runId;
-
-    // Update local state for overlay
-    setWorkflowStatus('running');
-    setCurrentStepId(null);
-    setExecutionLogs(['Starting workflow execution...']);
-
-    // Initialize steps
-    setExecutionSteps(
-      currentWorkflow.steps.map((step) => ({
-        stepId: step.id,
-        stepName: step.name || step.id,
-        status: 'pending' as StepStatus,
-      }))
-    );
-
-    // Simulate execution (replace with actual execution via API)
-    simulateExecution(currentWorkflow.steps, runId);
-  }, [isExecuting, currentWorkflow, selectedWorkflow, startExecution, cancelExecution]);
-
-  // Simulate workflow execution
-  const simulateExecution = useCallback(
-    async (steps: WorkflowStep[], runId: string) => {
-      for (let i = 0; i < steps.length; i++) {
-        const step = steps[i];
-        const stepName = step.name || step.id;
-
-        // Update current step
-        setCurrentStepId(step.id);
-        setExecutionSteps((prev) =>
-          prev.map((s) =>
-            s.stepId === step.id ? { ...s, status: 'running' as StepStatus } : s
-          )
-        );
-        setExecutionLogs((prev) => [
-          ...prev,
-          'Executing step: ' + stepName,
-        ]);
-
-        // Update execution store
-        updateStepStatus(runId, step.id, 'running');
-        addLog(runId, 'Executing step: ' + stepName);
-
-        // Simulate step execution
-        await new Promise((resolve) => setTimeout(resolve, 1000 + Math.random() * 1000));
-
-        // Update step status
-        const success = Math.random() > 0.1; // 90% success rate
-        const duration = Math.floor(1000 + Math.random() * 1000);
-        const error = success ? undefined : 'Simulated error';
-
-        setExecutionSteps((prev) =>
-          prev.map((s) =>
-            s.stepId === step.id
-              ? {
-                  ...s,
-                  status: success ? ('completed' as StepStatus) : ('failed' as StepStatus),
-                  duration,
-                  error,
-                }
-              : s
-          )
-        );
-
-        const logMessage = success
-          ? 'Step "' + stepName + '" completed'
-          : 'Step "' + stepName + '" failed';
-        setExecutionLogs((prev) => [...prev, logMessage]);
-
-        // Update execution store
-        updateStepStatus(runId, step.id, success ? 'completed' : 'failed', undefined, error);
-        addLog(runId, logMessage);
-
-        if (!success) {
-          setWorkflowStatus('failed');
-          completeExecution(runId, 'failed');
-          runIdRef.current = null;
-          return;
-        }
-      }
-
-      setWorkflowStatus('completed');
-      setExecutionLogs((prev) => [...prev, 'Workflow completed successfully!']);
-      completeExecution(runId, 'completed');
-      runIdRef.current = null;
-    },
-    [updateStepStatus, addLog, completeExecution]
-  );
-
-  // Handle save
-  const handleSave = useCallback(() => {
-    if (currentWorkflow) {
-      saveWorkflow(currentWorkflow);
-    }
-  }, [currentWorkflow, saveWorkflow]);
-
-  // Handle navigating back to parent workflow
-  const handleNavigateBack = useCallback(() => {
-    if (breadcrumbs.length > 1) {
-      const parentIndex = breadcrumbs.length - 2;
-      const parentItem = breadcrumbs[parentIndex];
-      popToIndex(parentIndex);
-      loadWorkflow(parentItem.path);
-    }
-  }, [breadcrumbs, popToIndex, loadWorkflow]);
-
-  // Handle navigating to root workflow
-  const handleNavigateToRoot = useCallback(() => {
-    if (breadcrumbs.length > 1) {
-      const rootItem = breadcrumbs[0];
-      popToIndex(0);
-      loadWorkflow(rootItem.path);
-    }
-  }, [breadcrumbs, popToIndex, loadWorkflow]);
-
-  // Global keyboard shortcuts
-  useEffect(() => {
-    const handleKeyDown = (e: KeyboardEvent) => {
-      // Ignore if in an input/textarea
-      if (
-        e.target instanceof HTMLInputElement ||
-        e.target instanceof HTMLTextAreaElement
-      ) {
-        return;
-      }
-
-      const isMeta = e.metaKey || e.ctrlKey;
-
-      // Cmd/Ctrl + S: Save
-      if (isMeta && e.key === 's') {
-        e.preventDefault();
-        handleSave();
-      }
-
-      // Cmd/Ctrl + Enter: Execute
-      if (isMeta && e.key === 'Enter') {
-        e.preventDefault();
-        handleExecute();
-      }
-
-      // N: New step (when no modifier)
-      if (e.key === 'n' && !isMeta && !e.shiftKey && !e.altKey) {
-        e.preventDefault();
-        handleAddStep();
-      }
-
-      // Cmd/Ctrl + Left Arrow: Navigate back to parent workflow
-      if (isMeta && e.key === 'ArrowLeft') {
-        e.preventDefault();
-        handleNavigateBack();
-      }
-
-      // Cmd/Ctrl + Up Arrow: Navigate to root workflow
-      if (isMeta && e.key === 'ArrowUp') {
-        e.preventDefault();
-        handleNavigateToRoot();
-      }
-
-      // Debug keyboard shortcuts
-      // F9: Toggle debug mode
-      if (e.key === 'F9') {
-        e.preventDefault();
-        if (debug.enabled) {
-          disableDebugMode();
-        } else {
-          enableDebugMode();
-        }
-      }
-
-      // F10: Step over (when paused in debug mode)
-      if (e.key === 'F10' && debug.enabled && isPaused) {
-        e.preventDefault();
-        stepOver();
-      }
-
-      // F11: Step into (when paused in debug mode)
-      if (e.key === 'F11' && !e.shiftKey && debug.enabled && isPaused) {
-        e.preventDefault();
-        stepInto();
-      }
-
-      // Shift+F11: Step out (when paused in debug mode)
-      if (e.key === 'F11' && e.shiftKey && debug.enabled && isPaused) {
-        e.preventDefault();
-        stepOut();
-      }
-
-      // F5: Continue execution (when paused)
-      if (e.key === 'F5' && isPaused) {
-        e.preventDefault();
-        resumeExecution();
-      }
-    };
-
-    window.addEventListener('keydown', handleKeyDown);
-    return () => window.removeEventListener('keydown', handleKeyDown);
-  }, [handleSave, handleExecute, handleAddStep, handleNavigateBack, handleNavigateToRoot, debug.enabled, isPaused, enableDebugMode, disableDebugMode, stepOver, stepInto, stepOut, resumeExecution]);
-
-  return (
-    <ReactFlowProvider>
-      <div className="flex h-screen w-screen overflow-hidden bg-canvas-bg">
-        {/* Left Sidebar - Workflow List & Tools */}
-        <Sidebar />
-
-        {/* Main Canvas Area */}
-        <div className="flex flex-1 flex-col relative">
-          {/* Mobile Header */}
-          {breakpoint === 'mobile' && (
-            <div className="flex items-center justify-between p-3 border-b border-node-border bg-panel-bg">
-              <button
-                onClick={() => setSidebarOpen(true)}
-                className="w-10 h-10 rounded-lg flex items-center justify-center hover:bg-white/10 transition-colors"
-                aria-label="Open menu"
-              >
-                <Menu className="w-5 h-5 text-gray-400" />
-              </button>
-              <h1 className="text-sm font-medium text-white">Marktoflow</h1>
-              <button
-                onClick={() => setPropertiesPanelOpen(true)}
-                className="w-10 h-10 rounded-lg flex items-center justify-center hover:bg-white/10 transition-colors"
-                aria-label="Open properties"
-              >
-                <PanelRight className="w-5 h-5 text-gray-400" />
-              </button>
-            </div>
-          )}
-
-          {/* Desktop: Connection status, theme toggle & shortcuts */}
-          {breakpoint !== 'mobile' && (
-            <div className="absolute top-4 right-4 z-10 flex items-center gap-2">
-              <ThemeToggle showLabel />
-              <KeyboardShortcutsButton onClick={openShortcuts} />
-              <div
-                className={`flex items-center gap-2 px-3 py-1.5 rounded-full text-xs ${
-                  connected
-                    ? 'bg-success/10 text-success'
-                    : 'bg-error/10 text-error'
-                }`}
-              >
-                <div
-                  className={`w-2 h-2 rounded-full ${
-                    connected ? 'bg-success' : 'bg-error'
-                  }`}
-                />
-                {connected ? 'Connected' : 'Disconnected'}
-              </div>
-            </div>
-          )}
-
-          {/* Toolbar */}
-          <Toolbar
-            onAddStep={handleAddStep}
-            onExecute={handleExecute}
-            onSave={handleSave}
-            isExecuting={isExecuting}
-          />
-
-          {/* Breadcrumb for sub-workflow navigation */}
-          <Breadcrumb
-            items={breadcrumbs}
-            onNavigate={handleBreadcrumbNavigate}
-          />
-
-          {/* Canvas */}
-          <div className="flex-1 relative">
-            <Canvas />
-
-            {/* Execution Overlay */}
-            <ExecutionOverlay
-              isExecuting={isExecuting}
-              isPaused={isPaused}
-              workflowStatus={workflowStatus}
-              currentStepId={currentStepId}
-              steps={executionSteps}
-              logs={executionLogs}
-              onPause={() => pauseExecution()}
-              onResume={() => resumeExecution()}
-              onStop={() => {
-                if (runIdRef.current) {
-                  cancelExecution(runIdRef.current);
-                  runIdRef.current = null;
-                }
-                setWorkflowStatus('cancelled');
-              }}
-              onStepOver={() => stepOver()}
-              onClose={() => {
-                setWorkflowStatus('pending');
-                setExecutionSteps([]);
-                setExecutionLogs([]);
-              }}
-              // Debug props
-              debug={debug}
-              onToggleDebugMode={() => {
-                if (debug.enabled) {
-                  disableDebugMode();
-                } else {
-                  enableDebugMode();
-                }
-              }}
-              onToggleBreakpoint={(stepId) => toggleBreakpoint(stepId)}
-              onStepInto={() => stepInto()}
-              onStepOut={() => stepOut()}
-              onClearBreakpoints={() => clearAllBreakpoints()}
-              onAddWatchExpression={(expr) => addWatchExpression(expr)}
-              onRemoveWatchExpression={(expr) => removeWatchExpression(expr)}
-            />
-          </div>
-
-          {/* AI Prompt Input */}
-          <PromptInput />
-        </div>
-
-        {/* Right Panel - Properties */}
-        <PropertiesPanel />
-
-        {/* New Step Wizard */}
-        <NewStepWizard
-          open={isNewStepOpen}
-          onOpenChange={(open) => {
-            if (!open) closeNewStepWizard();
-          }}
-          onCreateStep={handleCreateStep}
-          position={newStepPosition || undefined}
-        />
-
-        {/* Change Preview Modal */}
-        {pendingChanges && (
-          <ChangePreview
-            open={!!pendingChanges}
-            onOpenChange={() => rejectChanges()}
-            originalWorkflow={currentWorkflow}
-            modifiedWorkflow={pendingChanges}
-            explanation="AI has suggested the following changes to your workflow."
-            onAccept={acceptChanges}
-            onReject={rejectChanges}
-          />
-        )}
-
-        {/* Keyboard Shortcuts Modal */}
-        <KeyboardShortcuts open={isShortcutsOpen} onOpenChange={setShortcutsOpen} />
-      </div>
-    </ReactFlowProvider>
-  );
-}