@redvars/peacock 3.8.6 → 3.9.1

package/dist/custom-elements.json

@@ -14177,7 +14177,7 @@
               "type": {
                 "text": "string"
               },
-              "default": "''",
+              "default": "\"\"",
               "description": "The value associated with this menu item, used to identify it on selection.",
               "attribute": "value",
               "inheritedFrom": {
@@ -14226,17 +14226,6 @@
               "description": "Whether the associated submenu is currently open.",
               "attribute": "submenu-open"
             },
-            {
-              "kind": "field",
-              "name": "variant",
-              "type": {
-                "text": "'standard' | 'vibrant'"
-              },
-              "default": "'standard'",
-              "description": "Visual variant of the menu item.",
-              "attribute": "variant",
-              "reflects": true
-            },
             {
               "kind": "field",
               "name": "itemElement",
@@ -14444,7 +14433,7 @@
               "type": {
                 "text": "string"
               },
-              "default": "''",
+              "default": "\"\"",
               "description": "The value associated with this menu item, used to identify it on selection.",
               "fieldName": "value",
               "inheritedFrom": {
@@ -14488,15 +14477,6 @@
               "description": "Whether the associated submenu is currently open.",
               "fieldName": "submenuOpen"
             },
-            {
-              "name": "variant",
-              "type": {
-                "text": "'standard' | 'vibrant'"
-              },
-              "default": "'standard'",
-              "description": "Visual variant of the menu item.",
-              "fieldName": "variant"
-            },
             {
               "name": "htmlType",
               "type": {
@@ -14689,9 +14669,9 @@
               "kind": "field",
               "name": "variant",
               "type": {
-                "text": "'standard' | 'vibrant'"
+                "text": "\"standard\" | \"vibrant\""
               },
-              "default": "'standard'",
+              "default": "\"standard\"",
               "description": "Visual variant of the menu. `\"vibrant\"` applies stronger color emphasis.",
               "attribute": "variant",
               "reflects": true
@@ -14702,7 +14682,7 @@
               "type": {
                 "text": "string"
               },
-              "default": "''",
+              "default": "\"\"",
               "description": "ID of the anchor element the menu is positioned relative to.",
               "attribute": "anchor"
             },
@@ -14753,7 +14733,7 @@
               "type": {
                 "text": "Placement"
               },
-              "default": "'bottom-start'",
+              "default": "\"bottom-start\"",
               "description": "Floating UI placement of the menu relative to its anchor.",
               "attribute": "placement"
             },
@@ -14800,7 +14780,7 @@
               "name": "_floatingController",
               "privacy": "private",
               "readonly": true,
-              "default": "new FloatingController(this, { trigger: 'manual', closeOnClickOutside: false, strategy: 'fixed', onOpenChange: isOpen => { if (isOpen || !this.open) { return; } this.close({ kind: 'outside-click' }); }, })",
+              "default": "new FloatingController(this, { trigger: \"manual\", closeOnClickOutside: false, strategy: \"fixed\", onOpenChange: (isOpen) => { if (isOpen || !this.open) { return; } this.close({ kind: \"outside-click\" }); }, })",
               "description": "Controller managing floating-UI positioning."
             },
             {
@@ -14820,7 +14800,7 @@
                 "text": "CloseReason"
               },
               "privacy": "private",
