@datatechsolutions/ui 2.7.114 → 2.7.115

package/dist/workflow/index.d.mts

@@ -199,14 +199,9 @@ declare const GroupFlowNode: React$1.NamedExoticComponent<{
 }>;
 
 type AgentDrawerProps = {
-    agent: AgentWithPrompts | null;
-    models: AgentModel[];
-    open: boolean;
-    isCreateMode?: boolean;
-    onClose: () => void;
-    onSaved: () => void;
+    onSaved?: () => void;
 };
-declare function AgentDrawer({ agent, models, open, isCreateMode, onClose, onSaved }: AgentDrawerProps): react_jsx_runtime.JSX.Element | null;
+declare function AgentDrawer({ onSaved }: AgentDrawerProps): react_jsx_runtime.JSX.Element | null;
 
 type SubworkflowDrawerProps = {
     /** Called when save/create is clicked — receives the merged subworkflow with updated graph */
@@ -217,15 +212,10 @@ type SubworkflowDrawerProps = {
 declare function SubworkflowDrawer({ onSaved, onMaximize }: SubworkflowDrawerProps): react_jsx_runtime.JSX.Element | null;
 
 type LogicNodeDrawerProps = {
-    nodeId: string | null;
-    nodeLabel: string;
-    config: LogicNodeConfig | null;
-    open: boolean;
-    onClose: () => void;
     onSave: (nodeId: string, updatedConfig: LogicNodeConfig) => void;
     entities?: WorkflowEntityDefinition[];
 };
-declare function LogicNodeDrawer({ nodeId, nodeLabel, config, open, onClose, onSave, entities }: LogicNodeDrawerProps): react_jsx_runtime.JSX.Element | null;
+declare function LogicNodeDrawer({ onSave, entities }: LogicNodeDrawerProps): react_jsx_runtime.JSX.Element | null;
 
 type WorkspaceDrawerProps = {
     open: boolean;
@@ -241,13 +231,9 @@ type WorkspaceDrawerProps = {
 declare function WorkspaceDrawer({ open, onClose, title, subtitle, icon, gradient, maxWidth, tabs, children, }: WorkspaceDrawerProps): react_jsx_runtime.JSX.Element;
 
 type PipelineSettingsDrawerProps = {
-    open: boolean;
-    onClose: () => void;
-    name: string;
-    description: string;
     onSave: (name: string, description: string) => Promise<void>;
 };
-declare function PipelineSettingsDrawer({ open, onClose, name, description, onSave, }: PipelineSettingsDrawerProps): react_jsx_runtime.JSX.Element;
+declare function PipelineSettingsDrawer({ onSave }: PipelineSettingsDrawerProps): react_jsx_runtime.JSX.Element;
 
 type NodePaletteProps = {
     agents: AgentWithPrompts[];
@@ -501,6 +487,41 @@ type SubworkflowStoreActions = {
 type SubworkflowStore = SubworkflowStoreState & SubworkflowStoreActions;
 declare const useSubworkflowStore: zustand.UseBoundStore<zustand.StoreApi<SubworkflowStore>>;
 
+type DrawerType = 'agent' | 'subworkflow' | 'logic-node' | 'pipeline-settings' | null;
+type AgentDrawerData = {
+    agent: AgentWithPrompts;
+    models: AgentModel[];
+    isCreateMode: boolean;
+};
+type SubworkflowDrawerData = {
+    tool: Subworkflow;
+};
+type LogicNodeDrawerData = {
+    nodeId: string;
+    nodeLabel: string;
+    config: LogicNodeConfig;
+};
+type PipelineSettingsDrawerData = {
+    name: string;
+    description: string;
+};
+type DrawerStoreState = {
+    activeDrawer: DrawerType;
+    agentData: AgentDrawerData | null;
+    subworkflowData: SubworkflowDrawerData | null;
+    logicNodeData: LogicNodeDrawerData | null;
+    pipelineSettingsData: PipelineSettingsDrawerData | null;
+};
+type DrawerStoreActions = {
+    openAgentDrawer: (agent: AgentWithPrompts, models: AgentModel[], isCreateMode?: boolean) => void;
+    openSubworkflowDrawer: (tool: Subworkflow) => void;
+    openLogicNodeDrawer: (nodeId: string, nodeLabel: string, config: LogicNodeConfig) => void;
+    openPipelineSettingsDrawer: (name: string, description: string) => void;
+    closeDrawer: () => void;
+};
+type DrawerStore = DrawerStoreState & DrawerStoreActions;
+declare const useDrawerStore: zustand.UseBoundStore<zustand.StoreApi<DrawerStore>>;
+
 /**
  * Workflow Store Selectors
  * ========================
@@ -670,4 +691,4 @@ declare function getEntityBadgeColor(entityKey: string | undefined): string;
 declare function getEntityHandleColor(entityKey: string | undefined): string;
 declare function getEntityMinimapColor(entityKey: string | undefined): string;
 
-export { AgentDrawer, AgentFlowNode, type AgentFramework, AgentNodeData, AgentToolFlowNode, AgentWithPrompts, AmazonNovaIcon, AnswerFlowNode, AnswerNodeData, AnthropicIcon, AnthropicModelIcon, AutoSaveWorkspace, type AutoSaveWorkspaceProps, CodeFlowNode, CodeNodeData, CrewAIIcon, DocumentExtractorFlowNode, DocumentExtractorNodeData, DslExportModal, DslImportModal, DynamicIslandConfirm, type DynamicIslandConfirmProps, EndFlowNode, EndNodeData, EntityFlowNode, EntityNodeData, FRAMEWORK_META, GoogleADKIcon, GroupFlowNode, GroupNodeData, HttpRequestFlowNode, HttpRequestNodeData, IfElseFlowNode, IfElseNodeData, IterationFlowNode, IterationNodeData, IterationStartFlowNode, IterationStartNodeData, KnowledgeBaseFlowNode, KnowledgeBaseNodeData, LOGIC_ICON_MAP, LOGIC_NODE_BADGE_COLORS, LOGIC_NODE_GRADIENTS, LOGIC_NODE_HANDLE_COLORS, LangChainIcon, LayoutDirection, ListOperatorFlowNode, ListOperatorNodeData, LogicNodeDrawer, MINIMAP_NODE_COLORS, MetaLlamaIcon, NodeCard, NodeContextMenu, NodePalette, type NodeRunResult, NoteFlowNode, NoteNodeData, OpenAIIcon, PanelContextMenu, ParameterExtractorFlowNode, ParameterExtractorNodeData, PipelineSettingsDrawer, PreviewPanel, type PreviewPanelProps, QuestionClassifierFlowNode, QuestionClassifierNodeData, RuleFlowNode, RuleNodeData, RunInputDialog, type RunInputDialogProps, RunPanel, SaveStatusBadge, type SaveStatusBadgeProps, SelectionContextMenu, StartFlowNode, StartNodeData, StrandsIcon, SubworkflowDrawer, TemplateTransformFlowNode, TemplateTransformNodeData, ToolFlowNode, ToolNodeData, VariableAggregatorFlowNode, VariableAggregatorNodeData, VariableAssignerFlowNode, VariableAssignerNodeData, VariableInspector, VersionHistoryPanel, type WorkflowBuilderClient, WorkflowBuilderProvider, type WorkflowBuilderProviderProps, WorkflowGraph, WorkflowListBar, type WorkflowStore, type WorkspaceBootstrapPayload, WorkspaceDrawer, WorkspaceProps, getCompatibleModels, getDefaultFrameworkForModel, getEntityBadgeColor, getEntityGradient, getEntityHandleColor, getEntityIcon, getEntityMinimapColor, getFrameworkMeta, getModelIcon, isModelCompatibleWithFramework, useCanRedo, useCanUndo, useCanvasShortcuts, useClipboard, useContextMenu, useEditingNodeId, useHasCopied, useHelpLines, useIsRunning, useNodeResults, useSelectedNodeCount, useSubworkflowStore, useUndoRedo, useWorkflowBuilderClient, useWorkflowBuilderClientOptional, useWorkflowStore };
+export { AgentDrawer, AgentFlowNode, type AgentFramework, AgentNodeData, AgentToolFlowNode, AgentWithPrompts, AmazonNovaIcon, AnswerFlowNode, AnswerNodeData, AnthropicIcon, AnthropicModelIcon, AutoSaveWorkspace, type AutoSaveWorkspaceProps, CodeFlowNode, CodeNodeData, CrewAIIcon, DocumentExtractorFlowNode, DocumentExtractorNodeData, DslExportModal, DslImportModal, DynamicIslandConfirm, type DynamicIslandConfirmProps, EndFlowNode, EndNodeData, EntityFlowNode, EntityNodeData, FRAMEWORK_META, GoogleADKIcon, GroupFlowNode, GroupNodeData, HttpRequestFlowNode, HttpRequestNodeData, IfElseFlowNode, IfElseNodeData, IterationFlowNode, IterationNodeData, IterationStartFlowNode, IterationStartNodeData, KnowledgeBaseFlowNode, KnowledgeBaseNodeData, LOGIC_ICON_MAP, LOGIC_NODE_BADGE_COLORS, LOGIC_NODE_GRADIENTS, LOGIC_NODE_HANDLE_COLORS, LangChainIcon, LayoutDirection, ListOperatorFlowNode, ListOperatorNodeData, LogicNodeDrawer, MINIMAP_NODE_COLORS, MetaLlamaIcon, NodeCard, NodeContextMenu, NodePalette, type NodeRunResult, NoteFlowNode, NoteNodeData, OpenAIIcon, PanelContextMenu, ParameterExtractorFlowNode, ParameterExtractorNodeData, PipelineSettingsDrawer, PreviewPanel, type PreviewPanelProps, QuestionClassifierFlowNode, QuestionClassifierNodeData, RuleFlowNode, RuleNodeData, RunInputDialog, type RunInputDialogProps, RunPanel, SaveStatusBadge, type SaveStatusBadgeProps, SelectionContextMenu, StartFlowNode, StartNodeData, StrandsIcon, SubworkflowDrawer, TemplateTransformFlowNode, TemplateTransformNodeData, ToolFlowNode, ToolNodeData, VariableAggregatorFlowNode, VariableAggregatorNodeData, VariableAssignerFlowNode, VariableAssignerNodeData, VariableInspector, VersionHistoryPanel, type WorkflowBuilderClient, WorkflowBuilderProvider, type WorkflowBuilderProviderProps, WorkflowGraph, WorkflowListBar, type WorkflowStore, type WorkspaceBootstrapPayload, WorkspaceDrawer, WorkspaceProps, getCompatibleModels, getDefaultFrameworkForModel, getEntityBadgeColor, getEntityGradient, getEntityHandleColor, getEntityIcon, getEntityMinimapColor, getFrameworkMeta, getModelIcon, isModelCompatibleWithFramework, useCanRedo, useCanUndo, useCanvasShortcuts, useClipboard, useContextMenu, useDrawerStore, useEditingNodeId, useHasCopied, useHelpLines, useIsRunning, useNodeResults, useSelectedNodeCount, useSubworkflowStore, useUndoRedo, useWorkflowBuilderClient, useWorkflowBuilderClientOptional, useWorkflowStore };

package/dist/workflow/index.d.ts

@@ -199,14 +199,9 @@ declare const GroupFlowNode: React$1.NamedExoticComponent<{
 }>;
 
 type AgentDrawerProps = {
-    agent: AgentWithPrompts | null;
-    models: AgentModel[];
-    open: boolean;
-    isCreateMode?: boolean;
-    onClose: () => void;
-    onSaved: () => void;
+    onSaved?: () => void;
 };
-declare function AgentDrawer({ agent, models, open, isCreateMode, onClose, onSaved }: AgentDrawerProps): react_jsx_runtime.JSX.Element | null;
+declare function AgentDrawer({ onSaved }: AgentDrawerProps): react_jsx_runtime.JSX.Element | null;
 
 type SubworkflowDrawerProps = {
     /** Called when save/create is clicked — receives the merged subworkflow with updated graph */
@@ -217,15 +212,10 @@ type SubworkflowDrawerProps = {
 declare function SubworkflowDrawer({ onSaved, onMaximize }: SubworkflowDrawerProps): react_jsx_runtime.JSX.Element | null;
 
 type LogicNodeDrawerProps = {
-    nodeId: string | null;
-    nodeLabel: string;
-    config: LogicNodeConfig | null;
-    open: boolean;
-    onClose: () => void;
     onSave: (nodeId: string, updatedConfig: LogicNodeConfig) => void;
     entities?: WorkflowEntityDefinition[];
 };
-declare function LogicNodeDrawer({ nodeId, nodeLabel, config, open, onClose, onSave, entities }: LogicNodeDrawerProps): react_jsx_runtime.JSX.Element | null;
+declare function LogicNodeDrawer({ onSave, entities }: LogicNodeDrawerProps): react_jsx_runtime.JSX.Element | null;
 
 type WorkspaceDrawerProps = {
     open: boolean;
@@ -241,13 +231,9 @@ type WorkspaceDrawerProps = {
 declare function WorkspaceDrawer({ open, onClose, title, subtitle, icon, gradient, maxWidth, tabs, children, }: WorkspaceDrawerProps): react_jsx_runtime.JSX.Element;
 
 type PipelineSettingsDrawerProps = {
-    open: boolean;
-    onClose: () => void;
-    name: string;
-    description: string;
     onSave: (name: string, description: string) => Promise<void>;
 };
-declare function PipelineSettingsDrawer({ open, onClose, name, description, onSave, }: PipelineSettingsDrawerProps): react_jsx_runtime.JSX.Element;
+declare function PipelineSettingsDrawer({ onSave }: PipelineSettingsDrawerProps): react_jsx_runtime.JSX.Element;
 
 type NodePaletteProps = {
     agents: AgentWithPrompts[];
@@ -501,6 +487,41 @@ type SubworkflowStoreActions = {
 type SubworkflowStore = SubworkflowStoreState & SubworkflowStoreActions;
 declare const useSubworkflowStore: zustand.UseBoundStore<zustand.StoreApi<SubworkflowStore>>;
 
+type DrawerType = 'agent' | 'subworkflow' | 'logic-node' | 'pipeline-settings' | null;
+type AgentDrawerData = {
+    agent: AgentWithPrompts;
+    models: AgentModel[];
+    isCreateMode: boolean;
+};
+type SubworkflowDrawerData = {
+    tool: Subworkflow;
+};
+type LogicNodeDrawerData = {
+    nodeId: string;
+    nodeLabel: string;
+    config: LogicNodeConfig;
+};
+type PipelineSettingsDrawerData = {
+    name: string;
+    description: string;
+};
+type DrawerStoreState = {
+    activeDrawer: DrawerType;
+    agentData: AgentDrawerData | null;
+    subworkflowData: SubworkflowDrawerData | null;
+    logicNodeData: LogicNodeDrawerData | null;
+    pipelineSettingsData: PipelineSettingsDrawerData | null;
+};
+type DrawerStoreActions = {
+    openAgentDrawer: (agent: AgentWithPrompts, models: AgentModel[], isCreateMode?: boolean) => void;
+    openSubworkflowDrawer: (tool: Subworkflow) => void;
+    openLogicNodeDrawer: (nodeId: string, nodeLabel: string, config: LogicNodeConfig) => void;
+    openPipelineSettingsDrawer: (name: string, description: string) => void;
+    closeDrawer: () => void;
+};
+type DrawerStore = DrawerStoreState & DrawerStoreActions;
+declare const useDrawerStore: zustand.UseBoundStore<zustand.StoreApi<DrawerStore>>;
+
 /**
  * Workflow Store Selectors
  * ========================
@@ -670,4 +691,4 @@ declare function getEntityBadgeColor(entityKey: string | undefined): string;
 declare function getEntityHandleColor(entityKey: string | undefined): string;
 declare function getEntityMinimapColor(entityKey: string | undefined): string;
 
-export { AgentDrawer, AgentFlowNode, type AgentFramework, AgentNodeData, AgentToolFlowNode, AgentWithPrompts, AmazonNovaIcon, AnswerFlowNode, AnswerNodeData, AnthropicIcon, AnthropicModelIcon, AutoSaveWorkspace, type AutoSaveWorkspaceProps, CodeFlowNode, CodeNodeData, CrewAIIcon, DocumentExtractorFlowNode, DocumentExtractorNodeData, DslExportModal, DslImportModal, DynamicIslandConfirm, type DynamicIslandConfirmProps, EndFlowNode, EndNodeData, EntityFlowNode, EntityNodeData, FRAMEWORK_META, GoogleADKIcon, GroupFlowNode, GroupNodeData, HttpRequestFlowNode, HttpRequestNodeData, IfElseFlowNode, IfElseNodeData, IterationFlowNode, IterationNodeData, IterationStartFlowNode, IterationStartNodeData, KnowledgeBaseFlowNode, KnowledgeBaseNodeData, LOGIC_ICON_MAP, LOGIC_NODE_BADGE_COLORS, LOGIC_NODE_GRADIENTS, LOGIC_NODE_HANDLE_COLORS, LangChainIcon, LayoutDirection, ListOperatorFlowNode, ListOperatorNodeData, LogicNodeDrawer, MINIMAP_NODE_COLORS, MetaLlamaIcon, NodeCard, NodeContextMenu, NodePalette, type NodeRunResult, NoteFlowNode, NoteNodeData, OpenAIIcon, PanelContextMenu, ParameterExtractorFlowNode, ParameterExtractorNodeData, PipelineSettingsDrawer, PreviewPanel, type PreviewPanelProps, QuestionClassifierFlowNode, QuestionClassifierNodeData, RuleFlowNode, RuleNodeData, RunInputDialog, type RunInputDialogProps, RunPanel, SaveStatusBadge, type SaveStatusBadgeProps, SelectionContextMenu, StartFlowNode, StartNodeData, StrandsIcon, SubworkflowDrawer, TemplateTransformFlowNode, TemplateTransformNodeData, ToolFlowNode, ToolNodeData, VariableAggregatorFlowNode, VariableAggregatorNodeData, VariableAssignerFlowNode, VariableAssignerNodeData, VariableInspector, VersionHistoryPanel, type WorkflowBuilderClient, WorkflowBuilderProvider, type WorkflowBuilderProviderProps, WorkflowGraph, WorkflowListBar, type WorkflowStore, type WorkspaceBootstrapPayload, WorkspaceDrawer, WorkspaceProps, getCompatibleModels, getDefaultFrameworkForModel, getEntityBadgeColor, getEntityGradient, getEntityHandleColor, getEntityIcon, getEntityMinimapColor, getFrameworkMeta, getModelIcon, isModelCompatibleWithFramework, useCanRedo, useCanUndo, useCanvasShortcuts, useClipboard, useContextMenu, useEditingNodeId, useHasCopied, useHelpLines, useIsRunning, useNodeResults, useSelectedNodeCount, useSubworkflowStore, useUndoRedo, useWorkflowBuilderClient, useWorkflowBuilderClientOptional, useWorkflowStore };
+export { AgentDrawer, AgentFlowNode, type AgentFramework, AgentNodeData, AgentToolFlowNode, AgentWithPrompts, AmazonNovaIcon, AnswerFlowNode, AnswerNodeData, AnthropicIcon, AnthropicModelIcon, AutoSaveWorkspace, type AutoSaveWorkspaceProps, CodeFlowNode, CodeNodeData, CrewAIIcon, DocumentExtractorFlowNode, DocumentExtractorNodeData, DslExportModal, DslImportModal, DynamicIslandConfirm, type DynamicIslandConfirmProps, EndFlowNode, EndNodeData, EntityFlowNode, EntityNodeData, FRAMEWORK_META, GoogleADKIcon, GroupFlowNode, GroupNodeData, HttpRequestFlowNode, HttpRequestNodeData, IfElseFlowNode, IfElseNodeData, IterationFlowNode, IterationNodeData, IterationStartFlowNode, IterationStartNodeData, KnowledgeBaseFlowNode, KnowledgeBaseNodeData, LOGIC_ICON_MAP, LOGIC_NODE_BADGE_COLORS, LOGIC_NODE_GRADIENTS, LOGIC_NODE_HANDLE_COLORS, LangChainIcon, LayoutDirection, ListOperatorFlowNode, ListOperatorNodeData, LogicNodeDrawer, MINIMAP_NODE_COLORS, MetaLlamaIcon, NodeCard, NodeContextMenu, NodePalette, type NodeRunResult, NoteFlowNode, NoteNodeData, OpenAIIcon, PanelContextMenu, ParameterExtractorFlowNode, ParameterExtractorNodeData, PipelineSettingsDrawer, PreviewPanel, type PreviewPanelProps, QuestionClassifierFlowNode, QuestionClassifierNodeData, RuleFlowNode, RuleNodeData, RunInputDialog, type RunInputDialogProps, RunPanel, SaveStatusBadge, type SaveStatusBadgeProps, SelectionContextMenu, StartFlowNode, StartNodeData, StrandsIcon, SubworkflowDrawer, TemplateTransformFlowNode, TemplateTransformNodeData, ToolFlowNode, ToolNodeData, VariableAggregatorFlowNode, VariableAggregatorNodeData, VariableAssignerFlowNode, VariableAssignerNodeData, VariableInspector, VersionHistoryPanel, type WorkflowBuilderClient, WorkflowBuilderProvider, type WorkflowBuilderProviderProps, WorkflowGraph, WorkflowListBar, type WorkflowStore, type WorkspaceBootstrapPayload, WorkspaceDrawer, WorkspaceProps, getCompatibleModels, getDefaultFrameworkForModel, getEntityBadgeColor, getEntityGradient, getEntityHandleColor, getEntityIcon, getEntityMinimapColor, getFrameworkMeta, getModelIcon, isModelCompatibleWithFramework, useCanRedo, useCanUndo, useCanvasShortcuts, useClipboard, useContextMenu, useDrawerStore, useEditingNodeId, useHasCopied, useHelpLines, useIsRunning, useNodeResults, useSelectedNodeCount, useSubworkflowStore, useUndoRedo, useWorkflowBuilderClient, useWorkflowBuilderClientOptional, useWorkflowStore };

package/dist/workflow/index.js

@@ -284,6 +284,48 @@ var useWorkflowStore = zustand.create((set, get) => ({
     });
   }
 }));
+var useDrawerStore = zustand.create((set) => ({
+  activeDrawer: null,
+  agentData: null,
+  subworkflowData: null,
+  logicNodeData: null,
+  pipelineSettingsData: null,
+  openAgentDrawer: (agent, models, isCreateMode = false) => set({
+    activeDrawer: "agent",
+    agentData: { agent, models, isCreateMode },
+    subworkflowData: null,
+    logicNodeData: null,
+    pipelineSettingsData: null
+  }),
+  openSubworkflowDrawer: (tool) => set({
+    activeDrawer: "subworkflow",
+    subworkflowData: { tool },
+    agentData: null,
+    logicNodeData: null,
+    pipelineSettingsData: null
+  }),
+  openLogicNodeDrawer: (nodeId, nodeLabel, config) => set({
+    activeDrawer: "logic-node",
+    logicNodeData: { nodeId, nodeLabel, config },
+    agentData: null,
+    subworkflowData: null,
+    pipelineSettingsData: null
+  }),
+  openPipelineSettingsDrawer: (name, description) => set({
+    activeDrawer: "pipeline-settings",
+    pipelineSettingsData: { name, description },
+    agentData: null,
+    subworkflowData: null,
+    logicNodeData: null
+  }),
+  closeDrawer: () => set({
+    activeDrawer: null,
+    agentData: null,
+    subworkflowData: null,
+    logicNodeData: null,
+    pipelineSettingsData: null
+  })
+}));
 var GRAPH_ACTIVE_EDGE_COLOR = "#14b8a6";
 var GRAPH_TRUE_EDGE_COLOR = "#22c55e";
 var GRAPH_FALSE_EDGE_COLOR = "#ef4444";
@@ -8340,8 +8382,15 @@ var NODE_TITLE_KEYS = {
   entity: "entityNodeConfig",
   group: "groupNodeConfig"
 };
-function LogicNodeDrawer({ nodeId, nodeLabel, config, open, onClose, onSave, entities = [] }) {
+function LogicNodeDrawer({ onSave, entities = [] }) {
   const t = nextIntl.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 nodeId = logicNodeData?.nodeId ?? null;
+  const nodeLabel = logicNodeData?.nodeLabel ?? "";
+  const config = logicNodeData?.config ?? null;
   if (!config || !nodeId) return null;
   const entityMasterId = config.type === "entity" ? config.entityMasterId : void 0;
   const IconComponent = entityMasterId ? getEntityIcon(entityMasterId) : LOGIC_ICON_MAP[config.type];
@@ -8354,41 +8403,41 @@ function LogicNodeDrawer({ nodeId, nodeLabel, config, open, onClose, onSave, ent
   const renderForm = () => {
     switch (config.type) {
       case "start":
-        return /* @__PURE__ */ jsxRuntime.jsx(StartNodeConfigForm, { config, onSave: handleSave, onCancel: onClose });
+        return /* @__PURE__ */ jsxRuntime.jsx(StartNodeConfigForm, { config, onSave: handleSave, onCancel: closeDrawer });
       case "end":
-        return /* @__PURE__ */ jsxRuntime.jsx(EndNodeConfigForm, { config, onSave: handleSave, onCancel: onClose });
+        return /* @__PURE__ */ jsxRuntime.jsx(EndNodeConfigForm, { config, onSave: handleSave, onCancel: closeDrawer });
       case "if_else":
-        return /* @__PURE__ */ jsxRuntime.jsx(IfElseNodeConfigForm, { config, onSave: handleSave, onCancel: onClose });
+        return /* @__PURE__ */ jsxRuntime.jsx(IfElseNodeConfigForm, { config, onSave: handleSave, onCancel: closeDrawer });
       case "code":
-        return /* @__PURE__ */ jsxRuntime.jsx(CodeNodeConfigForm, { config, onSave: handleSave, onCancel: onClose });
+        return /* @__PURE__ */ jsxRuntime.jsx(CodeNodeConfigForm, { config, onSave: handleSave, onCancel: closeDrawer });
       case "http_request":
-        return /* @__PURE__ */ jsxRuntime.jsx(HttpRequestNodeConfigForm, { config, onSave: handleSave, onCancel: onClose });
+        return /* @__PURE__ */ jsxRuntime.jsx(HttpRequestNodeConfigForm, { config, onSave: handleSave, onCancel: closeDrawer });
       case "template_transform":
-        return /* @__PURE__ */ jsxRuntime.jsx(TemplateTransformNodeConfigForm, { config, onSave: handleSave, onCancel: onClose });
+        return /* @__PURE__ */ jsxRuntime.jsx(TemplateTransformNodeConfigForm, { config, onSave: handleSave, onCancel: closeDrawer });
       case "iteration":
-        return /* @__PURE__ */ jsxRuntime.jsx(IterationNodeConfigForm, { config, onSave: handleSave, onCancel: onClose });
+        return /* @__PURE__ */ jsxRuntime.jsx(IterationNodeConfigForm, { config, onSave: handleSave, onCancel: closeDrawer });
       case "knowledge_base":
-        return /* @__PURE__ */ jsxRuntime.jsx(KnowledgeBaseNodeConfigForm, { config, onSave: handleSave, onCancel: onClose });
+        return /* @__PURE__ */ jsxRuntime.jsx(KnowledgeBaseNodeConfigForm, { config, onSave: handleSave, onCancel: closeDrawer });
       case "answer":
-        return /* @__PURE__ */ jsxRuntime.jsx(AnswerNodeConfigForm, { config, onSave: handleSave, onCancel: onClose });
+        return /* @__PURE__ */ jsxRuntime.jsx(AnswerNodeConfigForm, { config, onSave: handleSave, onCancel: closeDrawer });
       case "question_classifier":
-        return /* @__PURE__ */ jsxRuntime.jsx(QuestionClassifierNodeConfigForm, { config, onSave: handleSave, onCancel: onClose });
+        return /* @__PURE__ */ jsxRuntime.jsx(QuestionClassifierNodeConfigForm, { config, onSave: handleSave, onCancel: closeDrawer });
       case "parameter_extractor":
-        return /* @__PURE__ */ jsxRuntime.jsx(ParameterExtractorNodeConfigForm, { config, onSave: handleSave, onCancel: onClose });
+        return /* @__PURE__ */ jsxRuntime.jsx(ParameterExtractorNodeConfigForm, { config, onSave: handleSave, onCancel: closeDrawer });
       case "variable_assigner":
-        return /* @__PURE__ */ jsxRuntime.jsx(VariableAssignerNodeConfigForm, { config, onSave: handleSave, onCancel: onClose });
+        return /* @__PURE__ */ jsxRuntime.jsx(VariableAssignerNodeConfigForm, { config, onSave: handleSave, onCancel: closeDrawer });
       case "variable_aggregator":
-        return /* @__PURE__ */ jsxRuntime.jsx(VariableAggregatorNodeConfigForm, { config, onSave: handleSave, onCancel: onClose });
+        return /* @__PURE__ */ jsxRuntime.jsx(VariableAggregatorNodeConfigForm, { config, onSave: handleSave, onCancel: closeDrawer });
       case "document_extractor":
-        return /* @__PURE__ */ jsxRuntime.jsx(DocumentExtractorNodeConfigForm, { config, onSave: handleSave, onCancel: onClose });
+        return /* @__PURE__ */ jsxRuntime.jsx(DocumentExtractorNodeConfigForm, { config, onSave: handleSave, onCancel: closeDrawer });
       case "list_operator":
-        return /* @__PURE__ */ jsxRuntime.jsx(ListOperatorNodeConfigForm, { config, onSave: handleSave, onCancel: onClose });
+        return /* @__PURE__ */ jsxRuntime.jsx(ListOperatorNodeConfigForm, { config, onSave: handleSave, onCancel: closeDrawer });
       case "iteration_start":
-        return /* @__PURE__ */ jsxRuntime.jsx(IterationStartNodeConfigForm, { config, onSave: handleSave, onCancel: onClose });
+        return /* @__PURE__ */ jsxRuntime.jsx(IterationStartNodeConfigForm, { config, onSave: handleSave, onCancel: closeDrawer });
       case "entity":
-        return /* @__PURE__ */ jsxRuntime.jsx(EntityNodeConfigForm, { config, entities, onSave: handleSave, onCancel: onClose });
+        return /* @__PURE__ */ jsxRuntime.jsx(EntityNodeConfigForm, { config, entities, onSave: handleSave, onCancel: closeDrawer });
       case "group":
-        return /* @__PURE__ */ jsxRuntime.jsx(GroupNodeConfigForm, { config, onSave: handleSave, onCancel: onClose });
+        return /* @__PURE__ */ jsxRuntime.jsx(GroupNodeConfigForm, { config, onSave: handleSave, onCancel: closeDrawer });
       default:
         return null;
     }
@@ -8397,7 +8446,7 @@ function LogicNodeDrawer({ nodeId, nodeLabel, config, open, onClose, onSave, ent
     WorkspaceDrawer,
     {
       open,
-      onClose,
+      onClose: closeDrawer,
       title,
       subtitle: nodeLabel,
       icon: IconComponent ? /* @__PURE__ */ jsxRuntime.jsx(IconComponent, { className: "h-5 w-5 text-white" }) : void 0,
@@ -8826,23 +8875,26 @@ function WorkflowCanvasInner({
   isCreatingAgent = false,
   nodeTypes: externalNodeTypes,
   renderAgentDrawer,
-  renderLogicNodeDrawer
+  renderLogicNodeDrawer: _renderLogicNodeDrawer
 }) {
   const { screenToFlowPosition, getNode, toObject, fitView, zoomIn, zoomOut, zoomTo } = react.useReactFlow();
   const tWorkflow = nextIntl.useTranslations("agents.workflow");
   const sortedAgents = React8.useMemo(() => [...agents].sort((agentA, agentB) => (agentA.order ?? 0) - (agentB.order ?? 0)), [agents]);
   const [selectedAgentId, setSelectedAgentId] = React8.useState(null);
-  const [drawerOpen, setDrawerOpen] = React8.useState(false);
-  const closeAllDrawers = React8.useCallback(() => {
-    setEditingLogicNodeId(null);
-    setDrawerOpen(false);
-    setSelectedAgentId(null);
-  }, []);
-  const openAgentDrawer = React8.useCallback((agent, _agentModels, _isCreate = false) => {
-    setEditingLogicNodeId(null);
-    setDrawerOpen(true);
-    setSelectedAgentId(agent.agentId);
-  }, []);
+  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";
+  React8.useEffect(() => {
+    if (isCreatingAgent) {
+      openAgentDrawerAction(
+        { agentId: "", name: "", order: 0, enabled: true, temperature: 0.7, maxTokens: 4096 },
+        models,
+        true
+      );
+    }
+  }, [isCreatingAgent]);
   const graphChangeTimerRef = React8.useRef(null);
   const insertNodeOnEdgeRef = React8.useRef(() => {
   });
@@ -8879,9 +8931,16 @@ function WorkflowCanvasInner({
   const setLayoutDirection = useWorkflowStore((s) => s.setLayoutDirection);
   const [editingLogicNodeId, setEditingLogicNodeId] = React8.useState(null);
   const handleEditLogicNode = React8.useCallback((nodeId) => {
-    closeAllDrawers();
     setEditingLogicNodeId(nodeId);
-  }, [closeAllDrawers]);
+    const node = getNode(nodeId);
+    if (node) {
+      const nodeData = node.data;
+      const config = nodeData.config;
+      if (config) {
+        openLogicNodeDrawerAction(nodeId, nodeData.label ?? "", config);
+      }
+    }
+  }, [getNode, openLogicNodeDrawerAction]);
   const agentMap = React8.useMemo(() => {
     const map = /* @__PURE__ */ new Map();
     for (const agent of agents) {
@@ -8965,8 +9024,7 @@ function WorkflowCanvasInner({
                 selected: selectedAgentId === savedNode.id,
                 onSelect: () => {
                   setSelectedAgentId(agent.agentId);
-                  setDrawerOpen(true);
-                  openAgentDrawer(agent, models);
+                  openAgentDrawerAction(agent, models);
                 },
                 onRemoveFromCanvas: handleRemoveNodeFromCanvas
               }
@@ -9315,11 +9373,9 @@ function WorkflowCanvasInner({
     if (!targetNode) return;
     if (targetNode.type === "agent") {
       const agent = targetNode.data?.agent;
-      const agentId = agent?.id || agent?.agentId;
-      if (agentId && agent) {
-        setSelectedAgentId(agentId);
-        setDrawerOpen(true);
-        openAgentDrawer(agent, models);
+      if (agent) {
+        setSelectedAgentId(agent.agentId ?? agent.id ?? null);
+        openAgentDrawerAction(agent, models);
       }
     } else if (targetNode.type === "tool") {
       const tool = targetNode.data?.tool;
@@ -9329,7 +9385,7 @@ function WorkflowCanvasInner({
     } else {
       handleEditLogicNode(nodeId);
     }
-  }, [nodes, setSelectedAgentId, setDrawerOpen, onEditTool, onEditRule, handleEditLogicNode]);
+  }, [nodes, setSelectedAgentId, openAgentDrawerAction, models, onEditTool, onEditRule, handleEditLogicNode]);
   const DUPLICATE_OFFSET = 40;
   const contextMenuDuplicateNode = React8.useCallback((nodeId) => {
     storeTakeSnapshot();
@@ -9810,8 +9866,7 @@ function WorkflowCanvasInner({
             selected: false,
             onSelect: () => {
               setSelectedAgentId(agent.agentId);
-              setDrawerOpen(true);
-              openAgentDrawer(agent, models);
+              openAgentDrawerAction(agent, models);
             },
             onRemoveFromCanvas: handleRemoveNodeFromCanvas
           }
@@ -10106,7 +10161,7 @@ function WorkflowCanvasInner({
   const handleEdgeClick = React8.useCallback(() => {
     closeContextMenu();
   }, [closeContextMenu]);
-  const editingLogicNode = React8.useMemo(() => {
+  React8.useMemo(() => {
     if (!editingLogicNodeId) return null;
     const node = nodes.find((matchingNode) => matchingNode.id === editingLogicNodeId);
     if (!node) return null;
@@ -10259,28 +10314,28 @@ function WorkflowCanvasInner({
       open: drawerOpen || isCreatingAgent,
       isCreateMode: isCreatingAgent,
       onClose: () => {
-        closeAllDrawers();
-        if (isCreatingAgent) {
-          onCancelCreateAgent?.();
-        }
+        closeDrawerAction();
+        setSelectedAgentId(null);
+        if (isCreatingAgent) onCancelCreateAgent?.();
       },
       onSaved: () => {
-        closeAllDrawers();
-        if (isCreatingAgent) {
-          onCancelCreateAgent?.();
-        }
+        closeDrawerAction();
+        setSelectedAgentId(null);
+        if (isCreatingAgent) onCancelCreateAgent?.();
         onAgentSaved?.();
       }
     }),
-    (renderLogicNodeDrawer ?? ((drawerProps) => /* @__PURE__ */ jsxRuntime.jsx(LogicNodeDrawer, { ...drawerProps })))({
-      nodeId: editingLogicNode?.nodeId ?? null,
-      nodeLabel: editingLogicNode?.label ?? "",
-      config: editingLogicNode?.config ?? null,
-      open: editingLogicNodeId !== null,
-      onClose: () => setEditingLogicNodeId(null),
-      onSave: handleSaveLogicNodeConfig,
-      entities: allEntities
-    })
+    /* @__PURE__ */ jsxRuntime.jsx(
+      LogicNodeDrawer,
+      {
+        onSave: (nodeId, config) => {
+          handleSaveLogicNodeConfig(nodeId, config);
+          closeDrawerAction();
+          setEditingLogicNodeId(null);
+        },
+        entities: allEntities
+      }
+    )
   ] });
 }
 function WorkflowCanvas(props) {
@@ -10958,18 +11013,25 @@ function ResultsTab({ agentId, t }) {
     ] })
   ] });
 }
-function AgentDrawer({ agent, models, open, isCreateMode = false, onClose, onSaved }) {
+function AgentDrawer({ onSaved }) {
   const t = nextIntl.useTranslations("agents.workflow");
+  const activeDrawer = useDrawerStore((s) => s.activeDrawer);
+  const agentData = useDrawerStore((s) => s.agentData);
+  const closeDrawer = useDrawerStore((s) => s.closeDrawer);
+  const open = activeDrawer === "agent";
+  const agent = agentData?.agent ?? null;
+  const models = agentData?.models ?? [];
+  const isCreateMode = agentData?.isCreateMode ?? false;
   const [activeTab, setActiveTab] = React8.useState("config");
-  const [selectedModelId, setSelectedModelId] = React8.useState(agent?.modelId ?? "");
-  const [selectedFramework, setSelectedFramework] = React8.useState(String(agent?.framework ?? ""));
-  const [temperature, setTemperature] = React8.useState(agent?.temperature ?? 0);
-  const [elo, setElo] = React8.useState(Number(agent?.elo ?? 0));
-  const [saved, setSaved] = React8.useState(!isCreateMode);
+  const [selectedModelId, setSelectedModelId] = React8.useState("");
+  const [selectedFramework, setSelectedFramework] = React8.useState("custom");
+  const [temperature, setTemperature] = React8.useState(0.7);
+  const [elo, setElo] = React8.useState(1e3);
+  const [saved, setSaved] = React8.useState(true);
   const agentId = agent?.agentId ?? agent?.id ?? "";
   React8.useEffect(() => {
     if (!agent) return;
-    setSelectedModelId(agent.modelId ?? "");
+    setSelectedModelId(agent.modelId ?? models[0]?.id ?? "");
     setSelectedFramework(String(agent.framework ?? "custom"));
     setTemperature(agent.temperature ?? 0.7);
     setElo(Number(agent.elo ?? 1e3));
@@ -10980,11 +11042,11 @@ function AgentDrawer({ agent, models, open, isCreateMode = false, onClose, onSav
   const markDirty = React8.useCallback(() => setSaved(false), []);
   const markSaved = React8.useCallback(() => setSaved(true), []);
   const handleClose = React8.useCallback(() => {
-    onClose();
-  }, [onClose]);
+    closeDrawer();
+  }, [closeDrawer]);
   const handleMarkSaved = React8.useCallback(() => {
     markSaved();
-    onSaved();
+    onSaved?.();
   }, [markSaved, onSaved]);
   if (!agent) return null;
   const tabs = /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex border-b border-white/20 dark:border-white/10", children: ["config", "results"].map((tab) => /* @__PURE__ */ jsxRuntime.jsx(
@@ -11291,21 +11353,21 @@ function SubworkflowDrawer({ onSaved, onMaximize }) {
     }
   );
 }
-function PipelineSettingsDrawer({
-  open,
-  onClose,
-  name,
-  description,
-  onSave
-}) {
+function PipelineSettingsDrawer({ onSave }) {
   const t = nextIntl.useTranslations("agents.workflow");
-  const [nameValue, setNameValue] = React8.useState(name);
-  const [descriptionValue, setDescriptionValue] = React8.useState(description);
+  const activeDrawer = useDrawerStore((s) => s.activeDrawer);
+  const data = useDrawerStore((s) => s.pipelineSettingsData);
+  const closeDrawer = useDrawerStore((s) => s.closeDrawer);
+  const open = activeDrawer === "pipeline-settings";
+  const [nameValue, setNameValue] = React8.useState("");
+  const [descriptionValue, setDescriptionValue] = React8.useState("");
   const [isSaving, setIsSaving] = React8.useState(false);
   React8.useEffect(() => {
-    setNameValue(name);
-    setDescriptionValue(description);
-  }, [name, description]);
+    if (data) {
+      setNameValue(data.name);
+      setDescriptionValue(data.description);
+    }
+  }, [data]);
   const handleSubmit = async (event) => {
     event.preventDefault();
     const trimmedName = nameValue.trim();
@@ -11313,7 +11375,7 @@ function PipelineSettingsDrawer({
     setIsSaving(true);
     try {
       await onSave(trimmedName, descriptionValue.trim());
-      onClose();
+      closeDrawer();
     } catch {
     } finally {
       setIsSaving(false);
@@ -11323,7 +11385,7 @@ function PipelineSettingsDrawer({
     WorkspaceDrawer,
     {
       open,
-      onClose,
+      onClose: closeDrawer,
       title: t("pipelineSettings"),
       subtitle: t("pipelineSettingsSubtitle"),
       icon: /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.Cog6ToothIcon, { className: "h-5 w-5 text-white" }),
@@ -13794,6 +13856,7 @@ exports.useCanUndo = useCanUndo;
 exports.useCanvasShortcuts = useCanvasShortcuts;
 exports.useClipboard = useClipboard;
 exports.useContextMenu = useContextMenu;
+exports.useDrawerStore = useDrawerStore;
 exports.useEditingNodeId = useEditingNodeId;
 exports.useHasCopied = useHasCopied;
 exports.useHelpLines = useHelpLines;