@datatechsolutions/ui 3.6.1 → 3.7.0

package/dist/{chunk-KDFBN2L2.mjs → chunk-VZIUQE7B.mjs}

@@ -1,7 +1,8 @@
 "use client";
-import { Badge, ToggleSwitch, StatusBadge, GlassModal, ContextMenu, FormInput, FormTextarea, FormSelect, Button, IconButton } from './chunk-4OFG6POC.mjs';
+import { ToggleSwitch, StatusBadge, GlassModal, ContextMenu, FormInput, FormTextarea, FormSelect } from './chunk-5LCWQKGQ.mjs';
 import { useTranslations, I18nProvider, createI18nFromMessages } from './chunk-7VJ7CMMT.mjs';
-import { GraphNodeHeader, GraphNodeMeta, GraphNodeIconBubble, GraphNodeBadge } from './chunk-OZNTQROP.mjs';
+import { GraphNodeHeader, GraphNodeMeta, GraphNodeIconBubble, GraphNodeBadge } from './chunk-PLTLRL2V.mjs';
+import { Badge, Button, IconButton } from './chunk-WR55H7DH.mjs';
 import { getAgentTier, createDefaultLogicNodeConfig, applyDagreLayout } from './chunk-G7JQ4OCE.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';
@@ -661,32 +662,12 @@ function EdgeInsertPopupComponent({ position, onSelect, onClose }) {
   );
 }
 var EdgeInsertPopup = memo(EdgeInsertPopupComponent);
