@datatechsolutions/ui 2.11.2 → 2.11.3

package/dist/astrlabe/utils.d.mts

@@ -0,0 +1,71 @@
+import { WorkflowNodeType, LogicNodeConfig, WorkflowGraph } from './contracts.mjs';
+import { Node, Edge } from '@xyflow/react';
+
+/**
+ * Layout Engine
+ * =============
+ * Auto-layout for workflow graphs using @dagrejs/dagre.
+ * Pure utility — no React dependencies.
+ */
+
+/** Layout direction: free means no auto-layout is applied. */
+type LayoutDirection = 'free' | 'LR' | 'TB';
+/**
+ * Apply dagre layout to the given nodes and edges.
+ * Returns a new array of nodes with updated positions.
+ * Group child nodes (parentId set) and note nodes are excluded from layout.
+ */
+declare function applyDagreLayout(nodes: Node[], edges: Edge[], direction: Exclude<LayoutDirection, 'free'>): Node[];
+
+/**
+ * Logic Node Default Configs
+ * ==========================
+ * Factory function to create default configs for each logic node type.
+ */
+
+declare function createDefaultLogicNodeConfig(nodeType: WorkflowNodeType): LogicNodeConfig | null;
+
+/**
+ * Workflow Validator
+ * =================
+ * Validates the workflow graph before publishing.
+ * Ensures the graph forms a valid DAG with proper node connections.
+ */
+
+type ValidationResult = {
+    valid: boolean;
+    errors: string[];
+};
+/**
+ * Validate a workflow graph for publishing.
+ * Checks:
+ * - At least one agent node exists
+ * - All edges have valid source/target nodes
+ * - No orphan nodes (every node has at least one connection, except note nodes)
+ * - Tool nodes connect to agent nodes only
+ * - Agent chain forms a valid DAG (no cycles)
+ * - Rule nodes have incoming edges from agents
+ * - Logic node constraints (start/end uniqueness, config validation)
+ * - New node type validations (answer, question_classifier, parameter_extractor, etc.)
+ */
+declare function validateWorkflowGraph(graph: WorkflowGraph): ValidationResult;
+/**
+ * Topologically sort agent nodes from the graph edges.
+ * Returns agent entityIds in execution order.
+ * Logic nodes are skipped — only agent entityIds are returned.
+ */
+declare function topologicalSortAgents(graph: WorkflowGraph): string[];
+
+/**
+ * Agent ELO Tier
+ * ==============
+ * Derives difficulty tier from agent ELO rating.
+ * Used in node palette, agent flow node, and agent modal.
+ */
+type AgentTier = {
+    key: 'beginner' | 'intermediate' | 'advanced' | 'expert';
+    pillColor: string;
+};
+declare function getAgentTier(elo: number | undefined): AgentTier;
+
+export { type AgentTier, type LayoutDirection, applyDagreLayout, createDefaultLogicNodeConfig, getAgentTier, topologicalSortAgents, validateWorkflowGraph };

package/dist/astrlabe/utils.d.ts

@@ -0,0 +1,71 @@
+import { WorkflowNodeType, LogicNodeConfig, WorkflowGraph } from './contracts.js';
+import { Node, Edge } from '@xyflow/react';
+
+/**
+ * Layout Engine
+ * =============
+ * Auto-layout for workflow graphs using @dagrejs/dagre.
+ * Pure utility — no React dependencies.
+ */
+
+/** Layout direction: free means no auto-layout is applied. */
+type LayoutDirection = 'free' | 'LR' | 'TB';
+/**
+ * Apply dagre layout to the given nodes and edges.
+ * Returns a new array of nodes with updated positions.
+ * Group child nodes (parentId set) and note nodes are excluded from layout.
+ */
+declare function applyDagreLayout(nodes: Node[], edges: Edge[], direction: Exclude<LayoutDirection, 'free'>): Node[];
+
+/**
+ * Logic Node Default Configs
+ * ==========================
+ * Factory function to create default configs for each logic node type.
+ */
+
+declare function createDefaultLogicNodeConfig(nodeType: WorkflowNodeType): LogicNodeConfig | null;
+
+/**
+ * Workflow Validator
+ * =================
+ * Validates the workflow graph before publishing.
+ * Ensures the graph forms a valid DAG with proper node connections.
+ */
+
+type ValidationResult = {
+    valid: boolean;
+    errors: string[];
+};
+/**
+ * Validate a workflow graph for publishing.
+ * Checks:
+ * - At least one agent node exists
+ * - All edges have valid source/target nodes
+ * - No orphan nodes (every node has at least one connection, except note nodes)
+ * - Tool nodes connect to agent nodes only
+ * - Agent chain forms a valid DAG (no cycles)
+ * - Rule nodes have incoming edges from agents
+ * - Logic node constraints (start/end uniqueness, config validation)
+ * - New node type validations (answer, question_classifier, parameter_extractor, etc.)
+ */
+declare function validateWorkflowGraph(graph: WorkflowGraph): ValidationResult;
+/**
+ * Topologically sort agent nodes from the graph edges.
+ * Returns agent entityIds in execution order.
+ * Logic nodes are skipped — only agent entityIds are returned.
+ */
+declare function topologicalSortAgents(graph: WorkflowGraph): string[];
+
+/**
+ * Agent ELO Tier
+ * ==============
+ * Derives difficulty tier from agent ELO rating.
+ * Used in node palette, agent flow node, and agent modal.
+ */
+type AgentTier = {
+    key: 'beginner' | 'intermediate' | 'advanced' | 'expert';
+    pillColor: string;
+};
+declare function getAgentTier(elo: number | undefined): AgentTier;
+
+export { type AgentTier, type LayoutDirection, applyDagreLayout, createDefaultLogicNodeConfig, getAgentTier, topologicalSortAgents, validateWorkflowGraph };

