@goplasmatic/datalogic-ui 4.0.21 → 5.0.0

package/dist/index.js

@@ -1,10 +1,10 @@
-import React, { createContext, createElement, createRef, forwardRef, memo, useCallback, useContext, useEffect, useImperativeHandle, useMemo, useReducer, useRef, useState } from "react";
+import React, { createContext, createElement, createRef, forwardRef, memo, useCallback, useContext, useEffect, useImperativeHandle, useLayoutEffect, useMemo, useReducer, useRef, useState } from "react";
 import { Background, BaseEdge, Controls, Handle, Position, ReactFlow, ReactFlowProvider, getBezierPath, useEdgesState, useNodesState, useOnSelectionChange, useReactFlow } from "@xyflow/react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { createPortal } from "react-dom";
-//#region ../node_modules/.pnpm/lucide-react@1.8.0_react@19.2.5/node_modules/lucide-react/dist/esm/shared/src/utils/mergeClasses.js
+//#region node_modules/lucide-react/dist/esm/shared/src/utils/mergeClasses.mjs
 /**
-* @license lucide-react v1.8.0 - ISC
+* @license lucide-react v1.14.0 - ISC
 *
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
@@ -13,27 +13,27 @@ var mergeClasses = (...classes) => classes.filter((className, index, array) => {
 	return Boolean(className) && className.trim() !== "" && array.indexOf(className) === index;
 }).join(" ").trim();
 //#endregion
-//#region ../node_modules/.pnpm/lucide-react@1.8.0_react@19.2.5/node_modules/lucide-react/dist/esm/shared/src/utils/toKebabCase.js
+//#region node_modules/lucide-react/dist/esm/shared/src/utils/toKebabCase.mjs
 /**
-* @license lucide-react v1.8.0 - ISC
+* @license lucide-react v1.14.0 - ISC
 *
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */
 var toKebabCase = (string) => string.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
 //#endregion
-//#region ../node_modules/.pnpm/lucide-react@1.8.0_react@19.2.5/node_modules/lucide-react/dist/esm/shared/src/utils/toCamelCase.js
+//#region node_modules/lucide-react/dist/esm/shared/src/utils/toCamelCase.mjs
 /**
-* @license lucide-react v1.8.0 - ISC
+* @license lucide-react v1.14.0 - ISC
 *
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */
 var toCamelCase = (string) => string.replace(/^([A-Z])|[\s-_]+(\w)/g, (match, p1, p2) => p2 ? p2.toUpperCase() : p1.toLowerCase());
 //#endregion
