@datatechsolutions/ui 2.11.36 → 2.11.38

package/dist/{chunk-OCGSU63W.mjs → chunk-4RCCAZMR.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';
@@ -2860,48 +2860,52 @@ 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" }),
-        columnCount > 0 && /* @__PURE__ */ jsxs("span", { className: "text-[10px] text-gray-400 dark:text-gray-500", children: [
-          columnCount,
-          " ",
-          t("datasourceColumns")
-        ] }),
-        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
-        ] }),
-        /* @__PURE__ */ jsxs("p", { className: "truncate text-[10px] text-gray-400 dark:text-gray-500", children: [
-          visibleColumns.join(", "),
-          columnCount > visibleColumns.length ? ` +${columnCount - visibleColumns.length} more` : ""
-        ] })
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5", 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" }),
+        /* @__PURE__ */ jsx("span", { className: "text-[10px] text-gray-400 dark:text-gray-500", children: [
+          columnCount > 0 ? `${columnCount} cols` : null,
+          filterCount > 0 ? `${filterCount} filters` : null,
+          config.limit > 0 ? `\u2264${config.limit}` : null
+        ].filter(Boolean).join(" \xB7 ") })
       ] }),
-      !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 +7623,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-OCGSU63W.mjs.map
-//# sourceMappingURL=chunk-OCGSU63W.mjs.map
+//# sourceMappingURL=chunk-4RCCAZMR.mjs.map
+//# sourceMappingURL=chunk-4RCCAZMR.mjs.map