@datatechsolutions/ui 2.7.110 → 2.7.112

package/dist/workflow/index.mjs

@@ -254,71 +254,6 @@ var useWorkflowStore = create((set, get) => ({
     });
   }
 }));
-var useAgentDrawerStore = create((set) => ({
-  // State
-  agent: null,
-  models: [],
-  open: false,
-  isCreateMode: false,
-  activeTab: "config",
-  selectedModelId: "",
-  selectedFramework: "",
-  temperature: 0,
-  elo: 0,
-  dirty: false,
-  // Actions
-  openDrawer: (agent, models, isCreateMode = false) => set({
-    agent,
-    models,
-    open: true,
-    isCreateMode,
-    activeTab: "config",
-    selectedModelId: agent.modelId ?? "",
-    selectedFramework: String(agent.framework ?? ""),
-    temperature: agent.temperature ?? 0,
-    elo: Number(agent.elo ?? 0),
-    dirty: isCreateMode
-  }),
-  closeDrawer: () => set({
-    agent: null,
-    models: [],
-    open: false,
-    isCreateMode: false,
-    activeTab: "config",
-    selectedModelId: "",
-    selectedFramework: "",
-    temperature: 0,
-    elo: 0,
-    dirty: false
-  }),
-  setActiveTab: (activeTab) => set({ activeTab, dirty: true }),
-  setSelectedModelId: (selectedModelId) => set({ selectedModelId, dirty: true }),
-  setSelectedFramework: (selectedFramework) => set({ selectedFramework, dirty: true }),
-  setTemperature: (temperature) => set({ temperature, dirty: true }),
-  setElo: (elo) => set({ elo, dirty: true }),
-  markDirty: () => set({ dirty: true }),
-  markSaved: () => set({ dirty: false })
-}));
-var useLogicNodeDrawerStore = create((set) => ({
-  // State
-  nodeId: null,
-  nodeLabel: "",
-  config: null,
-  open: false,
-  // Actions
-  openDrawer: (nodeId, nodeLabel, config) => set({
-    nodeId,
-    nodeLabel,
-    config,
-    open: true
-  }),
-  closeDrawer: () => set({
-    nodeId: null,
-    nodeLabel: "",
-    config: null,
-    open: false
-  })
-}));
 var GRAPH_ACTIVE_EDGE_COLOR = "#14b8a6";
 var GRAPH_TRUE_EDGE_COLOR = "#22c55e";
 var GRAPH_FALSE_EDGE_COLOR = "#ef4444";
@@ -8375,8 +8310,7 @@ var NODE_TITLE_KEYS = {
   entity: "entityNodeConfig",
   group: "groupNodeConfig"
 };
