@datatechsolutions/ui 2.11.22 → 2.11.23

package/dist/{chunk-CU3L2357.mjs → chunk-D7EPY2L3.mjs}

@@ -1,8 +1,8 @@
 "use client";
-import { GlassModalShell, ContextMenu, FormInput, FormSelect, FormTextarea, Button, IconButton } from './chunk-23247RGB.mjs';
+import { ToggleSwitch, GlassModalShell, ContextMenu, FormInput, FormSelect, FormTextarea, Button, IconButton } from './chunk-GXVZXTTC.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';
@@ -1594,14 +1594,19 @@ var AgentToolFlowNode = memo(function AgentToolFlowNode2({ id, data, selected })
         data.onToggle && /* @__PURE__ */ jsx(
           "span",
           {
-            role: "switch",
-            "aria-checked": agentTool.enabled,
-            className: `nodrag nopan relative inline-flex h-5 w-9 flex-shrink-0 cursor-pointer items-center rounded-full border border-white/50 px-0.5 shadow-[inset_0_1px_0_rgba(255,255,255,0.5)] transition duration-200 dark:border-white/15 ${agentTool.enabled ? "bg-amber-500/90" : "bg-slate-300/80 dark:bg-slate-700/80"}`,
+            className: "nodrag nopan",
             onClick: (event) => {
               event.stopPropagation();
-              data.onToggle(agentTool);
             },
-            children: /* @__PURE__ */ jsx("span", { className: `pointer-events-none inline-block h-4 w-4 transform rounded-full bg-white shadow transition duration-200 ${agentTool.enabled ? "translate-x-4" : "translate-x-0"}` })
+            children: /* @__PURE__ */ jsx(
+              ToggleSwitch,
+              {
+                checked: Boolean(agentTool.enabled),
+                onChange: () => data.onToggle?.(agentTool),
+                size: "sm",
+                label: `${agentTool.name} enabled`
+              }
+            )
           }
         )
       ] }),
@@ -1695,16 +1700,20 @@ var ToolFlowNode = memo(function ToolFlowNode2({ id, data, selected }) {
             onToggle && /* @__PURE__ */ jsx(
               "span",
               {
-                role: "switch",
-                "aria-checked": tool.enabled,
-                "aria-label": tool.enabled ? "Enabled" : "Disabled",
-                className: `nodrag nopan relative inline-flex h-5 w-9 flex-shrink-0 cursor-pointer items-center rounded-full border border-white/50 px-0.5 shadow-[inset_0_1px_0_rgba(255,255,255,0.5)] transition duration-200 dark:border-white/15 ${tool.enabled ? "bg-blue-600/90" : "bg-slate-300/80 dark:bg-slate-700/80"}`,
+                className: "nodrag nopan",
                 onClick: (event) => {
                   event.stopPropagation();
                   event.preventDefault();
-                  onToggle(tool);
                 },
-                children: /* @__PURE__ */ jsx("span", { className: `pointer-events-none inline-block h-4 w-4 transform rounded-full bg-white shadow transition duration-200 ${tool.enabled ? "translate-x-4 shadow-[0_0_0_1px_rgba(255,255,255,0.2),0_0_6px_rgba(59,130,246,0.4)]" : "translate-x-0"}` })
+                children: /* @__PURE__ */ jsx(
+                  ToggleSwitch,
+                  {
+                    checked: Boolean(tool.enabled),
+                    onChange: () => onToggle(tool),
+                    size: "sm",
+                    label: `${tool.name} enabled`
+                  }
+                )
               }
             )
           ] }),
@@ -1842,16 +1851,20 @@ var RuleFlowNode = memo(function RuleFlowNode2({ id, data, selected }) {
             onToggle && /* @__PURE__ */ jsx(
               "span",
               {
-                role: "switch",
-                "aria-checked": rule.enabled,
-                "aria-label": rule.enabled ? "Enabled" : "Disabled",
-                className: `nodrag nopan relative inline-flex h-5 w-9 flex-shrink-0 cursor-pointer items-center rounded-full border border-white/50 px-0.5 shadow-[inset_0_1px_0_rgba(255,255,255,0.5)] transition duration-200 dark:border-white/15 ${rule.enabled ? "bg-blue-600/90" : "bg-slate-300/80 dark:bg-slate-700/80"}`,
+                className: "nodrag nopan",
                 onClick: (event) => {
                   event.stopPropagation();
                   event.preventDefault();
-                  onToggle(rule);
                 },
-                children: /* @__PURE__ */ jsx("span", { className: `pointer-events-none inline-block h-4 w-4 transform rounded-full bg-white shadow transition duration-200 ${rule.enabled ? "translate-x-4 shadow-[0_0_0_1px_rgba(255,255,255,0.2),0_0_6px_rgba(59,130,246,0.4)]" : "translate-x-0"}` })
+                children: /* @__PURE__ */ jsx(
+                  ToggleSwitch,
+                  {
+                    checked: Boolean(rule.enabled),
+                    onChange: () => onToggle(rule),
+                    size: "sm",
+                    label: `${rule.name} enabled`
+                  }
+                )
               }
             )
           ] }),
@@ -7549,5 +7562,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-CU3L2357.mjs.map
-//# sourceMappingURL=chunk-CU3L2357.mjs.map
+//# sourceMappingURL=chunk-D7EPY2L3.mjs.map
+//# sourceMappingURL=chunk-D7EPY2L3.mjs.map