@datatechsolutions/ui 2.11.33 → 2.11.35

package/dist/astrlabe/index.mjs

@@ -1,15 +1,15 @@
 "use client";
 import '../chunk-JB6RNAD2.mjs';
 export { topologicalSortAgents, validateWorkflowGraph } from '../chunk-BLNXRUC4.mjs';
-import { Workspace, useModalStore, CATEGORY_COLORS, CATEGORY_PILL_COLORS, ICON_MAP, WorkflowCanvas, getEntityIcon, getEntityGradient, useWorkflowStore, LOGIC_ICON_MAP, LOGIC_NODE_GRADIENTS, getFrameworkMeta, getCompatibleModels, isModelCompatibleWithFramework, FRAMEWORK_META, isFrameworkCompatibleWithProviders } from '../chunk-3NXUTBDV.mjs';
-export { AgentFlowNode, AgentToolFlowNode, AnswerFlowNode, AnthropicIcon, CodeFlowNode, CrewAIIcon, DocumentExtractorFlowNode, EndFlowNode, EntityFlowNode, FRAMEWORK_META, GoogleADKIcon, GroupFlowNode, HttpRequestFlowNode, IfElseFlowNode, IterationFlowNode, IterationStartFlowNode, KnowledgeBaseFlowNode, LOGIC_ICON_MAP, LOGIC_NODE_BADGE_COLORS, LOGIC_NODE_GRADIENTS, LOGIC_NODE_HANDLE_COLORS, LangChainIcon, ListOperatorFlowNode, LogicNodeModal, MINIMAP_NODE_COLORS, ModelProviderFlowNode, NODE_EXECUTION_ACCENT_COLORS, NodeCard, NodeContextMenu, NoteFlowNode, OpenAIIcon, PanelContextMenu, ParameterExtractorFlowNode, QuestionClassifierFlowNode, RuleFlowNode, SelectionContextMenu, StartFlowNode, StrandsIcon, TemplateTransformFlowNode, ToolFlowNode, VariableAggregatorFlowNode, VariableAssignerFlowNode, WorkflowBuilderProvider, Workspace, getCompatibleModels, getDefaultFrameworkForModel, getEntityBadgeColor, getEntityGradient, getEntityHandleColor, getEntityIcon, getEntityMinimapColor, getFrameworkMeta, getNodeExecutionAccent, getNodeExecutionAccentRgb, isModelCompatibleWithFramework, useModalStore, useWorkflowBuilderClient, useWorkflowBuilderClientOptional, useWorkflowStore } from '../chunk-3NXUTBDV.mjs';
-import { GlassModal, Button, FormInput, FormTextarea, ToggleSwitch, Input, DynamicIslandConfirm } from '../chunk-2JS5B55J.mjs';
+import { Workspace, useModalStore, CATEGORY_COLORS, CATEGORY_PILL_COLORS, ICON_MAP, WorkflowCanvas, getEntityIcon, getEntityGradient, useWorkflowStore, LOGIC_ICON_MAP, LOGIC_NODE_GRADIENTS, getFrameworkMeta, getCompatibleModels, isModelCompatibleWithFramework, FRAMEWORK_META, isFrameworkCompatibleWithProviders } from '../chunk-AXC4INNY.mjs';
+export { AgentFlowNode, AgentToolFlowNode, AnswerFlowNode, AnthropicIcon, CodeFlowNode, CrewAIIcon, DocumentExtractorFlowNode, EndFlowNode, EntityFlowNode, FRAMEWORK_META, GoogleADKIcon, GroupFlowNode, HttpRequestFlowNode, IfElseFlowNode, IterationFlowNode, IterationStartFlowNode, KnowledgeBaseFlowNode, LOGIC_ICON_MAP, LOGIC_NODE_BADGE_COLORS, LOGIC_NODE_GRADIENTS, LOGIC_NODE_HANDLE_COLORS, LangChainIcon, ListOperatorFlowNode, LogicNodeModal, MINIMAP_NODE_COLORS, ModelProviderFlowNode, NODE_EXECUTION_ACCENT_COLORS, NodeCard, NodeContextMenu, NoteFlowNode, OpenAIIcon, PanelContextMenu, ParameterExtractorFlowNode, QuestionClassifierFlowNode, RuleFlowNode, SelectionContextMenu, StartFlowNode, StrandsIcon, TemplateTransformFlowNode, ToolFlowNode, VariableAggregatorFlowNode, VariableAssignerFlowNode, WorkflowBuilderProvider, Workspace, getCompatibleModels, getDefaultFrameworkForModel, getEntityBadgeColor, getEntityGradient, getEntityHandleColor, getEntityIcon, getEntityMinimapColor, getFrameworkMeta, getNodeExecutionAccent, getNodeExecutionAccentRgb, isModelCompatibleWithFramework, useModalStore, useWorkflowBuilderClient, useWorkflowBuilderClientOptional, useWorkflowStore } from '../chunk-AXC4INNY.mjs';
+import { GlassModal, Button, FormInput, FormTextarea, ToggleSwitch, Input, DynamicIslandConfirm } from '../chunk-DNGI4ASL.mjs';
+import { useTranslations } from '../chunk-7VJ7CMMT.mjs';
 import '../chunk-QWG2FMUN.mjs';
 import '../chunk-D2JF6C3E.mjs';
 export { GraphNodeBadge, GraphNodeHeader, GraphNodeIconBubble, GraphNodeMeta } from '../chunk-OZNTQROP.mjs';
 import { getAgentTier, createDefaultLogicNodeConfig } from '../chunk-TLPPVL3W.mjs';
 export { applyDagreLayout, createDefaultLogicNodeConfig, getAgentTier } from '../chunk-TLPPVL3W.mjs';
