@datatechsolutions/ui 2.11.2 → 2.11.3

package/dist/{chunk-4TZNBT5V.js → chunk-XAQME7DD.js}

@@ -1,10 +1,10 @@
 "use client";
 'use strict';
 
-var chunkNMXHJMGI_js = require('./chunk-NMXHJMGI.js');
-var chunkYXN2K77G_js = require('./chunk-YXN2K77G.js');
+var chunkPBKTXX4Y_js = require('./chunk-PBKTXX4Y.js');
 var chunkP4YYEM4B_js = require('./chunk-P4YYEM4B.js');
-var chunkDFR6CMJH_js = require('./chunk-DFR6CMJH.js');
+var chunkPWBWP5FJ_js = require('./chunk-PWBWP5FJ.js');
+var chunkYXN2K77G_js = require('./chunk-YXN2K77G.js');
 var react = require('react');
 var react$1 = require('@xyflow/react');
 require('@xyflow/react/dist/style.css');
@@ -210,42 +210,42 @@ var useWorkflowStore = zustand.create((set, get) => ({
     });
   }
 }));
-var useDrawerStore = zustand.create((set) => ({
-  activeDrawer: null,
+var useModalStore = zustand.create((set) => ({
+  activeModal: null,
   agentData: null,
   subworkflowData: null,
   logicNodeData: null,
   pipelineSettingsData: null,
-  openAgentDrawer: (agent, models, isCreateMode = false) => set({
-    activeDrawer: "agent",
+  openAgentModal: (agent, models, isCreateMode = false) => set({
+    activeModal: "agent",
     agentData: { agent, models, isCreateMode },
     subworkflowData: null,
     logicNodeData: null,
     pipelineSettingsData: null
   }),
-  openSubworkflowDrawer: (tool) => set({
-    activeDrawer: "subworkflow",
+  openSubworkflowModal: (tool) => set({
+    activeModal: "subworkflow",
     subworkflowData: { tool },
     agentData: null,
     logicNodeData: null,
     pipelineSettingsData: null
   }),
-  openLogicNodeDrawer: (nodeId, nodeLabel, config) => set({
-    activeDrawer: "logic-node",
+  openLogicNodeModal: (nodeId, nodeLabel, config) => set({
+    activeModal: "logic-node",
     logicNodeData: { nodeId, nodeLabel, config },
     agentData: null,
     subworkflowData: null,
     pipelineSettingsData: null
   }),
-  openPipelineSettingsDrawer: (name, description) => set({
-    activeDrawer: "pipeline-settings",
+  openPipelineSettingsModal: (name, description) => set({
+    activeModal: "pipeline-settings",
     pipelineSettingsData: { name, description },
     agentData: null,
     subworkflowData: null,
     logicNodeData: null
   }),
-  closeDrawer: () => set({
-    activeDrawer: null,
+  closeModal: () => set({
+    activeModal: null,
     agentData: null,
     subworkflowData: null,
     logicNodeData: 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 = chunkDFR6CMJH_js.getAgentTier(Number(data.agent.elo ?? 0));
+          const tier = chunkPWBWP5FJ_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: [
@@ -2890,19 +2890,27 @@ var GroupFlowNode = react.memo(function GroupFlowNode2({ id, data, selected }) {
     /* @__PURE__ */ jsxRuntime.jsx(WorkflowHandle, { type: "source", position: react$1.Position.Right, id: "right-out", colorClass: "!bg-slate-500" })
   ] });
 });
-function WorkspaceDrawer({
+var LEGACY_WIDTH_MAP = {
+  "max-w-xl": "xl",
+  "max-w-2xl": "2xl",
+  "max-w-4xl": "4xl",
+  "max-w-6xl": "6xl",
+  "max-w-full": "full"
+};
+function WorkspaceModal({
   open,
   onClose,
   title,
   subtitle,
   icon,
   gradient = "from-gray-400 to-gray-500",
-  maxWidth = "max-w-2xl",
+  maxWidth = "2xl",
   tabs,
   children
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkNMXHJMGI_js.EntityDrawer,
+  const resolvedSize = LEGACY_WIDTH_MAP[maxWidth] ?? maxWidth;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    chunkPBKTXX4Y_js.GlassModalShell,
     {
       open,
       onClose,
@@ -2910,9 +2918,11 @@ function WorkspaceDrawer({
       subtitle,
       icon,
       gradient,
-      maxWidth,
-      tabs,
-      children
+      maxWidth: resolvedSize,
+      children: [
+        tabs,
+        children
+      ]
     }
   );
 }
@@ -2945,7 +2955,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(
-          chunkNMXHJMGI_js.Input,
+          chunkPBKTXX4Y_js.Input,
           {
             value: newVariable,
             onChange: (event) => setNewVariable(event.target.value),
@@ -2955,7 +2965,7 @@ function StartNodeConfigForm({ config, onSave, onCancel }) {
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkNMXHJMGI_js.Button,
+          chunkPBKTXX4Y_js.Button,
           {
             type: "button",
             onClick: handleAddVariable,
@@ -2972,7 +2982,7 @@ function StartNodeConfigForm({ config, onSave, onCancel }) {
           children: [
             variable,
             /* @__PURE__ */ jsxRuntime.jsx(
-              chunkNMXHJMGI_js.IconButton,
+              chunkPBKTXX4Y_js.IconButton,
               {
                 icon: /* @__PURE__ */ jsxRuntime.jsx(outline.XMarkIcon, { className: "h-3 w-3" }),
                 label: `Remove ${variable}`,
@@ -2989,7 +2999,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(
-        chunkNMXHJMGI_js.Button,
+        chunkPBKTXX4Y_js.Button,
         {
           type: "button",
           onClick: onCancel,
@@ -2999,7 +3009,7 @@ function StartNodeConfigForm({ config, onSave, onCancel }) {
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkNMXHJMGI_js.Button,
+        chunkPBKTXX4Y_js.Button,
         {
           type: "button",
           onClick: handleSave,
@@ -3111,8 +3121,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(chunkNMXHJMGI_js.Button, { type: "button", outline: true, onClick: onCancel, children: cancelLabel }),
-    /* @__PURE__ */ jsxRuntime.jsx(chunkNMXHJMGI_js.Button, { type: "button", onClick: onSave, disabled: saveDisabled, children: saveLabel })
+    /* @__PURE__ */ jsxRuntime.jsx(chunkPBKTXX4Y_js.Button, { type: "button", outline: true, onClick: onCancel, children: cancelLabel }),
+    /* @__PURE__ */ jsxRuntime.jsx(chunkPBKTXX4Y_js.Button, { type: "button", onClick: onSave, disabled: saveDisabled, children: saveLabel })
   ] });
 }
 var OPERATOR_OPTIONS = [
@@ -3161,7 +3171,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(
-          chunkNMXHJMGI_js.Button,
+          chunkPBKTXX4Y_js.Button,
           {
             type: "button",
             onClick: handleAddCondition,
@@ -3172,7 +3182,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(
-            chunkNMXHJMGI_js.FormInput,
+            chunkPBKTXX4Y_js.FormInput,
             {
               type: "text",
               label: t("variableLabel"),
@@ -3183,7 +3193,7 @@ function IfElseNodeConfigForm({ config, onSave, onCancel }) {
             }
           ) }),
           /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx(
-            chunkNMXHJMGI_js.FormSelect,
+            chunkPBKTXX4Y_js.FormSelect,
             {
               label: t("operatorLabel"),
               value: condition.operator,
@@ -3193,7 +3203,7 @@ function IfElseNodeConfigForm({ config, onSave, onCancel }) {
             }
           ) }),
           /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx(
-            chunkNMXHJMGI_js.FormInput,
+            chunkPBKTXX4Y_js.FormInput,
             {
               type: "text",
               label: t("valueLabel"),
@@ -3205,7 +3215,7 @@ function IfElseNodeConfigForm({ config, onSave, onCancel }) {
           ) })
         ] }),
         conditions.length > 1 && /* @__PURE__ */ jsxRuntime.jsx(
-          chunkNMXHJMGI_js.IconButton,
+          chunkPBKTXX4Y_js.IconButton,
           {
             onClick: () => handleRemoveCondition(index),
             icon: /* @__PURE__ */ jsxRuntime.jsx(outline.TrashIcon, { className: "h-4 w-4" }),
@@ -3360,7 +3370,7 @@ function HttpRequestNodeConfigForm({ config, onSave, onCancel }) {
   };
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkNMXHJMGI_js.FormSelect,
+      chunkPBKTXX4Y_js.FormSelect,
       {
         label: t("methodLabel"),
         value: method,
@@ -3369,7 +3379,7 @@ function HttpRequestNodeConfigForm({ config, onSave, onCancel }) {
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkNMXHJMGI_js.FormInput,
+      chunkPBKTXX4Y_js.FormInput,
       {
         type: "text",
         label: t("urlLabel"),
@@ -3382,7 +3392,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(
-          chunkNMXHJMGI_js.Button,
+          chunkPBKTXX4Y_js.Button,
           {
             type: "button",
             onClick: handleAddHeader,
@@ -3392,7 +3402,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(
-          chunkNMXHJMGI_js.FormInput,
+          chunkPBKTXX4Y_js.FormInput,
           {
             type: "text",
             value: entry.key,
@@ -3402,7 +3412,7 @@ function HttpRequestNodeConfigForm({ config, onSave, onCancel }) {
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkNMXHJMGI_js.FormInput,
+          chunkPBKTXX4Y_js.FormInput,
           {
             type: "text",
             value: entry.value,
@@ -3412,7 +3422,7 @@ function HttpRequestNodeConfigForm({ config, onSave, onCancel }) {
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkNMXHJMGI_js.IconButton,
+          chunkPBKTXX4Y_js.IconButton,
           {
             onClick: () => handleRemoveHeader(index),
             icon: /* @__PURE__ */ jsxRuntime.jsx(outline.TrashIcon, { className: "h-4 w-4" }),
@@ -3424,7 +3434,7 @@ function HttpRequestNodeConfigForm({ config, onSave, onCancel }) {
       ] }, index)) })
     ] }),
     method !== "GET" && /* @__PURE__ */ jsxRuntime.jsx(
-      chunkNMXHJMGI_js.FormTextarea,
+      chunkPBKTXX4Y_js.FormTextarea,
       {
         label: t("bodyLabel"),
         value: body,
@@ -3435,7 +3445,7 @@ function HttpRequestNodeConfigForm({ config, onSave, onCancel }) {
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkNMXHJMGI_js.FormInput,
+      chunkPBKTXX4Y_js.FormInput,
       {
         type: "number",
         label: t("timeoutLabel"),
@@ -3466,7 +3476,7 @@ function TemplateTransformNodeConfigForm({ config, onSave, onCancel }) {
   };
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkNMXHJMGI_js.FormTextarea,
+      chunkPBKTXX4Y_js.FormTextarea,
       {
         label: t("templateLabel"),
         value: template,
@@ -3477,7 +3487,7 @@ function TemplateTransformNodeConfigForm({ config, onSave, onCancel }) {
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkNMXHJMGI_js.FormInput,
+      chunkPBKTXX4Y_js.FormInput,
       {
         type: "text",
         label: t("outputVariableLabel"),
@@ -3506,7 +3516,7 @@ function IterationNodeConfigForm({ config, onSave, onCancel }) {
   };
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkNMXHJMGI_js.FormInput,
+      chunkPBKTXX4Y_js.FormInput,
       {
         type: "text",
         label: t("iteratorVariableLabel"),
@@ -3516,7 +3526,7 @@ function IterationNodeConfigForm({ config, onSave, onCancel }) {
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkNMXHJMGI_js.FormInput,
+      chunkPBKTXX4Y_js.FormInput,
       {
         type: "number",
         label: t("maxIterationsLabel"),
@@ -3547,7 +3557,7 @@ function KnowledgeBaseNodeConfigForm({ config, onSave, onCancel }) {
   };
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkNMXHJMGI_js.FormInput,
+      chunkPBKTXX4Y_js.FormInput,
       {
         type: "text",
         label: t("sourceIdLabel"),
@@ -3557,7 +3567,7 @@ function KnowledgeBaseNodeConfigForm({ config, onSave, onCancel }) {
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkNMXHJMGI_js.FormInput,
+      chunkPBKTXX4Y_js.FormInput,
       {
         type: "number",
         label: t("topKLabel"),
@@ -3568,7 +3578,7 @@ function KnowledgeBaseNodeConfigForm({ config, onSave, onCancel }) {
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkNMXHJMGI_js.FormInput,
+      chunkPBKTXX4Y_js.FormInput,
       {
         type: "number",
         label: t("similarityThresholdLabel"),
@@ -3616,7 +3626,7 @@ function AnswerNodeConfigForm({ config, onSave, onCancel }) {
   };
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkNMXHJMGI_js.FormTextarea,
+      chunkPBKTXX4Y_js.FormTextarea,
       {
         label: t("outputTemplateLabel"),
         hint: t("outputTemplateHelp"),
@@ -3631,7 +3641,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(
-          chunkNMXHJMGI_js.FormInput,
+          chunkPBKTXX4Y_js.FormInput,
           {
             type: "text",
             value: newVariable,
@@ -3642,7 +3652,7 @@ function AnswerNodeConfigForm({ config, onSave, onCancel }) {
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkNMXHJMGI_js.Button,
+          chunkPBKTXX4Y_js.Button,
           {
             type: "button",
             onClick: handleAddVariable,
@@ -3657,7 +3667,7 @@ function AnswerNodeConfigForm({ config, onSave, onCancel }) {
           children: [
             variable,
             /* @__PURE__ */ jsxRuntime.jsx(
-              chunkNMXHJMGI_js.IconButton,
+              chunkPBKTXX4Y_js.IconButton,
               {
                 onClick: () => handleRemoveVariable(variable),
                 icon: /* @__PURE__ */ jsxRuntime.jsx(outline.XMarkIcon, { className: "h-3 w-3" }),
@@ -4093,7 +4103,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(
-          chunkNMXHJMGI_js.FormInput,
+          chunkPBKTXX4Y_js.FormInput,
           {
             type: "text",
             value: newVariable,
@@ -4104,7 +4114,7 @@ function VariableAggregatorNodeConfigForm({ config, onSave, onCancel }) {
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkNMXHJMGI_js.Button,
+          chunkPBKTXX4Y_js.Button,
           {
             type: "button",
             onClick: handleAddVariable,
@@ -4112,10 +4122,10 @@ function VariableAggregatorNodeConfigForm({ config, onSave, onCancel }) {
           }
         )
       ] }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-3 space-y-2", children: inputVariables.map((variable, index) => /* @__PURE__ */ jsxRuntime.jsx(chunkNMXHJMGI_js.Card, { className: "border-purple-200/70 dark:border-purple-500/30", children: /* @__PURE__ */ jsxRuntime.jsx(chunkNMXHJMGI_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(chunkPBKTXX4Y_js.Card, { className: "border-purple-200/70 dark:border-purple-500/30", children: /* @__PURE__ */ jsxRuntime.jsx(chunkPBKTXX4Y_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(
-          chunkNMXHJMGI_js.FormInput,
+          chunkPBKTXX4Y_js.FormInput,
           {
             type: "text",
             value: variable,
@@ -4125,7 +4135,7 @@ function VariableAggregatorNodeConfigForm({ config, onSave, onCancel }) {
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkNMXHJMGI_js.IconButton,
+          chunkPBKTXX4Y_js.IconButton,
           {
             icon: /* @__PURE__ */ jsxRuntime.jsx(outline.XMarkIcon, { className: "h-3 w-3" }),
             label: `Remove ${variable || index + 1}`,
@@ -4137,7 +4147,7 @@ function VariableAggregatorNodeConfigForm({ config, onSave, onCancel }) {
       ] }) }) }, `${index}-${variable}`)) })
     ] }),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkNMXHJMGI_js.FormInput,
+      chunkPBKTXX4Y_js.FormInput,
       {
         type: "text",
         label: t("outputVariableLabel"),
@@ -4147,7 +4157,7 @@ function VariableAggregatorNodeConfigForm({ config, onSave, onCancel }) {
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkNMXHJMGI_js.FormSelect,
+      chunkPBKTXX4Y_js.FormSelect,
       {
         label: t("aggregationModeLabel"),
         value: aggregationMode,
@@ -4180,7 +4190,7 @@ function DocumentExtractorNodeConfigForm({ config, onSave, onCancel }) {
   };
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkNMXHJMGI_js.FormSelect,
+      chunkPBKTXX4Y_js.FormSelect,
       {
         label: t("extractionModeLabel"),
         value: extractionMode,
@@ -4189,7 +4199,7 @@ function DocumentExtractorNodeConfigForm({ config, onSave, onCancel }) {
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkNMXHJMGI_js.FormInput,
+      chunkPBKTXX4Y_js.FormInput,
       {
         type: "text",
         label: t("outputVariableLabel"),
@@ -4366,7 +4376,7 @@ function IterationStartNodeConfigForm({ config, onSave, onCancel }) {
   };
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkNMXHJMGI_js.FormInput,
+      chunkPBKTXX4Y_js.FormInput,
       {
         type: "text",
         label: t("iteratorVariableLabel"),
@@ -4376,7 +4386,7 @@ function IterationStartNodeConfigForm({ config, onSave, onCancel }) {
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkNMXHJMGI_js.FormInput,
+      chunkPBKTXX4Y_js.FormInput,
       {
         type: "text",
         label: t("itemVariableLabel"),
@@ -4386,7 +4396,7 @@ function IterationStartNodeConfigForm({ config, onSave, onCancel }) {
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkNMXHJMGI_js.FormInput,
+      chunkPBKTXX4Y_js.FormInput,
       {
         type: "text",
         label: t("indexVariableLabel"),
@@ -4980,7 +4990,7 @@ function GroupNodeConfigForm({ config, onSave, onCancel }) {
   };
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkNMXHJMGI_js.FormInput,
+      chunkPBKTXX4Y_js.FormInput,
       {
         type: "text",
         label: translations("labelField"),
@@ -4990,7 +5000,7 @@ function GroupNodeConfigForm({ config, onSave, onCancel }) {
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkNMXHJMGI_js.FormTextarea,
+      chunkPBKTXX4Y_js.FormTextarea,
       {
         label: translations("descriptionField"),
         value: description,
@@ -5045,12 +5055,12 @@ var NODE_TITLE_KEYS = {
   datasource: "datasourceNodeConfig",
   group: "groupNodeConfig"
 };
-function LogicNodeDrawer({ onSave, entities = [], datasources = [], onLoadTables, onLoadSchema }) {
+function LogicNodeModal({ onSave, entities = [], datasources = [], onLoadTables, onLoadSchema }) {
   const t = chunkYXN2K77G_js.useTranslations("agents.workflow");
-  const activeDrawer = useDrawerStore((s) => s.activeDrawer);
-  const logicNodeData = useDrawerStore((s) => s.logicNodeData);
-  const closeDrawer = useDrawerStore((s) => s.closeDrawer);
-  const open = activeDrawer === "logic-node";
+  const activeModal = useModalStore((s) => s.activeModal);
+  const logicNodeData = useModalStore((s) => s.logicNodeData);
+  const closeModal = useModalStore((s) => s.closeModal);
+  const open = activeModal === "logic-node";
   const nodeId = logicNodeData?.nodeId ?? null;
   const nodeLabel = logicNodeData?.nodeLabel ?? "";
   const config = logicNodeData?.config ?? null;
@@ -5066,37 +5076,37 @@ function LogicNodeDrawer({ onSave, entities = [], datasources = [], onLoadTables
   const renderForm = () => {
     switch (config.type) {
       case "start":
-        return /* @__PURE__ */ jsxRuntime.jsx(StartNodeConfigForm, { config, onSave: handleSave, onCancel: closeDrawer });
+        return /* @__PURE__ */ jsxRuntime.jsx(StartNodeConfigForm, { config, onSave: handleSave, onCancel: closeModal });
       case "end":
-        return /* @__PURE__ */ jsxRuntime.jsx(EndNodeConfigForm, { config, onSave: handleSave, onCancel: closeDrawer });
+        return /* @__PURE__ */ jsxRuntime.jsx(EndNodeConfigForm, { config, onSave: handleSave, onCancel: closeModal });
       case "if_else":
-        return /* @__PURE__ */ jsxRuntime.jsx(IfElseNodeConfigForm, { config, onSave: handleSave, onCancel: closeDrawer });
+        return /* @__PURE__ */ jsxRuntime.jsx(IfElseNodeConfigForm, { config, onSave: handleSave, onCancel: closeModal });
       case "code":
-        return /* @__PURE__ */ jsxRuntime.jsx(CodeNodeConfigForm, { config, onSave: handleSave, onCancel: closeDrawer });
+        return /* @__PURE__ */ jsxRuntime.jsx(CodeNodeConfigForm, { config, onSave: handleSave, onCancel: closeModal });
       case "http_request":
-        return /* @__PURE__ */ jsxRuntime.jsx(HttpRequestNodeConfigForm, { config, onSave: handleSave, onCancel: closeDrawer });
+        return /* @__PURE__ */ jsxRuntime.jsx(HttpRequestNodeConfigForm, { config, onSave: handleSave, onCancel: closeModal });
       case "template_transform":
-        return /* @__PURE__ */ jsxRuntime.jsx(TemplateTransformNodeConfigForm, { config, onSave: handleSave, onCancel: closeDrawer });
+        return /* @__PURE__ */ jsxRuntime.jsx(TemplateTransformNodeConfigForm, { config, onSave: handleSave, onCancel: closeModal });
       case "iteration":
-        return /* @__PURE__ */ jsxRuntime.jsx(IterationNodeConfigForm, { config, onSave: handleSave, onCancel: closeDrawer });
+        return /* @__PURE__ */ jsxRuntime.jsx(IterationNodeConfigForm, { config, onSave: handleSave, onCancel: closeModal });
       case "knowledge_base":
-        return /* @__PURE__ */ jsxRuntime.jsx(KnowledgeBaseNodeConfigForm, { config, onSave: handleSave, onCancel: closeDrawer });
+        return /* @__PURE__ */ jsxRuntime.jsx(KnowledgeBaseNodeConfigForm, { config, onSave: handleSave, onCancel: closeModal });
       case "answer":
-        return /* @__PURE__ */ jsxRuntime.jsx(AnswerNodeConfigForm, { config, onSave: handleSave, onCancel: closeDrawer });
+        return /* @__PURE__ */ jsxRuntime.jsx(AnswerNodeConfigForm, { config, onSave: handleSave, onCancel: closeModal });
       case "question_classifier":
-        return /* @__PURE__ */ jsxRuntime.jsx(QuestionClassifierNodeConfigForm, { config, onSave: handleSave, onCancel: closeDrawer });
+        return /* @__PURE__ */ jsxRuntime.jsx(QuestionClassifierNodeConfigForm, { config, onSave: handleSave, onCancel: closeModal });
       case "parameter_extractor":
-        return /* @__PURE__ */ jsxRuntime.jsx(ParameterExtractorNodeConfigForm, { config, onSave: handleSave, onCancel: closeDrawer });
+        return /* @__PURE__ */ jsxRuntime.jsx(ParameterExtractorNodeConfigForm, { config, onSave: handleSave, onCancel: closeModal });
       case "variable_assigner":
-        return /* @__PURE__ */ jsxRuntime.jsx(VariableAssignerNodeConfigForm, { config, onSave: handleSave, onCancel: closeDrawer });
+        return /* @__PURE__ */ jsxRuntime.jsx(VariableAssignerNodeConfigForm, { config, onSave: handleSave, onCancel: closeModal });
       case "variable_aggregator":
-        return /* @__PURE__ */ jsxRuntime.jsx(VariableAggregatorNodeConfigForm, { config, onSave: handleSave, onCancel: closeDrawer });
+        return /* @__PURE__ */ jsxRuntime.jsx(VariableAggregatorNodeConfigForm, { config, onSave: handleSave, onCancel: closeModal });
       case "document_extractor":
-        return /* @__PURE__ */ jsxRuntime.jsx(DocumentExtractorNodeConfigForm, { config, onSave: handleSave, onCancel: closeDrawer });
+        return /* @__PURE__ */ jsxRuntime.jsx(DocumentExtractorNodeConfigForm, { config, onSave: handleSave, onCancel: closeModal });
       case "list_operator":
-        return /* @__PURE__ */ jsxRuntime.jsx(ListOperatorNodeConfigForm, { config, onSave: handleSave, onCancel: closeDrawer });
+        return /* @__PURE__ */ jsxRuntime.jsx(ListOperatorNodeConfigForm, { config, onSave: handleSave, onCancel: closeModal });
       case "iteration_start":
-        return /* @__PURE__ */ jsxRuntime.jsx(IterationStartNodeConfigForm, { config, onSave: handleSave, onCancel: closeDrawer });
+        return /* @__PURE__ */ jsxRuntime.jsx(IterationStartNodeConfigForm, { config, onSave: handleSave, onCancel: closeModal });
       case "datasource":
         return /* @__PURE__ */ jsxRuntime.jsx(
           DatasourceNodeConfigForm,
@@ -5104,25 +5114,25 @@ function LogicNodeDrawer({ onSave, entities = [], datasources = [], onLoadTables
             nodeId,
             config,
             onSave: handleSave,
-            onCancel: closeDrawer,
+            onCancel: closeModal,
             datasources,
             onLoadTables: onLoadTables ?? (async () => []),
             onLoadSchema: onLoadSchema ?? (async () => [])
           }
         );
       case "entity":
-        return /* @__PURE__ */ jsxRuntime.jsx(EntityNodeConfigForm, { config, entities, onSave: handleSave, onCancel: closeDrawer });
+        return /* @__PURE__ */ jsxRuntime.jsx(EntityNodeConfigForm, { config, entities, onSave: handleSave, onCancel: closeModal });
       case "group":
-        return /* @__PURE__ */ jsxRuntime.jsx(GroupNodeConfigForm, { config, onSave: handleSave, onCancel: closeDrawer });
+        return /* @__PURE__ */ jsxRuntime.jsx(GroupNodeConfigForm, { config, onSave: handleSave, onCancel: closeModal });
       default:
         return null;
     }
   };
   return /* @__PURE__ */ jsxRuntime.jsx(
-    WorkspaceDrawer,
+    WorkspaceModal,
     {
       open,
-      onClose: closeDrawer,
+      onClose: closeModal,
       title,
       subtitle: nodeLabel,
       icon: IconComponent ? /* @__PURE__ */ jsxRuntime.jsx(IconComponent, { className: "h-5 w-5 text-white" }) : void 0,
@@ -5177,7 +5187,7 @@ function NodeContextMenu({ position, targetId, onClose, onEdit, onDuplicate, onC
     }
   ];
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkNMXHJMGI_js.ContextMenu,
+    chunkPBKTXX4Y_js.ContextMenu,
     {
       position,
       onClose,
@@ -5234,7 +5244,7 @@ function PanelContextMenu({ position, onClose, onPaste, onSelectAll, onFitView,
     }
   ];
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkNMXHJMGI_js.ContextMenu,
+    chunkPBKTXX4Y_js.ContextMenu,
     {
       position,
       onClose,
@@ -5381,7 +5391,7 @@ function SelectionContextMenu({
     }
   ];
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkNMXHJMGI_js.ContextMenu,
+    chunkPBKTXX4Y_js.ContextMenu,
     {
       position,
       onClose,
@@ -5545,21 +5555,21 @@ function WorkflowCanvasInner({
   onAgentSaved,
   isCreatingAgent = false,
   nodeTypes: externalNodeTypes,
-  renderAgentDrawer,
-  renderLogicNodeDrawer: _renderLogicNodeDrawer
+  renderAgentModal,
+  renderLogicNodeModal: _renderLogicNodeModal
 }) {
   const { screenToFlowPosition, getNode, toObject, fitView, zoomIn, zoomOut, zoomTo } = react$1.useReactFlow();
   const tWorkflow = chunkYXN2K77G_js.useTranslations("agents.workflow");
   const sortedAgents = react.useMemo(() => [...agents].sort((agentA, agentB) => (agentA.order ?? 0) - (agentB.order ?? 0)), [agents]);
   const [selectedAgentId, setSelectedAgentId] = react.useState(null);
-  const openAgentDrawerAction = useDrawerStore((s) => s.openAgentDrawer);
-  const openLogicNodeDrawerAction = useDrawerStore((s) => s.openLogicNodeDrawer);
-  const closeDrawerAction = useDrawerStore((s) => s.closeDrawer);
-  const activeDrawer = useDrawerStore((s) => s.activeDrawer);
-  const drawerOpen = activeDrawer === "agent";
+  const openAgentModalAction = useModalStore((s) => s.openAgentModal);
+  const openLogicNodeModalAction = useModalStore((s) => s.openLogicNodeModal);
+  const closeModalAction = useModalStore((s) => s.closeModal);
+  const activeModal = useModalStore((s) => s.activeModal);
+  const modalOpen = activeModal === "agent";
   react.useEffect(() => {
     if (isCreatingAgent) {
-      openAgentDrawerAction(
+      openAgentModalAction(
         { agentId: "", name: "", order: 0, enabled: true, temperature: 0.7, maxTokens: 4096 },
         models,
         true
@@ -5608,10 +5618,10 @@ function WorkflowCanvasInner({
       const nodeData = node.data;
       const config = nodeData.config;
       if (config) {
-        openLogicNodeDrawerAction(nodeId, nodeData.label ?? "", config);
+        openLogicNodeModalAction(nodeId, nodeData.label ?? "", config);
       }
     }
-  }, [getNode, openLogicNodeDrawerAction]);
+  }, [getNode, openLogicNodeModalAction]);
   const agentMap = react.useMemo(() => {
     const map = /* @__PURE__ */ new Map();
     for (const agent of agents) {
@@ -5702,7 +5712,7 @@ function WorkflowCanvasInner({
                 selected: selectedAgentId === savedNode.id,
                 onSelect: () => {
                   setSelectedAgentId(agent.agentId);
-                  openAgentDrawerAction(agent, models);
+                  openAgentModalAction(agent, models);
                 },
                 onRemoveFromCanvas: handleRemoveNodeFromCanvas
               }
@@ -5813,7 +5823,7 @@ function WorkflowCanvasInner({
           };
         }
         if (isLogicNodeType(savedNode.type)) {
-          const config = savedNode.data.config ?? chunkDFR6CMJH_js.createDefaultLogicNodeConfig(savedNode.type);
+          const config = savedNode.data.config ?? chunkPWBWP5FJ_js.createDefaultLogicNodeConfig(savedNode.type);
           if (config) {
             const baseNode = {
               id: savedNode.id,
@@ -5982,7 +5992,7 @@ function WorkflowCanvasInner({
       }
       storeTakeSnapshot();
       const isTB = direction === "TB";
-      const repositionedNodes = chunkDFR6CMJH_js.applyDagreLayout(nodes, edges, direction).map((node) => ({
+      const repositionedNodes = chunkPWBWP5FJ_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
@@ -6053,7 +6063,7 @@ function WorkflowCanvasInner({
       const agent = targetNode.data?.agent;
       if (agent) {
         setSelectedAgentId(agent.agentId ?? agent.id ?? null);
-        openAgentDrawerAction(agent, models);
+        openAgentModalAction(agent, models);
       }
     } else if (targetNode.type === "tool") {
       const tool = targetNode.data?.tool;
@@ -6063,7 +6073,7 @@ function WorkflowCanvasInner({
     } else {
       handleEditLogicNode(nodeId);
     }
-  }, [nodes, setSelectedAgentId, openAgentDrawerAction, models, onEditTool, onEditRule, handleEditLogicNode]);
+  }, [nodes, setSelectedAgentId, openAgentModalAction, models, onEditTool, onEditRule, handleEditLogicNode]);
   const DUPLICATE_OFFSET = 40;
   const contextMenuDuplicateNode = react.useCallback((nodeId) => {
     storeTakeSnapshot();
@@ -6111,7 +6121,7 @@ function WorkflowCanvasInner({
   }, [storePaste]);
   const contextMenuAddNote = react.useCallback((flowPosition) => {
     storeTakeSnapshot();
-    const noteConfig = chunkDFR6CMJH_js.createDefaultLogicNodeConfig("note");
+    const noteConfig = chunkPWBWP5FJ_js.createDefaultLogicNodeConfig("note");
     const noteNode = {
       id: crypto.randomUUID(),
       type: "note",
@@ -6544,7 +6554,7 @@ function WorkflowCanvasInner({
             selected: false,
             onSelect: () => {
               setSelectedAgentId(agent.agentId);
-              openAgentDrawerAction(agent, models);
+              openAgentModalAction(agent, models);
             },
             onRemoveFromCanvas: handleRemoveNodeFromCanvas
           }
@@ -6614,7 +6624,7 @@ function WorkflowCanvasInner({
         };
         setNodes((currentNodes) => [...currentNodes, newNode]);
       } else if (nodeType === "group") {
-        const groupConfig = configRaw ? JSON.parse(configRaw) : chunkDFR6CMJH_js.createDefaultLogicNodeConfig("group");
+        const groupConfig = configRaw ? JSON.parse(configRaw) : chunkPWBWP5FJ_js.createDefaultLogicNodeConfig("group");
         if (!groupConfig) return;
         const newNode = {
           id: newNodeId,
@@ -6631,7 +6641,7 @@ function WorkflowCanvasInner({
         };
         setNodes((currentNodes) => [...currentNodes, newNode]);
       } else if (isLogicNodeType(nodeType)) {
-        const config = configRaw ? JSON.parse(configRaw) : chunkDFR6CMJH_js.createDefaultLogicNodeConfig(nodeType);
+        const config = configRaw ? JSON.parse(configRaw) : chunkPWBWP5FJ_js.createDefaultLogicNodeConfig(nodeType);
         if (!config) return;
         const newNode = {
           id: newNodeId,
@@ -6748,7 +6758,7 @@ function WorkflowCanvasInner({
     (edgeId, nodeType, position) => {
       if (!isLogicNodeType(nodeType)) return;
       storeTakeSnapshot();
-      const config = chunkDFR6CMJH_js.createDefaultLogicNodeConfig(nodeType);
+      const config = chunkPWBWP5FJ_js.createDefaultLogicNodeConfig(nodeType);
       if (!config) return;
       const newNodeId = crypto.randomUUID();
       const newNode = {
@@ -7000,29 +7010,29 @@ function WorkflowCanvasInner({
         }
       )
     ] }),
-    renderAgentDrawer?.({
+    renderAgentModal?.({
       agent: selectedAgent,
       models,
-      open: drawerOpen || isCreatingAgent,
+      open: modalOpen || isCreatingAgent,
       isCreateMode: isCreatingAgent,
       onClose: () => {
-        closeDrawerAction();
+        closeModalAction();
         setSelectedAgentId(null);
         if (isCreatingAgent) onCancelCreateAgent?.();
       },
       onSaved: () => {
-        closeDrawerAction();
+        closeModalAction();
         setSelectedAgentId(null);
         if (isCreatingAgent) onCancelCreateAgent?.();
         onAgentSaved?.();
       }
     }),
     /* @__PURE__ */ jsxRuntime.jsx(
-      LogicNodeDrawer,
+      LogicNodeModal,
       {
         onSave: (nodeId, config) => {
           handleSaveLogicNodeConfig(nodeId, config);
-          closeDrawerAction();
+          closeModalAction();
           setEditingLogicNodeId(null);
         },
         entities: allEntities
@@ -7190,7 +7200,7 @@ exports.LOGIC_NODE_GRADIENTS = LOGIC_NODE_GRADIENTS;
 exports.LOGIC_NODE_HANDLE_COLORS = LOGIC_NODE_HANDLE_COLORS;
 exports.LangChainIcon = LangChainIcon;
 exports.ListOperatorFlowNode = ListOperatorFlowNode;
-exports.LogicNodeDrawer = LogicNodeDrawer;
+exports.LogicNodeModal = LogicNodeModal;
 exports.MINIMAP_NODE_COLORS = MINIMAP_NODE_COLORS;
 exports.NodeCard = NodeCard;
 exports.NodeContextMenu = NodeContextMenu;
@@ -7210,7 +7220,7 @@ exports.VariableAssignerFlowNode = VariableAssignerFlowNode;
 exports.WorkflowBuilderProvider = WorkflowBuilderProvider;
 exports.WorkflowCanvas = WorkflowCanvas;
 exports.Workspace = Workspace;
-exports.WorkspaceDrawer = WorkspaceDrawer;
+exports.WorkspaceModal = WorkspaceModal;
 exports.getCompatibleModels = getCompatibleModels;
 exports.getDefaultFrameworkForModel = getDefaultFrameworkForModel;
 exports.getEntityBadgeColor = getEntityBadgeColor;
@@ -7220,9 +7230,9 @@ exports.getEntityIcon = getEntityIcon;
 exports.getEntityMinimapColor = getEntityMinimapColor;
 exports.getFrameworkMeta = getFrameworkMeta;
 exports.isModelCompatibleWithFramework = isModelCompatibleWithFramework;
-exports.useDrawerStore = useDrawerStore;
+exports.useModalStore = useModalStore;
 exports.useWorkflowBuilderClient = useWorkflowBuilderClient;
 exports.useWorkflowBuilderClientOptional = useWorkflowBuilderClientOptional;
 exports.useWorkflowStore = useWorkflowStore;
-//# sourceMappingURL=chunk-4TZNBT5V.js.map
-//# sourceMappingURL=chunk-4TZNBT5V.js.map
+//# sourceMappingURL=chunk-XAQME7DD.js.map
+//# sourceMappingURL=chunk-XAQME7DD.js.map