@datatechsolutions/ui 3.2.1 → 3.4.0

package/dist/{chunk-EFOXN3LC.js → chunk-M7KSEUZR.js}

@@ -1,11 +1,10 @@
 "use client";
 'use strict';
 
-var chunkI2NZGVBG_js = require('./chunk-I2NZGVBG.js');
+var chunkFSBR4RCK_js = require('./chunk-FSBR4RCK.js');
 var chunkYXN2K77G_js = require('./chunk-YXN2K77G.js');
-var chunkF54Q2YJY_js = require('./chunk-F54Q2YJY.js');
 var chunkP4YYEM4B_js = require('./chunk-P4YYEM4B.js');
-var chunkC3H4FM4A_js = require('./chunk-C3H4FM4A.js');
+var chunk72SWXOD5_js = require('./chunk-72SWXOD5.js');
 var react = require('react');
 var react$1 = require('@xyflow/react');
 require('@xyflow/react/dist/style.css');
@@ -373,7 +372,9 @@ var LOGIC_NODE_GRADIENTS = {
   datasource: "from-cyan-500 to-blue-600",
   model_provider: "from-slate-500 to-gray-600",
   dashboard_output: "from-fuchsia-500 to-pink-600",
-  group: "from-slate-400 to-gray-500"
+  group: "from-slate-400 to-gray-500",
+  audio_input: "from-teal-400 to-cyan-500",
+  speech_transcriber: "from-violet-500 to-purple-600"
 };
 var LOGIC_NODE_BADGE_COLORS = {
   start: "bg-green-100 text-green-700 dark:bg-green-500/20 dark:text-green-300",
@@ -398,7 +399,9 @@ var LOGIC_NODE_BADGE_COLORS = {
   datasource: "bg-cyan-100 text-cyan-700 dark:bg-cyan-500/20 dark:text-cyan-300",
   model_provider: "bg-slate-100 text-slate-700 dark:bg-slate-500/20 dark:text-slate-300",
   dashboard_output: "bg-fuchsia-100 text-fuchsia-700 dark:bg-fuchsia-500/20 dark:text-fuchsia-300",
-  group: "bg-slate-100 text-slate-700 dark:bg-slate-500/20 dark:text-slate-300"
+  group: "bg-slate-100 text-slate-700 dark:bg-slate-500/20 dark:text-slate-300",
+  audio_input: "bg-teal-100 text-teal-700 dark:bg-teal-500/20 dark:text-teal-300",
+  speech_transcriber: "bg-violet-100 text-violet-700 dark:bg-violet-500/20 dark:text-violet-300"
 };
 var LOGIC_NODE_BADGE_SOFT_COLORS = {
   start: "bg-green-50 text-green-600 dark:bg-green-500/20 dark:text-green-400",
@@ -423,7 +426,9 @@ var LOGIC_NODE_BADGE_SOFT_COLORS = {
   datasource: "bg-cyan-50 text-cyan-600 dark:bg-cyan-500/20 dark:text-cyan-400",
   model_provider: "bg-slate-50 text-slate-600 dark:bg-slate-500/20 dark:text-slate-400",
   dashboard_output: "bg-fuchsia-50 text-fuchsia-600 dark:bg-fuchsia-500/20 dark:text-fuchsia-400",
-  group: "bg-slate-50 text-slate-600 dark:bg-slate-500/20 dark:text-slate-400"
+  group: "bg-slate-50 text-slate-600 dark:bg-slate-500/20 dark:text-slate-400",
+  audio_input: "bg-teal-50 text-teal-600 dark:bg-teal-500/20 dark:text-teal-400",
+  speech_transcriber: "bg-violet-50 text-violet-600 dark:bg-violet-500/20 dark:text-violet-400"
 };
 var LOGIC_ICON_MAP = {
   start: outline.PlayIcon,
@@ -448,7 +453,9 @@ var LOGIC_ICON_MAP = {
   datasource: outline.ServerStackIcon,
   model_provider: outline.KeyIcon,
   dashboard_output: outline.ChartBarIcon,
-  group: outline.RectangleGroupIcon
+  group: outline.RectangleGroupIcon,
+  audio_input: outline.MicrophoneIcon,
+  speech_transcriber: outline.SpeakerWaveIcon
 };
 var EXPERIMENTAL_NODE_TYPES = /* @__PURE__ */ new Set([
   "document_extractor",
@@ -484,7 +491,9 @@ var NODE_BORDER_COLORS = {
   list_operator: "border-lime-300/50 dark:border-lime-600/50",
   note: "border-gray-200/50 dark:border-gray-700/50",
   datasource: "border-cyan-300/50 dark:border-cyan-600/50",
-  model_provider: "border-slate-300/50 dark:border-slate-600/50"
+  model_provider: "border-slate-300/50 dark:border-slate-600/50",
+  audio_input: "border-teal-300/50 dark:border-teal-600/50",
+  speech_transcriber: "border-violet-300/50 dark:border-violet-600/50"
 };
 function getNodeStateClass(selected, nodeType, customBorder) {
   if (selected) return NODE_SELECTED_CLASS;
@@ -574,7 +583,9 @@ var INSERTABLE_NODES = [
   { nodeType: "knowledge_base", nameKey: "knowledgeBaseNode", subcategory: "AI" },
   { nodeType: "answer", nameKey: "answerNode", subcategory: "AI" },
   { nodeType: "question_classifier", nameKey: "questionClassifierNode", subcategory: "AI" },
-  { nodeType: "parameter_extractor", nameKey: "parameterExtractorNode", subcategory: "AI" }
+  { nodeType: "parameter_extractor", nameKey: "parameterExtractorNode", subcategory: "AI" },
+  { nodeType: "audio_input", nameKey: "audioInputNode", subcategory: "AI" },
+  { nodeType: "speech_transcriber", nameKey: "speechTranscriberNode", subcategory: "AI" }
 ];
 function EdgeInsertPopupComponent({ position, onSelect, onClose }) {
   const tWorkflow = chunkYXN2K77G_js.useTranslations("agents.workflow");
@@ -1692,7 +1703,7 @@ function DatasourceNodeConfigForm({
   }
   const logo = getDatasourceLogo(selectedDatasourceId, selectedDatasource?.dialect);
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkI2NZGVBG_js.GlassModal,
+    chunkFSBR4RCK_js.GlassModal,
     {
       open,
       onClose: onCancel,
@@ -1707,8 +1718,8 @@ function DatasourceNodeConfigForm({
         onSectionChange: setActiveSectionId
       },
       footer: readOnly ? void 0 : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-end gap-2 px-6 py-3", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(chunkI2NZGVBG_js.Button, { outline: true, onClick: onCancel, children: t("cancel") }),
-        /* @__PURE__ */ jsxRuntime.jsx(chunkI2NZGVBG_js.Button, { color: "cyan", onClick: handleSave, disabled: !canSave, children: t("save") })
+        /* @__PURE__ */ jsxRuntime.jsx(chunkFSBR4RCK_js.Button, { outline: true, onClick: onCancel, children: t("cancel") }),
+        /* @__PURE__ */ jsxRuntime.jsx(chunkFSBR4RCK_js.Button, { color: "cyan", onClick: handleSave, disabled: !canSave, children: t("save") })
       ] }),
       children: renderSection()
     }
@@ -2046,7 +2057,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__ */ jsxRuntime.jsxs("svg", { className: "h-3 w-3 animate-spin", style: { color: accentColor }, viewBox: "0 0 24 24", fill: "none", children: [
+        children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }),
           /* @__PURE__ */ jsxRuntime.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" })
         ] })
@@ -2106,7 +2117,7 @@ var AgentFlowNode = react.memo(function AgentFlowNode2({ id, data, selected }) {
       /* @__PURE__ */ jsxRuntime.jsx(NodeCardMeta, { compact: isCompact, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center gap-1.5", children: [
         /* @__PURE__ */ jsxRuntime.jsx(NodeCardBadge, { className: "rounded-full bg-indigo-100 px-2 py-0.5 text-[10px] font-semibold text-indigo-700 dark:bg-indigo-500/20 dark:text-indigo-300", children: "Agent" }),
         (() => {
-          const tier = chunkC3H4FM4A_js.getAgentTier(Number(data.agent.elo ?? 0));
+          const tier = chunk72SWXOD5_js.getAgentTier(Number(data.agent.elo ?? 0));
           return /* @__PURE__ */ jsxRuntime.jsx(NodeCardBadge, { className: `rounded-full px-2 py-0.5 text-[10px] font-bold ${tier.pillColor}`, children: tier.key });
         })(),
         /* @__PURE__ */ jsxRuntime.jsxs(NodeCardBadge, { className: `inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-[10px] font-medium ${frameworkMeta.badgeColor}`, children: [
@@ -2215,7 +2226,7 @@ var AgentToolFlowNode = react.memo(function AgentToolFlowNode2({ id, data, selec
               event.stopPropagation();
             },
             children: /* @__PURE__ */ jsxRuntime.jsx(
-              chunkI2NZGVBG_js.ToggleSwitch,
+              chunkFSBR4RCK_js.ToggleSwitch,
               {
                 checked: Boolean(agentTool.enabled),
                 onChange: () => data.onToggle?.(agentTool),
@@ -2323,7 +2334,7 @@ var ToolFlowNode = react.memo(function ToolFlowNode2({ id, data, selected }) {
                   event.preventDefault();
                 },
                 children: /* @__PURE__ */ jsxRuntime.jsx(
-                  chunkI2NZGVBG_js.ToggleSwitch,
+                  chunkFSBR4RCK_js.ToggleSwitch,
                   {
                     checked: Boolean(tool.enabled),
                     onChange: () => onToggle(tool),
@@ -2475,7 +2486,7 @@ var RuleFlowNode = react.memo(function RuleFlowNode2({ id, data, selected }) {
                   event.preventDefault();
                 },
                 children: /* @__PURE__ */ jsxRuntime.jsx(
-                  chunkI2NZGVBG_js.ToggleSwitch,
+                  chunkFSBR4RCK_js.ToggleSwitch,
                   {
                     checked: Boolean(rule.enabled),
                     onChange: () => onToggle(rule),
@@ -3475,7 +3486,7 @@ var DatasourceFlowNode = react.memo(function DatasourceFlowNode2({ id, data, sel
             event.preventDefault();
           },
           children: /* @__PURE__ */ jsxRuntime.jsx(
-            chunkI2NZGVBG_js.ToggleSwitch,
+            chunkFSBR4RCK_js.ToggleSwitch,
             {
               checked: true,
               onChange: () => {
@@ -3531,92 +3542,6 @@ var DatasourceFlowNode = react.memo(function DatasourceFlowNode2({ id, data, sel
     /* @__PURE__ */ jsxRuntime.jsx(WorkflowHandle, { type: "source", position: react$1.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 = react.memo(function ModelProviderFlowNode2({ id, data, selected }) {
-  const config = data.config;
-  const isCompact = data.displayMode === "compact";
-  if (!config) {
-    return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(NodeRunningIndicator, { nodeId: id }),
-      /* @__PURE__ */ jsxRuntime.jsx(WorkflowHandle, { type: "target", position: react$1.Position.Left, id: "left-in", colorClass: "!bg-gray-400 dark:!bg-gray-500" }),
-      /* @__PURE__ */ jsxRuntime.jsx(WorkflowHandle, { type: "target", position: react$1.Position.Top, id: "top-in", colorClass: "!bg-gray-400 dark:!bg-gray-500" }),
-      /* @__PURE__ */ jsxRuntime.jsx(NodeCard, { variant: "error", nodeType: "model_provider", width: "w-[280px]", children: /* @__PURE__ */ jsxRuntime.jsx(
-        NodeCardHeader,
-        {
-          icon: /* @__PURE__ */ jsxRuntime.jsx(outline.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__ */ jsxRuntime.jsx(WorkflowHandle, { type: "source", position: react$1.Position.Right, id: "right-out", colorClass: "!bg-slate-500" }),
-      /* @__PURE__ */ jsxRuntime.jsx(WorkflowHandle, { type: "source", position: react$1.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__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(NodeRunningIndicator, { nodeId: id }),
-    /* @__PURE__ */ jsxRuntime.jsx(WorkflowHandle, { type: "target", position: react$1.Position.Left, id: "left-in", colorClass: "!bg-gray-400 dark:!bg-gray-500" }),
-    /* @__PURE__ */ jsxRuntime.jsx(WorkflowHandle, { type: "target", position: react$1.Position.Top, id: "top-in", colorClass: "!bg-gray-400 dark:!bg-gray-500" }),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      "button",
-      {
-        type: "button",
-        onClick: () => data.onEdit?.(id),
-        className: "w-full text-left",
-        children: /* @__PURE__ */ jsxRuntime.jsxs(NodeCard, { compact: isCompact, selected, nodeType: "model_provider", width: "w-[280px]", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            NodeCardHeader,
-            {
-              icon: logo ? /* @__PURE__ */ jsxRuntime.jsx("img", { src: logo, alt: providerLabel, className: "h-6 w-6 object-contain", loading: "lazy" }) : /* @__PURE__ */ jsxRuntime.jsx(outline.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__ */ jsxRuntime.jsx(NodeCardMeta, { compact: isCompact, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center gap-1.5", children: [
-            /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.jsx(WorkflowHandle, { type: "source", position: react$1.Position.Right, id: "right-out", colorClass: "!bg-slate-500" }),
-    /* @__PURE__ */ jsxRuntime.jsx(WorkflowHandle, { type: "source", position: react$1.Position.Bottom, id: "bottom-out", colorClass: "!bg-slate-500" })
-  ] });
-});
 var GROUP_COLORS = {
   indigo: {
     border: "border-indigo-300/50 dark:border-indigo-600/50",
@@ -3795,6 +3720,130 @@ var GroupFlowNode = react.memo(function GroupFlowNode2({ id, data, selected }) {
     /* @__PURE__ */ jsxRuntime.jsx(WorkflowHandle, { type: "source", position: react$1.Position.Right, id: "right-out", colorClass: "!bg-slate-500" })
   ] });
 });
+var AudioInputFlowNode = react.memo(function AudioInputFlowNode2({ id, data, selected }) {
+  const { config, label, onDelete, onEdit } = data;
+  const isCompact = data.displayMode === "compact";
+  const urlPreview = config.url ? config.url.slice(0, 32) : "";
+  const formatLabel = config.format && config.format.length > 0 ? config.format : "auto";
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(NodeRunningIndicator, { nodeId: id }),
+    /* @__PURE__ */ jsxRuntime.jsx(WorkflowHandle, { type: "target", position: react$1.Position.Left, id: "left-in", colorClass: "!bg-teal-500" }),
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      NodeInteractiveCard,
+      {
+        nodeId: id,
+        onEdit,
+        compact: isCompact,
+        selected,
+        nodeType: "audio_input",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            NodeCardHeader,
+            {
+              icon: /* @__PURE__ */ jsxRuntime.jsx(NodeIconBubble, { tone: "audio_input", children: /* @__PURE__ */ jsxRuntime.jsx(outline.MicrophoneIcon, { className: "h-5 w-5 text-white" }) }),
+              title: label,
+              description: "Validates an audio source URL for downstream voice nodes",
+              compact: isCompact,
+              iconClassName: ""
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsxs(NodeCardMeta, { compact: isCompact, children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(NodeCardBadge, { tone: "audio_input", children: "Audio Input" }),
+              /* @__PURE__ */ jsxRuntime.jsx(NodeCardBadge, { tone: "audio_input", soft: true, children: formatLabel }),
+              urlPreview && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate text-[10px] text-gray-400 dark:text-gray-500", children: urlPreview })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx(NodeCardDeleteAction, { nodeId: id, onDelete })
+          ] })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(WorkflowHandle, { type: "source", position: react$1.Position.Right, id: "right-out", colorClass: "!bg-teal-500" })
+  ] });
+});
+var SpeechTranscriberFlowNode = react.memo(function SpeechTranscriberFlowNode2({ id, data, selected }) {
+  const { config, label, onDelete, onEdit } = data;
+  const isCompact = data.displayMode === "compact";
+  const model = config.model && config.model.length > 0 ? config.model : "whisper-1";
+  const language = config.language && config.language.length > 0 ? config.language : "auto";
+  const audioRefPreview = config.audioUrl ? config.audioUrl.slice(0, 32) : "";
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(NodeRunningIndicator, { nodeId: id }),
+    /* @__PURE__ */ jsxRuntime.jsx(WorkflowHandle, { type: "target", position: react$1.Position.Left, id: "left-in", colorClass: "!bg-violet-500" }),
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      NodeInteractiveCard,
+      {
+        nodeId: id,
+        onEdit,
+        compact: isCompact,
+        selected,
+        nodeType: "speech_transcriber",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            NodeCardHeader,
+            {
+              icon: /* @__PURE__ */ jsxRuntime.jsx(NodeIconBubble, { tone: "speech_transcriber", children: /* @__PURE__ */ jsxRuntime.jsx(outline.SpeakerWaveIcon, { className: "h-5 w-5 text-white" }) }),
+              title: label,
+              description: "Transcribes audio via OpenAI Whisper-compatible endpoints",
+              compact: isCompact,
+              iconClassName: ""
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsxs(NodeCardMeta, { compact: isCompact, children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(NodeCardBadge, { tone: "speech_transcriber", children: "Whisper" }),
+              /* @__PURE__ */ jsxRuntime.jsx(NodeCardBadge, { tone: "speech_transcriber", soft: true, children: model }),
+              /* @__PURE__ */ jsxRuntime.jsx(NodeCardBadge, { tone: "speech_transcriber", soft: true, children: language }),
+              audioRefPreview && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate text-[10px] text-gray-400 dark:text-gray-500", children: audioRefPreview })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx(NodeCardDeleteAction, { nodeId: id, onDelete })
+          ] })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(WorkflowHandle, { type: "source", position: react$1.Position.Right, id: "right-out", colorClass: "!bg-violet-500" })
+  ] });
+});
+var DashboardOutputFlowNode = react.memo(function DashboardOutputFlowNode2({ id, data, selected }) {
+  const t = chunkYXN2K77G_js.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__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(NodeRunningIndicator, { nodeId: id }),
+    /* @__PURE__ */ jsxRuntime.jsx(WorkflowHandle, { type: "target", position: react$1.Position.Left, id: "left-in", colorClass: "!bg-fuchsia-500" }),
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      NodeInteractiveCard,
+      {
+        nodeId: id,
+        onEdit,
+        compact: isCompact,
+        selected,
+        nodeType: "dashboard_output",
+        width: "w-[260px]",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            NodeCardHeader,
+            {
+              icon: /* @__PURE__ */ jsxRuntime.jsx(NodeIconBubble, { tone: "dashboard_output", children: /* @__PURE__ */ jsxRuntime.jsx(outline.ChartBarIcon, { className: "h-5 w-5 text-white" }) }),
+              title: label,
+              description: t("dashboardOutputNodeDescription"),
+              compact: isCompact,
+              iconClassName: ""
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsxs(NodeCardMeta, { compact: isCompact, children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(NodeCardBadge, { tone: "dashboard_output", children: t("dashboardOutputNode") }),
+              /* @__PURE__ */ jsxRuntime.jsx(NodeCardBadge, { tone: "dashboard_output", soft: true, children: source })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx(NodeCardDeleteAction, { nodeId: id, onDelete })
+          ] })
+        ]
+      }
+    )
+  ] });
+});
 function ConfigFormActions({
   cancelLabel,
   saveLabel,
@@ -3803,8 +3852,8 @@ function ConfigFormActions({
   saveDisabled = false
 }) {
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-end gap-2 border-t border-gray-200 pt-4 dark:border-gray-700", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(chunkI2NZGVBG_js.Button, { type: "button", outline: true, onClick: onCancel, children: cancelLabel }),
-    /* @__PURE__ */ jsxRuntime.jsx(chunkI2NZGVBG_js.Button, { type: "button", onClick: onSave, disabled: saveDisabled, children: saveLabel })
+    /* @__PURE__ */ jsxRuntime.jsx(chunkFSBR4RCK_js.Button, { type: "button", outline: true, onClick: onCancel, children: cancelLabel }),
+    /* @__PURE__ */ jsxRuntime.jsx(chunkFSBR4RCK_js.Button, { type: "button", onClick: onSave, disabled: saveDisabled, children: saveLabel })
   ] });
 }
 var COLOR_CLASSES = {
@@ -4051,7 +4100,7 @@ function IfElseNodeConfigForm({ config, onSave, onCancel }) {
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-3 flex items-center justify-between", children: [
         /* @__PURE__ */ jsxRuntime.jsx("label", { className: "text-sm font-medium text-gray-700 dark:text-gray-300", children: t("conditionsLabel") }),
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkI2NZGVBG_js.Button,
+          chunkFSBR4RCK_js.Button,
           {
             type: "button",
             onClick: handleAddCondition,
@@ -4062,7 +4111,7 @@ function IfElseNodeConfigForm({ config, onSave, onCancel }) {
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-3", children: conditions.map((condition, index) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-2 rounded-lg border border-gray-200 bg-gray-50 p-3 dark:border-gray-700 dark:bg-gray-800/50", children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid flex-1 grid-cols-3 gap-2", children: [
           /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx(
-            chunkI2NZGVBG_js.FormInput,
+            chunkFSBR4RCK_js.FormInput,
             {
               type: "text",
               label: t("variableLabel"),
@@ -4073,7 +4122,7 @@ function IfElseNodeConfigForm({ config, onSave, onCancel }) {
             }
           ) }),
           /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx(
-            chunkI2NZGVBG_js.FormSelect,
+            chunkFSBR4RCK_js.FormSelect,
             {
               label: t("operatorLabel"),
               value: condition.operator,
@@ -4083,7 +4132,7 @@ function IfElseNodeConfigForm({ config, onSave, onCancel }) {
             }
           ) }),
           /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx(
-            chunkI2NZGVBG_js.FormInput,
+            chunkFSBR4RCK_js.FormInput,
             {
               type: "text",
               label: t("valueLabel"),
@@ -4095,7 +4144,7 @@ function IfElseNodeConfigForm({ config, onSave, onCancel }) {
           ) })
         ] }),
         conditions.length > 1 && /* @__PURE__ */ jsxRuntime.jsx(
-          chunkI2NZGVBG_js.IconButton,
+          chunkFSBR4RCK_js.IconButton,
           {
             onClick: () => handleRemoveCondition(index),
             icon: /* @__PURE__ */ jsxRuntime.jsx(outline.TrashIcon, { className: "h-4 w-4" }),
@@ -4467,7 +4516,7 @@ function HttpRequestNodeConfigForm({ config, onSave, onCancel }) {
   };
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkI2NZGVBG_js.FormSelect,
+      chunkFSBR4RCK_js.FormSelect,
       {
         label: t("methodLabel"),
         value: method,
@@ -4476,7 +4525,7 @@ function HttpRequestNodeConfigForm({ config, onSave, onCancel }) {
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkI2NZGVBG_js.FormInput,
+      chunkFSBR4RCK_js.FormInput,
       {
         type: "text",
         label: t("urlLabel"),
@@ -4489,7 +4538,7 @@ function HttpRequestNodeConfigForm({ config, onSave, onCancel }) {
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-2 flex items-center justify-between", children: [
         /* @__PURE__ */ jsxRuntime.jsx("label", { className: "text-sm font-medium text-gray-700 dark:text-gray-300", children: t("headersLabel") }),
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkI2NZGVBG_js.Button,
+          chunkFSBR4RCK_js.Button,
           {
             type: "button",
             onClick: handleAddHeader,
@@ -4499,7 +4548,7 @@ function HttpRequestNodeConfigForm({ config, onSave, onCancel }) {
       ] }),
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-2", children: headerEntries.map((entry, index) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkI2NZGVBG_js.FormInput,
+          chunkFSBR4RCK_js.FormInput,
           {
             type: "text",
             value: entry.key,
@@ -4509,7 +4558,7 @@ function HttpRequestNodeConfigForm({ config, onSave, onCancel }) {
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkI2NZGVBG_js.FormInput,
+          chunkFSBR4RCK_js.FormInput,
           {
             type: "text",
             value: entry.value,
@@ -4519,7 +4568,7 @@ function HttpRequestNodeConfigForm({ config, onSave, onCancel }) {
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkI2NZGVBG_js.IconButton,
+          chunkFSBR4RCK_js.IconButton,
           {
             onClick: () => handleRemoveHeader(index),
             icon: /* @__PURE__ */ jsxRuntime.jsx(outline.TrashIcon, { className: "h-4 w-4" }),
@@ -4531,7 +4580,7 @@ function HttpRequestNodeConfigForm({ config, onSave, onCancel }) {
       ] }, index)) })
     ] }),
     method !== "GET" && /* @__PURE__ */ jsxRuntime.jsx(
-      chunkI2NZGVBG_js.FormTextarea,
+      chunkFSBR4RCK_js.FormTextarea,
       {
         label: t("bodyLabel"),
         value: body,
@@ -4542,7 +4591,7 @@ function HttpRequestNodeConfigForm({ config, onSave, onCancel }) {
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkI2NZGVBG_js.FormInput,
+      chunkFSBR4RCK_js.FormInput,
       {
         type: "number",
         label: t("timeoutLabel"),
@@ -4554,7 +4603,7 @@ function HttpRequestNodeConfigForm({ config, onSave, onCancel }) {
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkI2NZGVBG_js.FormSelect,
+      chunkFSBR4RCK_js.FormSelect,
       {
         label: t("parseResponseLabel"),
         value: parseResponse,
@@ -4599,7 +4648,7 @@ function S3WriteNodeConfigForm({ config, onSave, onCancel }) {
   };
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkI2NZGVBG_js.FormInput,
+      chunkFSBR4RCK_js.FormInput,
       {
         type: "text",
         label: t("bucketLabel"),
@@ -4609,7 +4658,7 @@ function S3WriteNodeConfigForm({ config, onSave, onCancel }) {
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkI2NZGVBG_js.FormInput,
+      chunkFSBR4RCK_js.FormInput,
       {
         type: "text",
         label: t("keyLabel"),
@@ -4620,7 +4669,7 @@ function S3WriteNodeConfigForm({ config, onSave, onCancel }) {
     ),
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-lg border border-cyan-200/40 bg-cyan-50/40 px-3 py-2 text-[11px] text-cyan-900 dark:border-cyan-500/30 dark:bg-cyan-500/10 dark:text-cyan-100", children: t("sourceOrBodyHint") }),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkI2NZGVBG_js.FormInput,
+      chunkFSBR4RCK_js.FormInput,
       {
         type: "text",
         label: t("sourceUrlLabel"),
@@ -4630,7 +4679,7 @@ function S3WriteNodeConfigForm({ config, onSave, onCancel }) {
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkI2NZGVBG_js.FormTextarea,
+      chunkFSBR4RCK_js.FormTextarea,
       {
         label: t("bodyLabel"),
         value: body,
@@ -4641,7 +4690,7 @@ function S3WriteNodeConfigForm({ config, onSave, onCancel }) {
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkI2NZGVBG_js.FormInput,
+      chunkFSBR4RCK_js.FormInput,
       {
         type: "text",
         label: t("contentTypeLabel"),
@@ -4651,7 +4700,7 @@ function S3WriteNodeConfigForm({ config, onSave, onCancel }) {
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkI2NZGVBG_js.FormInput,
+      chunkFSBR4RCK_js.FormInput,
       {
         type: "number",
         label: t("timeoutLabel"),
@@ -4662,7 +4711,7 @@ function S3WriteNodeConfigForm({ config, onSave, onCancel }) {
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkI2NZGVBG_js.FormInput,
+      chunkFSBR4RCK_js.FormInput,
       {
         type: "text",
         label: t("connectionIdLabel"),
@@ -4691,7 +4740,7 @@ function TemplateTransformNodeConfigForm({ config, onSave, onCancel }) {
   };
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkI2NZGVBG_js.FormTextarea,
+      chunkFSBR4RCK_js.FormTextarea,
       {
         label: t("templateLabel"),
         value: template,
@@ -4702,7 +4751,7 @@ function TemplateTransformNodeConfigForm({ config, onSave, onCancel }) {
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkI2NZGVBG_js.FormInput,
+      chunkFSBR4RCK_js.FormInput,
       {
         type: "text",
         label: t("outputVariableLabel"),
@@ -4731,7 +4780,7 @@ function IterationNodeConfigForm({ config, onSave, onCancel }) {
   };
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkI2NZGVBG_js.FormInput,
+      chunkFSBR4RCK_js.FormInput,
       {
         type: "text",
         label: t("iteratorVariableLabel"),
@@ -4741,7 +4790,7 @@ function IterationNodeConfigForm({ config, onSave, onCancel }) {
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkI2NZGVBG_js.FormInput,
+      chunkFSBR4RCK_js.FormInput,
       {
         type: "number",
         label: t("maxIterationsLabel"),
@@ -4772,7 +4821,7 @@ function KnowledgeBaseNodeConfigForm({ config, onSave, onCancel }) {
   };
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkI2NZGVBG_js.FormInput,
+      chunkFSBR4RCK_js.FormInput,
       {
         type: "text",
         label: t("sourceIdLabel"),
@@ -4782,7 +4831,7 @@ function KnowledgeBaseNodeConfigForm({ config, onSave, onCancel }) {
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkI2NZGVBG_js.FormInput,
+      chunkFSBR4RCK_js.FormInput,
       {
         type: "number",
         label: t("topKLabel"),
@@ -4793,7 +4842,7 @@ function KnowledgeBaseNodeConfigForm({ config, onSave, onCancel }) {
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkI2NZGVBG_js.FormInput,
+      chunkFSBR4RCK_js.FormInput,
       {
         type: "number",
         label: t("similarityThresholdLabel"),
@@ -4824,7 +4873,7 @@ function AnswerNodeConfigForm({ config, onSave, onCancel }) {
   };
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkI2NZGVBG_js.FormTextarea,
+      chunkFSBR4RCK_js.FormTextarea,
       {
         label: t("outputTemplateLabel"),
         hint: t("outputTemplateHelp"),
@@ -5258,7 +5307,7 @@ function VariableAggregatorNodeConfigForm({ config, onSave, onCancel }) {
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkI2NZGVBG_js.FormInput,
+      chunkFSBR4RCK_js.FormInput,
       {
         type: "text",
         label: t("outputVariableLabel"),
@@ -5268,7 +5317,7 @@ function VariableAggregatorNodeConfigForm({ config, onSave, onCancel }) {
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkI2NZGVBG_js.FormSelect,
+      chunkFSBR4RCK_js.FormSelect,
       {
         label: t("aggregationModeLabel"),
         value: aggregationMode,
@@ -5301,7 +5350,7 @@ function DocumentExtractorNodeConfigForm({ config, onSave, onCancel }) {
   };
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkI2NZGVBG_js.FormSelect,
+      chunkFSBR4RCK_js.FormSelect,
       {
         label: t("extractionModeLabel"),
         value: extractionMode,
@@ -5310,7 +5359,7 @@ function DocumentExtractorNodeConfigForm({ config, onSave, onCancel }) {
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkI2NZGVBG_js.FormInput,
+      chunkFSBR4RCK_js.FormInput,
       {
         type: "text",
         label: t("outputVariableLabel"),
@@ -5487,7 +5536,7 @@ function IterationStartNodeConfigForm({ config, onSave, onCancel }) {
   };
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkI2NZGVBG_js.FormInput,
+      chunkFSBR4RCK_js.FormInput,
       {
         type: "text",
         label: t("iteratorVariableLabel"),
@@ -5497,7 +5546,7 @@ function IterationStartNodeConfigForm({ config, onSave, onCancel }) {
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkI2NZGVBG_js.FormInput,
+      chunkFSBR4RCK_js.FormInput,
       {
         type: "text",
         label: t("itemVariableLabel"),
@@ -5507,7 +5556,7 @@ function IterationStartNodeConfigForm({ config, onSave, onCancel }) {
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkI2NZGVBG_js.FormInput,
+      chunkFSBR4RCK_js.FormInput,
       {
         type: "text",
         label: t("indexVariableLabel"),
@@ -5779,7 +5828,7 @@ function GroupNodeConfigForm({ config, onSave, onCancel }) {
   };
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkI2NZGVBG_js.FormInput,
+      chunkFSBR4RCK_js.FormInput,
       {
         type: "text",
         label: translations("labelField"),
@@ -5789,7 +5838,7 @@ function GroupNodeConfigForm({ config, onSave, onCancel }) {
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkI2NZGVBG_js.FormTextarea,
+      chunkFSBR4RCK_js.FormTextarea,
       {
         label: translations("descriptionField"),
         value: description,
@@ -5823,215 +5872,6 @@ function GroupNodeConfigForm({ config, onSave, onCancel }) {
     )
   ] });
 }
-var catalogCache = null;
-var catalogPromise = null;
-async function loadCatalog() {
-  if (catalogCache) return catalogCache;
-  if (!catalogPromise) {
-    catalogPromise = chunkF54Q2YJY_js.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 = chunkYXN2K77G_js.useTranslations("agents.workflow.modelProviderNodeConfig");
-  const [catalog, setCatalog] = react.useState(catalogCache);
-  const [catalogError, setCatalogError] = react.useState(null);
-  const [providerType, setProviderType] = react.useState(config.providerType);
-  const [name, setName] = react.useState(config.name ?? "");
-  const [region, setRegion] = react.useState(config.region ?? "");
-  const [endpoint, setEndpoint] = react.useState(config.endpoint ?? "");
-  const [credentialRef, setCredentialRef] = react.useState(config.credentialRef ?? "");
-  const [apiKeyRef, setApiKeyRef] = react.useState(config.apiKeyRef ?? "");
-  const [selectedFamilies, setSelectedFamilies] = react.useState(/* @__PURE__ */ new Set());
-  react.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 = react.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";
-  react.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__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
-      /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
-        ConfigFormActions,
-        {
-          cancelLabel: t("cancel"),
-          saveLabel: t("save"),
-          onCancel,
-          onSave: handleSave,
-          saveDisabled: true
-        }
-      )
-    ] });
-  }
-  if (!catalog) {
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-4 h-32" });
-  }
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      chunkI2NZGVBG_js.FormInput,
-      {
-        type: "text",
-        label: t("nameLabel"),
-        value: name,
-        onValueChange: setName,
-        placeholder: t("namePlaceholder")
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      chunkI2NZGVBG_js.FormSelect,
-      {
-        label: t("providerTypeLabel"),
-        value: providerType,
-        onValueChange: handleProviderChange,
-        options: catalog.filter((entry) => entry.enabled).map((entry) => ({ value: entry.slug, label: entry.name }))
-      }
-    ),
-    showRegion && /* @__PURE__ */ jsxRuntime.jsx(
-      chunkI2NZGVBG_js.FormSelect,
-      {
-        label: t("regionLabel"),
-        value: region,
-        onValueChange: setRegion,
-        options: [
-          { value: "", label: t("selectRegion") },
-          ...regions.map((value) => ({ value, label: value }))
-        ]
-      }
-    ),
-    showEndpoint && /* @__PURE__ */ jsxRuntime.jsx(
-      chunkI2NZGVBG_js.FormInput,
-      {
-        type: "text",
-        label: t("endpointLabel"),
-        value: endpoint,
-        onValueChange: setEndpoint,
-        placeholder: providerType === "ollama" ? "http://localhost:11434" : t("endpointPlaceholder")
-      }
-    ),
-    showApiKey && /* @__PURE__ */ jsxRuntime.jsx(
-      chunkI2NZGVBG_js.FormInput,
-      {
-        type: "password",
-        label: t("apiKeyLabel"),
-        value: apiKeyRef,
-        onValueChange: setApiKeyRef,
-        placeholder: t("apiKeyPlaceholder")
-      }
-    ),
-    showCredentialRef && /* @__PURE__ */ jsxRuntime.jsx(
-      chunkI2NZGVBG_js.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__ */ jsxRuntime.jsxs("div", { children: [
-      /* @__PURE__ */ jsxRuntime.jsx("label", { className: "mb-2 block text-sm font-medium text-gray-700 dark:text-gray-300", children: t("modelFamiliesLabel") }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-1.5", children: families.map((family) => {
-        const isSelected = selectedFamilies.has(family.id);
-        return /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.jsx("svg", { className: "h-3 w-3", viewBox: "0 0 20 20", fill: "currentColor", children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1", children: [
-                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-medium text-gray-900 dark:text-white", children: family.name }),
-                /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "ml-2 text-[10px] text-gray-400 dark:text-gray-500", children: [
-                  family.modelIds.length,
-                  " models"
-                ] })
-              ] })
-            ]
-          },
-          family.id
-        );
-      }) })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      ConfigFormActions,
-      {
-        cancelLabel: t("cancel"),
-        saveLabel: t("save"),
-        onCancel,
-        onSave: handleSave,
-        saveDisabled: !providerType
-      }
-    )
-  ] });
-}
 function RuleNodeConfigForm({ config, onSave, onCancel, availableRules }) {
   const t = chunkYXN2K77G_js.useTranslations("agents.workflow.ruleNodeConfig");
   const [ruleId, setRuleId] = react.useState(config.ruleId ?? "");
@@ -6056,7 +5896,7 @@ function RuleNodeConfigForm({ config, onSave, onCancel, availableRules }) {
           ]
         }
       ) : /* @__PURE__ */ jsxRuntime.jsx(
-        chunkI2NZGVBG_js.FormInput,
+        chunkFSBR4RCK_js.FormInput,
         {
           type: "text",
           value: ruleId,
@@ -6072,7 +5912,7 @@ function RuleNodeConfigForm({ config, onSave, onCancel, availableRules }) {
     ] }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-3", children: [
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkI2NZGVBG_js.FormInput,
+        chunkFSBR4RCK_js.FormInput,
         {
           type: "number",
           label: t("priorityLabel", { _: "Priority" }),
@@ -6144,7 +5984,7 @@ function AgentNodeConfigForm({
   }));
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
     agentOptions.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx(
-      chunkI2NZGVBG_js.FormSelect,
+      chunkFSBR4RCK_js.FormSelect,
       {
         label: t("agentLabel", { _: "Agent" }),
         value: agentId,
@@ -6152,7 +5992,7 @@ function AgentNodeConfigForm({
         options: [{ value: "", label: t("agentPickPrompt", { _: "Choose an agent\u2026" }) }, ...agentOptions]
       }
     ) : /* @__PURE__ */ jsxRuntime.jsx(
-      chunkI2NZGVBG_js.FormInput,
+      chunkFSBR4RCK_js.FormInput,
       {
         type: "text",
         label: t("agentIdLabel", { _: "Agent ID" }),
@@ -6162,7 +6002,7 @@ function AgentNodeConfigForm({
       }
     ),
     connOptions.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx(
-      chunkI2NZGVBG_js.FormSelect,
+      chunkFSBR4RCK_js.FormSelect,
       {
         label: t("connectionLabel", { _: "Model provider connection" }),
         value: connectionId,
@@ -6170,7 +6010,7 @@ function AgentNodeConfigForm({
         options: [{ value: "", label: t("connectionPickPrompt", { _: "Inline model (no connection)" }) }, ...connOptions]
       }
     ) : /* @__PURE__ */ jsxRuntime.jsx(
-      chunkI2NZGVBG_js.FormInput,
+      chunkFSBR4RCK_js.FormInput,
       {
         type: "text",
         label: t("connectionIdLabel", { _: "Connection ID" }),
@@ -6180,7 +6020,7 @@ function AgentNodeConfigForm({
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkI2NZGVBG_js.FormInput,
+      chunkFSBR4RCK_js.FormInput,
       {
         type: "text",
         label: t("modelIdLabel", { _: "Model override (optional)" }),
@@ -6190,7 +6030,7 @@ function AgentNodeConfigForm({
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkI2NZGVBG_js.FormTextarea,
+      chunkFSBR4RCK_js.FormTextarea,
       {
         label: t("systemPromptLabel", { _: "System prompt" }),
         value: systemPrompt,
@@ -6200,7 +6040,7 @@ function AgentNodeConfigForm({
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkI2NZGVBG_js.FormTextarea,
+      chunkFSBR4RCK_js.FormTextarea,
       {
         label: t("userPromptLabel", { _: "User prompt" }),
         value: userPrompt,
@@ -6211,7 +6051,7 @@ function AgentNodeConfigForm({
     ),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-3", children: [
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkI2NZGVBG_js.FormInput,
+        chunkFSBR4RCK_js.FormInput,
         {
           type: "number",
           label: t("maxTokensLabel", { _: "Max output tokens" }),
@@ -6223,7 +6063,7 @@ function AgentNodeConfigForm({
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkI2NZGVBG_js.FormInput,
+        chunkFSBR4RCK_js.FormInput,
         {
           type: "number",
           label: t("temperatureLabel", { _: "Temperature" }),
@@ -6246,6 +6086,247 @@ function AgentNodeConfigForm({
     )
   ] });
 }
+var AUDIO_FORMATS = ["auto", "mp3", "wav", "m4a", "webm", "ogg", "flac", "mp4", "mpga"];
+function AudioInputNodeConfigForm({ config, onSave, onCancel }) {
+  const t = chunkYXN2K77G_js.useTranslations("agents.workflow.audioInputNodeConfig");
+  const [url, setUrl] = react.useState(config.url ?? "");
+  const [format, setFormat] = react.useState(config.format && config.format.length > 0 ? config.format : "auto");
+  const handleSave = () => {
+    onSave({
+      ...config,
+      url,
+      format: format === "auto" ? void 0 : format
+    });
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      chunkFSBR4RCK_js.FormInput,
+      {
+        type: "text",
+        label: t("urlLabel"),
+        value: url,
+        onValueChange: setUrl,
+        placeholder: t("urlPlaceholder")
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      chunkFSBR4RCK_js.FormSelect,
+      {
+        label: t("formatLabel"),
+        value: format,
+        onValueChange: setFormat,
+        options: AUDIO_FORMATS.map((option) => ({ value: option, label: option }))
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      ConfigFormActions,
+      {
+        cancelLabel: t("cancel"),
+        saveLabel: t("save"),
+        onCancel,
+        onSave: handleSave
+      }
+    )
+  ] });
+}
+var RESPONSE_FORMATS = [
+  "verbose_json",
+  "json",
+  "text"
+];
+function SpeechTranscriberNodeConfigForm({ config, onSave, onCancel }) {
+  const t = chunkYXN2K77G_js.useTranslations("agents.workflow.speechTranscriberNodeConfig");
+  const [audioUrl, setAudioUrl] = react.useState(config.audioUrl ?? "");
+  const [model, setModel] = react.useState(config.model ?? "whisper-1");
+  const [language, setLanguage] = react.useState(config.language ?? "");
+  const [prompt, setPrompt] = react.useState(config.prompt ?? "");
+  const [responseFormat, setResponseFormat] = react.useState(
+    config.responseFormat ?? "verbose_json"
+  );
+  const [endpoint, setEndpoint] = react.useState(config.endpoint ?? "");
+  const [timeoutMs, setTimeoutMs] = react.useState(config.timeoutMs ?? 12e4);
+  const handleSave = () => {
+    onSave({
+      ...config,
+      audioUrl,
+      model: model.trim() || void 0,
+      language: language.trim() || void 0,
+      prompt: prompt.trim() || void 0,
+      responseFormat,
+      endpoint: endpoint.trim() || void 0,
+      timeoutMs
+    });
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      chunkFSBR4RCK_js.FormInput,
+      {
+        type: "text",
+        label: t("audioUrlLabel"),
+        value: audioUrl,
+        onValueChange: setAudioUrl,
+        placeholder: t("audioUrlPlaceholder")
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      chunkFSBR4RCK_js.FormInput,
+      {
+        type: "text",
+        label: t("modelLabel"),
+        value: model,
+        onValueChange: setModel,
+        placeholder: "whisper-1"
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      chunkFSBR4RCK_js.FormInput,
+      {
+        type: "text",
+        label: t("languageLabel"),
+        value: language,
+        onValueChange: setLanguage,
+        placeholder: t("languagePlaceholder")
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      chunkFSBR4RCK_js.FormTextarea,
+      {
+        label: t("promptLabel"),
+        value: prompt,
+        onValueChange: setPrompt,
+        placeholder: t("promptPlaceholder"),
+        rows: 3
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      chunkFSBR4RCK_js.FormSelect,
+      {
+        label: t("responseFormatLabel"),
+        value: responseFormat,
+        onValueChange: (value) => setResponseFormat(value),
+        options: RESPONSE_FORMATS.map((value) => ({ value, label: value }))
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      chunkFSBR4RCK_js.FormInput,
+      {
+        type: "text",
+        label: t("endpointLabel"),
+        value: endpoint,
+        onValueChange: setEndpoint,
+        placeholder: t("endpointPlaceholder")
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      chunkFSBR4RCK_js.FormInput,
+      {
+        type: "number",
+        label: t("timeoutLabel"),
+        value: String(timeoutMs),
+        onValueChange: (value) => setTimeoutMs(Number(value)),
+        min: 1e3,
+        max: 6e5,
+        step: 1e3
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      ConfigFormActions,
+      {
+        cancelLabel: t("cancel"),
+        saveLabel: t("save"),
+        onCancel,
+        onSave: handleSave
+      }
+    )
+  ] });
+}
+function DashboardOutputNodeConfigForm({ config, onSave, onCancel }) {
+  const t = chunkYXN2K77G_js.useTranslations("agents.workflow.dashboardOutputNodeConfig");
+  const initialMode = config.dashboard ? "inline" : "reference";
+  const [mode, setMode] = react.useState(initialMode);
+  const [dashboardFrom, setDashboardFrom] = react.useState(config.dashboardFrom ?? "");
+  const [inlineJson, setInlineJson] = react.useState(
+    config.dashboard ? JSON.stringify(config.dashboard, null, 2) : ""
+  );
+  const [parseError, setParseError] = react.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__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-gray-500 dark:text-gray-400", children: t("description") }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-2", children: [
+      /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("div", { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("label", { className: "mb-1 block text-xs font-medium text-gray-700 dark:text-gray-300", children: t("referenceLabel") }),
+      /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("p", { className: "mt-1 text-[10px] text-gray-500 dark:text-gray-400", children: t("referenceHelp") })
+    ] }) : /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("label", { className: "mb-1 block text-xs font-medium text-gray-700 dark:text-gray-300", children: t("inlineLabel") }),
+      /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("p", { className: "mt-1 text-[10px] font-medium text-red-600 dark:text-red-400", children: [
+        t("parseError"),
+        ": ",
+        parseError
+      ] }) : /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-[10px] text-gray-500 dark:text-gray-400", children: t("inlineHelp") })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      ConfigFormActions,
+      {
+        cancelLabel: t("cancel"),
+        saveLabel: t("save"),
+        onCancel,
+        onSave: handleSave
+      }
+    )
+  ] });
+}
 var NODE_TITLE_KEYS = {
   start: "startNodeConfig",
   end: "endNodeConfig",
@@ -6267,9 +6348,11 @@ var NODE_TITLE_KEYS = {
   entity: "entityNodeConfig",
   datasource: "datasourceNodeConfig",
   group: "groupNodeConfig",
-  model_provider: "modelProviderNodeConfig",
   rule: "ruleNodeConfig",
-  agent: "agentNodeConfig"
+  agent: "agentNodeConfig",
+  audio_input: "audioInputNodeConfig",
+  speech_transcriber: "speechTranscriberNodeConfig",
+  dashboard_output: "dashboardOutputNodeConfig"
 };
 function LogicNodeModal({ onSave, entities = [], datasources = [], onLoadTables, onLoadSchema }) {
   const t = chunkYXN2K77G_js.useTranslations("agents.workflow");
@@ -6330,19 +6413,27 @@ function LogicNodeModal({ onSave, entities = [], datasources = [], onLoadTables,
         return /* @__PURE__ */ jsxRuntime.jsx(EntityNodeConfigForm, { config, entities, onSave: handleSave, onCancel: closeModal });
       case "group":
         return /* @__PURE__ */ jsxRuntime.jsx(GroupNodeConfigForm, { config, onSave: handleSave, onCancel: closeModal });
-      case "model_provider":
-        return /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(RuleNodeConfigForm, { config, onSave: handleSave, onCancel: closeModal });
       case "agent":
         return /* @__PURE__ */ jsxRuntime.jsx(AgentNodeConfigForm, { config, onSave: handleSave, onCancel: closeModal });
+      case "audio_input":
+        return /* @__PURE__ */ jsxRuntime.jsx(AudioInputNodeConfigForm, { config, onSave: handleSave, onCancel: closeModal });
+      case "speech_transcriber":
+        return /* @__PURE__ */ jsxRuntime.jsx(SpeechTranscriberNodeConfigForm, { config, onSave: handleSave, onCancel: closeModal });
+      case "dashboard_output":
+        return /* @__PURE__ */ jsxRuntime.jsx(DashboardOutputNodeConfigForm, { config, onSave: handleSave, onCancel: closeModal });
       default:
         return null;
     }
   };
   const isExperimental = isExperimentalNodeType(config.type);
   return /* @__PURE__ */ jsxRuntime.jsxs(
-    chunkI2NZGVBG_js.GlassModal,
+    chunkFSBR4RCK_js.GlassModal,
     {
       open,
       onClose: closeModal,
@@ -6413,7 +6504,7 @@ function NodeContextMenu({ position, targetId, onClose, onEdit, onDuplicate, onC
     }
   ];
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkI2NZGVBG_js.ContextMenu,
+    chunkFSBR4RCK_js.ContextMenu,
     {
       position,
       onClose,
@@ -6470,7 +6561,7 @@ function PanelContextMenu({ position, onClose, onPaste, onSelectAll, onFitView,
     }
   ];
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkI2NZGVBG_js.ContextMenu,
+    chunkFSBR4RCK_js.ContextMenu,
     {
       position,
       onClose,
@@ -6617,7 +6708,7 @@ function SelectionContextMenu({
     }
   ];
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkI2NZGVBG_js.ContextMenu,
+    chunkFSBR4RCK_js.ContextMenu,
     {
       position,
       onClose,
@@ -6718,8 +6809,14 @@ var BUILT_IN_NODE_TYPES = {
   iteration_start: IterationStartFlowNode,
   note: NoteFlowNode,
   datasource: DatasourceFlowNode,
-  model_provider: ModelProviderFlowNode,
-  group: GroupFlowNode
+  // 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,
+  dashboard_output: DashboardOutputFlowNode
 };
 var ALL_LOGIC_NODE_TYPES = [
   "start",
@@ -6744,8 +6841,10 @@ var ALL_LOGIC_NODE_TYPES = [
   "rule",
   "entity",
   "datasource",
-  "model_provider",
-  "group"
+  "group",
+  "audio_input",
+  "speech_transcriber",
+  "dashboard_output"
 ];
 function isLogicNodeType(nodeType) {
   return ALL_LOGIC_NODE_TYPES.includes(nodeType);
@@ -6769,6 +6868,7 @@ var AUTO_SAVE_DEBOUNCE_MS = 2e3;
 function WorkflowCanvasInner({
   agents,
   models,
+  modelProviders = [],
   tools,
   agentTools = [],
   rules,
@@ -6803,7 +6903,9 @@ function WorkflowCanvasInner({
       openAgentModalAction(
         { agentId: "", name: "", order: 0, enabled: true, temperature: 0.7, maxTokens: 4096 },
         models,
-        true
+        true,
+        agentTools,
+        modelProviders
       );
     }
   }, [isCreatingAgent]);
@@ -6950,7 +7052,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
               }
@@ -7083,7 +7185,7 @@ function WorkflowCanvasInner({
           };
         }
         if (isLogicNodeType(savedNode.type)) {
-          const config = savedNode.data.config ?? chunkC3H4FM4A_js.createDefaultLogicNodeConfig(savedNode.type);
+          const config = savedNode.data.config ?? chunk72SWXOD5_js.createDefaultLogicNodeConfig(savedNode.type);
           if (config) {
             const baseNode = {
               id: savedNode.id,
@@ -7262,7 +7364,7 @@ function WorkflowCanvasInner({
       }
       storeTakeSnapshot();
       const isTB = direction === "TB";
-      const repositionedNodes = chunkC3H4FM4A_js.applyDagreLayout(nodes, edges, direction).map((node) => ({
+      const repositionedNodes = chunk72SWXOD5_js.applyDagreLayout(nodes, edges, direction).map((node) => ({
         ...node,
         sourcePosition: isTB ? react$1.Position.Bottom : react$1.Position.Right,
         targetPosition: isTB ? react$1.Position.Top : react$1.Position.Left
@@ -7333,7 +7435,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;
@@ -7391,7 +7493,7 @@ function WorkflowCanvasInner({
   }, [storePaste]);
   const contextMenuAddNote = react.useCallback((flowPosition) => {
     storeTakeSnapshot();
-    const noteConfig = chunkC3H4FM4A_js.createDefaultLogicNodeConfig("note");
+    const noteConfig = chunk72SWXOD5_js.createDefaultLogicNodeConfig("note");
     const noteNode = {
       id: crypto.randomUUID(),
       type: "note",
@@ -7832,7 +7934,7 @@ function WorkflowCanvasInner({
             selected: false,
             onSelect: () => {
               setSelectedAgentId(agent.agentId);
-              openAgentModalAction(agent, models, false, agentTools);
+              openAgentModalAction(agent, models, false, agentTools, modelProviders);
             },
             onRemoveFromCanvas: handleRemoveNodeFromCanvas
           }
@@ -7902,7 +8004,7 @@ function WorkflowCanvasInner({
         };
         setNodes((currentNodes) => [...currentNodes, newNode]);
       } else if (nodeType === "group") {
-        const groupConfig = configRaw ? JSON.parse(configRaw) : chunkC3H4FM4A_js.createDefaultLogicNodeConfig("group");
+        const groupConfig = configRaw ? JSON.parse(configRaw) : chunk72SWXOD5_js.createDefaultLogicNodeConfig("group");
         if (!groupConfig) return;
         const newNode = {
           id: newNodeId,
@@ -7919,7 +8021,7 @@ function WorkflowCanvasInner({
         };
         setNodes((currentNodes) => [...currentNodes, newNode]);
       } else if (isLogicNodeType(nodeType)) {
-        const config = configRaw ? JSON.parse(configRaw) : chunkC3H4FM4A_js.createDefaultLogicNodeConfig(nodeType);
+        const config = configRaw ? JSON.parse(configRaw) : chunk72SWXOD5_js.createDefaultLogicNodeConfig(nodeType);
         if (!config) return;
         const newNode = {
           id: newNodeId,
@@ -8057,7 +8159,7 @@ function WorkflowCanvasInner({
     (edgeId, nodeType, position) => {
       if (!isLogicNodeType(nodeType)) return;
       storeTakeSnapshot();
-      const config = chunkC3H4FM4A_js.createDefaultLogicNodeConfig(nodeType);
+      const config = chunk72SWXOD5_js.createDefaultLogicNodeConfig(nodeType);
       if (!config) return;
       const newNodeId = crypto.randomUUID();
       const newNode = {
@@ -8521,7 +8623,6 @@ exports.LangChainIcon = LangChainIcon;
 exports.ListOperatorFlowNode = ListOperatorFlowNode;
 exports.LogicNodeModal = LogicNodeModal;
 exports.MINIMAP_NODE_COLORS = MINIMAP_NODE_COLORS;
-exports.ModelProviderFlowNode = ModelProviderFlowNode;
 exports.NODE_EXECUTION_ACCENT_COLORS = NODE_EXECUTION_ACCENT_COLORS;
 exports.NodeCard = NodeCard;
 exports.NodeCardBadge = NodeCardBadge;
@@ -8565,5 +8666,5 @@ exports.useModalStore = useModalStore;
 exports.useWorkflowBuilderClient = useWorkflowBuilderClient;
 exports.useWorkflowBuilderClientOptional = useWorkflowBuilderClientOptional;
 exports.useWorkflowStore = useWorkflowStore;
-//# sourceMappingURL=chunk-EFOXN3LC.js.map
-//# sourceMappingURL=chunk-EFOXN3LC.js.map
+//# sourceMappingURL=chunk-M7KSEUZR.js.map
+//# sourceMappingURL=chunk-M7KSEUZR.js.map