@goplasmatic/dataflow-ui 2.1.0 → 2.1.2

package/dist/index.cjs

@@ -1,7 +1,4 @@
 "use strict";
-var __defProp = Object.defineProperty;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
@@ -41,22 +38,18 @@ function useTheme() {
   }
   return context;
 }
-/**
- * @license lucide-react v0.462.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const toKebabCase = (string) => string.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
 const mergeClasses = (...classes) => classes.filter((className, index2, array2) => {
   return Boolean(className) && className.trim() !== "" && array2.indexOf(className) === index2;
 }).join(" ").trim();
-/**
- * @license lucide-react v0.462.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
+const toKebabCase = (string) => string.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
+const toCamelCase = (string) => string.replace(
+  /^([A-Z])|[\s-_]+(\w)/g,
+  (match, p1, p2) => p2 ? p2.toUpperCase() : p1.toLowerCase()
+);
+const toPascalCase = (string) => {
+  const camelCase = toCamelCase(string);
+  return camelCase.charAt(0).toUpperCase() + camelCase.slice(1);
+};
 var defaultAttributes = {
   xmlns: "http://www.w3.org/2000/svg",
   width: 24,
@@ -68,12 +61,14 @@ var defaultAttributes = {
   strokeLinecap: "round",
   strokeLinejoin: "round"
 };
-/**
- * @license lucide-react v0.462.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
+const hasA11yProp = (props) => {
+  for (const prop in props) {
+    if (prop.startsWith("aria-") || prop === "role" || prop === "title") {
+      return true;
+    }
+  }
+  return false;
+};
 const Icon = React.forwardRef(
   ({
     color: color2 = "currentColor",
@@ -84,73 +79,54 @@ const Icon = React.forwardRef(
     children: children2,
     iconNode,
     ...rest
-  }, ref) => {
-    return React.createElement(
-      "svg",
-      {
-        ref,
-        ...defaultAttributes,
-        width: size,
-        height: size,
-        stroke: color2,
-        strokeWidth: absoluteStrokeWidth ? Number(strokeWidth) * 24 / Number(size) : strokeWidth,
-        className: mergeClasses("lucide", className),
-        ...rest
-      },
-      [
-        ...iconNode.map(([tag, attrs]) => React.createElement(tag, attrs)),
-        ...Array.isArray(children2) ? children2 : [children2]
-      ]
-    );
-  }
+  }, ref) => React.createElement(
+    "svg",
+    {
+      ref,
+      ...defaultAttributes,
+      width: size,
+      height: size,
+      stroke: color2,
+      strokeWidth: absoluteStrokeWidth ? Number(strokeWidth) * 24 / Number(size) : strokeWidth,
+      className: mergeClasses("lucide", className),
+      ...!children2 && !hasA11yProp(rest) && { "aria-hidden": "true" },
+      ...rest
+    },
+    [
+      ...iconNode.map(([tag, attrs]) => React.createElement(tag, attrs)),
+      ...Array.isArray(children2) ? children2 : [children2]
+    ]
+  )
 );
-/**
- * @license lucide-react v0.462.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
 const createLucideIcon = (iconName, iconNode) => {
   const Component = React.forwardRef(
     ({ className, ...props }, ref) => React.createElement(Icon, {
       ref,
       iconNode,
-      className: mergeClasses(`lucide-${toKebabCase(iconName)}`, className),
+      className: mergeClasses(
+        `lucide-${toKebabCase(toPascalCase(iconName))}`,
+        `lucide-${iconName}`,
+        className
+      ),
       ...props
     })
   );
-  Component.displayName = `${iconName}`;
+  Component.displayName = toPascalCase(iconName);
   return Component;
 };
-/**
- * @license lucide-react v0.462.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const ArrowRightLeft = createLucideIcon("ArrowRightLeft", [
+const __iconNode$t = [
   ["path", { d: "m16 3 4 4-4 4", key: "1x1c3m" }],
   ["path", { d: "M20 7H4", key: "zbl0bi" }],
   ["path", { d: "m8 21-4-4 4-4", key: "h9nckh" }],
   ["path", { d: "M4 17h16", key: "g4d7ey" }]
-]);
-/**
- * @license lucide-react v0.462.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const ArrowRight = createLucideIcon("ArrowRight", [
+];
+const ArrowRightLeft = createLucideIcon("arrow-right-left", __iconNode$t);
+const __iconNode$s = [
   ["path", { d: "M5 12h14", key: "1ays0h" }],
   ["path", { d: "m12 5 7 7-7 7", key: "xquz4c" }]
-]);
-/**
- * @license lucide-react v0.462.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const Box = createLucideIcon("Box", [
+];
+const ArrowRight = createLucideIcon("arrow-right", __iconNode$s);
+const __iconNode$r = [
   [
     "path",
     {
@@ -160,123 +136,63 @@ const Box = createLucideIcon("Box", [
   ],
   ["path", { d: "m3.3 7 8.7 5 8.7-5", key: "g66t2b" }],
   ["path", { d: "M12 22V12", key: "d0xqtd" }]
-]);
-/**
- * @license lucide-react v0.462.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const Check = createLucideIcon("Check", [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]]);
-/**
- * @license lucide-react v0.462.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const ChevronDown = createLucideIcon("ChevronDown", [
-  ["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]
-]);
-/**
- * @license lucide-react v0.462.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const ChevronLeft = createLucideIcon("ChevronLeft", [
-  ["path", { d: "m15 18-6-6 6-6", key: "1wnfg3" }]
-]);
-/**
- * @license lucide-react v0.462.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const ChevronRight = createLucideIcon("ChevronRight", [
-  ["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]
-]);
-/**
- * @license lucide-react v0.462.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const ChevronsLeft = createLucideIcon("ChevronsLeft", [
+];
+const Box = createLucideIcon("box", __iconNode$r);
+const __iconNode$q = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]];
+const Check = createLucideIcon("check", __iconNode$q);
+const __iconNode$p = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]];
+const ChevronDown = createLucideIcon("chevron-down", __iconNode$p);
+const __iconNode$o = [["path", { d: "m15 18-6-6 6-6", key: "1wnfg3" }]];
+const ChevronLeft = createLucideIcon("chevron-left", __iconNode$o);
+const __iconNode$n = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]];
+const ChevronRight = createLucideIcon("chevron-right", __iconNode$n);
+const __iconNode$m = [
   ["path", { d: "m11 17-5-5 5-5", key: "13zhaf" }],
   ["path", { d: "m18 17-5-5 5-5", key: "h8a8et" }]
-]);
-/**
- * @license lucide-react v0.462.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const ChevronsRight = createLucideIcon("ChevronsRight", [
+];
+const ChevronsLeft = createLucideIcon("chevrons-left", __iconNode$m);
+const __iconNode$l = [
   ["path", { d: "m6 17 5-5-5-5", key: "xnjwq" }],
   ["path", { d: "m13 17 5-5-5-5", key: "17xmmf" }]
-]);
-/**
- * @license lucide-react v0.462.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const CircleAlert = createLucideIcon("CircleAlert", [
+];
+const ChevronsRight = createLucideIcon("chevrons-right", __iconNode$l);
+const __iconNode$k = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["line", { x1: "12", x2: "12", y1: "8", y2: "12", key: "1pkeuh" }],
   ["line", { x1: "12", x2: "12.01", y1: "16", y2: "16", key: "4dfq90" }]
-]);
-/**
- * @license lucide-react v0.462.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const CircleCheckBig = createLucideIcon("CircleCheckBig", [
+];
+const CircleAlert = createLucideIcon("circle-alert", __iconNode$k);
+const __iconNode$j = [
   ["path", { d: "M21.801 10A10 10 0 1 1 17 3.335", key: "yps3ct" }],
   ["path", { d: "m9 11 3 3L22 4", key: "1pflzl" }]
-]);
-/**
- * @license lucide-react v0.462.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const CircleX = createLucideIcon("CircleX", [
+];
+const CircleCheckBig = createLucideIcon("circle-check-big", __iconNode$j);
+const __iconNode$i = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "m15 9-6 6", key: "1uzhvr" }],
   ["path", { d: "m9 9 6 6", key: "z0biqf" }]
-]);
-/**
- * @license lucide-react v0.462.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const Clock = createLucideIcon("Clock", [
+];
+const CircleX = createLucideIcon("circle-x", __iconNode$i);
+const __iconNode$h = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
-  ["polyline", { points: "12 6 12 12 16 14", key: "68esgv" }]
-]);
-/**
- * @license lucide-react v0.462.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const ExternalLink = createLucideIcon("ExternalLink", [
+  ["path", { d: "M12 6v6l4 2", key: "mmk7yg" }]
+];
+const Clock = createLucideIcon("clock", __iconNode$h);
+const __iconNode$g = [
   ["path", { d: "M15 3h6v6", key: "1q9fwt" }],
   ["path", { d: "M10 14 21 3", key: "gplh6r" }],
   ["path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6", key: "a6xqqp" }]
-]);
-/**
- * @license lucide-react v0.462.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const FileJson = createLucideIcon("FileJson", [
-  ["path", { d: "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z", key: "1rqfz7" }],
-  ["path", { d: "M14 2v4a2 2 0 0 0 2 2h4", key: "tnqrlb" }],
+];
+const ExternalLink = createLucideIcon("external-link", __iconNode$g);
+const __iconNode$f = [
+  [
+    "path",
+    {
+      d: "M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z",
+      key: "1oefj6"
+    }
+  ],
+  ["path", { d: "M14 2v5a1 1 0 0 0 1 1h5", key: "wfsgrz" }],
   [
     "path",
     { d: "M10 12a1 1 0 0 0-1 1v1a1 1 0 0 1-1 1 1 1 0 0 1 1 1v1a1 1 0 0 0 1 1", key: "1oajmo" }
@@ -285,14 +201,9 @@ const FileJson = createLucideIcon("FileJson", [
     "path",
     { d: "M14 18a1 1 0 0 0 1-1v-1a1 1 0 0 1 1-1 1 1 0 0 1-1-1v-1a1 1 0 0 0-1-1", key: "mpwhp6" }
   ]
-]);
-/**
- * @license lucide-react v0.462.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const Folder = createLucideIcon("Folder", [
+];
+const FileBraces = createLucideIcon("file-braces", __iconNode$f);
+const __iconNode$e = [
   [
     "path",
     {
@@ -300,142 +211,104 @@ const Folder = createLucideIcon("Folder", [
       key: "1kt360"
     }
   ]
-]);
-/**
- * @license lucide-react v0.462.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const Gauge = createLucideIcon("Gauge", [
+];
+const Folder = createLucideIcon("folder", __iconNode$e);
+const __iconNode$d = [
   ["path", { d: "m12 14 4-4", key: "9kzdfg" }],
   ["path", { d: "M3.34 19a10 10 0 1 1 17.32 0", key: "19p75a" }]
-]);
-/**
- * @license lucide-react v0.462.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const GitBranch = createLucideIcon("GitBranch", [
-  ["line", { x1: "6", x2: "6", y1: "3", y2: "15", key: "17qcm7" }],
+];
+const Gauge = createLucideIcon("gauge", __iconNode$d);
+const __iconNode$c = [
+  ["path", { d: "M15 6a9 9 0 0 0-9 9V3", key: "1cii5b" }],
   ["circle", { cx: "18", cy: "6", r: "3", key: "1h7g24" }],
-  ["circle", { cx: "6", cy: "18", r: "3", key: "fqmcym" }],
-  ["path", { d: "M18 9a9 9 0 0 1-9 9", key: "n2h4wq" }]
-]);
-/**
- * @license lucide-react v0.462.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const Layers = createLucideIcon("Layers", [
+  ["circle", { cx: "6", cy: "18", r: "3", key: "fqmcym" }]
+];
+const GitBranch = createLucideIcon("git-branch", __iconNode$c);
+const __iconNode$b = [
+  [
+    "path",
+    {
+      d: "M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z",
+      key: "zw3jo"
+    }
+  ],
   [
     "path",
     {
-      d: "m12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83Z",
-      key: "8b97xw"
+      d: "M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12",
+      key: "1wduqc"
     }
   ],
-  ["path", { d: "m22 17.65-9.17 4.16a2 2 0 0 1-1.66 0L2 17.65", key: "dd6zsq" }],
-  ["path", { d: "m22 12.65-9.17 4.16a2 2 0 0 1-1.66 0L2 12.65", key: "ep9fru" }]
-]);
-/**
- * @license lucide-react v0.462.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const LoaderCircle = createLucideIcon("LoaderCircle", [
-  ["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]
-]);
-/**
- * @license lucide-react v0.462.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const Pause = createLucideIcon("Pause", [
-  ["rect", { x: "14", y: "4", width: "4", height: "16", rx: "1", key: "zuxfzm" }],
-  ["rect", { x: "6", y: "4", width: "4", height: "16", rx: "1", key: "1okwgv" }]
-]);
-/**
- * @license lucide-react v0.462.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const Play = createLucideIcon("Play", [
-  ["polygon", { points: "6 3 20 12 6 21 6 3", key: "1oa8hb" }]
-]);
-/**
- * @license lucide-react v0.462.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const RefreshCw = createLucideIcon("RefreshCw", [
+  [
+    "path",
+    {
+      d: "M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17",
+      key: "kqbvx6"
+    }
+  ]
+];
+const Layers = createLucideIcon("layers", __iconNode$b);
+const __iconNode$a = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]];
+const LoaderCircle = createLucideIcon("loader-circle", __iconNode$a);
+const __iconNode$9 = [
+  ["rect", { x: "14", y: "3", width: "5", height: "18", rx: "1", key: "kaeet6" }],
+  ["rect", { x: "5", y: "3", width: "5", height: "18", rx: "1", key: "1wsw3u" }]
+];
+const Pause = createLucideIcon("pause", __iconNode$9);
+const __iconNode$8 = [
+  [
+    "path",
+    {
+      d: "M5 5a2 2 0 0 1 3.008-1.728l11.997 6.998a2 2 0 0 1 .003 3.458l-12 7A2 2 0 0 1 5 19z",
+      key: "10ikf1"
+    }
+  ]
+];
+const Play = createLucideIcon("play", __iconNode$8);
+const __iconNode$7 = [
   ["path", { d: "M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8", key: "v9h5vc" }],
   ["path", { d: "M21 3v5h-5", key: "1q7to0" }],
   ["path", { d: "M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16", key: "3uifl3" }],
   ["path", { d: "M8 16H3v5", key: "1cv678" }]
-]);
-/**
- * @license lucide-react v0.462.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const RotateCcw = createLucideIcon("RotateCcw", [
+];
+const RefreshCw = createLucideIcon("refresh-cw", __iconNode$7);
+const __iconNode$6 = [
   ["path", { d: "M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8", key: "1357e3" }],
   ["path", { d: "M3 3v5h5", key: "1xhq8a" }]
-]);
-/**
- * @license lucide-react v0.462.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const Search = createLucideIcon("Search", [
-  ["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }],
-  ["path", { d: "m21 21-4.3-4.3", key: "1qie3q" }]
-]);
-/**
- * @license lucide-react v0.462.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const SkipBack = createLucideIcon("SkipBack", [
-  ["polygon", { points: "19 20 9 12 19 4 19 20", key: "o2sva" }],
-  ["line", { x1: "5", x2: "5", y1: "19", y2: "5", key: "1ocqjk" }]
-]);
-/**
- * @license lucide-react v0.462.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const SkipForward = createLucideIcon("SkipForward", [
-  ["polygon", { points: "5 4 15 12 5 20 5 4", key: "16p6eg" }],
-  ["line", { x1: "19", x2: "19", y1: "5", y2: "19", key: "futhcm" }]
-]);
-/**
- * @license lucide-react v0.462.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const Square = createLucideIcon("Square", [
+];
+const RotateCcw = createLucideIcon("rotate-ccw", __iconNode$6);
+const __iconNode$5 = [
+  ["path", { d: "m21 21-4.34-4.34", key: "14j7rj" }],
+  ["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }]
+];
+const Search = createLucideIcon("search", __iconNode$5);
+const __iconNode$4 = [
+  [
+    "path",
+    {
+      d: "M17.971 4.285A2 2 0 0 1 21 6v12a2 2 0 0 1-3.029 1.715l-9.997-5.998a2 2 0 0 1-.003-3.432z",
+      key: "15892j"
+    }
+  ],
+  ["path", { d: "M3 20V4", key: "1ptbpl" }]
+];
+const SkipBack = createLucideIcon("skip-back", __iconNode$4);
+const __iconNode$3 = [
+  ["path", { d: "M21 4v16", key: "7j8fe9" }],
+  [
+    "path",
+    {
+      d: "M6.029 4.285A2 2 0 0 0 3 6v12a2 2 0 0 0 3.029 1.715l9.997-5.998a2 2 0 0 0 .003-3.432z",
+      key: "zs4d6"
+    }
+  ]
+];
+const SkipForward = createLucideIcon("skip-forward", __iconNode$3);
+const __iconNode$2 = [
   ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", key: "afitv7" }]
-]);
-/**
- * @license lucide-react v0.462.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const TriangleAlert = createLucideIcon("TriangleAlert", [
+];
+const Square = createLucideIcon("square", __iconNode$2);
+const __iconNode$1 = [
   [
     "path",
     {
@@ -445,17 +318,13 @@ const TriangleAlert = createLucideIcon("TriangleAlert", [
   ],
   ["path", { d: "M12 9v4", key: "juzpu7" }],
   ["path", { d: "M12 17h.01", key: "p32p05" }]
-]);
-/**
- * @license lucide-react v0.462.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const X = createLucideIcon("X", [
+];
+const TriangleAlert = createLucideIcon("triangle-alert", __iconNode$1);
+const __iconNode = [
   ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
   ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
-]);
+];
+const X = createLucideIcon("x", __iconNode);
 function isBuiltinFunction(name) {
   return name === "map" || name === "validation" || name === "validate";
 }
@@ -507,8 +376,7 @@ function getChangesAtStep(trace, stepIndex) {
   return auditTrail[auditTrail.length - 1].changes;
 }
 function getMappingContext(step, mappingIndex) {
-  var _a, _b;
-  return ((_a = step.mapping_contexts) == null ? void 0 : _a[mappingIndex]) ?? ((_b = step.message) == null ? void 0 : _b.context);
+  return step.mapping_contexts?.[mappingIndex] ?? step.message?.context;
 }
 function getWorkflowState(trace, currentStepIndex, workflowId) {
   const workflowStepIndices = [];
@@ -819,14 +687,13 @@ function DebuggerProvider({
   );
   const runExecution = React.useCallback(
     async (workflows, payload) => {
-      var _a;
       if (workflows.length === 0 || !engineFactory) {
         return null;
       }
       try {
         const workflowsJson = JSON.stringify(workflows);
         if (lastWorkflowsJsonRef.current !== workflowsJson || !engineRef.current) {
-          if ((_a = engineRef.current) == null ? void 0 : _a.dispose) {
+          if (engineRef.current?.dispose) {
             engineRef.current.dispose();
           }
           engineRef.current = engineFactory(workflows);
@@ -842,8 +709,7 @@ function DebuggerProvider({
   );
   React.useEffect(() => {
     return () => {
-      var _a;
-      if ((_a = engineRef.current) == null ? void 0 : _a.dispose) {
+      if (engineRef.current?.dispose) {
         engineRef.current.dispose();
         engineRef.current = null;
       }
@@ -3860,9 +3726,9 @@ const getConnectedEdges = (nodes, edges) => {
 };
 function getFitViewNodes(nodeLookup, options) {
   const fitViewNodes = /* @__PURE__ */ new Map();