-function LogicNodeDrawer({ onSave, entities = [] }) {
-  const { nodeId, nodeLabel, config, open, closeDrawer: onClose } = useLogicNodeDrawerStore();
+function LogicNodeDrawer({ nodeId, nodeLabel, config, open, onClose, onSave, entities = [] }) {
   const t = useTranslations("agents.workflow");
   if (!config || !nodeId) return null;
   const entityMasterId = config.type === "entity" ? config.entityMasterId : void 0;
@@ -8869,27 +8803,16 @@ function WorkflowCanvasInner({
   const sortedAgents = useMemo(() => [...agents].sort((agentA, agentB) => (agentA.order ?? 0) - (agentB.order ?? 0)), [agents]);
   const [selectedAgentId, setSelectedAgentId] = useState(null);
   const [drawerOpen, setDrawerOpen] = useState(false);
-  const openAgentDrawerRaw = useAgentDrawerStore((s) => s.openDrawer);
-  const closeAgentDrawer = useAgentDrawerStore((s) => s.closeDrawer);
-  const closeLogicNodeDrawerAction = useLogicNodeDrawerStore((s) => s.closeDrawer);
   const closeAllDrawers = useCallback(() => {
-    closeAgentDrawer();
-    closeLogicNodeDrawerAction();
     setEditingLogicNodeId(null);
     setDrawerOpen(false);
     setSelectedAgentId(null);
-  }, [closeAgentDrawer, closeLogicNodeDrawerAction]);
-  const openAgentDrawer = useCallback((agent, agentModels, isCreate = false) => {
-    closeLogicNodeDrawerAction();
+  }, []);
+  const openAgentDrawer = useCallback((agent, _agentModels, _isCreate = false) => {
     setEditingLogicNodeId(null);
     setDrawerOpen(true);
-    openAgentDrawerRaw(agent, agentModels, isCreate);
-  }, [closeLogicNodeDrawerAction, openAgentDrawerRaw]);
-  useEffect(() => {
-    if (isCreatingAgent) {
-      openAgentDrawer({ agentId: "", name: "", order: 0, enabled: true, temperature: 0.7, maxTokens: 4096 }, models, true);
-    }
-  }, [isCreatingAgent]);
+    setSelectedAgentId(agent.agentId);
+  }, []);
   const graphChangeTimerRef = useRef(null);
   const insertNodeOnEdgeRef = useRef(() => {
   });
@@ -8925,8 +8848,6 @@ function WorkflowCanvasInner({
   const layoutDirection = useWorkflowStore((s) => s.layoutDirection);
   const setLayoutDirection = useWorkflowStore((s) => s.setLayoutDirection);
   const [editingLogicNodeId, setEditingLogicNodeId] = useState(null);
-  const openLogicNodeDrawer = useLogicNodeDrawerStore((s) => s.openDrawer);
-  useLogicNodeDrawerStore((s) => s.closeDrawer);
   const handleEditLogicNode = useCallback((nodeId) => {
     closeAllDrawers();
     setEditingLogicNodeId(nodeId);
@@ -10164,11 +10085,6 @@ function WorkflowCanvasInner({
     const label = nodeData.label ?? "";
     return { nodeId: editingLogicNodeId, config, label };
   }, [editingLogicNodeId, nodes]);
-  useEffect(() => {
-    if (editingLogicNode) {
-      openLogicNodeDrawer(editingLogicNode.nodeId, editingLogicNode.label, editingLogicNode.config);
-    }
-  }, [editingLogicNode]);
   const handleSaveLogicNodeConfig = useCallback((nodeId, updatedConfig) => {
     storeTakeSnapshot();
     setNodes(
@@ -11012,31 +10928,23 @@ function ResultsTab({ agentId, t }) {
     ] })
   ] });
 }
-function AgentDrawer({ onSaved }) {
+function AgentDrawer({ agent, models, open, isCreateMode = false, onClose, onSaved }) {
   const t = useTranslations("agents.workflow");
-  const agent = useAgentDrawerStore((state) => state.agent);
-  const models = useAgentDrawerStore((state) => state.models);
-  const open = useAgentDrawerStore((state) => state.open);
-  const activeTab = useAgentDrawerStore((state) => state.activeTab);
-  const selectedModelId = useAgentDrawerStore((state) => state.selectedModelId);
-  const selectedFramework = useAgentDrawerStore((state) => state.selectedFramework);
-  const temperature = useAgentDrawerStore((state) => state.temperature);
-  const elo = useAgentDrawerStore((state) => state.elo);
-  const dirty = useAgentDrawerStore((state) => state.dirty);
-  const setActiveTab = useAgentDrawerStore((state) => state.setActiveTab);
-  const setSelectedModelId = useAgentDrawerStore((state) => state.setSelectedModelId);
-  const setSelectedFramework = useAgentDrawerStore((state) => state.setSelectedFramework);
-  const setTemperature = useAgentDrawerStore((state) => state.setTemperature);
-  const setElo = useAgentDrawerStore((state) => state.setElo);
-  const markDirty = useAgentDrawerStore((state) => state.markDirty);
-  const markSaved = useAgentDrawerStore((state) => state.markSaved);
-  const closeDrawer = useAgentDrawerStore((state) => state.closeDrawer);
+  const [activeTab, setActiveTab] = useState("config");
+  const [selectedModelId, setSelectedModelId] = useState(agent?.modelId ?? "");
+  const [selectedFramework, setSelectedFramework] = useState(String(agent?.framework ?? ""));
+  const [temperature, setTemperature] = useState(agent?.temperature ?? 0);
+  const [elo, setElo] = useState(Number(agent?.elo ?? 0));
+  const [saved, setSaved] = useState(!isCreateMode);
+  const dirty = !saved;
+  const markDirty = useCallback(() => setSaved(false), []);
+  const markSaved = useCallback(() => setSaved(true), []);
   const handleClose = useCallback(() => {
-    closeDrawer();
-  }, [closeDrawer]);
+    onClose();
+  }, [onClose]);
   const handleMarkSaved = useCallback(() => {
     markSaved();
-    onSaved?.();
+    onSaved();
   }, [markSaved, onSaved]);
   if (!agent) return null;
   const tabs = /* @__PURE__ */ jsx("div", { className: "flex border-b border-white/20 dark:border-white/10", children: ["config", "results"].map((tab) => /* @__PURE__ */ jsx(
@@ -11343,42 +11251,29 @@ function SubworkflowDrawer({ onSaved, onMaximize }) {
     }
   );
 }
-var usePipelineSettingsStore = create((set) => ({
-  // State
-  open: false,
-  name: "",
-  description: "",
-  isSaving: false,
-  // Actions
-  openDrawer: (name, description) => set({
-    open: true,
-    name,
-    description,
-    isSaving: false
-  }),
-  closeDrawer: () => set({
-    open: false,
-    name: "",
-    description: "",
-    isSaving: false
-  }),
-  setName: (name) => set({ name }),
-  setDescription: (description) => set({ description }),
-  setIsSaving: (isSaving) => set({ isSaving })
-}));
 function PipelineSettingsDrawer({
+  open,
+  onClose,
+  name,
+  description,
   onSave
 }) {
   const t = useTranslations("agents.workflow");
-  const { open, name, description, isSaving, setName, setDescription, setIsSaving, closeDrawer } = usePipelineSettingsStore();
+  const [nameValue, setNameValue] = useState(name);
+  const [descriptionValue, setDescriptionValue] = useState(description);
+  const [isSaving, setIsSaving] = useState(false);
+  useEffect(() => {
+    setNameValue(name);
+    setDescriptionValue(description);
+  }, [name, description]);
   const handleSubmit = async (event) => {
     event.preventDefault();
-    const trimmedName = name.trim();
+    const trimmedName = nameValue.trim();
     if (!trimmedName) return;
     setIsSaving(true);
     try {
-      await onSave(trimmedName, description.trim());
-      closeDrawer();
+      await onSave(trimmedName, descriptionValue.trim());
+      onClose();
     } catch {
     } finally {
       setIsSaving(false);
@@ -11388,7 +11283,7 @@ function PipelineSettingsDrawer({
     WorkspaceDrawer,
     {
       open,
-      onClose: closeDrawer,
+      onClose,
       title: t("pipelineSettings"),
       subtitle: t("pipelineSettingsSubtitle"),
       icon: /* @__PURE__ */ jsx(Cog6ToothIcon, { className: "h-5 w-5 text-white" }),
@@ -11398,8 +11293,8 @@ function PipelineSettingsDrawer({
           FormInput,
           {
             label: t("pipelineName"),
-            value: name,
-            onValueChange: setName,
+            value: nameValue,
+            onValueChange: setNameValue,
             placeholder: t("pipelineNamePlaceholder"),
             required: true
           }
@@ -11408,8 +11303,8 @@ function PipelineSettingsDrawer({
           FormTextarea,
           {
             label: t("pipelineDescription"),
-            value: description,
-            onValueChange: setDescription,
+            value: descriptionValue,
+            onValueChange: setDescriptionValue,
             placeholder: t("pipelineDescriptionPlaceholder"),
             rows: 4
           }
@@ -13776,6 +13671,6 @@ var AgentToolFlowNode = memo(function AgentToolFlowNode2({ id, data, selected })
   ] });
 });
 
-export { AgentDrawer, AgentFlowNode, AgentToolFlowNode, AmazonNovaIcon, AnswerFlowNode, AnthropicIcon, AnthropicModelIcon, AutoSaveWorkspace, CodeFlowNode, CrewAIIcon, DocumentExtractorFlowNode, DslExportModal, DslImportModal, DynamicIslandConfirm2 as DynamicIslandConfirm, EndFlowNode, EntityFlowNode, FRAMEWORK_META, GoogleADKIcon, GraphNodeBadge, GraphNodeHeader, GraphNodeIconBubble, GraphNodeMeta, GroupFlowNode, HttpRequestFlowNode, IfElseFlowNode, IterationFlowNode, IterationStartFlowNode, KnowledgeBaseFlowNode, LOGIC_ICON_MAP, LOGIC_NODE_BADGE_COLORS, LOGIC_NODE_GRADIENTS, LOGIC_NODE_HANDLE_COLORS, LangChainIcon, ListOperatorFlowNode, LogicNodeDrawer, MINIMAP_NODE_COLORS, MetaLlamaIcon, NodeCard, NodeContextMenu, NodePalette, NoteFlowNode, OpenAIIcon, PanelContextMenu, ParameterExtractorFlowNode, PipelineSettingsDrawer, PreviewPanel, QuestionClassifierFlowNode, RuleFlowNode, RunInputDialog, RunPanel, SaveStatusBadge, SelectionContextMenu, StartFlowNode, StrandsIcon, SubworkflowDrawer, TemplateTransformFlowNode, ToolFlowNode, VariableAggregatorFlowNode, VariableAssignerFlowNode, VariableInspector, VersionHistoryPanel, WorkflowBuilderProvider, WorkflowListBar, Workspace, WorkspaceDrawer, applyDagreLayout, createDefaultLogicNodeConfig, getCompatibleModels, getDefaultFrameworkForModel, getEntityBadgeColor, getEntityGradient, getEntityHandleColor, getEntityIcon, getEntityMinimapColor, getFrameworkMeta, getModelIcon, isModelCompatibleWithFramework, topologicalSortAgents, useAgentDrawerStore, useCanRedo, useCanUndo, useCanvasShortcuts, useClipboard, useContextMenu, useEditingNodeId, useHasCopied, useHelpLines, useIsRunning, useLogicNodeDrawerStore, useNodeResults, usePipelineSettingsStore, useSelectedNodeCount, useSubworkflowStore, useUndoRedo, useWorkflowBuilderClient, useWorkflowBuilderClientOptional, useWorkflowStore, validateWorkflowGraph };
+export { AgentDrawer, AgentFlowNode, AgentToolFlowNode, AmazonNovaIcon, AnswerFlowNode, AnthropicIcon, AnthropicModelIcon, AutoSaveWorkspace, CodeFlowNode, CrewAIIcon, DocumentExtractorFlowNode, DslExportModal, DslImportModal, DynamicIslandConfirm2 as DynamicIslandConfirm, EndFlowNode, EntityFlowNode, FRAMEWORK_META, GoogleADKIcon, GraphNodeBadge, GraphNodeHeader, GraphNodeIconBubble, GraphNodeMeta, GroupFlowNode, HttpRequestFlowNode, IfElseFlowNode, IterationFlowNode, IterationStartFlowNode, KnowledgeBaseFlowNode, LOGIC_ICON_MAP, LOGIC_NODE_BADGE_COLORS, LOGIC_NODE_GRADIENTS, LOGIC_NODE_HANDLE_COLORS, LangChainIcon, ListOperatorFlowNode, LogicNodeDrawer, MINIMAP_NODE_COLORS, MetaLlamaIcon, NodeCard, NodeContextMenu, NodePalette, NoteFlowNode, OpenAIIcon, PanelContextMenu, ParameterExtractorFlowNode, PipelineSettingsDrawer, PreviewPanel, QuestionClassifierFlowNode, RuleFlowNode, RunInputDialog, RunPanel, SaveStatusBadge, SelectionContextMenu, StartFlowNode, StrandsIcon, SubworkflowDrawer, TemplateTransformFlowNode, ToolFlowNode, VariableAggregatorFlowNode, VariableAssignerFlowNode, VariableInspector, VersionHistoryPanel, WorkflowBuilderProvider, WorkflowListBar, Workspace, WorkspaceDrawer, applyDagreLayout, createDefaultLogicNodeConfig, getCompatibleModels, getDefaultFrameworkForModel, getEntityBadgeColor, getEntityGradient, getEntityHandleColor, getEntityIcon, getEntityMinimapColor, getFrameworkMeta, getModelIcon, isModelCompatibleWithFramework, topologicalSortAgents, useCanRedo, useCanUndo, useCanvasShortcuts, useClipboard, useContextMenu, useEditingNodeId, useHasCopied, useHelpLines, useIsRunning, useNodeResults, useSelectedNodeCount, useSubworkflowStore, useUndoRedo, useWorkflowBuilderClient, useWorkflowBuilderClientOptional, useWorkflowStore, validateWorkflowGraph };
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map