@datatechsolutions/ui 2.11.4 → 2.11.6

package/dist/{chunk-AZ3BXAI6.js → chunk-E7GVGD4Z.js}

@@ -1,7 +1,7 @@
 "use client";
 'use strict';
 
-var chunkEVX2CFNL_js = require('./chunk-EVX2CFNL.js');
+var chunk4XID6LOC_js = require('./chunk-4XID6LOC.js');
 var chunkP4YYEM4B_js = require('./chunk-P4YYEM4B.js');
 var chunkPWBWP5FJ_js = require('./chunk-PWBWP5FJ.js');
 var chunkYXN2K77G_js = require('./chunk-YXN2K77G.js');
@@ -216,14 +216,14 @@ var useModalStore = zustand.create((set) => ({
   subworkflowData: null,
   logicNodeData: null,
   pipelineSettingsData: null,
-  openAgentDrawer: (agent, models, isCreateMode = false) => set({
+  openAgentModal: (agent, models, isCreateMode = false) => set({
     activeModal: "agent",
     agentData: { agent, models, isCreateMode },
     subworkflowData: null,
     logicNodeData: null,
     pipelineSettingsData: null
   }),
-  openSubworkflowDrawer: (tool) => set({
+  openSubworkflowModal: (tool) => set({
     activeModal: "subworkflow",
     subworkflowData: { tool },
     agentData: null,
@@ -2890,42 +2890,6 @@ 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" })
   ] });
 });
-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 = "2xl",
-  tabs,
-  children
-}) {
-  const resolvedSize = LEGACY_WIDTH_MAP[maxWidth] ?? maxWidth;
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    chunkEVX2CFNL_js.GlassModalShell,
-    {
-      open,
-      onClose,
-      title,
-      subtitle,
-      icon,
-      gradient,
-      maxWidth: resolvedSize,
-      children: [
-        tabs,
-        children
-      ]
-    }
-  );
-}
 function StartNodeConfigForm({ config, onSave, onCancel }) {
   const t = chunkYXN2K77G_js.useTranslations("agents.workflow.startNodeConfig");
   const [inputVariables, setInputVariables] = react.useState([...config.inputVariables]);
@@ -2955,7 +2919,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(
-          chunkEVX2CFNL_js.Input,
+          chunk4XID6LOC_js.Input,
           {
             value: newVariable,
             onChange: (event) => setNewVariable(event.target.value),
@@ -2965,7 +2929,7 @@ function StartNodeConfigForm({ config, onSave, onCancel }) {
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkEVX2CFNL_js.Button,
+          chunk4XID6LOC_js.Button,
           {
             type: "button",
             onClick: handleAddVariable,
@@ -2982,7 +2946,7 @@ function StartNodeConfigForm({ config, onSave, onCancel }) {
           children: [
             variable,
             /* @__PURE__ */ jsxRuntime.jsx(
-              chunkEVX2CFNL_js.IconButton,
+              chunk4XID6LOC_js.IconButton,
               {
                 icon: /* @__PURE__ */ jsxRuntime.jsx(outline.XMarkIcon, { className: "h-3 w-3" }),
                 label: `Remove ${variable}`,
@@ -2999,7 +2963,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(
-        chunkEVX2CFNL_js.Button,
+        chunk4XID6LOC_js.Button,
         {
           type: "button",
           onClick: onCancel,
@@ -3009,7 +2973,7 @@ function StartNodeConfigForm({ config, onSave, onCancel }) {
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkEVX2CFNL_js.Button,
+        chunk4XID6LOC_js.Button,
         {
           type: "button",
           onClick: handleSave,
@@ -3121,8 +3085,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(chunkEVX2CFNL_js.Button, { type: "button", outline: true, onClick: onCancel, children: cancelLabel }),
-    /* @__PURE__ */ jsxRuntime.jsx(chunkEVX2CFNL_js.Button, { type: "button", onClick: onSave, disabled: saveDisabled, children: saveLabel })
+    /* @__PURE__ */ jsxRuntime.jsx(chunk4XID6LOC_js.Button, { type: "button", outline: true, onClick: onCancel, children: cancelLabel }),
+    /* @__PURE__ */ jsxRuntime.jsx(chunk4XID6LOC_js.Button, { type: "button", onClick: onSave, disabled: saveDisabled, children: saveLabel })
   ] });
 }
 var OPERATOR_OPTIONS = [
@@ -3171,7 +3135,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(
-          chunkEVX2CFNL_js.Button,
+          chunk4XID6LOC_js.Button,
           {
             type: "button",
             onClick: handleAddCondition,
@@ -3182,7 +3146,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(
-            chunkEVX2CFNL_js.FormInput,
+            chunk4XID6LOC_js.FormInput,
             {
               type: "text",
               label: t("variableLabel"),
@@ -3193,7 +3157,7 @@ function IfElseNodeConfigForm({ config, onSave, onCancel }) {
             }
           ) }),
           /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx(
-            chunkEVX2CFNL_js.FormSelect,
+            chunk4XID6LOC_js.FormSelect,
             {
               label: t("operatorLabel"),
               value: condition.operator,
@@ -3203,7 +3167,7 @@ function IfElseNodeConfigForm({ config, onSave, onCancel }) {
             }
           ) }),
           /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx(
-            chunkEVX2CFNL_js.FormInput,
+            chunk4XID6LOC_js.FormInput,
             {
               type: "text",
               label: t("valueLabel"),
@@ -3215,7 +3179,7 @@ function IfElseNodeConfigForm({ config, onSave, onCancel }) {
           ) })
         ] }),
         conditions.length > 1 && /* @__PURE__ */ jsxRuntime.jsx(
-          chunkEVX2CFNL_js.IconButton,
+          chunk4XID6LOC_js.IconButton,
           {
             onClick: () => handleRemoveCondition(index),
             icon: /* @__PURE__ */ jsxRuntime.jsx(outline.TrashIcon, { className: "h-4 w-4" }),
@@ -3370,7 +3334,7 @@ function HttpRequestNodeConfigForm({ config, onSave, onCancel }) {
   };
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkEVX2CFNL_js.FormSelect,
+      chunk4XID6LOC_js.FormSelect,
       {
         label: t("methodLabel"),
         value: method,
@@ -3379,7 +3343,7 @@ function HttpRequestNodeConfigForm({ config, onSave, onCancel }) {
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkEVX2CFNL_js.FormInput,
+      chunk4XID6LOC_js.FormInput,
       {
         type: "text",
         label: t("urlLabel"),
@@ -3392,7 +3356,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(
-          chunkEVX2CFNL_js.Button,
+          chunk4XID6LOC_js.Button,
           {
             type: "button",
             onClick: handleAddHeader,
@@ -3402,7 +3366,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(
-          chunkEVX2CFNL_js.FormInput,
+          chunk4XID6LOC_js.FormInput,
           {
             type: "text",
             value: entry.key,
@@ -3412,7 +3376,7 @@ function HttpRequestNodeConfigForm({ config, onSave, onCancel }) {
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkEVX2CFNL_js.FormInput,
+          chunk4XID6LOC_js.FormInput,
           {
             type: "text",
             value: entry.value,
@@ -3422,7 +3386,7 @@ function HttpRequestNodeConfigForm({ config, onSave, onCancel }) {
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkEVX2CFNL_js.IconButton,
+          chunk4XID6LOC_js.IconButton,
           {
             onClick: () => handleRemoveHeader(index),
             icon: /* @__PURE__ */ jsxRuntime.jsx(outline.TrashIcon, { className: "h-4 w-4" }),
@@ -3434,7 +3398,7 @@ function HttpRequestNodeConfigForm({ config, onSave, onCancel }) {
       ] }, index)) })
     ] }),
     method !== "GET" && /* @__PURE__ */ jsxRuntime.jsx(
-      chunkEVX2CFNL_js.FormTextarea,
+      chunk4XID6LOC_js.FormTextarea,
       {
         label: t("bodyLabel"),
         value: body,
@@ -3445,7 +3409,7 @@ function HttpRequestNodeConfigForm({ config, onSave, onCancel }) {
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkEVX2CFNL_js.FormInput,
+      chunk4XID6LOC_js.FormInput,
       {
         type: "number",
         label: t("timeoutLabel"),
@@ -3476,7 +3440,7 @@ function TemplateTransformNodeConfigForm({ config, onSave, onCancel }) {
   };
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkEVX2CFNL_js.FormTextarea,
+      chunk4XID6LOC_js.FormTextarea,
       {
         label: t("templateLabel"),
         value: template,
@@ -3487,7 +3451,7 @@ function TemplateTransformNodeConfigForm({ config, onSave, onCancel }) {
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkEVX2CFNL_js.FormInput,
+      chunk4XID6LOC_js.FormInput,
       {
         type: "text",
         label: t("outputVariableLabel"),
@@ -3516,7 +3480,7 @@ function IterationNodeConfigForm({ config, onSave, onCancel }) {
   };
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkEVX2CFNL_js.FormInput,
+      chunk4XID6LOC_js.FormInput,
       {
         type: "text",
         label: t("iteratorVariableLabel"),
@@ -3526,7 +3490,7 @@ function IterationNodeConfigForm({ config, onSave, onCancel }) {
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkEVX2CFNL_js.FormInput,
+      chunk4XID6LOC_js.FormInput,
       {
         type: "number",
         label: t("maxIterationsLabel"),
@@ -3557,7 +3521,7 @@ function KnowledgeBaseNodeConfigForm({ config, onSave, onCancel }) {
   };
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkEVX2CFNL_js.FormInput,
+      chunk4XID6LOC_js.FormInput,
       {
         type: "text",
         label: t("sourceIdLabel"),
@@ -3567,7 +3531,7 @@ function KnowledgeBaseNodeConfigForm({ config, onSave, onCancel }) {
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkEVX2CFNL_js.FormInput,
+      chunk4XID6LOC_js.FormInput,
       {
         type: "number",
         label: t("topKLabel"),
@@ -3578,7 +3542,7 @@ function KnowledgeBaseNodeConfigForm({ config, onSave, onCancel }) {
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkEVX2CFNL_js.FormInput,
+      chunk4XID6LOC_js.FormInput,
       {
         type: "number",
         label: t("similarityThresholdLabel"),
@@ -3626,7 +3590,7 @@ function AnswerNodeConfigForm({ config, onSave, onCancel }) {
   };
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkEVX2CFNL_js.FormTextarea,
+      chunk4XID6LOC_js.FormTextarea,
       {
         label: t("outputTemplateLabel"),
         hint: t("outputTemplateHelp"),
@@ -3641,7 +3605,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(
-          chunkEVX2CFNL_js.FormInput,
+          chunk4XID6LOC_js.FormInput,
           {
             type: "text",
             value: newVariable,
@@ -3652,7 +3616,7 @@ function AnswerNodeConfigForm({ config, onSave, onCancel }) {
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkEVX2CFNL_js.Button,
+          chunk4XID6LOC_js.Button,
           {
             type: "button",
             onClick: handleAddVariable,
@@ -3667,7 +3631,7 @@ function AnswerNodeConfigForm({ config, onSave, onCancel }) {
           children: [
             variable,
             /* @__PURE__ */ jsxRuntime.jsx(
-              chunkEVX2CFNL_js.IconButton,
+              chunk4XID6LOC_js.IconButton,
               {
                 onClick: () => handleRemoveVariable(variable),
                 icon: /* @__PURE__ */ jsxRuntime.jsx(outline.XMarkIcon, { className: "h-3 w-3" }),
@@ -4103,7 +4067,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(
-          chunkEVX2CFNL_js.FormInput,
+          chunk4XID6LOC_js.FormInput,
           {
             type: "text",
             value: newVariable,
@@ -4114,7 +4078,7 @@ function VariableAggregatorNodeConfigForm({ config, onSave, onCancel }) {
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkEVX2CFNL_js.Button,
+          chunk4XID6LOC_js.Button,
           {
             type: "button",
             onClick: handleAddVariable,
@@ -4122,10 +4086,10 @@ function VariableAggregatorNodeConfigForm({ config, onSave, onCancel }) {
           }
         )
       ] }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-3 space-y-2", children: inputVariables.map((variable, index) => /* @__PURE__ */ jsxRuntime.jsx(chunkEVX2CFNL_js.Card, { className: "border-purple-200/70 dark:border-purple-500/30", children: /* @__PURE__ */ jsxRuntime.jsx(chunkEVX2CFNL_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(chunk4XID6LOC_js.Card, { className: "border-purple-200/70 dark:border-purple-500/30", children: /* @__PURE__ */ jsxRuntime.jsx(chunk4XID6LOC_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(
-          chunkEVX2CFNL_js.FormInput,
+          chunk4XID6LOC_js.FormInput,
           {
             type: "text",
             value: variable,
@@ -4135,7 +4099,7 @@ function VariableAggregatorNodeConfigForm({ config, onSave, onCancel }) {
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkEVX2CFNL_js.IconButton,
+          chunk4XID6LOC_js.IconButton,
           {
             icon: /* @__PURE__ */ jsxRuntime.jsx(outline.XMarkIcon, { className: "h-3 w-3" }),
             label: `Remove ${variable || index + 1}`,
@@ -4147,7 +4111,7 @@ function VariableAggregatorNodeConfigForm({ config, onSave, onCancel }) {
       ] }) }) }, `${index}-${variable}`)) })
     ] }),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkEVX2CFNL_js.FormInput,
+      chunk4XID6LOC_js.FormInput,
       {
         type: "text",
         label: t("outputVariableLabel"),
@@ -4157,7 +4121,7 @@ function VariableAggregatorNodeConfigForm({ config, onSave, onCancel }) {
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkEVX2CFNL_js.FormSelect,
+      chunk4XID6LOC_js.FormSelect,
       {
         label: t("aggregationModeLabel"),
         value: aggregationMode,
@@ -4190,7 +4154,7 @@ function DocumentExtractorNodeConfigForm({ config, onSave, onCancel }) {
   };
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkEVX2CFNL_js.FormSelect,
+      chunk4XID6LOC_js.FormSelect,
       {
         label: t("extractionModeLabel"),
         value: extractionMode,
@@ -4199,7 +4163,7 @@ function DocumentExtractorNodeConfigForm({ config, onSave, onCancel }) {
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkEVX2CFNL_js.FormInput,
+      chunk4XID6LOC_js.FormInput,
       {
         type: "text",
         label: t("outputVariableLabel"),
@@ -4376,7 +4340,7 @@ function IterationStartNodeConfigForm({ config, onSave, onCancel }) {
   };
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkEVX2CFNL_js.FormInput,
+      chunk4XID6LOC_js.FormInput,
       {
         type: "text",
         label: t("iteratorVariableLabel"),
@@ -4386,7 +4350,7 @@ function IterationStartNodeConfigForm({ config, onSave, onCancel }) {
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkEVX2CFNL_js.FormInput,
+      chunk4XID6LOC_js.FormInput,
       {
         type: "text",
         label: t("itemVariableLabel"),
@@ -4396,7 +4360,7 @@ function IterationStartNodeConfigForm({ config, onSave, onCancel }) {
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkEVX2CFNL_js.FormInput,
+      chunk4XID6LOC_js.FormInput,
       {
         type: "text",
         label: t("indexVariableLabel"),
@@ -4990,7 +4954,7 @@ function GroupNodeConfigForm({ config, onSave, onCancel }) {
   };
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkEVX2CFNL_js.FormInput,
+      chunk4XID6LOC_js.FormInput,
       {
         type: "text",
         label: translations("labelField"),
@@ -5000,7 +4964,7 @@ function GroupNodeConfigForm({ config, onSave, onCancel }) {
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkEVX2CFNL_js.FormTextarea,
+      chunk4XID6LOC_js.FormTextarea,
       {
         label: translations("descriptionField"),
         value: description,
@@ -5129,14 +5093,16 @@ function LogicNodeModal({ onSave, entities = [], datasources = [], onLoadTables,
     }
   };
   return /* @__PURE__ */ jsxRuntime.jsx(
-    WorkspaceModal,
+    chunk4XID6LOC_js.GlassModalShell,
     {
       open,
       onClose: closeModal,
       title,
       subtitle: nodeLabel,
+      label: t("nodeConfig"),
       icon: IconComponent ? /* @__PURE__ */ jsxRuntime.jsx(IconComponent, { className: "h-5 w-5 text-white" }) : void 0,
       gradient,
+      maxWidth: "2xl",
       children: renderForm()
     }
   );
@@ -5187,7 +5153,7 @@ function NodeContextMenu({ position, targetId, onClose, onEdit, onDuplicate, onC
     }
   ];
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkEVX2CFNL_js.ContextMenu,
+    chunk4XID6LOC_js.ContextMenu,
     {
       position,
       onClose,
@@ -5244,7 +5210,7 @@ function PanelContextMenu({ position, onClose, onPaste, onSelectAll, onFitView,
     }
   ];
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkEVX2CFNL_js.ContextMenu,
+    chunk4XID6LOC_js.ContextMenu,
     {
       position,
       onClose,
@@ -5391,7 +5357,7 @@ function SelectionContextMenu({
     }
   ];
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkEVX2CFNL_js.ContextMenu,
+    chunk4XID6LOC_js.ContextMenu,
     {
       position,
       onClose,
@@ -5555,21 +5521,21 @@ function WorkflowCanvasInner({
   onAgentSaved,
   isCreatingAgent = false,
   nodeTypes: externalNodeTypes,
-  renderAgentDrawer,
+  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 = useModalStore((s) => s.openAgentDrawer);
+  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
@@ -5712,7 +5678,7 @@ function WorkflowCanvasInner({
                 selected: selectedAgentId === savedNode.id,
                 onSelect: () => {
                   setSelectedAgentId(agent.agentId);
-                  openAgentDrawerAction(agent, models);
+                  openAgentModalAction(agent, models);
                 },
                 onRemoveFromCanvas: handleRemoveNodeFromCanvas
               }
@@ -6063,7 +6029,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;
@@ -6073,7 +6039,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();
@@ -6554,7 +6520,7 @@ function WorkflowCanvasInner({
             selected: false,
             onSelect: () => {
               setSelectedAgentId(agent.agentId);
-              openAgentDrawerAction(agent, models);
+              openAgentModalAction(agent, models);
             },
             onRemoveFromCanvas: handleRemoveNodeFromCanvas
           }
@@ -7010,7 +6976,7 @@ function WorkflowCanvasInner({
         }
       )
     ] }),
-    renderAgentDrawer?.({
+    renderAgentModal?.({
       agent: selectedAgent,
       models,
       open: modalOpen || isCreatingAgent,
@@ -7220,7 +7186,6 @@ exports.VariableAssignerFlowNode = VariableAssignerFlowNode;
 exports.WorkflowBuilderProvider = WorkflowBuilderProvider;
 exports.WorkflowCanvas = WorkflowCanvas;
 exports.Workspace = Workspace;
-exports.WorkspaceModal = WorkspaceModal;
 exports.getCompatibleModels = getCompatibleModels;
 exports.getDefaultFrameworkForModel = getDefaultFrameworkForModel;
 exports.getEntityBadgeColor = getEntityBadgeColor;
@@ -7234,5 +7199,5 @@ exports.useModalStore = useModalStore;
 exports.useWorkflowBuilderClient = useWorkflowBuilderClient;
 exports.useWorkflowBuilderClientOptional = useWorkflowBuilderClientOptional;
 exports.useWorkflowStore = useWorkflowStore;
-//# sourceMappingURL=chunk-AZ3BXAI6.js.map
-//# sourceMappingURL=chunk-AZ3BXAI6.js.map
+//# sourceMappingURL=chunk-E7GVGD4Z.js.map
+//# sourceMappingURL=chunk-E7GVGD4Z.js.map