@datatechsolutions/ui 2.11.2 → 2.11.4

package/dist/{chunk-ZEYHIEHE.mjs → chunk-BHKBEP2Y.mjs}

@@ -1,8 +1,8 @@
 "use client";
-import { EntityDrawer, ContextMenu, FormInput, FormTextarea, FormSelect, Button, Card, CardContent, IconButton, Input } from './chunk-VB45EBH5.mjs';
-import { useTranslations, I18nProvider, createI18nFromMessages } from './chunk-7VJ7CMMT.mjs';
+import { GlassModalShell, ContextMenu, FormInput, FormTextarea, FormSelect, Button, Card, CardContent, IconButton, Input } from './chunk-F6EBSQF6.mjs';
 import { GraphNodeHeader, GraphNodeMeta, GraphNodeBadge, GraphNodeIconBubble } from './chunk-OZNTQROP.mjs';
-import { getAgentTier, createDefaultLogicNodeConfig, applyDagreLayout } from './chunk-AM2TTPYM.mjs';
+import { getAgentTier, createDefaultLogicNodeConfig, applyDagreLayout } from './chunk-TLPPVL3W.mjs';
+import { useTranslations, I18nProvider, createI18nFromMessages } from './chunk-7VJ7CMMT.mjs';
 import { memo, useState, useRef, useCallback, useEffect, lazy, createContext, useMemo, useContext } from 'react';
 import { Position, NodeResizer, MarkerType, useReactFlow, getBezierPath, BaseEdge, EdgeLabelRenderer, Handle, ReactFlowProvider, useNodesState, useEdgesState, addEdge, BackgroundVariant } from '@xyflow/react';
 import '@xyflow/react/dist/style.css';
@@ -208,42 +208,42 @@ var useWorkflowStore = create((set, get) => ({
     });
   }
 }));
