@axiom-lattice/react-sdk 2.1.75 → 2.1.77

package/dist/index.d.mts

@@ -1427,6 +1427,11 @@ interface LatticeChatShellConfig {
      * Defaults to true
      */
     sidebarDefaultExpanded?: boolean;
+    /**
+     * Whether workspace menu is expanded by default
+     * Defaults to true
+     */
+    workspaceMenuDefaultExpanded?: boolean;
     /**
      * Whether to show the expand/collapse toggle button
      * Defaults to true

package/dist/index.d.ts

@@ -1427,6 +1427,11 @@ interface LatticeChatShellConfig {
      * Defaults to true
      */
     sidebarDefaultExpanded?: boolean;
+    /**
+     * Whether workspace menu is expanded by default
+     * Defaults to true
+     */
+    workspaceMenuDefaultExpanded?: boolean;
     /**
      * Whether to show the expand/collapse toggle button
      * Defaults to true

package/dist/index.js

@@ -1443,6 +1443,7 @@ var DEFAULT_CONFIG = {
   enableModelSelector: false,
   sidebarMode: "icon",
   sidebarDefaultExpanded: true,
+  workspaceMenuDefaultExpanded: true,
   sidebarShowToggle: true,
   sidebarShowNewAnalysis: true,
   sidebarLogoText: "Lattice"
@@ -19390,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,
     {
@@ -19435,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)([]);
@@ -19442,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");
@@ -19473,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" }) });
   }
@@ -19488,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,
       {
@@ -19544,7 +19647,9 @@ var TopologyRuntimeView = () => {
         run: selectedRun,
         agentName: agentNames[selectedRun.assistantId] || selectedRun.assistantId,
         open: !!selectedRun,
-        onClose: () => setSelectedRun(null)
+        onClose: () => setSelectedRun(null),
+        onRunUpdate: handleRunUpdate,
+        autoRefresh
       }
     )
   ] });
@@ -20998,7 +21103,7 @@ var WorkspaceResourceManager = ({
                 logo,
                 logoText: workspaceName || "Workspace",
                 showToggle: true,
-                defaultExpanded: true,
+                defaultExpanded: config.workspaceMenuDefaultExpanded ?? true,
                 collapsed: menuCollapsed,
                 onCollapsedChange: setMenuCollapsed,
                 footer: ({ isIconMode }) => user && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
@@ -32571,11 +32676,6 @@ var import_antd97 = require("antd");
 var import_lucide_react34 = require("lucide-react");
 var import_jsx_runtime126 = require("react/jsx-runtime");
 var { Text: Text47, Title: Title17 } = import_antd97.Typography;
-var MAPPING_MODE_OPTIONS = [
-  { label: "User", value: "user" },
-  { label: "Group", value: "group" },
-  { label: "Hybrid", value: "hybrid" }
-];
 var ChannelInstallationsDrawerContent = () => {
   const { get, post, put, del } = useApi();
   const [installations, setInstallations] = (0, import_react104.useState)([]);
@@ -32697,22 +32797,6 @@ var ChannelInstallationsDrawerContent = () => {
                 "ID: ",
                 installation.id
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)(Text47, { style: { fontSize: 13 }, children: [
-                "Assistant ID: ",
-                installation.config.assistantId
-              ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)(Text47, { style: { fontSize: 13 }, children: [
-                "Mapping Mode: ",
-                installation.config.mappingMode
-              ] }),
-              installation.config.workspaceId ? /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)(Text47, { style: { fontSize: 13 }, children: [
-                "Workspace ID: ",
-                installation.config.workspaceId
-              ] }) : null,
-              installation.config.projectId ? /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)(Text47, { style: { fontSize: 13 }, children: [
-                "Project ID: ",
-                installation.config.projectId
-              ] }) : null,
               webhookPath ? /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(Text47, { code: true, style: { fontSize: 12 }, children: webhookPath }) : /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(Text47, { type: "secondary", style: { fontSize: 12 }, children: "Unsupported channel configuration UI" })
             ]
           }
@@ -32768,23 +32852,17 @@ var LarkChannelInstallationFormModal = ({ installation, open, post, put, onCance
   const [form] = import_antd97.Form.useForm();
   (0, import_react104.useEffect)(() => {
     if (installation) {
+      const config = installation.config;
       form.setFieldsValue({
         name: installation.name,
-        appId: installation.config.appId,
-        appSecret: installation.config.appSecret,
-        verificationToken: installation.config.verificationToken,
-        encryptKey: installation.config.encryptKey,
-        mappingMode: installation.config.mappingMode,
-        assistantId: installation.config.assistantId,
-        workspaceId: installation.config.workspaceId,
-        projectId: installation.config.projectId
+        appId: config.appId,
+        appSecret: config.appSecret,
+        verificationToken: config.verificationToken,
+        encryptKey: config.encryptKey
       });
       return;
     }
     form.resetFields();
-    form.setFieldsValue({
-      mappingMode: "hybrid"
-    });
   }, [installation, form]);
   const handleSubmit = async () => {
     const values = await form.validateFields();
@@ -32792,11 +32870,7 @@ var LarkChannelInstallationFormModal = ({ installation, open, post, put, onCance
       appId: values.appId,
       appSecret: values.appSecret,
       verificationToken: values.verificationToken,
-      encryptKey: values.encryptKey,
-      mappingMode: values.mappingMode,
-      assistantId: values.assistantId,
-      workspaceId: values.workspaceId,
-      projectId: values.projectId
+      encryptKey: values.encryptKey
     };
     try {
       if (installation) {
@@ -32869,27 +32943,7 @@ var LarkChannelInstallationFormModal = ({ installation, open, post, put, onCance
           }
         ),
         /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(import_antd97.Form.Item, { name: "verificationToken", label: "Verification Token", children: /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(import_antd97.Input, {}) }),
-        /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(import_antd97.Form.Item, { name: "encryptKey", label: "Encrypt Key", children: /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(import_antd97.Input, {}) }),
-        /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
-          import_antd97.Form.Item,
-          {
-            name: "mappingMode",
-            label: "Mapping Mode",
-            rules: [{ required: true, message: "Mapping Mode is required" }],
-            children: /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(import_antd97.Select, { options: MAPPING_MODE_OPTIONS })
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
-          import_antd97.Form.Item,
-          {
-            name: "assistantId",
-            label: "Assistant ID",
-            rules: [{ required: true, message: "Assistant ID is required" }],
-            children: /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(import_antd97.Input, {})
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(import_antd97.Form.Item, { name: "workspaceId", label: "Workspace ID", children: /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(import_antd97.Input, {}) }),
-        /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(import_antd97.Form.Item, { name: "projectId", label: "Project ID", children: /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(import_antd97.Input, {}) })
+        /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(import_antd97.Form.Item, { name: "encryptKey", label: "Encrypt Key", children: /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(import_antd97.Input, {}) })
       ] })
     }
   );