@datatechsolutions/ui 3.3.0 → 3.4.0

package/dist/{chunk-PCYL4MII.mjs → chunk-VV6SYMPM.mjs}

@@ -1,7 +1,6 @@
 "use client";
-import { ToggleSwitch, GlassModal, ContextMenu, FormInput, FormTextarea, FormSelect, Button, IconButton } from './chunk-JN6IL6OH.mjs';
+import { ToggleSwitch, GlassModal, ContextMenu, FormInput, FormTextarea, FormSelect, Button, IconButton } from './chunk-AGGOHPMZ.mjs';
 import { useTranslations, I18nProvider, createI18nFromMessages } from './chunk-7VJ7CMMT.mjs';
-import { listModelProviderCatalog } from './chunk-ZV5EZXXO.mjs';
 import { GraphNodeHeader, GraphNodeMeta, GraphNodeBadge, GraphNodeIconBubble } from './chunk-OZNTQROP.mjs';
 import { getAgentTier, createDefaultLogicNodeConfig, applyDagreLayout } from './chunk-G7JQ4OCE.mjs';
 import { memo, useState, useRef, useCallback, useEffect, lazy, createContext, useMemo, useContext } from 'react';
@@ -9,7 +8,7 @@ import { Position, NodeResizer, MarkerType, useReactFlow, getBezierPath, BaseEdg
 import '@xyflow/react/dist/style.css';
 import { create } from 'zustand';
 import { PlusIcon, XMarkIcon } from '@heroicons/react/24/solid';
-import { Bars2Icon, CursorArrowRaysIcon, HandRaisedIcon, MagnifyingGlassPlusIcon, MagnifyingGlassMinusIcon, ArrowsPointingInIcon, ArrowUturnLeftIcon, ArrowUturnRightIcon, MapIcon, EllipsisHorizontalIcon, Squares2X2Icon, ArrowsRightLeftIcon, CommandLineIcon, ExclamationTriangleIcon, CpuChipIcon, TrashIcon, WrenchScrewdriverIcon, NewspaperIcon, ChartBarIcon, CloudIcon, ScaleIcon, AdjustmentsHorizontalIcon, CircleStackIcon, PlayIcon, StopIcon, ArrowsPointingOutIcon, CodeBracketIcon, GlobeAltIcon, DocumentTextIcon, ArrowPathIcon, BookOpenIcon, ChatBubbleLeftRightIcon, QuestionMarkCircleIcon, AdjustmentsVerticalIcon, Square3Stack3DIcon, DocumentMagnifyingGlassIcon, ListBulletIcon, PlayCircleIcon, PencilSquareIcon, ServerStackIcon, KeyIcon, RectangleGroupIcon, ChevronDownIcon, ChevronUpIcon, MicrophoneIcon, SpeakerWaveIcon, CloudArrowUpIcon, PresentationChartBarIcon, ChartPieIcon, ChartBarSquareIcon, CurrencyDollarIcon, ShieldCheckIcon, ClipboardDocumentCheckIcon, ShoppingBagIcon, UsersIcon, BuildingStorefrontIcon, BeakerIcon, PencilIcon, DocumentDuplicateIcon, ClipboardDocumentIcon, ClipboardIcon, PlusIcon as PlusIcon$1, XMarkIcon as XMarkIcon$1, TableCellsIcon, FunnelIcon, Cog6ToothIcon, VariableIcon, MagnifyingGlassIcon, CheckIcon } from '@heroicons/react/24/outline';
+import { Bars2Icon, CursorArrowRaysIcon, HandRaisedIcon, MagnifyingGlassPlusIcon, MagnifyingGlassMinusIcon, ArrowsPointingInIcon, ArrowUturnLeftIcon, ArrowUturnRightIcon, MapIcon, EllipsisHorizontalIcon, Squares2X2Icon, ArrowsRightLeftIcon, CommandLineIcon, ExclamationTriangleIcon, CpuChipIcon, TrashIcon, WrenchScrewdriverIcon, NewspaperIcon, ChartBarIcon, CloudIcon, ScaleIcon, AdjustmentsHorizontalIcon, CircleStackIcon, PlayIcon, StopIcon, ArrowsPointingOutIcon, CodeBracketIcon, GlobeAltIcon, DocumentTextIcon, ArrowPathIcon, BookOpenIcon, ChatBubbleLeftRightIcon, QuestionMarkCircleIcon, AdjustmentsVerticalIcon, Square3Stack3DIcon, DocumentMagnifyingGlassIcon, ListBulletIcon, PlayCircleIcon, PencilSquareIcon, ServerStackIcon, RectangleGroupIcon, ChevronDownIcon, ChevronUpIcon, MicrophoneIcon, SpeakerWaveIcon, KeyIcon, CloudArrowUpIcon, PresentationChartBarIcon, ChartPieIcon, ChartBarSquareIcon, CurrencyDollarIcon, ShieldCheckIcon, ClipboardDocumentCheckIcon, ShoppingBagIcon, UsersIcon, BuildingStorefrontIcon, BeakerIcon, PencilIcon, DocumentDuplicateIcon, ClipboardDocumentIcon, ClipboardIcon, PlusIcon as PlusIcon$1, XMarkIcon as XMarkIcon$1, TableCellsIcon, FunnelIcon, Cog6ToothIcon, VariableIcon, MagnifyingGlassIcon, CheckIcon } from '@heroicons/react/24/outline';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 var DEFAULT_PASTE_OFFSET = 40;
@@ -2056,7 +2055,7 @@ function NodeRunningIndicatorComponent({ nodeId }) {
           borderColor: `rgba(${accentRgb}, 0.55)`,
           boxShadow: `0 0 0 1px rgba(${accentRgb}, 0.16), 0 6px 16px rgba(${accentRgb}, 0.18)`
         },
-        children: /* @__PURE__ */ jsxs("svg", { className: "h-3 w-3 animate-spin", style: { color: accentColor }, viewBox: "0 0 24 24", fill: "none", children: [
+        children: /* @__PURE__ */ jsxs("svg", { className: "h-3 w-3 animate-spin motion-reduce:animate-none", style: { color: accentColor }, viewBox: "0 0 24 24", fill: "none", children: [
           /* @__PURE__ */ jsx("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }),
           /* @__PURE__ */ jsx("path", { className: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z" })
         ] })
@@ -3541,92 +3540,6 @@ var DatasourceFlowNode = memo(function DatasourceFlowNode2({ id, data, selected
     /* @__PURE__ */ jsx(WorkflowHandle, { type: "source", position: Position.Right, id: "right-out", colorClass: "!bg-cyan-400" })
   ] });
 });
-var SI = (slug, color) => `https://cdn.simpleicons.org/${slug}/${color}`;
-var PROVIDER_LOGOS = {
-  aws_bedrock: "https://www.svgrepo.com/show/448266/aws.svg",
-  openai_api: "https://www.svgrepo.com/show/306500/openai.svg",
-  google_vertex: SI("googlegemini", "8E75B2"),
-  azure_openai: SI("microsoftazure", "0078D4"),
-  anthropic_api: SI("anthropic", "D4A27F"),
-  groq: SI("groq", "000000"),
-  mistral: SI("mistralai", "FF7000"),
-  huggingface: SI("huggingface", "FFD21E"),
-  ollama: SI("ollama", "FFFFFF")
-};
-var PROVIDER_TYPE_LABELS = {
-  aws_bedrock: "AWS Bedrock",
-  openai_api: "OpenAI API",
-  google_vertex: "Google Vertex AI",
-  azure_openai: "Azure OpenAI",
-  anthropic_api: "Anthropic API",
-  groq: "Groq Cloud",
-  mistral: "Mistral AI",
-  huggingface: "Hugging Face",
-  ollama: "Ollama (Local)",
-  custom: "Custom"
-};
-var ModelProviderFlowNode = memo(function ModelProviderFlowNode2({ id, data, selected }) {
-  const config = data.config;
-  const isCompact = data.displayMode === "compact";
-  if (!config) {
-    return /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(NodeRunningIndicator, { nodeId: id }),
-      /* @__PURE__ */ jsx(WorkflowHandle, { type: "target", position: Position.Left, id: "left-in", colorClass: "!bg-gray-400 dark:!bg-gray-500" }),
-      /* @__PURE__ */ jsx(WorkflowHandle, { type: "target", position: Position.Top, id: "top-in", colorClass: "!bg-gray-400 dark:!bg-gray-500" }),
-      /* @__PURE__ */ jsx(NodeCard, { variant: "error", nodeType: "model_provider", width: "w-[280px]", children: /* @__PURE__ */ jsx(
-        NodeCardHeader,
-        {
-          icon: /* @__PURE__ */ jsx(ExclamationTriangleIcon, { className: "h-6 w-6 text-white" }),
-          title: data.label || "Model Provider",
-          description: "Not configured",
-          iconClassName: "flex h-11 w-11 items-center justify-center rounded-xl bg-gradient-to-br from-amber-400 to-orange-500 shadow-lg"
-        }
-      ) }),
-      /* @__PURE__ */ jsx(WorkflowHandle, { type: "source", position: Position.Right, id: "right-out", colorClass: "!bg-slate-500" }),
-      /* @__PURE__ */ jsx(WorkflowHandle, { type: "source", position: Position.Bottom, id: "bottom-out", colorClass: "!bg-slate-500" })
-    ] });
-  }
-  const providerLabel = PROVIDER_TYPE_LABELS[config.providerType] ?? config.providerType;
-  const displayName = config.name || providerLabel;
-  const regionLabel = config.region ? config.region : void 0;
-  const isConfigured = !!(config.credentialRef || config.apiKeyRef);
-  const logo = PROVIDER_LOGOS[config.providerType];
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(NodeRunningIndicator, { nodeId: id }),
-    /* @__PURE__ */ jsx(WorkflowHandle, { type: "target", position: Position.Left, id: "left-in", colorClass: "!bg-gray-400 dark:!bg-gray-500" }),
-    /* @__PURE__ */ jsx(WorkflowHandle, { type: "target", position: Position.Top, id: "top-in", colorClass: "!bg-gray-400 dark:!bg-gray-500" }),
-    /* @__PURE__ */ jsx(
-      "button",
-      {
-        type: "button",
-        onClick: () => data.onEdit?.(id),
-        className: "w-full text-left",
-        children: /* @__PURE__ */ jsxs(NodeCard, { compact: isCompact, selected, nodeType: "model_provider", width: "w-[280px]", children: [
-          /* @__PURE__ */ jsx(
-            NodeCardHeader,
-            {
-              icon: logo ? /* @__PURE__ */ jsx("img", { src: logo, alt: providerLabel, className: "h-6 w-6 object-contain", loading: "lazy" }) : /* @__PURE__ */ jsx(KeyIcon, { className: "h-6 w-6 text-white" }),
-              title: displayName,
-              description: providerLabel,
-              iconClassName: `flex h-11 w-11 items-center justify-center rounded-xl shadow-lg ${logo ? "bg-white/10 dark:bg-white/5 p-2" : "bg-gradient-to-br from-slate-600 to-slate-700 p-1.5"}`
-            }
-          ),
-          /* @__PURE__ */ jsx(NodeCardMeta, { compact: isCompact, children: /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-1.5", children: [
-            /* @__PURE__ */ jsx(NodeCardBadge, { className: "rounded-full bg-slate-100 px-2 py-0.5 text-[10px] font-semibold text-slate-700 dark:bg-slate-500/20 dark:text-slate-300", children: providerLabel }),
-            regionLabel && /* @__PURE__ */ jsx(NodeCardBadge, { className: "rounded-full bg-gray-100 px-2 py-0.5 text-[10px] font-medium text-gray-600 dark:bg-white/10 dark:text-gray-300", children: regionLabel }),
-            /* @__PURE__ */ jsx(NodeCardBadge, { className: `rounded-full px-2 py-0.5 text-[10px] font-medium ${isConfigured ? "bg-green-100 text-green-700 dark:bg-green-500/20 dark:text-green-300" : "bg-amber-100 text-amber-700 dark:bg-amber-500/20 dark:text-amber-300"}`, children: isConfigured ? "Configured" : "Setup needed" }),
-            config.modelFilter && config.modelFilter.length > 0 && /* @__PURE__ */ jsxs(NodeCardBadge, { className: "rounded-full bg-gray-100 px-2 py-0.5 text-[10px] font-medium text-gray-600 dark:bg-white/10 dark:text-gray-300", children: [
-              config.modelFilter.length,
-              " models"
-            ] })
-          ] }) })
-        ] })
-      }
-    ),
-    /* @__PURE__ */ jsx(WorkflowHandle, { type: "source", position: Position.Right, id: "right-out", colorClass: "!bg-slate-500" }),
-    /* @__PURE__ */ jsx(WorkflowHandle, { type: "source", position: Position.Bottom, id: "bottom-out", colorClass: "!bg-slate-500" })
-  ] });
-});
 var GROUP_COLORS = {
   indigo: {
     border: "border-indigo-300/50 dark:border-indigo-600/50",
@@ -3889,6 +3802,46 @@ var SpeechTranscriberFlowNode = memo(function SpeechTranscriberFlowNode2({ id, d
     /* @__PURE__ */ jsx(WorkflowHandle, { type: "source", position: Position.Right, id: "right-out", colorClass: "!bg-violet-500" })
   ] });
 });
