@datatechsolutions/ui 2.11.20 → 2.11.22

package/dist/{chunk-GMGTX3TB.js → chunk-ITFBJSHZ.js}

@@ -1,7 +1,7 @@
 "use client";
 'use strict';
 
-var chunkBSPRG6ZF_js = require('./chunk-BSPRG6ZF.js');
+var chunk5WFBHIM5_js = require('./chunk-5WFBHIM5.js');
 var chunkP4YYEM4B_js = require('./chunk-P4YYEM4B.js');
 var chunkPWBWP5FJ_js = require('./chunk-PWBWP5FJ.js');
 var chunkYXN2K77G_js = require('./chunk-YXN2K77G.js');
@@ -472,6 +472,24 @@ var MINIMAP_NODE_COLORS = {
   model_provider: "#64748b",
   group: "#64748b"
 };
+var NODE_EXECUTION_ACCENT_COLORS = {
+  ...MINIMAP_NODE_COLORS
+};
+function hexToRgb(hexColor) {
+  const normalizedHex = hexColor.replace("#", "");
+  const parsed = Number.parseInt(normalizedHex, 16);
+  if (Number.isNaN(parsed) || normalizedHex.length !== 6) {
+    return [99, 102, 241];
+  }
+  return [parsed >> 16 & 255, parsed >> 8 & 255, parsed & 255];
+}
+function getNodeExecutionAccent(nodeType) {
+  return NODE_EXECUTION_ACCENT_COLORS[nodeType ?? ""] ?? NODE_EXECUTION_ACCENT_COLORS.agent;
+}
+function getNodeExecutionAccentRgb(nodeType) {
+  const [red, green, blue] = hexToRgb(getNodeExecutionAccent(nodeType));
+  return `${red}, ${green}, ${blue}`;
+}
 var LOGIC_NODE_HANDLE_COLORS = {
   start: "!bg-green-500",
   end: "!bg-red-500",
@@ -1246,6 +1264,7 @@ function NodeCard({
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
+      "data-workflow-node-type": nodeType,
       className: `group relative ${width} rounded-xl border liquid-surface ${compact ? "min-h-[84px] p-3" : "p-4"} transition-all ${getNodeStateClass(selected, nodeType, customBorder)}${className ? ` ${className}` : ""}`,
       style,
       role,
@@ -1386,17 +1405,48 @@ function WorkflowDynamicHandles({
 }
 function NodeRunningIndicatorComponent({ nodeId }) {
   const nodeResult = useWorkflowStore((state) => state.nodeResults[nodeId]);
+  const containerRef = react.useRef(null);
+  const [nodeType, setNodeType] = react.useState("agent");
+  const accentColor = react.useMemo(() => getNodeExecutionAccent(nodeType), [nodeType]);
+  const accentRgb = react.useMemo(() => getNodeExecutionAccentRgb(nodeType), [nodeType]);
+  react.useEffect(() => {
+    const indicatorElement = containerRef.current;
+    if (!indicatorElement) return;
+    const nodeWrapper = indicatorElement.closest(".react-flow__node");
+    if (!nodeWrapper) return;
+    const wrapperClass = Array.from(nodeWrapper.classList).find(
+      (className) => className.startsWith("react-flow__node-") && className !== "react-flow__node"
+    );
+    if (!wrapperClass) return;
+    setNodeType(wrapperClass.replace("react-flow__node-", ""));
+  }, []);
   if (!nodeResult) return null;
   const { status, durationMs } = nodeResult;
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "absolute -right-1 -top-1 z-10 flex items-center gap-1", children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: containerRef, className: "absolute -right-1 -top-1 z-10 flex items-center gap-1", children: [
     status === "pending" && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex h-5 w-5 items-center justify-center rounded-full border border-gray-300 bg-white shadow-sm dark:border-gray-600 dark:bg-gray-800", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "h-2 w-2 rounded-full bg-gray-400 dark:bg-gray-500" }) }),
-    status === "running" && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex h-5 w-5 items-center justify-center rounded-full border border-blue-300 bg-white shadow-sm dark:border-blue-600 dark:bg-gray-800", children: /* @__PURE__ */ jsxRuntime.jsxs("svg", { className: "h-3 w-3 animate-spin text-blue-500", viewBox: "0 0 24 24", fill: "none", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }),
-      /* @__PURE__ */ jsxRuntime.jsx("path", { className: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z" })
-    ] }) }),
-    status === "success" && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex h-5 w-5 items-center justify-center rounded-full border border-green-300 bg-green-50 shadow-sm dark:border-green-600 dark:bg-green-900/30", children: /* @__PURE__ */ jsxRuntime.jsx("svg", { className: "h-3 w-3 text-green-600 dark:text-green-400", viewBox: "0 0 20 20", fill: "currentColor", children: /* @__PURE__ */ jsxRuntime.jsx("path", { fillRule: "evenodd", d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z", clipRule: "evenodd" }) }) }),
+    status === "running" && /* @__PURE__ */ jsxRuntime.jsx(
+      "span",
+      {
+        className: "flex h-5 w-5 items-center justify-center rounded-full border bg-white shadow-sm dark:bg-gray-800",
+        style: {
+          borderColor: `rgba(${accentRgb}, 0.55)`,
+          boxShadow: `0 0 0 1px rgba(${accentRgb}, 0.16), 0 6px 16px rgba(${accentRgb}, 0.18)`
+        },
+        children: /* @__PURE__ */ jsxRuntime.jsxs("svg", { className: "h-3 w-3 animate-spin", style: { color: accentColor }, viewBox: "0 0 24 24", fill: "none", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }),
+          /* @__PURE__ */ jsxRuntime.jsx("path", { className: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z" })
+        ] })
+      }
+    ),
+    status === "success" && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex h-5 w-5 items-center justify-center rounded-full border border-emerald-300 bg-emerald-50 shadow-sm dark:border-emerald-600 dark:bg-emerald-900/30", children: /* @__PURE__ */ jsxRuntime.jsx("svg", { className: "h-3 w-3 text-emerald-600 dark:text-emerald-400", viewBox: "0 0 20 20", fill: "currentColor", children: /* @__PURE__ */ jsxRuntime.jsx("path", { fillRule: "evenodd", d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z", clipRule: "evenodd" }) }) }),
     status === "error" && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex h-5 w-5 items-center justify-center rounded-full border border-red-300 bg-red-50 shadow-sm dark:border-red-600 dark:bg-red-900/30", children: /* @__PURE__ */ jsxRuntime.jsx("svg", { className: "h-3 w-3 text-red-600 dark:text-red-400", viewBox: "0 0 20 20", fill: "currentColor", children: /* @__PURE__ */ jsxRuntime.jsx("path", { fillRule: "evenodd", d: "M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z", clipRule: "evenodd" }) }) }),