-//#region ../node_modules/.pnpm/lucide-react@1.8.0_react@19.2.5/node_modules/lucide-react/dist/esm/shared/src/utils/toPascalCase.js
+//#region node_modules/lucide-react/dist/esm/shared/src/utils/toPascalCase.mjs
 /**
-* @license lucide-react v1.8.0 - ISC
+* @license lucide-react v1.14.0 - ISC
 *
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
@@ -43,9 +43,9 @@ var toPascalCase = (string) => {
 	return camelCase.charAt(0).toUpperCase() + camelCase.slice(1);
 };
 //#endregion
-//#region ../node_modules/.pnpm/lucide-react@1.8.0_react@19.2.5/node_modules/lucide-react/dist/esm/defaultAttributes.js
+//#region node_modules/lucide-react/dist/esm/defaultAttributes.mjs
 /**
-* @license lucide-react v1.8.0 - ISC
+* @license lucide-react v1.14.0 - ISC
 *
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
@@ -62,9 +62,9 @@ var defaultAttributes = {
 	strokeLinejoin: "round"
 };
 //#endregion
-//#region ../node_modules/.pnpm/lucide-react@1.8.0_react@19.2.5/node_modules/lucide-react/dist/esm/shared/src/utils/hasA11yProp.js
+//#region node_modules/lucide-react/dist/esm/shared/src/utils/hasA11yProp.mjs
 /**
-* @license lucide-react v1.8.0 - ISC
+* @license lucide-react v1.14.0 - ISC
 *
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
@@ -74,9 +74,9 @@ var hasA11yProp = (props) => {
 	return false;
 };
 //#endregion
-//#region ../node_modules/.pnpm/lucide-react@1.8.0_react@19.2.5/node_modules/lucide-react/dist/esm/context.js
+//#region node_modules/lucide-react/dist/esm/context.mjs
 /**
-* @license lucide-react v1.8.0 - ISC
+* @license lucide-react v1.14.0 - ISC
 *
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
@@ -84,9 +84,9 @@ var hasA11yProp = (props) => {
 var LucideContext = createContext({});
 var useLucideContext = () => useContext(LucideContext);
 //#endregion
-//#region ../node_modules/.pnpm/lucide-react@1.8.0_react@19.2.5/node_modules/lucide-react/dist/esm/Icon.js
+//#region node_modules/lucide-react/dist/esm/Icon.mjs
 /**
-* @license lucide-react v1.8.0 - ISC
+* @license lucide-react v1.14.0 - ISC
 *
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
@@ -107,9 +107,9 @@ var Icon$1 = forwardRef(({ color, size, strokeWidth, absoluteStrokeWidth, classN
 	}, [...iconNode.map(([tag, attrs]) => createElement(tag, attrs)), ...Array.isArray(children) ? children : [children]]);
 });
 //#endregion
-//#region ../node_modules/.pnpm/lucide-react@1.8.0_react@19.2.5/node_modules/lucide-react/dist/esm/createLucideIcon.js
+//#region node_modules/lucide-react/dist/esm/createLucideIcon.mjs
 /**
-* @license lucide-react v1.8.0 - ISC
+* @license lucide-react v1.14.0 - ISC
 *
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
@@ -124,6 +124,12 @@ var createLucideIcon = (iconName, iconNode) => {
 	Component.displayName = toPascalCase(iconName);
 	return Component;
 };
+/**
+* @license lucide-react v1.14.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
 var ArrowUp = createLucideIcon("arrow-up", [["path", {
 	d: "m5 12 7-7 7 7",
 	key: "hav0vg"
@@ -131,6 +137,12 @@ var ArrowUp = createLucideIcon("arrow-up", [["path", {
 	d: "M12 19V5",
 	key: "x0mq9r"
 }]]);
+/**
+* @license lucide-react v1.14.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
 var Ban = createLucideIcon("ban", [["circle", {
 	cx: "12",
 	cy: "12",
@@ -140,6 +152,12 @@ var Ban = createLucideIcon("ban", [["circle", {
 	d: "M4.929 4.929 19.07 19.071",
 	key: "196cmz"
 }]]);
+/**
+* @license lucide-react v1.14.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
 var Binary = createLucideIcon("binary", [
 	["rect", {
 		x: "14",
@@ -174,6 +192,12 @@ var Binary = createLucideIcon("binary", [
 		key: "1idq9u"
 	}]
 ]);
+/**
+* @license lucide-react v1.14.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
 var Box = createLucideIcon("box", [
 	["path", {
 		d: "M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z",
@@ -188,6 +212,12 @@ var Box = createLucideIcon("box", [
 		key: "d0xqtd"
 	}]
 ]);
+/**
+* @license lucide-react v1.14.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
 var Boxes = createLucideIcon("boxes", [
 	["path", {
 		d: "M2.97 12.92A2 2 0 0 0 2 14.63v3.24a2 2 0 0 0 .97 1.71l3 1.8a2 2 0 0 0 2.06 0L12 19v-5.5l-5-3-4.03 2.42Z",
@@ -238,6 +268,12 @@ var Boxes = createLucideIcon("boxes", [
 		key: "1io7kd"
 	}]
 ]);
+/**
+* @license lucide-react v1.14.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
 var Braces = createLucideIcon("braces", [["path", {
 	d: "M8 3H7a2 2 0 0 0-2 2v5a2 2 0 0 1-2 2 2 2 0 0 1 2 2v5c0 1.1.9 2 2 2h1",
 	key: "ezmyqa"
@@ -245,6 +281,12 @@ var Braces = createLucideIcon("braces", [["path", {
 	d: "M16 21h1a2 2 0 0 0 2-2v-5c0-1.1.9-2 2-2a2 2 0 0 1-2-2V5a2 2 0 0 0-2-2h-1",
 	key: "e1hn23"
 }]]);
+/**
+* @license lucide-react v1.14.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
 var Bug = createLucideIcon("bug", [
 	["path", {
 		d: "M12 20v-9",
@@ -291,6 +333,12 @@ var Bug = createLucideIcon("bug", [
 		key: "1vgav8"
 	}]
 ]);
+/**
+* @license lucide-react v1.14.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
 var Calculator = createLucideIcon("calculator", [
 	["rect", {
 		width: "16",
@@ -343,6 +391,12 @@ var Calculator = createLucideIcon("calculator", [
 		key: "lrp35t"
 	}]
 ]);
+/**
+* @license lucide-react v1.14.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
 var Calendar = createLucideIcon("calendar", [
 	["path", {
 		d: "M8 2v4",
@@ -365,22 +419,52 @@ var Calendar = createLucideIcon("calendar", [
 		key: "8toen8"
 	}]
 ]);
+/**
+* @license lucide-react v1.14.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
 var Check = createLucideIcon("check", [["path", {
 	d: "M20 6 9 17l-5-5",
 	key: "1gmf2c"
 }]]);
+/**
+* @license lucide-react v1.14.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
 var ChevronDown = createLucideIcon("chevron-down", [["path", {
 	d: "m6 9 6 6 6-6",
 	key: "qrunsl"
 }]]);
+/**
+* @license lucide-react v1.14.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
 var ChevronLeft = createLucideIcon("chevron-left", [["path", {
 	d: "m15 18-6-6 6-6",
 	key: "1wnfg3"
 }]]);
+/**
+* @license lucide-react v1.14.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
 var ChevronRight = createLucideIcon("chevron-right", [["path", {
 	d: "m9 18 6-6-6-6",
 	key: "mthhwq"
 }]]);
+/**
+* @license lucide-react v1.14.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
 var CircleAlert = createLucideIcon("circle-alert", [
 	["circle", {
 		cx: "12",
@@ -403,6 +487,12 @@ var CircleAlert = createLucideIcon("circle-alert", [
 		key: "4dfq90"
 	}]
 ]);
+/**
+* @license lucide-react v1.14.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
 var CircleQuestionMark = createLucideIcon("circle-question-mark", [
 	["circle", {
 		cx: "12",
@@ -419,6 +509,12 @@ var CircleQuestionMark = createLucideIcon("circle-question-mark", [
 		key: "p32p05"
 	}]
 ]);
+/**
+* @license lucide-react v1.14.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
 var CircleX = createLucideIcon("circle-x", [
 	["circle", {
 		cx: "12",
@@ -435,6 +531,12 @@ var CircleX = createLucideIcon("circle-x", [
 		key: "z0biqf"
 	}]
 ]);
+/**
+* @license lucide-react v1.14.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
 var Clipboard = createLucideIcon("clipboard", [["rect", {
 	width: "8",
 	height: "4",
@@ -447,6 +549,12 @@ var Clipboard = createLucideIcon("clipboard", [["rect", {
 	d: "M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2",
 	key: "116196"
 }]]);
+/**
+* @license lucide-react v1.14.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
 var Clock = createLucideIcon("clock", [["circle", {
 	cx: "12",
 	cy: "12",
@@ -456,6 +564,12 @@ var Clock = createLucideIcon("clock", [["circle", {
 	d: "M12 6v6l4 2",
 	key: "mmk7yg"
 }]]);
+/**
+* @license lucide-react v1.14.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
 var Cog = createLucideIcon("cog", [
 	["path", {
 		d: "M11 10.27 7 3.34",
@@ -518,6 +632,12 @@ var Cog = createLucideIcon("cog", [
 		key: "46899m"
 	}]
 ]);
+/**
+* @license lucide-react v1.14.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
 var Copy = createLucideIcon("copy", [["rect", {
 	width: "14",
 	height: "14",
@@ -530,6 +650,12 @@ var Copy = createLucideIcon("copy", [["rect", {
 	d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2",
 	key: "zix9uf"
 }]]);
+/**
+* @license lucide-react v1.14.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
 var Database = createLucideIcon("database", [
 	["ellipse", {
 		cx: "12",
@@ -547,10 +673,22 @@ var Database = createLucideIcon("database", [
 		key: "mv7ke4"
 	}]
 ]);
+/**
+* @license lucide-react v1.14.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
 var Diamond = createLucideIcon("diamond", [["path", {
 	d: "M2.7 10.3a2.41 2.41 0 0 0 0 3.41l7.59 7.59a2.41 2.41 0 0 0 3.41 0l7.59-7.59a2.41 2.41 0 0 0 0-3.41l-7.59-7.59a2.41 2.41 0 0 0-3.41 0Z",
 	key: "1f1r0c"
 }]]);
+/**
+* @license lucide-react v1.14.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
 var Divide = createLucideIcon("divide", [
 	["circle", {
 		cx: "12",
@@ -572,6 +710,12 @@ var Divide = createLucideIcon("divide", [
 		key: "lqb9t5"
 	}]
 ]);
+/**
+* @license lucide-react v1.14.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
 var ExternalLink = createLucideIcon("external-link", [
 	["path", {
 		d: "M15 3h6v6",
@@ -586,6 +730,36 @@ var ExternalLink = createLucideIcon("external-link", [
 		key: "a6xqqp"
 	}]
 ]);
+/**
+* @license lucide-react v1.14.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
+var GitBranch = createLucideIcon("git-branch", [
+	["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"
+	}]
+]);
+/**
+* @license lucide-react v1.14.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
 var GitCommitHorizontal = createLucideIcon("git-commit-horizontal", [
 	["circle", {
 		cx: "12",
@@ -608,24 +782,12 @@ var GitCommitHorizontal = createLucideIcon("git-commit-horizontal", [
 		key: "oup4p8"
 	}]
 ]);
-var GitBranch = createLucideIcon("git-branch", [
-	["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"
-	}]
-]);
+/**
+* @license lucide-react v1.14.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
 var GitMerge = createLucideIcon("git-merge", [
 	["circle", {
 		cx: "18",
@@ -644,6 +806,12 @@ var GitMerge = createLucideIcon("git-merge", [
 		key: "7kw0sc"
 	}]
 ]);
+/**
+* @license lucide-react v1.14.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
 var Hash = createLucideIcon("hash", [
 	["line", {
 		x1: "4",
@@ -674,6 +842,12 @@ var Hash = createLucideIcon("hash", [
 		key: "weycgp"
 	}]
 ]);
+/**
+* @license lucide-react v1.14.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
 var Layers = createLucideIcon("layers", [
 	["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",
@@ -688,6 +862,12 @@ var Layers = createLucideIcon("layers", [
 		key: "kqbvx6"
 	}]
 ]);
+/**
+* @license lucide-react v1.14.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
 var Link2Off = createLucideIcon("link-2-off", [
 	["path", {
 		d: "M9 17H7A5 5 0 0 1 7 7",
@@ -712,6 +892,12 @@ var Link2Off = createLucideIcon("link-2-off", [
 		key: "a6p6uj"
 	}]
 ]);
+/**
+* @license lucide-react v1.14.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
 var List = createLucideIcon("list", [
 	["path", {
 		d: "M3 5h.01",
@@ -738,6 +924,12 @@ var List = createLucideIcon("list", [
 		key: "m83p4d"
 	}]
 ]);
+/**
+* @license lucide-react v1.14.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
 var Maximize = createLucideIcon("maximize", [
 	["path", {
 		d: "M8 3H5a2 2 0 0 0-2 2v3",
@@ -756,10 +948,22 @@ var Maximize = createLucideIcon("maximize", [
 		key: "18trek"
 	}]
 ]);
+/**
+* @license lucide-react v1.14.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
 var MousePointer2 = createLucideIcon("mouse-pointer-2", [["path", {
 	d: "M4.037 4.688a.495.495 0 0 1 .651-.651l16 6.5a.5.5 0 0 1-.063.947l-6.124 1.58a2 2 0 0 0-1.438 1.435l-1.579 6.126a.5.5 0 0 1-.947.063z",
 	key: "edeuup"
 }]]);
+/**
+* @license lucide-react v1.14.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
 var Pause = createLucideIcon("pause", [["rect", {
 	x: "14",
 	y: "3",
@@ -775,6 +979,12 @@ var Pause = createLucideIcon("pause", [["rect", {
 	rx: "1",
 	key: "1wsw3u"
 }]]);
+/**
+* @license lucide-react v1.14.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
 var PenLine = createLucideIcon("pen-line", [["path", {
 	d: "M13 21h8",
 	key: "1jsn5i"
@@ -782,10 +992,22 @@ var PenLine = createLucideIcon("pen-line", [["path", {
 	d: "M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z",
 	key: "1a8usu"
 }]]);
+/**
+* @license lucide-react v1.14.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
 var Play = createLucideIcon("play", [["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"
 }]]);
+/**
+* @license lucide-react v1.14.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
 var Plus = createLucideIcon("plus", [["path", {
 	d: "M5 12h14",
 	key: "1ays0h"
@@ -793,6 +1015,12 @@ var Plus = createLucideIcon("plus", [["path", {
 	d: "M12 5v14",
 	key: "s699le"
 }]]);
+/**
+* @license lucide-react v1.14.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
 var Quote = createLucideIcon("quote", [["path", {
 	d: "M16 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z",
 	key: "rib7q0"
@@ -800,6 +1028,12 @@ var Quote = createLucideIcon("quote", [["path", {
 	d: "M5 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z",
 	key: "1ymkrd"
 }]]);
+/**
+* @license lucide-react v1.14.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
 var Redo2 = createLucideIcon("redo-2", [["path", {
 	d: "m15 14 5-5-5-5",
 	key: "12vg1m"
@@ -807,6 +1041,12 @@ var Redo2 = createLucideIcon("redo-2", [["path", {
 	d: "M20 9H9.5A5.5 5.5 0 0 0 4 14.5A5.5 5.5 0 0 0 9.5 20H13",
 	key: "6uklza"
 }]]);
+/**
+* @license lucide-react v1.14.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
 var Repeat = createLucideIcon("repeat", [
 	["path", {
 		d: "m17 2 4 4-4 4",
@@ -825,6 +1065,12 @@ var Repeat = createLucideIcon("repeat", [
 		key: "1rx37r"
 	}]
 ]);
+/**
+* @license lucide-react v1.14.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
 var Scale = createLucideIcon("scale", [
 	["path", {
 		d: "M12 3v18",
@@ -847,6 +1093,12 @@ var Scale = createLucideIcon("scale", [
 		key: "1b0cd5"
 	}]
 ]);
+/**
+* @license lucide-react v1.14.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
 var Search = createLucideIcon("search", [["path", {
 	d: "m21 21-4.34-4.34",
 	key: "14j7rj"
@@ -856,6 +1108,12 @@ var Search = createLucideIcon("search", [["path", {
 	r: "8",
 	key: "4ej97u"
 }]]);
+/**
+* @license lucide-react v1.14.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
 var SkipBack = createLucideIcon("skip-back", [["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"
@@ -863,6 +1121,12 @@ var SkipBack = createLucideIcon("skip-back", [["path", {
 	d: "M3 20V4",
 	key: "1ptbpl"
 }]]);
+/**
+* @license lucide-react v1.14.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
 var SkipForward = createLucideIcon("skip-forward", [["path", {
 	d: "M21 4v16",
 	key: "7j8fe9"
@@ -870,6 +1134,12 @@ var SkipForward = createLucideIcon("skip-forward", [["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"
 }]]);
+/**
+* @license lucide-react v1.14.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
 var Tag = createLucideIcon("tag", [["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"
@@ -880,6 +1150,12 @@ var Tag = createLucideIcon("tag", [["path", {
 	fill: "currentColor",
 	key: "kqv944"
 }]]);
+/**
+* @license lucide-react v1.14.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
 var TextAlignStart = createLucideIcon("text-align-start", [
 	["path", {
 		d: "M21 5H3",
@@ -894,6 +1170,12 @@ var TextAlignStart = createLucideIcon("text-align-start", [
 		key: "z6ezky"
 	}]
 ]);
+/**
+* @license lucide-react v1.14.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
 var ToggleLeft = createLucideIcon("toggle-left", [["circle", {
 	cx: "9",
 	cy: "12",
@@ -907,6 +1189,12 @@ var ToggleLeft = createLucideIcon("toggle-left", [["circle", {
 	rx: "7",
 	key: "g7kal2"
 }]]);
+/**
+* @license lucide-react v1.14.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
 var ToggleRight = createLucideIcon("toggle-right", [["circle", {
 	cx: "15",
 	cy: "12",
@@ -920,6 +1208,12 @@ var ToggleRight = createLucideIcon("toggle-right", [["circle", {
 	rx: "7",
 	key: "g7kal2"
 }]]);
+/**
+* @license lucide-react v1.14.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
 var Trash2 = createLucideIcon("trash-2", [
 	["path", {
 		d: "M10 11v6",
@@ -942,6 +1236,12 @@ var Trash2 = createLucideIcon("trash-2", [
 		key: "e791ji"
 	}]
 ]);
+/**
+* @license lucide-react v1.14.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
 var Type = createLucideIcon("type", [
 	["path", {
 		d: "M12 4v16",
@@ -956,6 +1256,12 @@ var Type = createLucideIcon("type", [
 		key: "s66wpe"
 	}]
 ]);
+/**
+* @license lucide-react v1.14.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
 var Undo2 = createLucideIcon("undo-2", [["path", {
 	d: "M9 14 4 9l5-5",
 	key: "102s5s"
@@ -963,6 +1269,12 @@ var Undo2 = createLucideIcon("undo-2", [["path", {
 	d: "M4 9h10.5a5.5 5.5 0 0 1 5.5 5.5a5.5 5.5 0 0 1-5.5 5.5H11",
 	key: "f3b9sd"
 }]]);
+/**
+* @license lucide-react v1.14.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
 var Variable = createLucideIcon("variable", [
 	["path", {
 		d: "M8 21s-4-3-4-9 4-9 4-9",
@@ -987,6 +1299,40 @@ var Variable = createLucideIcon("variable", [
 		key: "1shsy8"
 	}]
 ]);
+/**
+* @license lucide-react v1.14.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
+var Workflow = createLucideIcon("workflow", [
+	["rect", {
+		width: "8",
+		height: "8",
+		x: "3",
+		y: "3",
+		rx: "2",
+		key: "by2w9f"
+	}],
+	["path", {
+		d: "M7 11v4a2 2 0 0 0 2 2h4",
+		key: "xkn7yn"
+	}],
+	["rect", {
+		width: "8",
+		height: "8",
+		x: "13",
+		y: "13",
+		rx: "2",
+		key: "1cgmvn"
+	}]
+]);
+/**
+* @license lucide-react v1.14.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
 var X$1 = createLucideIcon("x", [["path", {
 	d: "M18 6 6 18",
 	key: "1bl5f8"
@@ -994,6 +1340,12 @@ var X$1 = createLucideIcon("x", [["path", {
 	d: "m6 6 12 12",
 	key: "d8bk6v"
 }]]);
+/**
+* @license lucide-react v1.14.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
 var ZoomIn = createLucideIcon("zoom-in", [
 	["circle", {
 		cx: "11",
@@ -1030,18 +1382,18 @@ var BRANCH_COLORS = {
 	no: "#EF4444"
 };
 var CATEGORY_COLORS = {
-	variable: "#5C7CFA",
-	comparison: "#20C997",
-	logical: "#845EF7",
-	arithmetic: "#40C057",
-	string: "#15AABF",
-	array: "#5F3DC4",
-	control: "#F59F00",
-	datetime: "#748FFC",
-	validation: "#ADB5BD",
-	utility: "#6B7280",
-	error: "#FA5252",
-	literal: "#6B7280"
+	variable: "#6366f1",
+	comparison: "#14b8a6",
+	logical: "#8b5cf6",
+	arithmetic: "#22c55e",
+	string: "#06b6d4",
+	array: "#7c3aed",
+	control: "#f59e0b",
+	datetime: "#0ea5e9",
+	validation: "#94a3b8",
+	utility: "#64748b",
+	error: "#ef4444",
+	literal: "#64748b"
 };
 //#endregion
 //#region src/components/logic-editor/config/operators/variable.ts
@@ -6003,179 +6355,99 @@ var errorOperators = {
 };
 //#endregion
 //#region src/components/logic-editor/config/operators/utility.ts
-var utilityOperators = {
-	type: {
-		name: "type",
-		label: "Type",
-		category: "utility",
-		description: "Get the type of a value",
-		arity: {
-			type: "unary",
-			min: 1,
-			max: 1,
-			args: [{
-				name: "value",
-				label: "Value",
-				type: "any",
-				required: true,
-				description: "Value to check type of"
-			}]
-		},
-		help: {
-			summary: "Returns a string indicating the type of a value",
-			details: "Inspects a value and returns its type as a string. Useful for conditional logic based on data types. Includes special detection for datetime and duration strings.",
-			returnType: "string",
-			examples: [
-				{
-					title: "Number type",
-					rule: { type: 42 },
-					result: "number"
-				},
-				{
-					title: "String type",
-					rule: { type: "hello" },
-					result: "string"
-				},
-				{
-					title: "Boolean type",
-					rule: { type: true },
-					result: "boolean"
-				},
-				{
-					title: "Null type",
-					rule: { type: null },
-					result: "null"
-				},
-				{
-					title: "Array type",
-					rule: { type: [
-						1,
-						2,
-						3
-					] },
-					result: "array"
-				},
-				{
-					title: "Object type",
-					rule: { type: { key: "value" } },
-					result: "object"
-				},
-				{
-					title: "Datetime detection",
-					rule: { type: "2024-01-15T10:30:00Z" },
-					result: "datetime",
-					note: "ISO 8601 strings detected as datetime"
-				},
-				{
-					title: "Duration detection",
-					rule: { type: "2h30m" },
-					result: "duration",
-					note: "Duration strings detected automatically"
-				},
-				{
-					title: "With variable",
-					rule: { type: { var: "value" } },
-					data: { value: [
-						1,
-						2,
-						3
-					] },
-					result: "array"
-				}
-			],
-			notes: [
-				"Returns: \"null\", \"boolean\", \"number\", \"string\", \"array\", \"object\", \"datetime\", \"duration\"",
-				"Datetime: detected by ISO 8601 format (contains T, :, and Z or +)",
-				"Duration: detected by time units (d, h, m, s) with digits",
-				"Empty arrays and objects are still \"array\" and \"object\""
-			],
-			seeAlso: ["!!"]
-		},
-		ui: {
-			icon: "info",
-			shortLabel: "type",
-			nodeType: "operator"
-		}
+var utilityOperators = { type: {
+	name: "type",
+	label: "Type",
+	category: "utility",
+	description: "Get the type of a value",
+	arity: {
+		type: "unary",
+		min: 1,
+		max: 1,
+		args: [{
+			name: "value",
+			label: "Value",
+			type: "any",
+			required: true,
+			description: "Value to check type of"
+		}]
 	},
-	preserve: {
-		name: "preserve",
-		label: "Preserve",
-		category: "utility",
-		description: "Pass values through unchanged (templating mode)",
-		arity: {
-			type: "special",
-			min: 0,
-			args: [{
-				name: "value",
-				label: "Value",
-				type: "any",
-				required: false,
-				repeatable: true,
-				description: "Value(s) to preserve"
-			}]
-		},
-		help: {
-			summary: "Evaluate and return values unchanged",
-			details: "Used in structure preservation (templating) mode to pass values through without interpretation as operators. With one argument, returns that value. With multiple arguments, returns an array.",
-			returnType: "any",
-			examples: [
-				{
-					title: "Preserve single value",
-					rule: { preserve: 42 },
-					result: 42
-				},
-				{
-					title: "Preserve expression result",
-					rule: { preserve: { "+": [1, 2] } },
-					result: 3
-				},
-				{
-					title: "Preserve multiple values",
-					rule: { preserve: [
-						1,
-						2,
-						3
-					] },
-					result: [
-						1,
-						2,
-						3
-					]
-				},
-				{
-					title: "No arguments",
-					rule: { preserve: [] },
-					result: []
-				},
-				{
-					title: "In template context",
-					rule: {
-						name: { var: "user.name" },
-						status: { preserve: "active" }
-					},
-					data: { user: { name: "Alice" } },
-					result: {
-						name: "Alice",
-						status: "active"
-					},
-					note: "With preserve_structure enabled"
-				}
-			],
-			notes: [
-				"Used with preserve_structure mode for JSON templating",
-				"No arguments: returns empty array",
-				"One argument: returns that argument evaluated",
-				"Multiple arguments: returns array of evaluated arguments"
-			],
-			seeAlso: ["var", "val"]
-		},
-		ui: {
-			icon: "lock",
-			shortLabel: "keep",
-			nodeType: "operator"
-		}
+	help: {
+		summary: "Returns a string indicating the type of a value",
+		details: "Inspects a value and returns its type as a string. Useful for conditional logic based on data types. Includes special detection for datetime and duration strings.",
+		returnType: "string",
+		examples: [
+			{
+				title: "Number type",
+				rule: { type: 42 },
+				result: "number"
+			},
+			{
+				title: "String type",
+				rule: { type: "hello" },
+				result: "string"
+			},
+			{
+				title: "Boolean type",
+				rule: { type: true },
+				result: "boolean"
+			},
+			{
+				title: "Null type",
+				rule: { type: null },
+				result: "null"
+			},
+			{
+				title: "Array type",
+				rule: { type: [
+					1,
+					2,
+					3
+				] },
+				result: "array"
+			},
+			{
+				title: "Object type",
+				rule: { type: { key: "value" } },
+				result: "object"
+			},
+			{
+				title: "Datetime detection",
+				rule: { type: "2024-01-15T10:30:00Z" },
+				result: "datetime",
+				note: "ISO 8601 strings detected as datetime"
+			},
+			{
+				title: "Duration detection",
+				rule: { type: "2h30m" },
+				result: "duration",
+				note: "Duration strings detected automatically"
+			},
+			{
+				title: "With variable",
+				rule: { type: { var: "value" } },
+				data: { value: [
+					1,
+					2,
+					3
+				] },
+				result: "array"
+			}
+		],
+		notes: [
+			"Returns: \"null\", \"boolean\", \"number\", \"string\", \"array\", \"object\", \"datetime\", \"duration\"",
+			"Datetime: detected by ISO 8601 format (contains T, :, and Z or +)",
+			"Duration: detected by time units (d, h, m, s) with digits",
+			"Empty arrays and objects are still \"array\" and \"object\""
+		],
+		seeAlso: ["!!"]
+	},
+	ui: {
+		icon: "info",
+		shortLabel: "type",
+		nodeType: "operator"
 	}
-};
+} };
 //#endregion
 //#region src/components/logic-editor/config/operators/index.ts
 /**
@@ -6280,26 +6552,24 @@ function getParentInfo(context) {
 	};
 }
 //#endregion
-//#region ../node_modules/.pnpm/uuid@13.0.0/node_modules/uuid/dist/stringify.js
+//#region node_modules/uuid/dist/stringify.js
 var byteToHex = [];
 for (let i = 0; i < 256; ++i) byteToHex.push((i + 256).toString(16).slice(1));
 function unsafeStringify(arr, offset = 0) {
 	return (byteToHex[arr[offset + 0]] + byteToHex[arr[offset + 1]] + byteToHex[arr[offset + 2]] + byteToHex[arr[offset + 3]] + "-" + byteToHex[arr[offset + 4]] + byteToHex[arr[offset + 5]] + "-" + byteToHex[arr[offset + 6]] + byteToHex[arr[offset + 7]] + "-" + byteToHex[arr[offset + 8]] + byteToHex[arr[offset + 9]] + "-" + byteToHex[arr[offset + 10]] + byteToHex[arr[offset + 11]] + byteToHex[arr[offset + 12]] + byteToHex[arr[offset + 13]] + byteToHex[arr[offset + 14]] + byteToHex[arr[offset + 15]]).toLowerCase();
 }
 //#endregion
-//#region ../node_modules/.pnpm/uuid@13.0.0/node_modules/uuid/dist/rng.js
-var getRandomValues;
+//#region node_modules/uuid/dist/rng.js
 var rnds8 = new Uint8Array(16);
 function rng() {
-	if (!getRandomValues) {
-		if (typeof crypto === "undefined" || !crypto.getRandomValues) throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");
-		getRandomValues = crypto.getRandomValues.bind(crypto);
-	}
-	return getRandomValues(rnds8);
+	return crypto.getRandomValues(rnds8);
 }
-var native_default = { randomUUID: typeof crypto !== "undefined" && crypto.randomUUID && crypto.randomUUID.bind(crypto) };
 //#endregion
-//#region ../node_modules/.pnpm/uuid@13.0.0/node_modules/uuid/dist/v4.js
+//#region node_modules/uuid/dist/v4.js
+function v4(options, buf, offset) {
+	if (!buf && !options && crypto.randomUUID) return crypto.randomUUID();
+	return _v4(options, buf, offset);
+}
 function _v4(options, buf, offset) {
 	options = options || {};
 	const rnds = options.random ?? options.rng?.() ?? rng();
@@ -6314,10 +6584,6 @@ function _v4(options, buf, offset) {
 	}
 	return unsafeStringify(rnds);
 }
-function v4(options, buf, offset) {
-	if (native_default.randomUUID && !buf && !options) return native_default.randomUUID();
-	return _v4(options, buf, offset);
-}
 //#endregion
 //#region src/components/logic-editor/utils/formatting/expression-text.ts
 var COMPARISON_OPERATORS$1 = [
@@ -6884,70 +7150,70 @@ var categories = {
 		name: "variable",
 		label: "Variables",
 		description: "Access data from the context",
-		color: "#5C7CFA",
+		color: "#6366f1",
 		icon: "database"
 	},
 	comparison: {
 		name: "comparison",
 		label: "Comparison",
 		description: "Compare values",
-		color: "#20C997",
+		color: "#14b8a6",
 		icon: "scale"
 	},
 	logical: {
 		name: "logical",
 		label: "Logical",
 		description: "Boolean logic operations",
-		color: "#845EF7",
+		color: "#8b5cf6",
 		icon: "binary"
 	},
 	arithmetic: {
 		name: "arithmetic",
 		label: "Arithmetic",
 		description: "Mathematical operations",
-		color: "#40C057",
+		color: "#22c55e",
 		icon: "calculator"
 	},
 	control: {
 		name: "control",
 		label: "Control Flow",
 		description: "Conditional branching",
-		color: "#F59F00",
+		color: "#f59e0b",
 		icon: "git-branch"
 	},
 	string: {
 		name: "string",
 		label: "String",
 		description: "Text manipulation",
-		color: "#15AABF",
+		color: "#06b6d4",
 		icon: "type"
 	},
 	array: {
 		name: "array",
 		label: "Array",
 		description: "Array operations and iteration",
-		color: "#5F3DC4",
+		color: "#7c3aed",
 		icon: "layers"
 	},
 	datetime: {
 		name: "datetime",
 		label: "Date & Time",
 		description: "Date and time operations",
-		color: "#748FFC",
+		color: "#0ea5e9",
 		icon: "clock"
 	},
 	validation: {
 		name: "validation",
 		label: "Validation",
 		description: "Check for missing values",
-		color: "#ADB5BD",
+		color: "#94a3b8",
 		icon: "alert-circle"
 	},
 	error: {
 		name: "error",
 		label: "Error Handling",
 		description: "Handle errors gracefully",
-		color: "#FA5252",
+		color: "#ef4444",
 		icon: "circle-x"
 	},
 	utility: {
@@ -7015,7 +7281,7 @@ function convertVariable(operator, operands, context, convertValue) {
 			edges: context.edges,
 			parentId: nodeId,
 			argIndex: 1,
-			preserveStructure: context.preserveStructure
+			templating: context.templating
 		});
 		const summary = generateArgSummary(defaultValue);
 		summary.label = generateExpressionText(defaultValue, TRUNCATION_LIMITS.expressionText);
@@ -7072,7 +7338,7 @@ function convertIfElse(ifArgs, context, convertValue) {
 		parentId: parentInfo.parentId,
 		argIndex: parentInfo.argIndex,
 		branchType: parentInfo.branchType,
-		preserveStructure: context.preserveStructure
+		templating: context.templating
 	});
 	const cells = [];
 	let cellIndex = 0;
@@ -7087,7 +7353,7 @@ function convertIfElse(ifArgs, context, convertValue) {
 			parentId: nodeId,
 			argIndex: idx,
 			branchType: "condition",
-			preserveStructure: context.preserveStructure
+			templating: context.templating
 		});
 		context.edges.push({
 			id: `${nodeId}-cond-${conditionBranchId}`,
@@ -7112,7 +7378,7 @@ function convertIfElse(ifArgs, context, convertValue) {
 			parentId: nodeId,
 			argIndex: idx + 1,
 			branchType: "yes",
-			preserveStructure: context.preserveStructure
+			templating: context.templating
 		});
 		context.edges.push({
 			id: `${nodeId}-then-${thenBranchId}`,
@@ -7141,7 +7407,7 @@ function convertIfElse(ifArgs, context, convertValue) {
 			parentId: nodeId,
 			argIndex: ifArgs.length - 1,
 			branchType: "no",
-			preserveStructure: context.preserveStructure
+			templating: context.templating
 		});
 		context.edges.push({
 			id: `${nodeId}-else-${elseBranchId}`,
@@ -7224,7 +7490,7 @@ function convertSwitch(operator, switchArgs, context, convertValue) {
 				parentId: nodeId,
 				argIndex: 0,
 				branchType: "branch",
-				preserveStructure: context.preserveStructure
+				templating: context.templating
 			});
 			context.edges.push(createBranchEdge(nodeId, discBranchId, cellIndex));
 			cells.push({
@@ -7260,7 +7526,7 @@ function convertSwitch(operator, switchArgs, context, convertValue) {
 					parentId: nodeId,
 					argIndex: cellIndex,
 					branchType: "branch",
-					preserveStructure: context.preserveStructure
+					templating: context.templating
 				});
 				context.edges.push(createBranchEdge(nodeId, caseBranchId, cellIndex));
 				cells.push({
@@ -7287,7 +7553,7 @@ function convertSwitch(operator, switchArgs, context, convertValue) {
 					parentId: nodeId,
 					argIndex: cellIndex,
 					branchType: "yes",
-					preserveStructure: context.preserveStructure
+					templating: context.templating
 				});
 				context.edges.push(createBranchEdge(nodeId, resultBranchId, cellIndex));
 				cells.push({
@@ -7318,7 +7584,7 @@ function convertSwitch(operator, switchArgs, context, convertValue) {
 				parentId: nodeId,
 				argIndex: cellIndex,
 				branchType: "no",
-				preserveStructure: context.preserveStructure
+				templating: context.templating
 			});
 			context.edges.push(createBranchEdge(nodeId, defaultBranchId, cellIndex));
 			cells.push({
@@ -7385,7 +7651,7 @@ function convertOperator$1(operator, operandArray, context, convertValue) {
 				parentId: nodeId,
 				argIndex: idx,
 				branchType: "branch",
-				preserveStructure: context.preserveStructure
+				templating: context.templating
 			});
 			const summary = generateArgSummary(operand);
 			summary.label = generateExpressionText(operand, TRUNCATION_LIMITS.expressionText);
@@ -7449,7 +7715,7 @@ function convertStructure$1(value, context, convertValue) {
 				edges: context.edges,
 				parentId: nodeId,
 				argIndex: expressionIndex,
-				preserveStructure: context.preserveStructure
+				templating: context.templating
 			});
 			elements.push({
 				type: "expression",
@@ -7533,7 +7799,7 @@ function walkAndCollect(value, path, onValue) {
 //#endregion
 //#region src/components/logic-editor/utils/converters/index.ts
 function convertValue(value, context) {
-	if (context.preserveStructure && isDataStructure(value)) return convertStructure$1(value, context, convertValue);
+	if (context.templating && isDataStructure(value)) return convertStructure$1(value, context, convertValue);
 	if (!isPlainObject(value)) return convertPrimitive(value, context);
 	const keys = Object.keys(value);
 	if (keys.length !== 1) return convertInvalidObject(value, context);
@@ -7560,7 +7826,7 @@ function jsonLogicToNodes(expr, options = {}) {
 		rootId: convertValue(expr, {
 			nodes,
 			edges,
-			preserveStructure: options.preserveStructure
+			templating: options.templating
 		})
 	};
 }
@@ -7602,8 +7868,8 @@ function buildEvaluationResultsFromTrace(trace) {
 /**
 * Determine what kind of node to create based on expression
 */