-var useDrawerStore = create((set) => ({
-  activeDrawer: null,
+var useModalStore = create((set) => ({
+  activeModal: null,
   agentData: null,
   subworkflowData: null,
   logicNodeData: null,
   pipelineSettingsData: null,
   openAgentDrawer: (agent, models, isCreateMode = false) => set({
-    activeDrawer: "agent",
+    activeModal: "agent",
     agentData: { agent, models, isCreateMode },
     subworkflowData: null,
     logicNodeData: null,
     pipelineSettingsData: null
   }),
   openSubworkflowDrawer: (tool) => set({
-    activeDrawer: "subworkflow",
+    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,
@@ -2888,19 +2888,27 @@ var GroupFlowNode = memo(function GroupFlowNode2({ id, data, selected }) {
     /* @__PURE__ */ jsx(WorkflowHandle, { type: "source", position: 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__ */ jsx(
-    EntityDrawer,
+  const resolvedSize = LEGACY_WIDTH_MAP[maxWidth] ?? maxWidth;
+  return /* @__PURE__ */ jsxs(
+    GlassModalShell,
     {
       open,
       onClose,
@@ -2908,9 +2916,11 @@ function WorkspaceDrawer({
       subtitle,
       icon,
       gradient,
-      maxWidth,
-      tabs,
-      children
+      maxWidth: resolvedSize,
+      children: [
+        tabs,
+        children
+      ]
     }
   );
 }
@@ -5043,12 +5053,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 = 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;
@@ -5064,37 +5074,37 @@ function LogicNodeDrawer({ onSave, entities = [], datasources = [], onLoadTables
   const renderForm = () => {
     switch (config.type) {
       case "start":
-        return /* @__PURE__ */ jsx(StartNodeConfigForm, { config, onSave: handleSave, onCancel: closeDrawer });
+        return /* @__PURE__ */ jsx(StartNodeConfigForm, { config, onSave: handleSave, onCancel: closeModal });
       case "end":
-        return /* @__PURE__ */ jsx(EndNodeConfigForm, { config, onSave: handleSave, onCancel: closeDrawer });
+        return /* @__PURE__ */ jsx(EndNodeConfigForm, { config, onSave: handleSave, onCancel: closeModal });
       case "if_else":
-        return /* @__PURE__ */ jsx(IfElseNodeConfigForm, { config, onSave: handleSave, onCancel: closeDrawer });
+        return /* @__PURE__ */ jsx(IfElseNodeConfigForm, { config, onSave: handleSave, onCancel: closeModal });
       case "code":
-        return /* @__PURE__ */ jsx(CodeNodeConfigForm, { config, onSave: handleSave, onCancel: closeDrawer });
+        return /* @__PURE__ */ jsx(CodeNodeConfigForm, { config, onSave: handleSave, onCancel: closeModal });
       case "http_request":
-        return /* @__PURE__ */ jsx(HttpRequestNodeConfigForm, { config, onSave: handleSave, onCancel: closeDrawer });
+        return /* @__PURE__ */ jsx(HttpRequestNodeConfigForm, { config, onSave: handleSave, onCancel: closeModal });
       case "template_transform":
-        return /* @__PURE__ */ jsx(TemplateTransformNodeConfigForm, { config, onSave: handleSave, onCancel: closeDrawer });
+        return /* @__PURE__ */ jsx(TemplateTransformNodeConfigForm, { config, onSave: handleSave, onCancel: closeModal });
       case "iteration":
-        return /* @__PURE__ */ jsx(IterationNodeConfigForm, { config, onSave: handleSave, onCancel: closeDrawer });
+        return /* @__PURE__ */ jsx(IterationNodeConfigForm, { config, onSave: handleSave, onCancel: closeModal });
       case "knowledge_base":
-        return /* @__PURE__ */ jsx(KnowledgeBaseNodeConfigForm, { config, onSave: handleSave, onCancel: closeDrawer });
+        return /* @__PURE__ */ jsx(KnowledgeBaseNodeConfigForm, { config, onSave: handleSave, onCancel: closeModal });
       case "answer":
-        return /* @__PURE__ */ jsx(AnswerNodeConfigForm, { config, onSave: handleSave, onCancel: closeDrawer });
+        return /* @__PURE__ */ jsx(AnswerNodeConfigForm, { config, onSave: handleSave, onCancel: closeModal });
       case "question_classifier":
-        return /* @__PURE__ */ jsx(QuestionClassifierNodeConfigForm, { config, onSave: handleSave, onCancel: closeDrawer });
+        return /* @__PURE__ */ jsx(QuestionClassifierNodeConfigForm, { config, onSave: handleSave, onCancel: closeModal });
       case "parameter_extractor":
-        return /* @__PURE__ */ jsx(ParameterExtractorNodeConfigForm, { config, onSave: handleSave, onCancel: closeDrawer });
+        return /* @__PURE__ */ jsx(ParameterExtractorNodeConfigForm, { config, onSave: handleSave, onCancel: closeModal });
       case "variable_assigner":
-        return /* @__PURE__ */ jsx(VariableAssignerNodeConfigForm, { config, onSave: handleSave, onCancel: closeDrawer });
+        return /* @__PURE__ */ jsx(VariableAssignerNodeConfigForm, { config, onSave: handleSave, onCancel: closeModal });
       case "variable_aggregator":
-        return /* @__PURE__ */ jsx(VariableAggregatorNodeConfigForm, { config, onSave: handleSave, onCancel: closeDrawer });
+        return /* @__PURE__ */ jsx(VariableAggregatorNodeConfigForm, { config, onSave: handleSave, onCancel: closeModal });
       case "document_extractor":
-        return /* @__PURE__ */ jsx(DocumentExtractorNodeConfigForm, { config, onSave: handleSave, onCancel: closeDrawer });
+        return /* @__PURE__ */ jsx(DocumentExtractorNodeConfigForm, { config, onSave: handleSave, onCancel: closeModal });
       case "list_operator":
-        return /* @__PURE__ */ jsx(ListOperatorNodeConfigForm, { config, onSave: handleSave, onCancel: closeDrawer });
+        return /* @__PURE__ */ jsx(ListOperatorNodeConfigForm, { config, onSave: handleSave, onCancel: closeModal });
       case "iteration_start":
-        return /* @__PURE__ */ jsx(IterationStartNodeConfigForm, { config, onSave: handleSave, onCancel: closeDrawer });
+        return /* @__PURE__ */ jsx(IterationStartNodeConfigForm, { config, onSave: handleSave, onCancel: closeModal });
       case "datasource":
         return /* @__PURE__ */ jsx(
           DatasourceNodeConfigForm,
@@ -5102,25 +5112,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__ */ jsx(EntityNodeConfigForm, { config, entities, onSave: handleSave, onCancel: closeDrawer });
+        return /* @__PURE__ */ jsx(EntityNodeConfigForm, { config, entities, onSave: handleSave, onCancel: closeModal });
       case "group":
-        return /* @__PURE__ */ jsx(GroupNodeConfigForm, { config, onSave: handleSave, onCancel: closeDrawer });
+        return /* @__PURE__ */ jsx(GroupNodeConfigForm, { config, onSave: handleSave, onCancel: closeModal });
       default:
         return null;
     }
   };
   return /* @__PURE__ */ jsx(
-    WorkspaceDrawer,
+    WorkspaceModal,
     {
       open,
-      onClose: closeDrawer,
+      onClose: closeModal,
       title,
       subtitle: nodeLabel,
       icon: IconComponent ? /* @__PURE__ */ jsx(IconComponent, { className: "h-5 w-5 text-white" }) : void 0,
@@ -5544,17 +5554,17 @@ function WorkflowCanvasInner({
   isCreatingAgent = false,
   nodeTypes: externalNodeTypes,
   renderAgentDrawer,
-  renderLogicNodeDrawer: _renderLogicNodeDrawer
+  renderLogicNodeModal: _renderLogicNodeModal
 }) {
   const { screenToFlowPosition, getNode, toObject, fitView, zoomIn, zoomOut, zoomTo } = useReactFlow();
   const tWorkflow = useTranslations("agents.workflow");
   const sortedAgents = useMemo(() => [...agents].sort((agentA, agentB) => (agentA.order ?? 0) - (agentB.order ?? 0)), [agents]);
   const [selectedAgentId, setSelectedAgentId] = 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 openAgentDrawerAction = useModalStore((s) => s.openAgentDrawer);
+  const openLogicNodeModalAction = useModalStore((s) => s.openLogicNodeModal);
+  const closeModalAction = useModalStore((s) => s.closeModal);
+  const activeModal = useModalStore((s) => s.activeModal);
+  const modalOpen = activeModal === "agent";
   useEffect(() => {
     if (isCreatingAgent) {
       openAgentDrawerAction(
@@ -5606,10 +5616,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 = useMemo(() => {
     const map = /* @__PURE__ */ new Map();
     for (const agent of agents) {
@@ -7001,26 +7011,26 @@ function WorkflowCanvasInner({
     renderAgentDrawer?.({
       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__ */ jsx(
-      LogicNodeDrawer,
+      LogicNodeModal,
       {
         onSave: (nodeId, config) => {
           handleSaveLogicNodeConfig(nodeId, config);
-          closeDrawerAction();
+          closeModalAction();
           setEditingLogicNodeId(null);
         },
         entities: allEntities
@@ -7162,6 +7172,6 @@ function Workspace({
   ) }) });
 }
 
-export { AgentFlowNode, AgentToolFlowNode, AnswerFlowNode, AnthropicIcon, CATEGORY_COLORS, CATEGORY_PILL_COLORS, CodeFlowNode, CrewAIIcon, DocumentExtractorFlowNode, EndFlowNode, EntityFlowNode, FRAMEWORK_META, GoogleADKIcon, GroupFlowNode, HttpRequestFlowNode, ICON_MAP, IfElseFlowNode, IterationFlowNode, IterationStartFlowNode, KnowledgeBaseFlowNode, LOGIC_ICON_MAP, LOGIC_NODE_BADGE_COLORS, LOGIC_NODE_GRADIENTS, LOGIC_NODE_HANDLE_COLORS, LangChainIcon, ListOperatorFlowNode, LogicNodeDrawer, MINIMAP_NODE_COLORS, NodeCard, NodeContextMenu, NoteFlowNode, OpenAIIcon, PanelContextMenu, ParameterExtractorFlowNode, QuestionClassifierFlowNode, RuleFlowNode, SelectionContextMenu, StartFlowNode, StrandsIcon, TemplateTransformFlowNode, ToolFlowNode, VariableAggregatorFlowNode, VariableAssignerFlowNode, WorkflowBuilderProvider, WorkflowCanvas, Workspace, WorkspaceDrawer, getCompatibleModels, getDefaultFrameworkForModel, getEntityBadgeColor, getEntityGradient, getEntityHandleColor, getEntityIcon, getEntityMinimapColor, getFrameworkMeta, isModelCompatibleWithFramework, useDrawerStore, useWorkflowBuilderClient, useWorkflowBuilderClientOptional, useWorkflowStore };
-//# sourceMappingURL=chunk-ZEYHIEHE.mjs.map
-//# sourceMappingURL=chunk-ZEYHIEHE.mjs.map
+export { AgentFlowNode, AgentToolFlowNode, AnswerFlowNode, AnthropicIcon, CATEGORY_COLORS, CATEGORY_PILL_COLORS, CodeFlowNode, CrewAIIcon, DocumentExtractorFlowNode, EndFlowNode, EntityFlowNode, FRAMEWORK_META, GoogleADKIcon, GroupFlowNode, HttpRequestFlowNode, ICON_MAP, IfElseFlowNode, IterationFlowNode, IterationStartFlowNode, KnowledgeBaseFlowNode, LOGIC_ICON_MAP, LOGIC_NODE_BADGE_COLORS, LOGIC_NODE_GRADIENTS, LOGIC_NODE_HANDLE_COLORS, LangChainIcon, ListOperatorFlowNode, LogicNodeModal, MINIMAP_NODE_COLORS, NodeCard, NodeContextMenu, NoteFlowNode, OpenAIIcon, PanelContextMenu, ParameterExtractorFlowNode, QuestionClassifierFlowNode, RuleFlowNode, SelectionContextMenu, StartFlowNode, StrandsIcon, TemplateTransformFlowNode, ToolFlowNode, VariableAggregatorFlowNode, VariableAssignerFlowNode, WorkflowBuilderProvider, WorkflowCanvas, Workspace, WorkspaceModal, getCompatibleModels, getDefaultFrameworkForModel, getEntityBadgeColor, getEntityGradient, getEntityHandleColor, getEntityIcon, getEntityMinimapColor, getFrameworkMeta, isModelCompatibleWithFramework, useModalStore, useWorkflowBuilderClient, useWorkflowBuilderClientOptional, useWorkflowStore };
+//# sourceMappingURL=chunk-BHKBEP2Y.mjs.map
+//# sourceMappingURL=chunk-BHKBEP2Y.mjs.map