@uipath/apollo-react 4.0.0 → 4.1.1

package/dist/canvas/components/BaseNode/BaseNode.stories.cjs

@@ -1,1150 +0,0 @@
-"use strict";
-var __webpack_require__ = {};
-(()=>{
-    __webpack_require__.d = (exports1, definition)=>{
-        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
-            enumerable: true,
-            get: definition[key]
-        });
-    };
-})();
-(()=>{
-    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
-})();
-(()=>{
-    __webpack_require__.r = (exports1)=>{
-        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
-            value: 'Module'
-        });
-        Object.defineProperty(exports1, '__esModule', {
-            value: true
-        });
-    };
-})();
-var __webpack_exports__ = {};
-__webpack_require__.r(__webpack_exports__);
-__webpack_require__.d(__webpack_exports__, {
-    CustomizedSizes: ()=>CustomizedSizes,
-    ValidationStates: ()=>ValidationStates,
-    Default: ()=>Default,
-    Adornments: ()=>Adornments,
-    default: ()=>BaseNode_stories,
-    DynamicHandles: ()=>DynamicHandles
-});
-const jsx_runtime_namespaceObject = require("react/jsx-runtime");
-const index_cjs_namespaceObject = require("../../layouts/index.cjs");
-const react_cjs_namespaceObject = require("../../xyflow/react.cjs");
-const apollo_wind_namespaceObject = require("@uipath/apollo-wind");
-const external_react_namespaceObject = require("react");
-const external_core_index_cjs_namespaceObject = require("../../core/index.cjs");
-const external_storybook_utils_index_cjs_namespaceObject = require("../../storybook-utils/index.cjs");
-const external_types_cjs_namespaceObject = require("../../types.cjs");
-const external_BaseCanvas_index_cjs_namespaceObject = require("../BaseCanvas/index.cjs");
-const external_CanvasPositionControls_cjs_namespaceObject = require("../CanvasPositionControls.cjs");
-const external_NodeInspector_cjs_namespaceObject = require("../NodeInspector.cjs");
-const sampleManifest = {
-    categories: [
-        {
-            id: 'general',
-            name: 'General',
-            sortOrder: 1,
-            color: '#6c757d',
-            colorDark: '#495057',
-            icon: 'layers',
-            tags: []
-        },
-        {
-            id: 'ai',
-            name: 'AI',
-            sortOrder: 2,
-            color: '#6c757d',
-            colorDark: '#495057',
-            icon: 'layers',
-            tags: []
-        },
-        {
-            id: 'control',
-            name: 'Control Flow',
-            sortOrder: 3,
-            color: '#6c757d',
-            colorDark: '#495057',
-            icon: 'git-branch',
-            tags: []
-        }
-    ],
-    nodes: [
-        {
-            nodeType: 'generic',
-            version: '1.0.0',
-            category: 'general',
-            tags: [
-                'general'
-            ],
-            sortOrder: 1,
-            display: {
-                label: 'Generic Node',
-                icon: 'box',
-                shape: 'square'
-            },
-            handleConfiguration: [
-                {
-                    position: 'left',
-                    handles: [
-                        {
-                            id: 'in',
-                            type: 'target',
-                            handleType: 'input',
-                            label: 'Input'
-                        }
-                    ]
-                },
-                {
-                    position: 'right',
-                    handles: [
-                        {
-                            id: 'out',
-                            type: 'source',
-                            handleType: 'output',
-                            label: 'Output'
-                        }
-                    ]
-                }
-            ]
-        },
-        {
-            nodeType: 'uipath.blank-node',
-            version: '1.0.0',
-            category: 'general',
-            tags: [
-                'basic'
-            ],
-            sortOrder: 2,
-            display: {
-                label: 'Blank Node',
-                icon: 'square',
-                shape: 'square'
-            },
-            handleConfiguration: []
-        },
-        {
-            nodeType: 'uipath.agent',
-            version: '1.0.0',
-            category: 'ai',
-            tags: [
-                'ai',
-                'agent'
-            ],
-            sortOrder: 3,
-            display: {
-                label: 'Agent',
-                icon: 'bot',
-                shape: 'rectangle'
-            },
-            handleConfiguration: [
-                {
-                    position: 'left',
-                    handles: [
-                        {
-                            id: 'in',
-                            type: 'target',
-                            handleType: 'input',
-                            label: 'Input'
-                        }
-                    ]
-                },
-                {
-                    position: 'right',
-                    handles: [
-                        {
-                            id: 'out',
-                            type: 'source',
-                            handleType: 'output',
-                            label: 'Output'
-                        }
-                    ]
-                }
-            ]
-        },
-        {
-            nodeType: 'uipath.control-switch',
-            version: '1.0.0',
-            category: 'control',
-            tags: [
-                'dynamic',
-                'repeat'
-            ],
-            sortOrder: 5,
-            display: {
-                label: 'Dynamic Handle Node',
-                icon: 'git-branch',
-                shape: 'square'
-            },
-            handleConfiguration: [
-                {
-                    position: 'left',
-                    handles: [
-                        {
-                            id: 'input-{index}',
-                            type: 'target',
-                            handleType: 'input',
-                            label: '{item.label}',
-                            repeat: 'inputs.dynamicInputs'
-                        }
-                    ]
-                },
-                {
-                    position: 'right',
-                    handles: [
-                        {
-                            id: 'output-{index}',
-                            type: 'source',
-                            handleType: 'output',
-                            label: '{item.name}',
-                            repeat: 'inputs.dynamicOutputs'
-                        },
-                        {
-                            id: 'default',
-                            type: 'source',
-                            handleType: 'output',
-                            label: 'Default Output',
-                            visible: 'inputs.hasDefault'
-                        }
-                    ]
-                },
-                {
-                    position: 'bottom',
-                    handles: [
-                        {
-                            id: 'artifact-{index}',
-                            type: 'source',
-                            handleType: 'artifact',
-                            label: 'Artifact {index}: {item.type}',
-                            repeat: 'inputs.artifacts'
-                        }
-                    ]
-                }
-            ]
-        },
-        {
-            nodeType: 'uipath.decision',
-            version: '1.0.0',
-            category: 'control',
-            tags: [
-                'control',
-                'decision'
-            ],
-            sortOrder: 6,
-            display: {
-                label: 'Decision',
-                icon: 'git-branch',
-                shape: 'square'
-            },
-            handleConfiguration: [
-                {
-                    position: 'left',
-                    handles: [
-                        {
-                            id: 'input',
-                            type: 'target',
-                            handleType: 'input'
-                        }
-                    ]
-                },
-                {
-                    position: 'right',
-                    handles: [
-                        {
-                            id: 'true',
-                            type: 'source',
-                            handleType: 'output',
-                            label: '{inputs.trueLabel}'
-                        },
-                        {
-                            id: 'false',
-                            type: 'source',
-                            handleType: 'output',
-                            label: '{inputs.falseLabel}'
-                        }
-                    ]
-                }
-            ]
-        },
-        {
-            nodeType: 'uipath.control-flow.terminate',
-            version: '1.0.0',
-            category: 'control',
-            tags: [
-                'control',
-                'terminate'
-            ],
-            sortOrder: 6,
-            display: {
-                label: 'Terminate',
-                icon: 'git-branch',
-                shape: 'circle'
-            },
-            handleConfiguration: [
-                {
-                    position: 'right',
-                    handles: [
-                        {
-                            id: 'out',
-                            type: 'source',
-                            handleType: 'output',
-                            label: 'Output'
-                        }
-                    ]
-                }
-            ]
-        }
-    ]
-};
-const meta = {
-    title: 'Canvas/BaseNode',
-    parameters: {
-        layout: 'fullscreen'
-    },
-    decorators: [
-        (Story)=>{
-            const registry = (0, external_react_namespaceObject.useMemo)(()=>{
-                const reg = new external_core_index_cjs_namespaceObject.NodeTypeRegistry();
-                reg.registerManifest(sampleManifest.nodes, sampleManifest.categories);
-                return reg;
-            }, []);
-            const contextValue = (0, external_react_namespaceObject.useMemo)(()=>({
-                    registry
-                }), [
-                registry
-            ]);
-            return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_core_index_cjs_namespaceObject.NodeRegistryContext.Provider, {
-                value: contextValue,
-                children: Story()
-            });
-        },
-        (0, external_storybook_utils_index_cjs_namespaceObject.withCanvasProviders)()
-    ]
-};
-const BaseNode_stories = meta;
-const SHAPES = [
-    'circle',
-    'square',
-    'rectangle'
-];
-const STATUSES = [
-    'NotExecuted',
-    'InProgress',
-    'Completed',
-    'Failed',
-    'Paused'
-];
-const GRID_CONFIG = {
-    startX: 96,
-    startY: 96,
-    gapX: 192,
-    gapY: 159
-};
-function createShapeStatusGrid() {
-    const nodes = [];
-    STATUSES.forEach((status, rowIndex)=>{
-        SHAPES.forEach((shape, colIndex)=>{
-            const label = 'rectangle' === shape ? 'Invoice approval agent' : 'Header';
-            const nodeType = 'rectangle' === shape ? 'uipath.agent' : 'uipath.blank-node';
-            nodes.push((0, external_storybook_utils_index_cjs_namespaceObject.createNode)({
-                id: `${shape}-${status}`,
-                type: nodeType,
-                position: {
-                    x: GRID_CONFIG.startX + colIndex * GRID_CONFIG.gapX,
-                    y: GRID_CONFIG.startY + rowIndex * GRID_CONFIG.gapY
-                },
-                data: {
-                    nodeType,
-                    version: '1.0.0',
-                    executionStatus: status,
-                    display: {
-                        label,
-                        subLabel: status.replace(/([A-Z])/g, ' $1').trim(),
-                        shape
-                    }
-                }
-            }));
-        });
-    });
-    return nodes;
-}
-const SQUARE_SIZES = [
-    48,
-    64,
-    80,
-    96,
-    112,
-    128
-];
-const RECTANGLE_CONFIGS = [
-    {
-        width: 128,
-        height: 48
-    },
-    {
-        width: 160,
-        height: 64
-    },
-    {
-        width: 192,
-        height: 80
-    },
-    {
-        width: 256,
-        height: 96
-    },
-    {
-        width: 320,
-        height: 112
-    }
-];
-function createSizeGrid() {
-    const nodes = [];
-    let xOffset = 96;
-    SQUARE_SIZES.forEach((size)=>{
-        nodes.push({
-            ...(0, external_storybook_utils_index_cjs_namespaceObject.createNode)({
-                id: `sq-${size}`,
-                type: 'uipath.blank-node',
-                position: {
-                    x: xOffset,
-                    y: 96
-                },
-                data: {
-                    nodeType: 'uipath.blank-node',
-                    version: '1.0.0',
-                    display: {
-                        label: String(size),
-                        shape: 'square'
-                    }
-                }
-            }),
-            width: size,
-            height: size
-        });
-        xOffset += size + 32;
-    });
-    xOffset = 96;
-    SQUARE_SIZES.forEach((size)=>{
-        nodes.push({
-            ...(0, external_storybook_utils_index_cjs_namespaceObject.createNode)({
-                id: `c-${size}`,
-                type: 'uipath.blank-node',
-                position: {
-                    x: xOffset,
-                    y: 272
-                },
-                data: {
-                    nodeType: 'uipath.blank-node',
-                    version: '1.0.0',
-                    display: {
-                        label: String(size),
-                        shape: 'circle'
-                    }
-                }
-            }),
-            width: size,
-            height: size
-        });
-        xOffset += size + 32;
-    });
-    let rectX = 96;
-    let rectY = 448;
-    RECTANGLE_CONFIGS.forEach(({ width, height }, index)=>{
-        nodes.push({
-            ...(0, external_storybook_utils_index_cjs_namespaceObject.createNode)({
-                id: `r-${index}`,
-                type: 'uipath.agent',
-                position: {
-                    x: rectX,
-                    y: rectY
-                },
-                data: {
-                    nodeType: 'uipath.agent',
-                    version: '1.0.0',
-                    display: {
-                        label: `${width}×${height}`,
-                        shape: 'rectangle'
-                    }
-                }
-            }),
-            width,
-            height
-        });
-        rectX += width + 32;
-        if (2 === index) {
-            rectX = 96;
-            rectY = 560;
-        }
-    });
-    return nodes;
-}
-function DefaultStory() {
-    const initialNodes = (0, external_react_namespaceObject.useMemo)(()=>createShapeStatusGrid(), []);
-    const { canvasProps } = (0, external_storybook_utils_index_cjs_namespaceObject.useCanvasStory)({
-        initialNodes
-    });
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_BaseCanvas_index_cjs_namespaceObject.BaseCanvas, {
-        ...canvasProps,
-        mode: "design",
-        children: [
-            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_cjs_namespaceObject.Panel, {
-                position: "bottom-right",
-                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_CanvasPositionControls_cjs_namespaceObject.CanvasPositionControls, {
-                    translations: external_types_cjs_namespaceObject.DefaultCanvasTranslations
-                })
-            }),
-            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_storybook_utils_index_cjs_namespaceObject.StoryInfoPanel, {
-                title: "BaseNode Shapes & States",
-                description: "Grid showing circle, square, and rectangle shapes with execution states."
-            })
-        ]
-    });
-}
-function CustomizedSizesStory() {
-    const initialNodes = (0, external_react_namespaceObject.useMemo)(()=>createSizeGrid(), []);
-    const { canvasProps } = (0, external_storybook_utils_index_cjs_namespaceObject.useCanvasStory)({
-        initialNodes
-    });
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_BaseCanvas_index_cjs_namespaceObject.BaseCanvas, {
-        ...canvasProps,
-        mode: "design",
-        children: [
-            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_NodeInspector_cjs_namespaceObject.NodeInspector, {}),
-            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_cjs_namespaceObject.Panel, {
-                position: "bottom-right",
-                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_CanvasPositionControls_cjs_namespaceObject.CanvasPositionControls, {
-                    translations: external_types_cjs_namespaceObject.DefaultCanvasTranslations
-                })
-            }),
-            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_storybook_utils_index_cjs_namespaceObject.StoryInfoPanel, {
-                title: "Customized Sizes",
-                description: "Nodes with various dimensions aligned to 16px grid."
-            })
-        ]
-    });
-}
-function DynamicHandlesStory() {
-    const [switchData, setSwitchData] = (0, external_react_namespaceObject.useState)({
-        dynamicInputs: [
-            {
-                label: 'Primary Input'
-            },
-            {
-                label: 'Secondary Input'
-            },
-            {
-                label: 'Tertiary Input'
-            }
-        ],
-        dynamicOutputs: [
-            {
-                name: 'Success Path'
-            },
-            {
-                name: 'Failure Path'
-            }
-        ],
-        hasDefault: false
-    });
-    const [decisionData, setDecisionData] = (0, external_react_namespaceObject.useState)({
-        trueLabel: 'Approved',
-        falseLabel: 'Rejected'
-    });
-    const initialNodes = (0, external_react_namespaceObject.useMemo)(()=>[
-            {
-                ...(0, external_storybook_utils_index_cjs_namespaceObject.createNode)({
-                    id: 'dynamic-handles-node',
-                    type: 'uipath.control-switch',
-                    position: {
-                        x: 700,
-                        y: 200
-                    },
-                    data: {
-                        nodeType: 'uipath.control-switch',
-                        version: '1.0.0',
-                        inputs: {
-                            dynamicInputs: switchData.dynamicInputs,
-                            dynamicOutputs: switchData.dynamicOutputs,
-                            hasDefault: switchData.hasDefault
-                        },
-                        display: {
-                            label: 'Dynamic Handles',
-                            subLabel: `${switchData.dynamicInputs.length} inputs, ${switchData.dynamicOutputs.length} outputs`,
-                            shape: 'square'
-                        }
-                    }
-                }),
-                height: 96,
-                width: 96
-            },
-            {
-                ...(0, external_storybook_utils_index_cjs_namespaceObject.createNode)({
-                    id: 'decision-node',
-                    type: 'uipath.decision',
-                    position: {
-                        x: 700,
-                        y: 600
-                    },
-                    data: {
-                        nodeType: 'uipath.decision',
-                        version: '1.0.0',
-                        inputs: {
-                            trueLabel: decisionData.trueLabel,
-                            falseLabel: decisionData.falseLabel
-                        },
-                        display: {
-                            label: 'Decision',
-                            subLabel: 'Templated labels',
-                            shape: 'square'
-                        }
-                    }
-                }),
-                height: 96,
-                width: 96
-            }
-        ], [
-        switchData,
-        decisionData
-    ]);
-    const { canvasProps, setNodes } = (0, external_storybook_utils_index_cjs_namespaceObject.useCanvasStory)({
-        initialNodes
-    });
-    (0, external_react_namespaceObject.useEffect)(()=>{
-        setNodes((nodes)=>nodes.map((node)=>{
-                if ('dynamic-handles-node' === node.id) return {
-                    ...node,
-                    data: {
-                        ...node.data,
-                        inputs: {
-                            dynamicInputs: switchData.dynamicInputs,
-                            dynamicOutputs: switchData.dynamicOutputs,
-                            hasDefault: switchData.hasDefault
-                        },
-                        display: {
-                            ...node.data.display || {},
-                            subLabel: `${switchData.dynamicInputs.length} inputs, ${switchData.dynamicOutputs.length} outputs`
-                        }
-                    }
-                };
-                if ('decision-node' === node.id) return {
-                    ...node,
-                    data: {
-                        ...node.data,
-                        inputs: {
-                            trueLabel: decisionData.trueLabel,
-                            falseLabel: decisionData.falseLabel
-                        }
-                    }
-                };
-                return node;
-            }));
-    }, [
-        switchData,
-        decisionData,
-        setNodes
-    ]);
-    const handleInputCount = (0, external_react_namespaceObject.useCallback)((value)=>{
-        const count = value[0] ?? 0;
-        setSwitchData((prev)=>{
-            const current = prev.dynamicInputs;
-            if (count > current.length) {
-                const added = Array.from({
-                    length: count - current.length
-                }, (_, i)=>({
-                        label: `Input ${current.length + i + 1}`
-                    }));
-                return {
-                    ...prev,
-                    dynamicInputs: [
-                        ...current,
-                        ...added
-                    ]
-                };
-            }
-            return {
-                ...prev,
-                dynamicInputs: current.slice(0, count)
-            };
-        });
-    }, []);
-    const handleOutputCount = (0, external_react_namespaceObject.useCallback)((value)=>{
-        const count = value[0] ?? 0;
-        setSwitchData((prev)=>{
-            const current = prev.dynamicOutputs;
-            if (count > current.length) {
-                const added = Array.from({
-                    length: count - current.length
-                }, (_, i)=>({
-                        name: `Output ${current.length + i + 1}`
-                    }));
-                return {
-                    ...prev,
-                    dynamicOutputs: [
-                        ...current,
-                        ...added
-                    ]
-                };
-            }
-            return {
-                ...prev,
-                dynamicOutputs: current.slice(0, count)
-            };
-        });
-    }, []);
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_BaseCanvas_index_cjs_namespaceObject.BaseCanvas, {
-        ...canvasProps,
-        mode: "design",
-        children: [
-            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_cjs_namespaceObject.Panel, {
-                position: "bottom-right",
-                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_CanvasPositionControls_cjs_namespaceObject.CanvasPositionControls, {
-                    translations: external_types_cjs_namespaceObject.DefaultCanvasTranslations
-                })
-            }),
-            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_storybook_utils_index_cjs_namespaceObject.StoryInfoPanel, {
-                title: "Dynamic Handles",
-                description: "Demonstrates repeat expressions (dynamic handle count) and templated handle labels.",
-                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(index_cjs_namespaceObject.Column, {
-                    gap: 20,
-                    children: [
-                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(index_cjs_namespaceObject.Column, {
-                            gap: 12,
-                            children: [
-                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(apollo_wind_namespaceObject.Label, {
-                                    className: "font-semibold",
-                                    children: "Switch Node — Repeat Handles"
-                                }),
-                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(index_cjs_namespaceObject.Column, {
-                                    gap: 6,
-                                    align: "flex-start",
-                                    children: [
-                                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(apollo_wind_namespaceObject.Label, {
-                                            children: [
-                                                "Inputs (",
-                                                switchData.dynamicInputs.length,
-                                                ")"
-                                            ]
-                                        }),
-                                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(apollo_wind_namespaceObject.Slider, {
-                                            value: [
-                                                switchData.dynamicInputs.length
-                                            ],
-                                            onValueChange: handleInputCount,
-                                            min: 0,
-                                            max: 10,
-                                            step: 1
-                                        })
-                                    ]
-                                }),
-                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(index_cjs_namespaceObject.Column, {
-                                    gap: 6,
-                                    align: "flex-start",
-                                    children: [
-                                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(apollo_wind_namespaceObject.Label, {
-                                            children: [
-                                                "Outputs (",
-                                                switchData.dynamicOutputs.length,
-                                                ")"
-                                            ]
-                                        }),
-                                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(apollo_wind_namespaceObject.Slider, {
-                                            value: [
-                                                switchData.dynamicOutputs.length
-                                            ],
-                                            onValueChange: handleOutputCount,
-                                            min: 0,
-                                            max: 10,
-                                            step: 1
-                                        })
-                                    ]
-                                }),
-                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
-                                    className: "flex items-center gap-2",
-                                    children: [
-                                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(apollo_wind_namespaceObject.Switch, {
-                                            checked: switchData.hasDefault,
-                                            onCheckedChange: (checked)=>setSwitchData((prev)=>({
-                                                        ...prev,
-                                                        hasDefault: checked
-                                                    }))
-                                        }),
-                                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(apollo_wind_namespaceObject.Label, {
-                                            children: "Has Default Output"
-                                        })
-                                    ]
-                                })
-                            ]
-                        }),
-                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(index_cjs_namespaceObject.Column, {
-                            gap: 12,
-                            children: [
-                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(apollo_wind_namespaceObject.Label, {
-                                    className: "font-semibold",
-                                    children: "Decision Node — Templated Labels"
-                                }),
-                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(index_cjs_namespaceObject.Column, {
-                                    gap: 6,
-                                    align: "flex-start",
-                                    children: [
-                                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(apollo_wind_namespaceObject.Label, {
-                                            children: "True Label"
-                                        }),
-                                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(apollo_wind_namespaceObject.Input, {
-                                            value: decisionData.trueLabel,
-                                            onChange: (e)=>setDecisionData((prev)=>({
-                                                        ...prev,
-                                                        trueLabel: e.target.value
-                                                    }))
-                                        })
-                                    ]
-                                }),
-                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(index_cjs_namespaceObject.Column, {
-                                    gap: 6,
-                                    align: "flex-start",
-                                    children: [
-                                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(apollo_wind_namespaceObject.Label, {
-                                            children: "False Label"
-                                        }),
-                                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(apollo_wind_namespaceObject.Input, {
-                                            value: decisionData.falseLabel,
-                                            onChange: (e)=>setDecisionData((prev)=>({
-                                                        ...prev,
-                                                        falseLabel: e.target.value
-                                                    }))
-                                        })
-                                    ]
-                                })
-                            ]
-                        }),
-                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(apollo_wind_namespaceObject.Button, {
-                            size: "sm",
-                            variant: "secondary",
-                            onClick: ()=>{
-                                setSwitchData({
-                                    dynamicInputs: [
-                                        {
-                                            label: 'Primary Input'
-                                        }
-                                    ],
-                                    dynamicOutputs: [
-                                        {
-                                            name: 'Success Path'
-                                        }
-                                    ],
-                                    hasDefault: false
-                                });
-                                setDecisionData({
-                                    trueLabel: 'Approved',
-                                    falseLabel: 'Rejected'
-                                });
-                            },
-                            children: "Reset All"
-                        })
-                    ]
-                })
-            })
-        ]
-    });
-}
-const Default = {
-    name: 'Default',
-    render: ()=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(DefaultStory, {})
-};
-const CustomizedSizes = {
-    name: 'Customized sizes',
-    render: ()=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(CustomizedSizesStory, {})
-};
-const DynamicHandles = {
-    name: 'Dynamic Handles',
-    render: ()=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(DynamicHandlesStory, {})
-};
-const VALIDATION_SEVERITIES = [
-    'WARNING',
-    'ERROR',
-    'CRITICAL'
-];
-const validationMessages = {
-    WARNING: 'Trigger should be connected to at least one node',
-    ERROR: 'URL is required',
-    CRITICAL: 'Node configuration is invalid'
-};
-function createValidationGrid() {
-    const nodes = [];
-    VALIDATION_SEVERITIES.forEach((severity, rowIndex)=>{
-        SHAPES.forEach((shape, colIndex)=>{
-            const label = 'rectangle' === shape ? 'Invoice approval agent' : 'Header';
-            const nodeType = 'rectangle' === shape ? 'uipath.agent' : 'uipath.blank-node';
-            nodes.push((0, external_storybook_utils_index_cjs_namespaceObject.createNode)({
-                id: `validation-${shape}-${severity}`,
-                type: nodeType,
-                position: {
-                    x: GRID_CONFIG.startX + colIndex * GRID_CONFIG.gapX,
-                    y: GRID_CONFIG.startY + rowIndex * GRID_CONFIG.gapY
-                },
-                data: {
-                    nodeType,
-                    version: '1.0.0',
-                    display: {
-                        label,
-                        subLabel: severity,
-                        shape
-                    }
-                }
-            }));
-        });
-    });
-    return nodes;
-}
-function ValidationStatesStory() {
-    const initialNodes = (0, external_react_namespaceObject.useMemo)(()=>createValidationGrid(), []);
-    const { canvasProps } = (0, external_storybook_utils_index_cjs_namespaceObject.useCanvasStory)({
-        initialNodes
-    });
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_BaseCanvas_index_cjs_namespaceObject.BaseCanvas, {
-        ...canvasProps,
-        mode: "design",
-        children: [
-            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_cjs_namespaceObject.Panel, {
-                position: "bottom-right",
-                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_CanvasPositionControls_cjs_namespaceObject.CanvasPositionControls, {
-                    translations: external_types_cjs_namespaceObject.DefaultCanvasTranslations
-                })
-            }),
-            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_storybook_utils_index_cjs_namespaceObject.StoryInfoPanel, {
-                title: "Validation States",
-                description: "Grid showing warning, error, and critical validation badges across shapes. Warnings show a yellow badge only (no border). Errors/critical show a red badge."
-            })
-        ]
-    });
-}
-const ADORNMENT_ROWS = [
-    {
-        key: 'breakpoint',
-        label: 'Breakpoint (top-left)'
-    },
-    {
-        key: 'status-completed',
-        label: 'Status: Completed (top-right)'
-    },
-    {
-        key: 'status-inprogress',
-        label: 'Status: InProgress (top-right)'
-    },
-    {
-        key: 'status-failed',
-        label: 'Status: Failed (top-right)'
-    },
-    {
-        key: 'start-point',
-        label: 'Start Point (bottom-left)'
-    },
-    {
-        key: 'square-dashed',
-        label: 'Square Dashed (bottom-right)'
-    },
-    {
-        key: 'all',
-        label: 'All Adornments'
-    },
-    {
-        key: 'multi-exec',
-        label: 'Multi-execution (count: 5)'
-    }
-];
-function createAdornmentGrid() {
-    const nodes = [];
-    ADORNMENT_ROWS.forEach((row, rowIndex)=>{
-        SHAPES.forEach((shape, colIndex)=>{
-            const label = 'rectangle' === shape ? 'Invoice approval agent' : 'Header';
-            const nodeType = 'rectangle' === shape ? 'uipath.agent' : 'uipath.blank-node';
-            nodes.push((0, external_storybook_utils_index_cjs_namespaceObject.createNode)({
-                id: `adorn-${row.key}-${shape}`,
-                type: nodeType,
-                position: {
-                    x: GRID_CONFIG.startX + colIndex * GRID_CONFIG.gapX,
-                    y: GRID_CONFIG.startY + rowIndex * GRID_CONFIG.gapY
-                },
-                data: {
-                    nodeType,
-                    version: '1.0.0',
-                    display: {
-                        label,
-                        subLabel: row.label,
-                        shape
-                    }
-                }
-            }));
-        });
-    });
-    return nodes;
-}
-function getAdornmentExecutionState(key) {
-    switch(key){
-        case 'breakpoint':
-            return {
-                status: 'None',
-                debug: true
-            };
-        case 'status-completed':
-            return {
-                status: 'Completed'
-            };
-        case 'status-inprogress':
-            return {
-                status: 'InProgress'
-            };
-        case 'status-failed':
-            return {
-                status: 'Failed'
-            };
-        case 'start-point':
-            return {
-                status: 'None',
-                isExecutionStartPoint: true
-            };
-        case 'square-dashed':
-            return {
-                status: 'None',
-                isOutputPinned: true
-            };
-        case 'all':
-            return {
-                status: 'Completed',
-                debug: true,
-                isExecutionStartPoint: true,
-                isOutputPinned: true
-            };
-        case 'multi-exec':
-            return {
-                status: 'Completed',
-                count: 5
-            };
-        default:
-            return;
-    }
-}
-function AdornmentsStory() {
-    const initialNodes = (0, external_react_namespaceObject.useMemo)(()=>createAdornmentGrid(), []);
-    const { canvasProps } = (0, external_storybook_utils_index_cjs_namespaceObject.useCanvasStory)({
-        initialNodes
-    });
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_BaseCanvas_index_cjs_namespaceObject.BaseCanvas, {
-        ...canvasProps,
-        mode: "design",
-        children: [
-            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_cjs_namespaceObject.Panel, {
-                position: "bottom-right",
-                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_CanvasPositionControls_cjs_namespaceObject.CanvasPositionControls, {
-                    translations: external_types_cjs_namespaceObject.DefaultCanvasTranslations
-                })
-            }),
-            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_storybook_utils_index_cjs_namespaceObject.StoryInfoPanel, {
-                title: "Adornments",
-                description: "Grid showing all adornment types across shapes. Each row demonstrates a different adornment: breakpoint (top-left), execution status (top-right), execution start point (bottom-left), square dashed (bottom-right), and all combined."
-            })
-        ]
-    });
-}
-const Adornments = {
-    name: 'Adornments',
-    decorators: [
-        (Story)=>{
-            const registry = (0, external_react_namespaceObject.useMemo)(()=>{
-                const reg = new external_core_index_cjs_namespaceObject.NodeTypeRegistry();
-                reg.registerManifest(sampleManifest.nodes, sampleManifest.categories);
-                return reg;
-            }, []);
-            const contextValue = (0, external_react_namespaceObject.useMemo)(()=>({
-                    registry
-                }), [
-                registry
-            ]);
-            return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_core_index_cjs_namespaceObject.NodeRegistryContext.Provider, {
-                value: contextValue,
-                children: Story()
-            });
-        },
-        (0, external_storybook_utils_index_cjs_namespaceObject.withCanvasProviders)({
-            executionState: {
-                getNodeExecutionState: (nodeId)=>{
-                    const parts = nodeId.split('-');
-                    const key = parts.slice(1, -1).join('-');
-                    return getAdornmentExecutionState(key);
-                },
-                getEdgeExecutionState: ()=>void 0
-            },
-            validationState: {
-                getElementValidationState: ()=>void 0
-            }
-        })
-    ],
-    render: ()=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(AdornmentsStory, {})
-};
-const ValidationStates = {
-    name: 'Validation States',
-    decorators: [
-        (Story)=>{
-            const registry = (0, external_react_namespaceObject.useMemo)(()=>{
-                const reg = new external_core_index_cjs_namespaceObject.NodeTypeRegistry();
-                reg.registerManifest(sampleManifest.nodes, sampleManifest.categories);
-                return reg;
-            }, []);
-            const contextValue = (0, external_react_namespaceObject.useMemo)(()=>({
-                    registry
-                }), [
-                registry
-            ]);
-            return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_core_index_cjs_namespaceObject.NodeRegistryContext.Provider, {
-                value: contextValue,
-                children: Story()
-            });
-        },
-        (0, external_storybook_utils_index_cjs_namespaceObject.withCanvasProviders)({
-            executionState: {
-                getNodeExecutionState: ()=>void 0,
-                getEdgeExecutionState: ()=>void 0
-            },
-            validationState: {
-                getElementValidationState: (elementId)=>{
-                    const severity = elementId.split('-').pop();
-                    if (![
-                        'WARNING',
-                        'ERROR',
-                        'CRITICAL'
-                    ].includes(severity)) return;
-                    return {
-                        validationStatus: severity,
-                        validationError: {
-                            code: `VALIDATION_${severity}`,
-                            message: validationMessages[severity] ?? `Validation ${severity.toLowerCase()}`,
-                            description: validationMessages[severity] ?? `Validation ${severity.toLowerCase()}`,
-                            severity: severity
-                        }
-                    };
-                }
-            }
-        })
-    ],
-    render: ()=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(ValidationStatesStory, {})
-};
-exports.Adornments = __webpack_exports__.Adornments;
-exports.CustomizedSizes = __webpack_exports__.CustomizedSizes;
-exports.Default = __webpack_exports__.Default;
-exports.DynamicHandles = __webpack_exports__.DynamicHandles;
-exports.ValidationStates = __webpack_exports__.ValidationStates;
-exports["default"] = __webpack_exports__["default"];
-for(var __rspack_i in __webpack_exports__)if (-1 === [
-    "Adornments",
-    "CustomizedSizes",
-    "Default",
-    "DynamicHandles",
-    "ValidationStates",
-    "default"
-].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
-Object.defineProperty(exports, '__esModule', {
-    value: true
-});