@datatechsolutions/ui 3.2.1 → 3.3.0

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

@@ -5,7 +5,7 @@ var chunkI2NZGVBG_js = require('./chunk-I2NZGVBG.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 +373,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 +400,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 +427,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 +454,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 +492,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 +584,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");
@@ -2106,7 +2118,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: [
@@ -3795,6 +3807,90 @@ 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" })
+  ] });
+});
 function ConfigFormActions({
   cancelLabel,
   saveLabel,
@@ -6246,6 +6342,160 @@ 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(
+      chunkI2NZGVBG_js.FormInput,
+      {
+        type: "text",
+        label: t("urlLabel"),
+        value: url,
+        onValueChange: setUrl,
+        placeholder: t("urlPlaceholder")
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      chunkI2NZGVBG_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(
+      chunkI2NZGVBG_js.FormInput,
+      {
+        type: "text",
+        label: t("audioUrlLabel"),
+        value: audioUrl,
+        onValueChange: setAudioUrl,
+        placeholder: t("audioUrlPlaceholder")
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      chunkI2NZGVBG_js.FormInput,
+      {
+        type: "text",
+        label: t("modelLabel"),
+        value: model,
+        onValueChange: setModel,
+        placeholder: "whisper-1"
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      chunkI2NZGVBG_js.FormInput,
+      {
+        type: "text",
+        label: t("languageLabel"),
+        value: language,
+        onValueChange: setLanguage,
+        placeholder: t("languagePlaceholder")
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      chunkI2NZGVBG_js.FormTextarea,
+      {
+        label: t("promptLabel"),
+        value: prompt,
+        onValueChange: setPrompt,
+        placeholder: t("promptPlaceholder"),
+        rows: 3
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      chunkI2NZGVBG_js.FormSelect,
+      {
+        label: t("responseFormatLabel"),
+        value: responseFormat,
+        onValueChange: (value) => setResponseFormat(value),
+        options: RESPONSE_FORMATS.map((value) => ({ value, label: value }))
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      chunkI2NZGVBG_js.FormInput,
+      {
+        type: "text",
+        label: t("endpointLabel"),
+        value: endpoint,
+        onValueChange: setEndpoint,
+        placeholder: t("endpointPlaceholder")
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      chunkI2NZGVBG_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
+      }
+    )
+  ] });
+}
 var NODE_TITLE_KEYS = {
   start: "startNodeConfig",
   end: "endNodeConfig",
@@ -6269,7 +6519,9 @@ var NODE_TITLE_KEYS = {
   group: "groupNodeConfig",
   model_provider: "modelProviderNodeConfig",
   rule: "ruleNodeConfig",
-  agent: "agentNodeConfig"
+  agent: "agentNodeConfig",
+  audio_input: "audioInputNodeConfig",
+  speech_transcriber: "speechTranscriberNodeConfig"
 };
 function LogicNodeModal({ onSave, entities = [], datasources = [], onLoadTables, onLoadSchema }) {
   const t = chunkYXN2K77G_js.useTranslations("agents.workflow");
@@ -6336,6 +6588,10 @@ function LogicNodeModal({ onSave, entities = [], datasources = [], onLoadTables,
         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 });
       default:
         return null;
     }
@@ -6719,7 +6975,9 @@ var BUILT_IN_NODE_TYPES = {
   note: NoteFlowNode,
   datasource: DatasourceFlowNode,
   model_provider: ModelProviderFlowNode,
-  group: GroupFlowNode
+  group: GroupFlowNode,
+  audio_input: AudioInputFlowNode,
+  speech_transcriber: SpeechTranscriberFlowNode
 };
 var ALL_LOGIC_NODE_TYPES = [
   "start",
@@ -6745,7 +7003,9 @@ var ALL_LOGIC_NODE_TYPES = [
   "entity",
   "datasource",
   "model_provider",
-  "group"
+  "group",
+  "audio_input",
+  "speech_transcriber"
 ];
 function isLogicNodeType(nodeType) {
   return ALL_LOGIC_NODE_TYPES.includes(nodeType);
@@ -7083,7 +7343,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 +7522,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
@@ -7391,7 +7651,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",
@@ -7902,7 +8162,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 +8179,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 +8317,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 = {
@@ -8565,5 +8825,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-NJFRJ6YD.js.map
+//# sourceMappingURL=chunk-NJFRJ6YD.js.map