@datatechsolutions/ui 2.11.34 → 2.11.36

package/dist/{chunk-WG4S74B5.mjs → chunk-OCGSU63W.mjs}

@@ -1,8 +1,8 @@
 "use client";
-import { ToggleSwitch, GlassModal, ContextMenu, FormInput, FormSelect, FormTextarea, Button, IconButton } from './chunk-CH5BZ5ML.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,
@@ -701,8 +710,8 @@ function ConditionalEdgeComponent({
   return /* @__PURE__ */ jsxs(
     "g",
     {
-      onMouseEnter: () => setIsHovered(true),
-      onMouseLeave: () => setIsHovered(false),
+      onMouseEnter: handleMouseEnter,
+      onMouseLeave: handleMouseLeave,
       children: [
         /* @__PURE__ */ jsx(
           "path",
@@ -731,13 +740,13 @@ function ConditionalEdgeComponent({
             "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",
+              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-colors 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: () => setIsHovered(true),
-              onMouseLeave: () => setIsHovered(false),
+              onMouseEnter: handleMouseEnter,
+              onMouseLeave: handleMouseLeave,
               "aria-label": "Insert node",
               children: /* @__PURE__ */ jsx(PlusIcon, { className: "h-3 w-3 text-teal-500 dark:text-teal-400" })
             }
@@ -754,13 +763,13 @@ function ConditionalEdgeComponent({
             "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",
+              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-colors 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: () => setIsHovered(true),
-              onMouseLeave: () => setIsHovered(false),
+              onMouseEnter: handleMouseEnter,
+              onMouseLeave: handleMouseLeave,
               "aria-label": "Delete connection",
               children: /* @__PURE__ */ jsx(XMarkIcon, { className: "h-3 w-3 text-red-500 dark:text-red-400" })
             }
@@ -7610,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-WG4S74B5.mjs.map
-//# sourceMappingURL=chunk-WG4S74B5.mjs.map
+//# sourceMappingURL=chunk-OCGSU63W.mjs.map
+//# sourceMappingURL=chunk-OCGSU63W.mjs.map