+var DashboardOutputFlowNode = memo(function DashboardOutputFlowNode2({ id, data, selected }) {
+  const t = useTranslations("agents.workflow");
+  const { config, label, onDelete, onEdit } = data;
+  const isCompact = data.displayMode === "compact";
+  const source = config?.dashboardFrom ? `\u2190 ${config.dashboardFrom}` : config?.dashboard ? "inline" : "unset";
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(NodeRunningIndicator, { nodeId: id }),
+    /* @__PURE__ */ jsx(WorkflowHandle, { type: "target", position: Position.Left, id: "left-in", colorClass: "!bg-fuchsia-500" }),
+    /* @__PURE__ */ jsxs(
+      NodeInteractiveCard,
+      {
+        nodeId: id,
+        onEdit,
+        compact: isCompact,
+        selected,
+        nodeType: "dashboard_output",
+        width: "w-[260px]",
+        children: [
+          /* @__PURE__ */ jsx(
+            NodeCardHeader,
+            {
+              icon: /* @__PURE__ */ jsx(NodeIconBubble, { tone: "dashboard_output", children: /* @__PURE__ */ jsx(ChartBarIcon, { className: "h-5 w-5 text-white" }) }),
+              title: label,
+              description: t("dashboardOutputNodeDescription"),
+              compact: isCompact,
+              iconClassName: ""
+            }
+          ),
+          /* @__PURE__ */ jsxs(NodeCardMeta, { compact: isCompact, children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ jsx(NodeCardBadge, { tone: "dashboard_output", children: t("dashboardOutputNode") }),
+              /* @__PURE__ */ jsx(NodeCardBadge, { tone: "dashboard_output", soft: true, children: source })
+            ] }),
+            /* @__PURE__ */ jsx(NodeCardDeleteAction, { nodeId: id, onDelete })
+          ] })
+        ]
+      }
+    )
+  ] });
+});
 function ConfigFormActions({
   cancelLabel,
   saveLabel,
@@ -5917,215 +5870,6 @@ function GroupNodeConfigForm({ config, onSave, onCancel }) {
     )
   ] });
 }
