@datatechsolutions/ui 3.14.0 → 3.15.0

package/dist/{chunk-33ZWFDVG.mjs → chunk-MSXJFWKD.mjs}

@@ -1,5 +1,5 @@
 "use client";
-import { ToggleSwitch, StatusBadge, GlassModal, ContextMenu, FormInput, FormTextarea, FormSelect, PickerTile } from './chunk-F4KHAKTP.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-KDDXDQR2.mjs';
 import { Badge, Button, IconButton } from './chunk-2SBVFLPZ.mjs';
@@ -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
@@ -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-33ZWFDVG.mjs.map
-//# sourceMappingURL=chunk-33ZWFDVG.mjs.map
+//# sourceMappingURL=chunk-MSXJFWKD.mjs.map
+//# sourceMappingURL=chunk-MSXJFWKD.mjs.map