@datatechsolutions/ui 2.11.35 → 2.11.37

package/dist/{chunk-AXC4INNY.mjs → chunk-CQQKF7VT.mjs}

@@ -1,5 +1,5 @@
 "use client";
-import { ToggleSwitch, GlassModal, ContextMenu, FormInput, FormSelect, FormTextarea, Button, IconButton } from './chunk-DNGI4ASL.mjs';
+import { ToggleSwitch, GlassModal, ContextMenu, FormInput, FormSelect, FormTextarea, Button, IconButton } from './chunk-MDD6H63O.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';
@@ -740,7 +740,7 @@ 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)`
               },
@@ -763,7 +763,7 @@ 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)`
               },
@@ -2860,48 +2860,59 @@ var DatasourceFlowNode = memo(function DatasourceFlowNode2({ id, data, selected
   }
   const columnCount = config.selectedColumns?.length ?? 0;
   const filterCount = config.filterVariables ? Object.keys(config.filterVariables).length : 0;
-  const visibleColumns = config.selectedColumns.slice(0, 3);
-  const filterEntries = Object.entries(config.filterVariables ?? {});
   const content = /* @__PURE__ */ jsxs(NodeCard, { compact: isCompact, selected, nodeType: "datasource", children: [
-    /* @__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 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 text-xs text-gray-500 dark:text-gray-400", children: [
-          datasource?.name ?? config.datasourceId,
-          " \xB7 ",
-          config.table
+    /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between", children: [
+      /* @__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 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: [
+            datasource?.name ?? config.datasourceId,
+            " \xB7 ",
+            config.table
+          ] })
         ] })
-      ] })
+      ] }),
+      !readOnly && /* @__PURE__ */ jsx(
+        "span",
+        {
+          className: "nodrag nopan",
+          onClick: (event) => {
+            event.stopPropagation();
+            event.preventDefault();
+          },
+          children: /* @__PURE__ */ jsx(
+            ToggleSwitch,
+            {
+              checked: true,
+              onChange: () => {
+              },
+              disabled: true,
+              size: "sm",
+              color: "teal",
+              label: `${label} connected`
+            }
+          )
+        }
+      )
     ] }),
     /* @__PURE__ */ jsxs(NodeCardMeta, { compact: isCompact, children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
-        config.dialect && /* @__PURE__ */ jsx(NodeCardBadge, { className: "inline-flex items-center rounded-full px-2 py-0.5 text-[10px] font-semibold bg-cyan-100 text-cyan-700 dark:bg-cyan-900/30 dark:text-cyan-300", children: config.dialect }),
-        readOnly && /* @__PURE__ */ jsx(NodeCardBadge, { className: "inline-flex items-center rounded-full px-2 py-0.5 text-[10px] font-medium bg-slate-100 text-slate-700 dark:bg-slate-500/20 dark:text-slate-300", children: "Sample Data" }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+        config.dialect && /* @__PURE__ */ jsx(NodeCardBadge, { className: "inline-flex items-center rounded-full px-2 py-0.5 text-[10px] font-semibold bg-cyan-100 text-cyan-700 dark:bg-cyan-400/15 dark:text-cyan-400", children: config.dialect }),
+        readOnly && /* @__PURE__ */ jsx(NodeCardBadge, { className: "inline-flex items-center rounded-full px-2 py-0.5 text-[10px] font-medium bg-slate-100 text-slate-600 dark:bg-slate-500/20 dark:text-slate-400", children: "Sample" }),
         columnCount > 0 && /* @__PURE__ */ jsxs("span", { className: "text-[10px] text-gray-400 dark:text-gray-500", children: [
           columnCount,
-          " ",
-          t("datasourceColumns")
+          " cols"
         ] }),
-        config.limit > 0 && /* @__PURE__ */ jsx("span", { className: "text-[10px] text-gray-400 dark:text-gray-500", children: t("datasourceLimit", { count: config.limit }) }),
         filterCount > 0 && /* @__PURE__ */ jsxs("span", { className: "text-[10px] text-gray-400 dark:text-gray-500", children: [
           filterCount,
-          " ",
-          t("datasourceFilters")
-        ] })
-      ] }),
-      !isCompact && /* @__PURE__ */ jsxs("div", { className: "mt-2 space-y-1", children: [
-        /* @__PURE__ */ jsxs("p", { className: "truncate text-[10px] text-gray-500 dark:text-gray-400", children: [
-          config.table,
-          " \u2192 ",
-          config.outputVariable
+          " filters"
         ] }),
-        /* @__PURE__ */ jsxs("p", { className: "truncate text-[10px] text-gray-400 dark:text-gray-500", children: [
-          visibleColumns.join(", "),
-          columnCount > visibleColumns.length ? ` +${columnCount - visibleColumns.length} more` : ""
+        config.limit > 0 && /* @__PURE__ */ jsxs("span", { className: "text-[10px] text-gray-400 dark:text-gray-500", children: [
+          "\u2264",
+          config.limit
         ] })
       ] }),
-      !isCompact && filterEntries.length > 0 && /* @__PURE__ */ jsx("p", { className: "mt-2 truncate text-[10px] text-cyan-700 dark:text-cyan-300", children: filterEntries.map(([field, variableName]) => `${field} \u2192 ${variableName}`).join(" \xB7 ") }),
       onRemoveFromCanvas && /* @__PURE__ */ jsx(
         "span",
         {
@@ -7619,5 +7630,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-AXC4INNY.mjs.map
-//# sourceMappingURL=chunk-AXC4INNY.mjs.map
+//# sourceMappingURL=chunk-CQQKF7VT.mjs.map
+//# sourceMappingURL=chunk-CQQKF7VT.mjs.map