-              "default": "{ kind: 'programmatic' }",
+              "default": "{ kind: \"programmatic\" }",
               "description": "Reason that triggered the most recent close, included in the `closed` event detail.",
               "expandedType": {
                 "text": " |  |  |  | "
@@ -14844,7 +14824,7 @@
               "parameters": [
                 {
                   "name": "reason",
-                  "default": "{ kind: 'programmatic' }",
+                  "default": "{ kind: \"programmatic\" }",
                   "type": {
                     "text": "CloseReason"
                   }
@@ -14978,6 +14958,11 @@
               "name": "_onSlotChange",
               "privacy": "private"
             },
+            {
+              "kind": "method",
+              "name": "_syncItemPositions",
+              "privacy": "private"
+            },
             {
               "kind": "method",
               "name": "_applyPositioning",
@@ -15023,9 +15008,9 @@
             {
               "name": "variant",
               "type": {
-                "text": "'standard' | 'vibrant'"
+                "text": "\"standard\" | \"vibrant\""
               },
-              "default": "'standard'",
+              "default": "\"standard\"",
               "description": "Visual variant of the menu. `\"vibrant\"` applies stronger color emphasis.",
               "fieldName": "variant"
             },
@@ -15034,7 +15019,7 @@
               "type": {
                 "text": "string"
               },
-              "default": "''",
+              "default": "\"\"",
               "description": "ID of the anchor element the menu is positioned relative to.",
               "fieldName": "anchor"
             },
@@ -15079,7 +15064,7 @@
               "type": {
                 "text": "Placement"
               },
-              "default": "'bottom-start'",
+              "default": "\"bottom-start\"",
               "description": "Floating UI placement of the menu relative to its anchor.",
               "fieldName": "placement"
             },
@@ -16080,6 +16065,123 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/timeline/timeline-item.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "TimelineItem",
+          "members": [
+            {
+              "kind": "field",
+              "name": "loading",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "loading",
+              "reflects": true
+            }
+          ],
+          "attributes": [
+            {
+              "name": "loading",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "loading"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "wc-timeline-item",
+          "customElement": true,
+          "summary": "An item for use inside a timeline, with a dot/marker and description.",
+          "rawTag": {
+            "name": "timeline-item",
+            "description": ""
+          }
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "TimelineItem",
+          "declaration": {
+            "name": "TimelineItem",
+            "module": "src/timeline/timeline-item.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/timeline/timeline.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "Timeline",
+          "members": [
+            {
+              "kind": "field",
+              "name": "Item",
+              "static": true,
+              "default": "TimelineItem"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "wc-timeline",
+          "customElement": true,
+          "summary": "A vertical timeline layout for a series of timeline items.",
+          "rawTag": {
+            "name": "timeline",
+            "description": ""
+          }
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "Timeline",
+          "declaration": {
+            "name": "Timeline",
+            "module": "src/timeline/timeline.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/timeline/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "Timeline",
+          "declaration": {
+            "name": "Timeline",
+            "module": "./timeline.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "TimelineItem",
+          "declaration": {
+            "name": "TimelineItem",
+            "module": "./timeline-item.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/item/item.ts",
@@ -28570,55 +28672,52 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/canvas/canvas.ts",
+      "path": "src/flow/flow.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "Canvas",
+          "name": "Flow",
           "cssProperties": [
             {
               "description": "Background color for the canvas wrapper. Defaults to surface-container-low.",
-              "name": "--canvas-background"
+              "name": "--flow-background"
             },
             {
               "description": "Color of the background grid dots. Defaults to outline-variant.",
-              "name": "--canvas-dot-color"
+              "name": "--flow-dot-color"
             },
             {
               "description": "Default stroke color for lines and connectors. Defaults to on-surface.",
-              "name": "--canvas-line-color"
+              "name": "--flow-line-color"
             },
             {
               "description": "Stroke color on hover for clickable shapes. Defaults to primary.",
-              "name": "--canvas-hover-color"
+              "name": "--flow-hover-color"
             },
             {
               "description": "Stroke color for arrow markers. Defaults to on-surface.",
-              "name": "--canvas-arrow-color"
+              "name": "--flow-arrow-color"
             }
           ],
           "members": [
             {
               "kind": "field",
-              "name": "shapes",
+              "name": "nodes",
               "type": {
-                "text": "CanvasShape[]"
+                "text": "FlowNode[]"
               },
               "default": "[]",
-              "description": "Array of shape objects to render on the canvas.",
-              "attribute": "shapes"
+              "attribute": "nodes"
             },
             {
               "kind": "field",
-              "name": "padding",
+              "name": "edges",
               "type": {
-                "text": "number"
+                "text": "FlowEdge[]"
               },
-              "default": "1",
-              "description": "Padding around the computed viewbox (in grid units).",
-              "attribute": "padding",
-              "reflects": true
+              "default": "[]",
+              "attribute": "edges"
             },
             {
               "kind": "field",
@@ -28627,1615 +28726,118 @@
                 "text": "number"
               },
               "default": "1",
-              "description": "Zoom multiplier for the canvas dimensions.",
               "attribute": "zoom",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "viewbox",
+              "name": "padding",
               "type": {
-                "text": "string | undefined"
-              },
-              "description": "Optional viewbox override string (e.g. \"0 0 100 100\").",
-              "attribute": "viewbox"
-            },
-            {
-              "kind": "method",
-              "name": "getNextPoint",
-              "privacy": "private",
-              "static": true,
-              "return": {
-                "type": {
-                  "text": "CanvasPoint"
-                }
+                "text": "number"
               },
-              "parameters": [
-                {
-                  "name": "point",
-                  "type": {
-                    "text": "CanvasPoint"
-                  }
-                },
-                {
-                  "name": "direction",
-                  "type": {
-                    "text": "CanvasDirection"
-                  }
-                },
-                {
-                  "name": "length",
-                  "type": {
-                    "text": "number"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "updateExtents",
-              "privacy": "private",
-              "static": true,
-              "parameters": [
-                {
-                  "name": "extents",
-                  "type": {
-                    "text": "CanvasExtents"
-                  }
-                },
-                {
-                  "name": "x",
-                  "type": {
-                    "text": "number"
-                  }
-                },
-                {
-                  "name": "y",
-                  "type": {
-                    "text": "number"
-                  }
-                }
-              ]
+              "default": "50",
+              "attribute": "padding",
+              "reflects": true
             },
             {
-              "kind": "method",
-              "name": "getStrokeVariantClasses",
+              "kind": "field",
+              "name": "nodeDimensions",
               "privacy": "private",
-              "static": true,
-              "parameters": [
-                {
-                  "name": "variant",
-                  "optional": true,
-                  "type": {
-                    "text": "CanvasStrokeVariant"
-                  }
-                }
-              ]
+              "default": "new Map<string, { width: number; height: number }>()"
             },
             {
-              "kind": "method",
-              "name": "computeShapes",
+              "kind": "field",
+              "name": "draggingNodeId",
+              "type": {
+                "text": "string | null"
+              },
               "privacy": "private",
-              "parameters": [
-                {
-                  "name": "initialBounds",
-                  "type": {
-                    "text": "CanvasBounds"
-                  }
-                }
-              ]
+              "default": "null"
             },
             {
-              "kind": "method",
-              "name": "renderBackgroundSvg",
+              "kind": "field",
+              "name": "dragStartMouseX",
+              "type": {
+                "text": "number"
+              },
               "privacy": "private",
-              "parameters": [
-                {
-                  "name": "computedViewBox",
-                  "type": {
-                    "text": "CanvasViewBox"
-                  }
-                },
-                {
-                  "name": "svgViewBox",
-                  "type": {
-                    "text": "string"
-                  }
-                }
-              ]
+              "default": "0"
             },
             {
-              "kind": "method",
-              "name": "renderShapesSvg",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "shapes",
-                  "type": {
-                    "text": "unknown[]"
-                  }
-                },
-                {
-                  "name": "svgViewBox",
-                  "type": {
-                    "text": "string"
-                  }
-                }
-              ]
-            }
-          ],
-          "attributes": [
-            {
-              "name": "shapes",
+              "kind": "field",
+              "name": "dragStartMouseY",
               "type": {
-                "text": "CanvasShape[]"
+                "text": "number"
               },
-              "default": "[]",
-              "description": "Array of shape objects to render on the canvas.",
-              "fieldName": "shapes"
+              "privacy": "private",
+              "default": "0"
             },
             {
-              "name": "padding",
+              "kind": "field",
+              "name": "dragStartNodeX",
               "type": {
                 "text": "number"
               },
-              "default": "1",
-              "description": "Padding around the computed viewbox (in grid units).",
-              "fieldName": "padding"
+              "privacy": "private",
+              "default": "0"
             },
             {
-              "name": "zoom",
+              "kind": "field",
+              "name": "dragStartNodeY",
               "type": {
                 "text": "number"
               },
-              "default": "1",
-              "description": "Zoom multiplier for the canvas dimensions.",
-              "fieldName": "zoom"
+              "privacy": "private",
+              "default": "0"
             },
             {
-              "name": "viewbox",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "Optional viewbox override string (e.g. \"0 0 100 100\").",
-              "fieldName": "viewbox"
-            }
-          ],
-          "superclass": {
-            "name": "LitElement",
-            "package": "lit"
-          },
-          "tagName": "wc-canvas",
-          "customElement": true,
-          "summary": "A SVG canvas for drawing shapes, lines, and connectors on a dotted grid.",
-          "rawTag": {
-            "name": "canvas",
-            "description": ""
-          }
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "Canvas",
-          "declaration": {
-            "name": "Canvas",
-            "module": "src/canvas/canvas.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/canvas/index.ts",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "Canvas",
-          "declaration": {
-            "name": "Canvas",
-            "module": "./canvas.js"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "CanvasShape",
-          "declaration": {
-            "name": "CanvasShape",
-            "module": "./canvas.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/flow-designer/types.ts",
-      "declarations": [],
-      "exports": []
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/flow-designer/flow-designer-node.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "Individual node component for flow designer\nRenders a single workflow node with customizable slot templates",
-          "name": "FlowDesignerNode",
-          "members": [
-            {
-              "kind": "field",
-              "name": "node",
-              "type": {
-                "text": "WorkflowNode"
-              },
-              "default": "{ id: '', type: 'action', label: '' }",
-              "description": "The workflow node to render",
-              "attribute": "node"
-            },
-            {
-              "kind": "field",
-              "name": "isSelected",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Whether this node is currently selected",
-              "attribute": "selected",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "isEditing",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Whether this node is in edit mode",
-              "attribute": "editing",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "disabled",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Whether this node is disabled",
-              "attribute": "disabled",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "showDelete",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "true",
-              "description": "Whether to show the delete button",
-              "attribute": "show-delete"
-            },
-            {
-              "kind": "field",
-              "name": "_handleClick",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "_handleDoubleClick",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "_handleDelete",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "_handleMouseEnter",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "_handleMouseLeave",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "_renderDefaultHeader",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "_renderDefaultBody",
-              "privacy": "private"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "node",
-              "type": {
-                "text": "WorkflowNode"
-              },
-              "default": "{ id: '', type: 'action', label: '' }",
-              "description": "The workflow node to render",
-              "fieldName": "node"
-            },
-            {
-              "name": "selected",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Whether this node is currently selected",
-              "fieldName": "isSelected"
-            },
-            {
-              "name": "editing",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Whether this node is in edit mode",
-              "fieldName": "isEditing"
-            },
-            {
-              "name": "disabled",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Whether this node is disabled",
-              "fieldName": "disabled"
-            },
-            {
-              "name": "show-delete",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "true",
-              "description": "Whether to show the delete button",
-              "fieldName": "showDelete"
-            }
-          ],
-          "superclass": {
-            "name": "LitElement",
-            "package": "lit"
-          },
-          "tagName": "wc-flow-designer-node",
-          "customElement": true,
-          "rawTag": {
-            "name": "flow-designer-node",
-            "description": ""
-          }
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "FlowDesignerNode",
-          "declaration": {
-            "name": "FlowDesignerNode",
-            "module": "src/flow-designer/flow-designer-node.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/flow-designer/workflow-utils.ts",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "cloneWorkflow",
-          "return": {
-            "type": {
-              "text": "Workflow"
-            }
-          },
-          "parameters": [
-            {
-              "name": "workflow",
-              "type": {
-                "text": "Workflow"
-              }
-            }
-          ],
-          "description": "Deep clone a workflow to ensure immutability"
-        },
-        {
-          "kind": "function",
-          "name": "cloneNode",
-          "return": {
-            "type": {
-              "text": "WorkflowNode"
-            }
-          },
-          "parameters": [
-            {
-              "name": "node",
-              "type": {
-                "text": "WorkflowNode"
-              }
-            }
-          ],
-          "description": "Deep clone a workflow node"
-        },
-        {
-          "kind": "function",
-          "name": "findNodeById",
-          "return": {
-            "type": {
-              "text": "WorkflowNode | null"
-            }
-          },
-          "parameters": [
-            {
-              "name": "node",
-              "type": {
-                "text": "WorkflowNode"
-              }
-            },
-            {
-              "name": "id",
-              "type": {
-                "text": "string"
-              }
-            }
-          ],
-          "description": "Find a node by ID anywhere in the workflow tree"
-        },
-        {
-          "kind": "function",
-          "name": "removeNodeById",
-          "return": {
-            "type": {
-              "text": "WorkflowNode"
-            }
-          },
-          "parameters": [
-            {
-              "name": "node",
-              "type": {
-                "text": "WorkflowNode"
-              }
-            },
-            {
-              "name": "id",
-              "type": {
-                "text": "string"
-              }
-            }
-          ],
-          "description": "Remove a node by ID from the workflow tree"
-        },
-        {
-          "kind": "function",
-          "name": "insertNodeIntoWorkflow",
-          "return": {
-            "type": {
-              "text": "void"
-            }
-          },
-          "parameters": [
-            {
-              "name": "parent",
-              "type": {
-                "text": "WorkflowNode"
-              }
-            },
-            {
-              "name": "nodeToInsert",
-              "type": {
-                "text": "WorkflowNode"
-              }
-            },
-            {
-              "name": "connectionType",
-              "default": "'child'",
-              "type": {
-                "text": "'child' | 'branch' | 'task'"
-              }
-            },
-            {
-              "name": "branchKey",
-              "optional": true,
-              "type": {
-                "text": "string"
-              }
-            }
-          ],
-          "description": "Insert a node into the workflow tree at a specific location"
-        },
-        {
-          "kind": "function",
-          "name": "getAllNodes",
-          "return": {
-            "type": {
-              "text": "WorkflowNode[]"
-            }
-          },
-          "parameters": [
-            {
-              "name": "node",
-              "type": {
-                "text": "WorkflowNode"
-              }
-            }
-          ],
-          "description": "Collect all nodes in the workflow (depth-first)"
-        },
-        {
-          "kind": "function",
-          "name": "getNodePath",
-          "return": {
-            "type": {
-              "text": "string[]"
-            }
-          },
-          "parameters": [
-            {
-              "name": "rootNode",
-              "type": {
-                "text": "WorkflowNode"
-              }
-            },
-            {
-              "name": "targetId",
-              "type": {
-                "text": "string"
-              }
-            }
-          ],
-          "description": "Get all parent node IDs for a given node (path from root to node)"
-        },
-        {
-          "kind": "function",
-          "name": "isDescendant",
-          "return": {
-            "type": {
-              "text": "boolean"
-            }
-          },
-          "parameters": [
-            {
-              "name": "rootNode",
-              "type": {
-                "text": "WorkflowNode"
-              }
-            },
-            {
-              "name": "potentialParentId",
-              "type": {
-                "text": "string"
-              }
-            },
-            {
-              "name": "nodeId",
-              "type": {
-                "text": "string"
-              }
-            }
-          ],
-          "description": "Check if a node is a descendant of another node"
-        },
-        {
-          "kind": "function",
-          "name": "replaceNode",
-          "return": {
-            "type": {
-              "text": "WorkflowNode"
-            }
-          },
-          "parameters": [
-            {
-              "name": "node",
-              "type": {
-                "text": "WorkflowNode"
-              }
-            },
-            {
-              "name": "targetId",
-              "type": {
-                "text": "string"
-              }
-            },
-            {
-              "name": "replacement",
-              "type": {
-                "text": "WorkflowNode"
-              }
-            }
-          ],
-          "description": "Replace a node in the tree"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "cloneWorkflow",
-          "declaration": {
-            "name": "cloneWorkflow",
-            "module": "src/flow-designer/workflow-utils.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "cloneNode",
-          "declaration": {
-            "name": "cloneNode",
-            "module": "src/flow-designer/workflow-utils.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "findNodeById",
-          "declaration": {
-            "name": "findNodeById",
-            "module": "src/flow-designer/workflow-utils.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "removeNodeById",
-          "declaration": {
-            "name": "removeNodeById",
-            "module": "src/flow-designer/workflow-utils.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "insertNodeIntoWorkflow",
-          "declaration": {
-            "name": "insertNodeIntoWorkflow",
-            "module": "src/flow-designer/workflow-utils.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "getAllNodes",
-          "declaration": {
-            "name": "getAllNodes",
-            "module": "src/flow-designer/workflow-utils.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "getNodePath",
-          "declaration": {
-            "name": "getNodePath",
-            "module": "src/flow-designer/workflow-utils.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "isDescendant",
-          "declaration": {
-            "name": "isDescendant",
-            "module": "src/flow-designer/workflow-utils.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "replaceNode",
-          "declaration": {
-            "name": "replaceNode",
-            "module": "src/flow-designer/workflow-utils.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/flow-designer/commands.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "Add Node Command",
-          "name": "AddNodeCommand",
-          "members": [
-            {
-              "kind": "field",
-              "name": "description",
-              "type": {
-                "text": "string"
-              },
-              "default": "'Add node'"
-            },
-            {
-              "kind": "method",
-              "name": "execute",
-              "return": {
-                "type": {
-                  "text": "Workflow"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "workflow",
-                  "type": {
-                    "text": "Workflow"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "undo",
-              "return": {
-                "type": {
-                  "text": "Workflow"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "workflow",
-                  "type": {
-                    "text": "Workflow"
-                  }
-                }
-              ]
-            }
-          ]
-        },
-        {
-          "kind": "class",
-          "description": "Delete Node Command",
-          "name": "DeleteNodeCommand",
-          "members": [
-            {
-              "kind": "field",
-              "name": "description",
-              "type": {
-                "text": "string"
-              },
-              "default": "'Delete node'"
-            },
-            {
-              "kind": "field",
-              "name": "deletedNode",
-              "type": {
-                "text": "WorkflowNode | null"
-              },
-              "privacy": "private",
-              "default": "null"
-            },
-            {
-              "kind": "field",
-              "name": "parentReference",
-              "type": {
-                "text": "{\n    parentId: string;\n    connectionType: 'child' | 'branch' | 'task';\n    branchKey?: string;\n  } | null"
-              },
-              "privacy": "private",
-              "default": "null"
-            },
-            {
-              "kind": "method",
-              "name": "captureNodeContext",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "workflow",
-                  "type": {
-                    "text": "Workflow"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "findParentReference",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "node",
-                  "type": {
-                    "text": "WorkflowNode"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "execute",
-              "return": {
-                "type": {
-                  "text": "Workflow"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "workflow",
-                  "type": {
-                    "text": "Workflow"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "undo",
-              "return": {
-                "type": {
-                  "text": "Workflow"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "workflow",
-                  "type": {
-                    "text": "Workflow"
-                  }
-                }
-              ]
-            }
-          ]
-        },
-        {
-          "kind": "class",
-          "description": "Edit Node Command",
-          "name": "EditNodeCommand",
-          "members": [
-            {
-              "kind": "field",
-              "name": "description",
-              "type": {
-                "text": "string"
-              },
-              "default": "'Edit node'"
-            },
-            {
-              "kind": "field",
-              "name": "previousState",
-              "type": {
-                "text": "Record<string, any>"
-              },
-              "privacy": "private",
-              "default": "{}"
-            },
-            {
-              "kind": "method",
-              "name": "execute",
-              "return": {
-                "type": {
-                  "text": "Workflow"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "workflow",
-                  "type": {
-                    "text": "Workflow"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "undo",
-              "return": {
-                "type": {
-                  "text": "Workflow"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "workflow",
-                  "type": {
-                    "text": "Workflow"
-                  }
-                }
-              ]
-            }
-          ]
-        },
-        {
-          "kind": "class",
-          "description": "Move Node Command - reorder in array or change parent",
-          "name": "MoveNodeCommand",
-          "members": [
-            {
-              "kind": "field",
-              "name": "description",
-              "type": {
-                "text": "string"
-              },
-              "default": "'Move node'"
-            },
-            {
-              "kind": "field",
-              "name": "previousState",
-              "type": {
-                "text": "{\n    parentId: string;\n    index: number;\n    connectionType: 'child' | 'branch' | 'task';\n    branchKey?: string;\n  } | null"
-              },
-              "privacy": "private",
-              "default": "null"
-            },
-            {
-              "kind": "method",
-              "name": "captureCurrentPosition",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "workflow",
-                  "type": {
-                    "text": "Workflow"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "execute",
-              "return": {
-                "type": {
-                  "text": "Workflow"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "workflow",
-                  "type": {
-                    "text": "Workflow"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "undo",
-              "return": {
-                "type": {
-                  "text": "Workflow"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "workflow",
-                  "type": {
-                    "text": "Workflow"
-                  }
-                }
-              ]
-            }
-          ]
-        },
-        {
-          "kind": "class",
-          "description": "Batch Command - combine multiple commands into one undo/redo step",
-          "name": "BatchCommand",
-          "members": [
-            {
-              "kind": "field",
-              "name": "description",
-              "type": {
-                "text": "string"
-              },
-              "default": "description"
-            },
-            {
-              "kind": "method",
-              "name": "execute",
-              "return": {
-                "type": {
-                  "text": "Workflow"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "workflow",
-                  "type": {
-                    "text": "Workflow"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "undo",
-              "return": {
-                "type": {
-                  "text": "Workflow"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "workflow",
-                  "type": {
-                    "text": "Workflow"
-                  }
-                }
-              ]
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "AddNodeCommand",
-          "declaration": {
-            "name": "AddNodeCommand",
-            "module": "src/flow-designer/commands.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "DeleteNodeCommand",
-          "declaration": {
-            "name": "DeleteNodeCommand",
-            "module": "src/flow-designer/commands.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "EditNodeCommand",
-          "declaration": {
-            "name": "EditNodeCommand",
-            "module": "src/flow-designer/commands.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "MoveNodeCommand",
-          "declaration": {
-            "name": "MoveNodeCommand",
-            "module": "src/flow-designer/commands.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "BatchCommand",
-          "declaration": {
-            "name": "BatchCommand",
-            "module": "src/flow-designer/commands.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/flow-designer/layout.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "SwimlaneLayout",
-          "members": [
-            {
-              "kind": "method",
-              "name": "calculateLayout",
-              "static": true,
-              "return": {
-                "type": {
-                  "text": "PositionedNode[]"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "rootNode",
-                  "type": {
-                    "text": "WorkflowNode"
-                  }
-                }
-              ],
-              "description": "Calculate layout positions for all nodes in a workflow"
-            },
-            {
-              "kind": "method",
-              "name": "_traverseAndAssignLanes",
-              "privacy": "private",
-              "static": true,
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "node",
-                  "type": {
-                    "text": "WorkflowNode"
-                  }
-                },
-                {
-                  "name": "parent",
-                  "type": {
-                    "text": "WorkflowNode | null"
-                  }
-                },
-                {
-                  "name": "baseLane",
-                  "type": {
-                    "text": "string"
-                  }
-                },
-                {
-                  "name": "depth",
-                  "type": {
-                    "text": "number"
-                  }
-                },
-                {
-                  "name": "layoutNodes",
-                  "type": {
-                    "text": "LayoutNode[]"
-                  }
-                },
-                {
-                  "name": "lanes",
-                  "type": {
-                    "text": "Map<string, LayoutNode[]>"
-                  }
-                }
-              ],
-              "description": "Traverse workflow tree and assign lane/depth to each node"
-            },
-            {
-              "kind": "method",
-              "name": "_calculateConnectors",
-              "privacy": "private",
-              "static": true,
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "positionedNodes",
-                  "type": {
-                    "text": "PositionedNode[]"
-                  }
-                },
-                {
-                  "name": "nodePositions",
-                  "type": {
-                    "text": "Map<string, { x: number; y: number }>"
-                  }
-                }
-              ],
-              "description": "Calculate SVG connector points between nodes"
-            },
-            {
-              "kind": "method",
-              "name": "getSwimlanes",
-              "static": true,
-              "return": {
-                "type": {
-                  "text": "SwimlaneConfig[]"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "positionedNodes",
-                  "type": {
-                    "text": "PositionedNode[]"
-                  }
-                }
-              ],
-              "description": "Get swimlane configurations for rendering"
-            },
-            {
-              "kind": "method",
-              "name": "_getSwimlaneName",
-              "privacy": "private",
-              "static": true,
-              "return": {
-                "type": {
-                  "text": "string"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "laneId",
-                  "type": {
-                    "text": "string"
-                  }
-                }
-              ],
-              "description": "Generate human-readable swimlane name"
-            },
-            {
-              "kind": "method",
-              "name": "getCanvasBounds",
-              "static": true,
-              "return": {
-                "type": {
-                  "text": "{\n    width: number;\n    height: number;\n  }"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "positionedNodes",
-                  "type": {
-                    "text": "PositionedNode[]"
-                  }
-                }
-              ],
-              "description": "Calculate canvas bounds for sizing"
-            }
-          ]
-        },
-        {
-          "kind": "variable",
-          "name": "x"
-        },
-        {
-          "kind": "variable",
-          "name": "y"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "SwimlaneLayout",
-          "declaration": {
-            "name": "SwimlaneLayout",
-            "module": "src/flow-designer/layout.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/flow-designer/validation.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "Workflow validation - checks for common errors and inconsistencies",
-          "name": "WorkflowValidator",
-          "members": [
-            {
-              "kind": "method",
-              "name": "validate",
-              "static": true,
-              "return": {
-                "type": {
-                  "text": "ValidationError[]"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "workflow",
-                  "type": {
-                    "text": "Workflow"
-                  }
-                }
-              ],
-              "description": "Validate entire workflow"
-            },
-            {
-              "kind": "method",
-              "name": "_checkCircularLoops",
-              "privacy": "private",
-              "static": true,
-              "return": {
-                "type": {
-                  "text": "ValidationError[]"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "rootNode",
-                  "type": {
-                    "text": "WorkflowNode"
-                  }
-                },
-                {
-                  "name": "allNodes",
-                  "type": {
-                    "text": "WorkflowNode[]"
-                  }
-                }
-              ],
-              "description": "Detect circular loop references\nA loop_end cannot point to a node that is its own descendant (after the loop_start)"
-            },
-            {
-              "kind": "method",
-              "name": "_checkOrphanedNodes",
-              "privacy": "private",
-              "static": true,
-              "return": {
-                "type": {
-                  "text": "ValidationError[]"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "rootNode",
-                  "type": {
-                    "text": "WorkflowNode"
-                  }
-                },
-                {
-                  "name": "allNodes",
-                  "type": {
-                    "text": "WorkflowNode[]"
-                  }
-                }
-              ],
-              "description": "Check for orphaned nodes (not reachable from root)"
-            },
-            {
-              "kind": "method",
-              "name": "_checkValidBranches",
-              "privacy": "private",
-              "static": true,
-              "return": {
-                "type": {
-                  "text": "ValidationError[]"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "rootNode",
-                  "type": {
-                    "text": "WorkflowNode"
-                  }
-                },
-                {
-                  "name": "allNodes",
-                  "type": {
-                    "text": "WorkflowNode[]"
-                  }
-                }
-              ],
-              "description": "Check that decision nodes have valid branches"
-            },
-            {
-              "kind": "method",
-              "name": "_checkMissingTargets",
-              "privacy": "private",
-              "static": true,
-              "return": {
-                "type": {
-                  "text": "ValidationError[]"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "workflow",
-                  "type": {
-                    "text": "Workflow"
-                  }
-                },
-                {
-                  "name": "allNodes",
-                  "type": {
-                    "text": "WorkflowNode[]"
-                  }
-                }
-              ],
-              "description": "Check that loop_end nodes reference valid loop_start nodes"
-            },
-            {
-              "kind": "method",
-              "name": "_checkForkJoinPairs",
-              "privacy": "private",
-              "static": true,
-              "return": {
-                "type": {
-                  "text": "ValidationError[]"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "rootNode",
-                  "type": {
-                    "text": "WorkflowNode"
-                  }
-                },
-                {
-                  "name": "allNodes",
-                  "type": {
-                    "text": "WorkflowNode[]"
-                  }
-                }
-              ],
-              "description": "Check that fork nodes have corresponding join nodes"
-            },
-            {
-              "kind": "method",
-              "name": "isExecutable",
-              "static": true,
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "workflow",
-                  "type": {
-                    "text": "Workflow"
-                  }
-                }
-              ],
-              "description": "Check if workflow would create a valid execution path"
-            },
-            {
-              "kind": "method",
-              "name": "getWarnings",
-              "static": true,
-              "return": {
-                "type": {
-                  "text": "ValidationError[]"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "workflow",
-                  "type": {
-                    "text": "Workflow"
-                  }
-                }
-              ],
-              "description": "Get validation warnings only"
-            },
-            {
-              "kind": "method",
-              "name": "getErrors",
-              "static": true,
-              "return": {
-                "type": {
-                  "text": "ValidationError[]"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "workflow",
-                  "type": {
-                    "text": "Workflow"
-                  }
-                }
-              ],
-              "description": "Get validation errors only"
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "WorkflowValidator",
-          "declaration": {
-            "name": "WorkflowValidator",
-            "module": "src/flow-designer/validation.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/flow-designer/flow-designer.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "FlowDesigner",
-          "cssProperties": [
-            {
-              "description": "Height of the flow designer container. Defaults to 400px.",
-              "name": "--flow-designer-height"
-            },
-            {
-              "description": "Border color of the flow designer. Defaults to outline-variant.",
-              "name": "--flow-designer-border-color"
-            },
-            {
-              "description": "Background color of the designer. Defaults to surface.",
-              "name": "--flow-designer-background"
-            },
-            {
-              "description": "Corner radius. Defaults to medium shape.",
-              "name": "--flow-designer-border-radius"
-            },
-            {
-              "description": "Background color of the action bar. Defaults to surface-container.",
-              "name": "--flow-designer-action-bar-bg"
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "workflow",
-              "type": {
-                "text": "Workflow"
-              },
-              "default": "{ workflow_id: '', nodes: { id: 'root', type: 'trigger', label: 'Start' } }",
-              "description": "The workflow definition to display and edit",
-              "attribute": "workflow"
-            },
-            {
-              "kind": "field",
-              "name": "readonly",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Whether the flow designer is in read-only mode",
-              "attribute": "readonly",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "disabled",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Whether the flow designer is disabled",
-              "attribute": "disabled",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "showValidation",
+              "kind": "field",
+              "name": "isDrawingConnection",
               "type": {
                 "text": "boolean"
               },
-              "default": "false",
-              "description": "Show validation errors/warnings",
-              "attribute": "show-validation"
-            },
-            {
-              "kind": "field",
-              "name": "_editor",
-              "type": {
-                "text": "EditorState"
-              },
               "privacy": "private",
-              "default": "{ selectedNodeId: null, isEditing: false, editingNode: null, hoveredNodeId: null, isDragging: false, draggedNodeId: null, zoom: 1, panX: 0, panY: 0, }"
+              "default": "false"
             },
             {
               "kind": "field",
-              "name": "_positionedNodes",
+              "name": "draggingSourceId",
               "type": {
-                "text": "PositionedNode[]"
+                "text": "string | null"
               },
               "privacy": "private",
-              "default": "[]"
+              "default": "null"
             },
             {
               "kind": "field",
-              "name": "_history",
+              "name": "draggingSourceHandle",
               "type": {
-                "text": "HistoryEntry[]"
+                "text": "\"top\" | \"left\" | \"bottom\" | \"right\" | null"
               },
               "privacy": "private",
-              "default": "[]"
+              "default": "null"
             },
             {
               "kind": "field",
-              "name": "_historyIndex",
+              "name": "connectionStartX",
               "type": {
                 "text": "number"
               },
               "privacy": "private",
-              "default": "-1"
-            },
-            {
-              "kind": "field",
-              "name": "scrollElm",
-              "type": {
-                "text": "HTMLElement | undefined"
-              },
-              "privacy": "private"
+              "default": "0"
             },
             {
               "kind": "field",
-              "name": "_isDragScrolling",
+              "name": "connectionStartY",
               "type": {
-                "text": "boolean"
+                "text": "number"
               },
               "privacy": "private",
-              "default": "false"
+              "default": "0"
             },
             {
               "kind": "field",
-              "name": "_dragStartX",
+              "name": "currentMouseX",
               "type": {
                 "text": "number"
               },
@@ -30244,387 +28846,396 @@
             },
             {
               "kind": "field",
-              "name": "_dragStartY",
+              "name": "currentMouseY",
               "type": {
                 "text": "number"
               },
               "privacy": "private",
               "default": "0"
             },
+            {
+              "kind": "method",
+              "name": "onNodeMouseDown",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "MouseEvent"
+                  }
+                },
+                {
+                  "name": "node",
+                  "type": {
+                    "text": "FlowNode"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "field",
+              "name": "onNodeMouseMove",
+              "privacy": "private"
+            },
             {
               "kind": "field",
-              "name": "_scrollStartX",
-              "type": {
-                "text": "number"
-              },
-              "privacy": "private",
-              "default": "0"
+              "name": "onNodeMouseUp",
+              "privacy": "private"
             },
             {
-              "kind": "field",
-              "name": "_scrollStartY",
-              "type": {
-                "text": "number"
-              },
+              "kind": "method",
+              "name": "getNodeInputs",
               "privacy": "private",
-              "default": "0"
+              "return": {
+                "type": {
+                  "text": "(\"top\" | \"left\" | \"bottom\" | \"right\")[]"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "node",
+                  "type": {
+                    "text": "FlowNode"
+                  }
+                }
+              ]
             },
             {
               "kind": "method",
-              "name": "_recalculateLayout",
+              "name": "getNodeOutputs",
               "privacy": "private",
-              "description": "Recalculate layout when workflow changes"
+              "return": {
+                "type": {
+                  "text": "(\"top\" | \"left\" | \"bottom\" | \"right\")[]"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "node",
+                  "type": {
+                    "text": "FlowNode"
+                  }
+                }
+              ]
             },
             {
               "kind": "method",
-              "name": "addNode",
+              "name": "getHandleCoordinates",
+              "privacy": "private",
               "return": {
                 "type": {
-                  "text": "void"
+                  "text": "FlowPoint"
                 }
               },
               "parameters": [
                 {
-                  "name": "newNode",
+                  "name": "node",
                   "type": {
-                    "text": "WorkflowNode"
+                    "text": "FlowNode"
                   }
                 },
                 {
-                  "name": "parentNodeId",
+                  "name": "position",
                   "type": {
-                    "text": "string"
+                    "text": "\"top\" | \"left\" | \"bottom\" | \"right\""
+                  }
+                },
+                {
+                  "name": "dim",
+                  "type": {
+                    "text": "{ width: number; height: number }"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "onHandleMouseDown",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "MouseEvent"
                   }
                 },
                 {
-                  "name": "connectionType",
-                  "default": "'child'",
+                  "name": "node",
                   "type": {
-                    "text": "'child' | 'branch' | 'task'"
+                    "text": "FlowNode"
                   }
                 },
                 {
-                  "name": "branchKey",
-                  "optional": true,
+                  "name": "position",
                   "type": {
-                    "text": "string"
+                    "text": "\"top\" | \"left\" | \"bottom\" | \"right\""
                   }
                 }
-              ],
-              "description": "Add a new node"
+              ]
+            },
+            {
+              "kind": "field",
+              "name": "onConnectionMouseMove",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "onConnectionMouseUp",
+              "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "deleteNode",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
+              "name": "getRoundedPath",
+              "privacy": "private",
               "parameters": [
                 {
-                  "name": "nodeId",
+                  "name": "points",
                   "type": {
-                    "text": "string"
+                    "text": "FlowPoint[]"
                   }
+                },
+                {
+                  "name": "radius",
+                  "default": "12"
                 }
-              ],
-              "description": "Delete a node by ID"
+              ]
             },
             {
               "kind": "method",
-              "name": "editNode",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
+              "name": "getSmoothStepPath",
+              "privacy": "private",
               "parameters": [
                 {
-                  "name": "nodeId",
+                  "name": "x1",
                   "type": {
-                    "text": "string"
+                    "text": "number"
+                  }
+                },
+                {
+                  "name": "y1",
+                  "type": {
+                    "text": "number"
+                  }
+                },
+                {
+                  "name": "x2",
+                  "type": {
+                    "text": "number"
+                  }
+                },
+                {
+                  "name": "y2",
+                  "type": {
+                    "text": "number"
+                  }
+                },
+                {
+                  "name": "sourceHandle",
+                  "default": "\"right\"",
+                  "type": {
+                    "text": "\"top\" | \"left\" | \"bottom\" | \"right\""
                   }
                 },
                 {
-                  "name": "updates",
+                  "name": "targetHandle",
+                  "default": "\"left\"",
                   "type": {
-                    "text": "Partial<WorkflowNode>"
+                    "text": "\"top\" | \"left\" | \"bottom\" | \"right\""
                   }
                 }
-              ],
-              "description": "Edit a node"
+              ]
             },
             {
               "kind": "method",
-              "name": "moveNode",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
+              "name": "getBezierPath",
+              "privacy": "private",
               "parameters": [
                 {
-                  "name": "nodeId",
+                  "name": "x1",
                   "type": {
-                    "text": "string"
+                    "text": "number"
                   }
                 },
                 {
-                  "name": "newParentId",
+                  "name": "y1",
                   "type": {
-                    "text": "string"
+                    "text": "number"
                   }
                 },
                 {
-                  "name": "newIndex",
+                  "name": "x2",
                   "type": {
                     "text": "number"
                   }
                 },
                 {
-                  "name": "connectionType",
-                  "default": "'child'",
+                  "name": "y2",
                   "type": {
-                    "text": "'child' | 'branch' | 'task'"
+                    "text": "number"
                   }
                 },
                 {
-                  "name": "branchKey",
-                  "optional": true,
+                  "name": "sourceHandle",
+                  "default": "\"right\"",
                   "type": {
-                    "text": "string"
+                    "text": "\"top\" | \"left\" | \"bottom\" | \"right\""
+                  }
+                },
+                {
+                  "name": "targetHandle",
+                  "default": "\"left\"",
+                  "type": {
+                    "text": "\"top\" | \"left\" | \"bottom\" | \"right\""
                   }
                 }
-              ],
-              "description": "Move a node to a different parent/position"
+              ]
             },
             {
               "kind": "method",
-              "name": "_executeCommand",
+              "name": "getStraightPath",
               "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
               "parameters": [
                 {
-                  "name": "command",
+                  "name": "x1",
                   "type": {
-                    "text": "WorkflowCommand"
+                    "text": "number"
+                  }
+                },
+                {
+                  "name": "y1",
+                  "type": {
+                    "text": "number"
+                  }
+                },
+                {
+                  "name": "x2",
+                  "type": {
+                    "text": "number"
+                  }
+                },
+                {
+                  "name": "y2",
+                  "type": {
+                    "text": "number"
                   }
                 }
-              ],
-              "description": "Execute a command and add to history"
-            },
-            {
-              "kind": "method",
-              "name": "undo",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "description": "Undo last operation"
-            },
-            {
-              "kind": "method",
-              "name": "redo",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "description": "Redo last undone operation"
-            },
-            {
-              "kind": "method",
-              "name": "canUndo",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
-              },
-              "description": "Check if undo is available"
-            },
-            {
-              "kind": "method",
-              "name": "canRedo",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
-              },
-              "description": "Check if redo is available"
-            },
-            {
-              "kind": "method",
-              "name": "exportWorkflow",
-              "return": {
-                "type": {
-                  "text": "string"
-                }
-              },
-              "description": "Export current workflow as JSON"
-            },
-            {
-              "kind": "method",
-              "name": "validate",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "description": "Validate workflow"
+              ]
             },
             {
               "kind": "method",
-              "name": "_emitWorkflowChange",
+              "name": "drawPath",
               "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
               "parameters": [
+                {
+                  "name": "sourceId",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "targetId",
+                  "type": {
+                    "text": "string"
+                  }
+                },
                 {
                   "name": "type",
+                  "optional": true,
                   "type": {
-                    "text": "WorkflowChangeEvent['type']"
+                    "text": "\"smoothstep\" | \"bezier\" | \"straight\""
                   }
                 },
                 {
-                  "name": "nodeId",
+                  "name": "sourceHandle",
                   "optional": true,
                   "type": {
-                    "text": "string"
+                    "text": "\"top\" | \"left\" | \"bottom\" | \"right\""
                   }
-                }
-              ]
-            },
-            {
-              "kind": "field",
-              "name": "_handleKeyDown",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "_handleMouseUp",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "_handleCanvasMouseDown",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "_handleCanvasMouseMove",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "_handleNodeClick",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "_handleNodeDelete",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "_handleNodeEdit",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "_handleZoomIn",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "_handleZoomOut",
-              "privacy": "private"
+                },
+                {
+                  "name": "targetHandle",
+                  "optional": true,
+                  "type": {
+                    "text": "\"top\" | \"left\" | \"bottom\" | \"right\""
+                  }
+                }
+              ]
             },
             {
               "kind": "method",
-              "name": "_renderConnectors",
+              "name": "getBounds",
               "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "_renderSwimlanes",
-              "privacy": "private"
+              "name": "isCustomNode",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "node",
+                  "type": {
+                    "text": "FlowNode"
+                  }
+                }
+              ]
             },
             {
               "kind": "method",
-              "name": "_renderNodes",
-              "privacy": "private"
-            }
-          ],
-          "events": [
-            {
-              "name": "validation-result",
-              "type": {
-                "text": "CustomEvent"
-              }
-            },
-            {
-              "name": "workflow-changed",
-              "type": {
-                "text": "CustomEvent"
-              }
+              "name": "renderNodeContent",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "node",
+                  "type": {
+                    "text": "FlowNode"
+                  }
+                }
+              ]
             }
           ],
           "attributes": [
             {
-              "name": "workflow",
+              "name": "nodes",
               "type": {
-                "text": "Workflow"
+                "text": "FlowNode[]"
               },
-              "default": "{ workflow_id: '', nodes: { id: 'root', type: 'trigger', label: 'Start' } }",
-              "description": "The workflow definition to display and edit",
-              "fieldName": "workflow"
+              "default": "[]",
+              "fieldName": "nodes"
             },
             {
-              "name": "readonly",
+              "name": "edges",
               "type": {
-                "text": "boolean"
+                "text": "FlowEdge[]"
               },
-              "default": "false",
-              "description": "Whether the flow designer is in read-only mode",
-              "fieldName": "readonly"
+              "default": "[]",
+              "fieldName": "edges"
             },
             {
-              "name": "disabled",
+              "name": "zoom",
               "type": {
-                "text": "boolean"
+                "text": "number"
               },
-              "default": "false",
-              "description": "Whether the flow designer is disabled",
-              "fieldName": "disabled"
+              "default": "1",
+              "fieldName": "zoom"
             },
             {
-              "name": "show-validation",
+              "name": "padding",
               "type": {
-                "text": "boolean"
+                "text": "number"
               },
-              "default": "false",
-              "description": "Show validation errors/warnings",
-              "fieldName": "showValidation"
+              "default": "50",
+              "fieldName": "padding"
             }
           ],
           "superclass": {
             "name": "LitElement",
             "package": "lit"
           },
-          "tagName": "wc-flow-designer",
+          "tagName": "wc-flow",
           "customElement": true,
-          "summary": "Low-code business process flow designer with swimlane layout, undo/redo, and interactive editing.",
+          "summary": "An interactive node editor canvas with draggable nodes, custom HTML element rendering, and mouse-based edge connection creation on a dotted grid.",
           "rawTag": {
-            "name": "flow-designer",
+            "name": "flow",
             "description": ""
           }
         }
@@ -30632,249 +29243,49 @@
       "exports": [
         {
           "kind": "js",
-          "name": "FlowDesigner",
+          "name": "Flow",
           "declaration": {
-            "name": "FlowDesigner",
-            "module": "src/flow-designer/flow-designer.ts"
+            "name": "Flow",
+            "module": "src/flow/flow.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/flow-designer/index.ts",
+      "path": "src/flow/index.ts",
       "declarations": [],
       "exports": [
         {
           "kind": "js",
-          "name": "FlowDesigner",
-          "declaration": {
-            "name": "FlowDesigner",
-            "module": "./flow-designer.js"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "FlowDesignerNode",
-          "declaration": {
-            "name": "FlowDesignerNode",
-            "module": "./flow-designer-node.js"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "Workflow",
-          "declaration": {
-            "name": "Workflow",
-            "module": "./types.js"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "WorkflowNode",
-          "declaration": {
-            "name": "WorkflowNode",
-            "module": "./types.js"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "WorkflowCommand",
-          "declaration": {
-            "name": "WorkflowCommand",
-            "module": "./types.js"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "PositionedNode",
-          "declaration": {
-            "name": "PositionedNode",
-            "module": "./types.js"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "ValidationError",
-          "declaration": {
-            "name": "ValidationError",
-            "module": "./types.js"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "HistoryEntry",
-          "declaration": {
-            "name": "HistoryEntry",
-            "module": "./types.js"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "EditorState",
-          "declaration": {
-            "name": "EditorState",
-            "module": "./types.js"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "NodeType",
-          "declaration": {
-            "name": "NodeType",
-            "module": "./types.js"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "WorkflowChangeEvent",
-          "declaration": {
-            "name": "WorkflowChangeEvent",
-            "module": "./types.js"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "SwimlaneConfig",
-          "declaration": {
-            "name": "SwimlaneConfig",
-            "module": "./types.js"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "NodeTemplate",
-          "declaration": {
-            "name": "NodeTemplate",
-            "module": "./types.js"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "SwimlaneLayout",
-          "declaration": {
-            "name": "SwimlaneLayout",
-            "module": "./layout.js"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "WorkflowValidator",
-          "declaration": {
-            "name": "WorkflowValidator",
-            "module": "./validation.js"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "cloneWorkflow",
-          "declaration": {
-            "name": "cloneWorkflow",
-            "module": "./workflow-utils.js"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "cloneNode",
-          "declaration": {
-            "name": "cloneNode",
-            "module": "./workflow-utils.js"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "findNodeById",
-          "declaration": {
-            "name": "findNodeById",
-            "module": "./workflow-utils.js"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "removeNodeById",
-          "declaration": {
-            "name": "removeNodeById",
-            "module": "./workflow-utils.js"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "insertNodeIntoWorkflow",
-          "declaration": {
-            "name": "insertNodeIntoWorkflow",
-            "module": "./workflow-utils.js"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "getAllNodes",
-          "declaration": {
-            "name": "getAllNodes",
-            "module": "./workflow-utils.js"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "getNodePath",
-          "declaration": {
-            "name": "getNodePath",
-            "module": "./workflow-utils.js"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "isDescendant",
+          "name": "Flow",
           "declaration": {
-            "name": "isDescendant",
-            "module": "./workflow-utils.js"
+            "name": "Flow",
+            "module": "./flow.js"
           }
         },
         {
           "kind": "js",
-          "name": "replaceNode",
+          "name": "FlowNode",
           "declaration": {
-            "name": "replaceNode",
-            "module": "./workflow-utils.js"
+            "name": "FlowNode",
+            "module": "./flow.js"
           }
         },
         {
           "kind": "js",
-          "name": "AddNodeCommand",
+          "name": "FlowEdge",
           "declaration": {
-            "name": "AddNodeCommand",
-            "module": "./commands.js"
+            "name": "FlowEdge",
+            "module": "./flow.js"
           }
         },
         {
           "kind": "js",
-          "name": "DeleteNodeCommand",
+          "name": "FlowStrokeVariant",
           "declaration": {
-            "name": "DeleteNodeCommand",
-            "module": "./commands.js"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "EditNodeCommand",
-          "declaration": {
-            "name": "EditNodeCommand",
-            "module": "./commands.js"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "MoveNodeCommand",
-          "declaration": {
-            "name": "MoveNodeCommand",
-            "module": "./commands.js"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "BatchCommand",
-          "declaration": {
-            "name": "BatchCommand",
-            "module": "./commands.js"
+            "name": "FlowStrokeVariant",
+            "module": "./flow.js"
           }
         }
       ]
@@ -31701,6 +30112,22 @@
             "module": "./list/index.js"
           }
         },
+        {
+          "kind": "js",
+          "name": "Timeline",
+          "declaration": {
+            "name": "Timeline",
+            "module": "./timeline/index.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "TimelineItem",
+          "declaration": {
+            "name": "TimelineItem",
+            "module": "./timeline/index.js"
+          }
+        },
         {
           "kind": "js",
           "name": "Item",
@@ -32055,122 +30482,34 @@
         },
         {
           "kind": "js",
-          "name": "Canvas",
-          "declaration": {
-            "name": "Canvas",
-            "module": "./canvas/index.js"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "CanvasShape",
-          "declaration": {
-            "name": "CanvasShape",
-            "module": "./canvas/index.js"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "FlowDesigner",
-          "declaration": {
-            "name": "FlowDesigner",
-            "module": "./flow-designer/index.js"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "FlowDesignerNode",
-          "declaration": {
-            "name": "FlowDesignerNode",
-            "module": "./flow-designer/index.js"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "Workflow",
-          "declaration": {
-            "name": "Workflow",
-            "module": "./flow-designer/index.js"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "WorkflowNode",
-          "declaration": {
-            "name": "WorkflowNode",
-            "module": "./flow-designer/index.js"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "WorkflowCommand",
-          "declaration": {
-            "name": "WorkflowCommand",
-            "module": "./flow-designer/index.js"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "PositionedNode",
-          "declaration": {
-            "name": "PositionedNode",
-            "module": "./flow-designer/index.js"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "ValidationError",
-          "declaration": {
-            "name": "ValidationError",
-            "module": "./flow-designer/index.js"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "HistoryEntry",
-          "declaration": {
-            "name": "HistoryEntry",
-            "module": "./flow-designer/index.js"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "EditorState",
-          "declaration": {
-            "name": "EditorState",
-            "module": "./flow-designer/index.js"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "NodeType",
+          "name": "Flow",
           "declaration": {
-            "name": "NodeType",
-            "module": "./flow-designer/index.js"
+            "name": "Flow",
+            "module": "./flow/index.js"
           }
         },
         {
           "kind": "js",
-          "name": "WorkflowChangeEvent",
+          "name": "FlowNode",
           "declaration": {
-            "name": "WorkflowChangeEvent",
-            "module": "./flow-designer/index.js"
+            "name": "FlowNode",
+            "module": "./flow/index.js"
           }
         },
         {
           "kind": "js",
-          "name": "SwimlaneConfig",
+          "name": "FlowEdge",
           "declaration": {
-            "name": "SwimlaneConfig",
-            "module": "./flow-designer/index.js"
+            "name": "FlowEdge",
+            "module": "./flow/index.js"
           }
         },
         {
           "kind": "js",
-          "name": "NodeTemplate",
+          "name": "FlowStrokeVariant",
           "declaration": {
-            "name": "NodeTemplate",
-            "module": "./flow-designer/index.js"
+            "name": "FlowStrokeVariant",
+            "module": "./flow/index.js"
           }
         },
         {