-var catalogCache = null;
-var catalogPromise = null;
-async function loadCatalog() {
-  if (catalogCache) return catalogCache;
-  if (!catalogPromise) {
-    catalogPromise = listModelProviderCatalog().then((rows) => {
-      catalogCache = rows;
-      return rows;
-    });
-  }
-  return catalogPromise;
-}
-var ENDPOINT_SLUGS = /* @__PURE__ */ new Set(["custom", "azure_openai", "ollama"]);
-function ModelProviderNodeConfigForm({ config, onSave, onCancel }) {
-  const t = useTranslations("agents.workflow.modelProviderNodeConfig");
-  const [catalog, setCatalog] = useState(catalogCache);
-  const [catalogError, setCatalogError] = useState(null);
-  const [providerType, setProviderType] = useState(config.providerType);
-  const [name, setName] = useState(config.name ?? "");
-  const [region, setRegion] = useState(config.region ?? "");
-  const [endpoint, setEndpoint] = useState(config.endpoint ?? "");
-  const [credentialRef, setCredentialRef] = useState(config.credentialRef ?? "");
-  const [apiKeyRef, setApiKeyRef] = useState(config.apiKeyRef ?? "");
-  const [selectedFamilies, setSelectedFamilies] = useState(/* @__PURE__ */ new Set());
-  useEffect(() => {
-    let cancelled = false;
-    if (catalog) return;
-    void loadCatalog().then((rows) => {
-      if (cancelled) return;
-      setCatalog(rows);
-    }).catch((error) => {
-      if (cancelled) return;
-      const message = error instanceof Error ? error.message : "Failed to load provider catalog";
-      setCatalogError(message);
-    });
-    return () => {
-      cancelled = true;
-    };
-  }, [catalog]);
-  const currentProvider = useMemo(() => {
-    if (!catalog) return void 0;
-    return catalog.find((entry) => entry.slug === providerType);
-  }, [catalog, providerType]);
-  const families = currentProvider?.families ?? [];
-  const regions = Array.isArray(currentProvider?.regions) ? currentProvider.regions : [];
-  const showRegion = regions.length > 0;
-  const showEndpoint = ENDPOINT_SLUGS.has(providerType);
-  const authType = currentProvider?.authType ?? null;
-  const showApiKey = authType === "api_key";
-  const showCredentialRef = authType === "iam_role";
-  useEffect(() => {
-    if (!currentProvider) return;
-    setSelectedFamilies((previous) => {
-      if (previous.size > 0) return previous;
-      const filter = new Set(config.modelFilter ?? []);
-      const next = /* @__PURE__ */ new Set();
-      for (const family of currentProvider.families) {
-        if (filter.size === 0 || family.modelIds.some((id) => filter.has(id))) {
-          next.add(family.id);
-        }
-      }
-      return next;
-    });
-  }, [currentProvider, config.modelFilter]);
-  const handleToggleFamily = (familyId) => {
-    setSelectedFamilies((previous) => {
-      const next = new Set(previous);
-      if (next.has(familyId)) next.delete(familyId);
-      else next.add(familyId);
-      return next;
-    });
-  };
-  const handleProviderChange = (value) => {
-    const newType = value;
-    setProviderType(newType);
-    setRegion("");
-    const next = catalog?.find((entry) => entry.slug === newType);
-    setSelectedFamilies(new Set((next?.families ?? []).map((family) => family.id)));
-  };
-  const handleSave = () => {
-    const modelFilter = families.filter((family) => selectedFamilies.has(family.id)).flatMap((family) => family.modelIds);
-    onSave({
-      ...config,
-      providerType,
-      name: name.trim() || void 0,
-      region: region || void 0,
-      endpoint: endpoint.trim() || void 0,
-      credentialRef: credentialRef.trim() || void 0,
-      apiKeyRef: apiKeyRef.trim() || void 0,
-      modelFilter
-    });
-  };
-  if (catalogError) {
-    return /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
-      /* @__PURE__ */ jsx("div", { className: "rounded-lg border border-red-200 bg-red-50 p-3 text-sm text-red-900 dark:border-red-500/30 dark:bg-red-500/10 dark:text-red-200", children: catalogError }),
-      /* @__PURE__ */ jsx(
-        ConfigFormActions,
-        {
-          cancelLabel: t("cancel"),
-          saveLabel: t("save"),
-          onCancel,
-          onSave: handleSave,
-          saveDisabled: true
-        }
-      )
-    ] });
-  }
-  if (!catalog) {
-    return /* @__PURE__ */ jsx("div", { className: "space-y-4 h-32" });
-  }
-  return /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
-    /* @__PURE__ */ jsx(
-      FormInput,
-      {
-        type: "text",
-        label: t("nameLabel"),
-        value: name,
-        onValueChange: setName,
-        placeholder: t("namePlaceholder")
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      FormSelect,
-      {
-        label: t("providerTypeLabel"),
-        value: providerType,
-        onValueChange: handleProviderChange,
-        options: catalog.filter((entry) => entry.enabled).map((entry) => ({ value: entry.slug, label: entry.name }))
-      }
-    ),
-    showRegion && /* @__PURE__ */ jsx(
-      FormSelect,
-      {
-        label: t("regionLabel"),
-        value: region,
-        onValueChange: setRegion,
-        options: [
-          { value: "", label: t("selectRegion") },
-          ...regions.map((value) => ({ value, label: value }))
-        ]
-      }
-    ),
-    showEndpoint && /* @__PURE__ */ jsx(
-      FormInput,
-      {
-        type: "text",
-        label: t("endpointLabel"),
-        value: endpoint,
-        onValueChange: setEndpoint,
-        placeholder: providerType === "ollama" ? "http://localhost:11434" : t("endpointPlaceholder")
-      }
-    ),
-    showApiKey && /* @__PURE__ */ jsx(
-      FormInput,
-      {
-        type: "password",
-        label: t("apiKeyLabel"),
-        value: apiKeyRef,
-        onValueChange: setApiKeyRef,
-        placeholder: t("apiKeyPlaceholder")
-      }
-    ),
-    showCredentialRef && /* @__PURE__ */ jsx(
-      FormInput,
-      {
-        type: "text",
-        label: t("credentialRefLabel"),
-        value: credentialRef,
-        onValueChange: setCredentialRef,
-        placeholder: providerType === "aws_bedrock" ? "arn:aws:iam::role/bedrock-role" : t("credentialRefPlaceholder")
-      }
-    ),
-    families.length > 0 && /* @__PURE__ */ jsxs("div", { children: [
-      /* @__PURE__ */ jsx("label", { className: "mb-2 block text-sm font-medium text-gray-700 dark:text-gray-300", children: t("modelFamiliesLabel") }),
-      /* @__PURE__ */ jsx("div", { className: "space-y-1.5", children: families.map((family) => {
-        const isSelected = selectedFamilies.has(family.id);
-        return /* @__PURE__ */ jsxs(
-          "button",
-          {
-            type: "button",
-            onClick: () => handleToggleFamily(family.id),
-            className: `flex w-full items-center gap-3 rounded-lg border px-3 py-2 text-left transition-all ${isSelected ? "border-indigo-500/30 bg-indigo-50/50 dark:border-indigo-400/20 dark:bg-indigo-500/5" : "border-gray-200/50 hover:border-gray-300 dark:border-white/10 dark:hover:border-white/20"}`,
-            children: [
-              /* @__PURE__ */ jsx("div", { className: `flex h-4 w-4 shrink-0 items-center justify-center rounded ${isSelected ? "bg-indigo-500 text-white" : "border border-gray-300 dark:border-gray-600"}`, children: isSelected && /* @__PURE__ */ jsx("svg", { className: "h-3 w-3", viewBox: "0 0 20 20", fill: "currentColor", children: /* @__PURE__ */ jsx("path", { fillRule: "evenodd", d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z", clipRule: "evenodd" }) }) }),
-              /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
-                /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-gray-900 dark:text-white", children: family.name }),
-                /* @__PURE__ */ jsxs("span", { className: "ml-2 text-[10px] text-gray-400 dark:text-gray-500", children: [
-                  family.modelIds.length,
-                  " models"
-                ] })
-              ] })
-            ]
-          },
-          family.id
-        );
-      }) })
-    ] }),
-    /* @__PURE__ */ jsx(
-      ConfigFormActions,
-      {
-        cancelLabel: t("cancel"),
-        saveLabel: t("save"),
-        onCancel,
-        onSave: handleSave,
-        saveDisabled: !providerType
-      }
-    )
-  ] });
-}
 function RuleNodeConfigForm({ config, onSave, onCancel, availableRules }) {
   const t = useTranslations("agents.workflow.ruleNodeConfig");
   const [ruleId, setRuleId] = useState(config.ruleId ?? "");
@@ -6494,6 +6238,93 @@ function SpeechTranscriberNodeConfigForm({ config, onSave, onCancel }) {
     )
   ] });
 }