-var LABEL_STYLES = {
-  True: {
-    background: "bg-green-100",
-    text: "text-green-700",
-    darkBackground: "dark:bg-green-500/20",
-    darkText: "dark:text-green-300"
-  },
-  False: {
-    background: "bg-red-100",
-    text: "text-red-700",
-    darkBackground: "dark:bg-red-500/20",
-    darkText: "dark:text-red-300"
-  },
-  Loop: {
-    background: "bg-violet-100",
-    text: "text-violet-700",
-    darkBackground: "dark:bg-violet-500/20",
-    darkText: "dark:text-violet-300"
-  }
-};
-var DEFAULT_LABEL_STYLE = {
-  background: "bg-purple-100",
-  text: "text-purple-700",
-  darkBackground: "dark:bg-purple-500/20",
-  darkText: "dark:text-purple-300"
+var LABEL_COLORS = {
+  True: "green",
+  False: "red",
+  Loop: "violet"
 };
+var DEFAULT_LABEL_COLOR = "purple";
 function ConditionalEdgeComponent({
   id,
   source,
@@ -724,7 +705,7 @@ function ConditionalEdgeComponent({
   });
   const edgeData = data;
   const label = edgeData?.label ?? (sourceHandleId === "true-out" ? "True" : void 0) ?? (sourceHandleId === "false-out" ? "False" : void 0) ?? (sourceHandleId === "loop-out" ? "Loop" : void 0);
-  const labelStyle = label ? LABEL_STYLES[label] ?? DEFAULT_LABEL_STYLE : void 0;
+  const labelColor = label ? LABEL_COLORS[label] ?? DEFAULT_LABEL_COLOR : void 0;
   const showControls = selected || isHovered;
   const handleDeleteEdge = (event) => {
     event.stopPropagation();
@@ -740,7 +721,7 @@ function ConditionalEdgeComponent({
     edgeData?.onInsertNode?.(id, nodeType, { x: midpointX, y: midpointY });
     setShowInsertPopup(false);
   };
-  const hasLabel = Boolean(label && labelStyle);
+  const hasLabel = Boolean(label && labelColor);
   const insertButtonOffset = hasLabel ? -20 : 0;
   const deleteButtonOffset = hasLabel ? showInsertPopup ? -40 : -40 : showInsertPopup ? -20 : -20;
   return /* @__PURE__ */ jsxs(
@@ -761,15 +742,15 @@ function ConditionalEdgeComponent({
         ),
         /* @__PURE__ */ jsx(BaseEdge, { id, path: edgePath, markerEnd, style }),
         /* @__PURE__ */ jsxs(EdgeLabelRenderer, { children: [
-          hasLabel && labelStyle && /* @__PURE__ */ jsx(
+          hasLabel && labelColor && /* @__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}`,
+              className: "nodrag nopan pointer-events-auto absolute",
               style: {
                 transform: `translate(-50%, -50%) translate(${labelX}px,${labelY}px)`
               },
               "data-testid": `edge-label-${id}`,
-              children: label
+              children: /* @__PURE__ */ jsx(Badge, { color: labelColor, size: "xs", children: label })
             }
           ),
           showControls && !showInsertPopup && /* @__PURE__ */ jsx(
@@ -1937,8 +1918,14 @@ function NodeCardMeta({ compact = false, children }) {
   return /* @__PURE__ */ jsx(GraphNodeMeta, { compact, children });
 }
 function NodeCardBadge({ children, className, tone, soft = false }) {
-  const toneClass = tone ? soft ? LOGIC_NODE_BADGE_SOFT_COLORS[tone] : LOGIC_NODE_BADGE_COLORS[tone] : "";
-  return /* @__PURE__ */ jsx(GraphNodeBadge, { className: className ?? `inline-flex items-center rounded-full px-2 py-0.5 text-[10px] ${soft ? "font-medium" : "font-semibold"} ${toneClass}`, children });
+  if (tone) {
+    const toneClass = soft ? LOGIC_NODE_BADGE_SOFT_COLORS[tone] : LOGIC_NODE_BADGE_COLORS[tone];
+    return /* @__PURE__ */ jsx(GraphNodeBadge, { className: `inline-flex items-center rounded-full px-2 py-0.5 text-[10px] ${soft ? "font-medium" : "font-semibold"} ${toneClass}`, children });
+  }
+  if (className) {
+    return /* @__PURE__ */ jsx(GraphNodeBadge, { className, children });
+  }
+  return /* @__PURE__ */ jsx(Badge, { color: "zinc", size: "xs", children });
 }
 function NodeCardDeleteAction({ nodeId, onDelete }) {
   if (!onDelete) return null;
@@ -3633,7 +3620,7 @@ var GroupFlowNode = memo(function GroupFlowNode2({ id, data, selected }) {
           ] })
         ] }),
         /* @__PURE__ */ jsxs("div", { className: "mt-2 flex items-center justify-between", children: [
-          /* @__PURE__ */ jsx("span", { className: `inline-flex items-center rounded-full bg-slate-100 px-2 py-0.5 text-[10px] font-semibold ${colorScheme.text} dark:bg-slate-500/20`, children: translations("groupNode") }),
+          /* @__PURE__ */ jsx(Badge, { color: "zinc", size: "xs", className: colorScheme.text, children: translations("groupNode") }),
           /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
             /* @__PURE__ */ jsx(
               "button",
@@ -8596,5 +8583,5 @@ function Workspace({
 }
 
 export { AgentFlowNode, AgentToolFlowNode, AnswerFlowNode, AnthropicIcon, CATEGORY_COLORS, CATEGORY_PILL_COLORS, CodeFlowNode, CrewAIIcon, DocumentExtractorFlowNode, EXPERIMENTAL_NODE_TYPES, 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, NODE_EXECUTION_ACCENT_COLORS, NodeCard, NodeCardBadge, NodeCardDeleteAction, NodeCardHeader, NodeCardMeta, NodeContextMenu, NodeIconBubble, NodeInteractiveCard, NodeRunningIndicator, NoteFlowNode, OpenAIIcon, PanelContextMenu, ParameterExtractorFlowNode, QuestionClassifierFlowNode, RuleFlowNode, SelectionContextMenu, StartFlowNode, StrandsIcon, TemplateTransformFlowNode, ToolFlowNode, VariableAggregatorFlowNode, VariableAssignerFlowNode, WorkflowBuilderProvider, WorkflowCanvas, WorkflowHandle, Workspace, getCompatibleModels, getDefaultFrameworkForModel, getEntityBadgeColor, getEntityGradient, getEntityHandleColor, getEntityIcon, getEntityMinimapColor, getFrameworkMeta, getNodeExecutionAccent, getNodeExecutionAccentRgb, isFrameworkCompatibleWithProviders, isModelCompatibleWithFramework, useModalStore, useWorkflowBuilderClient, useWorkflowBuilderClientOptional, useWorkflowStore };
-//# sourceMappingURL=chunk-KDFBN2L2.mjs.map
-//# sourceMappingURL=chunk-KDFBN2L2.mjs.map
+//# sourceMappingURL=chunk-VZIUQE7B.mjs.map
+//# sourceMappingURL=chunk-VZIUQE7B.mjs.map