@axiom-lattice/react-sdk 2.1.76 → 2.1.77

package/dist/index.js

@@ -19391,20 +19391,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] = (0, import_react65.useState)([]);
   const [loading, setLoading] = (0, import_react65.useState)(false);
+  const stepsPollTimeoutRef = (0, import_react65.useRef)(null);
+  const stepsPollSessionRef = (0, import_react65.useRef)(0);
+  const fetchSteps = (0, import_react65.useCallback)(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]);
   (0, import_react65.useEffect)(() => {
     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]);
+  (0, import_react65.useEffect)(() => {
+    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__ */ (0, import_jsx_runtime76.jsxs)(
     import_antd57.Drawer,
     {
@@ -19436,6 +19475,7 @@ var RunDetail = ({ run, agentName, open, onClose }) => {
     }
   );
 };
+var POLLING_INTERVAL = 3e3;
 var TopologyRuntimeView = () => {
   const { get } = useApi();
   const [runs, setRuns] = (0, import_react65.useState)([]);
@@ -19443,9 +19483,46 @@ var TopologyRuntimeView = () => {
   const [loading, setLoading] = (0, import_react65.useState)(true);
   const [error, setError] = (0, import_react65.useState)(null);
   const [selectedRun, setSelectedRun] = (0, import_react65.useState)(null);
+  const [autoRefresh, setAutoRefresh] = (0, import_react65.useState)(true);
+  const pollingSessionRef = (0, import_react65.useRef)(0);
+  const handleRunUpdate = (0, import_react65.useCallback)((updated) => {
+    setRuns(
+      (prev) => prev.map((r) => r.id === updated.id ? updated : r)
+    );
+    setSelectedRun((prev) => prev?.id === updated.id ? updated : prev);
+  }, []);
+  const refreshRuns = (0, import_react65.useCallback)(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]);
   (0, import_react65.useEffect)(() => {
     let cancelled = false;
-    const fetchData = async () => {
+    const init2 = async () => {
       try {
         setLoading(true);
         const defsRes = await get("/api/workflows/definitions");
@@ -19474,11 +19551,16 @@ var TopologyRuntimeView = () => {
         if (!cancelled) setLoading(false);
       }
     };
-    fetchData();
+    init2();
     return () => {
       cancelled = true;
     };
   }, [get]);
+  (0, import_react65.useEffect)(() => {
+    return () => {
+      pollingSessionRef.current = 0;
+    };
+  }, []);
   if (loading) {
     return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { style: { display: "flex", justifyContent: "center", alignItems: "center", height: "100%" }, children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(import_antd57.Spin, { size: "large" }) });
   }
@@ -19489,7 +19571,27 @@ var TopologyRuntimeView = () => {
     return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(import_antd57.Empty, { description: "No workflow runs yet. Execute a processing agent to see results here." });
   }
   return /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { style: { padding: 16, overflow: "auto", height: "100%" }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(Title5, { level: 5, style: { marginBottom: 16 }, children: "Workflow Runs" }),
+    /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center", marginBottom: 16 }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(Title5, { level: 5, style: { marginBottom: 0 }, children: "Workflow Runs" }),
+      /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(import_antd57.Space, { size: 8, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(Text27, { type: "secondary", style: { fontSize: 11 }, children: "Auto-refresh" }),
+        /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+          import_antd57.Switch,
+          {
+            size: "small",
+            checked: autoRefresh,
+            onChange: setAutoRefresh
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(import_antd57.Tooltip, { title: "Refresh now", children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+          import_icons33.ReloadOutlined,
+          {
+            style: { cursor: "pointer", color: "#999" },
+            onClick: () => refreshRuns()
+          }
+        ) })
+      ] })
+    ] }),
     /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
       import_antd57.List,
       {
@@ -19545,7 +19647,9 @@ var TopologyRuntimeView = () => {
         run: selectedRun,
         agentName: agentNames[selectedRun.assistantId] || selectedRun.assistantId,
         open: !!selectedRun,
-        onClose: () => setSelectedRun(null)
+        onClose: () => setSelectedRun(null),
+        onRunUpdate: handleRunUpdate,
+        autoRefresh
       }
     )
   ] });