@axiom-lattice/react-sdk 2.1.76 → 2.1.77

package/dist/index.mjs

@@ -8779,7 +8779,7 @@ import { Typography as Typography43 } from "antd";
 import {
   CloudUploadOutlined,
   PaperClipOutlined,
-  ReloadOutlined as ReloadOutlined3,
+  ReloadOutlined as ReloadOutlined4,
   FileImageOutlined as FileImageOutlined5,
   FileTextOutlined as FileTextOutlined10,
   FilePdfOutlined as FilePdfOutlined5,
@@ -8982,7 +8982,7 @@ import {
   Space as Space30,
   Typography as Typography42
 } from "antd";
-import React51, { useCallback as useCallback34, useContext as useContext10, useEffect as useEffect46, useRef as useRef23, useState as useState66 } from "react";
+import React51, { useCallback as useCallback34, useContext as useContext10, useEffect as useEffect46, useRef as useRef24, useState as useState66 } from "react";
 import { BrainCircuit as BrainCircuit3 } from "lucide-react";
 
 // src/components/GenUI/HITLContainer.tsx
@@ -10050,7 +10050,7 @@ import React43, {
 import { WorkspaceClient, Client as Client2 } from "@axiom-lattice/client-sdk";
 
 // src/components/Chat/WorkspaceResourceManager.tsx
-import { useMemo as useMemo19, useEffect as useEffect40, useRef as useRef17, useState as useState57 } from "react";
+import { useMemo as useMemo19, useEffect as useEffect40, useRef as useRef18, useState as useState57 } from "react";
 import { FolderOpen as FolderOpen2, Activity as Activity3, Database as Database4, Plug as Plug2, Bot as Bot2, Wrench, Zap, LogOut as LogOut3, Building2 as Building23, Key, Share2, History, Inbox, FlaskConical as FlaskConical3 } from "lucide-react";
 import { Modal as Modal13, Avatar as Avatar8, Popover as Popover2, Button as Button41 } from "antd";
 
@@ -19039,7 +19039,7 @@ var TopologyAutomationView = () => {
 };
 
 // src/components/Chat/TopologyRuntimeView.tsx
-import { useEffect as useEffect37, useState as useState52, useMemo as useMemo17, useCallback as useCallback31 } from "react";
+import { useEffect as useEffect37, useState as useState52, useMemo as useMemo17, useCallback as useCallback31, useRef as useRef17 } from "react";
 import {
   Spin as Spin10,
   Empty as Empty6,
@@ -19050,13 +19050,16 @@ import {
   Card as Card17,
   Drawer as Drawer2,
   Badge as Badge5,
-  Progress as Progress3
+  Tooltip as Tooltip13,
+  Progress as Progress3,
+  Switch as Switch3
 } from "antd";
 import {
   CheckCircleOutlined as CheckCircleOutlined5,
   SyncOutlined as SyncOutlined2,
   CloseCircleOutlined as CloseCircleOutlined2,
-  ClockCircleOutlined as ClockCircleOutlined3
+  ClockCircleOutlined as ClockCircleOutlined3,
+  ReloadOutlined as ReloadOutlined2
 } from "@ant-design/icons";
 import {
   ReactFlow as ReactFlow4,
@@ -19550,20 +19553,59 @@ function RunSummaryBanner({ run, agentName }) {
     }
   );
 }
-var RunDetail = ({ run, agentName, open, onClose }) => {
+var RunDetail = ({ run, agentName, open, onClose, onRunUpdate, autoRefresh }) => {
   const { get } = useApi();
   const [steps, setSteps] = useState52([]);
   const [loading, setLoading] = useState52(false);
+  const stepsPollTimeoutRef = useRef17(null);
+  const stepsPollSessionRef = useRef17(0);
+  const fetchSteps = useCallback31(async () => {
+    try {
+      const [stepsRes, runsRes] = await Promise.all([
+        get(
+          `/api/workflows/runs/${run.id}/steps`
+        ),
+        get(
+          "/api/workflows/runs"
+        )
+      ]);
+      if (stepsRes.success) setSteps(stepsRes.data?.records || []);
+      if (runsRes.success && runsRes.data?.records) {
+        const matched = runsRes.data.records.find((r) => r.id === run.id);
+        if (matched) onRunUpdate(matched);
+      }
+    } catch {
+    }
+  }, [get, run.id, onRunUpdate]);
   useEffect37(() => {
     if (!open) return;
     setLoading(true);
-    get(
-      `/api/workflows/runs/${run.id}/steps`
-    ).then((res) => {
-      if (res.success) setSteps(res.data?.records || []);
-    }).catch(() => {
-    }).finally(() => setLoading(false));
-  }, [open, run.id, get]);
+    fetchSteps().finally(() => setLoading(false));
+  }, [open, run.id, fetchSteps]);
+  useEffect37(() => {
+    if (stepsPollTimeoutRef.current) {
+      clearTimeout(stepsPollTimeoutRef.current);
+      stepsPollTimeoutRef.current = null;
+    }
+    if (!open || run.status !== "running" || !autoRefresh) return;
+    const sessionId = Date.now();
+    stepsPollSessionRef.current = sessionId;
+    const poll = async () => {
+      if (stepsPollSessionRef.current !== sessionId) return;
+      await fetchSteps();
+      if (stepsPollSessionRef.current === sessionId) {
+        stepsPollTimeoutRef.current = setTimeout(poll, POLLING_INTERVAL);
+      }
+    };
+    poll();
+    return () => {
+      stepsPollSessionRef.current = 0;
+      if (stepsPollTimeoutRef.current) {
+        clearTimeout(stepsPollTimeoutRef.current);
+        stepsPollTimeoutRef.current = null;
+      }
+    };
+  }, [open, run.status, fetchSteps, autoRefresh]);
   return /* @__PURE__ */ jsxs50(
     Drawer2,
     {
@@ -19595,6 +19637,7 @@ var RunDetail = ({ run, agentName, open, onClose }) => {
     }
   );
 };
+var POLLING_INTERVAL = 3e3;
 var TopologyRuntimeView = () => {
   const { get } = useApi();
   const [runs, setRuns] = useState52([]);
@@ -19602,9 +19645,46 @@ var TopologyRuntimeView = () => {
   const [loading, setLoading] = useState52(true);
   const [error, setError] = useState52(null);
   const [selectedRun, setSelectedRun] = useState52(null);
+  const [autoRefresh, setAutoRefresh] = useState52(true);
+  const pollingSessionRef = useRef17(0);
+  const handleRunUpdate = useCallback31((updated) => {
+    setRuns(
+      (prev) => prev.map((r) => r.id === updated.id ? updated : r)
+    );
+    setSelectedRun((prev) => prev?.id === updated.id ? updated : prev);
+  }, []);
+  const refreshRuns = useCallback31(async () => {
+    setLoading(true);
+    try {
+      const defsRes = await get("/api/workflows/definitions");
+      const nameMap = {};
+      if (defsRes.success && defsRes.data?.records) {
+        defsRes.data.records.forEach((d) => {
+          nameMap[d.assistantId] = d.assistantName;
+        });
+      }
+      setAgentNames(nameMap);
+      const runsRes = await get("/api/workflows/runs");
+      if (runsRes.success && runsRes.data?.records) {
+        runsRes.data.records.sort(
+          (a, b) => new Date(b.startedAt).getTime() - new Date(a.startedAt).getTime()
+        );
+        setRuns(runsRes.data.records);
+        setSelectedRun((prev) => {
+          if (!prev) return null;
+          return runsRes.data.records.find((r) => r.id === prev.id) || prev;
+        });
+      }
+      setError(null);
+    } catch (err) {
+      setError(err instanceof Error ? err.message : "Failed to load workflow runs");
+    } finally {
+      setLoading(false);
+    }
+  }, [get]);
   useEffect37(() => {
     let cancelled = false;
-    const fetchData = async () => {
+    const init2 = async () => {
       try {
         setLoading(true);
         const defsRes = await get("/api/workflows/definitions");
@@ -19633,11 +19713,16 @@ var TopologyRuntimeView = () => {
         if (!cancelled) setLoading(false);
       }
     };
-    fetchData();
+    init2();
     return () => {
       cancelled = true;
     };
   }, [get]);
+  useEffect37(() => {
+    return () => {
+      pollingSessionRef.current = 0;
+    };
+  }, []);
   if (loading) {
     return /* @__PURE__ */ jsx76("div", { style: { display: "flex", justifyContent: "center", alignItems: "center", height: "100%" }, children: /* @__PURE__ */ jsx76(Spin10, { size: "large" }) });
   }
@@ -19648,7 +19733,27 @@ var TopologyRuntimeView = () => {
     return /* @__PURE__ */ jsx76(Empty6, { description: "No workflow runs yet. Execute a processing agent to see results here." });
   }
   return /* @__PURE__ */ jsxs50("div", { style: { padding: 16, overflow: "auto", height: "100%" }, children: [
-    /* @__PURE__ */ jsx76(Title5, { level: 5, style: { marginBottom: 16 }, children: "Workflow Runs" }),
+    /* @__PURE__ */ jsxs50("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center", marginBottom: 16 }, children: [
+      /* @__PURE__ */ jsx76(Title5, { level: 5, style: { marginBottom: 0 }, children: "Workflow Runs" }),
+      /* @__PURE__ */ jsxs50(Space23, { size: 8, children: [
+        /* @__PURE__ */ jsx76(Text27, { type: "secondary", style: { fontSize: 11 }, children: "Auto-refresh" }),
+        /* @__PURE__ */ jsx76(
+          Switch3,
+          {
+            size: "small",
+            checked: autoRefresh,
+            onChange: setAutoRefresh
+          }
+        ),
+        /* @__PURE__ */ jsx76(Tooltip13, { title: "Refresh now", children: /* @__PURE__ */ jsx76(
+          ReloadOutlined2,
+          {
+            style: { cursor: "pointer", color: "#999" },
+            onClick: () => refreshRuns()
+          }
+        ) })
+      ] })
+    ] }),
     /* @__PURE__ */ jsx76(
       List7,
       {
@@ -19704,7 +19809,9 @@ var TopologyRuntimeView = () => {
         run: selectedRun,
         agentName: agentNames[selectedRun.assistantId] || selectedRun.assistantId,
         open: !!selectedRun,
-        onClose: () => setSelectedRun(null)
+        onClose: () => setSelectedRun(null),
+        onRunUpdate: handleRunUpdate,
+        autoRefresh
       }
     )
   ] });
@@ -19713,7 +19820,7 @@ var TopologyRuntimeView = () => {
 // src/components/Chat/TopologyInboxView.tsx
 import { useEffect as useEffect38, useState as useState53 } from "react";
 import { Card as Card18, Typography as Typography31, Spin as Spin11, Empty as Empty7, List as List8, Button as Button37, Space as Space24, Tag as Tag17 } from "antd";
-import { InboxOutlined, ReloadOutlined as ReloadOutlined2 } from "@ant-design/icons";
+import { InboxOutlined, ReloadOutlined as ReloadOutlined3 } from "@ant-design/icons";
 import { jsx as jsx77, jsxs as jsxs51 } from "react/jsx-runtime";
 var { Text: Text28, Title: Title6 } = Typography31;
 var TopologyInboxView = () => {
@@ -19770,7 +19877,7 @@ var TopologyInboxView = () => {
           /* @__PURE__ */ jsx77(
             Button37,
             {
-              icon: /* @__PURE__ */ jsx77(ReloadOutlined2, {}),
+              icon: /* @__PURE__ */ jsx77(ReloadOutlined3, {}),
               onClick: fetchInbox,
               loading,
               size: "small",
@@ -21001,8 +21108,8 @@ var WorkspaceResourceManager = ({
   logo
 }) => {
   const { openContentApp, menuCollapsed, setMenuCollapsed } = useChatUIContext();
-  const hasOpenedDefault = useRef17(false);
-  const hasRegistered = useRef17(false);
+  const hasOpenedDefault = useRef18(false);
+  const hasRegistered = useRef18(false);
   useEffect40(() => {
     if (!hasRegistered.current) {
       hasRegistered.current = true;
@@ -21617,7 +21724,7 @@ var WorkspaceContextProvider = ({
 };
 
 // src/components/Chat/DatabasePicker.tsx
-import { useRef as useRef18, useState as useState59 } from "react";
+import { useRef as useRef19, useState as useState59 } from "react";
 import { Modal as Modal14, List as List9, Checkbox as Checkbox5, Spin as Spin13, Empty as Empty11, Typography as Typography36, Button as Button42, Space as Space25, Tooltip as Tooltip14 } from "antd";
 import { Database as Database5 } from "lucide-react";
 import { Fragment as Fragment14, jsx as jsx84, jsxs as jsxs57 } from "react/jsx-runtime";
@@ -21627,7 +21734,7 @@ var DatabasePicker = ({ senderRef, iconOnly }) => {
   const [loading, setLoading] = useState59(false);
   const [selectedDatabases, setSelectedDatabases] = useState59([]);
   const { get } = useApi();
-  const fetchedRef = useRef18(false);
+  const fetchedRef = useRef19(false);
   const loadDatabases = async () => {
     setLoading(true);
     try {
@@ -21767,7 +21874,7 @@ var DatabasePicker = ({ senderRef, iconOnly }) => {
 };
 
 // src/components/Chat/SkillPicker.tsx
-import { useRef as useRef19, useState as useState60 } from "react";
+import { useRef as useRef20, useState as useState60 } from "react";
 import { Modal as Modal15, List as List10, Checkbox as Checkbox6, Spin as Spin14, Empty as Empty12, Typography as Typography37, Button as Button43, Space as Space26, Tooltip as Tooltip15 } from "antd";
 import { BrainCircuit } from "lucide-react";
 import { Fragment as Fragment15, jsx as jsx85, jsxs as jsxs58 } from "react/jsx-runtime";
@@ -21777,7 +21884,7 @@ var SkillPicker = ({ senderRef, iconOnly }) => {
   const [loading, setLoading] = useState60(false);
   const [selectedSkills, setSelectedSkills] = useState60([]);
   const { get } = useApi();
-  const fetchedRef = useRef19(false);
+  const fetchedRef = useRef20(false);
   const loadSkills = async () => {
     setLoading(true);
     try {
@@ -21917,7 +22024,7 @@ var SkillPicker = ({ senderRef, iconOnly }) => {
 };
 
 // src/components/Chat/AgentPicker.tsx
-import { useRef as useRef20, useState as useState61 } from "react";
+import { useRef as useRef21, useState as useState61 } from "react";
 import { Modal as Modal16, List as List11, Empty as Empty13, Typography as Typography38, Button as Button44, Tooltip as Tooltip16 } from "antd";
 import { Bot as Bot3 } from "lucide-react";
 import { Fragment as Fragment16, jsx as jsx86, jsxs as jsxs59 } from "react/jsx-runtime";
@@ -21926,7 +22033,7 @@ var AgentPicker = ({ senderRef, iconOnly }) => {
   const [loading, setLoading] = useState61(false);
   const [selectedAgent, setSelectedAgent] = useState61(null);
   const { assistants, currentAssistant, selectAssistant } = useAssistantContext();
-  const fetchedRef = useRef20(false);
+  const fetchedRef = useRef21(false);
   const handleOpenModal = () => {
     setSelectedAgent(currentAssistant?.id || null);
     setModalOpen(true);
@@ -22033,7 +22140,7 @@ var AgentPicker = ({ senderRef, iconOnly }) => {
 };
 
 // src/components/Chat/MetricsDataSourcePicker.tsx
-import { useEffect as useEffect43, useState as useState62, useRef as useRef21 } from "react";
+import { useEffect as useEffect43, useState as useState62, useRef as useRef22 } from "react";
 import { Modal as Modal17, List as List12, Spin as Spin16, Empty as Empty14, Typography as Typography39, Button as Button45, Tag as Tag21, Tooltip as Tooltip17 } from "antd";
 import { Database as Database6, Check as Check4, Server as Server3 } from "lucide-react";
 import { Fragment as Fragment17, jsx as jsx87, jsxs as jsxs60 } from "react/jsx-runtime";
@@ -22048,7 +22155,7 @@ var MetricsDataSourcePicker = ({
   const { config } = useLatticeChatShellContext();
   const { customRunConfig, updateCustomRunConfig } = useConversationContext();
   const { get } = useApi();
-  const hasInitializedRef = useRef21(false);
+  const hasInitializedRef = useRef22(false);
   const loadDataSources = async () => {
     setLoading(true);
     try {
@@ -22373,7 +22480,7 @@ var MetricsDataSourcePicker = ({
 };
 
 // src/components/Chat/ModelSelector.tsx
-import { useState as useState63, useEffect as useEffect44, useCallback as useCallback33, useRef as useRef22 } from "react";
+import { useState as useState63, useEffect as useEffect44, useCallback as useCallback33, useRef as useRef23 } from "react";
 import { Select as Select7 } from "antd";
 import { jsx as jsx88 } from "react/jsx-runtime";
 var ModelSelector = ({
@@ -22387,8 +22494,8 @@ var ModelSelector = ({
   const [internalValue, setInternalValue] = useState63(null);
   const [dropdownOpen, setDropdownOpen] = useState63(false);
   const [isHovered, setIsHovered] = useState63(false);
-  const hasFetchedRef = useRef22(false);
-  const hasSetDefaultRef = useRef22(false);
+  const hasFetchedRef = useRef23(false);
+  const hasSetDefaultRef = useRef23(false);
   const { get } = useApi();
   const selectedModelConfig = value !== void 0 ? value : internalValue;
   const setSelectedModelConfig = useCallback33((config) => {
@@ -23139,7 +23246,7 @@ var Chating = ({
   const [attachedFiles, setAttachedFiles] = useState66([]);
   const { styles } = useStyle();
   const [headerOpen, setHeaderOpen] = useState66(false);
-  const attachmentsRef = useRef23(null);
+  const attachmentsRef = useRef24(null);
   const senderRef = React51.useRef(null);
   const {
     assistantId,
@@ -23451,7 +23558,7 @@ var Chating = ({
     Button46,
     {
       type: "text",
-      icon: /* @__PURE__ */ jsx91(ReloadOutlined3, {}),
+      icon: /* @__PURE__ */ jsx91(ReloadOutlined4, {}),
       onClick: () => {
         loadMessages();
       }
@@ -23883,7 +23990,7 @@ import {
   PauseCircleOutlined,
   PlayCircleOutlined as PlayCircleOutlined2,
   StopOutlined,
-  ReloadOutlined as ReloadOutlined4,
+  ReloadOutlined as ReloadOutlined5,
   CheckCircleOutlined as CheckCircleOutlined7,
   CloseCircleOutlined as CloseCircleOutlined3,
   ExclamationCircleOutlined,
@@ -24218,7 +24325,7 @@ var ScheduleViewer = ({ data }) => {
         Button48,
         {
           type: "text",
-          icon: /* @__PURE__ */ jsx94(ReloadOutlined4, { spin: loading }),
+          icon: /* @__PURE__ */ jsx94(ReloadOutlined5, { spin: loading }),
           onClick: handleRefresh,
           loading
         }
@@ -27858,7 +27965,7 @@ var TaskBoard = ({
 };
 
 // src/components/GenUI/elements/Mailbox.tsx
-import { useState as useState73, useMemo as useMemo28, useRef as useRef24, useEffect as useEffect48 } from "react";
+import { useState as useState73, useMemo as useMemo28, useRef as useRef25, useEffect as useEffect48 } from "react";
 import { jsx as jsx109, jsxs as jsxs80 } from "react/jsx-runtime";
 var useStyle16 = () => {
   return {
@@ -28145,7 +28252,7 @@ var TeamChat = ({ data }) => {
   const styles = useStyle16();
   const { teamName, currentUser, teammates, messages, onSendMessage } = data || {};
   const [inputValue, setInputValue] = useState73("");
-  const messagesEndRef = useRef24(null);
+  const messagesEndRef = useRef25(null);
   const sortedMessages = useMemo28(() => {
     return [...messages || []].sort(
       (a, b) => new Date(a.timestamp).getTime() - new Date(b.timestamp).getTime()
@@ -28328,7 +28435,7 @@ import { Button as Button53, Typography as Typography56 } from "antd";
 import { ExpandOutlined as ExpandOutlined2 } from "@ant-design/icons";
 
 // src/streaming-html/StreamingHTMLRenderer.tsx
-import React61, { useEffect as useEffect49, useRef as useRef25, useCallback as useCallback36, useState as useState74 } from "react";
+import React61, { useEffect as useEffect49, useRef as useRef26, useCallback as useCallback36, useState as useState74 } from "react";
 
 // src/streaming-html/show-widget-css-generator.ts
 function generateShowWidgetCSS(tokens) {
@@ -29019,14 +29126,14 @@ var StreamingHTMLRenderer = ({
   title,
   loadingMessages
 }) => {
-  const iframeRef = useRef25(null);
-  const containerRef = useRef25(null);
-  const resizeObserverRef = useRef25(null);
-  const prevHTMLRef = useRef25("");
-  const isReadyRef = useRef25(false);
-  const pendingChunksRef = useRef25([]);
-  const isCompleteRef = useRef25(isComplete);
-  const isScriptExecuted = useRef25(false);
+  const iframeRef = useRef26(null);
+  const containerRef = useRef26(null);
+  const resizeObserverRef = useRef26(null);
+  const prevHTMLRef = useRef26("");
+  const isReadyRef = useRef26(false);
+  const pendingChunksRef = useRef26([]);
+  const isCompleteRef = useRef26(isComplete);
+  const isScriptExecuted = useRef26(false);
   const [iframeHeight, setIframeHeight] = React61.useState(0);
   const [iframeWidth, setIframeWidth] = React61.useState(void 0);
   const [currentMessageIndex, setCurrentMessageIndex] = useState74(0);
@@ -29852,7 +29959,7 @@ var SideAppViewBrowser = ({ region = "side" }) => {
 };
 
 // src/components/Chat/ProjectSelector.tsx
-import { useState as useState76, useCallback as useCallback39, useMemo as useMemo29, useRef as useRef26 } from "react";
+import { useState as useState76, useCallback as useCallback39, useMemo as useMemo29, useRef as useRef27 } from "react";
 import { Modal as Modal20, Input as Input15, Button as Button54, message as message18 } from "antd";
 import { createStyles as createStyles35 } from "antd-style";
 import { Folder, ChevronDown as ChevronDown6, Building2 as Building24 } from "lucide-react";
@@ -30089,13 +30196,13 @@ var ProjectSelector = ({
     createProject
   } = useWorkspaceContext();
   const [isWorkspaceListOpen, setIsWorkspaceListOpen] = useState76(false);
-  const workspaceDropdownRef = useRef26(null);
+  const workspaceDropdownRef = useRef27(null);
   const [isProjectListOpen, setIsProjectListOpen] = useState76(false);
   const [isModalOpen, setIsModalOpen] = useState76(false);
   const [projectName, setProjectName] = useState76("");
   const [validationError, setValidationError] = useState76(null);
   const [isCreating, setIsCreating] = useState76(false);
-  const projectNameInputRef = useRef26(null);
+  const projectNameInputRef = useRef27(null);
   const currentProject = useMemo29(() => {
     return projects.find((p) => p.id === projectId);
   }, [projects, projectId]);
@@ -31447,7 +31554,7 @@ var LatticeChatView = (props) => {
 };
 
 // src/components/Chat/SettingsModal.tsx
-import { useState as useState79, useEffect as useEffect52, useRef as useRef27 } from "react";
+import { useState as useState79, useEffect as useEffect52, useRef as useRef28 } from "react";
 import {
   Modal as Modal22,
   Input as Input16,
@@ -31457,14 +31564,14 @@ import {
   Typography as Typography57,
   Alert as Alert9,
   Select as Select8,
-  Switch as Switch3,
+  Switch as Switch4,
   Space as Space39,
   Tabs as Tabs3
 } from "antd";
 import {
   SaveOutlined as SaveOutlined2,
   EnvironmentOutlined,
-  ReloadOutlined as ReloadOutlined5,
+  ReloadOutlined as ReloadOutlined6,
   CheckCircleOutlined as CheckCircleOutlined9,
   ApiOutlined,
   LinkOutlined as LinkOutlined2,
@@ -31860,7 +31967,7 @@ var SettingsModal = ({
     return [];
   });
   const [serverConfigs, setServerConfigs] = useState79({});
-  const connectionsRef = useRef27(connections);
+  const connectionsRef = useRef28(connections);
   useEffect52(() => {
     connectionsRef.current = connections;
   }, [connections]);
@@ -32300,7 +32407,7 @@ var SettingsModal = ({
               " QUEUE_SERVICE_TYPE, REDIS_URL, REDIS_PASSWORD, QUEUE_NAME"
             ] }),
             /* @__PURE__ */ jsxs89("div", { children: [
-              /* @__PURE__ */ jsx123(ReloadOutlined5, { style: { color: "#faad14", marginRight: 8 } }),
+              /* @__PURE__ */ jsx123(ReloadOutlined6, { style: { color: "#faad14", marginRight: 8 } }),
               /* @__PURE__ */ jsx123("strong", { children: "Requires restart:" }),
               " PORT (server must be restarted to change port)"
             ] })
@@ -32510,7 +32617,7 @@ QUEUE_NAME=tasks`,
           ] }),
           /* @__PURE__ */ jsx123("div", { children: /* @__PURE__ */ jsxs89(Space39, { children: [
             /* @__PURE__ */ jsx123(
-              Switch3,
+              Switch4,
               {
                 checked: model.streaming,
                 onChange: (checked) => handleModelChange(index, "streaming", checked)