package/dist/astrlabe/utils.js

@@ -2,7 +2,7 @@
 'use strict';
 
 var chunk3GE3MBUZ_js = require('../chunk-3GE3MBUZ.js');
-var chunkDFR6CMJH_js = require('../chunk-DFR6CMJH.js');
+var chunkPWBWP5FJ_js = require('../chunk-PWBWP5FJ.js');
 
 
 
@@ -16,15 +16,15 @@ Object.defineProperty(exports, "validateWorkflowGraph", {
 });
 Object.defineProperty(exports, "applyDagreLayout", {
   enumerable: true,
-  get: function () { return chunkDFR6CMJH_js.applyDagreLayout; }
+  get: function () { return chunkPWBWP5FJ_js.applyDagreLayout; }
 });
 Object.defineProperty(exports, "createDefaultLogicNodeConfig", {
   enumerable: true,
-  get: function () { return chunkDFR6CMJH_js.createDefaultLogicNodeConfig; }
+  get: function () { return chunkPWBWP5FJ_js.createDefaultLogicNodeConfig; }
 });
 Object.defineProperty(exports, "getAgentTier", {
   enumerable: true,
-  get: function () { return chunkDFR6CMJH_js.getAgentTier; }
+  get: function () { return chunkPWBWP5FJ_js.getAgentTier; }
 });
 //# sourceMappingURL=utils.js.map
 //# sourceMappingURL=utils.js.map

package/dist/astrlabe/utils.mjs

@@ -1,5 +1,5 @@
 "use client";
 export { topologicalSortAgents, validateWorkflowGraph } from '../chunk-BLNXRUC4.mjs';
-export { applyDagreLayout, createDefaultLogicNodeConfig, getAgentTier } from '../chunk-AM2TTPYM.mjs';
+export { applyDagreLayout, createDefaultLogicNodeConfig, getAgentTier } from '../chunk-TLPPVL3W.mjs';
 //# sourceMappingURL=utils.mjs.map
 //# sourceMappingURL=utils.mjs.map

package/dist/astrlabe/workflow-canvas.d.mts

@@ -0,0 +1,5 @@
+import 'react/jsx-runtime';
+import 'react';
+export { i as Workspace, h as WorkspaceProps } from '../workflow-canvas-CJwGehdk.mjs';
+import '@xyflow/react';
+import './contracts.mjs';

package/dist/astrlabe/workflow-canvas.d.ts

@@ -0,0 +1,5 @@
+import 'react/jsx-runtime';
+import 'react';
+export { i as Workspace, h as WorkspaceProps } from '../workflow-canvas-DSm0iyof.js';
+import '@xyflow/react';
+import './contracts.js';

package/dist/astrlabe/workflow-canvas.js

@@ -1,19 +1,19 @@
 "use client";
 'use strict';
 
-var chunk4TZNBT5V_js = require('../chunk-4TZNBT5V.js');
-require('../chunk-NMXHJMGI.js');
-require('../chunk-UZ3CMNUJ.js');
-require('../chunk-YXN2K77G.js');
+var chunkXAQME7DD_js = require('../chunk-XAQME7DD.js');
+require('../chunk-PBKTXX4Y.js');
 require('../chunk-S7KHTUHA.js');