+function DashboardOutputNodeConfigForm({ config, onSave, onCancel }) {
+  const t = useTranslations("agents.workflow.dashboardOutputNodeConfig");
+  const initialMode = config.dashboard ? "inline" : "reference";
+  const [mode, setMode] = useState(initialMode);
+  const [dashboardFrom, setDashboardFrom] = useState(config.dashboardFrom ?? "");
+  const [inlineJson, setInlineJson] = useState(
+    config.dashboard ? JSON.stringify(config.dashboard, null, 2) : ""
+  );
+  const [parseError, setParseError] = useState(null);
+  const handleSave = () => {
+    if (mode === "reference") {
+      const trimmed = dashboardFrom.trim();
+      onSave({ type: "dashboard_output", dashboardFrom: trimmed });
+      return;
+    }
+    try {
+      const parsed = inlineJson.trim() ? JSON.parse(inlineJson) : {};
+      setParseError(null);
+      onSave({ type: "dashboard_output", dashboard: parsed });
+    } catch (error) {
+      setParseError(error instanceof Error ? error.message : String(error));
+    }
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ jsx("p", { className: "text-xs text-gray-500 dark:text-gray-400", children: t("description") }),
+    /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: () => setMode("reference"),
+          className: `flex-1 rounded-lg border px-3 py-2 text-xs font-medium transition-colors ${mode === "reference" ? "border-fuchsia-500 bg-fuchsia-500/10 text-fuchsia-700 dark:text-fuchsia-300" : "border-gray-200 bg-white text-gray-600 hover:border-fuchsia-300 dark:border-white/10 dark:bg-white/5 dark:text-gray-300"}`,
+          children: t("modeReference")
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: () => setMode("inline"),
+          className: `flex-1 rounded-lg border px-3 py-2 text-xs font-medium transition-colors ${mode === "inline" ? "border-fuchsia-500 bg-fuchsia-500/10 text-fuchsia-700 dark:text-fuchsia-300" : "border-gray-200 bg-white text-gray-600 hover:border-fuchsia-300 dark:border-white/10 dark:bg-white/5 dark:text-gray-300"}`,
+          children: t("modeInline")
+        }
+      )
+    ] }),
+    mode === "reference" ? /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx("label", { className: "mb-1 block text-xs font-medium text-gray-700 dark:text-gray-300", children: t("referenceLabel") }),
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          type: "text",
+          value: dashboardFrom,
+          onChange: (event) => setDashboardFrom(event.target.value),
+          placeholder: t("referencePlaceholder"),
+          className: "w-full rounded-lg border border-gray-300 bg-white px-3 py-2 text-sm font-mono text-gray-900 placeholder:text-gray-400 focus:border-fuchsia-500 focus:outline-none focus:ring-1 focus:ring-fuchsia-500 dark:border-white/10 dark:bg-white/5 dark:text-white"
+        }
+      ),
+      /* @__PURE__ */ jsx("p", { className: "mt-1 text-[10px] text-gray-500 dark:text-gray-400", children: t("referenceHelp") })
+    ] }) : /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx("label", { className: "mb-1 block text-xs font-medium text-gray-700 dark:text-gray-300", children: t("inlineLabel") }),
+      /* @__PURE__ */ jsx(
+        "textarea",
+        {
+          value: inlineJson,
+          onChange: (event) => setInlineJson(event.target.value),
+          placeholder: '{\\n  "kpis": [],\\n  "charts": [],\\n  "tables": []\\n}',
+          rows: 12,
+          className: "w-full rounded-lg border border-gray-300 bg-white px-3 py-2 text-xs font-mono text-gray-900 placeholder:text-gray-400 focus:border-fuchsia-500 focus:outline-none focus:ring-1 focus:ring-fuchsia-500 dark:border-white/10 dark:bg-white/5 dark:text-white"
+        }
+      ),
+      parseError ? /* @__PURE__ */ jsxs("p", { className: "mt-1 text-[10px] font-medium text-red-600 dark:text-red-400", children: [
+        t("parseError"),
+        ": ",
+        parseError
+      ] }) : /* @__PURE__ */ jsx("p", { className: "mt-1 text-[10px] text-gray-500 dark:text-gray-400", children: t("inlineHelp") })
+    ] }),
+    /* @__PURE__ */ jsx(
+      ConfigFormActions,
+      {
+        cancelLabel: t("cancel"),
+        saveLabel: t("save"),
+        onCancel,
+        onSave: handleSave
+      }
+    )
+  ] });
+}
 var NODE_TITLE_KEYS = {
   start: "startNodeConfig",
   end: "endNodeConfig",
@@ -6515,11 +6346,11 @@ var NODE_TITLE_KEYS = {
   entity: "entityNodeConfig",
   datasource: "datasourceNodeConfig",
   group: "groupNodeConfig",
-  model_provider: "modelProviderNodeConfig",
   rule: "ruleNodeConfig",
   agent: "agentNodeConfig",
   audio_input: "audioInputNodeConfig",
-  speech_transcriber: "speechTranscriberNodeConfig"
+  speech_transcriber: "speechTranscriberNodeConfig",
+  dashboard_output: "dashboardOutputNodeConfig"
 };
 function LogicNodeModal({ onSave, entities = [], datasources = [], onLoadTables, onLoadSchema }) {
   const t = useTranslations("agents.workflow");
@@ -6580,8 +6411,10 @@ function LogicNodeModal({ onSave, entities = [], datasources = [], onLoadTables,
         return /* @__PURE__ */ jsx(EntityNodeConfigForm, { config, entities, onSave: handleSave, onCancel: closeModal });
       case "group":
         return /* @__PURE__ */ jsx(GroupNodeConfigForm, { config, onSave: handleSave, onCancel: closeModal });
-      case "model_provider":
-        return /* @__PURE__ */ jsx(ModelProviderNodeConfigForm, { config, onSave: handleSave, onCancel: closeModal });
+      // model_provider was removed from the canvas — providers are
+      // now account-level credentials configured in Settings, not
+      // draggable nodes. Any legacy graph that still has a
+      // model_provider node falls through to default → no edit form.
       case "rule":
         return /* @__PURE__ */ jsx(RuleNodeConfigForm, { config, onSave: handleSave, onCancel: closeModal });
       case "agent":
@@ -6590,6 +6423,8 @@ function LogicNodeModal({ onSave, entities = [], datasources = [], onLoadTables,
         return /* @__PURE__ */ jsx(AudioInputNodeConfigForm, { config, onSave: handleSave, onCancel: closeModal });
       case "speech_transcriber":
         return /* @__PURE__ */ jsx(SpeechTranscriberNodeConfigForm, { config, onSave: handleSave, onCancel: closeModal });
+      case "dashboard_output":
+        return /* @__PURE__ */ jsx(DashboardOutputNodeConfigForm, { config, onSave: handleSave, onCancel: closeModal });
       default:
         return null;
     }
@@ -6972,10 +6807,14 @@ var BUILT_IN_NODE_TYPES = {
   iteration_start: IterationStartFlowNode,
   note: NoteFlowNode,
   datasource: DatasourceFlowNode,
-  model_provider: ModelProviderFlowNode,
+  // model_provider removed from canvas — providers are now
+  // account-level credentials (configured in Settings), not draggable
+  // nodes. Agents reference the provider via the `Models` tab in the
+  // agent modal. See agent-modal.tsx + n8n/Dify patterns.
   group: GroupFlowNode,
   audio_input: AudioInputFlowNode,
-  speech_transcriber: SpeechTranscriberFlowNode
+  speech_transcriber: SpeechTranscriberFlowNode,
+  dashboard_output: DashboardOutputFlowNode
 };
 var ALL_LOGIC_NODE_TYPES = [
   "start",
@@ -7000,10 +6839,10 @@ var ALL_LOGIC_NODE_TYPES = [
   "rule",
   "entity",
   "datasource",
-  "model_provider",
   "group",
   "audio_input",
-  "speech_transcriber"
+  "speech_transcriber",
+  "dashboard_output"
 ];
 function isLogicNodeType(nodeType) {
   return ALL_LOGIC_NODE_TYPES.includes(nodeType);
@@ -7027,6 +6866,7 @@ var AUTO_SAVE_DEBOUNCE_MS = 2e3;
 function WorkflowCanvasInner({
   agents,
   models,
+  modelProviders = [],
   tools,
   agentTools = [],
   rules,
@@ -7061,7 +6901,9 @@ function WorkflowCanvasInner({
       openAgentModalAction(
         { agentId: "", name: "", order: 0, enabled: true, temperature: 0.7, maxTokens: 4096 },
         models,
-        true
+        true,
+        agentTools,
+        modelProviders
       );
     }
   }, [isCreatingAgent]);
@@ -7208,7 +7050,7 @@ function WorkflowCanvasInner({
                 providerName: models.find((m) => m.id === agent.modelId)?.provider,
                 onSelect: () => {
                   setSelectedAgentId(agent.agentId);
-                  openAgentModalAction(agent, models, false, agentTools);
+                  openAgentModalAction(agent, models, false, agentTools, modelProviders);
                 },
                 onRemoveFromCanvas: handleRemoveNodeFromCanvas
               }
@@ -7591,7 +7433,7 @@ function WorkflowCanvasInner({
       const agent = targetNode.data?.agent;
       if (agent) {
         setSelectedAgentId(agent.agentId ?? agent.id ?? null);
-        openAgentModalAction(agent, models, false, agentTools);
+        openAgentModalAction(agent, models, false, agentTools, modelProviders);
       }
     } else if (targetNode.type === "tool") {
       const tool = targetNode.data?.tool;
@@ -8090,7 +7932,7 @@ function WorkflowCanvasInner({
             selected: false,
             onSelect: () => {
               setSelectedAgentId(agent.agentId);
-              openAgentModalAction(agent, models, false, agentTools);
+              openAgentModalAction(agent, models, false, agentTools, modelProviders);
             },
             onRemoveFromCanvas: handleRemoveNodeFromCanvas
           }
@@ -8750,6 +8592,6 @@ 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, ModelProviderFlowNode, 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-PCYL4MII.mjs.map
-//# sourceMappingURL=chunk-PCYL4MII.mjs.map
+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-VV6SYMPM.mjs.map
+//# sourceMappingURL=chunk-VV6SYMPM.mjs.map