@datatechsolutions/ui 3.13.1 → 3.15.0

package/dist/{chunk-TRNDFSM6.mjs → chunk-MSXJFWKD.mjs}

@@ -1,8 +1,8 @@
 "use client";
-import { ToggleSwitch, StatusBadge, GlassModal, ContextMenu, FormInput, FormTextarea, FormSelect } from './chunk-QEACOJXX.mjs';
+import { ToggleSwitch, StatusBadge, GlassModal, ContextMenu, FormInput, FormTextarea, FormSelect, PickerTile } from './chunk-QCGSE24W.mjs';
 import { useTranslations, I18nProvider, createI18nFromMessages } from './chunk-ZEFNBGYI.mjs';
-import { GraphNodeHeader, GraphNodeMeta, GraphNodeIconBubble, GraphNodeBadge } from './chunk-VPRAESA7.mjs';
-import { Badge, Button, IconButton } from './chunk-O4RZCDP2.mjs';
+import { GraphNodeHeader, GraphNodeMeta, GraphNodeIconBubble, GraphNodeBadge } from './chunk-KDDXDQR2.mjs';
+import { Badge, Button, IconButton } from './chunk-2SBVFLPZ.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';
@@ -634,28 +634,28 @@ function EdgeInsertPopupComponent({ position, onSelect, onClose }) {
             value: searchQuery,
             onChange: (event) => setSearchQuery(event.target.value),
             placeholder: tWorkflow("searchPalette"),
-            className: "mb-1.5 w-full rounded-lg bg-gray-100/60 px-2.5 py-1.5 text-[11px] text-gray-900 placeholder-gray-400 outline-none dark:bg-white/10 dark:text-white dark:placeholder-gray-500"
+            className: "mb-1.5 w-full rounded-lg bg-slate-100/60 px-2.5 py-1.5 text-[11px] text-slate-900 placeholder-slate-400 outline-none dark:bg-white/10 dark:text-white dark:placeholder-slate-500"
           }
         ),
         /* @__PURE__ */ jsxs("div", { className: "max-h-[240px] space-y-0.5 overflow-y-auto", children: [
           filteredNodes.map((item) => {
             const IconComponent = LOGIC_ICON_MAP[item.nodeType];
-            const gradient = LOGIC_NODE_GRADIENTS[item.nodeType] ?? "from-gray-400 to-gray-500";
+            const gradient = LOGIC_NODE_GRADIENTS[item.nodeType] ?? "from-slate-400 to-slate-500";
             return /* @__PURE__ */ jsxs(
               "button",
               {
                 type: "button",
                 onClick: () => handleSelect(item.nodeType),
-                className: "flex w-full items-center gap-2 rounded-lg px-2 py-1.5 text-left transition-colors hover:bg-gray-100/60 dark:hover:bg-white/10",
+                className: "flex w-full items-center gap-2 rounded-lg px-2 py-1.5 text-left transition-colors hover:bg-slate-100/60 dark:hover:bg-white/10",
                 children: [
                   /* @__PURE__ */ jsx("div", { className: `flex h-5 w-5 items-center justify-center rounded-md bg-gradient-to-br ${gradient} shadow-sm`, children: IconComponent && /* @__PURE__ */ jsx(IconComponent, { className: "h-3 w-3 text-white" }) }),
-                  /* @__PURE__ */ jsx("span", { className: "truncate text-[11px] font-medium text-gray-700 dark:text-gray-300", children: tWorkflow(item.nameKey) })
+                  /* @__PURE__ */ jsx("span", { className: "truncate text-[11px] font-medium text-slate-700 dark:text-slate-300", children: tWorkflow(item.nameKey) })
                 ]
               },
               item.nodeType
             );
           }),
-          filteredNodes.length === 0 && /* @__PURE__ */ jsx("p", { className: "py-2 text-center text-[10px] text-gray-400 dark:text-gray-500", children: tWorkflow("noLogicNodes") })
+          filteredNodes.length === 0 && /* @__PURE__ */ jsx("p", { className: "py-2 text-center text-[10px] text-slate-400 dark:text-slate-500", children: tWorkflow("noLogicNodes") })
         ] })
       ] })
     }