-    (status === "success" || status === "error") && durationMs !== void 0 && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rounded-full bg-gray-100 px-1.5 py-0.5 text-[9px] font-medium text-gray-500 shadow-sm dark:bg-gray-800 dark:text-gray-400", children: durationMs < 1e3 ? `${durationMs}ms` : `${(durationMs / 1e3).toFixed(1)}s` })
+    (status === "success" || status === "error") && durationMs !== void 0 && /* @__PURE__ */ jsxRuntime.jsx(
+      "span",
+      {
+        className: `rounded-full px-1.5 py-0.5 text-[9px] font-medium shadow-sm ${status === "success" ? "bg-emerald-50 text-emerald-700 dark:bg-emerald-900/20 dark:text-emerald-300" : "bg-gray-100 text-gray-500 dark:bg-gray-800 dark:text-gray-400"}`,
+        children: durationMs < 1e3 ? `${durationMs}ms` : `${(durationMs / 1e3).toFixed(1)}s`
+      }
+    )
   ] });
 }
 var NodeRunningIndicator = react.memo(NodeRunningIndicatorComponent);
@@ -2721,7 +2771,7 @@ var NoteFlowNode = react.memo(function NoteFlowNode2({ data, selected }) {
 });
 var DatasourceFlowNode = react.memo(function DatasourceFlowNode2({ id, data, selected }) {
   const t = chunkYXN2K77G_js.useTranslations("agents.workflow");
-  const { config, label, onEdit, onRemoveFromCanvas } = data;
+  const { config, label, datasource, readOnly = false, onEdit, onRemoveFromCanvas } = data;
   const isCompact = data.displayMode === "compact";
   if (!config || config.type !== "datasource") {
     return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
@@ -2741,56 +2791,92 @@ var DatasourceFlowNode = react.memo(function DatasourceFlowNode2({ id, data, sel
   }
   const columnCount = config.selectedColumns?.length ?? 0;
   const filterCount = config.filterVariables ? Object.keys(config.filterVariables).length : 0;
+  const visibleColumns = config.selectedColumns.slice(0, 3);
+  const filterEntries = Object.entries(config.filterVariables ?? {});
+  const content = /* @__PURE__ */ jsxRuntime.jsxs(NodeCard, { compact: isCompact, selected, nodeType: "datasource", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-3", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-10 w-10 items-center justify-center rounded-xl bg-gradient-to-br from-cyan-500 to-blue-600 shadow-lg", children: /* @__PURE__ */ jsxRuntime.jsx(outline.ServerStackIcon, { className: "h-5 w-5 text-white" }) }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-sm font-semibold text-gray-900 dark:text-white", children: label }),
+        !isCompact && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "mt-0.5 text-xs text-gray-500 dark:text-gray-400", children: [
+          datasource?.name ?? config.datasourceId,
+          " \xB7 ",
+          config.table
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs(NodeCardMeta, { compact: isCompact, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
+        config.dialect && /* @__PURE__ */ jsxRuntime.jsx(NodeCardBadge, { className: "inline-flex items-center rounded-full px-2 py-0.5 text-[10px] font-semibold bg-cyan-100 text-cyan-700 dark:bg-cyan-900/30 dark:text-cyan-300", children: config.dialect }),
+        readOnly && /* @__PURE__ */ jsxRuntime.jsx(NodeCardBadge, { className: "inline-flex items-center rounded-full px-2 py-0.5 text-[10px] font-medium bg-slate-100 text-slate-700 dark:bg-slate-500/20 dark:text-slate-300", children: "Sample Data" }),
+        /* @__PURE__ */ jsxRuntime.jsx(NodeCardBadge, { className: "inline-flex items-center rounded-full px-2 py-0.5 text-[10px] font-medium bg-cyan-100 text-cyan-700 dark:bg-cyan-900/30 dark:text-cyan-300", children: config.table }),
+        /* @__PURE__ */ jsxRuntime.jsx(NodeCardBadge, { className: "inline-flex items-center rounded-full px-2 py-0.5 text-[10px] font-medium bg-blue-50 text-blue-700 dark:bg-blue-900/25 dark:text-blue-300", children: config.outputVariable }),
+        columnCount > 0 && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-[10px] text-gray-400 dark:text-gray-500", children: [
+          columnCount,
+          " ",
+          t("datasourceColumns")
+        ] }),
+        config.limit > 0 && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] text-gray-400 dark:text-gray-500", children: t("datasourceLimit", { count: config.limit }) }),
+        filterCount > 0 && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-[10px] text-gray-400 dark:text-gray-500", children: [
+          filterCount,
+          " ",
+          t("datasourceFilters")
+        ] })
+      ] }),
+      !isCompact && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-2 flex flex-wrap items-center gap-1.5", children: [
+        visibleColumns.map((column) => /* @__PURE__ */ jsxRuntime.jsx(
+          NodeCardBadge,
+          {
+            className: "inline-flex items-center rounded-full px-2 py-0.5 text-[10px] font-medium bg-white/70 text-slate-600 dark:bg-white/5 dark:text-slate-300",
+            children: column
+          },
+          column
+        )),
+        columnCount > visibleColumns.length && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-[10px] text-gray-400 dark:text-gray-500", children: [
+          "+",
+          columnCount - visibleColumns.length,
+          " more"
+        ] })
+      ] }),
+      !isCompact && filterEntries.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-2 flex flex-wrap items-center gap-1.5", children: filterEntries.map(([field, variableName]) => /* @__PURE__ */ jsxRuntime.jsxs(
+        NodeCardBadge,
+        {
+          className: "inline-flex items-center rounded-full px-2 py-0.5 text-[10px] font-medium bg-cyan-50 text-cyan-700 dark:bg-cyan-900/20 dark:text-cyan-300",
+          children: [
+            field,
+            " \u2192 ",
+            variableName
+          ]
+        },
+        `${field}:${variableName}`
+      )) }),
+      onRemoveFromCanvas && /* @__PURE__ */ jsxRuntime.jsx(
+        "span",
+        {
+          role: "button",
+          tabIndex: 0,
+          onClick: (event) => {
+            event.stopPropagation();
+            event.preventDefault();
+            onRemoveFromCanvas(id);
+          },
+          className: "nodrag nopan cursor-pointer rounded-lg p-1 opacity-0 transition hover:bg-red-50 group-hover:opacity-100 dark:hover:bg-red-900/20",
+          "aria-label": t("removeFromCanvas"),
+          children: /* @__PURE__ */ jsxRuntime.jsx(outline.TrashIcon, { className: "h-3.5 w-3.5 text-red-600 dark:text-red-400" })
+        }
+      )
+    ] })
+  ] });
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(NodeRunningIndicator, { nodeId: id }),
     /* @__PURE__ */ jsxRuntime.jsx(WorkflowHandle, { type: "target", position: react$1.Position.Left, id: "left-in", colorClass: "!bg-cyan-400" }),