-  const optionNodeIds = (options == null ? void 0 : options.nodes) ? new Set(options.nodes.map((node) => node.id)) : null;
+  const optionNodeIds = options?.nodes ? new Set(options.nodes.map((node) => node.id)) : null;
   nodeLookup.forEach((n) => {
-    const isVisible = n.measured.width && n.measured.height && ((options == null ? void 0 : options.includeHiddenNodes) || !n.hidden);
+    const isVisible = n.measured.width && n.measured.height && (options?.includeHiddenNodes || !n.hidden);
     if (isVisible && (!optionNodeIds || optionNodeIds.has(n.id))) {
       fitViewNodes.set(n.id, n);
     }
@@ -3875,11 +3741,11 @@ async function fitViewport({ nodes, width, height, panZoom, minZoom, maxZoom },
   }
   const nodesToFit = getFitViewNodes(nodes, options);
   const bounds = getInternalNodesBounds(nodesToFit);
-  const viewport = getViewportForBounds(bounds, width, height, (options == null ? void 0 : options.minZoom) ?? minZoom, (options == null ? void 0 : options.maxZoom) ?? maxZoom, (options == null ? void 0 : options.padding) ?? 0.1);
+  const viewport = getViewportForBounds(bounds, width, height, options?.minZoom ?? minZoom, options?.maxZoom ?? maxZoom, options?.padding ?? 0.1);
   await panZoom.setViewport(viewport, {
-    duration: options == null ? void 0 : options.duration,
-    ease: options == null ? void 0 : options.ease,
-    interpolate: options == null ? void 0 : options.interpolate
+    duration: options?.duration,
+    ease: options?.ease,
+    interpolate: options?.interpolate
   });
   return Promise.resolve(true);
 }
@@ -3891,7 +3757,7 @@ function calculateNodePosition({ nodeId, nextPosition, nodeLookup, nodeOrigin =
   let extent = node.extent || nodeExtent;
   if (node.extent === "parent" && !node.expandParent) {
     if (!parentNode) {
-      onError == null ? void 0 : onError("005", errorMessages$2["error005"]());
+      onError?.("005", errorMessages$2["error005"]());
     } else {
       const parentWidth = parentNode.measured.width;
       const parentHeight = parentNode.measured.height;
@@ -3910,7 +3776,7 @@ function calculateNodePosition({ nodeId, nextPosition, nodeLookup, nodeOrigin =
   }
   const positionAbsolute = isCoordinateExtent(extent) ? clampPosition(nextPosition, extent, node.measured) : nextPosition;
   if (node.measured.width === void 0 || node.measured.height === void 0) {
-    onError == null ? void 0 : onError("015", errorMessages$2["error015"]());
+    onError?.("015", errorMessages$2["error015"]());
   }
   return {
     position: {
@@ -3960,8 +3826,8 @@ async function getElementsToRemove({ nodesToRemove = [], edgesToRemove = [], nod
 }
 const clamp = (val, min = 0, max = 1) => Math.min(Math.max(val, min), max);
 const clampPosition = (position = { x: 0, y: 0 }, extent, dimensions) => ({
-  x: clamp(position.x, extent[0][0], extent[1][0] - ((dimensions == null ? void 0 : dimensions.width) ?? 0)),
-  y: clamp(position.y, extent[0][1], extent[1][1] - ((dimensions == null ? void 0 : dimensions.height) ?? 0))
+  x: clamp(position.x, extent[0][0], extent[1][0] - (dimensions?.width ?? 0)),
+  y: clamp(position.y, extent[0][1], extent[1][1] - (dimensions?.height ?? 0))
 });
 function clampPositionToParent(childPosition, childDimensions, parent) {
   const { width: parentWidth, height: parentHeight } = getNodeDimensions(parent);
@@ -4003,23 +3869,21 @@ const boxToRect = ({ x, y, x2, y2 }) => ({
   height: y2 - y
 });
 const nodeToRect = (node, nodeOrigin = [0, 0]) => {
-  var _a, _b;
   const { x, y } = isInternalNodeBase(node) ? node.internals.positionAbsolute : getNodePositionWithOrigin(node, nodeOrigin);
   return {
     x,
     y,
-    width: ((_a = node.measured) == null ? void 0 : _a.width) ?? node.width ?? node.initialWidth ?? 0,
-    height: ((_b = node.measured) == null ? void 0 : _b.height) ?? node.height ?? node.initialHeight ?? 0
+    width: node.measured?.width ?? node.width ?? node.initialWidth ?? 0,
+    height: node.measured?.height ?? node.height ?? node.initialHeight ?? 0
   };
 };
 const nodeToBox = (node, nodeOrigin = [0, 0]) => {
-  var _a, _b;
   const { x, y } = isInternalNodeBase(node) ? node.internals.positionAbsolute : getNodePositionWithOrigin(node, nodeOrigin);
   return {
     x,
     y,
-    x2: x + (((_a = node.measured) == null ? void 0 : _a.width) ?? node.width ?? node.initialWidth ?? 0),
-    y2: y + (((_b = node.measured) == null ? void 0 : _b.height) ?? node.height ?? node.initialHeight ?? 0)
+    x2: x + (node.measured?.width ?? node.width ?? node.initialWidth ?? 0),
+    y2: y + (node.measured?.height ?? node.height ?? node.initialHeight ?? 0)
   };
 };
 const getBoundsOfRects = (rect1, rect2) => boxToRect(getBoundsOfBoxes(rectToBox(rect1), rectToBox(rect2)));
@@ -4130,23 +3994,18 @@ const getViewportForBounds = (bounds, width, height, minZoom, maxZoom, padding)
     zoom: clampedZoom
   };
 };
-const isMacOs = () => {
-  var _a;
-  return typeof navigator !== "undefined" && ((_a = navigator == null ? void 0 : navigator.userAgent) == null ? void 0 : _a.indexOf("Mac")) >= 0;
-};
+const isMacOs = () => typeof navigator !== "undefined" && navigator?.userAgent?.indexOf("Mac") >= 0;
 function isCoordinateExtent(extent) {
   return extent !== void 0 && extent !== null && extent !== "parent";
 }
 function getNodeDimensions(node) {
-  var _a, _b;
   return {
-    width: ((_a = node.measured) == null ? void 0 : _a.width) ?? node.width ?? node.initialWidth ?? 0,
-    height: ((_b = node.measured) == null ? void 0 : _b.height) ?? node.height ?? node.initialHeight ?? 0
+    width: node.measured?.width ?? node.width ?? node.initialWidth ?? 0,
+    height: node.measured?.height ?? node.height ?? node.initialHeight ?? 0
   };
 }
 function nodeHasDimensions(node) {
-  var _a, _b;
-  return (((_a = node.measured) == null ? void 0 : _a.width) ?? node.width ?? node.initialWidth) !== void 0 && (((_b = node.measured) == null ? void 0 : _b.height) ?? node.height ?? node.initialHeight) !== void 0;
+  return (node.measured?.width ?? node.width ?? node.initialWidth) !== void 0 && (node.measured?.height ?? node.height ?? node.initialHeight) !== void 0;
 }
 function evaluateAbsolutePosition(position, dimensions = { width: 0, height: 0 }, parentId, nodeLookup, nodeOrigin) {
   const positionAbsolute = { ...position };
@@ -4183,7 +4042,7 @@ function mergeAriaLabelConfig(partial) {
 }
 function getPointerPosition(event, { snapGrid = [0, 0], snapToGrid = false, transform: transform2, containerBounds }) {
   const { x, y } = getEventPosition(event);
-  const pointerPos = pointToRendererPoint({ x: x - ((containerBounds == null ? void 0 : containerBounds.left) ?? 0), y: y - ((containerBounds == null ? void 0 : containerBounds.top) ?? 0) }, transform2);
+  const pointerPos = pointToRendererPoint({ x: x - (containerBounds?.left ?? 0), y: y - (containerBounds?.top ?? 0) }, transform2);
   const { x: xSnapped, y: ySnapped } = snapToGrid ? snapPosition(pointerPos, snapGrid) : pointerPos;
   return {
     xSnapped,
@@ -4195,28 +4054,23 @@ const getDimensions = (node) => ({
   width: node.offsetWidth,
   height: node.offsetHeight
 });
-const getHostForElement = (element) => {
-  var _a;
-  return ((_a = element == null ? void 0 : element.getRootNode) == null ? void 0 : _a.call(element)) || (window == null ? void 0 : window.document);
-};
+const getHostForElement = (element) => element?.getRootNode?.() || window?.document;
 const inputTags = ["INPUT", "SELECT", "TEXTAREA"];
 function isInputDOMNode(event) {
-  var _a, _b;
-  const target = ((_b = (_a = event.composedPath) == null ? void 0 : _a.call(event)) == null ? void 0 : _b[0]) || event.target;
-  if ((target == null ? void 0 : target.nodeType) !== 1)
+  const target = event.composedPath?.()?.[0] || event.target;
+  if (target?.nodeType !== 1)
     return false;
   const isInput = inputTags.includes(target.nodeName) || target.hasAttribute("contenteditable");
   return isInput || !!target.closest(".nokey");
 }
 const isMouseEvent = (event) => "clientX" in event;
 const getEventPosition = (event, bounds) => {
-  var _a, _b;
   const isMouse = isMouseEvent(event);
-  const evtX = isMouse ? event.clientX : (_a = event.touches) == null ? void 0 : _a[0].clientX;
-  const evtY = isMouse ? event.clientY : (_b = event.touches) == null ? void 0 : _b[0].clientY;
+  const evtX = isMouse ? event.clientX : event.touches?.[0].clientX;
+  const evtY = isMouse ? event.clientY : event.touches?.[0].clientY;
   return {
-    x: evtX - ((bounds == null ? void 0 : bounds.left) ?? 0),
-    y: evtY - ((bounds == null ? void 0 : bounds.top) ?? 0)
+    x: evtX - (bounds?.left ?? 0),
+    y: evtY - (bounds?.top ?? 0)
   };
 };
 const getHandleBounds = (type, nodeElement, nodeBounds, zoom2, nodeId) => {
@@ -4511,33 +4365,31 @@ function getSmoothStepPath({ sourceX, sourceY, sourcePosition = Position.Bottom,
   return [path, labelX, labelY, offsetX, offsetY];
 }
 function isNodeInitialized(node) {
-  var _a;
-  return node && !!(node.internals.handleBounds || ((_a = node.handles) == null ? void 0 : _a.length)) && !!(node.measured.width || node.width || node.initialWidth);
+  return node && !!(node.internals.handleBounds || node.handles?.length) && !!(node.measured.width || node.width || node.initialWidth);
 }
 function getEdgePosition(params) {
-  var _a;
   const { sourceNode, targetNode } = params;
   if (!isNodeInitialized(sourceNode) || !isNodeInitialized(targetNode)) {
     return null;
   }
   const sourceHandleBounds = sourceNode.internals.handleBounds || toHandleBounds(sourceNode.handles);
   const targetHandleBounds = targetNode.internals.handleBounds || toHandleBounds(targetNode.handles);
-  const sourceHandle = getHandle$1((sourceHandleBounds == null ? void 0 : sourceHandleBounds.source) ?? [], params.sourceHandle);
+  const sourceHandle = getHandle$1(sourceHandleBounds?.source ?? [], params.sourceHandle);
   const targetHandle = getHandle$1(
     // when connection type is loose we can define all handles as sources and connect source -> source
-    params.connectionMode === ConnectionMode.Strict ? (targetHandleBounds == null ? void 0 : targetHandleBounds.target) ?? [] : ((targetHandleBounds == null ? void 0 : targetHandleBounds.target) ?? []).concat((targetHandleBounds == null ? void 0 : targetHandleBounds.source) ?? []),
+    params.connectionMode === ConnectionMode.Strict ? targetHandleBounds?.target ?? [] : (targetHandleBounds?.target ?? []).concat(targetHandleBounds?.source ?? []),
     params.targetHandle
   );
   if (!sourceHandle || !targetHandle) {
-    (_a = params.onError) == null ? void 0 : _a.call(params, "008", errorMessages$2["error008"](!sourceHandle ? "source" : "target", {
+    params.onError?.("008", errorMessages$2["error008"](!sourceHandle ? "source" : "target", {
       id: params.id,
       sourceHandle: params.sourceHandle,
       targetHandle: params.targetHandle
     }));
     return null;
   }
-  const sourcePosition = (sourceHandle == null ? void 0 : sourceHandle.position) || Position.Bottom;
-  const targetPosition = (targetHandle == null ? void 0 : targetHandle.position) || Position.Top;
+  const sourcePosition = sourceHandle?.position || Position.Bottom;
+  const targetPosition = targetHandle?.position || Position.Top;
   const source = getHandlePosition(sourceNode, sourceHandle, sourcePosition);
   const target = getHandlePosition(targetNode, targetHandle, targetPosition);
   return {
@@ -4570,13 +4422,13 @@ function toHandleBounds(handles) {
   };
 }
 function getHandlePosition(node, handle, fallbackPosition = Position.Left, center = false) {
-  const x = ((handle == null ? void 0 : handle.x) ?? 0) + node.internals.positionAbsolute.x;
-  const y = ((handle == null ? void 0 : handle.y) ?? 0) + node.internals.positionAbsolute.y;
+  const x = (handle?.x ?? 0) + node.internals.positionAbsolute.x;
+  const y = (handle?.y ?? 0) + node.internals.positionAbsolute.y;
   const { width, height } = handle ?? getNodeDimensions(node);
   if (center) {
     return { x: x + width / 2, y: y + height / 2 };
   }
-  const position = (handle == null ? void 0 : handle.position) ?? fallbackPosition;
+  const position = handle?.position ?? fallbackPosition;
   switch (position) {
     case Position.Top:
       return { x: x + width / 2, y };
@@ -4656,7 +4508,7 @@ function updateAbsolutePositions(nodeLookup, parentLookup, options) {
 }
 function parseHandles(userNode, internalNode) {
   if (!userNode.handles) {
-    return !userNode.measured ? void 0 : internalNode == null ? void 0 : internalNode.internals.handleBounds;
+    return !userNode.measured ? void 0 : internalNode?.internals.handleBounds;
   }
   const source = [];
   const target = [];
@@ -4686,17 +4538,16 @@ function isManualZIndexMode(zIndexMode) {
   return zIndexMode === "manual";
 }
 function adoptUserNodes(nodes, nodeLookup, parentLookup, options = {}) {
-  var _a, _b;
   const _options = mergeObjects(adoptUserNodesDefaultOptions, options);
   const rootParentIndex = { i: 0 };
   const tmpLookup = new Map(nodeLookup);
-  const selectedNodeZ = (_options == null ? void 0 : _options.elevateNodesOnSelect) && !isManualZIndexMode(_options.zIndexMode) ? SELECTED_NODE_Z : 0;
+  const selectedNodeZ = _options?.elevateNodesOnSelect && !isManualZIndexMode(_options.zIndexMode) ? SELECTED_NODE_Z : 0;
   let nodesInitialized = nodes.length > 0;
   nodeLookup.clear();
   parentLookup.clear();
   for (const userNode of nodes) {
     let internalNode = tmpLookup.get(userNode.id);
-    if (_options.checkEquality && userNode === (internalNode == null ? void 0 : internalNode.internals.userNode)) {
+    if (_options.checkEquality && userNode === internalNode?.internals.userNode) {
       nodeLookup.set(userNode.id, internalNode);
     } else {
       const positionWithOrigin = getNodePositionWithOrigin(userNode, _options.nodeOrigin);
@@ -4706,8 +4557,8 @@ function adoptUserNodes(nodes, nodeLookup, parentLookup, options = {}) {
         ..._options.defaults,
         ...userNode,
         measured: {
-          width: (_a = userNode.measured) == null ? void 0 : _a.width,
-          height: (_b = userNode.measured) == null ? void 0 : _b.height
+          width: userNode.measured?.width,
+          height: userNode.measured?.height
         },
         internals: {
           positionAbsolute: clampedPosition,
@@ -4795,7 +4646,6 @@ function calculateChildXYZ(childNode, parentNode, nodeOrigin, nodeExtent, select
   };
 }
 function handleExpandParent(children2, nodeLookup, parentLookup, nodeOrigin = [0, 0]) {
-  var _a;
   const changes = [];
   const parentExpansions = /* @__PURE__ */ new Map();
   for (const child of children2) {
@@ -4803,13 +4653,12 @@ function handleExpandParent(children2, nodeLookup, parentLookup, nodeOrigin = [0
     if (!parent) {
       continue;
     }
-    const parentRect = ((_a = parentExpansions.get(child.parentId)) == null ? void 0 : _a.expandedRect) ?? nodeToRect(parent);
+    const parentRect = parentExpansions.get(child.parentId)?.expandedRect ?? nodeToRect(parent);
     const expandedRect = getBoundsOfRects(parentRect, child.rect);
     parentExpansions.set(child.parentId, { expandedRect, parent });
   }
   if (parentExpansions.size > 0) {
     parentExpansions.forEach(({ expandedRect, parent }, parentId) => {
-      var _a2;
       const positionAbsolute = parent.internals.positionAbsolute;
       const dimensions = getNodeDimensions(parent);
       const origin = parent.origin ?? nodeOrigin;
@@ -4828,7 +4677,7 @@ function handleExpandParent(children2, nodeLookup, parentLookup, nodeOrigin = [0
             y: parent.position.y - yChange + heightChange
           }
         });
-        (_a2 = parentLookup.get(parentId)) == null ? void 0 : _a2.forEach((childNode) => {
+        parentLookup.get(parentId)?.forEach((childNode) => {
           if (!children2.some((child) => child.id === childNode.id)) {
             changes.push({
               id: childNode.id,
@@ -4857,7 +4706,7 @@ function handleExpandParent(children2, nodeLookup, parentLookup, nodeOrigin = [0
   return changes;
 }
 function updateNodeInternals(updates, nodeLookup, parentLookup, domNode, nodeOrigin, nodeExtent, zIndexMode) {
-  const viewportNode = domNode == null ? void 0 : domNode.querySelector(".xyflow__viewport");
+  const viewportNode = domNode?.querySelector(".xyflow__viewport");
   let updatedInternals = false;
   if (!viewportNode) {
     return { changes: [], updatedInternals };
@@ -4988,14 +4837,13 @@ function isParentSelected(node, nodeLookup) {
   return isParentSelected(parentNode, nodeLookup);
 }
 function hasSelector(target, selector2, domNode) {
-  var _a;
   let current = target;
   do {
-    if ((_a = current == null ? void 0 : current.matches) == null ? void 0 : _a.call(current, selector2))
+    if (current?.matches?.(selector2))
       return true;
     if (current === domNode)
       return false;
-    current = current == null ? void 0 : current.parentElement;
+    current = current?.parentElement;
   } while (current);
   return false;
 }
@@ -5030,10 +4878,9 @@ function getDragItems(nodeLookup, nodesDraggable, mousePos, nodeId) {
   return dragItems;
 }
 function getEventHandlerParams({ nodeId, dragItems, nodeLookup, dragging = true }) {
-  var _a, _b, _c;
   const nodesFromDragItems = [];
   for (const [id2, dragItem] of dragItems) {
-    const node2 = (_a = nodeLookup.get(id2)) == null ? void 0 : _a.internals.userNode;
+    const node2 = nodeLookup.get(id2)?.internals.userNode;
     if (node2) {
       nodesFromDragItems.push({
         ...node2,
@@ -5045,11 +4892,11 @@ function getEventHandlerParams({ nodeId, dragItems, nodeLookup, dragging = true
   if (!nodeId) {
     return [nodesFromDragItems[0], nodesFromDragItems];
   }
-  const node = (_b = nodeLookup.get(nodeId)) == null ? void 0 : _b.internals.userNode;
+  const node = nodeLookup.get(nodeId)?.internals.userNode;
   return [
     !node ? nodesFromDragItems[0] : {
       ...node,
-      position: ((_c = dragItems.get(nodeId)) == null ? void 0 : _c.position) || node.position,
+      position: dragItems.get(nodeId)?.position || node.position,
       dragging
     },
     nodesFromDragItems
@@ -5142,10 +4989,10 @@ function XYDrag({ onNodeMouseDown, getStoreItems, onDragStart, onDrag, onDragSto
           dragItems,
           nodeLookup
         });
-        onDrag == null ? void 0 : onDrag(dragEvent, dragItems, currentNode, currentNodes);
-        onNodeDrag == null ? void 0 : onNodeDrag(dragEvent, currentNode, currentNodes);
+        onDrag?.(dragEvent, dragItems, currentNode, currentNodes);
+        onNodeDrag?.(dragEvent, currentNode, currentNodes);
         if (!nodeId) {
-          onSelectionDrag == null ? void 0 : onSelectionDrag(dragEvent, currentNodes);
+          onSelectionDrag?.(dragEvent, currentNodes);
         }
       }
     }
@@ -5170,16 +5017,15 @@ function XYDrag({ onNodeMouseDown, getStoreItems, onDragStart, onDrag, onDragSto
       autoPanId = requestAnimationFrame(autoPan);
     }
     function startDrag(event) {
-      var _a;
       const { nodeLookup, multiSelectionActive, nodesDraggable, transform: transform2, snapGrid, snapToGrid, selectNodesOnDrag, onNodeDragStart, onSelectionDragStart, unselectNodesAndEdges } = getStoreItems();
       dragStarted = true;
       if ((!selectNodesOnDrag || !isSelectable) && !multiSelectionActive && nodeId) {
-        if (!((_a = nodeLookup.get(nodeId)) == null ? void 0 : _a.selected)) {
+        if (!nodeLookup.get(nodeId)?.selected) {
           unselectNodesAndEdges();
         }
       }
       if (isSelectable && selectNodesOnDrag && nodeId) {
-        onNodeMouseDown == null ? void 0 : onNodeMouseDown(nodeId);
+        onNodeMouseDown?.(nodeId);
       }
       const pointerPos = getPointerPosition(event.sourceEvent, { transform: transform2, snapGrid, snapToGrid, containerBounds });
       lastPos = pointerPos;
@@ -5190,16 +5036,16 @@ function XYDrag({ onNodeMouseDown, getStoreItems, onDragStart, onDrag, onDragSto
           dragItems,
           nodeLookup
         });
-        onDragStart == null ? void 0 : onDragStart(event.sourceEvent, dragItems, currentNode, currentNodes);
-        onNodeDragStart == null ? void 0 : onNodeDragStart(event.sourceEvent, currentNode, currentNodes);
+        onDragStart?.(event.sourceEvent, dragItems, currentNode, currentNodes);
+        onNodeDragStart?.(event.sourceEvent, currentNode, currentNodes);
         if (!nodeId) {
-          onSelectionDragStart == null ? void 0 : onSelectionDragStart(event.sourceEvent, currentNodes);
+          onSelectionDragStart?.(event.sourceEvent, currentNodes);
         }
       }
     }
     const d3DragInstance = drag().clickDistance(nodeClickDistance).on("start", (event) => {
       const { domNode: domNode2, nodeDragThreshold, transform: transform2, snapGrid, snapToGrid } = getStoreItems();
-      containerBounds = (domNode2 == null ? void 0 : domNode2.getBoundingClientRect()) || null;
+      containerBounds = domNode2?.getBoundingClientRect() || null;
       abortDrag = false;
       nodePositionsChanged = false;
       dragEvent = event.sourceEvent;
@@ -5257,10 +5103,10 @@ function XYDrag({ onNodeMouseDown, getStoreItems, onDragStart, onDrag, onDragSto
             nodeLookup,
             dragging: false
           });
-          onDragStop == null ? void 0 : onDragStop(event.sourceEvent, dragItems, currentNode, currentNodes);
-          onNodeDragStop == null ? void 0 : onNodeDragStop(event.sourceEvent, currentNode, currentNodes);
+          onDragStop?.(event.sourceEvent, dragItems, currentNode, currentNodes);
+          onNodeDragStop?.(event.sourceEvent, currentNode, currentNodes);
           if (!nodeId) {
-            onSelectionDragStop == null ? void 0 : onSelectionDragStop(event.sourceEvent, currentNodes);
+            onSelectionDragStop?.(event.sourceEvent, currentNodes);
           }
         }
       }
@@ -5272,7 +5118,7 @@ function XYDrag({ onNodeMouseDown, getStoreItems, onDragStart, onDrag, onDragSto
     d3Selection.call(d3DragInstance);
   }
   function destroy() {
-    d3Selection == null ? void 0 : d3Selection.on(".drag", null);
+    d3Selection?.on(".drag", null);
   }
   return {
     update,
@@ -5296,12 +5142,11 @@ function getNodesWithinDistance(position, nodeLookup, distance2) {
 }
 const ADDITIONAL_DISTANCE = 250;
 function getClosestHandle(position, connectionRadius, nodeLookup, fromHandle) {
-  var _a, _b;
   let closestHandles = [];
   let minDistance = Infinity;
   const closeNodes = getNodesWithinDistance(position, nodeLookup, connectionRadius + ADDITIONAL_DISTANCE);
   for (const node of closeNodes) {
-    const allHandles = [...((_a = node.internals.handleBounds) == null ? void 0 : _a.source) ?? [], ...((_b = node.internals.handleBounds) == null ? void 0 : _b.target) ?? []];
+    const allHandles = [...node.internals.handleBounds?.source ?? [], ...node.internals.handleBounds?.target ?? []];
     for (const handle of allHandles) {
       if (fromHandle.nodeId === handle.nodeId && fromHandle.type === handle.type && fromHandle.id === handle.id) {
         continue;
@@ -5329,21 +5174,20 @@ function getClosestHandle(position, connectionRadius, nodeLookup, fromHandle) {
   return closestHandles[0];
 }
 function getHandle(nodeId, handleType, handleId, nodeLookup, connectionMode, withAbsolutePosition = false) {
-  var _a, _b, _c;
   const node = nodeLookup.get(nodeId);
   if (!node) {
     return null;
   }
-  const handles = connectionMode === "strict" ? (_a = node.internals.handleBounds) == null ? void 0 : _a[handleType] : [...((_b = node.internals.handleBounds) == null ? void 0 : _b.source) ?? [], ...((_c = node.internals.handleBounds) == null ? void 0 : _c.target) ?? []];
-  const handle = (handleId ? handles == null ? void 0 : handles.find((h2) => h2.id === handleId) : handles == null ? void 0 : handles[0]) ?? null;
+  const handles = connectionMode === "strict" ? node.internals.handleBounds?.[handleType] : [...node.internals.handleBounds?.source ?? [], ...node.internals.handleBounds?.target ?? []];
+  const handle = (handleId ? handles?.find((h2) => h2.id === handleId) : handles?.[0]) ?? null;
   return handle && withAbsolutePosition ? { ...handle, ...getHandlePosition(node, handle, handle.position, true) } : handle;
 }
 function getHandleType(edgeUpdaterType, handleDomNode) {
   if (edgeUpdaterType) {
     return edgeUpdaterType;
-  } else if (handleDomNode == null ? void 0 : handleDomNode.classList.contains("target")) {
+  } else if (handleDomNode?.classList.contains("target")) {
     return "target";
-  } else if (handleDomNode == null ? void 0 : handleDomNode.classList.contains("source")) {
+  } else if (handleDomNode?.classList.contains("source")) {
     return "source";
   }
   return null;
@@ -5364,7 +5208,7 @@ function onPointerDown(event, { connectionMode, connectionRadius, handleId, node
   let closestHandle;
   const { x, y } = getEventPosition(event);
   const handleType = getHandleType(edgeUpdaterType, handleDomNode);
-  const containerBounds = domNode == null ? void 0 : domNode.getBoundingClientRect();
+  const containerBounds = domNode?.getBoundingClientRect();
   let connectionStarted = false;
   if (!containerBounds || !handleType) {
     return;
@@ -5410,7 +5254,7 @@ function onPointerDown(event, { connectionMode, connectionRadius, handleId, node
   function startConnection() {
     connectionStarted = true;
     updateConnection(previousConnection);
-    onConnectStart == null ? void 0 : onConnectStart(event, { nodeId, handleId, handleType });
+    onConnectStart?.(event, { nodeId, handleId, handleType });
   }
   if (dragThreshold === 0) {
     startConnection();
@@ -5473,16 +5317,16 @@ function onPointerDown(event, { connectionMode, connectionRadius, handleId, node
     }
     if (connectionStarted) {
       if ((closestHandle || resultHandleDomNode) && connection && isValid) {
-        onConnect == null ? void 0 : onConnect(connection);
+        onConnect?.(connection);
       }
       const { inProgress, ...connectionState } = previousConnection;
       const finalConnectionState = {
         ...connectionState,
         toPosition: previousConnection.toHandle ? previousConnection.toPosition : null
       };
-      onConnectEnd == null ? void 0 : onConnectEnd(event2, finalConnectionState);
+      onConnectEnd?.(event2, finalConnectionState);
       if (edgeUpdaterType) {
-        onReconnectEnd == null ? void 0 : onReconnectEnd(event2, finalConnectionState);
+        onReconnectEnd?.(event2, finalConnectionState);
       }
     }
     cancelConnection();
@@ -5503,10 +5347,10 @@ function onPointerDown(event, { connectionMode, connectionRadius, handleId, node
 }
 function isValidHandle(event, { handle, connectionMode, fromNodeId, fromHandleId, fromType, doc, lib: lib2, flowId, isValidConnection = alwaysValid, nodeLookup }) {
   const isTarget = fromType === "target";
-  const handleDomNode = handle ? doc.querySelector(`.${lib2}-flow__handle[data-id="${flowId}-${handle == null ? void 0 : handle.nodeId}-${handle == null ? void 0 : handle.id}-${handle == null ? void 0 : handle.type}"]`) : null;
+  const handleDomNode = handle ? doc.querySelector(`.${lib2}-flow__handle[data-id="${flowId}-${handle?.nodeId}-${handle?.id}-${handle?.type}"]`) : null;
   const { x, y } = getEventPosition(event);
   const handleBelow = doc.elementFromPoint(x, y);
-  const handleToCheck = (handleBelow == null ? void 0 : handleBelow.classList.contains(`${lib2}-flow__handle`)) ? handleBelow : handleDomNode;
+  const handleToCheck = handleBelow?.classList.contains(`${lib2}-flow__handle`) ? handleBelow : handleDomNode;
   const result = {
     handleDomNode: handleToCheck,
     isValid: false,
@@ -5657,11 +5501,11 @@ function createPanOnScrollHandler({ zoomPanValues, noWheelClassName, d3Selection
     clearTimeout(zoomPanValues.panScrollTimeout);
     if (!zoomPanValues.isPanScrolling) {
       zoomPanValues.isPanScrolling = true;
-      onPanZoomStart == null ? void 0 : onPanZoomStart(event, nextViewport);
+      onPanZoomStart?.(event, nextViewport);
     } else {
-      onPanZoom == null ? void 0 : onPanZoom(event, nextViewport);
+      onPanZoom?.(event, nextViewport);
       zoomPanValues.panScrollTimeout = setTimeout(() => {
-        onPanZoomEnd == null ? void 0 : onPanZoomEnd(event, nextViewport);
+        onPanZoomEnd?.(event, nextViewport);
         zoomPanValues.isPanScrolling = false;
       }, 150);
     }
@@ -5684,38 +5528,35 @@ function createZoomOnScrollHandler({ noWheelClassName, preventScrolling, d3ZoomH
 }
 function createPanZoomStartHandler({ zoomPanValues, onDraggingChange, onPanZoomStart }) {
   return (event) => {
-    var _a, _b, _c;
-    if ((_a = event.sourceEvent) == null ? void 0 : _a.internal) {
+    if (event.sourceEvent?.internal) {
       return;
     }
     const viewport = transformToViewport(event.transform);
-    zoomPanValues.mouseButton = ((_b = event.sourceEvent) == null ? void 0 : _b.button) || 0;
+    zoomPanValues.mouseButton = event.sourceEvent?.button || 0;
     zoomPanValues.isZoomingOrPanning = true;
     zoomPanValues.prevViewport = viewport;
-    if (((_c = event.sourceEvent) == null ? void 0 : _c.type) === "mousedown") {
+    if (event.sourceEvent?.type === "mousedown") {
       onDraggingChange(true);
     }
     if (onPanZoomStart) {
-      onPanZoomStart == null ? void 0 : onPanZoomStart(event.sourceEvent, viewport);
+      onPanZoomStart?.(event.sourceEvent, viewport);
     }
   };
 }
 function createPanZoomHandler({ zoomPanValues, panOnDrag, onPaneContextMenu, onTransformChange, onPanZoom }) {
   return (event) => {
-    var _a, _b;
     zoomPanValues.usedRightMouseButton = !!(onPaneContextMenu && isRightClickPan(panOnDrag, zoomPanValues.mouseButton ?? 0));
-    if (!((_a = event.sourceEvent) == null ? void 0 : _a.sync)) {
+    if (!event.sourceEvent?.sync) {
       onTransformChange([event.transform.x, event.transform.y, event.transform.k]);
     }
-    if (onPanZoom && !((_b = event.sourceEvent) == null ? void 0 : _b.internal)) {
-      onPanZoom == null ? void 0 : onPanZoom(event.sourceEvent, transformToViewport(event.transform));
+    if (onPanZoom && !event.sourceEvent?.internal) {
+      onPanZoom?.(event.sourceEvent, transformToViewport(event.transform));
     }
   };
 }
 function createPanZoomEndHandler({ zoomPanValues, panOnDrag, panOnScroll, onDraggingChange, onPanZoomEnd, onPaneContextMenu }) {
   return (event) => {
-    var _a;
-    if ((_a = event.sourceEvent) == null ? void 0 : _a.internal) {
+    if (event.sourceEvent?.internal) {
       return;
     }
     zoomPanValues.isZoomingOrPanning = false;
@@ -5730,7 +5571,7 @@ function createPanZoomEndHandler({ zoomPanValues, panOnDrag, panOnScroll, onDrag
       clearTimeout(zoomPanValues.timerId);
       zoomPanValues.timerId = setTimeout(
         () => {
-          onPanZoomEnd == null ? void 0 : onPanZoomEnd(event.sourceEvent, viewport);
+          onPanZoomEnd?.(event.sourceEvent, viewport);
         },
         // we need a setTimeout for panOnScroll to supress multiple end events fired during scroll
         panOnScroll ? 150 : 0
@@ -5740,7 +5581,6 @@ function createPanZoomEndHandler({ zoomPanValues, panOnDrag, panOnScroll, onDrag
 }
 function createFilter({ zoomActivationKeyPressed, zoomOnScroll, zoomOnPinch, panOnDrag, panOnScroll, zoomOnDoubleClick, userSelectionActive, noWheelClassName, noPanClassName, lib: lib2, connectionInProgress }) {
   return (event) => {
-    var _a;
     const zoomScroll = zoomActivationKeyPressed || zoomOnScroll;
     const pinchZoom = zoomOnPinch && event.ctrlKey;
     const isWheelEvent = event.type === "wheel";
@@ -5765,7 +5605,7 @@ function createFilter({ zoomActivationKeyPressed, zoomOnScroll, zoomOnPinch, pan
     if (!zoomOnPinch && event.ctrlKey && isWheelEvent) {
       return false;
     }
-    if (!zoomOnPinch && event.type === "touchstart" && ((_a = event.touches) == null ? void 0 : _a.length) > 1) {
+    if (!zoomOnPinch && event.type === "touchstart" && event.touches?.length > 1) {
       event.preventDefault();
       return false;
     }
@@ -5809,7 +5649,7 @@ function XYPanZoom({ domNode, minZoom, maxZoom, translateExtent, viewport, onPan
   function setTransform(transform2, options) {
     if (d3Selection) {
       return new Promise((resolve) => {
-        d3ZoomInstance == null ? void 0 : d3ZoomInstance.interpolate((options == null ? void 0 : options.interpolate) === "linear" ? interpolate$1 : interpolateZoom).transform(getD3Transition(d3Selection, options == null ? void 0 : options.duration, options == null ? void 0 : options.ease, () => resolve(true)), transform2);
+        d3ZoomInstance?.interpolate(options?.interpolate === "linear" ? interpolate$1 : interpolateZoom).transform(getD3Transition(d3Selection, options?.duration, options?.ease, () => resolve(true)), transform2);
       });
     }
     return Promise.resolve(false);
@@ -5887,7 +5727,7 @@ function XYPanZoom({ domNode, minZoom, maxZoom, translateExtent, viewport, onPan
   }
   async function setViewportConstrained(viewport2, extent, translateExtent2) {
     const nextTransform = viewportToTransform(viewport2);
-    const contrainedTransform = d3ZoomInstance == null ? void 0 : d3ZoomInstance.constrain()(nextTransform, extent, translateExtent2);
+    const contrainedTransform = d3ZoomInstance?.constrain()(nextTransform, extent, translateExtent2);
     if (contrainedTransform) {
       await setTransform(contrainedTransform);
     }
@@ -5903,7 +5743,7 @@ function XYPanZoom({ domNode, minZoom, maxZoom, translateExtent, viewport, onPan
       const nextTransform = viewportToTransform(viewport2);
       const currentTransform = d3Selection.property("__zoom");
       if (currentTransform.k !== viewport2.zoom || currentTransform.x !== viewport2.x || currentTransform.y !== viewport2.y) {
-        d3ZoomInstance == null ? void 0 : d3ZoomInstance.transform(d3Selection, nextTransform, null, { sync: true });
+        d3ZoomInstance?.transform(d3Selection, nextTransform, null, { sync: true });
       }
     }
   }
@@ -5914,7 +5754,7 @@ function XYPanZoom({ domNode, minZoom, maxZoom, translateExtent, viewport, onPan
   function scaleTo(zoom2, options) {
     if (d3Selection) {
       return new Promise((resolve) => {
-        d3ZoomInstance == null ? void 0 : d3ZoomInstance.interpolate((options == null ? void 0 : options.interpolate) === "linear" ? interpolate$1 : interpolateZoom).scaleTo(getD3Transition(d3Selection, options == null ? void 0 : options.duration, options == null ? void 0 : options.ease, () => resolve(true)), zoom2);
+        d3ZoomInstance?.interpolate(options?.interpolate === "linear" ? interpolate$1 : interpolateZoom).scaleTo(getD3Transition(d3Selection, options?.duration, options?.ease, () => resolve(true)), zoom2);
       });
     }
     return Promise.resolve(false);
@@ -5922,20 +5762,20 @@ function XYPanZoom({ domNode, minZoom, maxZoom, translateExtent, viewport, onPan
   function scaleBy(factor, options) {
     if (d3Selection) {
       return new Promise((resolve) => {
-        d3ZoomInstance == null ? void 0 : d3ZoomInstance.interpolate((options == null ? void 0 : options.interpolate) === "linear" ? interpolate$1 : interpolateZoom).scaleBy(getD3Transition(d3Selection, options == null ? void 0 : options.duration, options == null ? void 0 : options.ease, () => resolve(true)), factor);
+        d3ZoomInstance?.interpolate(options?.interpolate === "linear" ? interpolate$1 : interpolateZoom).scaleBy(getD3Transition(d3Selection, options?.duration, options?.ease, () => resolve(true)), factor);
       });
     }
     return Promise.resolve(false);
   }
   function setScaleExtent(scaleExtent) {
-    d3ZoomInstance == null ? void 0 : d3ZoomInstance.scaleExtent(scaleExtent);
+    d3ZoomInstance?.scaleExtent(scaleExtent);
   }
   function setTranslateExtent(translateExtent2) {
-    d3ZoomInstance == null ? void 0 : d3ZoomInstance.translateExtent(translateExtent2);
+    d3ZoomInstance?.translateExtent(translateExtent2);
   }
   function setClickDistance(distance2) {
     const validDistance = !isNumeric(distance2) || distance2 < 0 ? 0 : distance2;
-    d3ZoomInstance == null ? void 0 : d3ZoomInstance.clickDistance(validDistance);
+    d3ZoomInstance?.clickDistance(validDistance);
   }
   return {
     update,
@@ -6173,7 +6013,7 @@ function XYResizer({ domNode, nodeId, getStoreItems, onChange, onEnd }) {
       if (!node) {
         return;
       }
-      containerBounds = (paneDomNode == null ? void 0 : paneDomNode.getBoundingClientRect()) ?? null;
+      containerBounds = paneDomNode?.getBoundingClientRect() ?? null;
       const { xSnapped, ySnapped } = getPointerPosition(event.sourceEvent, {
         transform: transform2,
         snapGrid,
@@ -6219,7 +6059,7 @@ function XYResizer({ domNode, nodeId, getStoreItems, onChange, onEnd }) {
           }
         }
       }
-      onResizeStart == null ? void 0 : onResizeStart(event, { ...prevValues });
+      onResizeStart?.(event, { ...prevValues });
     }).on("drag", (event) => {
       const { transform: transform2, snapGrid, snapToGrid, nodeOrigin: storeNodeOrigin } = getStoreItems();
       const pointerPosition = getPointerPosition(event.sourceEvent, {
@@ -6287,19 +6127,19 @@ function XYResizer({ domNode, nodeId, getStoreItems, onChange, onEnd }) {
         affectsY: params.controlDirection.affectsY
       });
       const nextValues = { ...prevValues, direction };
-      const callResize = shouldResize == null ? void 0 : shouldResize(event, nextValues);
+      const callResize = shouldResize?.(event, nextValues);
       if (callResize === false) {
         return;
       }
       resizeDetected = true;
-      onResize == null ? void 0 : onResize(event, nextValues);
+      onResize?.(event, nextValues);
       onChange(change, childChanges);
     }).on("end", (event) => {
       if (!resizeDetected) {
         return;
       }
-      onResizeEnd == null ? void 0 : onResizeEnd(event, { ...prevValues });
-      onEnd == null ? void 0 : onEnd({ ...prevValues });
+      onResizeEnd?.(event, { ...prevValues });
+      onEnd?.({ ...prevValues });
       resizeDetected = false;
     });
     selection2.call(dragHandler);
@@ -6319,15 +6159,6 @@ var withSelector = { exports: {} };
 var withSelector_production = {};
 var shim = { exports: {} };
 var useSyncExternalStoreShim_production = {};
-/**
- * @license React
- * use-sync-external-store-shim.production.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
 var hasRequiredUseSyncExternalStoreShim_production;
 function requireUseSyncExternalStoreShim_production() {
   if (hasRequiredUseSyncExternalStoreShim_production) return useSyncExternalStoreShim_production;
@@ -6377,15 +6208,6 @@ function requireUseSyncExternalStoreShim_production() {
   return useSyncExternalStoreShim_production;
 }
 var useSyncExternalStoreShim_development = {};
-/**
- * @license React
- * use-sync-external-store-shim.development.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
 var hasRequiredUseSyncExternalStoreShim_development;
 function requireUseSyncExternalStoreShim_development() {
   if (hasRequiredUseSyncExternalStoreShim_development) return useSyncExternalStoreShim_development;
@@ -6460,15 +6282,6 @@ function requireShim() {
   }
   return shim.exports;
 }
-/**
- * @license React
- * use-sync-external-store-shim/with-selector.production.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
 var hasRequiredWithSelector_production;
 function requireWithSelector_production() {
   if (hasRequiredWithSelector_production) return withSelector_production;
@@ -6532,15 +6345,6 @@ function requireWithSelector_production() {
   return withSelector_production;
 }
 var withSelector_development = {};
-/**
- * @license React
- * use-sync-external-store-shim/with-selector.development.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
 var hasRequiredWithSelector_development;
 function requireWithSelector_development() {
   if (hasRequiredWithSelector_development) return withSelector_development;
@@ -6760,7 +6564,7 @@ const Panel = React.forwardRef(({ position = "top-left", children: children2, cl
 });
 Panel.displayName = "Panel";
 function Attribution({ proOptions, position = "bottom-right" }) {
-  if (proOptions == null ? void 0 : proOptions.hideAttribution) {
+  if (proOptions?.hideAttribution) {
     return null;
   }
   return jsxRuntime.jsx(Panel, { position, className: "react-flow__attribution", "data-message": "Please only hide this attribution when you are subscribed to React Flow Pro: https://pro.reactflow.dev", children: jsxRuntime.jsx("a", { href: "https://reactflow.dev", target: "_blank", rel: "noopener noreferrer", "aria-label": "React Flow attribution", children: "React Flow" }) });
@@ -6789,7 +6593,7 @@ function SelectionListenerInner({ onSelectionChange }) {
   const { selectedNodes, selectedEdges } = useStore(selector$m, areEqual);
   React.useEffect(() => {
     const params = { nodes: selectedNodes, edges: selectedEdges };
-    onSelectionChange == null ? void 0 : onSelectionChange(params);
+    onSelectionChange?.(params);
     store.getState().onSelectionChangeHandlers.forEach((fn) => fn(params));
   }, [selectedNodes, selectedEdges, onSelectionChange]);
   return null;
@@ -6944,7 +6748,6 @@ function getMediaQuery() {
   return window.matchMedia("(prefers-color-scheme: dark)");
 }
 function useColorModeClass(colorMode) {
-  var _a;
   const [colorModeClass, setColorModeClass] = React.useState(colorMode === "system" ? null : colorMode);
   React.useEffect(() => {
     if (colorMode !== "system") {
@@ -6952,14 +6755,14 @@ function useColorModeClass(colorMode) {
       return;
     }
     const mediaQuery = getMediaQuery();
-    const updateColorModeClass = () => setColorModeClass((mediaQuery == null ? void 0 : mediaQuery.matches) ? "dark" : "light");
+    const updateColorModeClass = () => setColorModeClass(mediaQuery?.matches ? "dark" : "light");
     updateColorModeClass();
-    mediaQuery == null ? void 0 : mediaQuery.addEventListener("change", updateColorModeClass);
+    mediaQuery?.addEventListener("change", updateColorModeClass);
     return () => {
-      mediaQuery == null ? void 0 : mediaQuery.removeEventListener("change", updateColorModeClass);
+      mediaQuery?.removeEventListener("change", updateColorModeClass);
     };
   }, [colorMode]);
-  return colorModeClass !== null ? colorModeClass : ((_a = getMediaQuery()) == null ? void 0 : _a.matches) ? "dark" : "light";
+  return colorModeClass !== null ? colorModeClass : getMediaQuery()?.matches ? "dark" : "light";
 }
 const defaultDoc = typeof document !== "undefined" ? document : null;
 function useKeyPress(keyCode = null, options = { target: defaultDoc, actInsideInputWithModifier: true }) {
@@ -6976,11 +6779,10 @@ function useKeyPress(keyCode = null, options = { target: defaultDoc, actInsideIn
     return [[], []];
   }, [keyCode]);
   React.useEffect(() => {
-    const target = (options == null ? void 0 : options.target) ?? defaultDoc;
-    const actInsideInputWithModifier = (options == null ? void 0 : options.actInsideInputWithModifier) ?? true;
+    const target = options?.target ?? defaultDoc;
+    const actInsideInputWithModifier = options?.actInsideInputWithModifier ?? true;
     if (keyCode !== null) {
       const downHandler = (event) => {
-        var _a, _b;
         modifierPressed.current = event.ctrlKey || event.metaKey || event.shiftKey || event.altKey;
         const preventAction = (!modifierPressed.current || modifierPressed.current && !actInsideInputWithModifier) && isInputDOMNode(event);
         if (preventAction) {
@@ -6989,8 +6791,8 @@ function useKeyPress(keyCode = null, options = { target: defaultDoc, actInsideIn
         const keyOrCode = useKeyOrCode(event.code, keysToWatch);
         pressedKeys.current.add(event[keyOrCode]);
         if (isMatchingKey(keyCodes, pressedKeys.current, false)) {
-          const target2 = ((_b = (_a = event.composedPath) == null ? void 0 : _a.call(event)) == null ? void 0 : _b[0]) || event.target;
-          const isInteractiveElement = (target2 == null ? void 0 : target2.nodeName) === "BUTTON" || (target2 == null ? void 0 : target2.nodeName) === "A";
+          const target2 = event.composedPath?.()?.[0] || event.target;
+          const isInteractiveElement = target2?.nodeName === "BUTTON" || target2?.nodeName === "A";
           if (options.preventDefault !== false && (modifierPressed.current || !isInteractiveElement)) {
             event.preventDefault();
           }
@@ -7014,13 +6816,13 @@ function useKeyPress(keyCode = null, options = { target: defaultDoc, actInsideIn
         pressedKeys.current.clear();
         setKeyPressed(false);
       };
-      target == null ? void 0 : target.addEventListener("keydown", downHandler);
-      target == null ? void 0 : target.addEventListener("keyup", upHandler);
+      target?.addEventListener("keydown", downHandler);
+      target?.addEventListener("keyup", upHandler);
       window.addEventListener("blur", resetHandler);
       window.addEventListener("contextmenu", resetHandler);
       return () => {
-        target == null ? void 0 : target.removeEventListener("keydown", downHandler);
-        target == null ? void 0 : target.removeEventListener("keyup", upHandler);
+        target?.removeEventListener("keydown", downHandler);
+        target?.removeEventListener("keyup", upHandler);
         window.removeEventListener("blur", resetHandler);
         window.removeEventListener("contextmenu", resetHandler);
       };
@@ -7040,15 +6842,15 @@ const useViewportHelper = () => {
     return {
       zoomIn: (options) => {
         const { panZoom } = store.getState();
-        return panZoom ? panZoom.scaleBy(1.2, { duration: options == null ? void 0 : options.duration }) : Promise.resolve(false);
+        return panZoom ? panZoom.scaleBy(1.2, { duration: options?.duration }) : Promise.resolve(false);
       },
       zoomOut: (options) => {
         const { panZoom } = store.getState();
-        return panZoom ? panZoom.scaleBy(1 / 1.2, { duration: options == null ? void 0 : options.duration }) : Promise.resolve(false);
+        return panZoom ? panZoom.scaleBy(1 / 1.2, { duration: options?.duration }) : Promise.resolve(false);
       },
       zoomTo: (zoomLevel, options) => {
         const { panZoom } = store.getState();
-        return panZoom ? panZoom.scaleTo(zoomLevel, { duration: options == null ? void 0 : options.duration }) : Promise.resolve(false);
+        return panZoom ? panZoom.scaleTo(zoomLevel, { duration: options?.duration }) : Promise.resolve(false);
       },
       getZoom: () => store.getState().transform[2],
       setViewport: async (viewport, options) => {
@@ -7072,14 +6874,14 @@ const useViewportHelper = () => {
       },
       fitBounds: async (bounds, options) => {
         const { width, height, minZoom, maxZoom, panZoom } = store.getState();
-        const viewport = getViewportForBounds(bounds, width, height, minZoom, maxZoom, (options == null ? void 0 : options.padding) ?? 0.1);
+        const viewport = getViewportForBounds(bounds, width, height, minZoom, maxZoom, options?.padding ?? 0.1);
         if (!panZoom) {
           return Promise.resolve(false);
         }
         await panZoom.setViewport(viewport, {
-          duration: options == null ? void 0 : options.duration,
-          ease: options == null ? void 0 : options.ease,
-          interpolate: options == null ? void 0 : options.interpolate
+          duration: options?.duration,
+          ease: options?.ease,
+          interpolate: options?.interpolate
         });
         return Promise.resolve(true);
       },
@@ -7224,12 +7026,11 @@ function getSelectionChanges(items, selectedIds = /* @__PURE__ */ new Set(), mut
   return changes;
 }
 function getElementsDiffChanges({ items = [], lookup }) {
-  var _a;
   const changes = [];
   const itemsLookup = new Map(items.map((item) => [item.id, item]));
   for (const [index2, item] of items.entries()) {
     const lookupItem = lookup.get(item.id);
-    const storeItem = ((_a = lookupItem == null ? void 0 : lookupItem.internals) == null ? void 0 : _a.userNode) ?? lookupItem;
+    const storeItem = lookupItem?.internals?.userNode ?? lookupItem;
     if (storeItem !== void 0 && storeItem !== item) {
       changes.push({ id: item.id, item, type: "replace" });
     }
@@ -7302,7 +7103,7 @@ function BatchProvider({ children: children2 }) {
       setNodes(next);
     }
     if (changes.length > 0) {
-      onNodesChange == null ? void 0 : onNodesChange(changes);
+      onNodesChange?.(changes);
     } else if (fitViewQueued) {
       window.requestAnimationFrame(() => {
         const { fitViewQueued: fitViewQueued2, nodes: nodes2, setNodes: setNodes2 } = store.getState();
@@ -7354,15 +7155,14 @@ function useReactFlow() {
       batchContext.edgeQueue.push(payload);
     };
     const getNodeRect = (node) => {
-      var _a, _b;
       const { nodeLookup, nodeOrigin } = store.getState();
       const nodeToUse = isNode(node) ? node : nodeLookup.get(node.id);
       const position = nodeToUse.parentId ? evaluateAbsolutePosition(nodeToUse.position, nodeToUse.measured, nodeToUse.parentId, nodeLookup, nodeOrigin) : nodeToUse.position;
       const nodeWithPosition = {
         ...nodeToUse,
         position,
-        width: ((_a = nodeToUse.measured) == null ? void 0 : _a.width) ?? nodeToUse.width,
-        height: ((_b = nodeToUse.measured) == null ? void 0 : _b.height) ?? nodeToUse.height
+        width: nodeToUse.measured?.width ?? nodeToUse.width,
+        height: nodeToUse.measured?.height ?? nodeToUse.height
       };
       return nodeToRect(nodeWithPosition);
     };
@@ -7386,10 +7186,7 @@ function useReactFlow() {
     };
     return {
       getNodes: () => store.getState().nodes.map((n) => ({ ...n })),
-      getNode: (id2) => {
-        var _a;
-        return (_a = getInternalNode(id2)) == null ? void 0 : _a.internals.userNode;
-      },
+      getNode: (id2) => getInternalNode(id2)?.internals.userNode,
       getInternalNode,
       getEdges: () => {
         const { edges = [] } = store.getState();
@@ -7432,16 +7229,16 @@ function useReactFlow() {
         const hasMatchingNodes = matchingNodes.length > 0;
         if (hasMatchingEdges) {
           const edgeChanges = matchingEdges.map(elementToRemoveChange);
-          onEdgesDelete == null ? void 0 : onEdgesDelete(matchingEdges);
+          onEdgesDelete?.(matchingEdges);
           triggerEdgeChanges(edgeChanges);
         }
         if (hasMatchingNodes) {
           const nodeChanges = matchingNodes.map(elementToRemoveChange);
-          onNodesDelete == null ? void 0 : onNodesDelete(matchingNodes);
+          onNodesDelete?.(matchingNodes);
           triggerNodeChanges(nodeChanges);
         }
         if (hasMatchingNodes || hasMatchingEdges) {
-          onDelete == null ? void 0 : onDelete({ nodes: matchingNodes, edges: matchingEdges });
+          onDelete?.({ nodes: matchingNodes, edges: matchingEdges });
         }
         return { deletedNodes: matchingNodes, deletedEdges: matchingEdges };
       },
@@ -7496,14 +7293,8 @@ function useReactFlow() {
         const { nodeLookup, nodeOrigin } = store.getState();
         return getNodesBounds(nodes, { nodeLookup, nodeOrigin });
       },
-      getHandleConnections: ({ type, id: id2, nodeId }) => {
-        var _a;
-        return Array.from(((_a = store.getState().connectionLookup.get(`${nodeId}-${type}${id2 ? `-${id2}` : ""}`)) == null ? void 0 : _a.values()) ?? []);
-      },
-      getNodeConnections: ({ type, handleId, nodeId }) => {
-        var _a;
-        return Array.from(((_a = store.getState().connectionLookup.get(`${nodeId}${type ? handleId ? `-${type}-${handleId}` : `-${type}` : ""}`)) == null ? void 0 : _a.values()) ?? []);
-      },
+      getHandleConnections: ({ type, id: id2, nodeId }) => Array.from(store.getState().connectionLookup.get(`${nodeId}-${type}${id2 ? `-${id2}` : ""}`)?.values() ?? []),
+      getNodeConnections: ({ type, handleId, nodeId }) => Array.from(store.getState().connectionLookup.get(`${nodeId}${type ? handleId ? `-${type}-${handleId}` : `-${type}` : ""}`)?.values() ?? []),
       fitView: async (options) => {
         const fitViewResolver = store.getState().fitViewResolver ?? withResolvers();
         store.setState({ fitViewQueued: true, fitViewOptions: options, fitViewResolver });
@@ -7542,13 +7333,12 @@ function useResizeHandler(domNode) {
   const store = useStoreApi();
   React.useEffect(() => {
     const updateDimensions = () => {
-      var _a, _b, _c, _d;
-      if (!domNode.current || !(((_b = (_a = domNode.current).checkVisibility) == null ? void 0 : _b.call(_a)) ?? true)) {
+      if (!domNode.current || !(domNode.current.checkVisibility?.() ?? true)) {
         return false;
       }
       const size = getDimensions(domNode.current);
       if (size.height === 0 || size.width === 0) {
-        (_d = (_c = store.getState()).onError) == null ? void 0 : _d.call(_c, "004", errorMessages$2["error004"]());
+        store.getState().onError?.("004", errorMessages$2["error004"]());
       }
       store.setState({ width: size.width || 500, height: size.height || 500 });
     };
@@ -7586,7 +7376,7 @@ function ZoomPane({ onPaneContextMenu, zoomOnScroll = true, zoomOnPinch = true,
   const panZoom = React.useRef();
   useResizeHandler(zoomPane);
   const onTransformChange = React.useCallback((transform2) => {
-    onViewportChange == null ? void 0 : onViewportChange({ x: transform2[0], y: transform2[1], zoom: transform2[2] });
+    onViewportChange?.({ x: transform2[0], y: transform2[1], zoom: transform2[2] });
     if (!isControlledViewport) {
       store.setState({ transform: transform2 });
     }
@@ -7599,21 +7389,21 @@ function ZoomPane({ onPaneContextMenu, zoomOnScroll = true, zoomOnPinch = true,
         maxZoom,
         translateExtent,
         viewport: defaultViewport2,
-        onDraggingChange: (paneDragging) => store.setState({ paneDragging }),
+        onDraggingChange: (paneDragging) => store.setState((prevState) => prevState.paneDragging === paneDragging ? prevState : { paneDragging }),
         onPanZoomStart: (event, vp) => {
           const { onViewportChangeStart, onMoveStart } = store.getState();
-          onMoveStart == null ? void 0 : onMoveStart(event, vp);
-          onViewportChangeStart == null ? void 0 : onViewportChangeStart(vp);
+          onMoveStart?.(event, vp);
+          onViewportChangeStart?.(vp);
         },
         onPanZoom: (event, vp) => {
           const { onViewportChange: onViewportChange2, onMove } = store.getState();
-          onMove == null ? void 0 : onMove(event, vp);
-          onViewportChange2 == null ? void 0 : onViewportChange2(vp);
+          onMove?.(event, vp);
+          onViewportChange2?.(vp);
         },
         onPanZoomEnd: (event, vp) => {
           const { onViewportChangeEnd, onMoveEnd } = store.getState();
-          onMoveEnd == null ? void 0 : onMoveEnd(event, vp);
-          onViewportChangeEnd == null ? void 0 : onViewportChangeEnd(vp);
+          onMoveEnd?.(event, vp);
+          onViewportChangeEnd?.(vp);
         }
       });
       const { x, y, zoom: zoom2 } = panZoom.current.getViewport();
@@ -7623,14 +7413,12 @@ function ZoomPane({ onPaneContextMenu, zoomOnScroll = true, zoomOnPinch = true,
         domNode: zoomPane.current.closest(".react-flow")
       });
       return () => {
-        var _a;
-        (_a = panZoom.current) == null ? void 0 : _a.destroy();
+        panZoom.current?.destroy();
       };
     }
   }, []);
   React.useEffect(() => {
-    var _a;
-    (_a = panZoom.current) == null ? void 0 : _a.update({
+    panZoom.current?.update({
       onPaneContextMenu,
       zoomOnScroll,
       zoomOnPinch,
@@ -7693,7 +7481,7 @@ const wrapHandler = (handler, containerRef) => {
     if (event.target !== containerRef.current) {
       return;
     }
-    handler == null ? void 0 : handler(event);
+    handler?.(event);
   };
 };
 const selector$h = (s) => ({
@@ -7716,16 +7504,16 @@ function Pane({ isSelecting, selectionKeyPressed, selectionMode = SelectionMode.
       selectionInProgress.current = false;
       return;
     }
-    onPaneClick == null ? void 0 : onPaneClick(event);
+    onPaneClick?.(event);
     store.getState().resetSelectedElements();
     store.setState({ nodesSelectionActive: false });
   };
   const onContextMenu = (event) => {
-    if (Array.isArray(panOnDrag) && (panOnDrag == null ? void 0 : panOnDrag.includes(2))) {
+    if (Array.isArray(panOnDrag) && panOnDrag?.includes(2)) {
       event.preventDefault();
       return;
     }
-    onPaneContextMenu == null ? void 0 : onPaneContextMenu(event);
+    onPaneContextMenu?.(event);
   };
   const onWheel = onPaneScroll ? (event) => onPaneScroll(event) : void 0;
   const onClickCapture = (event) => {
@@ -7735,9 +7523,8 @@ function Pane({ isSelecting, selectionKeyPressed, selectionMode = SelectionMode.
     }
   };
   const onPointerDownCapture = (event) => {
-    var _a, _b;
     const { domNode } = store.getState();
-    containerBounds.current = domNode == null ? void 0 : domNode.getBoundingClientRect();
+    containerBounds.current = domNode?.getBoundingClientRect();
     if (!containerBounds.current)
       return;
     const eventTargetIsContainer = event.target === container.current;
@@ -7746,7 +7533,7 @@ function Pane({ isSelecting, selectionKeyPressed, selectionMode = SelectionMode.
     if (isNoKeyEvent || !isSelecting || !isSelectionActive || event.button !== 0 || !event.isPrimary) {
       return;
     }
-    (_b = (_a = event.target) == null ? void 0 : _a.setPointerCapture) == null ? void 0 : _b.call(_a, event.pointerId);
+    event.target?.setPointerCapture?.(event.pointerId);
     selectionInProgress.current = false;
     const { x, y } = getEventPosition(event.nativeEvent, containerBounds.current);
     store.setState({
@@ -7778,7 +7565,7 @@ function Pane({ isSelecting, selectionKeyPressed, selectionMode = SelectionMode.
         return;
       }
       resetSelectedElements();
-      onSelectionStart == null ? void 0 : onSelectionStart(event);
+      onSelectionStart?.(event);
     }
     selectionInProgress.current = true;
     const nextUserSelectRect = {
@@ -7793,7 +7580,7 @@ function Pane({ isSelecting, selectionKeyPressed, selectionMode = SelectionMode.
     const prevSelectedEdgeIds = selectedEdgeIds.current;
     selectedNodeIds.current = new Set(getNodesInside(nodeLookup, nextUserSelectRect, transform2, selectionMode === SelectionMode.Partial, true).map((node) => node.id));
     selectedEdgeIds.current = /* @__PURE__ */ new Set();
-    const edgesSelectable = (defaultEdgeOptions == null ? void 0 : defaultEdgeOptions.selectable) ?? true;
+    const edgesSelectable = defaultEdgeOptions?.selectable ?? true;
     for (const nodeId of selectedNodeIds.current) {
       const connections = connectionLookup.get(nodeId);
       if (!connections)
@@ -7820,20 +7607,19 @@ function Pane({ isSelecting, selectionKeyPressed, selectionMode = SelectionMode.
     });
   };
   const onPointerUp = (event) => {
-    var _a, _b;
     if (event.button !== 0) {
       return;
     }
-    (_b = (_a = event.target) == null ? void 0 : _a.releasePointerCapture) == null ? void 0 : _b.call(_a, event.pointerId);
+    event.target?.releasePointerCapture?.(event.pointerId);
     if (!userSelectionActive && event.target === container.current && store.getState().userSelectionRect) {
-      onClick == null ? void 0 : onClick(event);
+      onClick?.(event);
     }
     store.setState({
       userSelectionActive: false,
       userSelectionRect: null
     });
     if (selectionInProgress.current) {
-      onSelectionEnd == null ? void 0 : onSelectionEnd(event);
+      onSelectionEnd?.(event);
       store.setState({
         nodesSelectionActive: selectedNodeIds.current.size > 0
       });
@@ -7846,7 +7632,7 @@ function handleNodeClick({ id: id2, store, unselect = false, nodeRef }) {
   const { addSelectedNodes, unselectNodesAndEdges, multiSelectionActive, nodeLookup, onError } = store.getState();
   const node = nodeLookup.get(id2);
   if (!node) {
-    onError == null ? void 0 : onError("012", errorMessages$2["error012"](id2));
+    onError?.("012", errorMessages$2["error012"](id2));
     return;
   }
   store.setState({ nodesSelectionActive: false });
@@ -7854,10 +7640,7 @@ function handleNodeClick({ id: id2, store, unselect = false, nodeRef }) {
     addSelectedNodes([id2]);
   } else if (unselect || node.selected && multiSelectionActive) {
     unselectNodesAndEdges({ nodes: [node], edges: [] });
-    requestAnimationFrame(() => {
-      var _a;
-      return (_a = nodeRef == null ? void 0 : nodeRef.current) == null ? void 0 : _a.blur();
-    });
+    requestAnimationFrame(() => nodeRef?.current?.blur());
   }
 }
 function useDrag({ nodeRef, disabled = false, noDragClassName, handleSelector, nodeId, isSelectable, nodeClickDistance }) {
@@ -7883,24 +7666,21 @@ function useDrag({ nodeRef, disabled = false, noDragClassName, handleSelector, n
     });
   }, []);
   React.useEffect(() => {
-    var _a, _b;
-    if (disabled) {
-      (_a = xyDrag.current) == null ? void 0 : _a.destroy();
-    } else if (nodeRef.current) {
-      (_b = xyDrag.current) == null ? void 0 : _b.update({
-        noDragClassName,
-        handleSelector,
-        domNode: nodeRef.current,
-        isSelectable,
-        nodeId,
-        nodeClickDistance
-      });
-      return () => {
-        var _a2;
-        (_a2 = xyDrag.current) == null ? void 0 : _a2.destroy();
-      };
+    if (disabled || !nodeRef.current || !xyDrag.current) {
+      return;
     }
-  }, [noDragClassName, handleSelector, disabled, isSelectable, nodeRef, nodeId]);
+    xyDrag.current.update({
+      noDragClassName,
+      handleSelector,
+      domNode: nodeRef.current,
+      isSelectable,
+      nodeId,
+      nodeClickDistance
+    });
+    return () => {
+      xyDrag.current?.destroy();
+    };
+  }, [noDragClassName, handleSelector, disabled, isSelectable, nodeRef, nodeId, nodeClickDistance]);
   return dragging;
 }
 const selectedAndDraggable = (nodesDraggable) => (n) => n.selected && (n.draggable || nodesDraggable && typeof n.draggable === "undefined");
@@ -7956,19 +7736,18 @@ const selector$g = (s) => ({
 const connectingSelector = (nodeId, handleId, type) => (state) => {
   const { connectionClickStartHandle: clickHandle, connectionMode, connection } = state;
   const { fromHandle, toHandle, isValid } = connection;
-  const connectingTo = (toHandle == null ? void 0 : toHandle.nodeId) === nodeId && (toHandle == null ? void 0 : toHandle.id) === handleId && (toHandle == null ? void 0 : toHandle.type) === type;
+  const connectingTo = toHandle?.nodeId === nodeId && toHandle?.id === handleId && toHandle?.type === type;
   return {
-    connectingFrom: (fromHandle == null ? void 0 : fromHandle.nodeId) === nodeId && (fromHandle == null ? void 0 : fromHandle.id) === handleId && (fromHandle == null ? void 0 : fromHandle.type) === type,
+    connectingFrom: fromHandle?.nodeId === nodeId && fromHandle?.id === handleId && fromHandle?.type === type,
     connectingTo,
-    clickConnecting: (clickHandle == null ? void 0 : clickHandle.nodeId) === nodeId && (clickHandle == null ? void 0 : clickHandle.id) === handleId && (clickHandle == null ? void 0 : clickHandle.type) === type,
-    isPossibleEndHandle: connectionMode === ConnectionMode.Strict ? (fromHandle == null ? void 0 : fromHandle.type) !== type : nodeId !== (fromHandle == null ? void 0 : fromHandle.nodeId) || handleId !== (fromHandle == null ? void 0 : fromHandle.id),
+    clickConnecting: clickHandle?.nodeId === nodeId && clickHandle?.id === handleId && clickHandle?.type === type,
+    isPossibleEndHandle: connectionMode === ConnectionMode.Strict ? fromHandle?.type !== type : nodeId !== fromHandle?.nodeId || handleId !== fromHandle?.id,
     connectionInProcess: !!fromHandle,
     clickConnectionInProcess: !!clickHandle,
     valid: connectingTo && isValid
   };
 };
 function HandleComponent({ type = "source", position = Position.Top, isValidConnection, isConnectable = true, isConnectableStart = true, isConnectableEnd = true, id: id2, onConnect, children: children2, className, onMouseDown, onTouchStart, ...rest }, ref) {
-  var _a, _b;
   const handleId = id2 || null;
   const isTarget = type === "target";
   const store = useStoreApi();
@@ -7976,7 +7755,7 @@ function HandleComponent({ type = "source", position = Position.Top, isValidConn
   const { connectOnClick, noPanClassName, rfId } = useStore(selector$g, shallow$1);
   const { connectingFrom, connectingTo, clickConnecting, isPossibleEndHandle, connectionInProcess, clickConnectionInProcess, valid } = useStore(connectingSelector(nodeId, handleId, type), shallow$1);
   if (!nodeId) {
-    (_b = (_a = store.getState()).onError) == null ? void 0 : _b.call(_a, "010", errorMessages$2["error010"]());
+    store.getState().onError?.("010", errorMessages$2["error010"]());
   }
   const onConnectExtended = (params) => {
     const { defaultEdgeOptions, onConnect: onConnectAction, hasDefaultEdges } = store.getState();
@@ -7988,8 +7767,8 @@ function HandleComponent({ type = "source", position = Position.Top, isValidConn
       const { edges, setEdges } = store.getState();
       setEdges(addEdge(edgeParams, edges));
     }
-    onConnectAction == null ? void 0 : onConnectAction(edgeParams);
-    onConnect == null ? void 0 : onConnect(edgeParams);
+    onConnectAction?.(edgeParams);
+    onConnect?.(edgeParams);
   };
   const onPointerDown2 = (event) => {
     if (!nodeId) {
@@ -8013,10 +7792,10 @@ function HandleComponent({ type = "source", position = Position.Top, isValidConn
         panBy: currentStore.panBy,
         cancelConnection: currentStore.cancelConnection,
         onConnectStart: currentStore.onConnectStart,
-        onConnectEnd: currentStore.onConnectEnd,
+        onConnectEnd: (...args) => store.getState().onConnectEnd?.(...args),
         updateConnection: currentStore.updateConnection,
         onConnect: onConnectExtended,
-        isValidConnection: isValidConnection || currentStore.isValidConnection,
+        isValidConnection: isValidConnection || ((...args) => store.getState().isValidConnection?.(...args) ?? true),
         getTransform: () => store.getState().transform,
         getFromHandle: () => store.getState().connection.fromHandle,
         autoPanSpeed: currentStore.autoPanSpeed,
@@ -8024,9 +7803,9 @@ function HandleComponent({ type = "source", position = Position.Top, isValidConn
       });
     }
     if (isMouseTriggered) {
-      onMouseDown == null ? void 0 : onMouseDown(event);
+      onMouseDown?.(event);
     } else {
-      onTouchStart == null ? void 0 : onTouchStart(event);
+      onTouchStart?.(event);
     }
   };
   const onClick = (event) => {
@@ -8035,7 +7814,7 @@ function HandleComponent({ type = "source", position = Position.Top, isValidConn
       return;
     }
     if (!connectionClickStartHandle) {
-      onClickConnectStart == null ? void 0 : onClickConnectStart(event.nativeEvent, { nodeId, handleId, handleType: type });
+      onClickConnectStart?.(event.nativeEvent, { nodeId, handleId, handleType: type });
       store.setState({ connectionClickStartHandle: { nodeId, type, id: handleId } });
       return;
     }
@@ -8063,7 +7842,7 @@ function HandleComponent({ type = "source", position = Position.Top, isValidConn
     const connectionClone = structuredClone(connectionState);
     delete connectionClone.inProgress;
     connectionClone.toPosition = connectionClone.toHandle ? connectionClone.toHandle.position : null;
-    onClickConnectEnd == null ? void 0 : onClickConnectEnd(event, connectionClone);
+    onClickConnectEnd?.(event, connectionClone);
     store.setState({ connectionClickStartHandle: null });
   };
   return jsxRuntime.jsx("div", { "data-handleid": handleId, "data-nodeid": nodeId, "data-handlepos": position, "data-id": `${rfId}-${nodeId}-${handleId}-${type}`, className: cc([
@@ -8092,16 +7871,16 @@ function HandleComponent({ type = "source", position = Position.Top, isValidConn
 }
 const Handle = React.memo(fixedForwardRef(HandleComponent));
 function InputNode({ data, isConnectable, sourcePosition = Position.Bottom }) {
-  return jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [data == null ? void 0 : data.label, jsxRuntime.jsx(Handle, { type: "source", position: sourcePosition, isConnectable })] });
+  return jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [data?.label, jsxRuntime.jsx(Handle, { type: "source", position: sourcePosition, isConnectable })] });
 }
 function DefaultNode({ data, isConnectable, targetPosition = Position.Top, sourcePosition = Position.Bottom }) {
-  return jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Handle, { type: "target", position: targetPosition, isConnectable }), data == null ? void 0 : data.label, jsxRuntime.jsx(Handle, { type: "source", position: sourcePosition, isConnectable })] });
+  return jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Handle, { type: "target", position: targetPosition, isConnectable }), data?.label, jsxRuntime.jsx(Handle, { type: "source", position: sourcePosition, isConnectable })] });
 }
 function GroupNode() {
   return null;
 }
 function OutputNode({ data, isConnectable, targetPosition = Position.Top }) {
-  return jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Handle, { type: "target", position: targetPosition, isConnectable }), data == null ? void 0 : data.label] });
+  return jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Handle, { type: "target", position: targetPosition, isConnectable }), data?.label] });
 }
 const arrowKeyDiffs = {
   ArrowUp: { x: 0, y: -1 },
@@ -8116,16 +7895,15 @@ const builtinNodeTypes = {
   group: GroupNode
 };
 function getNodeInlineStyleDimensions(node) {
-  var _a, _b, _c, _d;
   if (node.internals.handleBounds === void 0) {
     return {
-      width: node.width ?? node.initialWidth ?? ((_a = node.style) == null ? void 0 : _a.width),
-      height: node.height ?? node.initialHeight ?? ((_b = node.style) == null ? void 0 : _b.height)
+      width: node.width ?? node.initialWidth ?? node.style?.width,
+      height: node.height ?? node.initialHeight ?? node.style?.height
     };
   }
   return {
-    width: node.width ?? ((_c = node.style) == null ? void 0 : _c.width),
-    height: node.height ?? ((_d = node.style) == null ? void 0 : _d.height)
+    width: node.width ?? node.style?.width,
+    height: node.height ?? node.style?.height
   };
 }
 const selector$f = (s) => {
@@ -8145,17 +7923,18 @@ function NodesSelection({ onSelectionContextMenu, noPanClassName, disableKeyboar
   const moveSelectedNodes = useMoveSelectedNodes();
   const nodeRef = React.useRef(null);
   React.useEffect(() => {
-    var _a;
     if (!disableKeyboardA11y) {
-      (_a = nodeRef.current) == null ? void 0 : _a.focus({
+      nodeRef.current?.focus({
         preventScroll: true
       });
     }
   }, [disableKeyboardA11y]);
+  const shouldRender = !userSelectionActive && width !== null && height !== null;
   useDrag({
-    nodeRef
+    nodeRef,
+    disabled: !shouldRender
   });
-  if (userSelectionActive || !width || !height) {
+  if (!shouldRender) {
     return null;
   }
   const onContextMenu = onSelectionContextMenu ? (event) => {
@@ -8224,7 +8003,7 @@ function useResizeObserver() {
   });
   React.useEffect(() => {
     return () => {
-      resizeObserver == null ? void 0 : resizeObserver.disconnect();
+      resizeObserver?.disconnect();
     };
   }, [resizeObserver]);
   return resizeObserver;
@@ -8240,16 +8019,16 @@ function useNodeObserver({ node, nodeType, hasDimensions, resizeObserver }) {
   React.useEffect(() => {
     if (nodeRef.current && !node.hidden && (!isInitialized || observedNode.current !== nodeRef.current)) {
       if (observedNode.current) {
-        resizeObserver == null ? void 0 : resizeObserver.unobserve(observedNode.current);
+        resizeObserver?.unobserve(observedNode.current);
       }
-      resizeObserver == null ? void 0 : resizeObserver.observe(nodeRef.current);
+      resizeObserver?.observe(nodeRef.current);
       observedNode.current = nodeRef.current;
     }
   }, [isInitialized, node.hidden]);
   React.useEffect(() => {
     return () => {
       if (observedNode.current) {
-        resizeObserver == null ? void 0 : resizeObserver.unobserve(observedNode.current);
+        resizeObserver?.unobserve(observedNode.current);
         observedNode.current = null;
       }
     };
@@ -8280,11 +8059,11 @@ function NodeWrapper({ id: id2, onClick, onMouseEnter, onMouseMove, onMouseLeave
     };
   }, shallow$1);
   let nodeType = node.type || "default";
-  let NodeComponent = (nodeTypes2 == null ? void 0 : nodeTypes2[nodeType]) || builtinNodeTypes[nodeType];
+  let NodeComponent = nodeTypes2?.[nodeType] || builtinNodeTypes[nodeType];
   if (NodeComponent === void 0) {
-    onError == null ? void 0 : onError("003", errorMessages$2["error003"](nodeType));
+    onError?.("003", errorMessages$2["error003"](nodeType));
     nodeType = "default";
-    NodeComponent = (nodeTypes2 == null ? void 0 : nodeTypes2["default"]) || builtinNodeTypes.default;
+    NodeComponent = nodeTypes2?.["default"] || builtinNodeTypes.default;
   }
   const isDraggable = !!(node.draggable || nodesDraggable && typeof node.draggable === "undefined");
   const isSelectable = !!(node.selectable || elementsSelectable && typeof node.selectable === "undefined");
@@ -8356,8 +8135,7 @@ function NodeWrapper({ id: id2, onClick, onMouseEnter, onMouseMove, onMouseLeave
     }
   };
   const onFocus = () => {
-    var _a;
-    if (disableKeyboardA11y || !((_a = nodeRef.current) == null ? void 0 : _a.matches(":focus-visible"))) {
+    if (disableKeyboardA11y || !nodeRef.current?.matches(":focus-visible")) {
       return;
     }
     const { transform: transform2, width, height, autoPanOnNodeFocus, setCenter } = store.getState();
@@ -8486,10 +8264,9 @@ const MarkerSymbols = {
 function useMarkerSymbol(type) {
   const store = useStoreApi();
   const symbol = React.useMemo(() => {
-    var _a, _b;
     const symbolExists = Object.prototype.hasOwnProperty.call(MarkerSymbols, type);
     if (!symbolExists) {
-      (_b = (_a = store.getState()).onError) == null ? void 0 : _b.call(_a, "009", errorMessages$2["error009"](type));
+      store.getState().onError?.("009", errorMessages$2["error009"](type));
       return null;
     }
     return MarkerSymbols[type];
@@ -8510,8 +8287,8 @@ const MarkerDefinitions = ({ defaultColor, rfId }) => {
     const markers2 = createMarkerIds(edges, {
       id: rfId,
       defaultColor,
-      defaultMarkerStart: defaultEdgeOptions == null ? void 0 : defaultEdgeOptions.markerStart,
-      defaultMarkerEnd: defaultEdgeOptions == null ? void 0 : defaultEdgeOptions.markerEnd
+      defaultMarkerStart: defaultEdgeOptions?.markerStart,
+      defaultMarkerEnd: defaultEdgeOptions?.markerEnd
     });
     return markers2;
   }, [edges, defaultEdgeOptions, rfId, defaultColor]);
@@ -8613,9 +8390,9 @@ function createSmoothStepEdge(params) {
       targetX,
       targetY,
       targetPosition,
-      borderRadius: pathOptions == null ? void 0 : pathOptions.borderRadius,
-      offset: pathOptions == null ? void 0 : pathOptions.offset,
-      stepPosition: pathOptions == null ? void 0 : pathOptions.stepPosition
+      borderRadius: pathOptions?.borderRadius,
+      offset: pathOptions?.offset,
+      stepPosition: pathOptions?.stepPosition
     });
     const _id = params.isInternal ? void 0 : id2;
     return jsxRuntime.jsx(BaseEdge, { id: _id, path, labelX, labelY, label, labelStyle, labelShowBg, labelBgStyle, labelBgPadding, labelBgBorderRadius, style: style2, markerEnd, markerStart, interactionWidth });
@@ -8627,12 +8404,8 @@ SmoothStepEdge.displayName = "SmoothStepEdge";
 SmoothStepEdgeInternal.displayName = "SmoothStepEdgeInternal";
 function createStepEdge(params) {
   return React.memo(({ id: id2, ...props }) => {
-    var _a;
     const _id = params.isInternal ? void 0 : id2;
-    return jsxRuntime.jsx(SmoothStepEdge, { ...props, id: _id, pathOptions: React.useMemo(() => {
-      var _a2;
-      return { borderRadius: 0, offset: (_a2 = props.pathOptions) == null ? void 0 : _a2.offset };
-    }, [(_a = props.pathOptions) == null ? void 0 : _a.offset]) });
+    return jsxRuntime.jsx(SmoothStepEdge, { ...props, id: _id, pathOptions: React.useMemo(() => ({ borderRadius: 0, offset: props.pathOptions?.offset }), [props.pathOptions?.offset]) });
   });
 }
 const StepEdge = createStepEdge({ isInternal: false });
@@ -8659,7 +8432,7 @@ function createBezierEdge(params) {
       targetX,
       targetY,
       targetPosition,
-      curvature: pathOptions == null ? void 0 : pathOptions.curvature
+      curvature: pathOptions?.curvature
     });
     const _id = params.isInternal ? void 0 : id2;
     return jsxRuntime.jsx(BaseEdge, { id: _id, path, labelX, labelY, label, labelStyle, labelShowBg, labelBgStyle, labelBgPadding, labelBgBorderRadius, style: style2, markerEnd, markerStart, interactionWidth });
@@ -8708,17 +8481,17 @@ function EdgeUpdateAnchors({ isReconnectable, reconnectRadius, edge, sourceX, so
     if (event.button !== 0) {
       return;
     }
-    const { autoPanOnConnect, domNode, isValidConnection, connectionMode, connectionRadius, lib: lib2, onConnectStart, onConnectEnd, cancelConnection, nodeLookup, rfId: flowId, panBy: panBy2, updateConnection } = store.getState();
+    const { autoPanOnConnect, domNode, connectionMode, connectionRadius, lib: lib2, onConnectStart, cancelConnection, nodeLookup, rfId: flowId, panBy: panBy2, updateConnection } = store.getState();
     const isTarget = oppositeHandle.type === "target";
     const _onReconnectEnd = (evt, connectionState) => {
       setReconnecting(false);
-      onReconnectEnd == null ? void 0 : onReconnectEnd(evt, edge, oppositeHandle.type, connectionState);
+      onReconnectEnd?.(evt, edge, oppositeHandle.type, connectionState);
     };
-    const onConnectEdge = (connection) => onReconnect == null ? void 0 : onReconnect(edge, connection);
+    const onConnectEdge = (connection) => onReconnect?.(edge, connection);
     const _onConnectStart = (_event, params) => {
       setReconnecting(true);
-      onReconnectStart == null ? void 0 : onReconnectStart(event, edge, oppositeHandle.type);
-      onConnectStart == null ? void 0 : onConnectStart(_event, params);
+      onReconnectStart?.(event, edge, oppositeHandle.type);
+      onConnectStart?.(_event, params);
     };
     XYHandle.onPointerDown(event.nativeEvent, {
       autoPanOnConnect,
@@ -8734,10 +8507,10 @@ function EdgeUpdateAnchors({ isReconnectable, reconnectRadius, edge, sourceX, so
       flowId,
       cancelConnection,
       panBy: panBy2,
-      isValidConnection,
+      isValidConnection: (...args) => store.getState().isValidConnection?.(...args) ?? true,
       onConnect: onConnectEdge,
       onConnectStart: _onConnectStart,
-      onConnectEnd,
+      onConnectEnd: (...args) => store.getState().onConnectEnd?.(...args),
       onReconnectEnd: _onReconnectEnd,
       updateConnection,
       getTransform: () => store.getState().transform,
@@ -8757,11 +8530,11 @@ function EdgeWrapper({ id: id2, edgesFocusable, edgesReconnectable, elementsSele
   const defaultEdgeOptions = useStore((s) => s.defaultEdgeOptions);
   edge = defaultEdgeOptions ? { ...defaultEdgeOptions, ...edge } : edge;
   let edgeType = edge.type || "default";
-  let EdgeComponent = (edgeTypes == null ? void 0 : edgeTypes[edgeType]) || builtinEdgeTypes[edgeType];
+  let EdgeComponent = edgeTypes?.[edgeType] || builtinEdgeTypes[edgeType];
   if (EdgeComponent === void 0) {
-    onError == null ? void 0 : onError("011", errorMessages$2["error011"](edgeType));
+    onError?.("011", errorMessages$2["error011"](edgeType));
     edgeType = "default";
-    EdgeComponent = (edgeTypes == null ? void 0 : edgeTypes["default"]) || builtinEdgeTypes.default;
+    EdgeComponent = edgeTypes?.["default"] || builtinEdgeTypes.default;
   }
   const isFocusable = !!(edge.focusable || edgesFocusable && typeof edge.focusable === "undefined");
   const isReconnectable = typeof onReconnect !== "undefined" && (edge.reconnectable || edgesReconnectable && typeof edge.reconnectable === "undefined");
@@ -8807,13 +8580,12 @@ function EdgeWrapper({ id: id2, edgesFocusable, edgesReconnectable, elementsSele
     return null;
   }
   const onEdgeClick = (event) => {
-    var _a;
     const { addSelectedEdges, unselectNodesAndEdges, multiSelectionActive } = store.getState();
     if (isSelectable) {
       store.setState({ nodesSelectionActive: false });
       if (edge.selected && multiSelectionActive) {
         unselectNodesAndEdges({ nodes: [], edges: [edge] });
-        (_a = edgeRef.current) == null ? void 0 : _a.blur();
+        edgeRef.current?.blur();
       } else {
         addSelectedEdges([id2]);
       }
@@ -8838,12 +8610,11 @@ function EdgeWrapper({ id: id2, edgesFocusable, edgesReconnectable, elementsSele
     onMouseLeave(event, { ...edge });
   } : void 0;
   const onKeyDown = (event) => {
-    var _a;
     if (!disableKeyboardA11y && elementSelectionKeys.includes(event.key) && isSelectable) {
       const { unselectNodesAndEdges, addSelectedEdges } = store.getState();
       const unselect = event.key === "Escape";
       if (unselect) {
-        (_a = edgeRef.current) == null ? void 0 : _a.blur();
+        edgeRef.current?.blur();
         unselectNodesAndEdges({ edges: [edge] });
       } else {
         addSelectedEdges([id2]);
@@ -8896,16 +8667,13 @@ function useOnInitHandler(onInit) {
     }
   }, [onInit, rfInstance.viewportInitialized]);
 }
-const selector$8 = (state) => {
-  var _a;
-  return (_a = state.panZoom) == null ? void 0 : _a.syncViewport;
-};
+const selector$8 = (state) => state.panZoom?.syncViewport;
 function useViewportSync(viewport) {
   const syncViewport = useStore(selector$8);
   const store = useStoreApi();
   React.useEffect(() => {
     if (viewport) {
-      syncViewport == null ? void 0 : syncViewport(viewport);
+      syncViewport?.(viewport);
       store.setState({ transform: [viewport.x, viewport.y, viewport.zoom] });
     }
   }, [viewport, syncViewport]);
@@ -8980,12 +8748,11 @@ function useNodeOrEdgeTypesWarning(nodeOrEdgeTypes = emptyTypes) {
   const typesRef = React.useRef(nodeOrEdgeTypes);
   const store = useStoreApi();
   React.useEffect(() => {
-    var _a, _b;
     if (process.env.NODE_ENV === "development") {
       const usedKeys = /* @__PURE__ */ new Set([...Object.keys(typesRef.current), ...Object.keys(nodeOrEdgeTypes)]);
       for (const key of usedKeys) {
         if (typesRef.current[key] !== nodeOrEdgeTypes[key]) {
-          (_b = (_a = store.getState()).onError) == null ? void 0 : _b.call(_a, "002", errorMessages$2["error002"]());
+          store.getState().onError?.("002", errorMessages$2["error002"]());
           break;
         }
       }
@@ -8997,12 +8764,11 @@ function useStylesLoadedWarning() {
   const store = useStoreApi();
   const checked = React.useRef(false);
   React.useEffect(() => {
-    var _a, _b;
     if (process.env.NODE_ENV === "development") {
       if (!checked.current) {
         const pane = document.querySelector(".react-flow__pane");
         if (pane && !(window.getComputedStyle(pane).zIndex === "1")) {
-          (_b = (_a = store.getState()).onError) == null ? void 0 : _b.call(_a, "013", errorMessages$2["error013"]("react"));
+          store.getState().onError?.("013", errorMessages$2["error013"]("react"));
         }
         checked.current = true;
       }
@@ -9039,7 +8805,7 @@ const getInitialState = ({ nodes, edges, defaultNodes, defaultEdges, width, heig
     const bounds = getInternalNodesBounds(nodeLookup, {
       filter: (node) => !!((node.width || node.initialWidth) && (node.height || node.initialHeight))
     });
-    const { x, y, zoom: zoom2 } = getViewportForBounds(bounds, width, height, minZoom, maxZoom, (fitViewOptions == null ? void 0 : fitViewOptions.padding) ?? 0.1);
+    const { x, y, zoom: zoom2 } = getViewportForBounds(bounds, width, height, minZoom, maxZoom, fitViewOptions?.padding ?? 0.1);
     transform2 = [x, y, zoom2];
   }
   return {
@@ -9122,7 +8888,7 @@ const createStore = ({ nodes, edges, defaultNodes, defaultEdges, width, height,
       minZoom: minZoom2,
       maxZoom: maxZoom2
     }, fitViewOptions2);
-    fitViewResolver == null ? void 0 : fitViewResolver.resolve(true);
+    fitViewResolver?.resolve(true);
     set2({ fitViewResolver: null });
   }
   return {
@@ -9192,11 +8958,11 @@ const createStore = ({ nodes, edges, defaultNodes, defaultEdges, width, height,
       } else {
         set2({});
       }
-      if ((changes == null ? void 0 : changes.length) > 0) {
+      if (changes?.length > 0) {
         if (debug2) {
           console.log("React Flow: trigger node changes", changes);
         }
-        triggerNodeChanges == null ? void 0 : triggerNodeChanges(changes);
+        triggerNodeChanges?.(changes);
       }
     },
     updateNodePositions: (nodeDragItems, dragging = false) => {
@@ -9205,7 +8971,7 @@ const createStore = ({ nodes, edges, defaultNodes, defaultEdges, width, height,
       const { nodeLookup, triggerNodeChanges, connection, updateConnection, onNodesChangeMiddlewareMap } = get2();
       for (const [id2, dragItem] of nodeDragItems) {
         const node = nodeLookup.get(id2);
-        const expandParent = !!((node == null ? void 0 : node.expandParent) && (node == null ? void 0 : node.parentId) && (dragItem == null ? void 0 : dragItem.position));
+        const expandParent = !!(node?.expandParent && node?.parentId && dragItem?.position);
         const change = {
           id: id2,
           type: "position",
@@ -9244,7 +9010,7 @@ const createStore = ({ nodes, edges, defaultNodes, defaultEdges, width, height,
     },
     triggerNodeChanges: (changes) => {
       const { onNodesChange, setNodes, nodes: nodes2, hasDefaultNodes, debug: debug2 } = get2();
-      if (changes == null ? void 0 : changes.length) {
+      if (changes?.length) {
         if (hasDefaultNodes) {
           const updatedNodes = applyNodeChanges(changes, nodes2);
           setNodes(updatedNodes);
@@ -9252,12 +9018,12 @@ const createStore = ({ nodes, edges, defaultNodes, defaultEdges, width, height,
         if (debug2) {
           console.log("React Flow: trigger node changes", changes);
         }
-        onNodesChange == null ? void 0 : onNodesChange(changes);
+        onNodesChange?.(changes);
       }
     },
     triggerEdgeChanges: (changes) => {
       const { onEdgesChange, setEdges, edges: edges2, hasDefaultEdges, debug: debug2 } = get2();
-      if (changes == null ? void 0 : changes.length) {
+      if (changes?.length) {
         if (hasDefaultEdges) {
           const updatedEdges = applyEdgeChanges(changes, edges2);
           setEdges(updatedEdges);
@@ -9265,7 +9031,7 @@ const createStore = ({ nodes, edges, defaultNodes, defaultEdges, width, height,
         if (debug2) {
           console.log("React Flow: trigger edge changes", changes);
         }
-        onEdgesChange == null ? void 0 : onEdgesChange(changes);
+        onEdgesChange?.(changes);
       }
     },
     addSelectedNodes: (selectedNodeIds) => {
@@ -9292,30 +9058,39 @@ const createStore = ({ nodes, edges, defaultNodes, defaultEdges, width, height,
       const { edges: storeEdges, nodes: storeNodes, nodeLookup, triggerNodeChanges, triggerEdgeChanges } = get2();
       const nodesToUnselect = nodes2 ? nodes2 : storeNodes;
       const edgesToUnselect = edges2 ? edges2 : storeEdges;
-      const nodeChanges = nodesToUnselect.map((n) => {
-        const internalNode = nodeLookup.get(n.id);
+      const nodeChanges = [];
+      for (const node of nodesToUnselect) {
+        if (!node.selected) {
+          continue;
+        }
+        const internalNode = nodeLookup.get(node.id);
         if (internalNode) {
           internalNode.selected = false;
         }
-        return createSelectionChange(n.id, false);
-      });
-      const edgeChanges = edgesToUnselect.map((edge) => createSelectionChange(edge.id, false));
+        nodeChanges.push(createSelectionChange(node.id, false));
+      }
+      const edgeChanges = [];
+      for (const edge of edgesToUnselect) {
+        if (!edge.selected) {
+          continue;
+        }
+        edgeChanges.push(createSelectionChange(edge.id, false));
+      }
       triggerNodeChanges(nodeChanges);
       triggerEdgeChanges(edgeChanges);
     },
     setMinZoom: (minZoom2) => {
       const { panZoom, maxZoom: maxZoom2 } = get2();
-      panZoom == null ? void 0 : panZoom.setScaleExtent([minZoom2, maxZoom2]);
+      panZoom?.setScaleExtent([minZoom2, maxZoom2]);
       set2({ minZoom: minZoom2 });
     },
     setMaxZoom: (maxZoom2) => {
       const { panZoom, minZoom: minZoom2 } = get2();
-      panZoom == null ? void 0 : panZoom.setScaleExtent([minZoom2, maxZoom2]);
+      panZoom?.setScaleExtent([minZoom2, maxZoom2]);
       set2({ maxZoom: maxZoom2 });
     },
     setTranslateExtent: (translateExtent) => {
-      var _a;
-      (_a = get2().panZoom) == null ? void 0 : _a.setTranslateExtent(translateExtent);
+      get2().panZoom?.setTranslateExtent(translateExtent);
       set2({ translateExtent });
     },
     resetSelectedElements: () => {
@@ -9351,12 +9126,12 @@ const createStore = ({ nodes, edges, defaultNodes, defaultEdges, width, height,
       if (!panZoom) {
         return Promise.resolve(false);
       }
-      const nextZoom = typeof (options == null ? void 0 : options.zoom) !== "undefined" ? options.zoom : maxZoom2;
+      const nextZoom = typeof options?.zoom !== "undefined" ? options.zoom : maxZoom2;
       await panZoom.setViewport({
         x: width2 / 2 - x * nextZoom,
         y: height2 / 2 - y * nextZoom,
         zoom: nextZoom
-      }, { duration: options == null ? void 0 : options.duration, ease: options == null ? void 0 : options.ease, interpolate: options == null ? void 0 : options.interpolate });
+      }, { duration: options?.duration, ease: options?.ease, interpolate: options?.interpolate });
       return Promise.resolve(true);
     },
     cancelConnection: () => {
@@ -9407,7 +9182,7 @@ function ReactFlow({ nodes, edges, defaultNodes, defaultEdges, className, nodeTy
   const colorModeClassName = useColorModeClass(colorMode);
   const wrapperOnScroll = React.useCallback((e) => {
     e.currentTarget.scrollTo({ top: 0, left: 0, behavior: "instant" });
-    onScroll == null ? void 0 : onScroll(e);
+    onScroll?.(e);
   }, [onScroll]);
   return jsxRuntime.jsx("div", { "data-testid": "rf__wrapper", ...rest, onScroll: wrapperOnScroll, style: { ...style2, ...wrapperStyle }, ref, className: cc(["react-flow", className, colorModeClassName]), id: id2, role: "application", children: jsxRuntime.jsxs(Wrapper, { nodes, edges, width, height, fitView, fitViewOptions, minZoom, maxZoom, nodeOrigin, nodeExtent, zIndexMode, children: [jsxRuntime.jsx(GraphView, { onInit, onNodeClick, onEdgeClick, onNodeMouseEnter, onNodeMouseMove, onNodeMouseLeave, onNodeContextMenu, onNodeDoubleClick, nodeTypes: nodeTypes2, edgeTypes, connectionLineType, connectionLineStyle, connectionLineComponent, connectionLineContainerStyle, selectionKeyCode, selectionOnDrag, selectionMode, deleteKeyCode, multiSelectionKeyCode, panActivationKeyCode, zoomActivationKeyCode, onlyRenderVisibleElements, defaultViewport: defaultViewport$1, translateExtent, minZoom, maxZoom, preventScrolling, zoomOnScroll, zoomOnPinch, zoomOnDoubleClick, panOnScroll, panOnScrollSpeed, panOnScrollMode, panOnDrag, onPaneClick, onPaneMouseEnter, onPaneMouseMove, onPaneMouseLeave, onPaneScroll, onPaneContextMenu, paneClickDistance, nodeClickDistance, onSelectionContextMenu, onSelectionStart, onSelectionEnd, onReconnect, onReconnectStart, onReconnectEnd, onEdgeContextMenu, onEdgeDoubleClick, onEdgeMouseEnter, onEdgeMouseMove, onEdgeMouseLeave, reconnectRadius, defaultMarkerColor, noDragClassName, noWheelClassName, noPanClassName, rfId, disableKeyboardA11y, nodeExtent, viewport, onViewportChange }), jsxRuntime.jsx(StoreUpdater, { nodes, edges, defaultNodes, defaultEdges, onConnect, onConnectStart, onConnectEnd, onClickConnectStart, onClickConnectEnd, nodesDraggable, autoPanOnNodeFocus, nodesConnectable, nodesFocusable, edgesFocusable, edgesReconnectable, elementsSelectable, elevateNodesOnSelect, elevateEdgesOnSelect, minZoom, maxZoom, nodeExtent, onNodesChange, onEdgesChange, snapToGrid, snapGrid, connectionMode, translateExtent, connectOnClick, defaultEdgeOptions, fitView, fitViewOptions, onNodesDelete, onEdgesDelete, onDelete, onNodeDragStart, onNodeDrag, onNodeDragStop, onSelectionDrag, onSelectionDragStart, onSelectionDragStop, onMove, onMoveStart, onMoveEnd, noPanClassName, nodeOrigin, rfId, autoPanOnConnect, autoPanOnNodeDrag, autoPanSpeed, onError, connectionRadius, isValidConnection, selectNodesOnDrag, nodeDragThreshold, connectionDragThreshold, onBeforeDelete, debug: debug2, ariaLabelConfig, zIndexMode }), jsxRuntime.jsx(SelectionListener, { onSelectionChange }), children2, jsxRuntime.jsx(Attribution, { proOptions, position: attributionPosition }), jsxRuntime.jsx(A11yDescriptions, { rfId, disableKeyboardA11y })] }) });
 }
@@ -9520,15 +9295,15 @@ function ControlsComponent({ style: style2, showZoom = true, showFitView = true,
   const { zoomIn, zoomOut, fitView } = useReactFlow();
   const onZoomInHandler = () => {
     zoomIn();
-    onZoomIn == null ? void 0 : onZoomIn();
+    onZoomIn?.();
   };
   const onZoomOutHandler = () => {
     zoomOut();
-    onZoomOut == null ? void 0 : onZoomOut();
+    onZoomOut?.();
   };
   const onFitViewHandler = () => {
     fitView(fitViewOptions);
-    onFitView == null ? void 0 : onFitView();
+    onFitView?.();
   };
   const onToggleInteractivity = () => {
     store.setState({
@@ -9536,7 +9311,7 @@ function ControlsComponent({ style: style2, showZoom = true, showFitView = true,
       nodesConnectable: !isInteractive,
       elementsSelectable: !isInteractive
     });
-    onInteractiveChange == null ? void 0 : onInteractiveChange(!isInteractive);
+    onInteractiveChange?.(!isInteractive);
   };
   const orientationClass = orientation === "horizontal" ? "horizontal" : "vertical";
   return jsxRuntime.jsxs(Panel, { className: cc(["react-flow__controls", orientationClass, className]), position, style: style2, "data-testid": "rf__controls", "aria-label": ariaLabel ?? ariaLabelConfig["controls.ariaLabel"], children: [showZoom && jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(ControlButton, { onClick: onZoomInHandler, className: "react-flow__controls-zoomin", title: ariaLabelConfig["controls.zoomIn.ariaLabel"], "aria-label": ariaLabelConfig["controls.zoomIn.ariaLabel"], disabled: maxZoomReached, children: jsxRuntime.jsx(PlusIcon, {}) }), jsxRuntime.jsx(ControlButton, { onClick: onZoomOutHandler, className: "react-flow__controls-zoomout", title: ariaLabelConfig["controls.zoomOut.ariaLabel"], "aria-label": ariaLabelConfig["controls.zoomOut.ariaLabel"], disabled: minZoomReached, children: jsxRuntime.jsx(MinusIcon, {}) })] }), showFitView && jsxRuntime.jsx(ControlButton, { className: "react-flow__controls-fitview", onClick: onFitViewHandler, title: ariaLabelConfig["controls.fitView.ariaLabel"], "aria-label": ariaLabelConfig["controls.fitView.ariaLabel"], children: jsxRuntime.jsx(FitViewIcon, {}) }), showInteractive && jsxRuntime.jsx(ControlButton, { className: "react-flow__controls-interactive", onClick: onToggleInteractivity, title: ariaLabelConfig["controls.interactive.ariaLabel"], "aria-label": ariaLabelConfig["controls.interactive.ariaLabel"], children: isInteractive ? jsxRuntime.jsx(UnlockIcon, {}) : jsxRuntime.jsx(LockIcon, {}) }), children2] });
@@ -9586,12 +9361,15 @@ function MiniMapNodes({
 }
 function NodeComponentWrapperInner({ id: id2, nodeColorFunc, nodeStrokeColorFunc, nodeClassNameFunc, nodeBorderRadius, nodeStrokeWidth, shapeRendering, NodeComponent, onClick }) {
   const { node, x, y, width, height } = useStore((s) => {
-    const { internals } = s.nodeLookup.get(id2);
-    const node2 = internals.userNode;
-    const { x: x2, y: y2 } = internals.positionAbsolute;
-    const { width: width2, height: height2 } = getNodeDimensions(node2);
+    const node2 = s.nodeLookup.get(id2);
+    if (!node2) {
+      return { node: void 0, x: 0, y: 0, width: 0, height: 0 };
+    }
+    const userNode = node2.internals.userNode;
+    const { x: x2, y: y2 } = node2.internals.positionAbsolute;
+    const { width: width2, height: height2 } = getNodeDimensions(userNode);
     return {
-      node: node2,
+      node: userNode,
       x: x2,
       y: y2,
       width: width2,
@@ -9657,8 +9435,8 @@ function MiniMapComponent({
   const store = useStoreApi();
   const svg = React.useRef(null);
   const { boundingRect, viewBB, rfId, panZoom, translateExtent, flowWidth, flowHeight, ariaLabelConfig } = useStore(selector$1, shallow$1);
-  const elementWidth = (style2 == null ? void 0 : style2.width) ?? defaultWidth;
-  const elementHeight = (style2 == null ? void 0 : style2.height) ?? defaultHeight;
+  const elementWidth = style2?.width ?? defaultWidth;
+  const elementHeight = style2?.height ?? defaultHeight;
   const scaledWidth = boundingRect.width / elementWidth;
   const scaledHeight = boundingRect.height / elementHeight;
   const viewScale = Math.max(scaledWidth, scaledHeight);
@@ -9682,14 +9460,12 @@ function MiniMapComponent({
         getViewScale: () => viewScaleRef.current
       });
       return () => {
-        var _a;
-        (_a = minimapInstance.current) == null ? void 0 : _a.destroy();
+        minimapInstance.current?.destroy();
       };
     }
   }, [panZoom]);
   React.useEffect(() => {
-    var _a;
-    (_a = minimapInstance.current) == null ? void 0 : _a.update({
+    minimapInstance.current?.update({
       translateExtent,
       width: flowWidth,
       height: flowHeight,
@@ -9700,8 +9476,7 @@ function MiniMapComponent({
     });
   }, [pannable, zoomable, inversePan, zoomStep, translateExtent, flowWidth, flowHeight]);
   const onSvgClick = onClick ? (event) => {
-    var _a;
-    const [x2, y2] = ((_a = minimapInstance.current) == null ? void 0 : _a.pointer(event)) || [0, 0];
+    const [x2, y2] = minimapInstance.current?.pointer(event) || [0, 0];
     onClick(event, { x: x2, y: y2 });
   } : void 0;
   const onSvgNodeClick = onNodeClick ? React.useCallback((event, nodeId) => {
@@ -9843,8 +9618,7 @@ function ResizeControl({ nodeId, position, variant = ResizeControlVariant.Handle
       shouldResize
     });
     return () => {
-      var _a;
-      (_a = resizer.current) == null ? void 0 : _a.destroy();
+      resizer.current?.destroy();
     };
   }, [
     controlPosition,
@@ -9866,21 +9640,21 @@ function ResizeControl({ nodeId, position, variant = ResizeControlVariant.Handle
   }, children: children2 });
 }
 React.memo(ResizeControl);
-var __defProp2 = Object.defineProperty;
-var __defNormalProp2 = (obj, key, value) => key in obj ? __defProp2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField2 = (obj, key, value) => __defNormalProp2(obj, typeof key !== "symbol" ? key + "" : key, value);
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 let CATEGORY_COLORS, DataLogicEditor, operators, applyTreeLayout, jsonLogicToNodes;
 (async () => {
   const toKebabCase2 = (string) => string.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
-  const toCamelCase = (string) => string.replace(/^([A-Z])|[\s-_]+(\w)/g, (match, p1, p2) => p2 ? p2.toUpperCase() : p1.toLowerCase());
-  const toPascalCase = (string) => {
-    const camelCase = toCamelCase(string);
+  const toCamelCase2 = (string) => string.replace(/^([A-Z])|[\s-_]+(\w)/g, (match, p1, p2) => p2 ? p2.toUpperCase() : p1.toLowerCase());
+  const toPascalCase2 = (string) => {
+    const camelCase = toCamelCase2(string);
     return camelCase.charAt(0).toUpperCase() + camelCase.slice(1);
   };
   const mergeClasses2 = (...classes) => classes.filter((className, index2, array2) => {
     return Boolean(className) && className.trim() !== "" && array2.indexOf(className) === index2;
   }).join(" ").trim();
-  const hasA11yProp = (props) => {
+  const hasA11yProp2 = (props) => {
     for (const prop in props) {
       if (prop.startsWith("aria-") || prop === "role" || prop === "title") {
         return true;
@@ -9906,7 +9680,7 @@ let CATEGORY_COLORS, DataLogicEditor, operators, applyTreeLayout, jsonLogicToNod
     stroke: color2,
     strokeWidth: absoluteStrokeWidth ? Number(strokeWidth) * 24 / Number(size) : strokeWidth,
     className: mergeClasses2("lucide", className),
-    ...!children2 && !hasA11yProp(rest) && {
+    ...!children2 && !hasA11yProp2(rest) && {
       "aria-hidden": "true"
     },
     ...rest
@@ -9920,13 +9694,13 @@ let CATEGORY_COLORS, DataLogicEditor, operators, applyTreeLayout, jsonLogicToNod
     const Component = React.forwardRef(({ className, ...props }, ref) => React.createElement(Icon$1, {
       ref,
       iconNode,
-      className: mergeClasses2(`lucide-${toKebabCase2(toPascalCase(iconName))}`, `lucide-${iconName}`, className),
+      className: mergeClasses2(`lucide-${toKebabCase2(toPascalCase2(iconName))}`, `lucide-${iconName}`, className),
       ...props
     }));
-    Component.displayName = toPascalCase(iconName);
+    Component.displayName = toPascalCase2(iconName);
     return Component;
   };
-  const __iconNode$Q = [
+  const __iconNode$R = [
     [
       "path",
       {
@@ -9942,8 +9716,8 @@ let CATEGORY_COLORS, DataLogicEditor, operators, applyTreeLayout, jsonLogicToNod
       }
     ]
   ];
-  const ArrowUp = createLucideIcon2("arrow-up", __iconNode$Q);
-  const __iconNode$P = [
+  const ArrowUp = createLucideIcon2("arrow-up", __iconNode$R);
+  const __iconNode$Q = [
     [
       "path",
       {
@@ -9961,8 +9735,8 @@ let CATEGORY_COLORS, DataLogicEditor, operators, applyTreeLayout, jsonLogicToNod
       }
     ]
   ];
-  const Ban = createLucideIcon2("ban", __iconNode$P);
-  const __iconNode$O = [
+  const Ban = createLucideIcon2("ban", __iconNode$Q);
+  const __iconNode$P = [
     [
       "rect",
       {
@@ -10014,8 +9788,8 @@ let CATEGORY_COLORS, DataLogicEditor, operators, applyTreeLayout, jsonLogicToNod
       }
     ]
   ];
-  const Binary = createLucideIcon2("binary", __iconNode$O);
-  const __iconNode$N = [
+  const Binary = createLucideIcon2("binary", __iconNode$P);
+  const __iconNode$O = [
     [
       "path",
       {
@@ -10038,8 +9812,8 @@ let CATEGORY_COLORS, DataLogicEditor, operators, applyTreeLayout, jsonLogicToNod
       }
     ]
   ];
-  const Box2 = createLucideIcon2("box", __iconNode$N);
-  const __iconNode$M = [
+  const Box2 = createLucideIcon2("box", __iconNode$O);
+  const __iconNode$N = [
     [
       "path",
       {
@@ -10125,8 +9899,8 @@ let CATEGORY_COLORS, DataLogicEditor, operators, applyTreeLayout, jsonLogicToNod
       }
     ]
   ];
-  const Boxes = createLucideIcon2("boxes", __iconNode$M);
-  const __iconNode$L = [
+  const Boxes = createLucideIcon2("boxes", __iconNode$N);
+  const __iconNode$M = [
     [
       "path",
       {
@@ -10142,8 +9916,8 @@ let CATEGORY_COLORS, DataLogicEditor, operators, applyTreeLayout, jsonLogicToNod
       }
     ]
   ];
-  const Braces = createLucideIcon2("braces", __iconNode$L);
-  const __iconNode$K = [
+  const Braces = createLucideIcon2("braces", __iconNode$M);
+  const __iconNode$L = [
     [
       "path",
       {
@@ -10222,8 +9996,8 @@ let CATEGORY_COLORS, DataLogicEditor, operators, applyTreeLayout, jsonLogicToNod
       }
     ]
   ];
-  const Bug = createLucideIcon2("bug", __iconNode$K);
-  const __iconNode$J = [
+  const Bug = createLucideIcon2("bug", __iconNode$L);
+  const __iconNode$K = [
     [
       "rect",
       {
@@ -10305,8 +10079,8 @@ let CATEGORY_COLORS, DataLogicEditor, operators, applyTreeLayout, jsonLogicToNod
       }
     ]
   ];
-  const Calculator = createLucideIcon2("calculator", __iconNode$J);
-  const __iconNode$I = [
+  const Calculator = createLucideIcon2("calculator", __iconNode$K);
+  const __iconNode$J = [
     [
       "path",
       {
@@ -10340,8 +10114,8 @@ let CATEGORY_COLORS, DataLogicEditor, operators, applyTreeLayout, jsonLogicToNod
       }
     ]
   ];
-  const Calendar = createLucideIcon2("calendar", __iconNode$I);
-  const __iconNode$H = [
+  const Calendar = createLucideIcon2("calendar", __iconNode$J);
+  const __iconNode$I = [
     [
       "path",
       {
@@ -10350,8 +10124,8 @@ let CATEGORY_COLORS, DataLogicEditor, operators, applyTreeLayout, jsonLogicToNod
       }
     ]
   ];
-  const Check2 = createLucideIcon2("check", __iconNode$H);
-  const __iconNode$G = [
+  const Check2 = createLucideIcon2("check", __iconNode$I);
+  const __iconNode$H = [
     [
       "path",
       {
@@ -10360,8 +10134,8 @@ let CATEGORY_COLORS, DataLogicEditor, operators, applyTreeLayout, jsonLogicToNod
       }
     ]
   ];
-  const ChevronDown2 = createLucideIcon2("chevron-down", __iconNode$G);
-  const __iconNode$F = [
+  const ChevronDown2 = createLucideIcon2("chevron-down", __iconNode$H);
+  const __iconNode$G = [
     [
       "path",
       {
@@ -10370,8 +10144,8 @@ let CATEGORY_COLORS, DataLogicEditor, operators, applyTreeLayout, jsonLogicToNod
       }
     ]
   ];
-  const ChevronLeft2 = createLucideIcon2("chevron-left", __iconNode$F);
-  const __iconNode$E = [
+  const ChevronLeft2 = createLucideIcon2("chevron-left", __iconNode$G);
+  const __iconNode$F = [
     [
       "path",
       {
@@ -10380,8 +10154,8 @@ let CATEGORY_COLORS, DataLogicEditor, operators, applyTreeLayout, jsonLogicToNod
       }
     ]
   ];
-  const ChevronRight2 = createLucideIcon2("chevron-right", __iconNode$E);
-  const __iconNode$D = [
+  const ChevronRight2 = createLucideIcon2("chevron-right", __iconNode$F);
+  const __iconNode$E = [
     [
       "circle",
       {
@@ -10412,8 +10186,8 @@ let CATEGORY_COLORS, DataLogicEditor, operators, applyTreeLayout, jsonLogicToNod
       }
     ]
   ];
-  const CircleAlert2 = createLucideIcon2("circle-alert", __iconNode$D);
-  const __iconNode$C = [
+  const CircleAlert2 = createLucideIcon2("circle-alert", __iconNode$E);
+  const __iconNode$D = [
     [
       "circle",
       {
@@ -10438,8 +10212,8 @@ let CATEGORY_COLORS, DataLogicEditor, operators, applyTreeLayout, jsonLogicToNod
       }
     ]
   ];
-  const CircleQuestionMark = createLucideIcon2("circle-question-mark", __iconNode$C);
-  const __iconNode$B = [
+  const CircleQuestionMark = createLucideIcon2("circle-question-mark", __iconNode$D);
+  const __iconNode$C = [
     [
       "circle",
       {
@@ -10464,8 +10238,8 @@ let CATEGORY_COLORS, DataLogicEditor, operators, applyTreeLayout, jsonLogicToNod
       }
     ]
   ];
-  const CircleX2 = createLucideIcon2("circle-x", __iconNode$B);
-  const __iconNode$A = [
+  const CircleX2 = createLucideIcon2("circle-x", __iconNode$C);
+  const __iconNode$B = [
     [
       "rect",
       {
@@ -10486,8 +10260,8 @@ let CATEGORY_COLORS, DataLogicEditor, operators, applyTreeLayout, jsonLogicToNod
       }
     ]
   ];
-  const Clipboard = createLucideIcon2("clipboard", __iconNode$A);
-  const __iconNode$z = [
+  const Clipboard = createLucideIcon2("clipboard", __iconNode$B);
+  const __iconNode$A = [
     [
       "path",
       {
@@ -10505,8 +10279,8 @@ let CATEGORY_COLORS, DataLogicEditor, operators, applyTreeLayout, jsonLogicToNod
       }
     ]
   ];
-  const Clock2 = createLucideIcon2("clock", __iconNode$z);
-  const __iconNode$y = [
+  const Clock2 = createLucideIcon2("clock", __iconNode$A);
+  const __iconNode$z = [
     [
       "path",
       {
@@ -10610,8 +10384,8 @@ let CATEGORY_COLORS, DataLogicEditor, operators, applyTreeLayout, jsonLogicToNod
       }
     ]
   ];
-  const Cog = createLucideIcon2("cog", __iconNode$y);
-  const __iconNode$x = [
+  const Cog = createLucideIcon2("cog", __iconNode$z);
+  const __iconNode$y = [
     [
       "rect",
       {
@@ -10632,8 +10406,8 @@ let CATEGORY_COLORS, DataLogicEditor, operators, applyTreeLayout, jsonLogicToNod
       }
     ]
   ];
-  const Copy = createLucideIcon2("copy", __iconNode$x);
-  const __iconNode$w = [
+  const Copy = createLucideIcon2("copy", __iconNode$y);
+  const __iconNode$x = [
     [
       "ellipse",
       {
@@ -10659,8 +10433,8 @@ let CATEGORY_COLORS, DataLogicEditor, operators, applyTreeLayout, jsonLogicToNod
       }
     ]
   ];
-  const Database = createLucideIcon2("database", __iconNode$w);
-  const __iconNode$v = [
+  const Database = createLucideIcon2("database", __iconNode$x);
+  const __iconNode$w = [
     [
       "path",
       {
@@ -10669,8 +10443,8 @@ let CATEGORY_COLORS, DataLogicEditor, operators, applyTreeLayout, jsonLogicToNod
       }
     ]
   ];
-  const Diamond = createLucideIcon2("diamond", __iconNode$v);
-  const __iconNode$u = [
+  const Diamond = createLucideIcon2("diamond", __iconNode$w);
+  const __iconNode$v = [
     [
       "circle",
       {
@@ -10700,8 +10474,8 @@ let CATEGORY_COLORS, DataLogicEditor, operators, applyTreeLayout, jsonLogicToNod
       }
     ]
   ];
-  const Divide = createLucideIcon2("divide", __iconNode$u);
-  const __iconNode$t = [
+  const Divide = createLucideIcon2("divide", __iconNode$v);
+  const __iconNode$u = [
     [
       "path",
       {
@@ -10724,8 +10498,8 @@ let CATEGORY_COLORS, DataLogicEditor, operators, applyTreeLayout, jsonLogicToNod
       }
     ]
   ];
-  const ExternalLink2 = createLucideIcon2("external-link", __iconNode$t);
-  const __iconNode$s = [
+  const ExternalLink2 = createLucideIcon2("external-link", __iconNode$u);
+  const __iconNode$t2 = [
     [
       "line",
       {
@@ -10762,8 +10536,8 @@ let CATEGORY_COLORS, DataLogicEditor, operators, applyTreeLayout, jsonLogicToNod
       }
     ]
   ];
-  const GitBranch2 = createLucideIcon2("git-branch", __iconNode$s);
-  const __iconNode$r = [
+  const GitBranch2 = createLucideIcon2("git-branch", __iconNode$t2);
+  const __iconNode$s2 = [
     [
       "circle",
       {
@@ -10794,8 +10568,8 @@ let CATEGORY_COLORS, DataLogicEditor, operators, applyTreeLayout, jsonLogicToNod
       }
     ]
   ];
-  const GitCommitHorizontal = createLucideIcon2("git-commit-horizontal", __iconNode$r);
-  const __iconNode$q = [
+  const GitCommitHorizontal = createLucideIcon2("git-commit-horizontal", __iconNode$s2);
+  const __iconNode$r2 = [
     [
       "circle",
       {
@@ -10822,8 +10596,8 @@ let CATEGORY_COLORS, DataLogicEditor, operators, applyTreeLayout, jsonLogicToNod
       }
     ]
   ];
-  const GitMerge = createLucideIcon2("git-merge", __iconNode$q);
-  const __iconNode$p = [
+  const GitMerge = createLucideIcon2("git-merge", __iconNode$r2);
+  const __iconNode$q2 = [
     [
       "line",
       {
@@ -10865,8 +10639,8 @@ let CATEGORY_COLORS, DataLogicEditor, operators, applyTreeLayout, jsonLogicToNod
       }
     ]
   ];
-  const Hash = createLucideIcon2("hash", __iconNode$p);
-  const __iconNode$o = [
+  const Hash = createLucideIcon2("hash", __iconNode$q2);
+  const __iconNode$p2 = [
     [
       "path",
       {
@@ -10889,8 +10663,8 @@ let CATEGORY_COLORS, DataLogicEditor, operators, applyTreeLayout, jsonLogicToNod
       }
     ]
   ];
-  const Layers2 = createLucideIcon2("layers", __iconNode$o);
-  const __iconNode$n = [
+  const Layers2 = createLucideIcon2("layers", __iconNode$p2);
+  const __iconNode$o2 = [
     [
       "path",
       {
@@ -10926,8 +10700,8 @@ let CATEGORY_COLORS, DataLogicEditor, operators, applyTreeLayout, jsonLogicToNod
       }
     ]
   ];
-  const Link2Off = createLucideIcon2("link-2-off", __iconNode$n);
-  const __iconNode$m = [
+  const Link2Off = createLucideIcon2("link-2-off", __iconNode$o2);
+  const __iconNode$n2 = [
     [
       "path",
       {
@@ -10971,8 +10745,8 @@ let CATEGORY_COLORS, DataLogicEditor, operators, applyTreeLayout, jsonLogicToNod
       }
     ]
   ];
-  const List = createLucideIcon2("list", __iconNode$m);
-  const __iconNode$l = [
+  const List = createLucideIcon2("list", __iconNode$n2);
+  const __iconNode$m2 = [
     [
       "path",
       {
@@ -11002,8 +10776,8 @@ let CATEGORY_COLORS, DataLogicEditor, operators, applyTreeLayout, jsonLogicToNod
       }
     ]
   ];
-  const Maximize = createLucideIcon2("maximize", __iconNode$l);
-  const __iconNode$k = [
+  const Maximize = createLucideIcon2("maximize", __iconNode$m2);
+  const __iconNode$l2 = [
     [
       "path",
       {
@@ -11012,8 +10786,8 @@ let CATEGORY_COLORS, DataLogicEditor, operators, applyTreeLayout, jsonLogicToNod
       }
     ]
   ];
-  const MousePointer2 = createLucideIcon2("mouse-pointer-2", __iconNode$k);
-  const __iconNode$j = [
+  const MousePointer2 = createLucideIcon2("mouse-pointer-2", __iconNode$l2);
+  const __iconNode$k2 = [
     [
       "rect",
       {
@@ -11037,8 +10811,8 @@ let CATEGORY_COLORS, DataLogicEditor, operators, applyTreeLayout, jsonLogicToNod
       }
     ]
   ];
-  const Pause2 = createLucideIcon2("pause", __iconNode$j);
-  const __iconNode$i = [
+  const Pause2 = createLucideIcon2("pause", __iconNode$k2);
+  const __iconNode$j2 = [
     [
       "path",
       {
@@ -11054,8 +10828,8 @@ let CATEGORY_COLORS, DataLogicEditor, operators, applyTreeLayout, jsonLogicToNod
       }
     ]
   ];
-  const PenLine = createLucideIcon2("pen-line", __iconNode$i);
-  const __iconNode$h = [
+  const PenLine = createLucideIcon2("pen-line", __iconNode$j2);
+  const __iconNode$i2 = [
     [
       "path",
       {
@@ -11064,8 +10838,8 @@ let CATEGORY_COLORS, DataLogicEditor, operators, applyTreeLayout, jsonLogicToNod
       }
     ]
   ];
-  const Play2 = createLucideIcon2("play", __iconNode$h);
-  const __iconNode$g = [
+  const Play2 = createLucideIcon2("play", __iconNode$i2);
+  const __iconNode$h2 = [
     [
       "path",
       {
@@ -11081,8 +10855,8 @@ let CATEGORY_COLORS, DataLogicEditor, operators, applyTreeLayout, jsonLogicToNod
       }
     ]
   ];
-  const Plus = createLucideIcon2("plus", __iconNode$g);
-  const __iconNode$f = [
+  const Plus = createLucideIcon2("plus", __iconNode$h2);
+  const __iconNode$g2 = [
     [
       "path",
       {
@@ -11098,8 +10872,8 @@ let CATEGORY_COLORS, DataLogicEditor, operators, applyTreeLayout, jsonLogicToNod
       }
     ]
   ];
-  const Quote = createLucideIcon2("quote", __iconNode$f);
-  const __iconNode$e = [
+  const Quote = createLucideIcon2("quote", __iconNode$g2);
+  const __iconNode$f2 = [
     [
       "path",
       {
@@ -11115,8 +10889,8 @@ let CATEGORY_COLORS, DataLogicEditor, operators, applyTreeLayout, jsonLogicToNod
       }
     ]
   ];
-  const Redo2 = createLucideIcon2("redo-2", __iconNode$e);
-  const __iconNode$d = [
+  const Redo2 = createLucideIcon2("redo-2", __iconNode$f2);
+  const __iconNode$e2 = [
     [
       "path",
       {
@@ -11146,8 +10920,8 @@ let CATEGORY_COLORS, DataLogicEditor, operators, applyTreeLayout, jsonLogicToNod
       }
     ]
   ];
-  const Repeat = createLucideIcon2("repeat", __iconNode$d);
-  const __iconNode$c = [
+  const Repeat = createLucideIcon2("repeat", __iconNode$e2);
+  const __iconNode$d2 = [
     [
       "path",
       {
@@ -11184,8 +10958,8 @@ let CATEGORY_COLORS, DataLogicEditor, operators, applyTreeLayout, jsonLogicToNod
       }
     ]
   ];
-  const Scale = createLucideIcon2("scale", __iconNode$c);
-  const __iconNode$b = [
+  const Scale = createLucideIcon2("scale", __iconNode$d2);
+  const __iconNode$c2 = [
     [
       "path",
       {
@@ -11203,8 +10977,8 @@ let CATEGORY_COLORS, DataLogicEditor, operators, applyTreeLayout, jsonLogicToNod
       }
     ]
   ];
-  const Search2 = createLucideIcon2("search", __iconNode$b);
-  const __iconNode$a = [
+  const Search2 = createLucideIcon2("search", __iconNode$c2);
+  const __iconNode$b2 = [
     [
       "path",
       {
@@ -11220,8 +10994,8 @@ let CATEGORY_COLORS, DataLogicEditor, operators, applyTreeLayout, jsonLogicToNod
       }
     ]
   ];
-  const SkipBack2 = createLucideIcon2("skip-back", __iconNode$a);
-  const __iconNode$9 = [
+  const SkipBack2 = createLucideIcon2("skip-back", __iconNode$b2);
+  const __iconNode$a2 = [
     [
       "path",
       {
@@ -11237,8 +11011,28 @@ let CATEGORY_COLORS, DataLogicEditor, operators, applyTreeLayout, jsonLogicToNod
       }
     ]
   ];
-  const SkipForward2 = createLucideIcon2("skip-forward", __iconNode$9);
-  const __iconNode$8 = [
+  const SkipForward2 = createLucideIcon2("skip-forward", __iconNode$a2);
+  const __iconNode$92 = [
+    [
+      "path",
+      {
+        d: "M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z",
+        key: "vktsd0"
+      }
+    ],
+    [
+      "circle",
+      {
+        cx: "7.5",
+        cy: "7.5",
+        r: ".5",
+        fill: "currentColor",
+        key: "kqv944"
+      }
+    ]
+  ];
+  const Tag = createLucideIcon2("tag", __iconNode$92);
+  const __iconNode$82 = [
     [
       "path",
       {
@@ -11261,8 +11055,8 @@ let CATEGORY_COLORS, DataLogicEditor, operators, applyTreeLayout, jsonLogicToNod
       }
     ]
   ];
-  const TextAlignStart = createLucideIcon2("text-align-start", __iconNode$8);
-  const __iconNode$7 = [
+  const TextAlignStart = createLucideIcon2("text-align-start", __iconNode$82);
+  const __iconNode$72 = [
     [
       "circle",
       {
@@ -11284,8 +11078,8 @@ let CATEGORY_COLORS, DataLogicEditor, operators, applyTreeLayout, jsonLogicToNod
       }
     ]
   ];
-  const ToggleLeft = createLucideIcon2("toggle-left", __iconNode$7);
-  const __iconNode$6 = [
+  const ToggleLeft = createLucideIcon2("toggle-left", __iconNode$72);
+  const __iconNode$62 = [
     [
       "circle",
       {
@@ -11307,8 +11101,8 @@ let CATEGORY_COLORS, DataLogicEditor, operators, applyTreeLayout, jsonLogicToNod
       }
     ]
   ];
-  const ToggleRight = createLucideIcon2("toggle-right", __iconNode$6);
-  const __iconNode$5 = [
+  const ToggleRight = createLucideIcon2("toggle-right", __iconNode$62);
+  const __iconNode$52 = [
     [
       "path",
       {
@@ -11345,8 +11139,8 @@ let CATEGORY_COLORS, DataLogicEditor, operators, applyTreeLayout, jsonLogicToNod
       }
     ]
   ];
-  const Trash2 = createLucideIcon2("trash-2", __iconNode$5);
-  const __iconNode$4 = [
+  const Trash2 = createLucideIcon2("trash-2", __iconNode$52);
+  const __iconNode$42 = [
     [
       "path",
       {
@@ -11369,8 +11163,8 @@ let CATEGORY_COLORS, DataLogicEditor, operators, applyTreeLayout, jsonLogicToNod
       }
     ]
   ];
-  const Type = createLucideIcon2("type", __iconNode$4);
-  const __iconNode$3 = [
+  const Type = createLucideIcon2("type", __iconNode$42);
+  const __iconNode$32 = [
     [
       "path",
       {
@@ -11386,8 +11180,8 @@ let CATEGORY_COLORS, DataLogicEditor, operators, applyTreeLayout, jsonLogicToNod
       }
     ]
   ];
-  const Undo2 = createLucideIcon2("undo-2", __iconNode$3);
-  const __iconNode$2 = [
+  const Undo2 = createLucideIcon2("undo-2", __iconNode$32);
+  const __iconNode$22 = [
     [
       "path",
       {
@@ -11423,8 +11217,8 @@ let CATEGORY_COLORS, DataLogicEditor, operators, applyTreeLayout, jsonLogicToNod
       }
     ]
   ];
-  const Variable = createLucideIcon2("variable", __iconNode$2);
-  const __iconNode$1 = [
+  const Variable = createLucideIcon2("variable", __iconNode$22);
+  const __iconNode$12 = [
     [
       "path",
       {
@@ -11440,8 +11234,8 @@ let CATEGORY_COLORS, DataLogicEditor, operators, applyTreeLayout, jsonLogicToNod
       }
     ]
   ];
-  const X2 = createLucideIcon2("x", __iconNode$1);
-  const __iconNode = [
+  const X2 = createLucideIcon2("x", __iconNode$12);
+  const __iconNode2 = [
     [
       "circle",
       {
@@ -11482,7 +11276,7 @@ let CATEGORY_COLORS, DataLogicEditor, operators, applyTreeLayout, jsonLogicToNod
       }
     ]
   ];
-  const ZoomIn = createLucideIcon2("zoom-in", __iconNode);
+  const ZoomIn = createLucideIcon2("zoom-in", __iconNode2);
   const BRANCH_COLORS = {
     yes: "#22C55E"
   };
@@ -14462,6 +14256,388 @@ let CATEGORY_COLORS, DataLogicEditor, operators, applyTreeLayout, jsonLogicToNod
         ]
       }
     },
+    switch: {
+      name: "switch",
+      label: "Switch",
+      category: "control",
+      description: "Match a value against cases (switch/case)",
+      arity: {
+        type: "special",
+        min: 2,
+        args: [
+          {
+            name: "discriminant",
+            label: "Value",
+            type: "any",
+            required: true
+          },
+          {
+            name: "cases",
+            label: "Cases",
+            type: "array",
+            required: true
+          },
+          {
+            name: "default",
+            label: "Default",
+            type: "any",
+            required: false
+          }
+        ]
+      },
+      help: {
+        summary: "Evaluate a value once and match it against case/result pairs",
+        details: "Evaluates the discriminant expression once, then compares it against each case value using strict equality. Returns the result of the first matching case, or the default value if no case matches. If no default is provided and nothing matches, returns null.",
+        returnType: "any",
+        examples: [
+          {
+            title: "Simple string matching",
+            rule: {
+              switch: [
+                {
+                  var: "color"
+                },
+                [
+                  [
+                    "red",
+                    "stop"
+                  ],
+                  [
+                    "green",
+                    "go"
+                  ]
+                ],
+                "unknown"
+              ]
+            },
+            data: {
+              color: "red"
+            },
+            result: "stop"
+          },
+          {
+            title: "HTTP status codes",
+            rule: {
+              switch: [
+                {
+                  var: "status"
+                },
+                [
+                  [
+                    200,
+                    "OK"
+                  ],
+                  [
+                    404,
+                    "Not Found"
+                  ],
+                  [
+                    500,
+                    "Error"
+                  ]
+                ],
+                "Unknown"
+              ]
+            },
+            data: {
+              status: 404
+            },
+            result: "Not Found"
+          },
+          {
+            title: "Computed discriminant",
+            rule: {
+              switch: [
+                {
+                  "+": [
+                    {
+                      var: "a"
+                    },
+                    {
+                      var: "b"
+                    }
+                  ]
+                },
+                [
+                  [
+                    10,
+                    "ten"
+                  ],
+                  [
+                    20,
+                    "twenty"
+                  ]
+                ],
+                "other"
+              ]
+            },
+            data: {
+              a: 7,
+              b: 3
+            },
+            result: "ten"
+          },
+          {
+            title: "Expression as result",
+            rule: {
+              switch: [
+                {
+                  var: "tier"
+                },
+                [
+                  [
+                    "gold",
+                    {
+                      "*": [
+                        {
+                          var: "price"
+                        },
+                        0.8
+                      ]
+                    }
+                  ],
+                  [
+                    "silver",
+                    {
+                      "*": [
+                        {
+                          var: "price"
+                        },
+                        0.9
+                      ]
+                    }
+                  ]
+                ],
+                {
+                  var: "price"
+                }
+              ]
+            },
+            data: {
+              tier: "gold",
+              price: 100
+            },
+            result: 80
+          }
+        ],
+        notes: [
+          "Pattern: [discriminant, [[case1, result1], [case2, result2], ...], default]",
+          "Uses strict equality (type-sensitive)",
+          "First matching case wins",
+          "Only the matched result is evaluated (short-circuit)",
+          '"match" is an alias for "switch"'
+        ],
+        seeAlso: [
+          "if",
+          "?:",
+          "=="
+        ]
+      },
+      ui: {
+        icon: "git-branch",
+        shortLabel: "switch",
+        nodeType: "decision",
+        collapsible: true,
+        addArgumentLabel: "Add Case"
+      },
+      panel: {
+        sections: [
+          {
+            id: "discriminant",
+            title: "Match Value",
+            fields: [
+              {
+                id: "discriminant",
+                label: "Value",
+                inputType: "expression",
+                required: true,
+                helpText: "Expression to evaluate and match against cases"
+              }
+            ]
+          },
+          {
+            id: "cases",
+            title: "Cases",
+            fields: [
+              {
+                id: "caseCount",
+                label: "Number of Cases",
+                inputType: "number",
+                min: 1,
+                max: 50,
+                defaultValue: 1,
+                helpText: "Number of case/result pairs"
+              },
+              {
+                id: "case",
+                label: "Case",
+                inputType: "expression",
+                repeatable: true,
+                helpText: "Case value and result pairs"
+              }
+            ]
+          },
+          {
+            id: "default",
+            title: "Default",
+            fields: [
+              {
+                id: "hasDefault",
+                label: "Has Default",
+                inputType: "boolean",
+                defaultValue: false
+              },
+              {
+                id: "default",
+                label: "Default",
+                inputType: "expression",
+                showWhen: [
+                  {
+                    field: "hasDefault",
+                    operator: "equals",
+                    value: true
+                  }
+                ],
+                helpText: "Value returned if no cases match"
+              }
+            ]
+          }
+        ]
+      }
+    },
+    match: {
+      name: "match",
+      label: "Match",
+      category: "control",
+      description: "Match a value against cases (alias for switch)",
+      arity: {
+        type: "special",
+        min: 2,
+        args: [
+          {
+            name: "discriminant",
+            label: "Value",
+            type: "any",
+            required: true
+          },
+          {
+            name: "cases",
+            label: "Cases",
+            type: "array",
+            required: true
+          },
+          {
+            name: "default",
+            label: "Default",
+            type: "any",
+            required: false
+          }
+        ]
+      },
+      help: {
+        summary: "Evaluate a value once and match it against case/result pairs (alias for switch)",
+        details: 'Identical to "switch". Evaluates the discriminant expression once, then compares it against each case value using strict equality.',
+        returnType: "any",
+        examples: [
+          {
+            title: "Simple matching",
+            rule: {
+              match: [
+                {
+                  var: "color"
+                },
+                [
+                  [
+                    "red",
+                    "stop"
+                  ],
+                  [
+                    "green",
+                    "go"
+                  ]
+                ],
+                "unknown"
+              ]
+            },
+            data: {
+              color: "green"
+            },
+            result: "go"
+          }
+        ],
+        notes: [
+          'Alias for "switch"',
+          'See "switch" for full documentation'
+        ],
+        seeAlso: [
+          "switch",
+          "if",
+          "?:"
+        ]
+      },
+      ui: {
+        icon: "git-branch",
+        shortLabel: "match",
+        nodeType: "decision",
+        collapsible: true,
+        addArgumentLabel: "Add Case"
+      },
+      panel: {
+        sections: [
+          {
+            id: "discriminant",
+            title: "Match Value",
+            fields: [
+              {
+                id: "discriminant",
+                label: "Value",
+                inputType: "expression",
+                required: true,
+                helpText: "Expression to evaluate and match against cases"
+              }
+            ]
+          },
+          {
+            id: "cases",
+            title: "Cases",
+            fields: [
+              {
+                id: "case",
+                label: "Case",
+                inputType: "expression",
+                repeatable: true,
+                helpText: "Case value and result pairs"
+              }
+            ]
+          },
+          {
+            id: "default",
+            title: "Default",
+            fields: [
+              {
+                id: "hasDefault",
+                label: "Has Default",
+                inputType: "boolean",
+                defaultValue: false
+              },
+              {
+                id: "default",
+                label: "Default",
+                inputType: "expression",
+                showWhen: [
+                  {
+                    field: "hasDefault",
+                    operator: "equals",
+                    value: true
+                  }
+                ],
+                helpText: "Value returned if no cases match"
+              }
+            ]
+          }
+        ]
+      }
+    },
     "??": {
       name: "??",
       label: "Coalesce",
@@ -18502,6 +18678,23 @@ let CATEGORY_COLORS, DataLogicEditor, operators, applyTreeLayout, jsonLogicToNod
           }
           return parts.join(" ");
         }
+        if (op === "switch" || op === "match") {
+          const parts = [
+            `${op}(${toText(args[0])})`
+          ];
+          if (args.length >= 2 && Array.isArray(args[1])) {
+            const cases = args[1];
+            for (const c of cases) {
+              if (Array.isArray(c) && c.length >= 2) {
+                parts.push(`${toText(c[0])}: ${toText(c[1])}`);
+              }
+            }
+          }
+          if (args.length >= 3) {
+            parts.push(`default: ${toText(args[2])}`);
+          }
+          return parts.join(", ");
+        }
         return `${op}(${args.map((a) => toText(a)).join(", ")})`;
       }
       return String(val);
@@ -18589,7 +18782,8 @@ let CATEGORY_COLORS, DataLogicEditor, operators, applyTreeLayout, jsonLogicToNod
     "layers": Layers2,
     "clock": Clock2,
     "alert-circle": CircleAlert2,
-    "arrow-up": ArrowUp
+    "arrow-up": ArrowUp,
+    "tag": Tag
   };
   function Icon2({ name, size = 14, className, style: style2 }) {
     const IconComponent = ICON_COMPONENTS[name];
@@ -19320,6 +19514,173 @@ let CATEGORY_COLORS, DataLogicEditor, operators, applyTreeLayout, jsonLogicToNod
     }
     return nodeId;
   }
+  function convertSwitch(operator, switchArgs, context, convertValue2) {
+    const parentInfo = getParentInfo(context);
+    const nodeId = v4();
+    const cells = [];
+    let cellIndex = 0;
+    let branchIndex = 0;
+    if (switchArgs.length >= 1) {
+      const discriminant = switchArgs[0];
+      if (isSimpleOperand(discriminant)) {
+        cells.push({
+          type: "inline",
+          icon: "diamond",
+          rowLabel: "Match",
+          label: formatOperandLabel(discriminant),
+          index: cellIndex
+        });
+      } else {
+        const discBranchId = convertValue2(discriminant, {
+          nodes: context.nodes,
+          edges: context.edges,
+          parentId: nodeId,
+          argIndex: 0,
+          preserveStructure: context.preserveStructure
+        });
+        context.edges.push(createBranchEdge(nodeId, discBranchId, branchIndex));
+        cells.push({
+          type: "branch",
+          icon: "diamond",
+          rowLabel: "Match",
+          label: generateExpressionText(discriminant, 40),
+          branchId: discBranchId,
+          index: cellIndex
+        });
+        branchIndex++;
+      }
+      cellIndex++;
+    }
+    if (switchArgs.length >= 2) {
+      const cases = switchArgs[1];
+      const casePairs = Array.isArray(cases) ? cases : [];
+      for (let i = 0; i < casePairs.length; i++) {
+        const pair = casePairs[i];
+        if (!Array.isArray(pair) || pair.length < 2) continue;
+        const caseValue = pair[0];
+        const resultValue = pair[1];
+        if (isSimpleOperand(caseValue)) {
+          cells.push({
+            type: "inline",
+            icon: "tag",
+            rowLabel: "Case",
+            label: formatOperandLabel(caseValue),
+            index: cellIndex
+          });
+        } else {
+          const caseBranchId = convertValue2(caseValue, {
+            nodes: context.nodes,
+            edges: context.edges,
+            parentId: nodeId,
+            argIndex: cellIndex,
+            preserveStructure: context.preserveStructure
+          });
+          context.edges.push(createBranchEdge(nodeId, caseBranchId, branchIndex));
+          cells.push({
+            type: "branch",
+            icon: "tag",
+            rowLabel: "Case",
+            label: generateExpressionText(caseValue, 40),
+            branchId: caseBranchId,
+            index: cellIndex
+          });
+          branchIndex++;
+        }
+        cellIndex++;
+        if (isSimpleOperand(resultValue)) {
+          cells.push({
+            type: "inline",
+            icon: "check",
+            rowLabel: "Then",
+            label: formatOperandLabel(resultValue),
+            index: cellIndex
+          });
+        } else {
+          const resultBranchId = convertValue2(resultValue, {
+            nodes: context.nodes,
+            edges: context.edges,
+            parentId: nodeId,
+            argIndex: cellIndex,
+            branchType: "yes",
+            preserveStructure: context.preserveStructure
+          });
+          context.edges.push(createBranchEdge(nodeId, resultBranchId, branchIndex));
+          cells.push({
+            type: "branch",
+            icon: "check",
+            rowLabel: "Then",
+            label: generateExpressionText(resultValue, 40),
+            branchId: resultBranchId,
+            index: cellIndex
+          });
+          branchIndex++;
+        }
+        cellIndex++;
+      }
+    }
+    if (switchArgs.length >= 3) {
+      const defaultValue = switchArgs[2];
+      if (isSimpleOperand(defaultValue)) {
+        cells.push({
+          type: "inline",
+          icon: "x",
+          rowLabel: "Default",
+          label: formatOperandLabel(defaultValue),
+          index: cellIndex
+        });
+      } else {
+        const defaultBranchId = convertValue2(defaultValue, {
+          nodes: context.nodes,
+          edges: context.edges,
+          parentId: nodeId,
+          argIndex: cellIndex,
+          branchType: "no",
+          preserveStructure: context.preserveStructure
+        });
+        context.edges.push(createBranchEdge(nodeId, defaultBranchId, branchIndex));
+        cells.push({
+          type: "branch",
+          icon: "x",
+          rowLabel: "Default",
+          label: generateExpressionText(defaultValue, 40),
+          branchId: defaultBranchId,
+          index: cellIndex
+        });
+      }
+    }
+    const originalExpr = {
+      [operator]: switchArgs
+    };
+    const expressionText = generateExpressionText(originalExpr);
+    const label = operator === "match" ? "Match / Case" : "Switch / Case";
+    const switchNode = {
+      id: nodeId,
+      type: "operator",
+      position: {
+        x: 0,
+        y: 0
+      },
+      data: {
+        type: "operator",
+        operator,
+        category: "control",
+        label,
+        icon: "diamond",
+        cells,
+        collapsed: false,
+        expressionText,
+        parentId: parentInfo.parentId,
+        argIndex: parentInfo.argIndex,
+        branchType: parentInfo.branchType,
+        expression: originalExpr
+      }
+    };
+    context.nodes.push(switchNode);
+    if (parentInfo.parentId && !parentInfo.branchType) {
+      context.edges.push(createArgEdge(parentInfo.parentId, nodeId, parentInfo.argIndex ?? 0));
+    }
+    return nodeId;
+  }
   function convertOperator$1(operator, operandArray, context, convertValue2) {
     const nodeId = v4();
     const op = getOperator(operator);
@@ -19525,6 +19886,12 @@ let CATEGORY_COLORS, DataLogicEditor, operators, applyTreeLayout, jsonLogicToNod
       ];
       return convertIfElse(ifArgs, context, convertValue);
     }
+    if (operator === "switch" || operator === "match") {
+      const switchArgs = Array.isArray(operands) ? operands : [
+        operands
+      ];
+      return convertSwitch(operator, switchArgs, context, convertValue);
+    }
     if (isVariableOperator(operator)) {
       return convertVariable(operator, operands, context, convertValue);
     }
@@ -19691,20 +20058,36 @@ let CATEGORY_COLORS, DataLogicEditor, operators, applyTreeLayout, jsonLogicToNod
       context.edges.push(createArgEdge(parentInfo.parentId, nodeId, parentInfo.argIndex ?? 0));
     }
   }
+  function deepEqual(a, b) {
+    if (a === b) return true;
+    if (a === null || b === null || typeof a !== typeof b) return a === b;
+    if (Array.isArray(a)) {
+      if (!Array.isArray(b) || a.length !== b.length) return false;
+      return a.every((v2, i) => deepEqual(v2, b[i]));
+    }
+    if (typeof a === "object") {
+      const aObj = a;
+      const bObj = b;
+      const aKeys = Object.keys(aObj);
+      const bKeys = Object.keys(bObj);
+      if (aKeys.length !== bKeys.length) return false;
+      return aKeys.every((k2) => k2 in bObj && deepEqual(aObj[k2], bObj[k2]));
+    }
+    return false;
+  }
   function findMatchingChild(operand, children2, usedIndices) {
-    const operandStr = JSON.stringify(operand);
     for (let i = 0; i < children2.length; i++) {
       if (usedIndices.has(i)) continue;
       try {
-        const childExprStr = JSON.stringify(JSON.parse(children2[i].expression));
-        if (childExprStr === operandStr) {
+        const childExpr = JSON.parse(children2[i].expression);
+        if (deepEqual(operand, childExpr)) {
           return {
             child: children2[i],
             index: i
           };
         }
       } catch {
-        if (children2[i].expression === operandStr) {
+        if (children2[i].expression === JSON.stringify(operand)) {
           return {
             child: children2[i],
             index: i
@@ -20083,6 +20466,176 @@ let CATEGORY_COLORS, DataLogicEditor, operators, applyTreeLayout, jsonLogicToNod
       context.edges.push(createArgEdge(parentInfo.parentId, nodeId, parentInfo.argIndex ?? 0));
     }
   }
+  function createSwitchNodeFromTrace(nodeId, expression, children2, context, parentInfo, processExpressionNode2, createFallbackNode2) {
+    const obj = expression;
+    const operator = Object.keys(obj)[0];
+    const switchArgs = obj[operator];
+    const usedChildIndices = /* @__PURE__ */ new Set();
+    const cells = [];
+    let cellIndex = 0;
+    let branchIndex = 0;
+    function processBranch(value, argIndex, branchType) {
+      let branchId;
+      const match = findMatchingChild(value, children2, usedChildIndices);
+      if (match) {
+        usedChildIndices.add(match.index);
+        branchId = processExpressionNode2(match.child, context, {
+          parentId: nodeId,
+          argIndex,
+          branchType
+        });
+      } else {
+        const nodeType = determineNodeType(value, context.preserveStructure);
+        const nextUnused = nodeType !== "literal" ? getNextUnusedChild(children2, usedChildIndices) : null;
+        if (nextUnused) {
+          usedChildIndices.add(nextUnused.index);
+          branchId = processExpressionNode2(nextUnused.child, context, {
+            parentId: nodeId,
+            argIndex,
+            branchType
+          }, value);
+        } else {
+          branchId = `${nodeId}-arg-${argIndex}`;
+          createFallbackNode2(branchId, value, context, {
+            parentId: nodeId,
+            argIndex,
+            branchType
+          });
+        }
+      }
+      return branchId;
+    }
+    if (switchArgs.length >= 1) {
+      const discriminant = switchArgs[0];
+      if (isSimpleOperand(discriminant)) {
+        cells.push({
+          type: "inline",
+          icon: "diamond",
+          rowLabel: "Match",
+          label: formatOperandLabel(discriminant),
+          index: cellIndex
+        });
+      } else {
+        const discBranchId = processBranch(discriminant, 0);
+        context.edges.push(createBranchEdge(nodeId, discBranchId, branchIndex));
+        cells.push({
+          type: "branch",
+          icon: "diamond",
+          rowLabel: "Match",
+          label: generateExpressionText(discriminant, 40),
+          branchId: discBranchId,
+          index: cellIndex
+        });
+        branchIndex++;
+      }
+      cellIndex++;
+    }
+    if (switchArgs.length >= 2) {
+      const cases = switchArgs[1];
+      const casePairs = Array.isArray(cases) ? cases : [];
+      for (let i = 0; i < casePairs.length; i++) {
+        const pair = casePairs[i];
+        if (!Array.isArray(pair) || pair.length < 2) continue;
+        const caseValue = pair[0];
+        const resultValue = pair[1];
+        if (isSimpleOperand(caseValue)) {
+          cells.push({
+            type: "inline",
+            icon: "tag",
+            rowLabel: "Case",
+            label: formatOperandLabel(caseValue),
+            index: cellIndex
+          });
+        } else {
+          const caseBranchId = processBranch(caseValue, cellIndex);
+          context.edges.push(createBranchEdge(nodeId, caseBranchId, branchIndex));
+          cells.push({
+            type: "branch",
+            icon: "tag",
+            rowLabel: "Case",
+            label: generateExpressionText(caseValue, 40),
+            branchId: caseBranchId,
+            index: cellIndex
+          });
+          branchIndex++;
+        }
+        cellIndex++;
+        if (isSimpleOperand(resultValue)) {
+          cells.push({
+            type: "inline",
+            icon: "check",
+            rowLabel: "Then",
+            label: formatOperandLabel(resultValue),
+            index: cellIndex
+          });
+        } else {
+          const resultBranchId = processBranch(resultValue, cellIndex, "yes");
+          context.edges.push(createBranchEdge(nodeId, resultBranchId, branchIndex));
+          cells.push({
+            type: "branch",
+            icon: "check",
+            rowLabel: "Then",
+            label: generateExpressionText(resultValue, 40),
+            branchId: resultBranchId,
+            index: cellIndex
+          });
+          branchIndex++;
+        }
+        cellIndex++;
+      }
+    }
+    if (switchArgs.length >= 3) {
+      const defaultValue = switchArgs[2];
+      if (isSimpleOperand(defaultValue)) {
+        cells.push({
+          type: "inline",
+          icon: "x",
+          rowLabel: "Default",
+          label: formatOperandLabel(defaultValue),
+          index: cellIndex
+        });
+      } else {
+        const defaultBranchId = processBranch(defaultValue, cellIndex, "no");
+        context.edges.push(createBranchEdge(nodeId, defaultBranchId, branchIndex));
+        cells.push({
+          type: "branch",
+          icon: "x",
+          rowLabel: "Default",
+          label: generateExpressionText(defaultValue, 40),
+          branchId: defaultBranchId,
+          index: cellIndex
+        });
+      }
+    }
+    const expressionText = generateExpressionText(expression);
+    const label = operator === "match" ? "Match / Case" : "Switch / Case";
+    const switchNode = {
+      id: nodeId,
+      type: "operator",
+      position: {
+        x: 0,
+        y: 0
+      },
+      data: {
+        type: "operator",
+        operator,
+        category: "control",
+        label,
+        icon: "diamond",
+        cells,
+        collapsed: false,
+        expressionText,
+        parentId: parentInfo.parentId,
+        argIndex: parentInfo.argIndex,
+        branchType: parentInfo.branchType,
+        expression
+      }
+    };
+    context.nodes.push(switchNode);
+    if (parentInfo.parentId && !parentInfo.branchType) {
+      context.edges.push(createArgEdge(parentInfo.parentId, nodeId, parentInfo.argIndex ?? 0));
+    }
+  }
   const EXPR_PLACEHOLDER = "{{EXPR}}";
   const EXPR_PLACEHOLDER_QUOTED = `"${EXPR_PLACEHOLDER}"`;
   function isExpressionBranch(item, preserveStructure) {
@@ -20253,6 +20806,8 @@ let CATEGORY_COLORS, DataLogicEditor, operators, applyTreeLayout, jsonLogicToNod
             createVariableNodeFromTrace(nodeId, expression, exprNode.children, context, parentInfo);
           } else if (op === "if" || op === "?:") {
             createIfElseNodeFromTrace(nodeId, expression, exprNode.children, context, parentInfo, processExpressionNode, createFallbackNode);
+          } else if (op === "switch" || op === "match") {
+            createSwitchNodeFromTrace(nodeId, expression, exprNode.children, context, parentInfo, processExpressionNode, createFallbackNode);
           } else {
             const operands = obj[op];
             const args = Array.isArray(operands) ? operands : [
@@ -20294,6 +20849,8 @@ let CATEGORY_COLORS, DataLogicEditor, operators, applyTreeLayout, jsonLogicToNod
             createVariableNodeFromTrace(nodeId, value, [], context, parentInfo);
           } else if (op === "if" || op === "?:") {
             createIfElseNodeFromTrace(nodeId, value, [], context, parentInfo, processExpressionNode, createFallbackNode);
+          } else if (op === "switch" || op === "match") {
+            createSwitchNodeFromTrace(nodeId, value, [], context, parentInfo, processExpressionNode, createFallbackNode);
           } else {
             const operands = obj[op];
             const args = Array.isArray(operands) ? operands : [
@@ -20328,23 +20885,23 @@ let CATEGORY_COLORS, DataLogicEditor, operators, applyTreeLayout, jsonLogicToNod
     var EDGE_KEY_DELIM = "
";
     class Graph {
       constructor(opts) {
-        __publicField2(this, "_isDirected", true);
-        __publicField2(this, "_isMultigraph", false);
-        __publicField2(this, "_isCompound", false);
-        __publicField2(this, "_label");
-        __publicField2(this, "_defaultNodeLabelFn", () => void 0);
-        __publicField2(this, "_defaultEdgeLabelFn", () => void 0);
-        __publicField2(this, "_nodes", {});
-        __publicField2(this, "_in", {});
-        __publicField2(this, "_preds", {});
-        __publicField2(this, "_out", {});
-        __publicField2(this, "_sucs", {});
-        __publicField2(this, "_edgeObjs", {});
-        __publicField2(this, "_edgeLabels", {});
-        __publicField2(this, "_nodeCount", 0);
-        __publicField2(this, "_edgeCount", 0);
-        __publicField2(this, "_parent");
-        __publicField2(this, "_children");
+        __publicField(this, "_isDirected", true);
+        __publicField(this, "_isMultigraph", false);
+        __publicField(this, "_isCompound", false);
+        __publicField(this, "_label");
+        __publicField(this, "_defaultNodeLabelFn", () => void 0);
+        __publicField(this, "_defaultEdgeLabelFn", () => void 0);
+        __publicField(this, "_nodes", {});
+        __publicField(this, "_in", {});
+        __publicField(this, "_preds", {});
+        __publicField(this, "_out", {});
+        __publicField(this, "_sucs", {});
+        __publicField(this, "_edgeObjs", {});
+        __publicField(this, "_edgeLabels", {});
+        __publicField(this, "_nodeCount", 0);
+        __publicField(this, "_edgeCount", 0);
+        __publicField(this, "_parent");
+        __publicField(this, "_children");
         if (opts) {
           this._isDirected = Object.hasOwn(opts, "directed") ? opts.directed : true;
           this._isMultigraph = Object.hasOwn(opts, "multigraph") ? opts.multigraph : false;
@@ -20876,8 +21433,8 @@ let CATEGORY_COLORS, DataLogicEditor, operators, applyTreeLayout, jsonLogicToNod
     hasRequiredPriorityQueue2 = 1;
     class PriorityQueue {
       constructor() {
-        __publicField2(this, "_arr", []);
-        __publicField2(this, "_keyIndices", {});
+        __publicField(this, "_arr", []);
+        __publicField(this, "_keyIndices", {});
       }
       size() {
         return this._arr.length;
@@ -26694,7 +27251,7 @@ let CATEGORY_COLORS, DataLogicEditor, operators, applyTreeLayout, jsonLogicToNod
         try {
           setLoading(true);
           setError(null);
-          const wasm2 = await Promise.resolve().then(() => require("./datalogic_wasm-RwP1VzMM-CRoSygcJ.cjs"));
+          const wasm2 = await Promise.resolve().then(() => require("./datalogic_wasm-dEsk1ML--CToURABN.cjs"));
           await wasm2.default();
           if (!cancelled) {
             moduleRef.current = {
@@ -28979,6 +29536,9 @@ let CATEGORY_COLORS, DataLogicEditor, operators, applyTreeLayout, jsonLogicToNod
         resultArgs.push(storedOperands[i]);
       }
     }
+    if (data.operator === "switch" || data.operator === "match") {
+      return convertSwitchFromCells(data, storedOperands, nodeMap);
+    }
     if (data.operator === "val") {
       return convertValFromCells(data);
     }
@@ -28994,6 +29554,52 @@ let CATEGORY_COLORS, DataLogicEditor, operators, applyTreeLayout, jsonLogicToNod
       [data.operator]: resultArgs
     };
   }
+  function convertSwitchFromCells(data, storedOperands, nodeMap) {
+    const storedCases = Array.isArray(storedOperands[1]) ? storedOperands[1] : [];
+    let discriminant = null;
+    const casePairs = [];
+    let defaultValue;
+    let pendingCaseValue = null;
+    let caseIndex = 0;
+    for (const cell of data.cells) {
+      if (cell.rowLabel === "Match") {
+        discriminant = resolveCellValue(cell, storedOperands[0], nodeMap);
+      } else if (cell.rowLabel === "Case") {
+        const storedPair = storedCases[caseIndex];
+        pendingCaseValue = resolveCellValue(cell, (storedPair == null ? void 0 : storedPair[0]) ?? null, nodeMap);
+      } else if (cell.rowLabel === "Then" && pendingCaseValue !== null) {
+        const storedPair = storedCases[caseIndex];
+        const resultValue = resolveCellValue(cell, (storedPair == null ? void 0 : storedPair[1]) ?? null, nodeMap);
+        casePairs.push([
+          pendingCaseValue,
+          resultValue
+        ]);
+        pendingCaseValue = null;
+        caseIndex++;
+      } else if (cell.rowLabel === "Default") {
+        defaultValue = resolveCellValue(cell, storedOperands[2] ?? null, nodeMap);
+      }
+    }
+    const args = [
+      discriminant,
+      casePairs
+    ];
+    if (defaultValue !== void 0) {
+      args.push(defaultValue);
+    }
+    return {
+      [data.operator]: args
+    };
+  }
+  function resolveCellValue(cell, storedValue, nodeMap) {
+    if (cell.type === "branch" && cell.branchId) {
+      const branchNode = nodeMap.get(cell.branchId);
+      if (branchNode) {
+        return convertNode(branchNode.data, nodeMap);
+      }
+    }
+    return storedValue;
+  }
   function convertValFromCells(data) {
     const scopeCell = data.cells.find((c) => c.fieldId === "scopeLevel");
     const pathCells = data.cells.filter((c) => c.fieldId === "path");
@@ -31886,13 +32492,13 @@ function TaskRow({
     "div",
     {
       className: `df-task-row ${isHighlighted ? "df-task-row-highlighted" : ""}`,
-      onClick: () => onSelect == null ? void 0 : onSelect(task, workflow),
+      onClick: () => onSelect?.(task, workflow),
       role: "button",
       tabIndex: 0,
       onKeyDown: (e) => {
         if (e.key === "Enter" || e.key === " ") {
           e.preventDefault();
-          onSelect == null ? void 0 : onSelect(task, workflow);
+          onSelect?.(task, workflow);
         }
       },
       children: [
@@ -31968,7 +32574,7 @@ function WorkflowCard({
             task,
             workflow,
             index: index2,
-            isHighlighted: highlightedTaskIds == null ? void 0 : highlightedTaskIds.has(task.id),
+            isHighlighted: highlightedTaskIds?.has(task.id),
             onSelect: onTaskSelect
           },
           task.id
@@ -32240,7 +32846,6 @@ function useMappingDebugState(task, workflow, _mappingIndex) {
 function useValidationRuleDebugState(task, workflow, ruleIndex) {
   const dbgContext = useDebuggerOptional();
   return React.useMemo(() => {
-    var _a;
     if (!dbgContext || !dbgContext.state.isActive || !dbgContext.hasTrace || !dbgContext.state.trace) {
       return nullState;
     }
@@ -32267,8 +32872,8 @@ function useValidationRuleDebugState(task, workflow, ruleIndex) {
     const isCurrent = taskStepIndex === currentStepIndex;
     let hasError = false;
     if (taskStep.message && taskStep.message.errors.length > 0) {
-      const rules = (_a = task.function) == null ? void 0 : _a.input;
-      const rulesList = (rules == null ? void 0 : rules.rules) || [];
+      const rules = task.function?.input;
+      const rulesList = rules?.rules || [];
       const rule = rulesList[ruleIndex];
       if (rule) {
         hasError = taskStep.message.errors.some((e) => e.message.includes(rule.message));
@@ -32391,7 +32996,7 @@ function WorkflowFlowView({
       /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Message" })
     ] }) }),
     sortedWorkflows.map((workflow) => {
-      const isWorkflowConditionSelected = (selection2 == null ? void 0 : selection2.type) === "workflow-condition" && selection2.workflow.id === workflow.id;
+      const isWorkflowConditionSelected = selection2?.type === "workflow-condition" && selection2.workflow.id === workflow.id;
       return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "df-flow-node-wrapper", children: [
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "df-flow-connector", children: /* @__PURE__ */ jsxRuntime.jsx(ArrowRight, { size: 18 }) }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `df-flow-column ${isWorkflowConditionSelected ? "df-flow-column-selected" : ""}`, children: [
@@ -32399,7 +33004,7 @@ function WorkflowFlowView({
             "div",
             {
               className: "df-flow-workflow-header",
-              onClick: () => onWorkflowSelect == null ? void 0 : onWorkflowSelect(workflow),
+              onClick: () => onWorkflowSelect?.(workflow),
               children: [
                 /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "df-flow-workflow-priority", children: [
                   "P",
@@ -32410,7 +33015,7 @@ function WorkflowFlowView({
                   ConditionIcon,
                   {
                     condition: workflow.condition,
-                    onClick: () => onWorkflowConditionClick == null ? void 0 : onWorkflowConditionClick(workflow),
+                    onClick: () => onWorkflowConditionClick?.(workflow),
                     isSelected: isWorkflowConditionSelected
                   }
                 )
@@ -32418,12 +33023,12 @@ function WorkflowFlowView({
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "df-flow-tasks", children: workflow.tasks.map((task, index2) => {
-            const isTaskSelected = (selection2 == null ? void 0 : selection2.type) === "task" && selection2.task.id === task.id;
-            const isTaskConditionSelected = (selection2 == null ? void 0 : selection2.type) === "task-condition" && selection2.task.id === task.id;
+            const isTaskSelected = selection2?.type === "task" && selection2.task.id === task.id;
+            const isTaskConditionSelected = selection2?.type === "task-condition" && selection2.task.id === task.id;
             return /* @__PURE__ */ jsxRuntime.jsxs(
               "div",
               {
-                className: `df-flow-task ${(highlightedTaskIds == null ? void 0 : highlightedTaskIds.has(task.id)) ? "df-flow-task-highlighted" : ""} ${isTaskSelected || isTaskConditionSelected ? "df-flow-task-selected" : ""}`,
+                className: `df-flow-task ${highlightedTaskIds?.has(task.id) ? "df-flow-task-highlighted" : ""} ${isTaskSelected || isTaskConditionSelected ? "df-flow-task-selected" : ""}`,
                 children: [
                   /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "df-flow-task-header", children: [
                     /* @__PURE__ */ jsxRuntime.jsx("span", { className: "df-flow-task-index", children: index2 + 1 }),
@@ -32432,7 +33037,7 @@ function WorkflowFlowView({
                       ConditionIcon,
                       {
                         condition: task.condition,
-                        onClick: () => onTaskConditionClick == null ? void 0 : onTaskConditionClick(task, workflow),
+                        onClick: () => onTaskConditionClick?.(task, workflow),
                         isSelected: isTaskConditionSelected
                       }
                     )
@@ -32445,7 +33050,7 @@ function WorkflowFlowView({
                         className: "df-flow-task-details-link",
                         onClick: (e) => {
                           e.stopPropagation();
-                          onTaskSelect == null ? void 0 : onTaskSelect(task, workflow);
+                          onTaskSelect?.(task, workflow);
                         },
                         title: "View task details",
                         children: [
@@ -32499,7 +33104,7 @@ function TaskContent({ selection: selection2 }) {
   const functionName = task.function.name;
   const input = task.function.input;
   let debugData;
-  if ((dbgContext == null ? void 0 : dbgContext.state.isActive) && dbgContext.currentStep) {
+  if (dbgContext?.state.isActive && dbgContext.currentStep) {
     const step = dbgContext.currentStep;
     if (step.workflow_id === selection2.workflow.id && step.task_id === task.id && step.result === "executed") {
       if (functionName === "map") {
@@ -32510,7 +33115,7 @@ function TaskContent({ selection: selection2 }) {
     }
   }
   if (functionName === "map") {
-    const mappings = (input == null ? void 0 : input.mappings) || [];
+    const mappings = input?.mappings || [];
     const visualData = convertMappingsToObject(mappings);
     return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "df-details-content", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "df-details-logic-editor", children: /* @__PURE__ */ jsxRuntime.jsx(
       DataLogicEditor,
@@ -32524,7 +33129,7 @@ function TaskContent({ selection: selection2 }) {
     ) }) });
   }
   if (functionName === "validation" || functionName === "validate") {
-    const rules = (input == null ? void 0 : input.rules) || [];
+    const rules = input?.rules || [];
     const andExpression = {
       and: rules.map((rule) => rule.logic)
     };
@@ -32557,7 +33162,7 @@ function MappingContent({ selection: selection2 }) {
     [mapping.path]: mapping.logic
   };
   let debugData;
-  if ((dbgContext == null ? void 0 : dbgContext.state.isActive) && dbgContext.currentStep) {
+  if (dbgContext?.state.isActive && dbgContext.currentStep) {
     const step = dbgContext.currentStep;
     if (step.workflow_id === selection2.workflow.id && step.task_id === selection2.task.id && step.result === "executed") {
       debugData = getMappingContext(step, selection2.mappingIndex);
@@ -32579,7 +33184,7 @@ function ValidationRuleContent({ selection: selection2 }) {
   const { resolvedTheme } = useTheme();
   const dbgContext = useDebuggerOptional();
   let debugData;
-  if ((dbgContext == null ? void 0 : dbgContext.state.isActive) && dbgContext.currentStep) {
+  if (dbgContext?.state.isActive && dbgContext.currentStep) {
     const step = dbgContext.currentStep;
     if (step.workflow_id === selection2.workflow.id && step.task_id === selection2.task.id && step.result === "executed" && step.message) {
       debugData = step.message.context;
@@ -32676,36 +33281,36 @@ function requireGraph() {
   var GRAPH_NODE = "\0";
   var EDGE_KEY_DELIM = "
";
   class Graph {
+    _isDirected = true;
+    _isMultigraph = false;
+    _isCompound = false;
+    // Label for the graph itself
+    _label;
+    // Defaults to be set when creating a new node
+    _defaultNodeLabelFn = () => void 0;
+    // Defaults to be set when creating a new edge
+    _defaultEdgeLabelFn = () => void 0;
+    // v -> label
+    _nodes = {};
+    // v -> edgeObj
+    _in = {};
+    // u -> v -> Number
+    _preds = {};
+    // v -> edgeObj
+    _out = {};
+    // v -> w -> Number
+    _sucs = {};
+    // e -> edgeObj
+    _edgeObjs = {};
+    // e -> label
+    _edgeLabels = {};
+    /* Number of nodes in the graph. Should only be changed by the implementation. */
+    _nodeCount = 0;
+    /* Number of edges in the graph. Should only be changed by the implementation. */
+    _edgeCount = 0;
+    _parent;
+    _children;
     constructor(opts) {
-      __publicField(this, "_isDirected", true);
-      __publicField(this, "_isMultigraph", false);
-      __publicField(this, "_isCompound", false);
-      // Label for the graph itself
-      __publicField(this, "_label");
-      // Defaults to be set when creating a new node
-      __publicField(this, "_defaultNodeLabelFn", () => void 0);
-      // Defaults to be set when creating a new edge
-      __publicField(this, "_defaultEdgeLabelFn", () => void 0);
-      // v -> label
-      __publicField(this, "_nodes", {});
-      // v -> edgeObj
-      __publicField(this, "_in", {});
-      // u -> v -> Number
-      __publicField(this, "_preds", {});
-      // v -> edgeObj
-      __publicField(this, "_out", {});
-      // v -> w -> Number
-      __publicField(this, "_sucs", {});
-      // e -> edgeObj
-      __publicField(this, "_edgeObjs", {});
-      // e -> label
-      __publicField(this, "_edgeLabels", {});
-      /* Number of nodes in the graph. Should only be changed by the implementation. */
-      __publicField(this, "_nodeCount", 0);
-      /* Number of edges in the graph. Should only be changed by the implementation. */
-      __publicField(this, "_edgeCount", 0);
-      __publicField(this, "_parent");
-      __publicField(this, "_children");
       if (opts) {
         this._isDirected = Object.hasOwn(opts, "directed") ? opts.directed : true;
         this._isMultigraph = Object.hasOwn(opts, "multigraph") ? opts.multigraph : false;
@@ -33380,10 +33985,8 @@ function requirePriorityQueue() {
   if (hasRequiredPriorityQueue) return priorityQueue;
   hasRequiredPriorityQueue = 1;
   class PriorityQueue {
-    constructor() {
-      __publicField(this, "_arr", []);
-      __publicField(this, "_keyIndices", {});
-    }
+    _arr = [];
+    _keyIndices = {};
     /**
      * Returns the number of elements in the queue. Takes `O(1)` time.
      */
@@ -36571,7 +37174,7 @@ function WorkflowFlowDiagram({ workflow, onSelect }) {
         const label = node.data.label ?? "";
         const taskName = label.replace("\nCondition", "");
         const task = workflow.tasks.find((t) => t.name === taskName);
-        if (task == null ? void 0 : task.condition) {
+        if (task?.condition) {
           onSelect({
             type: "task-condition",
             task,
@@ -36802,7 +37405,7 @@ function GroupFlowDiagram({ workflows, name: _name, onSelect }) {
       const workflowId = node.data.workflowId;
       if (workflowId) {
         const workflow = workflows.find((w) => w.id === workflowId);
-        if (workflow == null ? void 0 : workflow.condition) {
+        if (workflow?.condition) {
           onSelect({
             type: "workflow-condition",
             workflow,
@@ -36859,7 +37462,7 @@ function DetailsPanel({ selection: selection2, onSelect }) {
     return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "df-details-panel", children: /* @__PURE__ */ jsxRuntime.jsx(WorkflowFlowDiagram, { workflow: selection2.workflow, onSelect }) });
   }
   let conditionDebugData;
-  if ((dbgContext == null ? void 0 : dbgContext.state.isActive) && dbgContext.state.trace && dbgContext.state.currentStepIndex >= 0) {
+  if (dbgContext?.state.isActive && dbgContext.state.trace && dbgContext.state.currentStepIndex >= 0) {
     const { trace, currentStepIndex } = dbgContext.state;
     if (selection2.type === "workflow-condition" || selection2.type === "task-condition") {
       const prevMessage = currentStepIndex > 0 ? getMessageAtStep(trace, currentStepIndex - 1) : null;
@@ -36915,11 +37518,11 @@ function TreeNode({
   };
   const handleClick = (e) => {
     e.stopPropagation();
-    onClick == null ? void 0 : onClick();
+    onClick?.();
   };
   const handleToggle = (e) => {
     e.stopPropagation();
-    onToggle == null ? void 0 : onToggle();
+    onToggle?.();
   };
   const debugStateClass = debugState ? `df-tree-node-${debugState}` : "";
   const currentClass = isCurrent ? "df-tree-node-current-step" : "";
@@ -37030,8 +37633,8 @@ function TaskNode({
   const functionName = task.function.name;
   const input = task.function.input;
   const hasCondition2 = task.condition !== void 0 && task.condition !== null && task.condition !== true;
-  const mappings = functionName === "map" ? (input == null ? void 0 : input.mappings) || [] : [];
-  const rules = functionName === "validation" || functionName === "validate" ? (input == null ? void 0 : input.rules) || [] : [];
+  const mappings = functionName === "map" ? input?.mappings || [] : [];
+  const rules = functionName === "validation" || functionName === "validate" ? input?.rules || [] : [];
   const hasChildren = hasCondition2 || mappings.length > 0 || rules.length > 0;
   const isTaskSelected = selection2.type === "task" && selection2.task.id === task.id && selection2.workflow.id === workflow.id;
   const taskDebugState = useTaskDebugState(task, workflow);
@@ -37354,19 +37957,18 @@ function TreeView({ workflows, selection: selection2, onSelect, debugMode = fals
   const lastSelectedRef = React.useRef(null);
   const treeContainerRef = React.useRef(null);
   React.useEffect(() => {
-    var _a, _b;
-    if (!debugMode || !(effectiveDebugContext == null ? void 0 : effectiveDebugContext.currentStep) || effectiveDebugContext.state.currentStepIndex < 0) {
+    if (!debugMode || !effectiveDebugContext?.currentStep || effectiveDebugContext.state.currentStepIndex < 0) {
       return;
     }
     const { workflow_id, task_id } = effectiveDebugContext.currentStep;
-    if (((_a = lastSelectedRef.current) == null ? void 0 : _a.workflowId) === workflow_id && ((_b = lastSelectedRef.current) == null ? void 0 : _b.taskId) === task_id) {
+    if (lastSelectedRef.current?.workflowId === workflow_id && lastSelectedRef.current?.taskId === task_id) {
       return;
     }
     const workflow = workflows.find((w) => w.id === workflow_id);
     setExpandedNodes((prev) => {
       const next = new Set(prev);
       next.add(NODE_IDS.ROOT);
-      if (workflow == null ? void 0 : workflow.path) {
+      if (workflow?.path) {
         getParentFolderIds(workflow.path).forEach((id2) => next.add(id2));
       }
       next.add(NODE_IDS.workflow(workflow_id));
@@ -37376,7 +37978,7 @@ function TreeView({ workflows, selection: selection2, onSelect, debugMode = fals
       return next;
     });
     if (task_id) {
-      const task = workflow == null ? void 0 : workflow.tasks.find((t) => t.id === task_id);
+      const task = workflow?.tasks.find((t) => t.id === task_id);
       if (workflow && task) {
         lastSelectedRef.current = { workflowId: workflow_id, taskId: task_id };
         onSelect({ type: "task", task, workflow });
@@ -37385,8 +37987,7 @@ function TreeView({ workflows, selection: selection2, onSelect, debugMode = fals
       lastSelectedRef.current = { workflowId: workflow_id };
     }
     setTimeout(() => {
-      var _a2;
-      const currentStepElement = (_a2 = treeContainerRef.current) == null ? void 0 : _a2.querySelector('[data-current-step="true"]');
+      const currentStepElement = treeContainerRef.current?.querySelector('[data-current-step="true"]');
       if (currentStepElement) {
         currentStepElement.scrollIntoView({
           behavior: "smooth",
@@ -37394,7 +37995,7 @@ function TreeView({ workflows, selection: selection2, onSelect, debugMode = fals
         });
       }
     }, PLAYBACK.AUTO_SCROLL_DELAY_MS);
-  }, [debugMode, effectiveDebugContext == null ? void 0 : effectiveDebugContext.currentStep, effectiveDebugContext == null ? void 0 : effectiveDebugContext.state.currentStepIndex, workflows, onSelect]);
+  }, [debugMode, effectiveDebugContext?.currentStep, effectiveDebugContext?.state.currentStepIndex, workflows, onSelect]);
   const toggleNode = (id2) => {
     setExpandedNodes((prev) => {
       const next = new Set(prev);
@@ -38102,7 +38703,7 @@ function Oe({ original: e, modified: r, language: n, originalLanguage: t, modifi
   let [M, O] = React.useState(false), [T, s] = React.useState(true), u = React.useRef(null), c = React.useRef(null), w = React.useRef(null), d = React.useRef(q), o = React.useRef(A), b = React.useRef(false);
   k(() => {
     let i = loader.init();
-    return i.then((f) => (c.current = f) && s(false)).catch((f) => (f == null ? void 0 : f.type) !== "cancelation" && console.error("Monaco initialization: error:", f)), () => u.current ? I() : i.cancel();
+    return i.then((f) => (c.current = f) && s(false)).catch((f) => f?.type !== "cancelation" && console.error("Monaco initialization: error:", f)), () => u.current ? I() : i.cancel();
   }), l(() => {
     if (u.current && c.current) {
       let i = u.current.getOriginalEditor(), f = h(c.current, e || "", t || n || "text", m || "");
@@ -38117,27 +38718,22 @@ function Oe({ original: e, modified: r, language: n, originalLanguage: t, modifi
     let i = u.current.getModifiedEditor();
     i.getOption(c.current.editor.EditorOption.readOnly) ? i.setValue(r || "") : r !== i.getValue() && (i.executeEdits("", [{ range: i.getModel().getFullModelRange(), text: r || "", forceMoveMarkers: true }]), i.pushUndoStop());
   }, [r], M), l(() => {
-    var _a, _b;
-    (_b = (_a = u.current) == null ? void 0 : _a.getModel()) == null ? void 0 : _b.original.setValue(e || "");
+    u.current?.getModel()?.original.setValue(e || "");
   }, [e], M), l(() => {
     let { original: i, modified: f } = u.current.getModel();
     c.current.editor.setModelLanguage(i, t || n || "text"), c.current.editor.setModelLanguage(f, a || n || "text");
   }, [n, t, a], M), l(() => {
-    var _a;
-    (_a = c.current) == null ? void 0 : _a.editor.setTheme(x);
+    c.current?.editor.setTheme(x);
   }, [x], M), l(() => {
-    var _a;
-    (_a = u.current) == null ? void 0 : _a.updateOptions(y);
+    u.current?.updateOptions(y);
   }, [y], M);
   let L = React.useCallback(() => {
-    var _a;
     if (!c.current) return;
     o.current(c.current);
     let i = h(c.current, e || "", t || n || "text", m || ""), f = h(c.current, r || "", a || n || "text", E || "");
-    (_a = u.current) == null ? void 0 : _a.setModel({ original: i, modified: f });
+    u.current?.setModel({ original: i, modified: f });
   }, [n, r, a, e, t, m, E]), U = React.useCallback(() => {
-    var _a;
-    !b.current && w.current && (u.current = c.current.editor.createDiffEditor(w.current, { automaticLayout: true, ...y }), L(), (_a = c.current) == null ? void 0 : _a.editor.setTheme(x), O(true), b.current = true);
+    !b.current && w.current && (u.current = c.current.editor.createDiffEditor(w.current, { automaticLayout: true, ...y }), L(), c.current?.editor.setTheme(x), O(true), b.current = true);
   }, [y, x, L]);
   React.useEffect(() => {
     M && d.current(u.current, c.current);
@@ -38145,9 +38741,8 @@ function Oe({ original: e, modified: r, language: n, originalLanguage: t, modifi
     !T && !M && U();
   }, [T, M, U]);
   function I() {
-    var _a, _b, _c, _d;
-    let i = (_a = u.current) == null ? void 0 : _a.getModel();
-    g || ((_b = i == null ? void 0 : i.original) == null ? void 0 : _b.dispose()), N || ((_c = i == null ? void 0 : i.modified) == null ? void 0 : _c.dispose()), (_d = u.current) == null ? void 0 : _d.dispose();
+    let i = u.current?.getModel();
+    g || i?.original?.dispose(), N || i?.modified?.dispose(), u.current?.dispose();
   }
   return React.createElement(H, { width: z, height: V, isEditorReady: M, loading: P, _ref: w, className: F, wrapperProps: j });
 }
@@ -38165,33 +38760,27 @@ function Ve({ defaultValue: e, defaultLanguage: r, defaultPath: n, value: t, lan
   let [s, u] = React.useState(false), [c, w] = React.useState(true), d = React.useRef(null), o = React.useRef(null), b = React.useRef(null), L = React.useRef(M), U = React.useRef(q), I = React.useRef(), i = React.useRef(t), f = se(m), Q = React.useRef(false), B = React.useRef(false);
   k(() => {
     let p = loader.init();
-    return p.then((R) => (d.current = R) && w(false)).catch((R) => (R == null ? void 0 : R.type) !== "cancelation" && console.error("Monaco initialization: error:", R)), () => o.current ? pe() : p.cancel();
+    return p.then((R) => (d.current = R) && w(false)).catch((R) => R?.type !== "cancelation" && console.error("Monaco initialization: error:", R)), () => o.current ? pe() : p.cancel();
   }), l(() => {
-    var _a, _b, _c, _d;
     let p = h(d.current, e || t || "", r || a || "", m || n || "");
-    p !== ((_a = o.current) == null ? void 0 : _a.getModel()) && (y && _.set(f, (_b = o.current) == null ? void 0 : _b.saveViewState()), (_c = o.current) == null ? void 0 : _c.setModel(p), y && ((_d = o.current) == null ? void 0 : _d.restoreViewState(_.get(m))));
+    p !== o.current?.getModel() && (y && _.set(f, o.current?.saveViewState()), o.current?.setModel(p), y && o.current?.restoreViewState(_.get(m)));
   }, [m], s), l(() => {
-    var _a;
-    (_a = o.current) == null ? void 0 : _a.updateOptions(x);
+    o.current?.updateOptions(x);
   }, [x], s), l(() => {
     !o.current || t === void 0 || (o.current.getOption(d.current.editor.EditorOption.readOnly) ? o.current.setValue(t) : t !== o.current.getValue() && (B.current = true, o.current.executeEdits("", [{ range: o.current.getModel().getFullModelRange(), text: t, forceMoveMarkers: true }]), o.current.pushUndoStop(), B.current = false));
   }, [t], s), l(() => {
-    var _a, _b;
-    let p = (_a = o.current) == null ? void 0 : _a.getModel();
-    p && a && ((_b = d.current) == null ? void 0 : _b.editor.setModelLanguage(p, a));
+    let p = o.current?.getModel();
+    p && a && d.current?.editor.setModelLanguage(p, a);
   }, [a], s), l(() => {
-    var _a;
-    g !== void 0 && ((_a = o.current) == null ? void 0 : _a.revealLine(g));
+    g !== void 0 && o.current?.revealLine(g);
   }, [g], s), l(() => {
-    var _a;
-    (_a = d.current) == null ? void 0 : _a.editor.setTheme(E);
+    d.current?.editor.setTheme(E);
   }, [E], s);
   let X2 = React.useCallback(() => {
-    var _a;
     if (!(!b.current || !d.current) && !Q.current) {
       U.current(d.current);
       let p = m || n, R = h(d.current, t || e || "", r || a || "", p || "");
-      o.current = (_a = d.current) == null ? void 0 : _a.editor.create(b.current, { model: R, automaticLayout: true, ...x }, P), y && o.current.restoreViewState(_.get(p)), d.current.editor.setTheme(E), g !== void 0 && o.current.revealLine(g), u(true), Q.current = true;
+      o.current = d.current?.editor.create(b.current, { model: R, automaticLayout: true, ...x }, P), y && o.current.restoreViewState(_.get(p)), d.current.editor.setTheme(E), g !== void 0 && o.current.revealLine(g), u(true), Q.current = true;
     }
   }, [e, r, n, t, a, m, x, P, y, E, g]);
   React.useEffect(() => {
@@ -38199,30 +38788,27 @@ function Ve({ defaultValue: e, defaultLanguage: r, defaultPath: n, value: t, lan
   }, [s]), React.useEffect(() => {
     !c && !s && X2();
   }, [c, s, X2]), i.current = t, React.useEffect(() => {
-    var _a, _b;
-    s && O && ((_a = I.current) == null ? void 0 : _a.dispose(), I.current = (_b = o.current) == null ? void 0 : _b.onDidChangeModelContent((p) => {
+    s && O && (I.current?.dispose(), I.current = o.current?.onDidChangeModelContent((p) => {
       B.current || O(o.current.getValue(), p);
     }));
   }, [s, O]), React.useEffect(() => {
     if (s) {
       let p = d.current.editor.onDidChangeMarkers((R) => {
-        var _a;
-        let G = (_a = o.current.getModel()) == null ? void 0 : _a.uri;
+        let G = o.current.getModel()?.uri;
         if (G && R.find((J) => J.path === G.path)) {
           let J = d.current.editor.getModelMarkers({ resource: G });
-          T == null ? void 0 : T(J);
+          T?.(J);
         }
       });
       return () => {
-        p == null ? void 0 : p.dispose();
+        p?.dispose();
       };
     }
     return () => {
     };
   }, [s, T]);
   function pe() {
-    var _a, _b;
-    (_a = I.current) == null ? void 0 : _a.dispose(), V ? y && _.set(m, o.current.saveViewState()) : (_b = o.current.getModel()) == null ? void 0 : _b.dispose(), o.current.dispose();
+    I.current?.dispose(), V ? y && _.set(m, o.current.saveViewState()) : o.current.getModel()?.dispose(), o.current.dispose();
   }
   return React.createElement(H, { width: z, height: F, isEditorReady: s, loading: N, _ref: b, className: j, wrapperProps: A });
 }
@@ -38490,14 +39076,13 @@ class ErrorBoundary extends React.Component {
     console.error("ErrorBoundary caught an error:", error, errorInfo);
   }
   render() {
-    var _a;
     if (this.state.hasError) {
       if (this.props.fallback) {
         return this.props.fallback;
       }
       return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "df-error-boundary", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "df-error-boundary-content", children: [
         /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "df-error-boundary-title", children: "Something went wrong" }),
-        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "df-error-boundary-message", children: ((_a = this.state.error) == null ? void 0 : _a.message) || "An unexpected error occurred" }),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "df-error-boundary-message", children: this.state.error?.message || "An unexpected error occurred" }),
         /* @__PURE__ */ jsxRuntime.jsx(
           "button",
           {
@@ -38833,7 +39418,7 @@ function MessageInputPanel({
             onClick: handleLoadSample,
             title: "Load sample data",
             children: [
-              /* @__PURE__ */ jsxRuntime.jsx(FileJson, { size: 12 }),
+              /* @__PURE__ */ jsxRuntime.jsx(FileBraces, { size: 12 }),
               "Sample"
             ]
           }
@@ -39044,15 +39629,13 @@ function DebugInfoBubble({
   visible,
   onClose
 }) {
-  var _a;
   const [position, setPosition] = React.useState({ top: 0, left: 0 });
   const bubbleRef = React.useRef(null);
   React.useEffect(() => {
     if (!visible || !targetRef.current) return;
     const updatePosition = () => {
-      var _a2, _b;
-      const targetRect = (_a2 = targetRef.current) == null ? void 0 : _a2.getBoundingClientRect();
-      const bubbleRect = (_b = bubbleRef.current) == null ? void 0 : _b.getBoundingClientRect();
+      const targetRect = targetRef.current?.getBoundingClientRect();
+      const bubbleRect = bubbleRef.current?.getBoundingClientRect();
       if (!targetRect) return;
       let top = targetRect.bottom + 8;
       let left = targetRect.left;
@@ -39109,9 +39692,9 @@ function DebugInfoBubble({
               /* @__PURE__ */ jsxRuntime.jsx("span", { className: "df-debug-bubble-label", children: "Result:" }),
               /* @__PURE__ */ jsxRuntime.jsx("span", { className: `df-debug-bubble-state df-debug-bubble-state-${displayState}`, children: result })
             ] }),
-            hasError && (message == null ? void 0 : message.errors) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "df-debug-bubble-error", children: [
+            hasError && message?.errors && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "df-debug-bubble-error", children: [
               /* @__PURE__ */ jsxRuntime.jsx(CircleAlert, { size: 14 }),
-              /* @__PURE__ */ jsxRuntime.jsx("span", { children: ((_a = message.errors[0]) == null ? void 0 : _a.message) || "Unknown error" })
+              /* @__PURE__ */ jsxRuntime.jsx("span", { children: message.errors[0]?.message || "Unknown error" })
             ] })
           ] })
         ]
@@ -39180,12 +39763,11 @@ function IntegratedDebugToolbar({
   const { playbackState, isExecuting, executionError, trace } = state;
   const lastExecutionRef = React.useRef(null);
   const handleExecute = React.useCallback(async () => {
-    var _a, _b;
     if (!isEngineReady || workflows.length === 0) return;
     const workflowsJson = JSON.stringify(workflows);
     const payloadJson = JSON.stringify(payload || {});
     const current = { workflows: workflowsJson, payload: payloadJson };
-    if (((_a = lastExecutionRef.current) == null ? void 0 : _a.workflows) === current.workflows && ((_b = lastExecutionRef.current) == null ? void 0 : _b.payload) === current.payload) {
+    if (lastExecutionRef.current?.workflows === current.workflows && lastExecutionRef.current?.payload === current.payload) {
       return;
     }
     startExecution();
@@ -39194,12 +39776,12 @@ function IntegratedDebugToolbar({
       if (result) {
         executeTrace(result);
         lastExecutionRef.current = current;
-        onExecutionComplete == null ? void 0 : onExecutionComplete(result);
+        onExecutionComplete?.(result);
       }
     } catch (err) {
       const errorMessage = err instanceof Error ? err.message : "Execution failed";
       setExecutionError(errorMessage);
-      onExecutionError == null ? void 0 : onExecutionError(errorMessage);
+      onExecutionError?.(errorMessage);
     }
   }, [
     isEngineReady,
@@ -39286,7 +39868,6 @@ function IntegratedDebugToolbar({
     return () => window.removeEventListener("keydown", handleKeyDown);
   }, [handleKeyDown]);
   const getStatusIcon = () => {
-    var _a;
     if (isExecuting) {
       return /* @__PURE__ */ jsxRuntime.jsx(LoaderCircle, { size: 14, className: "df-debug-spin" });
     }
@@ -39294,8 +39875,8 @@ function IntegratedDebugToolbar({
       return /* @__PURE__ */ jsxRuntime.jsx(CircleX, { size: 14, className: "df-debug-toolbar-status-error" });
     }
     if (hasTrace) {
-      const finalStep = trace == null ? void 0 : trace.steps[trace.steps.length - 1];
-      const hasErrors = ((_a = finalStep == null ? void 0 : finalStep.message) == null ? void 0 : _a.errors) && finalStep.message.errors.length > 0;
+      const finalStep = trace?.steps[trace.steps.length - 1];
+      const hasErrors = finalStep?.message?.errors && finalStep.message.errors.length > 0;
       if (hasErrors) {
         return /* @__PURE__ */ jsxRuntime.jsx(CircleAlert, { size: 14, className: "df-debug-toolbar-status-warning" });
       }
@@ -39471,7 +40052,7 @@ function VisualizerInner({
   debugPayload
 }) {
   const { resolvedTheme } = useTheme();
-  const debugMode = (debugConfig == null ? void 0 : debugConfig.enabled) ?? false;
+  const debugMode = debugConfig?.enabled ?? false;
   const debuggerContext = useDebuggerOptional();
   const effectiveDebugContext = debugMode ? debuggerContext : null;
   const [selection2, setSelection] = React.useState({ type: "none" });
@@ -39502,18 +40083,18 @@ function VisualizerInner({
   const handleSelection = (newSelection) => {
     setSelection(newSelection);
     if (newSelection.type === "workflow") {
-      onWorkflowSelect == null ? void 0 : onWorkflowSelect(newSelection.workflow);
+      onWorkflowSelect?.(newSelection.workflow);
     } else if (newSelection.type === "workflow-condition") {
-      onWorkflowSelect == null ? void 0 : onWorkflowSelect(newSelection.workflow);
+      onWorkflowSelect?.(newSelection.workflow);
     } else if (newSelection.type === "task" || newSelection.type === "task-condition" || newSelection.type === "mapping" || newSelection.type === "validation-rule") {
-      onTaskSelect == null ? void 0 : onTaskSelect(newSelection.task, newSelection.workflow);
+      onTaskSelect?.(newSelection.task, newSelection.workflow);
     }
   };
   const selectionInfo = getSelectionInfo(selection2);
-  const hasDebugTrace = debugMode && (effectiveDebugContext == null ? void 0 : effectiveDebugContext.hasTrace);
-  const displayMessage = hasDebugTrace ? effectiveDebugContext == null ? void 0 : effectiveDebugContext.currentMessage : executionResult;
-  const currentChanges = hasDebugTrace ? effectiveDebugContext == null ? void 0 : effectiveDebugContext.currentChanges : [];
-  const currentStepIndex = hasDebugTrace ? effectiveDebugContext == null ? void 0 : effectiveDebugContext.state.currentStepIndex : -1;
+  const hasDebugTrace = debugMode && effectiveDebugContext?.hasTrace;
+  const displayMessage = hasDebugTrace ? effectiveDebugContext?.currentMessage : executionResult;
+  const currentChanges = hasDebugTrace ? effectiveDebugContext?.currentChanges : [];
+  const currentStepIndex = hasDebugTrace ? effectiveDebugContext?.state.currentStepIndex : -1;
   const isDraggingAny = isDragging || isVerticalDragging;
   return /* @__PURE__ */ jsxRuntime.jsx(ErrorBoundary, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `df-visualizer-container df-theme-${resolvedTheme}`, children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "df-visualizer-title-bar", children: [
@@ -39617,7 +40198,7 @@ function WorkflowVisualizer({
   debugConfig,
   debugPayload
 }) {
-  if (debugConfig == null ? void 0 : debugConfig.enabled) {
+  if (debugConfig?.enabled) {
     return /* @__PURE__ */ jsxRuntime.jsx(ThemeProvider, { defaultTheme: theme, children: /* @__PURE__ */ jsxRuntime.jsx(
       DebuggerProvider,
       {
@@ -39853,8 +40434,8 @@ if (!("encodeInto" in cachedTextEncoder)) {
 let WASM_VECTOR_LEN = 0;
 let wasm;
 class WasmEngineAdapter {
+  engine;
   constructor(workflows) {
-    __publicField(this, "engine");
     const workflowsJson = JSON.stringify(workflows);
     this.engine = new WasmEngine(workflowsJson);
   }