@@ -2032,11 +2032,11 @@ function NodeRunningIndicatorComponent({ nodeId }) {
   if (!nodeResult) return null;
   const { status, durationMs } = nodeResult;
   return /* @__PURE__ */ jsxs("div", { ref: containerRef, className: "absolute -right-1 -top-1 z-10 flex items-center gap-1", children: [
-    status === "pending" && /* @__PURE__ */ jsx("span", { className: "flex h-5 w-5 items-center justify-center rounded-full border border-gray-300 bg-white shadow-sm dark:border-gray-600 dark:bg-gray-800", children: /* @__PURE__ */ jsx("span", { className: "h-2 w-2 rounded-full bg-gray-400 dark:bg-gray-500" }) }),
+    status === "pending" && /* @__PURE__ */ jsx("span", { className: "flex h-5 w-5 items-center justify-center rounded-full border border-slate-300 bg-white shadow-sm dark:border-slate-600 dark:bg-slate-800", children: /* @__PURE__ */ jsx("span", { className: "h-2 w-2 rounded-full bg-slate-400 dark:bg-slate-500" }) }),
     status === "running" && /* @__PURE__ */ jsx(
       "span",
       {
-        className: "flex h-5 w-5 items-center justify-center rounded-full border bg-white shadow-sm dark:bg-gray-800",
+        className: "flex h-5 w-5 items-center justify-center rounded-full border bg-white shadow-sm dark:bg-slate-800",
         style: {
           borderColor: `rgba(${accentRgb}, 0.55)`,
           boxShadow: `0 0 0 1px rgba(${accentRgb}, 0.16), 0 6px 16px rgba(${accentRgb}, 0.18)`
@@ -2052,7 +2052,7 @@ function NodeRunningIndicatorComponent({ nodeId }) {
     (status === "success" || status === "error") && durationMs !== void 0 && /* @__PURE__ */ jsx(
       "span",
       {
-        className: `rounded-full px-1.5 py-0.5 text-[9px] font-medium shadow-sm ${status === "success" ? "bg-emerald-50 text-emerald-700 dark:bg-emerald-900/20 dark:text-emerald-300" : "bg-gray-100 text-gray-500 dark:bg-gray-800 dark:text-gray-400"}`,
+        className: `rounded-full px-1.5 py-0.5 text-[9px] font-medium shadow-sm ${status === "success" ? "bg-emerald-50 text-emerald-700 dark:bg-emerald-900/20 dark:text-emerald-300" : "bg-slate-100 text-slate-500 dark:bg-slate-800 dark:text-slate-400"}`,
         children: durationMs < 1e3 ? `${durationMs}ms` : `${(durationMs / 1e3).toFixed(1)}s`
       }
     )
@@ -3386,16 +3386,16 @@ var NoteFlowNode = memo(function NoteFlowNode2({ data, selected }) {
             onChange: handleTextChange,
             onBlur: handleBlur,
             onKeyDown: handleKeyDown,
-            className: "w-full resize-none border-none bg-transparent text-xs text-gray-700 outline-none placeholder:text-gray-400 dark:text-gray-200 dark:placeholder:text-gray-500",
+            className: "w-full resize-none border-none bg-transparent text-xs text-slate-700 outline-none placeholder:text-slate-400 dark:text-slate-200 dark:placeholder:text-slate-500",
             style: { minHeight: noteHeight - 40 },
             placeholder: t("noteNodeDescription")
           }
         ) : /* @__PURE__ */ jsx(
           "p",
           {
-            className: "cursor-text whitespace-pre-wrap text-xs text-gray-700 dark:text-gray-200",
+            className: "cursor-text whitespace-pre-wrap text-xs text-slate-700 dark:text-slate-200",
             style: { minHeight: noteHeight - 40 },
-            children: noteText || /* @__PURE__ */ jsx("span", { className: "italic text-gray-400 dark:text-gray-500", children: t("noteNodeDescription") })
+            children: noteText || /* @__PURE__ */ jsx("span", { className: "italic text-slate-400 dark:text-slate-500", children: t("noteNodeDescription") })
           }
         )
       ]
@@ -3459,8 +3459,8 @@ var DatasourceFlowNode = memo(function DatasourceFlowNode2({ id, data, selected
       /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3", children: [
         logo ? /* @__PURE__ */ jsx("div", { className: "flex h-10 w-10 items-center justify-center rounded-xl", children: /* @__PURE__ */ jsx("img", { src: logo, alt: config.dialect ?? "", className: "h-8 w-8" }) }) : /* @__PURE__ */ jsx("div", { className: "flex h-10 w-10 items-center justify-center rounded-xl bg-gradient-to-br from-cyan-500 to-blue-600 shadow-lg", children: /* @__PURE__ */ jsx(ServerStackIcon, { className: "h-5 w-5 text-white" }) }),
         /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
-          /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold text-gray-900 dark:text-white", children: label }),
-          !isCompact && /* @__PURE__ */ jsxs("p", { className: "mt-0.5 line-clamp-1 text-xs text-gray-500 dark:text-gray-400", children: [
+          /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold text-slate-900 dark:text-white", children: label }),
+          !isCompact && /* @__PURE__ */ jsxs("p", { className: "mt-0.5 line-clamp-1 text-xs text-slate-500 dark:text-slate-400", children: [
             datasource?.name ?? config.datasourceId,
             " \xB7 ",
             config.table
@@ -3494,7 +3494,7 @@ var DatasourceFlowNode = memo(function DatasourceFlowNode2({ id, data, selected
       /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5", children: [
         config.dialect && /* @__PURE__ */ jsx(Badge, { color: "cyan", size: "xs", children: config.dialect }),
         readOnly && /* @__PURE__ */ jsx(Badge, { color: "zinc", size: "xs", children: "sample" }),
-        /* @__PURE__ */ jsx("span", { className: "text-[10px] text-gray-400 dark:text-gray-500", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-[10px] text-slate-400 dark:text-slate-500", children: [
           columnCount > 0 ? `${columnCount} cols` : null,
           filterCount > 0 ? `${filterCount} filters` : null,
           config.limit > 0 ? `\u2264${config.limit}` : null
@@ -3617,8 +3617,8 @@ var GroupFlowNode = memo(function GroupFlowNode2({ id, data, selected }) {
         /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3", children: [
           /* @__PURE__ */ jsx("div", { className: `flex h-10 w-10 items-center justify-center rounded-xl bg-gradient-to-br ${colorScheme.header} shadow-lg`, children: /* @__PURE__ */ jsx(RectangleGroupIcon, { className: "h-5 w-5 text-white" }) }),
           /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
-            /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold text-gray-900 dark:text-white", children: label }),
-            /* @__PURE__ */ jsx("p", { className: "mt-0.5 truncate text-xs text-gray-500 dark:text-gray-400", children: config.description || translations("groupNodeDescription") })
+            /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold text-slate-900 dark:text-white", children: label }),
+            /* @__PURE__ */ jsx("p", { className: "mt-0.5 truncate text-xs text-slate-500 dark:text-slate-400", children: config.description || translations("groupNodeDescription") })
           ] })
         ] }),
         /* @__PURE__ */ jsxs("div", { className: "mt-2 flex items-center justify-between", children: [
@@ -3629,9 +3629,9 @@ var GroupFlowNode = memo(function GroupFlowNode2({ id, data, selected }) {
               {
                 type: "button",
                 onClick: handleToggleExpand,
-                className: "nodrag nopan rounded-lg p-1 opacity-0 transition hover:bg-gray-100 group-hover:opacity-100 dark:hover:bg-white/10",
+                className: "nodrag nopan rounded-lg p-1 opacity-0 transition hover:bg-slate-100 group-hover:opacity-100 dark:hover:bg-white/10",
                 title: translations("expandGroup"),
-                children: /* @__PURE__ */ jsx(ChevronDownIcon, { className: "h-3.5 w-3.5 text-gray-500 dark:text-gray-400" })
+                children: /* @__PURE__ */ jsx(ChevronDownIcon, { className: "h-3.5 w-3.5 text-slate-500 dark:text-slate-400" })
               }
             ),
             onRemoveFromCanvas && /* @__PURE__ */ jsx(
@@ -3677,7 +3677,7 @@ var GroupFlowNode = memo(function GroupFlowNode2({ id, data, selected }) {
                 /* @__PURE__ */ jsx(RectangleGroupIcon, { className: `h-4 w-4 ${colorScheme.iconText}` }),
                 /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
                   /* @__PURE__ */ jsx("span", { className: `block truncate text-xs font-semibold ${colorScheme.text}`, children: label }),
-                  config.description && /* @__PURE__ */ jsx("span", { className: "block truncate text-[10px] text-gray-500 dark:text-gray-400", children: config.description })
+                  config.description && /* @__PURE__ */ jsx("span", { className: "block truncate text-[10px] text-slate-500 dark:text-slate-400", children: config.description })
                 ] }),
                 /* @__PURE__ */ jsx(
                   "button",
@@ -4272,18 +4272,18 @@ function CodeNodeConfigForm({ config, onSave, onCancel }) {
   return /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
     /* @__PURE__ */ jsxs("div", { className: "flex gap-2 rounded-lg bg-white/40 dark:bg-white/[0.04] backdrop-blur-sm p-1 text-sm", children: [
       /* @__PURE__ */ jsx(
-        "button",
+        PickerTile,
         {
-          type: "button",
+          selected: mode === "operation",
           onClick: () => setMode("operation"),
           className: `flex-1 rounded-md px-3 py-1.5 font-medium transition ${mode === "operation" ? "bg-white text-indigo-600 shadow-sm dark:bg-slate-900 dark:text-indigo-400" : "text-slate-600 dark:text-slate-400"}`,
           children: t("modeOperation", { _: "Operation" })
         }
       ),
       /* @__PURE__ */ jsx(
-        "button",
+        PickerTile,
         {
-          type: "button",
+          selected: mode === "scripted",
           onClick: () => setMode("scripted"),
           className: `flex-1 rounded-md px-3 py-1.5 font-medium transition ${mode === "scripted" ? "bg-white text-indigo-600 shadow-sm dark:bg-slate-900 dark:text-indigo-400" : "text-slate-600 dark:text-slate-400"}`,
           children: t("modeScripted", { _: "Scripted" })
@@ -8533,5 +8533,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-TRNDFSM6.mjs.map
-//# sourceMappingURL=chunk-TRNDFSM6.mjs.map
+//# sourceMappingURL=chunk-MSXJFWKD.mjs.map
+//# sourceMappingURL=chunk-MSXJFWKD.mjs.map