@datatechsolutions/ui 2.8.8 → 2.8.9

package/dist/{chunk-Y2KJSGXS.js → chunk-ZN2F2VHX.js}

@@ -1,10 +1,10 @@
 "use client";
 'use strict';
 
-var chunkGXCWMPW5_js = require('./chunk-GXCWMPW5.js');
+var chunk2GTIYAXX_js = require('./chunk-2GTIYAXX.js');
+var chunkP4YYEM4B_js = require('./chunk-P4YYEM4B.js');
+var chunkDFR6CMJH_js = require('./chunk-DFR6CMJH.js');
 var chunkYXN2K77G_js = require('./chunk-YXN2K77G.js');
-var chunkNJ6PBGQM_js = require('./chunk-NJ6PBGQM.js');
-var chunkULPKAD4A_js = require('./chunk-ULPKAD4A.js');
 var react = require('react');
 var react$1 = require('@xyflow/react');
 require('@xyflow/react/dist/style.css');
@@ -1213,17 +1213,17 @@ function NodeInteractiveCard({
   );
 }
 function NodeIconBubble({ tone, children }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(chunkNJ6PBGQM_js.GraphNodeIconBubble, { className: `bg-gradient-to-br ${LOGIC_NODE_GRADIENTS[tone]}`, children });
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkP4YYEM4B_js.GraphNodeIconBubble, { className: `bg-gradient-to-br ${LOGIC_NODE_GRADIENTS[tone]}`, children });
 }
 function NodeCardHeader({ icon, title, description, compact = false, iconClassName }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(chunkNJ6PBGQM_js.GraphNodeHeader, { icon, title, description, compact, iconClassName });
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkP4YYEM4B_js.GraphNodeHeader, { icon, title, description, compact, iconClassName });
 }
 function NodeCardMeta({ compact = false, children }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(chunkNJ6PBGQM_js.GraphNodeMeta, { compact, children });
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkP4YYEM4B_js.GraphNodeMeta, { compact, children });
 }
 function NodeCardBadge({ children, className, tone, soft = false }) {
   const toneClass = tone ? soft ? LOGIC_NODE_BADGE_SOFT_COLORS[tone] : LOGIC_NODE_BADGE_COLORS[tone] : "";
-  return /* @__PURE__ */ jsxRuntime.jsx(chunkNJ6PBGQM_js.GraphNodeBadge, { className: className ?? `inline-flex items-center rounded-full px-2 py-0.5 text-[10px] ${soft ? "font-medium" : "font-semibold"} ${toneClass}`, children });
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkP4YYEM4B_js.GraphNodeBadge, { className: className ?? `inline-flex items-center rounded-full px-2 py-0.5 text-[10px] ${soft ? "font-medium" : "font-semibold"} ${toneClass}`, children });
 }
 function NodeCardDeleteAction({ nodeId, onDelete }) {
   if (!onDelete) return null;
@@ -1369,7 +1369,7 @@ var AgentFlowNode = react.memo(function AgentFlowNode2({ id, data, selected }) {
       /* @__PURE__ */ jsxRuntime.jsx(NodeCardMeta, { compact: isCompact, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center gap-1.5", children: [
         /* @__PURE__ */ jsxRuntime.jsx(NodeCardBadge, { className: "rounded-full bg-indigo-100 px-2 py-0.5 text-[10px] font-semibold text-indigo-700 dark:bg-indigo-500/20 dark:text-indigo-300", children: "Agent" }),
         (() => {
-          const tier = chunkULPKAD4A_js.getAgentTier(Number(data.agent.elo ?? 0));
+          const tier = chunkDFR6CMJH_js.getAgentTier(Number(data.agent.elo ?? 0));
           return /* @__PURE__ */ jsxRuntime.jsx(NodeCardBadge, { className: `rounded-full px-2 py-0.5 text-[10px] font-bold ${tier.pillColor}`, children: tier.key });
         })(),
         /* @__PURE__ */ jsxRuntime.jsxs(NodeCardBadge, { className: `inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-[10px] font-medium ${frameworkMeta.badgeColor}`, children: [
@@ -2635,6 +2635,83 @@ 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 isCompact = data.displayMode === "compact";
+  if (!config || config.type !== "datasource") {
+    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(NodeCard, { variant: "error", nodeType: "datasource", children: /* @__PURE__ */ jsxRuntime.jsx(
+        NodeCardHeader,
+        {
+          icon: /* @__PURE__ */ jsxRuntime.jsx(outline.ExclamationTriangleIcon, { className: "h-5 w-5 text-white" }),
+          title: label || t("datasourceNodeType"),
+          description: t("datasourceNotConfigured"),
+          iconClassName: "flex h-10 w-10 items-center justify-center rounded-xl bg-gradient-to-br from-amber-400 to-orange-500 shadow-lg"
+        }
+      ) }),
+      /* @__PURE__ */ jsxRuntime.jsx(WorkflowHandle, { type: "source", position: react$1.Position.Right, id: "right-out", colorClass: "!bg-cyan-400" })
+    ] });
+  }
+  const columnCount = config.selectedColumns?.length ?? 0;
+  const filterCount = config.filterVariables ? Object.keys(config.filterVariables).length : 0;
+  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(
+      "button",
+      {
+        type: "button",
+        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" })
+              }
+            )
+          ] })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(WorkflowHandle, { type: "source", position: react$1.Position.Right, id: "right-out", colorClass: "!bg-cyan-400" })
+  ] });
+});
 var GROUP_COLORS = {
   indigo: {
     border: "border-indigo-300/50 dark:border-indigo-600/50",
@@ -2825,7 +2902,7 @@ function WorkspaceDrawer({
   children
 }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkGXCWMPW5_js.EntityDrawer,
+    chunk2GTIYAXX_js.EntityDrawer,
     {
       open,
       onClose,
@@ -2868,7 +2945,7 @@ function StartNodeConfigForm({ config, onSave, onCancel }) {
       /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-2 text-xs text-gray-500 dark:text-gray-400", children: t("inputVariablesHelp") }),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-2", children: [
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkGXCWMPW5_js.Input,
+          chunk2GTIYAXX_js.Input,
           {
             value: newVariable,
             onChange: (event) => setNewVariable(event.target.value),
@@ -2878,7 +2955,7 @@ function StartNodeConfigForm({ config, onSave, onCancel }) {
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkGXCWMPW5_js.Button,
+          chunk2GTIYAXX_js.Button,
           {
             type: "button",
             onClick: handleAddVariable,
@@ -2895,7 +2972,7 @@ function StartNodeConfigForm({ config, onSave, onCancel }) {
           children: [
             variable,
             /* @__PURE__ */ jsxRuntime.jsx(
-              chunkGXCWMPW5_js.IconButton,
+              chunk2GTIYAXX_js.IconButton,
               {
                 icon: /* @__PURE__ */ jsxRuntime.jsx(outline.XMarkIcon, { className: "h-3 w-3" }),
                 label: `Remove ${variable}`,
@@ -2912,7 +2989,7 @@ function StartNodeConfigForm({ config, onSave, onCancel }) {
     ] }),
     /* @__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(
-        chunkGXCWMPW5_js.Button,
+        chunk2GTIYAXX_js.Button,
         {
           type: "button",
           onClick: onCancel,
@@ -2922,7 +2999,7 @@ function StartNodeConfigForm({ config, onSave, onCancel }) {
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkGXCWMPW5_js.Button,
+        chunk2GTIYAXX_js.Button,
         {
           type: "button",
           onClick: handleSave,
@@ -3034,8 +3111,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(chunkGXCWMPW5_js.Button, { type: "button", outline: true, onClick: onCancel, children: cancelLabel }),
-    /* @__PURE__ */ jsxRuntime.jsx(chunkGXCWMPW5_js.Button, { type: "button", onClick: onSave, disabled: saveDisabled, children: saveLabel })
+    /* @__PURE__ */ jsxRuntime.jsx(chunk2GTIYAXX_js.Button, { type: "button", outline: true, onClick: onCancel, children: cancelLabel }),
+    /* @__PURE__ */ jsxRuntime.jsx(chunk2GTIYAXX_js.Button, { type: "button", onClick: onSave, disabled: saveDisabled, children: saveLabel })
   ] });
 }
 var OPERATOR_OPTIONS = [
@@ -3084,7 +3161,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(
-          chunkGXCWMPW5_js.Button,
+          chunk2GTIYAXX_js.Button,
           {
             type: "button",
             onClick: handleAddCondition,
@@ -3095,7 +3172,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(
-            chunkGXCWMPW5_js.FormInput,
+            chunk2GTIYAXX_js.FormInput,
             {
               type: "text",
               label: t("variableLabel"),
@@ -3106,7 +3183,7 @@ function IfElseNodeConfigForm({ config, onSave, onCancel }) {
             }
           ) }),
           /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx(
-            chunkGXCWMPW5_js.FormSelect,
+            chunk2GTIYAXX_js.FormSelect,
             {
               label: t("operatorLabel"),
               value: condition.operator,
@@ -3116,7 +3193,7 @@ function IfElseNodeConfigForm({ config, onSave, onCancel }) {
             }
           ) }),
           /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx(
-            chunkGXCWMPW5_js.FormInput,
+            chunk2GTIYAXX_js.FormInput,
             {
               type: "text",
               label: t("valueLabel"),
@@ -3128,7 +3205,7 @@ function IfElseNodeConfigForm({ config, onSave, onCancel }) {
           ) })
         ] }),
         conditions.length > 1 && /* @__PURE__ */ jsxRuntime.jsx(
-          chunkGXCWMPW5_js.IconButton,
+          chunk2GTIYAXX_js.IconButton,
           {
             onClick: () => handleRemoveCondition(index),
             icon: /* @__PURE__ */ jsxRuntime.jsx(outline.TrashIcon, { className: "h-4 w-4" }),
@@ -3283,7 +3360,7 @@ function HttpRequestNodeConfigForm({ config, onSave, onCancel }) {
   };
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkGXCWMPW5_js.FormSelect,
+      chunk2GTIYAXX_js.FormSelect,
       {
         label: t("methodLabel"),
         value: method,
@@ -3292,7 +3369,7 @@ function HttpRequestNodeConfigForm({ config, onSave, onCancel }) {
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkGXCWMPW5_js.FormInput,
+      chunk2GTIYAXX_js.FormInput,
       {
         type: "text",
         label: t("urlLabel"),
@@ -3305,7 +3382,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(
-          chunkGXCWMPW5_js.Button,
+          chunk2GTIYAXX_js.Button,
           {
             type: "button",
             onClick: handleAddHeader,
@@ -3315,7 +3392,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(
-          chunkGXCWMPW5_js.FormInput,
+          chunk2GTIYAXX_js.FormInput,
           {
             type: "text",
             value: entry.key,
@@ -3325,7 +3402,7 @@ function HttpRequestNodeConfigForm({ config, onSave, onCancel }) {
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkGXCWMPW5_js.FormInput,
+          chunk2GTIYAXX_js.FormInput,
           {
             type: "text",
             value: entry.value,
@@ -3335,7 +3412,7 @@ function HttpRequestNodeConfigForm({ config, onSave, onCancel }) {
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkGXCWMPW5_js.IconButton,
+          chunk2GTIYAXX_js.IconButton,
           {
             onClick: () => handleRemoveHeader(index),
             icon: /* @__PURE__ */ jsxRuntime.jsx(outline.TrashIcon, { className: "h-4 w-4" }),
@@ -3347,7 +3424,7 @@ function HttpRequestNodeConfigForm({ config, onSave, onCancel }) {
       ] }, index)) })
     ] }),
     method !== "GET" && /* @__PURE__ */ jsxRuntime.jsx(
-      chunkGXCWMPW5_js.FormTextarea,
+      chunk2GTIYAXX_js.FormTextarea,
       {
         label: t("bodyLabel"),
         value: body,
@@ -3358,7 +3435,7 @@ function HttpRequestNodeConfigForm({ config, onSave, onCancel }) {
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkGXCWMPW5_js.FormInput,
+      chunk2GTIYAXX_js.FormInput,
       {
         type: "number",
         label: t("timeoutLabel"),
@@ -3389,7 +3466,7 @@ function TemplateTransformNodeConfigForm({ config, onSave, onCancel }) {
   };
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkGXCWMPW5_js.FormTextarea,
+      chunk2GTIYAXX_js.FormTextarea,
       {
         label: t("templateLabel"),
         value: template,
@@ -3400,7 +3477,7 @@ function TemplateTransformNodeConfigForm({ config, onSave, onCancel }) {
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkGXCWMPW5_js.FormInput,
+      chunk2GTIYAXX_js.FormInput,
       {
         type: "text",
         label: t("outputVariableLabel"),
@@ -3429,7 +3506,7 @@ function IterationNodeConfigForm({ config, onSave, onCancel }) {
   };
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkGXCWMPW5_js.FormInput,
+      chunk2GTIYAXX_js.FormInput,
       {
         type: "text",
         label: t("iteratorVariableLabel"),
@@ -3439,7 +3516,7 @@ function IterationNodeConfigForm({ config, onSave, onCancel }) {
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkGXCWMPW5_js.FormInput,
+      chunk2GTIYAXX_js.FormInput,
       {
         type: "number",
         label: t("maxIterationsLabel"),
@@ -3470,7 +3547,7 @@ function KnowledgeBaseNodeConfigForm({ config, onSave, onCancel }) {
   };
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkGXCWMPW5_js.FormInput,
+      chunk2GTIYAXX_js.FormInput,
       {
         type: "text",
         label: t("sourceIdLabel"),
@@ -3480,7 +3557,7 @@ function KnowledgeBaseNodeConfigForm({ config, onSave, onCancel }) {
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkGXCWMPW5_js.FormInput,
+      chunk2GTIYAXX_js.FormInput,
       {
         type: "number",
         label: t("topKLabel"),
@@ -3491,7 +3568,7 @@ function KnowledgeBaseNodeConfigForm({ config, onSave, onCancel }) {
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkGXCWMPW5_js.FormInput,
+      chunk2GTIYAXX_js.FormInput,
       {
         type: "number",
         label: t("similarityThresholdLabel"),
@@ -3539,7 +3616,7 @@ function AnswerNodeConfigForm({ config, onSave, onCancel }) {
   };
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkGXCWMPW5_js.FormTextarea,
+      chunk2GTIYAXX_js.FormTextarea,
       {
         label: t("outputTemplateLabel"),
         hint: t("outputTemplateHelp"),
@@ -3554,7 +3631,7 @@ function AnswerNodeConfigForm({ config, onSave, onCancel }) {
       /* @__PURE__ */ jsxRuntime.jsx("label", { className: "mb-1 block text-sm font-medium text-gray-700 dark:text-gray-300", children: t("outputVariablesLabel") }),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-2", children: [
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkGXCWMPW5_js.FormInput,
+          chunk2GTIYAXX_js.FormInput,
           {
             type: "text",
             value: newVariable,
@@ -3565,7 +3642,7 @@ function AnswerNodeConfigForm({ config, onSave, onCancel }) {
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkGXCWMPW5_js.Button,
+          chunk2GTIYAXX_js.Button,
           {
             type: "button",
             onClick: handleAddVariable,
@@ -3580,7 +3657,7 @@ function AnswerNodeConfigForm({ config, onSave, onCancel }) {
           children: [
             variable,
             /* @__PURE__ */ jsxRuntime.jsx(
-              chunkGXCWMPW5_js.IconButton,
+              chunk2GTIYAXX_js.IconButton,
               {
                 onClick: () => handleRemoveVariable(variable),
                 icon: /* @__PURE__ */ jsxRuntime.jsx(outline.XMarkIcon, { className: "h-3 w-3" }),
@@ -4016,7 +4093,7 @@ function VariableAggregatorNodeConfigForm({ config, onSave, onCancel }) {
       /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-1 block text-sm font-medium text-gray-700 dark:text-gray-300", children: t("inputVariablesLabel") }),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-2", children: [
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkGXCWMPW5_js.FormInput,
+          chunk2GTIYAXX_js.FormInput,
           {
             type: "text",
             value: newVariable,
@@ -4027,7 +4104,7 @@ function VariableAggregatorNodeConfigForm({ config, onSave, onCancel }) {
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkGXCWMPW5_js.Button,
+          chunk2GTIYAXX_js.Button,
           {
             type: "button",
             onClick: handleAddVariable,
@@ -4035,10 +4112,10 @@ function VariableAggregatorNodeConfigForm({ config, onSave, onCancel }) {
           }
         )
       ] }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-3 space-y-2", children: inputVariables.map((variable, index) => /* @__PURE__ */ jsxRuntime.jsx(chunkGXCWMPW5_js.Card, { className: "border-purple-200/70 dark:border-purple-500/30", children: /* @__PURE__ */ jsxRuntime.jsx(chunkGXCWMPW5_js.CardContent, { className: "p-3", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-3 space-y-2", children: inputVariables.map((variable, index) => /* @__PURE__ */ jsxRuntime.jsx(chunk2GTIYAXX_js.Card, { className: "border-purple-200/70 dark:border-purple-500/30", children: /* @__PURE__ */ jsxRuntime.jsx(chunk2GTIYAXX_js.CardContent, { className: "p-3", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
         /* @__PURE__ */ jsxRuntime.jsx("span", { className: "inline-flex min-w-6 items-center justify-center rounded-full bg-purple-100 px-1.5 py-0.5 text-[10px] font-semibold text-purple-700 dark:bg-purple-500/20 dark:text-purple-300", children: index + 1 }),
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkGXCWMPW5_js.FormInput,
+          chunk2GTIYAXX_js.FormInput,
           {
             type: "text",
             value: variable,
@@ -4048,7 +4125,7 @@ function VariableAggregatorNodeConfigForm({ config, onSave, onCancel }) {
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkGXCWMPW5_js.IconButton,
+          chunk2GTIYAXX_js.IconButton,
           {
             icon: /* @__PURE__ */ jsxRuntime.jsx(outline.XMarkIcon, { className: "h-3 w-3" }),
             label: `Remove ${variable || index + 1}`,
@@ -4060,7 +4137,7 @@ function VariableAggregatorNodeConfigForm({ config, onSave, onCancel }) {
       ] }) }) }, `${index}-${variable}`)) })
     ] }),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkGXCWMPW5_js.FormInput,
+      chunk2GTIYAXX_js.FormInput,
       {
         type: "text",
         label: t("outputVariableLabel"),
@@ -4070,7 +4147,7 @@ function VariableAggregatorNodeConfigForm({ config, onSave, onCancel }) {
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkGXCWMPW5_js.FormSelect,
+      chunk2GTIYAXX_js.FormSelect,
       {
         label: t("aggregationModeLabel"),
         value: aggregationMode,
@@ -4103,7 +4180,7 @@ function DocumentExtractorNodeConfigForm({ config, onSave, onCancel }) {
   };
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkGXCWMPW5_js.FormSelect,
+      chunk2GTIYAXX_js.FormSelect,
       {
         label: t("extractionModeLabel"),
         value: extractionMode,
@@ -4112,7 +4189,7 @@ function DocumentExtractorNodeConfigForm({ config, onSave, onCancel }) {
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkGXCWMPW5_js.FormInput,
+      chunk2GTIYAXX_js.FormInput,
       {
         type: "text",
         label: t("outputVariableLabel"),
@@ -4289,7 +4366,7 @@ function IterationStartNodeConfigForm({ config, onSave, onCancel }) {
   };
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkGXCWMPW5_js.FormInput,
+      chunk2GTIYAXX_js.FormInput,
       {
         type: "text",
         label: t("iteratorVariableLabel"),
@@ -4299,7 +4376,7 @@ function IterationStartNodeConfigForm({ config, onSave, onCancel }) {
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkGXCWMPW5_js.FormInput,
+      chunk2GTIYAXX_js.FormInput,
       {
         type: "text",
         label: t("itemVariableLabel"),
@@ -4309,7 +4386,7 @@ function IterationStartNodeConfigForm({ config, onSave, onCancel }) {
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkGXCWMPW5_js.FormInput,
+      chunk2GTIYAXX_js.FormInput,
       {
         type: "text",
         label: t("indexVariableLabel"),
@@ -4557,6 +4634,328 @@ function EntityNodeConfigForm({ config, entities = [], onSave, onCancel }) {
     ] })
   ] });
 }
+var COLUMN_TYPE_BADGE_COLORS = {
+  string: "bg-gray-100 text-gray-600 dark:bg-gray-500/20 dark:text-gray-300",
+  varchar: "bg-gray-100 text-gray-600 dark:bg-gray-500/20 dark:text-gray-300",
+  text: "bg-gray-100 text-gray-600 dark:bg-gray-500/20 dark:text-gray-300",
+  integer: "bg-blue-100 text-blue-600 dark:bg-blue-500/20 dark:text-blue-300",
+  int: "bg-blue-100 text-blue-600 dark:bg-blue-500/20 dark:text-blue-300",
+  bigint: "bg-blue-100 text-blue-600 dark:bg-blue-500/20 dark:text-blue-300",
+  number: "bg-blue-100 text-blue-600 dark:bg-blue-500/20 dark:text-blue-300",
+  decimal: "bg-blue-100 text-blue-600 dark:bg-blue-500/20 dark:text-blue-300",
+  float: "bg-blue-100 text-blue-600 dark:bg-blue-500/20 dark:text-blue-300",
+  boolean: "bg-green-100 text-green-600 dark:bg-green-500/20 dark:text-green-300",
+  date: "bg-amber-100 text-amber-600 dark:bg-amber-500/20 dark:text-amber-300",
+  timestamp: "bg-amber-100 text-amber-600 dark:bg-amber-500/20 dark:text-amber-300",
+  datetime: "bg-amber-100 text-amber-600 dark:bg-amber-500/20 dark:text-amber-300",
+  json: "bg-purple-100 text-purple-600 dark:bg-purple-500/20 dark:text-purple-300",
+  jsonb: "bg-purple-100 text-purple-600 dark:bg-purple-500/20 dark:text-purple-300",
+  uuid: "bg-teal-100 text-teal-600 dark:bg-teal-500/20 dark:text-teal-300"
+};
+function DatasourceNodeConfigForm({
+  nodeId,
+  config,
+  onSave,
+  onCancel,
+  datasources,
+  onLoadTables,
+  onLoadSchema
+}) {
+  const t = chunkYXN2K77G_js.useTranslations("agents.workflow.datasourceNodeConfig");
+  const [selectedDatasourceId, setSelectedDatasourceId] = react.useState(config.datasourceId ?? "");
+  const [selectedTable, setSelectedTable] = react.useState(config.table ?? "");
+  const [availableTables, setAvailableTables] = react.useState([]);
+  const [availableColumns, setAvailableColumns] = react.useState([]);
+  const [selectedColumns, setSelectedColumns] = react.useState([...config.selectedColumns]);
+  const [outputVariable, setOutputVariable] = react.useState(config.outputVariable);
+  const [limit, setLimit] = react.useState(config.limit);
+  const [filterVariables, setFilterVariables] = react.useState({ ...config.filterVariables });
+  const allColumnNames = availableColumns.map((column) => column.name);
+  const allSelected = selectedColumns.length > 0 && selectedColumns.length === allColumnNames.length;
+  const selectedDatasource = datasources.find((datasource) => datasource.id === selectedDatasourceId);
+  const loadTables = react.useCallback(async (datasourceId) => {
+    if (!datasourceId) {
+      setAvailableTables([]);
+      return;
+    }
+    const tables = await onLoadTables(datasourceId);
+    setAvailableTables(tables);
+  }, [onLoadTables]);
+  const loadSchema = react.useCallback(async (datasourceId, table) => {
+    if (!datasourceId || !table) {
+      setAvailableColumns([]);
+      return;
+    }
+    const columns = await onLoadSchema(datasourceId, table);
+    setAvailableColumns(columns);
+  }, [onLoadSchema]);
+  react.useEffect(() => {
+    if (selectedDatasourceId) {
+      loadTables(selectedDatasourceId);
+    }
+  }, [selectedDatasourceId, loadTables]);
+  react.useEffect(() => {
+    if (selectedDatasourceId && selectedTable) {
+      loadSchema(selectedDatasourceId, selectedTable);
+    }
+  }, [selectedDatasourceId, selectedTable, loadSchema]);
+  const handleDatasourceChange = (datasourceId) => {
+    setSelectedDatasourceId(datasourceId);
+    setSelectedTable("");
+    setAvailableTables([]);
+    setAvailableColumns([]);
+    setSelectedColumns([]);
+    setFilterVariables({});
+  };
+  const handleTableChange = (table) => {
+    setSelectedTable(table);
+    setAvailableColumns([]);
+    setSelectedColumns([]);
+    setFilterVariables({});
+  };
+  const handleToggleSelectAll = () => {
+    if (allSelected) {
+      setSelectedColumns([]);
+    } else {
+      setSelectedColumns([...allColumnNames]);
+    }
+  };
+  const handleToggleColumn = (columnName) => {
+    setSelectedColumns(
+      (previous) => previous.includes(columnName) ? previous.filter((name) => name !== columnName) : [...previous, columnName]
+    );
+  };
+  const handleAddFilter = () => {
+    setFilterVariables((previous) => ({ ...previous, "": "" }));
+  };
+  const handleUpdateFilterVariable = (oldKey, newKey) => {
+    setFilterVariables((previous) => {
+      const updated = { ...previous };
+      const value = updated[oldKey] ?? "";
+      delete updated[oldKey];
+      updated[newKey] = value;
+      return updated;
+    });
+  };
+  const handleUpdateFilterField = (key, newValue) => {
+    setFilterVariables((previous) => ({ ...previous, [key]: newValue }));
+  };
+  const handleRemoveFilter = (key) => {
+    setFilterVariables((previous) => {
+      const updated = { ...previous };
+      delete updated[key];
+      return updated;
+    });
+  };
+  const handleSave = () => {
+    const cleanedFilters = {};
+    for (const [key, value] of Object.entries(filterVariables)) {
+      if (key.trim() && value.trim()) {
+        cleanedFilters[key.trim()] = value.trim();
+      }
+    }
+    onSave({
+      ...config,
+      datasourceId: selectedDatasourceId,
+      dialect: selectedDatasource?.dialect ?? "",
+      table: selectedTable,
+      selectedColumns,
+      outputVariable: outputVariable.trim(),
+      limit,
+      filterVariables: cleanedFilters
+    });
+  };
+  const filterEntries = Object.entries(filterVariables);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-5", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("label", { className: "mb-1 block text-sm font-medium text-gray-700 dark:text-gray-300", children: t("datasourceLabel") }),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-2 text-xs text-gray-500 dark:text-gray-400", children: t("datasourceHelp") }),
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        "select",
+        {
+          value: selectedDatasourceId,
+          onChange: (event) => handleDatasourceChange(event.target.value),
+          className: "w-full rounded-lg border border-gray-300 bg-white px-3 py-2 text-sm text-gray-900 outline-none focus:border-indigo-400 focus:ring-2 focus:ring-indigo-400/20 dark:border-gray-600 dark:bg-gray-800 dark:text-white",
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx("option", { value: "", children: t("selectDatasource") }),
+            datasources.map((datasource) => /* @__PURE__ */ jsxRuntime.jsxs("option", { value: datasource.id, children: [
+              datasource.name,
+              " (",
+              datasource.dialect,
+              ")"
+            ] }, datasource.id))
+          ]
+        }
+      ),
+      selectedDatasource && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-2 flex items-center gap-2", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium bg-cyan-100 text-cyan-700 dark:bg-cyan-900/30 dark:text-cyan-300", children: selectedDatasource.dialect }) })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("label", { className: "mb-1 block text-sm font-medium text-gray-700 dark:text-gray-300", children: t("tableLabel") }),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-2 text-xs text-gray-500 dark:text-gray-400", children: t("tableHelp") }),
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        "select",
+        {
+          value: selectedTable,
+          onChange: (event) => handleTableChange(event.target.value),
+          disabled: !selectedDatasourceId,
+          className: "w-full rounded-lg border border-gray-300 bg-white px-3 py-2 text-sm text-gray-900 outline-none focus:border-indigo-400 focus:ring-2 focus:ring-indigo-400/20 disabled:cursor-not-allowed disabled:opacity-50 dark:border-gray-600 dark:bg-gray-800 dark:text-white",
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx("option", { value: "", children: t("selectTable") }),
+            availableTables.map((table) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: table, children: table }, table))
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("label", { className: "mb-1 block text-sm font-medium text-gray-700 dark:text-gray-300", children: t("outputVariableLabel") }),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-2 text-xs text-gray-500 dark:text-gray-400", children: t("outputVariableHelp") }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "input",
+        {
+          type: "text",
+          value: outputVariable,
+          onChange: (event) => setOutputVariable(event.target.value),
+          placeholder: "datasourceResult",
+          className: "w-full rounded-lg border border-gray-300 bg-white px-3 py-2 text-sm text-gray-900 placeholder-gray-400 outline-none focus:border-indigo-400 focus:ring-2 focus:ring-indigo-400/20 dark:border-gray-600 dark:bg-gray-800 dark:text-white dark:placeholder-gray-500"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("label", { className: "mb-1 block text-sm font-medium text-gray-700 dark:text-gray-300", children: t("limitLabel") }),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-2 text-xs text-gray-500 dark:text-gray-400", children: t("limitHelp") }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "input",
+        {
+          type: "number",
+          value: limit,
+          onChange: (event) => setLimit(Math.max(1, Number.parseInt(event.target.value, 10) || 1)),
+          min: 1,
+          max: 1e4,
+          className: "w-32 rounded-lg border border-gray-300 bg-white px-3 py-2 text-sm text-gray-900 outline-none focus:border-indigo-400 focus:ring-2 focus:ring-indigo-400/20 dark:border-gray-600 dark:bg-gray-800 dark:text-white"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+      /* @__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("columnsLabel") }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            onClick: handleToggleSelectAll,
+            disabled: availableColumns.length === 0,
+            className: "text-xs font-medium text-indigo-600 hover:text-indigo-700 disabled:cursor-not-allowed disabled:opacity-50 dark:text-indigo-400 dark:hover:text-indigo-300",
+            children: allSelected ? t("deselectAll") : t("selectAll")
+          }
+        )
+      ] }),
+      selectedColumns.length === 0 && availableColumns.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-2 text-xs text-amber-600 dark:text-amber-400", children: t("noColumnsSelected") }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "max-h-48 space-y-1 overflow-y-auto rounded-lg border border-gray-200 p-2 dark:border-gray-700", children: [
+        availableColumns.length === 0 && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "px-2 py-2 text-xs text-gray-500 dark:text-gray-400", children: t("noColumnsAvailable") }),
+        availableColumns.map((column) => {
+          const isSelected = selectedColumns.includes(column.name);
+          const typeBadgeColor = COLUMN_TYPE_BADGE_COLORS[column.type.toLowerCase()] ?? COLUMN_TYPE_BADGE_COLORS.string;
+          return /* @__PURE__ */ jsxRuntime.jsxs(
+            "label",
+            {
+              className: `flex cursor-pointer items-center gap-2 rounded-md px-2 py-1.5 transition-colors ${isSelected ? "bg-indigo-50 dark:bg-indigo-500/10" : "hover:bg-gray-50 dark:hover:bg-gray-800"}`,
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "input",
+                  {
+                    type: "checkbox",
+                    checked: isSelected,
+                    onChange: () => handleToggleColumn(column.name),
+                    className: "h-3.5 w-3.5 rounded border-gray-300 text-indigo-600 focus:ring-indigo-500 dark:border-gray-600"
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex-1 text-xs font-medium text-gray-900 dark:text-white", children: [
+                  column.name,
+                  column.nullable && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-1 text-[9px] text-gray-400 dark:text-gray-500", children: "?" })
+                ] }),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: `rounded-full px-1.5 py-0.5 text-[9px] font-medium ${typeBadgeColor}`, children: column.type })
+              ]
+            },
+            column.name
+          );
+        })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-1 flex items-center justify-between", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("label", { className: "text-sm font-medium text-gray-700 dark:text-gray-300", children: t("filtersLabel") }),
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "button",
+          {
+            type: "button",
+            onClick: handleAddFilter,
+            className: "flex items-center gap-1 text-xs font-medium text-indigo-600 hover:text-indigo-700 dark:text-indigo-400 dark:hover:text-indigo-300",
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(outline.PlusIcon, { className: "h-3 w-3" }),
+              t("addFilter")
+            ]
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-2 text-xs text-gray-500 dark:text-gray-400", children: t("filtersHelp") }),
+      filterEntries.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-2", children: filterEntries.map(([variableName, columnName], index) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "select",
+          {
+            value: columnName,
+            onChange: (event) => handleUpdateFilterField(variableName, event.target.value),
+            className: "flex-1 rounded-lg border border-gray-300 bg-white px-2 py-1.5 text-xs text-gray-900 outline-none focus:border-indigo-400 focus:ring-1 focus:ring-indigo-400/20 dark:border-gray-600 dark:bg-gray-800 dark:text-white",
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx("option", { value: "", children: t("columnName") }),
+              availableColumns.map((column) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: column.name, children: column.name }, column.name))
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-gray-400", children: "=" }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "input",
+          {
+            type: "text",
+            value: variableName,
+            onChange: (event) => handleUpdateFilterVariable(variableName, event.target.value),
+            placeholder: t("variableReference"),
+            className: "flex-1 rounded-lg border border-gray-300 bg-white px-2 py-1.5 text-xs text-gray-900 placeholder-gray-400 outline-none focus:border-indigo-400 focus:ring-1 focus:ring-indigo-400/20 dark:border-gray-600 dark:bg-gray-800 dark:text-white dark:placeholder-gray-500"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            onClick: () => handleRemoveFilter(variableName),
+            className: "rounded-md p-1 text-red-500 hover:bg-red-50 dark:hover:bg-red-900/20",
+            children: /* @__PURE__ */ jsxRuntime.jsx(outline.XMarkIcon, { className: "h-3.5 w-3.5" })
+          }
+        )
+      ] }, index)) })
+    ] }),
+    /* @__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(
+        "button",
+        {
+          type: "button",
+          onClick: onCancel,
+          className: "rounded-lg border border-gray-300 px-4 py-2 text-sm font-medium text-gray-700 hover:bg-gray-50 dark:border-gray-600 dark:text-gray-300 dark:hover:bg-gray-800",
+          children: t("cancel")
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          type: "button",
+          onClick: handleSave,
+          disabled: !selectedDatasourceId || !selectedTable || selectedColumns.length === 0,
+          className: "rounded-lg bg-indigo-600 px-4 py-2 text-sm font-medium text-white hover:bg-indigo-700 disabled:cursor-not-allowed disabled:opacity-50 dark:bg-indigo-500 dark:hover:bg-indigo-600",
+          children: t("save")
+        }
+      )
+    ] })
+  ] });
+}
 var GROUP_COLOR_OPTIONS = [
   { value: "indigo", ring: "ring-indigo-500", fill: "bg-indigo-500" },
   { value: "teal", ring: "ring-teal-500", fill: "bg-teal-500" },
@@ -4581,7 +4980,7 @@ function GroupNodeConfigForm({ config, onSave, onCancel }) {
   };
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkGXCWMPW5_js.FormInput,
+      chunk2GTIYAXX_js.FormInput,
       {
         type: "text",
         label: translations("labelField"),
@@ -4591,7 +4990,7 @@ function GroupNodeConfigForm({ config, onSave, onCancel }) {
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkGXCWMPW5_js.FormTextarea,
+      chunk2GTIYAXX_js.FormTextarea,
       {
         label: translations("descriptionField"),
         value: description,
@@ -4643,9 +5042,10 @@ var NODE_TITLE_KEYS = {
   list_operator: "listOperatorNodeConfig",
   iteration_start: "iterationStartNodeConfig",
   entity: "entityNodeConfig",
+  datasource: "datasourceNodeConfig",
   group: "groupNodeConfig"
 };
-function LogicNodeDrawer({ onSave, entities = [] }) {
+function LogicNodeDrawer({ onSave, entities = [], datasources = [], onLoadTables, onLoadSchema }) {
   const t = chunkYXN2K77G_js.useTranslations("agents.workflow");
   const activeDrawer = useDrawerStore((s) => s.activeDrawer);
   const logicNodeData = useDrawerStore((s) => s.logicNodeData);
@@ -4697,6 +5097,19 @@ function LogicNodeDrawer({ onSave, entities = [] }) {
         return /* @__PURE__ */ jsxRuntime.jsx(ListOperatorNodeConfigForm, { config, onSave: handleSave, onCancel: closeDrawer });
       case "iteration_start":
         return /* @__PURE__ */ jsxRuntime.jsx(IterationStartNodeConfigForm, { config, onSave: handleSave, onCancel: closeDrawer });
+      case "datasource":
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          DatasourceNodeConfigForm,
+          {
+            nodeId,
+            config,
+            onSave: handleSave,
+            onCancel: closeDrawer,
+            datasources,
+            onLoadTables: onLoadTables ?? (async () => []),
+            onLoadSchema: onLoadSchema ?? (async () => [])
+          }
+        );
       case "entity":
         return /* @__PURE__ */ jsxRuntime.jsx(EntityNodeConfigForm, { config, entities, onSave: handleSave, onCancel: closeDrawer });
       case "group":
@@ -4764,7 +5177,7 @@ function NodeContextMenu({ position, targetId, onClose, onEdit, onDuplicate, onC
     }
   ];
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkGXCWMPW5_js.ContextMenu,
+    chunk2GTIYAXX_js.ContextMenu,
     {
       position,
       onClose,
@@ -4821,7 +5234,7 @@ function PanelContextMenu({ position, onClose, onPaste, onSelectAll, onFitView,
     }
   ];
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkGXCWMPW5_js.ContextMenu,
+    chunk2GTIYAXX_js.ContextMenu,
     {
       position,
       onClose,
@@ -4968,7 +5381,7 @@ function SelectionContextMenu({
     }
   ];
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkGXCWMPW5_js.ContextMenu,
+    chunk2GTIYAXX_js.ContextMenu,
     {
       position,
       onClose,
@@ -5068,6 +5481,7 @@ var BUILT_IN_NODE_TYPES = {
   list_operator: ListOperatorFlowNode,
   iteration_start: IterationStartFlowNode,
   note: NoteFlowNode,
+  datasource: DatasourceFlowNode,
   group: GroupFlowNode
 };
 var ALL_LOGIC_NODE_TYPES = [
@@ -5092,6 +5506,7 @@ var ALL_LOGIC_NODE_TYPES = [
   "tool",
   "rule",
   "entity",
+  "datasource",
   "group"
 ];
 function isLogicNodeType(nodeType) {
@@ -5398,7 +5813,7 @@ function WorkflowCanvasInner({
           };
         }
         if (isLogicNodeType(savedNode.type)) {
-          const config = savedNode.data.config ?? chunkULPKAD4A_js.createDefaultLogicNodeConfig(savedNode.type);
+          const config = savedNode.data.config ?? chunkDFR6CMJH_js.createDefaultLogicNodeConfig(savedNode.type);
           if (config) {
             const baseNode = {
               id: savedNode.id,
@@ -5567,7 +5982,7 @@ function WorkflowCanvasInner({
       }
       storeTakeSnapshot();
       const isTB = direction === "TB";
-      const repositionedNodes = chunkULPKAD4A_js.applyDagreLayout(nodes, edges, direction).map((node) => ({
+      const repositionedNodes = chunkDFR6CMJH_js.applyDagreLayout(nodes, edges, direction).map((node) => ({
         ...node,
         sourcePosition: isTB ? react$1.Position.Bottom : react$1.Position.Right,
         targetPosition: isTB ? react$1.Position.Top : react$1.Position.Left
@@ -5696,7 +6111,7 @@ function WorkflowCanvasInner({
   }, [storePaste]);
   const contextMenuAddNote = react.useCallback((flowPosition) => {
     storeTakeSnapshot();
-    const noteConfig = chunkULPKAD4A_js.createDefaultLogicNodeConfig("note");
+    const noteConfig = chunkDFR6CMJH_js.createDefaultLogicNodeConfig("note");
     const noteNode = {
       id: crypto.randomUUID(),
       type: "note",
@@ -6199,7 +6614,7 @@ function WorkflowCanvasInner({
         };
         setNodes((currentNodes) => [...currentNodes, newNode]);
       } else if (nodeType === "group") {
-        const groupConfig = configRaw ? JSON.parse(configRaw) : chunkULPKAD4A_js.createDefaultLogicNodeConfig("group");
+        const groupConfig = configRaw ? JSON.parse(configRaw) : chunkDFR6CMJH_js.createDefaultLogicNodeConfig("group");
         if (!groupConfig) return;
         const newNode = {
           id: newNodeId,
@@ -6216,7 +6631,7 @@ function WorkflowCanvasInner({
         };
         setNodes((currentNodes) => [...currentNodes, newNode]);
       } else if (isLogicNodeType(nodeType)) {
-        const config = configRaw ? JSON.parse(configRaw) : chunkULPKAD4A_js.createDefaultLogicNodeConfig(nodeType);
+        const config = configRaw ? JSON.parse(configRaw) : chunkDFR6CMJH_js.createDefaultLogicNodeConfig(nodeType);
         if (!config) return;
         const newNode = {
           id: newNodeId,
@@ -6333,7 +6748,7 @@ function WorkflowCanvasInner({
     (edgeId, nodeType, position) => {
       if (!isLogicNodeType(nodeType)) return;
       storeTakeSnapshot();
-      const config = chunkULPKAD4A_js.createDefaultLogicNodeConfig(nodeType);
+      const config = chunkDFR6CMJH_js.createDefaultLogicNodeConfig(nodeType);
       if (!config) return;
       const newNodeId = crypto.randomUUID();
       const newNode = {
@@ -6809,5 +7224,5 @@ exports.useDrawerStore = useDrawerStore;
 exports.useWorkflowBuilderClient = useWorkflowBuilderClient;
 exports.useWorkflowBuilderClientOptional = useWorkflowBuilderClientOptional;
 exports.useWorkflowStore = useWorkflowStore;
-//# sourceMappingURL=chunk-Y2KJSGXS.js.map
-//# sourceMappingURL=chunk-Y2KJSGXS.js.map
+//# sourceMappingURL=chunk-ZN2F2VHX.js.map
+//# sourceMappingURL=chunk-ZN2F2VHX.js.map