-    /* @__PURE__ */ jsxRuntime.jsx(
+    readOnly || !onEdit ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full", children: content }) : /* @__PURE__ */ jsxRuntime.jsx(
       "button",
       {
         type: "button",
-        onClick: () => onEdit?.(id),
+        onClick: () => onEdit(id),
         className: "w-full text-left",
-        children: /* @__PURE__ */ jsxRuntime.jsxs(NodeCard, { compact: isCompact, selected, nodeType: "datasource", children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-3", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-10 w-10 items-center justify-center rounded-xl bg-gradient-to-br from-cyan-500 to-blue-600 shadow-lg", children: /* @__PURE__ */ jsxRuntime.jsx(outline.ServerStackIcon, { className: "h-5 w-5 text-white" }) }),
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1", children: [
-              /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-sm font-semibold text-gray-900 dark:text-white", children: label }),
-              !isCompact && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-0.5 text-xs text-gray-500 dark:text-gray-400", children: config.table ?? config.datasourceId })
-            ] })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs(NodeCardMeta, { compact: isCompact, children: [
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-              config.dialect && /* @__PURE__ */ jsxRuntime.jsx(NodeCardBadge, { className: "inline-flex items-center rounded-full px-2 py-0.5 text-[10px] font-semibold bg-cyan-100 text-cyan-700 dark:bg-cyan-900/30 dark:text-cyan-300", children: config.dialect }),
-              config.table && /* @__PURE__ */ jsxRuntime.jsx(NodeCardBadge, { className: "inline-flex items-center rounded-full px-2 py-0.5 text-[10px] font-medium bg-cyan-100 text-cyan-700 dark:bg-cyan-900/30 dark:text-cyan-300", children: config.table }),
-              columnCount > 0 && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-[10px] text-gray-400 dark:text-gray-500", children: [
-                columnCount,
-                " ",
-                t("datasourceColumns")
-              ] }),
-              config.limit > 0 && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] text-gray-400 dark:text-gray-500", children: t("datasourceLimit", { count: config.limit }) }),
-              filterCount > 0 && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-[10px] text-gray-400 dark:text-gray-500", children: [
-                filterCount,
-                " ",
-                t("datasourceFilters")
-              ] })
-            ] }),
-            onRemoveFromCanvas && /* @__PURE__ */ jsxRuntime.jsx(
-              "span",
-              {
-                role: "button",
-                tabIndex: 0,
-                onClick: (event) => {
-                  event.stopPropagation();
-                  event.preventDefault();
-                  onRemoveFromCanvas(id);
-                },
-                className: "nodrag nopan cursor-pointer rounded-lg p-1 opacity-0 transition hover:bg-red-50 group-hover:opacity-100 dark:hover:bg-red-900/20",
-                "aria-label": t("removeFromCanvas"),
-                children: /* @__PURE__ */ jsxRuntime.jsx(outline.TrashIcon, { className: "h-3.5 w-3.5 text-red-600 dark:text-red-400" })
-              }
-            )
-          ] })
-        ] })
+        children: content
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(WorkflowHandle, { type: "source", position: react$1.Position.Right, id: "right-out", colorClass: "!bg-cyan-400" })
@@ -3068,8 +3154,8 @@ function ConfigFormActions({
   saveDisabled = false
 }) {
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-end gap-2 border-t border-gray-200 pt-4 dark:border-gray-700", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(chunkBSPRG6ZF_js.Button, { type: "button", outline: true, onClick: onCancel, children: cancelLabel }),
-    /* @__PURE__ */ jsxRuntime.jsx(chunkBSPRG6ZF_js.Button, { type: "button", onClick: onSave, disabled: saveDisabled, children: saveLabel })
+    /* @__PURE__ */ jsxRuntime.jsx(chunk5WFBHIM5_js.Button, { type: "button", outline: true, onClick: onCancel, children: cancelLabel }),
+    /* @__PURE__ */ jsxRuntime.jsx(chunk5WFBHIM5_js.Button, { type: "button", onClick: onSave, disabled: saveDisabled, children: saveLabel })
   ] });
 }
 var COLOR_CLASSES = {
@@ -3316,7 +3402,7 @@ function IfElseNodeConfigForm({ config, onSave, onCancel }) {
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-3 flex items-center justify-between", children: [
         /* @__PURE__ */ jsxRuntime.jsx("label", { className: "text-sm font-medium text-gray-700 dark:text-gray-300", children: t("conditionsLabel") }),
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkBSPRG6ZF_js.Button,
+          chunk5WFBHIM5_js.Button,
           {
             type: "button",
             onClick: handleAddCondition,
@@ -3327,7 +3413,7 @@ function IfElseNodeConfigForm({ config, onSave, onCancel }) {
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-3", children: conditions.map((condition, index) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-2 rounded-lg border border-gray-200 bg-gray-50 p-3 dark:border-gray-700 dark:bg-gray-800/50", children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid flex-1 grid-cols-3 gap-2", children: [
           /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx(
-            chunkBSPRG6ZF_js.FormInput,
+            chunk5WFBHIM5_js.FormInput,
             {
               type: "text",
               label: t("variableLabel"),
@@ -3338,7 +3424,7 @@ function IfElseNodeConfigForm({ config, onSave, onCancel }) {
             }
           ) }),
           /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx(
-            chunkBSPRG6ZF_js.FormSelect,
+            chunk5WFBHIM5_js.FormSelect,
             {
               label: t("operatorLabel"),
               value: condition.operator,
@@ -3348,7 +3434,7 @@ function IfElseNodeConfigForm({ config, onSave, onCancel }) {
             }
           ) }),
           /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx(
-            chunkBSPRG6ZF_js.FormInput,
+            chunk5WFBHIM5_js.FormInput,
             {
               type: "text",
               label: t("valueLabel"),
@@ -3360,7 +3446,7 @@ function IfElseNodeConfigForm({ config, onSave, onCancel }) {
           ) })
         ] }),
         conditions.length > 1 && /* @__PURE__ */ jsxRuntime.jsx(
-          chunkBSPRG6ZF_js.IconButton,
+          chunk5WFBHIM5_js.IconButton,
           {
             onClick: () => handleRemoveCondition(index),
             icon: /* @__PURE__ */ jsxRuntime.jsx(outline.TrashIcon, { className: "h-4 w-4" }),
@@ -3515,7 +3601,7 @@ function HttpRequestNodeConfigForm({ config, onSave, onCancel }) {
   };
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkBSPRG6ZF_js.FormSelect,
+      chunk5WFBHIM5_js.FormSelect,
       {
         label: t("methodLabel"),
         value: method,
@@ -3524,7 +3610,7 @@ function HttpRequestNodeConfigForm({ config, onSave, onCancel }) {
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkBSPRG6ZF_js.FormInput,
+      chunk5WFBHIM5_js.FormInput,
       {
         type: "text",
         label: t("urlLabel"),
@@ -3537,7 +3623,7 @@ function HttpRequestNodeConfigForm({ config, onSave, onCancel }) {
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-2 flex items-center justify-between", children: [
         /* @__PURE__ */ jsxRuntime.jsx("label", { className: "text-sm font-medium text-gray-700 dark:text-gray-300", children: t("headersLabel") }),
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkBSPRG6ZF_js.Button,
+          chunk5WFBHIM5_js.Button,
           {
             type: "button",
             onClick: handleAddHeader,
@@ -3547,7 +3633,7 @@ function HttpRequestNodeConfigForm({ config, onSave, onCancel }) {
       ] }),
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-2", children: headerEntries.map((entry, index) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkBSPRG6ZF_js.FormInput,
+          chunk5WFBHIM5_js.FormInput,
           {
             type: "text",
             value: entry.key,
@@ -3557,7 +3643,7 @@ function HttpRequestNodeConfigForm({ config, onSave, onCancel }) {
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkBSPRG6ZF_js.FormInput,
+          chunk5WFBHIM5_js.FormInput,
           {
             type: "text",
             value: entry.value,
@@ -3567,7 +3653,7 @@ function HttpRequestNodeConfigForm({ config, onSave, onCancel }) {
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkBSPRG6ZF_js.IconButton,
+          chunk5WFBHIM5_js.IconButton,
           {
             onClick: () => handleRemoveHeader(index),
             icon: /* @__PURE__ */ jsxRuntime.jsx(outline.TrashIcon, { className: "h-4 w-4" }),
@@ -3579,7 +3665,7 @@ function HttpRequestNodeConfigForm({ config, onSave, onCancel }) {
       ] }, index)) })
     ] }),
     method !== "GET" && /* @__PURE__ */ jsxRuntime.jsx(
-      chunkBSPRG6ZF_js.FormTextarea,
+      chunk5WFBHIM5_js.FormTextarea,
       {
         label: t("bodyLabel"),
         value: body,
@@ -3590,7 +3676,7 @@ function HttpRequestNodeConfigForm({ config, onSave, onCancel }) {
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkBSPRG6ZF_js.FormInput,
+      chunk5WFBHIM5_js.FormInput,
       {
         type: "number",
         label: t("timeoutLabel"),
@@ -3621,7 +3707,7 @@ function TemplateTransformNodeConfigForm({ config, onSave, onCancel }) {
   };
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkBSPRG6ZF_js.FormTextarea,
+      chunk5WFBHIM5_js.FormTextarea,
       {
         label: t("templateLabel"),
         value: template,
@@ -3632,7 +3718,7 @@ function TemplateTransformNodeConfigForm({ config, onSave, onCancel }) {
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkBSPRG6ZF_js.FormInput,
+      chunk5WFBHIM5_js.FormInput,
       {
         type: "text",
         label: t("outputVariableLabel"),
@@ -3661,7 +3747,7 @@ function IterationNodeConfigForm({ config, onSave, onCancel }) {
   };
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkBSPRG6ZF_js.FormInput,
+      chunk5WFBHIM5_js.FormInput,
       {
         type: "text",
         label: t("iteratorVariableLabel"),
@@ -3671,7 +3757,7 @@ function IterationNodeConfigForm({ config, onSave, onCancel }) {
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkBSPRG6ZF_js.FormInput,
+      chunk5WFBHIM5_js.FormInput,
       {
         type: "number",
         label: t("maxIterationsLabel"),
@@ -3702,7 +3788,7 @@ function KnowledgeBaseNodeConfigForm({ config, onSave, onCancel }) {
   };
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkBSPRG6ZF_js.FormInput,
+      chunk5WFBHIM5_js.FormInput,
       {
         type: "text",
         label: t("sourceIdLabel"),
@@ -3712,7 +3798,7 @@ function KnowledgeBaseNodeConfigForm({ config, onSave, onCancel }) {
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkBSPRG6ZF_js.FormInput,
+      chunk5WFBHIM5_js.FormInput,
       {
         type: "number",
         label: t("topKLabel"),
@@ -3723,7 +3809,7 @@ function KnowledgeBaseNodeConfigForm({ config, onSave, onCancel }) {
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkBSPRG6ZF_js.FormInput,
+      chunk5WFBHIM5_js.FormInput,
       {
         type: "number",
         label: t("similarityThresholdLabel"),
@@ -3754,7 +3840,7 @@ function AnswerNodeConfigForm({ config, onSave, onCancel }) {
   };
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkBSPRG6ZF_js.FormTextarea,
+      chunk5WFBHIM5_js.FormTextarea,
       {
         label: t("outputTemplateLabel"),
         hint: t("outputTemplateHelp"),
@@ -4188,7 +4274,7 @@ function VariableAggregatorNodeConfigForm({ config, onSave, onCancel }) {
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkBSPRG6ZF_js.FormInput,
+      chunk5WFBHIM5_js.FormInput,
       {
         type: "text",
         label: t("outputVariableLabel"),
@@ -4198,7 +4284,7 @@ function VariableAggregatorNodeConfigForm({ config, onSave, onCancel }) {
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkBSPRG6ZF_js.FormSelect,
+      chunk5WFBHIM5_js.FormSelect,
       {
         label: t("aggregationModeLabel"),
         value: aggregationMode,
@@ -4231,7 +4317,7 @@ function DocumentExtractorNodeConfigForm({ config, onSave, onCancel }) {
   };
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkBSPRG6ZF_js.FormSelect,
+      chunk5WFBHIM5_js.FormSelect,
       {
         label: t("extractionModeLabel"),
         value: extractionMode,
@@ -4240,7 +4326,7 @@ function DocumentExtractorNodeConfigForm({ config, onSave, onCancel }) {
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkBSPRG6ZF_js.FormInput,
+      chunk5WFBHIM5_js.FormInput,
       {
         type: "text",
         label: t("outputVariableLabel"),
@@ -4417,7 +4503,7 @@ function IterationStartNodeConfigForm({ config, onSave, onCancel }) {
   };
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkBSPRG6ZF_js.FormInput,
+      chunk5WFBHIM5_js.FormInput,
       {
         type: "text",
         label: t("iteratorVariableLabel"),
@@ -4427,7 +4513,7 @@ function IterationStartNodeConfigForm({ config, onSave, onCancel }) {
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkBSPRG6ZF_js.FormInput,
+      chunk5WFBHIM5_js.FormInput,
       {
         type: "text",
         label: t("itemVariableLabel"),
@@ -4437,7 +4523,7 @@ function IterationStartNodeConfigForm({ config, onSave, onCancel }) {
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkBSPRG6ZF_js.FormInput,
+      chunk5WFBHIM5_js.FormInput,
       {
         type: "text",
         label: t("indexVariableLabel"),
@@ -5031,7 +5117,7 @@ function GroupNodeConfigForm({ config, onSave, onCancel }) {
   };
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkBSPRG6ZF_js.FormInput,
+      chunk5WFBHIM5_js.FormInput,
       {
         type: "text",
         label: translations("labelField"),
@@ -5041,7 +5127,7 @@ function GroupNodeConfigForm({ config, onSave, onCancel }) {
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkBSPRG6ZF_js.FormTextarea,
+      chunk5WFBHIM5_js.FormTextarea,
       {
         label: translations("descriptionField"),
         value: description,
@@ -5199,7 +5285,7 @@ function ModelProviderNodeConfigForm({ config, onSave, onCancel }) {
   };
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkBSPRG6ZF_js.FormInput,
+      chunk5WFBHIM5_js.FormInput,
       {
         type: "text",
         label: t("nameLabel"),
@@ -5209,7 +5295,7 @@ function ModelProviderNodeConfigForm({ config, onSave, onCancel }) {
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkBSPRG6ZF_js.FormSelect,
+      chunk5WFBHIM5_js.FormSelect,
       {
         label: t("providerTypeLabel"),
         value: providerType,
@@ -5218,7 +5304,7 @@ function ModelProviderNodeConfigForm({ config, onSave, onCancel }) {
       }
     ),
     showRegion && /* @__PURE__ */ jsxRuntime.jsx(
-      chunkBSPRG6ZF_js.FormSelect,
+      chunk5WFBHIM5_js.FormSelect,
       {
         label: t("regionLabel"),
         value: region,
@@ -5227,7 +5313,7 @@ function ModelProviderNodeConfigForm({ config, onSave, onCancel }) {
       }
     ),
     showEndpoint && /* @__PURE__ */ jsxRuntime.jsx(
-      chunkBSPRG6ZF_js.FormInput,
+      chunk5WFBHIM5_js.FormInput,
       {
         type: "text",
         label: t("endpointLabel"),
@@ -5237,7 +5323,7 @@ function ModelProviderNodeConfigForm({ config, onSave, onCancel }) {
       }
     ),
     showApiKey && /* @__PURE__ */ jsxRuntime.jsx(
-      chunkBSPRG6ZF_js.FormInput,
+      chunk5WFBHIM5_js.FormInput,
       {
         type: "password",
         label: t("apiKeyLabel"),
@@ -5247,7 +5333,7 @@ function ModelProviderNodeConfigForm({ config, onSave, onCancel }) {
       }
     ),
     showCredentialRef && /* @__PURE__ */ jsxRuntime.jsx(
-      chunkBSPRG6ZF_js.FormInput,
+      chunk5WFBHIM5_js.FormInput,
       {
         type: "text",
         label: t("credentialRefLabel"),
@@ -5391,7 +5477,7 @@ function LogicNodeModal({ onSave, entities = [], datasources = [], onLoadTables,
     }
   };
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkBSPRG6ZF_js.GlassModalShell,
+    chunk5WFBHIM5_js.GlassModalShell,
     {
       open,
       onClose: closeModal,
@@ -5451,7 +5537,7 @@ function NodeContextMenu({ position, targetId, onClose, onEdit, onDuplicate, onC
     }
   ];
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkBSPRG6ZF_js.ContextMenu,
+    chunk5WFBHIM5_js.ContextMenu,
     {
       position,
       onClose,
@@ -5508,7 +5594,7 @@ function PanelContextMenu({ position, onClose, onPaste, onSelectAll, onFitView,
     }
   ];
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkBSPRG6ZF_js.ContextMenu,
+    chunk5WFBHIM5_js.ContextMenu,
     {
       position,
       onClose,
@@ -5655,7 +5741,7 @@ function SelectionContextMenu({
     }
   ];
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkBSPRG6ZF_js.ContextMenu,
+    chunk5WFBHIM5_js.ContextMenu,
     {
       position,
       onClose,
@@ -6063,6 +6149,28 @@ function WorkflowCanvasInner({
             }
           };
         }
+        if (savedNode.type === "datasource") {
+          const datasourceConfig = savedNode.data.config;
+          const datasourceEntity = datasourceConfig ? entityMap.get(datasourceConfig.datasourceId) : void 0;
+          const extendedNodeData = savedNode.data;
+          return {
+            id: savedNode.id,
+            type: "datasource",
+            position: savedNode.position,
+            data: {
+              config: datasourceConfig,
+              datasource: datasourceEntity ? {
+                id: datasourceEntity.id,
+                name: datasourceEntity.label,
+                dialect: datasourceConfig?.dialect ?? "unknown"
+              } : void 0,
+              label: savedNode.data.label,
+              readOnly: extendedNodeData.readOnly === true,
+              onEdit: extendedNodeData.readOnly === true ? void 0 : handleEditLogicNode,
+              onRemoveFromCanvas: handleRemoveNodeFromCanvas
+            }
+          };
+        }
         if (savedNode.type === "group") {
           const groupConfig = savedNode.data.config;
           const defaultGroupConfig = {
@@ -7471,6 +7579,7 @@ exports.ListOperatorFlowNode = ListOperatorFlowNode;
 exports.LogicNodeModal = LogicNodeModal;
 exports.MINIMAP_NODE_COLORS = MINIMAP_NODE_COLORS;
 exports.ModelProviderFlowNode = ModelProviderFlowNode;
+exports.NODE_EXECUTION_ACCENT_COLORS = NODE_EXECUTION_ACCENT_COLORS;
 exports.NodeCard = NodeCard;
 exports.NodeContextMenu = NodeContextMenu;
 exports.NoteFlowNode = NoteFlowNode;
@@ -7497,11 +7606,13 @@ exports.getEntityHandleColor = getEntityHandleColor;
 exports.getEntityIcon = getEntityIcon;
 exports.getEntityMinimapColor = getEntityMinimapColor;
 exports.getFrameworkMeta = getFrameworkMeta;
+exports.getNodeExecutionAccent = getNodeExecutionAccent;
+exports.getNodeExecutionAccentRgb = getNodeExecutionAccentRgb;
 exports.isFrameworkCompatibleWithProviders = isFrameworkCompatibleWithProviders;
 exports.isModelCompatibleWithFramework = isModelCompatibleWithFramework;
 exports.useModalStore = useModalStore;
 exports.useWorkflowBuilderClient = useWorkflowBuilderClient;
 exports.useWorkflowBuilderClientOptional = useWorkflowBuilderClientOptional;
 exports.useWorkflowStore = useWorkflowStore;
-//# sourceMappingURL=chunk-GMGTX3TB.js.map
-//# sourceMappingURL=chunk-GMGTX3TB.js.map
+//# sourceMappingURL=chunk-ITFBJSHZ.js.map
+//# sourceMappingURL=chunk-ITFBJSHZ.js.map