+require('../chunk-UZ3CMNUJ.js');
 require('../chunk-P4YYEM4B.js');
-require('../chunk-DFR6CMJH.js');
+require('../chunk-PWBWP5FJ.js');
+require('../chunk-YXN2K77G.js');
 
 
 
 Object.defineProperty(exports, "Workspace", {
   enumerable: true,
-  get: function () { return chunk4TZNBT5V_js.Workspace; }
+  get: function () { return chunkXAQME7DD_js.Workspace; }
 });
 //# sourceMappingURL=workflow-canvas.js.map
 //# sourceMappingURL=workflow-canvas.js.map

package/dist/astrlabe/workflow-canvas.mjs

@@ -1,10 +1,10 @@
 "use client";
-export { Workspace } from '../chunk-ZEYHIEHE.mjs';
-import '../chunk-VB45EBH5.mjs';
-import '../chunk-D2JF6C3E.mjs';
-import '../chunk-7VJ7CMMT.mjs';
+export { Workspace } from '../chunk-LJSJMBLO.mjs';
+import '../chunk-XO7IYJSF.mjs';
 import '../chunk-QWG2FMUN.mjs';
+import '../chunk-D2JF6C3E.mjs';
 import '../chunk-OZNTQROP.mjs';
-import '../chunk-AM2TTPYM.mjs';
+import '../chunk-TLPPVL3W.mjs';
+import '../chunk-7VJ7CMMT.mjs';
 //# sourceMappingURL=workflow-canvas.mjs.map
 //# sourceMappingURL=workflow-canvas.mjs.map

package/dist/astrlabe/workflow-preview-canvas.d.mts

@@ -0,0 +1,10 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { WorkflowGraph } from './contracts.mjs';
+
+type WorkflowPreviewCanvasProps = {
+    graph: WorkflowGraph;
+    className?: string;
+};
+declare function WorkflowPreviewCanvas({ graph, className }: WorkflowPreviewCanvasProps): react_jsx_runtime.JSX.Element;
+
+export { WorkflowPreviewCanvas, type WorkflowPreviewCanvasProps };

package/dist/astrlabe/workflow-preview-canvas.d.ts

@@ -0,0 +1,10 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { WorkflowGraph } from './contracts.js';
+
+type WorkflowPreviewCanvasProps = {
+    graph: WorkflowGraph;
+    className?: string;
+};
+declare function WorkflowPreviewCanvas({ graph, className }: WorkflowPreviewCanvasProps): react_jsx_runtime.JSX.Element;
+
+export { WorkflowPreviewCanvas, type WorkflowPreviewCanvasProps };

package/dist/{chunk-ZEYHIEHE.mjs → chunk-LJSJMBLO.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-XO7IYJSF.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",
+  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,
@@ -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,
@@ -5543,21 +5553,21 @@ function WorkflowCanvasInner({
   onAgentSaved,
   isCreatingAgent = false,
   nodeTypes: externalNodeTypes,
-  renderAgentDrawer,
-  renderLogicNodeDrawer: _renderLogicNodeDrawer
+  renderAgentModal,
+  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 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";
   useEffect(() => {
     if (isCreatingAgent) {
-      openAgentDrawerAction(
+      openAgentModalAction(
         { agentId: "", name: "", order: 0, enabled: true, temperature: 0.7, maxTokens: 4096 },
         models,
         true
@@ -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) {
@@ -5700,7 +5710,7 @@ function WorkflowCanvasInner({
                 selected: selectedAgentId === savedNode.id,
                 onSelect: () => {
                   setSelectedAgentId(agent.agentId);
-                  openAgentDrawerAction(agent, models);
+                  openAgentModalAction(agent, models);
                 },
                 onRemoveFromCanvas: handleRemoveNodeFromCanvas
               }
@@ -6051,7 +6061,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;
@@ -6061,7 +6071,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 = useCallback((nodeId) => {
     storeTakeSnapshot();
@@ -6542,7 +6552,7 @@ function WorkflowCanvasInner({
             selected: false,
             onSelect: () => {
               setSelectedAgentId(agent.agentId);
-              openAgentDrawerAction(agent, models);
+              openAgentModalAction(agent, models);
             },
             onRemoveFromCanvas: handleRemoveNodeFromCanvas
           }
@@ -6998,29 +7008,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__ */ 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-LJSJMBLO.mjs.map
+//# sourceMappingURL=chunk-LJSJMBLO.mjs.map