-import { useTranslations } from '../chunk-7VJ7CMMT.mjs';
 import { memo, useCallback, useState, useEffect, useMemo, useRef, Children } from 'react';
 import { UserCircleIcon, Cog6ToothIcon, SparklesIcon, CommandLineIcon, KeyIcon, PlayCircleIcon, CpuChipIcon, ArrowPathRoundedSquareIcon, ArrowsPointingOutIcon, ArrowsPointingInIcon, BoltIcon, ClockIcon, CheckIcon, AdjustmentsHorizontalIcon, CircleStackIcon, TrashIcon, PlusIcon, XMarkIcon, EyeIcon, ArrowPathIcon, PlayIcon, StopIcon, XCircleIcon, CheckCircleIcon, VariableIcon, ChevronDownIcon, ChevronRightIcon, ExclamationCircleIcon, ClipboardDocumentIcon, ArrowDownTrayIcon, ArrowUpTrayIcon, ExclamationTriangleIcon } from '@heroicons/react/24/outline';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';

package/dist/astrlabe/workflow-canvas.js

@@ -1,19 +1,19 @@
 "use client";
 'use strict';
 
-var chunkHSUB5MTJ_js = require('../chunk-HSUB5MTJ.js');
-require('../chunk-LH2JDCO3.js');
+var chunkBXVUUI2B_js = require('../chunk-BXVUUI2B.js');
+require('../chunk-KEUOCEOO.js');
+require('../chunk-YXN2K77G.js');
 require('../chunk-S7KHTUHA.js');
 require('../chunk-UZ3CMNUJ.js');
 require('../chunk-P4YYEM4B.js');
 require('../chunk-PWBWP5FJ.js');