-function determineNodeType(expr, preserveStructure) {
-	if (preserveStructure && isDataStructure(expr)) return "structure";
+function determineNodeType(expr, templating) {
+	if (templating && isDataStructure(expr)) return "structure";
 	if (expr === null || typeof expr !== "object" || Array.isArray(expr)) return "literal";
 	if (Object.keys(expr).length !== 1) return "literal";
 	return "operator";
@@ -7998,7 +8264,7 @@ function createIfElseNodeFromTrace(nodeId, expression, children, context, parent
 				branchType: "condition"
 			});
 		} else {
-			const nextUnused = determineNodeType(condition, context.preserveStructure) !== "literal" ? getNextUnusedChild(children, usedChildIndices) : null;
+			const nextUnused = determineNodeType(condition, context.templating) !== "literal" ? getNextUnusedChild(children, usedChildIndices) : null;
 			if (nextUnused) {
 				usedChildIndices.add(nextUnused.index);
 				conditionBranchId = processExpressionNode(nextUnused.child, context, {
@@ -8036,7 +8302,7 @@ function createIfElseNodeFromTrace(nodeId, expression, children, context, parent
 				branchType: "yes"
 			});
 		} else {
-			const nextUnused = determineNodeType(thenValue, context.preserveStructure) !== "literal" ? getNextUnusedChild(children, usedChildIndices) : null;
+			const nextUnused = determineNodeType(thenValue, context.templating) !== "literal" ? getNextUnusedChild(children, usedChildIndices) : null;
 			if (nextUnused) {
 				usedChildIndices.add(nextUnused.index);
 				thenBranchId = processExpressionNode(nextUnused.child, context, {
@@ -8078,7 +8344,7 @@ function createIfElseNodeFromTrace(nodeId, expression, children, context, parent
 				branchType: "no"
 			});
 		} else {
-			const nextUnused = determineNodeType(elseValue, context.preserveStructure) !== "literal" ? getNextUnusedChild(children, usedChildIndices) : null;
+			const nextUnused = determineNodeType(elseValue, context.templating) !== "literal" ? getNextUnusedChild(children, usedChildIndices) : null;
 			if (nextUnused) {
 				usedChildIndices.add(nextUnused.index);
 				elseBranchId = processExpressionNode(nextUnused.child, context, {
@@ -8163,7 +8429,7 @@ function createSwitchNodeFromTrace(nodeId, expression, children, context, parent
 				branchType
 			});
 		} else {
-			const nextUnused = determineNodeType(value, context.preserveStructure) !== "literal" ? getNextUnusedChild(children, usedChildIndices) : null;
+			const nextUnused = determineNodeType(value, context.templating) !== "literal" ? getNextUnusedChild(children, usedChildIndices) : null;
 			if (nextUnused) {
 				usedChildIndices.add(nextUnused.index);
 				branchId = processExpressionNode(nextUnused.child, context, {
@@ -8309,11 +8575,11 @@ var EXPR_PLACEHOLDER = "{{EXPR}}";
 var EXPR_PLACEHOLDER_QUOTED = `"${EXPR_PLACEHOLDER}"`;
 /**
 * Check if a value should be treated as an expression branch in trace conversion
-* This includes JSONLogic expressions and nested structures (when preserveStructure is enabled)
+* This includes JSONLogic expressions and nested structures (when templating is enabled)
 */
-function isExpressionBranch(item, preserveStructure) {
+function isExpressionBranch(item, templating) {
 	if (isJsonLogicExpression(item)) return true;
-	if (preserveStructure && isDataStructure(item)) return true;
+	if (templating && isDataStructure(item)) return true;
 	return false;
 }
 /**
@@ -8322,7 +8588,7 @@ function isExpressionBranch(item, preserveStructure) {
 function walkAndCollectFromTrace(value, path, onValue, context) {
 	if (Array.isArray(value)) return value.map((item, index) => {
 		const itemPath = [...path, String(index)];
-		if (isExpressionBranch(item, context.preserveStructure)) return onValue(itemPath, item);
+		if (isExpressionBranch(item, context.templating)) return onValue(itemPath, item);
 		else if (typeof item === "object" && item !== null) return walkAndCollectFromTrace(item, itemPath, onValue, context);
 		return item;
 	});
@@ -8330,7 +8596,7 @@ function walkAndCollectFromTrace(value, path, onValue, context) {
 		const result = {};
 		for (const [key, item] of Object.entries(value)) {
 			const itemPath = [...path, key];
-			if (isExpressionBranch(item, context.preserveStructure)) result[key] = onValue(itemPath, item, key);
+			if (isExpressionBranch(item, context.templating)) result[key] = onValue(itemPath, item, key);
 			else if (typeof item === "object" && item !== null) result[key] = walkAndCollectFromTrace(item, itemPath, onValue, context);
 			else result[key] = item;
 		}
@@ -8435,7 +8701,7 @@ function traceToNodes(trace, options = {}) {
 		nodes,
 		edges,
 		traceNodeMap,
-		preserveStructure: options.preserveStructure ?? false
+		templating: options.templating ?? false
 	}, {}, rootExpression);
 	return {
 		nodes,
@@ -8452,7 +8718,7 @@ function processExpressionNode(exprNode, context, parentInfo = {}, originalExpre
 	const nodeId = traceIdToNodeId(exprNode.id);
 	const expression = originalExpression ?? JSON.parse(exprNode.expression);
 	context.traceNodeMap.set(nodeId, nodeId);
-	switch (determineNodeType(expression, context.preserveStructure)) {
+	switch (determineNodeType(expression, context.templating)) {
 		case "literal":
 			createLiteralNodeFromTrace(nodeId, expression, exprNode.children, context, parentInfo);
 			break;
@@ -8487,7 +8753,7 @@ function processExpressionNode(exprNode, context, parentInfo = {}, originalExpre
 * This properly handles all node types (operators, variables, structures, etc.)
 */
 function createFallbackNode(nodeId, value, context, parentInfo) {
-	switch (determineNodeType(value, context.preserveStructure)) {
+	switch (determineNodeType(value, context.templating)) {
 		case "literal":
 			createLiteralNodeFromTrace(nodeId, value, [], context, parentInfo);
 			break;
@@ -8517,7 +8783,7 @@ function createFallbackNode(nodeId, value, context, parentInfo) {
 	}
 }
 //#endregion
-//#region ../node_modules/.pnpm/@dagrejs+dagre@3.0.0/node_modules/@dagrejs/dagre/dist/dagre.esm.js
+//#region node_modules/@dagrejs/dagre/dist/dagre.esm.js
 var ge = Object.defineProperty;
 var hn = (e, n, t) => n in e ? ge(e, n, {
 	enumerable: !0,
@@ -10699,7 +10965,7 @@ var MAX_RECURSION_DEPTH = 100;
 var emptyResults$1 = /* @__PURE__ */ new Map();
 var emptySteps = [];
 var emptyTraceNodeMap = /* @__PURE__ */ new Map();
-function useLogicEditor({ value, evaluateWithTrace, data, preserveStructure = false }) {
+function useLogicEditor({ value, evaluateWithTrace, data, templating = false }) {
 	const [nodes, setNodes] = useState([]);
 	const [edges, setEdges] = useState([]);
 	const [error, setError] = useState(null);
@@ -10710,12 +10976,12 @@ function useLogicEditor({ value, evaluateWithTrace, data, preserveStructure = fa
 	const lastExternalValueRef = useRef("");
 	const lastDataRef = useRef("");
 	const lastHadTraceRef = useRef(false);
-	const lastPreserveStructureRef = useRef(false);
+	const lastTemplatingRef = useRef(false);
 	useEffect(() => {
 		const valueStr = JSON.stringify(value);
 		const dataStr = JSON.stringify(data);
 		const hasTrace = !!evaluateWithTrace;
-		if (valueStr === lastExternalValueRef.current && dataStr === lastDataRef.current && hasTrace === lastHadTraceRef.current && preserveStructure === lastPreserveStructureRef.current) return;
+		if (valueStr === lastExternalValueRef.current && dataStr === lastDataRef.current && hasTrace === lastHadTraceRef.current && templating === lastTemplatingRef.current) return;
 		try {
 			if (!checkDepth(value, MAX_RECURSION_DEPTH)) {
 				setError(`Expression exceeds maximum nesting depth of ${MAX_RECURSION_DEPTH}`);
@@ -10728,13 +10994,13 @@ function useLogicEditor({ value, evaluateWithTrace, data, preserveStructure = fa
 				lastExternalValueRef.current = valueStr;
 				lastDataRef.current = dataStr;
 				lastHadTraceRef.current = hasTrace;
-				lastPreserveStructureRef.current = preserveStructure;
+				lastTemplatingRef.current = templating;
 				return;
 			}
 			if (evaluateWithTrace && value) try {
 				const trace = evaluateWithTrace(value, data ?? {});
 				const { nodes: newNodes, edges: newEdges, traceNodeMap: newTraceNodeMap } = traceToNodes(trace, {
-					preserveStructure,
+					templating,
 					originalValue: value
 				});
 				const layoutedNodes = applyTreeLayout(newNodes, newEdges);
@@ -10749,12 +11015,12 @@ function useLogicEditor({ value, evaluateWithTrace, data, preserveStructure = fa
 				lastExternalValueRef.current = valueStr;
 				lastDataRef.current = dataStr;
 				lastHadTraceRef.current = hasTrace;
-				lastPreserveStructureRef.current = preserveStructure;
+				lastTemplatingRef.current = templating;
 				return;
 			} catch (traceErr) {
 				console.warn("Trace conversion failed, falling back to JS:", traceErr);
 			}
-			const { nodes: newNodes, edges: newEdges } = jsonLogicToNodes(value, { preserveStructure });
+			const { nodes: newNodes, edges: newEdges } = jsonLogicToNodes(value, { templating });
 			setNodes(applyTreeLayout(newNodes, newEdges));
 			setEdges(newEdges);
 			setEvaluationResults(emptyResults$1);
@@ -10774,12 +11040,12 @@ function useLogicEditor({ value, evaluateWithTrace, data, preserveStructure = fa
 		lastExternalValueRef.current = valueStr;
 		lastDataRef.current = dataStr;
 		lastHadTraceRef.current = hasTrace;
-		lastPreserveStructureRef.current = preserveStructure;
+		lastTemplatingRef.current = templating;
 	}, [
 		value,
 		data,
 		evaluateWithTrace,
-		preserveStructure
+		templating
 	]);
 	return useMemo(() => ({
 		nodes,
@@ -11434,18 +11700,21 @@ var MAX_HISTORY_SIZE = 50;
 function useHistoryState(nodesRef, setInternalNodes, onNodesChange, clearSelection) {
 	const undoStackRef = useRef([]);
 	const redoStackRef = useRef([]);
-	const [historyVersion, setHistoryVersion] = useState(0);
+	const [canUndo, setCanUndo] = useState(false);
+	const [canRedo, setCanRedo] = useState(false);
 	return {
 		pushToUndoStack: useCallback((nodes) => {
 			undoStackRef.current = [...undoStackRef.current.slice(-MAX_HISTORY_SIZE + 1), JSON.parse(JSON.stringify(nodes))];
 			redoStackRef.current = [];
-			setHistoryVersion((v) => v + 1);
+			setCanUndo(true);
+			setCanRedo(false);
 		}, []),
 		undo: useCallback(() => {
 			if (undoStackRef.current.length === 0) return;
 			const previousState = undoStackRef.current.pop();
 			redoStackRef.current.push(JSON.parse(JSON.stringify(nodesRef.current)));
-			setHistoryVersion((v) => v + 1);
+			setCanUndo(undoStackRef.current.length > 0);
+			setCanRedo(true);
 			setInternalNodes(previousState);
 			onNodesChange?.(previousState);
 			clearSelection();
@@ -11459,7 +11728,8 @@ function useHistoryState(nodesRef, setInternalNodes, onNodesChange, clearSelecti
 			if (redoStackRef.current.length === 0) return;
 			const nextState = redoStackRef.current.pop();
 			undoStackRef.current.push(JSON.parse(JSON.stringify(nodesRef.current)));
-			setHistoryVersion((v) => v + 1);
+			setCanUndo(true);
+			setCanRedo(redoStackRef.current.length > 0);
 			setInternalNodes(nextState);
 			onNodesChange?.(nextState);
 			clearSelection();
@@ -11469,8 +11739,8 @@ function useHistoryState(nodesRef, setInternalNodes, onNodesChange, clearSelecti
 			onNodesChange,
 			clearSelection
 		]),
-		canUndo: useMemo(() => undoStackRef.current.length > 0, [historyVersion]),
-		canRedo: useMemo(() => redoStackRef.current.length > 0, [historyVersion])
+		canUndo,
+		canRedo
 	};
 }
 //#endregion
@@ -11483,15 +11753,16 @@ function useHistoryState(nodesRef, setInternalNodes, onNodesChange, clearSelecti
 function useClipboardState(deps) {
 	const { selectedNode, internalNodes, pushToUndoStack, setInternalNodes, onNodesChange, setSelectedNodeId, setPanelValues, hasEditedRef } = deps;
 	const clipboardRef = useRef(null);
-	const [clipboardVersion, setClipboardVersion] = useState(0);
+	const [canPaste, setCanPaste] = useState(false);
 	return {
 		copyNode: useCallback(() => {
 			if (!selectedNode) return;
+			const copiedNodes = [selectedNode, ...getDescendants(selectedNode.id, internalNodes)].map((n) => JSON.parse(JSON.stringify(n)));
 			clipboardRef.current = {
-				nodes: [selectedNode, ...getDescendants(selectedNode.id, internalNodes)].map((n) => JSON.parse(JSON.stringify(n))),
+				nodes: copiedNodes,
 				rootId: selectedNode.id
 			};
-			setClipboardVersion((v) => v + 1);
+			setCanPaste(copiedNodes.length > 0);
 		}, [selectedNode, internalNodes]),
 		pasteNode: useCallback(() => {
 			const clipboard = clipboardRef.current;
@@ -11545,7 +11816,7 @@ function useClipboardState(deps) {
 			setPanelValues,
 			hasEditedRef
 		]),
-		canPaste: useMemo(() => clipboardRef.current !== null && clipboardRef.current.nodes.length > 0, [clipboardVersion])
+		canPaste
 	};
 }
 //#endregion
@@ -13146,14 +13417,33 @@ function useNodeCollapse(nodeId) {
 }
 //#endregion
 //#region src/components/logic-editor/hooks/useWasmEvaluator.ts
-/** Extract error message from unknown error types (Error objects, strings from WASM, etc.) */
-function extractErrorMessage(err, fallback) {
-	if (err instanceof Error) return err.message;
-	if (typeof err === "string") return err;
-	return fallback;
+/** Error thrown from the WASM boundary that carries the parsed StructuredError. */
+var DataLogicEvaluationError = class extends Error {
+	structured;
+	constructor(structured) {
+		super(structured.message || structured.type);
+		this.name = "DataLogicEvaluationError";
+		this.structured = structured;
+	}
+};
+/**
+* Attempt to parse a WASM error message as a StructuredError JSON document.
+* The WASM boundary always produces JSON; non-JSON errors fall back to a
+* synthetic `Unknown` StructuredError so downstream code has a uniform shape.
+*/
+function parseStructuredError(err, fallbackMessage) {
+	const raw = err instanceof Error ? err.message : typeof err === "string" ? err : fallbackMessage;
+	try {
+		const parsed = JSON.parse(raw);
+		if (parsed && typeof parsed === "object" && "type" in parsed && "message" in parsed) return parsed;
+	} catch {}
+	return {
+		type: "Unknown",
+		message: raw
+	};
 }
 function useWasmEvaluator(options = {}) {
-	const { preserveStructure = false } = options;
+	const { templating = false } = options;
 	const [ready, setReady] = useState(false);
 	const [loading, setLoading] = useState(true);
 	const [error, setError] = useState(null);
@@ -13164,12 +13454,12 @@ function useWasmEvaluator(options = {}) {
 			try {
 				setLoading(true);
 				setError(null);
-				const wasm = await import("./datalogic_wasm-daWVf40b.js");
+				const wasm = await import("./datalogic_wasm-CF1jcNAu.js");
 				await wasm.default();
 				if (!cancelled) {
 					moduleRef.current = {
 						evaluate: wasm.evaluate,
-						evaluate_with_trace: wasm.evaluate_with_trace,
+						evaluateWithTrace: wasm.evaluateWithTrace,
 						CompiledRule: wasm.CompiledRule
 					};
 					setReady(true);
@@ -13193,27 +13483,27 @@ function useWasmEvaluator(options = {}) {
 		error,
 		evaluate: useCallback((logic, data) => {
 			if (!moduleRef.current) throw new Error("WASM module not initialized");
+			const logicStr = JSON.stringify(logic);
+			const dataStr = JSON.stringify(data);
 			try {
-				const logicStr = JSON.stringify(logic);
-				const dataStr = JSON.stringify(data);
-				const resultStr = moduleRef.current.evaluate(logicStr, dataStr, preserveStructure);
+				const resultStr = moduleRef.current.evaluate(logicStr, dataStr, templating);
 				return JSON.parse(resultStr);
 			} catch (err) {
-				throw new Error(extractErrorMessage(err, "Evaluation failed"), { cause: err });
+				throw new DataLogicEvaluationError(parseStructuredError(err, "Evaluation failed"));
 			}
-		}, [preserveStructure]),
+		}, [templating]),
 		evaluateWithTrace: useCallback((logic, data) => {
 			if (!moduleRef.current) throw new Error("WASM module not initialized");
-			if (!moduleRef.current.evaluate_with_trace) throw new Error("evaluate_with_trace not available in WASM module");
+			if (!moduleRef.current.evaluateWithTrace) throw new Error("evaluateWithTrace not available in WASM module");
+			const logicStr = JSON.stringify(logic);
+			const dataStr = JSON.stringify(data);
 			try {
-				const logicStr = JSON.stringify(logic);
-				const dataStr = JSON.stringify(data);
-				const resultStr = moduleRef.current.evaluate_with_trace(logicStr, dataStr, preserveStructure);
+				const resultStr = moduleRef.current.evaluateWithTrace(logicStr, dataStr, templating);
 				return JSON.parse(resultStr);
 			} catch (err) {
-				throw new Error(extractErrorMessage(err, "Trace evaluation failed"), { cause: err });
+				throw new DataLogicEvaluationError(parseStructuredError(err, "Trace evaluation failed"));
 			}
-		}, [preserveStructure])
+		}, [templating])
 	};
 }
 //#endregion
@@ -15362,6 +15652,136 @@ function convertStructure(data, nodeMap) {
 	return obj;
 }
 //#endregion
+//#region src/components/Tooltip.tsx
+var OFFSET = 8;
+/**
+* Lightweight tooltip primitive.
+*
+* Wraps its children in a layout-neutral `<span>` that catches hover/focus
+* events, then renders the tooltip itself into a portal at `document.body`
+* with `position: fixed` — so it's immune to `overflow: hidden` or stacking-
+* context clipping from any ancestor (e.g. `.logic-editor`'s rounded clip).
+*
+* Hides on coarse-pointer / no-hover devices via CSS.
+*/
+function Tooltip({ label, shortcut, side = "bottom", delay = 300, children }) {
+	const [visible, setVisible] = useState(false);
+	const [position, setPosition] = useState(null);
+	const triggerRef = useRef(null);
+	const tooltipRef = useRef(null);
+	const showTimerRef = useRef(null);
+	const computePosition = useCallback(() => {
+		const trigger = triggerRef.current;
+		const tooltip = tooltipRef.current;
+		if (!trigger) return null;
+		const triggerRect = trigger.getBoundingClientRect();
+		const tooltipRect = tooltip?.getBoundingClientRect();
+		const w = tooltipRect?.width ?? 0;
+		const h = tooltipRect?.height ?? 0;
+		const compute = (s) => {
+			switch (s) {
+				case "top": return {
+					top: triggerRect.top - h - OFFSET,
+					left: triggerRect.left + triggerRect.width / 2 - w / 2
+				};
+				case "bottom": return {
+					top: triggerRect.bottom + OFFSET,
+					left: triggerRect.left + triggerRect.width / 2 - w / 2
+				};
+				case "left": return {
+					top: triggerRect.top + triggerRect.height / 2 - h / 2,
+					left: triggerRect.left - w - OFFSET
+				};
+				case "right": return {
+					top: triggerRect.top + triggerRect.height / 2 - h / 2,
+					left: triggerRect.right + OFFSET
+				};
+			}
+		};
+		let chosen = side;
+		let { top, left } = compute(side);
+		const margin = 4;
+		if (side === "bottom" && top + h > window.innerHeight - margin) {
+			chosen = "top";
+			({top, left} = compute("top"));
+		} else if (side === "top" && top < margin) {
+			chosen = "bottom";
+			({top, left} = compute("bottom"));
+		} else if (side === "right" && left + w > window.innerWidth - margin) {
+			chosen = "left";
+			({top, left} = compute("left"));
+		} else if (side === "left" && left < margin) {
+			chosen = "right";
+			({top, left} = compute("right"));
+		}
+		left = Math.max(margin, Math.min(left, window.innerWidth - w - margin));
+		top = Math.max(margin, Math.min(top, window.innerHeight - h - margin));
+		return {
+			top,
+			left,
+			side: chosen
+		};
+	}, [side]);
+	const show = useCallback(() => {
+		if (showTimerRef.current) clearTimeout(showTimerRef.current);
+		showTimerRef.current = setTimeout(() => {
+			setVisible(true);
+		}, delay);
+	}, [delay]);
+	const hide = useCallback(() => {
+		if (showTimerRef.current) {
+			clearTimeout(showTimerRef.current);
+			showTimerRef.current = null;
+		}
+		setVisible(false);
+		setPosition(null);
+	}, []);
+	useEffect(() => {
+		return () => {
+			if (showTimerRef.current) clearTimeout(showTimerRef.current);
+		};
+	}, []);
+	useLayoutEffect(() => {
+		if (!visible) return;
+		setPosition(computePosition());
+		const handleReposition = () => setPosition(computePosition());
+		window.addEventListener("scroll", handleReposition, true);
+		window.addEventListener("resize", handleReposition);
+		return () => {
+			window.removeEventListener("scroll", handleReposition, true);
+			window.removeEventListener("resize", handleReposition);
+		};
+	}, [visible, computePosition]);
+	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("span", {
+		ref: triggerRef,
+		className: "dl-tooltip-wrap",
+		onMouseEnter: show,
+		onMouseLeave: hide,
+		onFocus: show,
+		onBlur: hide,
+		"aria-label": label,
+		children
+	}), visible && typeof document !== "undefined" && createPortal(/* @__PURE__ */ jsxs("div", {
+		ref: tooltipRef,
+		role: "tooltip",
+		className: "dl-tooltip",
+		"data-side": position?.side ?? side,
+		style: {
+			position: "fixed",
+			top: position?.top ?? -9999,
+			left: position?.left ?? -9999,
+			opacity: position ? 1 : 0
+		},
+		children: [/* @__PURE__ */ jsx("span", {
+			className: "dl-tooltip-label",
+			children: label
+		}), shortcut ? /* @__PURE__ */ jsx("span", {
+			className: "dl-tooltip-shortcut",
+			children: shortcut
+		}) : null]
+	}), document.body)] });
+}
+//#endregion
 //#region src/components/logic-editor/debugger-controls/DebuggerControls.tsx
 function DebuggerControlsInline() {
 	return /* @__PURE__ */ jsx(DebuggerControlsBase, { variant: "inline" });
@@ -15431,39 +15851,59 @@ function DebuggerControlsBase({ variant = "floating" }) {
 				/* @__PURE__ */ jsxs("div", {
 					className: "dl-debugger-buttons",
 					children: [
-						/* @__PURE__ */ jsx("button", {
-							className: "dl-debugger-btn",
-							onClick: reset,
-							disabled: isAtStart,
-							title: "Reset to start (Home)",
-							children: /* @__PURE__ */ jsx(SkipBack, { size: 16 })
+						/* @__PURE__ */ jsx(Tooltip, {
+							label: "Reset",
+							shortcut: "Home",
+							side: "top",
+							children: /* @__PURE__ */ jsx("button", {
+								className: "dl-debugger-btn",
+								onClick: reset,
+								disabled: isAtStart,
+								children: /* @__PURE__ */ jsx(SkipBack, { size: 16 })
+							})
 						}),
-						/* @__PURE__ */ jsx("button", {
-							className: "dl-debugger-btn",
-							onClick: stepBackward,
-							disabled: isAtStart,
-							title: "Step backward (Left Arrow)",
-							children: /* @__PURE__ */ jsx(ChevronLeft, { size: 18 })
+						/* @__PURE__ */ jsx(Tooltip, {
+							label: "Step back",
+							shortcut: "←",
+							side: "top",
+							children: /* @__PURE__ */ jsx("button", {
+								className: "dl-debugger-btn",
+								onClick: stepBackward,
+								disabled: isAtStart,
+								children: /* @__PURE__ */ jsx(ChevronLeft, { size: 18 })
+							})
 						}),
-						/* @__PURE__ */ jsx("button", {
-							className: "dl-debugger-btn dl-debugger-btn-primary",
-							onClick: isPlaying ? pause : play,
-							title: isPlaying ? "Pause (Space)" : "Play (Space)",
-							children: isPlaying ? /* @__PURE__ */ jsx(Pause, { size: 18 }) : /* @__PURE__ */ jsx(Play, { size: 18 })
+						/* @__PURE__ */ jsx(Tooltip, {
+							label: isPlaying ? "Pause" : "Play",
+							shortcut: "Space",
+							side: "top",
+							children: /* @__PURE__ */ jsx("button", {
+								className: "dl-debugger-btn dl-debugger-btn-primary",
+								onClick: isPlaying ? pause : play,
+								children: isPlaying ? /* @__PURE__ */ jsx(Pause, { size: 18 }) : /* @__PURE__ */ jsx(Play, { size: 18 })
+							})
 						}),
-						/* @__PURE__ */ jsx("button", {
-							className: "dl-debugger-btn",
-							onClick: stepForward,
-							disabled: isAtEnd,
-							title: "Step forward (Right Arrow)",
-							children: /* @__PURE__ */ jsx(ChevronRight, { size: 18 })
+						/* @__PURE__ */ jsx(Tooltip, {
+							label: "Step forward",
+							shortcut: "→",
+							side: "top",
+							children: /* @__PURE__ */ jsx("button", {
+								className: "dl-debugger-btn",
+								onClick: stepForward,
+								disabled: isAtEnd,
+								children: /* @__PURE__ */ jsx(ChevronRight, { size: 18 })
+							})
 						}),
-						/* @__PURE__ */ jsx("button", {
-							className: "dl-debugger-btn",
-							onClick: () => goToStep(totalSteps - 1),
-							disabled: isAtEnd,
-							title: "Jump to end (End)",
-							children: /* @__PURE__ */ jsx(SkipForward, { size: 16 })
+						/* @__PURE__ */ jsx(Tooltip, {
+							label: "Jump to end",
+							shortcut: "End",
+							side: "top",
+							children: /* @__PURE__ */ jsx("button", {
+								className: "dl-debugger-btn",
+								onClick: () => goToStep(totalSteps - 1),
+								disabled: isAtEnd,
+								children: /* @__PURE__ */ jsx(SkipForward, { size: 16 })
+							})
 						})
 					]
 				}),
@@ -17040,7 +17480,7 @@ var PropertiesPanel = memo(function PropertiesPanel({ width = 280 }) {
 		if (selectedNode && Object.keys(panelValues).length > 0) applyTimerRef.current = setTimeout(() => {
 			applyPanelChanges();
 			applyTimerRef.current = null;
-		}, 500);
+		}, 200);
 		return () => {
 			if (applyTimerRef.current) clearTimeout(applyTimerRef.current);
 		};
@@ -17281,25 +17721,31 @@ function AutoFitView({ nodeCount }) {
 var UndoRedoToolbar = memo(function UndoRedoToolbar() {
 	const { undo, redo, canUndo, canRedo } = useEditorContext();
 	if (!canUndo && !canRedo) return null;
-	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("button", {
-		type: "button",
-		className: "dl-toolbar-btn",
-		onClick: undo,
-		disabled: !canUndo,
-		title: "Undo (Cmd/Ctrl+Z)",
-		children: /* @__PURE__ */ jsx(Undo2, { size: 15 })
-	}), /* @__PURE__ */ jsx("button", {
-		type: "button",
-		className: "dl-toolbar-btn",
-		onClick: redo,
-		disabled: !canRedo,
-		title: "Redo (Cmd/Ctrl+Shift+Z)",
-		children: /* @__PURE__ */ jsx(Redo2, { size: 15 })
+	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Tooltip, {
+		label: "Undo",
+		shortcut: "⌘Z",
+		children: /* @__PURE__ */ jsx("button", {
+			type: "button",
+			className: "dl-toolbar-btn",
+			onClick: undo,
+			disabled: !canUndo,
+			children: /* @__PURE__ */ jsx(Undo2, { size: 15 })
+		})
+	}), /* @__PURE__ */ jsx(Tooltip, {
+		label: "Redo",
+		shortcut: "⌘⇧Z",
+		children: /* @__PURE__ */ jsx("button", {
+			type: "button",
+			className: "dl-toolbar-btn",
+			onClick: redo,
+			disabled: !canRedo,
+			children: /* @__PURE__ */ jsx(Redo2, { size: 15 })
+		})
 	})] });
 });
 //#endregion
 //#region src/components/logic-editor/EditorToolbar.tsx
-var EditorToolbar = memo(function EditorToolbar({ isEditMode, hasDebugger, preserveStructure, onPreserveStructureChange }) {
+var EditorToolbar = memo(function EditorToolbar({ isEditMode, hasDebugger, templating, onTemplatingChange }) {
 	return /* @__PURE__ */ jsxs("div", {
 		className: "logic-editor-toolbar",
 		children: [
@@ -17307,13 +17753,17 @@ var EditorToolbar = memo(function EditorToolbar({ isEditMode, hasDebugger, prese
 			/* @__PURE__ */ jsx("div", { className: "logic-editor-toolbar-spacer" }),
 			hasDebugger && /* @__PURE__ */ jsx(DebuggerControlsInline, {}),
 			/* @__PURE__ */ jsx("div", { className: "logic-editor-toolbar-spacer" }),
-			onPreserveStructureChange && /* @__PURE__ */ jsxs("label", {
-				className: "dl-preserve-structure-toggle",
-				children: [/* @__PURE__ */ jsx("input", {
-					type: "checkbox",
-					checked: preserveStructure,
-					onChange: (e) => onPreserveStructureChange(e.target.checked)
-				}), /* @__PURE__ */ jsx("span", { children: "Preserve Structure" })]
+			onTemplatingChange && /* @__PURE__ */ jsx(Tooltip, {
+				label: "Compile multi-key objects as output templates with embedded JSONLogic",
+				side: "bottom",
+				children: /* @__PURE__ */ jsxs("label", {
+					className: "dl-templating-toggle",
+					children: [/* @__PURE__ */ jsx("input", {
+						type: "checkbox",
+						checked: templating,
+						onChange: (e) => onTemplatingChange(e.target.checked)
+					}), /* @__PURE__ */ jsx("span", { children: "Templating" })]
+				})
 			})
 		]
 	});
@@ -17321,11 +17771,43 @@ var EditorToolbar = memo(function EditorToolbar({ isEditMode, hasDebugger, prese
 //#endregion
 //#region src/components/logic-editor/DataLogicEditor.tsx
 var emptyResults = /* @__PURE__ */ new Map();
+function EmptyState({ exampleSuggestions, onSelectExample }) {
+	const chips = exampleSuggestions && onSelectExample ? exampleSuggestions : [];
+	return /* @__PURE__ */ jsxs("div", {
+		className: "logic-editor-empty",
+		children: [
+			/* @__PURE__ */ jsx("div", {
+				className: "logic-editor-empty-icon",
+				children: /* @__PURE__ */ jsx(Workflow, {
+					size: 28,
+					strokeWidth: 1.5
+				})
+			}),
+			/* @__PURE__ */ jsx("p", { children: "No expression" }),
+			/* @__PURE__ */ jsx("p", {
+				className: "logic-editor-empty-hint",
+				children: "Enter valid JSONLogic in the input panel to visualize it."
+			}),
+			chips.length > 0 && /* @__PURE__ */ jsxs("div", {
+				className: "logic-editor-empty-chips",
+				children: [/* @__PURE__ */ jsx("span", {
+					className: "logic-editor-empty-chips-label",
+					children: "Try"
+				}), chips.map((name) => /* @__PURE__ */ jsx("button", {
+					type: "button",
+					className: "logic-editor-empty-chip",
+					onClick: () => onSelectExample?.(name),
+					children: name
+				}, name))]
+			})
+		]
+	});
+}
 /**
 * Read-only inner component - minimal, no EditorContext dependency.
 * Used when editable=false to avoid EditorProvider's state sync effects.
 */
-function ReadOnlyEditorInner({ initialNodes, initialEdges, theme, showDebugger }) {
+function ReadOnlyEditorInner({ initialNodes, initialEdges, theme, showDebugger, exampleSuggestions, onSelectExample }) {
 	const bgColor = theme === "dark" ? "#404040" : "#cccccc";
 	const [nodes, , onNodesChange] = useNodesState(initialNodes);
 	const [, , onEdgesChange] = useEdgesState(initialEdges);
@@ -17370,12 +17852,9 @@ function ReadOnlyEditorInner({ initialNodes, initialEdges, theme, showDebugger }
 					showDebugger && /* @__PURE__ */ jsx(DebuggerControls, {}),
 					/* @__PURE__ */ jsx(AutoFitView, { nodeCount: initialNodes.length })
 				]
-			}) }), visibleNodes.length === 0 && /* @__PURE__ */ jsxs("div", {
-				className: "logic-editor-empty",
-				children: [/* @__PURE__ */ jsx("p", { children: "No expression" }), /* @__PURE__ */ jsx("p", {
-					className: "logic-editor-empty-hint",
-					children: "Enter valid JSONLogic in the input panel to visualize it"
-				})]
+			}) }), visibleNodes.length === 0 && /* @__PURE__ */ jsx(EmptyState, {
+				exampleSuggestions,
+				onSelectExample
 			})]
 		})
 	});
@@ -17384,7 +17863,7 @@ function ReadOnlyEditorInner({ initialNodes, initialEdges, theme, showDebugger }
 * Editable inner component - full EditorContext support with syncing.
 * Used when editable=true.
 */
-function EditableEditorInner({ initialNodes, initialEdges, evaluationResults, theme, showDebugger }) {
+function EditableEditorInner({ initialNodes, initialEdges, evaluationResults, theme, showDebugger, exampleSuggestions, onSelectExample }) {
 	const bgColor = theme === "dark" ? "#404040" : "#cccccc";
 	const { contextMenu, handleNodeContextMenu, handlePaneContextMenu, handleNodeDoubleClick, handleCloseContextMenu, handleEditProperties, contextMenuNode } = useContextMenu(true);
 	const { nodes: editorNodes } = useEditorContext();
@@ -17462,28 +17941,25 @@ function EditableEditorInner({ initialNodes, initialEdges, evaluationResults, th
 						onClose: handleCloseContextMenu
 					})
 				]
-			}) }), visibleNodes.length === 0 && /* @__PURE__ */ jsxs("div", {
-				className: "logic-editor-empty",
-				children: [/* @__PURE__ */ jsx("p", { children: "No expression" }), /* @__PURE__ */ jsx("p", {
-					className: "logic-editor-empty-hint",
-					children: "Enter valid JSONLogic in the input panel to visualize it"
-				})]
+			}) }), visibleNodes.length === 0 && /* @__PURE__ */ jsx(EmptyState, {
+				exampleSuggestions,
+				onSelectExample
 			})]
 		})
 	});
 }
-function DataLogicEditor({ value, onChange, data, theme: themeProp, className = "", preserveStructure = false, onPreserveStructureChange, editable = false }) {
+function DataLogicEditor({ value, onChange, data, theme: themeProp, className = "", templating = false, onTemplatingChange, editable = false, exampleSuggestions, onSelectExample }) {
 	const onChangeTimerRef = useRef(null);
 	const isEditMode = editable;
 	const systemTheme = useSystemTheme();
 	const resolvedTheme = themeProp ?? systemTheme;
-	const { ready: wasmReady, evaluateWithTrace } = useWasmEvaluator({ preserveStructure });
+	const { ready: wasmReady, evaluateWithTrace } = useWasmEvaluator({ templating });
 	const evalEnabled = data !== void 0;
 	const editor = useLogicEditor({
 		value,
 		evaluateWithTrace: evalEnabled && wasmReady ? evaluateWithTrace : void 0,
 		data: evalEnabled ? data : void 0,
-		preserveStructure
+		templating
 	});
 	const expressionKey = `${editor.nodes.length}-${editor.edges.length}-${editor.nodes[0]?.id ?? "empty"}`;
 	const hasDebugger = evalEnabled && editor.usingTraceMode && editor.steps.length > 0;
@@ -17520,7 +17996,9 @@ function DataLogicEditor({ value, onChange, data, theme: themeProp, className =
 			initialNodes: editor.nodes,
 			initialEdges: editor.edges,
 			theme: resolvedTheme,
-			showDebugger: false
+			showDebugger: false,
+			exampleSuggestions,
+			onSelectExample
 		}, expressionKey);
 		return /* @__PURE__ */ jsx("div", {
 			className: editorClassName,
@@ -17532,8 +18010,8 @@ function DataLogicEditor({ value, onChange, data, theme: themeProp, className =
 				children: [/* @__PURE__ */ jsx(EditorToolbar, {
 					isEditMode: false,
 					hasDebugger,
-					preserveStructure,
-					onPreserveStructureChange
+					templating,
+					onTemplatingChange
 				}), /* @__PURE__ */ jsx("div", {
 					className: "logic-editor-body",
 					children: /* @__PURE__ */ jsx("div", {
@@ -17544,8 +18022,8 @@ function DataLogicEditor({ value, onChange, data, theme: themeProp, className =
 			}) : /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(EditorToolbar, {
 				isEditMode: false,
 				hasDebugger,
-				preserveStructure,
-				onPreserveStructureChange
+				templating,
+				onTemplatingChange
 			}), /* @__PURE__ */ jsx("div", {
 				className: "logic-editor-body",
 				children: /* @__PURE__ */ jsx("div", {
@@ -17560,7 +18038,9 @@ function DataLogicEditor({ value, onChange, data, theme: themeProp, className =
 		initialEdges: editor.edges,
 		evaluationResults: emptyResults,
 		theme: resolvedTheme,
-		showDebugger: false
+		showDebugger: false,
+		exampleSuggestions,
+		onSelectExample
 	}, expressionKey);
 	return /* @__PURE__ */ jsxs(EditorProvider, {
 		nodes: editor.nodes,
@@ -17576,8 +18056,8 @@ function DataLogicEditor({ value, onChange, data, theme: themeProp, className =
 				children: [/* @__PURE__ */ jsx(EditorToolbar, {
 					isEditMode,
 					hasDebugger,
-					preserveStructure,
-					onPreserveStructureChange
+					templating,
+					onTemplatingChange
 				}), /* @__PURE__ */ jsxs("div", {
 					className: "logic-editor-body",
 					children: [/* @__PURE__ */ jsx("div", {
@@ -17588,8 +18068,8 @@ function DataLogicEditor({ value, onChange, data, theme: themeProp, className =
 			}) : /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(EditorToolbar, {
 				isEditMode,
 				hasDebugger,
-				preserveStructure,
-				onPreserveStructureChange
+				templating,
+				onTemplatingChange
 			}), /* @__PURE__ */ jsxs("div", {
 				className: "logic-editor-body",
 				children: [/* @__PURE__ */ jsx("div", {