-require('../chunk-YXN2K77G.js');
 
 
 
 Object.defineProperty(exports, "Workspace", {
   enumerable: true,
-  get: function () { return chunkHSUB5MTJ_js.Workspace; }
+  get: function () { return chunkBXVUUI2B_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-3NXUTBDV.mjs';
-import '../chunk-2JS5B55J.mjs';
+export { Workspace } from '../chunk-AXC4INNY.mjs';
+import '../chunk-DNGI4ASL.mjs';
+import '../chunk-7VJ7CMMT.mjs';
 import '../chunk-QWG2FMUN.mjs';
 import '../chunk-D2JF6C3E.mjs';
 import '../chunk-OZNTQROP.mjs';
 import '../chunk-TLPPVL3W.mjs';
-import '../chunk-7VJ7CMMT.mjs';
 //# sourceMappingURL=workflow-canvas.mjs.map
 //# sourceMappingURL=workflow-canvas.mjs.map

package/dist/{chunk-3NXUTBDV.mjs → chunk-AXC4INNY.mjs}

@@ -1,8 +1,8 @@
 "use client";
-import { ToggleSwitch, GlassModal, ContextMenu, FormInput, FormSelect, FormTextarea, Button, IconButton } from './chunk-2JS5B55J.mjs';
+import { ToggleSwitch, GlassModal, ContextMenu, FormInput, FormSelect, FormTextarea, Button, IconButton } from './chunk-DNGI4ASL.mjs';
+import { useTranslations, I18nProvider, createI18nFromMessages } from './chunk-7VJ7CMMT.mjs';
 import { GraphNodeHeader, GraphNodeMeta, GraphNodeBadge, GraphNodeIconBubble } from './chunk-OZNTQROP.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';
@@ -668,6 +668,15 @@ function ConditionalEdgeComponent({
 }) {
   const [isHovered, setIsHovered] = useState(false);
   const [showInsertPopup, setShowInsertPopup] = useState(false);
+  const hoverTimeout = useRef(null);
+  const handleMouseEnter = useCallback(() => {
+    if (hoverTimeout.current) clearTimeout(hoverTimeout.current);
+    hoverTimeout.current = null;
+    setIsHovered(true);
+  }, []);
+  const handleMouseLeave = useCallback(() => {
+    hoverTimeout.current = setTimeout(() => setIsHovered(false), 100);
+  }, []);
   const { setEdges } = useReactFlow();
   const [edgePath, labelX, labelY] = getBezierPath({
     sourceX,
@@ -698,68 +707,77 @@ function ConditionalEdgeComponent({
   const hasLabel = Boolean(label && labelStyle);
   const insertButtonOffset = hasLabel ? -20 : 0;
   const deleteButtonOffset = hasLabel ? showInsertPopup ? -40 : -40 : showInsertPopup ? -20 : -20;
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
-      "path",
-      {
-        d: edgePath,
-        fill: "none",
-        stroke: "transparent",
-        strokeWidth: 20,
-        onMouseEnter: () => setIsHovered(true),
-        onMouseLeave: () => setIsHovered(false),
-        className: "react-flow__edge-interaction"
-      }
-    ),
-    /* @__PURE__ */ jsx(BaseEdge, { id, path: edgePath, markerEnd, style }),
-    /* @__PURE__ */ jsxs(EdgeLabelRenderer, { children: [
-      hasLabel && labelStyle && /* @__PURE__ */ jsx(
-        "div",
-        {
-          className: `nodrag nopan pointer-events-auto absolute rounded-full px-2 py-0.5 text-[10px] font-semibold ${labelStyle.background} ${labelStyle.text} ${labelStyle.darkBackground} ${labelStyle.darkText}`,
-          style: {
-            transform: `translate(-50%, -50%) translate(${labelX}px,${labelY}px)`
-          },
-          "data-testid": `edge-label-${id}`,
-          children: label
-        }
-      ),
-      showControls && !showInsertPopup && /* @__PURE__ */ jsx(
-        "button",
-        {
-          type: "button",
-          className: "nodrag nopan pointer-events-auto absolute flex h-5 w-5 items-center justify-center rounded-full border border-teal-300 bg-white shadow-md transition-all hover:scale-110 hover:bg-teal-50 dark:border-teal-600 dark:bg-gray-800 dark:hover:bg-teal-900/30",
-          style: {
-            transform: `translate(-50%, -50%) translate(${labelX}px,${labelY + insertButtonOffset}px)`
-          },
-          onClick: handleInsertClick,
-          "aria-label": "Insert node",
-          children: /* @__PURE__ */ jsx(PlusIcon, { className: "h-3 w-3 text-teal-500 dark:text-teal-400" })
-        }
-      ),
-      showInsertPopup && /* @__PURE__ */ jsx(
-        EdgeInsertPopup,
-        {
-          position: { x: labelX, y: labelY + insertButtonOffset },
-          onSelect: handleInsertNodeSelect,
-          onClose: () => setShowInsertPopup(false)
-        }
-      ),
-      showControls && /* @__PURE__ */ jsx(
-        "button",
-        {
-          type: "button",
-          className: "nodrag nopan pointer-events-auto absolute flex h-5 w-5 items-center justify-center rounded-full border border-red-300 bg-white shadow-md transition-all hover:scale-110 hover:bg-red-50 dark:border-red-600 dark:bg-gray-800 dark:hover:bg-red-900/30",
-          style: {
-            transform: `translate(-50%, -50%) translate(${labelX}px,${labelY + deleteButtonOffset}px)`
-          },
-          onClick: handleDeleteEdge,
-          "aria-label": "Delete connection",
-          children: /* @__PURE__ */ jsx(XMarkIcon, { className: "h-3 w-3 text-red-500 dark:text-red-400" })
-        }
-      )
-    ] })
-  ] });
+  return /* @__PURE__ */ jsxs(
+    "g",
+    {
+      onMouseEnter: handleMouseEnter,
+      onMouseLeave: handleMouseLeave,
+      children: [
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: edgePath,
+            fill: "none",
+            stroke: "transparent",
+            strokeWidth: 20,
+            className: "react-flow__edge-interaction"
+          }
+        ),
+        /* @__PURE__ */ jsx(BaseEdge, { id, path: edgePath, markerEnd, style }),
+        /* @__PURE__ */ jsxs(EdgeLabelRenderer, { children: [
+          hasLabel && labelStyle && /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: `nodrag nopan pointer-events-auto absolute rounded-full px-2 py-0.5 text-[10px] font-semibold ${labelStyle.background} ${labelStyle.text} ${labelStyle.darkBackground} ${labelStyle.darkText}`,
+              style: {
+                transform: `translate(-50%, -50%) translate(${labelX}px,${labelY}px)`
+              },
+              "data-testid": `edge-label-${id}`,
+              children: label
+            }
+          ),
+          showControls && !showInsertPopup && /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              className: "nodrag nopan pointer-events-auto absolute flex h-5 w-5 items-center justify-center rounded-full border border-teal-300 bg-white shadow-md transition-all hover:scale-110 hover:bg-teal-50 dark:border-teal-600 dark:bg-gray-800 dark:hover:bg-teal-900/30",
+              style: {
+                transform: `translate(-50%, -50%) translate(${labelX}px,${labelY + insertButtonOffset}px)`
+              },
+              onClick: handleInsertClick,
+              onMouseEnter: handleMouseEnter,
+              onMouseLeave: handleMouseLeave,
+              "aria-label": "Insert node",
+              children: /* @__PURE__ */ jsx(PlusIcon, { className: "h-3 w-3 text-teal-500 dark:text-teal-400" })
+            }
+          ),
+          showInsertPopup && /* @__PURE__ */ jsx(
+            EdgeInsertPopup,
+            {
+              position: { x: labelX, y: labelY + insertButtonOffset },
+              onSelect: handleInsertNodeSelect,
+              onClose: () => setShowInsertPopup(false)
+            }
+          ),
+          showControls && /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              className: "nodrag nopan pointer-events-auto absolute flex h-5 w-5 items-center justify-center rounded-full border border-red-300 bg-white shadow-md transition-all hover:scale-110 hover:bg-red-50 dark:border-red-600 dark:bg-gray-800 dark:hover:bg-red-900/30",
+              style: {
+                transform: `translate(-50%, -50%) translate(${labelX}px,${labelY + deleteButtonOffset}px)`
+              },
+              onClick: handleDeleteEdge,
+              onMouseEnter: handleMouseEnter,
+              onMouseLeave: handleMouseLeave,
+              "aria-label": "Delete connection",
+              children: /* @__PURE__ */ jsx(XMarkIcon, { className: "h-3 w-3 text-red-500 dark:text-red-400" })
+            }
+          )
+        ] })
+      ]
+    }
+  );
 }
 var ConditionalEdge = memo(ConditionalEdgeComponent);
 function CustomConnectionLine({
@@ -7601,5 +7619,5 @@ 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, LogicNodeModal, MINIMAP_NODE_COLORS, ModelProviderFlowNode, NODE_EXECUTION_ACCENT_COLORS, NodeCard, NodeContextMenu, NoteFlowNode, OpenAIIcon, PanelContextMenu, ParameterExtractorFlowNode, QuestionClassifierFlowNode, RuleFlowNode, SelectionContextMenu, StartFlowNode, StrandsIcon, TemplateTransformFlowNode, ToolFlowNode, VariableAggregatorFlowNode, VariableAssignerFlowNode, WorkflowBuilderProvider, WorkflowCanvas, Workspace, getCompatibleModels, getDefaultFrameworkForModel, getEntityBadgeColor, getEntityGradient, getEntityHandleColor, getEntityIcon, getEntityMinimapColor, getFrameworkMeta, getNodeExecutionAccent, getNodeExecutionAccentRgb, isFrameworkCompatibleWithProviders, isModelCompatibleWithFramework, useModalStore, useWorkflowBuilderClient, useWorkflowBuilderClientOptional, useWorkflowStore };
-//# sourceMappingURL=chunk-3NXUTBDV.mjs.map
-//# sourceMappingURL=chunk-3NXUTBDV.mjs.map
+//# sourceMappingURL=chunk-AXC4INNY.mjs.map
+//# sourceMappingURL=chunk-AXC4INNY.mjs.map