@axiom-lattice/react-sdk 2.1.95 → 2.1.96

package/dist/index.mjs

@@ -4235,7 +4235,7 @@ var FilePanelToggle = () => {
 };
 
 // src/components/Chat/PinToMenuButton.tsx
-import React74, { useState as useState82, useEffect as useEffect56, useCallback as useCallback42 } from "react";
+import React74, { useState as useState82, useEffect as useEffect57, useCallback as useCallback42 } from "react";
 import { Button as Button60, Input as Input19, Modal as Modal24, Tooltip as Tooltip26, message as message22 } from "antd";
 import { Pin } from "lucide-react";
 
@@ -4245,13 +4245,13 @@ import React73, {
   useContext as useContext11,
   useState as useState81,
   useCallback as useCallback41,
-  useEffect as useEffect55,
+  useEffect as useEffect56,
   useRef as useRef30
 } from "react";
 import { WorkspaceClient, Client as Client3 } from "@axiom-lattice/client-sdk";
 
 // src/components/Chat/WorkspaceResourceManager.tsx
-import { useMemo as useMemo35, useEffect as useEffect54, useRef as useRef29, useState as useState80 } from "react";
+import { useMemo as useMemo35, useEffect as useEffect55, useRef as useRef29, useState as useState80 } from "react";
 import { FolderOpen as FolderOpen3, Activity as Activity4, Database as Database7, Plug as Plug2, Bot as Bot5, Wrench as Wrench2, Zap as Zap2, LogOut as LogOut3, Building2 as Building23, Key, Share2, History, Inbox as Inbox3, FlaskConical as FlaskConical3 } from "lucide-react";
 import { Modal as Modal23, Avatar as Avatar12, Popover as Popover3, Button as Button59 } from "antd";
 
@@ -13444,18 +13444,18 @@ var ToolsList = ({
 };
 
 // src/components/Chat/TopologyRuntimeView.tsx
-import { useEffect as useEffect45, useState as useState70, useMemo as useMemo27, useCallback as useCallback37, useRef as useRef25 } from "react";
+import { useEffect as useEffect46, useState as useState70, useMemo as useMemo27, useCallback as useCallback37, useRef as useRef25 } from "react";
 import {
   Spin as Spin16,
   Empty as Empty14,
-  List as List15,
-  Tag as Tag23,
+  List as List16,
+  Tag as Tag24,
   Typography as Typography51,
   Space as Space39,
   Drawer as Drawer2,
   Tooltip as Tooltip23,
   Switch as Switch3,
-  Popconfirm as Popconfirm5
+  Popconfirm as Popconfirm6
 } from "antd";
 import {
   ReloadOutlined as ReloadOutlined4,
@@ -15573,7 +15573,7 @@ var AttachmentsCard = ({
 
 // src/components/GenUI/elements/attachments_viewer_side_app.tsx
 import { Button as Button26, Empty as Empty4, Skeleton, Space as Space18 } from "antd";
-import { useEffect as useEffect29, useState as useState45 } from "react";
+import { useEffect as useEffect30, useState as useState45 } from "react";
 
 // src/components/GenUI/FileRenderer.tsx
 import { useEffect as useEffect28, useState as useState43, useMemo as useMemo10 } from "react";
@@ -15743,11 +15743,11 @@ var RenderMDFromURL = ({ url, file_id }) => {
 import { LinkOutlined as LinkOutlined3, DownloadOutlined as DownloadOutlined3 } from "@ant-design/icons";
 
 // src/components/GenUI/ShareModal.tsx
-import { useState as useState44, useCallback as useCallback23 } from "react";
-import { Modal as Modal10, Input as Input13, Select as Select6, InputNumber as InputNumber2, Button as Button25, Space as Space17, Typography as Typography22, message as message11 } from "antd";
-import { CopyOutlined as CopyOutlined3, LinkOutlined as LinkOutlined2 } from "@ant-design/icons";
+import { useState as useState44, useEffect as useEffect29, useCallback as useCallback23 } from "react";
+import { Modal as Modal10, Input as Input13, Select as Select6, InputNumber as InputNumber2, Button as Button25, Space as Space17, Typography as Typography22, message as message11, List as List7, Tag as Tag12, Popconfirm as Popconfirm4 } from "antd";
+import { CopyOutlined as CopyOutlined3, LinkOutlined as LinkOutlined2, StopOutlined, PlusOutlined as PlusOutlined7 } from "@ant-design/icons";
 import { jsx as jsx46, jsxs as jsxs33 } from "react/jsx-runtime";
-var { Text: Text20 } = Typography22;
+var { Text: Text20, Title: Title5 } = Typography22;
 var EXPIRY_OPTIONS = [
   { label: "Never", value: void 0 },
   { label: "1 hour", value: "1h" },
@@ -15767,34 +15767,60 @@ function expiryToDate(option) {
   const ms = map[option] ?? 0;
   return ms ? new Date(now + ms).toISOString() : void 0;
 }
+function formatExpiry(d) {
+  if (!d) return "Never";
+  return new Date(d).toLocaleDateString();
+}
+function filePathMatch(record, filePath) {
+  const normalizedPath = filePath.replace(/^\/?project\//, "");
+  return record.address.resourcePath === normalizedPath;
+}
 var ShareModal = ({
   open,
   filePath,
   assistantId,
   fileName,
-  existingToken,
-  existingVisibility,
-  existingTitle,
-  onClose,
-  onUpdated
+  onClose
 }) => {
-  const { shareFile } = useWorkspaceContext();
+  const { shareFile, listShares, unshareFile } = useWorkspaceContext();
   const { config: shellConfig } = useLatticeChatShellContext();
   const baseURL = (shellConfig?.baseURL ?? "").replace(/\/$/, "");
-  const isEditMode = !!existingToken;
-  const [state, setState] = useState44(isEditMode ? "edit" : "creating");
-  const [token, setToken] = useState44(existingToken ?? "");
-  const [url, setUrl] = useState44(existingToken ? `/s/${existingToken}` : "");
-  const [title, setTitle] = useState44(existingTitle ?? fileName ?? "");
-  const [visibility, setVisibility] = useState44(
-    existingVisibility ?? "public"
-  );
+  const [view, setView] = useState44("list");
+  const [shares, setShares] = useState44([]);
+  const [loading, setLoading] = useState44(false);
+  const [title, setTitle] = useState44(fileName ?? "");
+  const [visibility, setVisibility] = useState44("public");
   const [password, setPassword] = useState44("");
   const [expiry, setExpiry] = useState44(void 0);
   const [maxAccess, setMaxAccess] = useState44(void 0);
   const [error, setError] = useState44("");
+  const [resultUrl, setResultUrl] = useState44("");
+  const [resultPwd, setResultPwd] = useState44("");
+  const loadShares = useCallback23(async () => {
+    setLoading(true);
+    try {
+      const all = await listShares();
+      setShares(all.filter((r) => filePathMatch(r, filePath) && !r.revoked));
+    } catch {
+    }
+    setLoading(false);
+  }, [listShares, filePath]);
+  useEffect29(() => {
+    if (open) {
+      setView("list");
+      loadShares();
+    }
+  }, [open, loadShares]);
+  const handleCreate = useCallback23(async () => {
+    setView("create");
+    setTitle(fileName ?? "");
+    setVisibility("public");
+    setPassword("");
+    setExpiry(void 0);
+    setMaxAccess(void 0);
+    setError("");
+  }, [fileName]);
   const handleShare = useCallback23(async () => {
-    setState("creating");
     setError("");
     try {
       const result = await shareFile(filePath, assistantId, {
@@ -15804,109 +15830,137 @@ var ShareModal = ({
         expiresAt: expiryToDate(expiry),
         maxAccess: maxAccess ?? void 0
       });
-      setToken(result.token);
-      setUrl(result.url);
-      setState("result");
+      setResultUrl(`${baseURL}${result.url}`);
+      setResultPwd(password);
+      setView("result");
+      loadShares();
     } catch (err) {
       setError(err instanceof Error ? err.message : "Failed to create share");
-      setState("error");
+      setView("error");
     }
-  }, [
-    filePath,
-    assistantId,
-    title,
-    visibility,
-    password,
-    expiry,
-    maxAccess,
-    shareFile
-  ]);
-  const handleCopy = useCallback23(() => {
-    const fullUrl = `${baseURL}${url}`;
-    const titleText = title ? `${title}
-` : "";
-    const pwdText = visibility === "password" && password ? `Password: ${password}
+  }, [filePath, assistantId, title, visibility, password, expiry, maxAccess, shareFile, baseURL, loadShares]);
+  const handleCopy = useCallback23((fullUrl, shareTitle, pwd, isProtected) => {
+    const titleText = shareTitle ? `${shareTitle}
 ` : "";
+    const pwdText = pwd ? `Password: ${pwd}
+` : isProtected ? "Password protected\n" : "";
     navigator.clipboard.writeText(`${titleText}${fullUrl}
 ${pwdText}`.trim());
-    message11.success("Copied to clipboard");
-  }, [url, baseURL, title, visibility, password]);
-  const handleOpen = useCallback23(() => {
-    window.open(`${baseURL}${url}`, "_blank");
-  }, [url, baseURL]);
+    message11.success("Copied");
+  }, []);
+  const handleRevoke = useCallback23(async (token) => {
+    try {
+      await unshareFile(token);
+      message11.success("Share revoked");
+      loadShares();
+    } catch {
+      message11.error("Failed to revoke");
+    }
+  }, [unshareFile, loadShares]);
+  const handleOpen = useCallback23((fullUrl) => {
+    window.open(fullUrl, "_blank");
+  }, []);
   return /* @__PURE__ */ jsxs33(
     Modal10,
     {
-      title: isEditMode ? "Edit Share" : "Share Resource",
+      title: "Share Resource",
       open,
       onCancel: onClose,
       footer: null,
-      width: 420,
+      width: 480,
       children: [
-        (state === "edit" || state === "creating") && /* @__PURE__ */ jsxs33(Space17, { direction: "vertical", style: { width: "100%" }, size: "middle", children: [
+        view === "list" && /* @__PURE__ */ jsxs33(Space17, { direction: "vertical", style: { width: "100%" }, size: "middle", children: [
+          shares.length > 0 ? /* @__PURE__ */ jsx46(
+            List7,
+            {
+              loading,
+              dataSource: shares,
+              renderItem: (r) => {
+                const fullUrl = `${baseURL}/s/${r.token}`;
+                return /* @__PURE__ */ jsx46(
+                  List7.Item,
+                  {
+                    actions: [
+                      /* @__PURE__ */ jsx46(
+                        Button25,
+                        {
+                          type: "text",
+                          size: "small",
+                          icon: /* @__PURE__ */ jsx46(CopyOutlined3, {}),
+                          onClick: () => handleCopy(fullUrl, r.title ?? void 0, void 0, r.visibility === "password")
+                        },
+                        "copy"
+                      ),
+                      /* @__PURE__ */ jsx46(
+                        Button25,
+                        {
+                          type: "text",
+                          size: "small",
+                          icon: /* @__PURE__ */ jsx46(LinkOutlined2, {}),
+                          onClick: () => handleOpen(fullUrl)
+                        },
+                        "open"
+                      ),
+                      /* @__PURE__ */ jsx46(Popconfirm4, { title: "Revoke this share?", onConfirm: () => handleRevoke(r.token), children: /* @__PURE__ */ jsx46(Button25, { type: "text", size: "small", danger: true, icon: /* @__PURE__ */ jsx46(StopOutlined, {}) }) }, "revoke")
+                    ],
+                    children: /* @__PURE__ */ jsx46(
+                      List7.Item.Meta,
+                      {
+                        title: r.title || fileName || r.address.resourcePath.split("/").pop(),
+                        description: /* @__PURE__ */ jsxs33(Space17, { size: "small", children: [
+                          /* @__PURE__ */ jsx46(Tag12, { color: r.visibility === "password" ? "orange" : "green", children: r.visibility === "password" ? "Password" : "Public" }),
+                          /* @__PURE__ */ jsxs33(Text20, { type: "secondary", style: { fontSize: 12 }, children: [
+                            "Expires: ",
+                            formatExpiry(r.expiresAt)
+                          ] })
+                        ] })
+                      }
+                    )
+                  }
+                );
+              }
+            }
+          ) : /* @__PURE__ */ jsx46("div", { style: { textAlign: "center", padding: "16px 0" }, children: /* @__PURE__ */ jsx46(Text20, { type: "secondary", children: "No active shares yet" }) }),
+          /* @__PURE__ */ jsx46(Button25, { type: "primary", block: true, icon: /* @__PURE__ */ jsx46(PlusOutlined7, {}), onClick: handleCreate, children: "Create New Share" })
+        ] }),
+        view === "create" && /* @__PURE__ */ jsxs33(Space17, { direction: "vertical", style: { width: "100%" }, size: "middle", children: [
           /* @__PURE__ */ jsxs33("div", { children: [
             /* @__PURE__ */ jsx46(Text20, { type: "secondary", style: { fontSize: 12 }, children: "Title" }),
             /* @__PURE__ */ jsx46(Input13, { value: title, onChange: (e) => setTitle(e.target.value) })
           ] }),
           /* @__PURE__ */ jsxs33("div", { children: [
             /* @__PURE__ */ jsx46(Text20, { type: "secondary", style: { fontSize: 12 }, children: "Visibility" }),
-            /* @__PURE__ */ jsxs33(
-              Select6,
-              {
-                value: visibility,
-                onChange: setVisibility,
-                style: { width: "100%" },
-                children: [
-                  /* @__PURE__ */ jsx46(Select6.Option, { value: "public", children: "Public" }),
-                  /* @__PURE__ */ jsx46(Select6.Option, { value: "password", children: "Password" })
-                ]
-              }
-            )
+            /* @__PURE__ */ jsxs33(Select6, { value: visibility, onChange: setVisibility, style: { width: "100%" }, children: [
+              /* @__PURE__ */ jsx46(Select6.Option, { value: "public", children: "Public" }),
+              /* @__PURE__ */ jsx46(Select6.Option, { value: "password", children: "Password" })
+            ] })
           ] }),
           visibility === "password" && /* @__PURE__ */ jsxs33("div", { children: [
             /* @__PURE__ */ jsx46(Text20, { type: "secondary", style: { fontSize: 12 }, children: "Password" }),
-            /* @__PURE__ */ jsx46(
-              Input13.Password,
-              {
-                value: password,
-                onChange: (e) => setPassword(e.target.value)
-              }
-            )
+            /* @__PURE__ */ jsx46(Input13.Password, { value: password, onChange: (e) => setPassword(e.target.value) })
           ] }),
           /* @__PURE__ */ jsxs33("div", { children: [
             /* @__PURE__ */ jsx46(Text20, { type: "secondary", style: { fontSize: 12 }, children: "Expires" }),
-            /* @__PURE__ */ jsx46(
-              Select6,
-              {
-                value: expiry,
-                onChange: setExpiry,
-                style: { width: "100%" },
-                children: EXPIRY_OPTIONS.map((opt) => /* @__PURE__ */ jsx46(Select6.Option, { value: opt.value, children: opt.label }, opt.label))
-              }
-            )
+            /* @__PURE__ */ jsx46(Select6, { value: expiry, onChange: setExpiry, style: { width: "100%" }, children: EXPIRY_OPTIONS.map((opt) => /* @__PURE__ */ jsx46(Select6.Option, { value: opt.value, children: opt.label }, opt.label)) })
           ] }),
           /* @__PURE__ */ jsxs33("div", { children: [
             /* @__PURE__ */ jsx46(Text20, { type: "secondary", style: { fontSize: 12 }, children: "Max accesses (empty = unlimited)" }),
-            /* @__PURE__ */ jsx46(
-              InputNumber2,
-              {
-                value: maxAccess,
-                onChange: (v) => setMaxAccess(v ?? void 0),
-                style: { width: "100%" },
-                min: 1
-              }
-            )
+            /* @__PURE__ */ jsx46(InputNumber2, { value: maxAccess, onChange: (v) => setMaxAccess(v ?? void 0), style: { width: "100%" }, min: 1 })
           ] }),
-          !isEditMode && /* @__PURE__ */ jsx46(Button25, { type: "primary", block: true, onClick: handleShare, children: "Create Share" })
+          /* @__PURE__ */ jsxs33("div", { style: { display: "flex", gap: 8 }, children: [
+            /* @__PURE__ */ jsx46(Button25, { block: true, onClick: () => setView("list"), children: "Back" }),
+            /* @__PURE__ */ jsx46(Button25, { type: "primary", block: true, onClick: handleShare, children: "Create Share" })
+          ] })
         ] }),
-        state === "result" && /* @__PURE__ */ jsxs33(Space17, { direction: "vertical", style: { width: "100%" }, size: "middle", children: [
-          /* @__PURE__ */ jsx46(Input13, { value: `${baseURL}${url}`, readOnly: true, style: { fontFamily: "monospace" } }),
+        view === "result" && /* @__PURE__ */ jsxs33(Space17, { direction: "vertical", style: { width: "100%" }, size: "middle", children: [
+          /* @__PURE__ */ jsx46(Input13, { value: resultUrl, readOnly: true, style: { fontFamily: "monospace" } }),
           /* @__PURE__ */ jsx46("div", { style: { textAlign: "center" }, children: /* @__PURE__ */ jsxs33(Space17, { children: [
-            /* @__PURE__ */ jsx46(Button25, { icon: /* @__PURE__ */ jsx46(CopyOutlined3, {}), onClick: handleCopy, children: "Copy" }),
-            /* @__PURE__ */ jsx46(Button25, { type: "primary", icon: /* @__PURE__ */ jsx46(LinkOutlined2, {}), onClick: handleOpen, children: "Open" })
-          ] }) })
+            /* @__PURE__ */ jsx46(Button25, { icon: /* @__PURE__ */ jsx46(CopyOutlined3, {}), onClick: () => handleCopy(resultUrl, title, resultPwd), children: "Copy" }),
+            /* @__PURE__ */ jsx46(Button25, { type: "primary", icon: /* @__PURE__ */ jsx46(LinkOutlined2, {}), onClick: () => handleOpen(resultUrl), children: "Open" })
+          ] }) }),
+          /* @__PURE__ */ jsx46(Button25, { block: true, onClick: () => setView("list"), children: "Back to shares" })
         ] }),
-        state === "error" && /* @__PURE__ */ jsxs33("div", { style: { textAlign: "center", padding: "24px 0" }, children: [
+        view === "error" && /* @__PURE__ */ jsxs33("div", { style: { textAlign: "center", padding: "24px 0" }, children: [
           /* @__PURE__ */ jsx46(Text20, { type: "danger", children: error }),
           /* @__PURE__ */ jsx46("br", {}),
           /* @__PURE__ */ jsx46(Button25, { onClick: handleShare, style: { marginTop: 16 }, children: "Retry" })
@@ -15929,7 +15983,7 @@ function AttachmentsViewerSideApp({
     url: full_url || "",
     fileName: extractFileName(file_id || "")
   });
-  useEffect29(() => {
+  useEffect30(() => {
     setFileUri({
       url: full_url || "",
       fileName: extractFileName(file_id || "")
@@ -16009,7 +16063,7 @@ function AttachmentsViewerSideApp({
 import { Button as Button27, Space as Space19, Typography as Typography23 } from "antd";
 
 // src/components/GenUI/elements/ContentPreviewCollapse.tsx
-import { useRef as useRef12, useState as useState46, useEffect as useEffect30, useCallback as useCallback24 } from "react";
+import { useRef as useRef12, useState as useState46, useEffect as useEffect31, useCallback as useCallback24 } from "react";
 import { Collapse as Collapse5 } from "antd";
 import { createStyles as createStyles12 } from "antd-style";
 import { DownOutlined as DownOutlined3, UpOutlined as UpOutlined2 } from "@ant-design/icons";
@@ -16090,7 +16144,7 @@ var ContentPreviewCollapse = ({
       setIsOverflowing(scrollHeight > collapsedMaxHeight);
     }
   }, [collapsedMaxHeight]);
-  useEffect30(() => {
+  useEffect31(() => {
     const element = contentRef.current;
     if (!element) return;
     checkOverflow();
@@ -16268,7 +16322,7 @@ var EditFile = ({
 };
 
 // src/components/GenUI/elements/task_card.tsx
-import { Card as Card13, Typography as Typography25, Tag as Tag12, Avatar as Avatar6 } from "antd";
+import { Card as Card13, Typography as Typography25, Tag as Tag13, Avatar as Avatar6 } from "antd";
 import { createStyles as createStyles13 } from "antd-style";
 import {
   CheckCircleOutlined as CheckCircleOutlined4,
@@ -16516,7 +16570,7 @@ var TaskCard = ({
               /* @__PURE__ */ jsx52(Text23, { className: styles.assigneeName, children: assignee })
             ] }),
             /* @__PURE__ */ jsx52(
-              Tag12,
+              Tag13,
               {
                 icon: statusConfig2.icon,
                 color: statusConfig2.color,
@@ -16584,7 +16638,7 @@ import ErrorBoundary from "antd/es/alert/ErrorBoundary";
 import {
   memo,
   useCallback as useCallback25,
-  useEffect as useEffect31,
+  useEffect as useEffect32,
   useMemo as useMemo11,
   useRef as useRef13,
   useState as useState47
@@ -16598,7 +16652,7 @@ var LazyBubble = ({
   const ref = useRef13(null);
   const [isVisible, setIsVisible] = useState47(false);
   const [wasEverVisible, setWasEverVisible] = useState47(false);
-  useEffect31(() => {
+  useEffect32(() => {
     const observer = new IntersectionObserver(
       ([entry]) => {
         const visible = entry.isIntersecting;
@@ -16618,7 +16672,7 @@ var LazyBubble = ({
       }
     };
   }, [wasEverVisible]);
-  useEffect31(() => {
+  useEffect32(() => {
     autoLoadRightPanel?.();
   }, []);
   const getPlaceholder = () => {
@@ -16651,7 +16705,7 @@ var MessageList = ({
   const { styles } = useStyle();
   const openSideApp = useSideAppOpener();
   const messageLengthRef = useRef13(messages?.length ?? 0);
-  useEffect31(() => {
+  useEffect32(() => {
     if (messages?.length) {
       messageLengthRef.current = messages?.length;
     }
@@ -16761,14 +16815,14 @@ import {
   Space as Space30,
   Typography as Typography34
 } from "antd";
-import React39, { useCallback as useCallback29, useContext as useContext10, useEffect as useEffect37, useRef as useRef19, useState as useState57 } from "react";
+import React39, { useCallback as useCallback29, useContext as useContext10, useEffect as useEffect38, useRef as useRef19, useState as useState57 } from "react";
 import { BrainCircuit as BrainCircuit3 } from "lucide-react";
 
 // src/components/GenUI/HITLContainer.tsx
 import {
   Collapse as Collapse6,
   Space as Space22,
-  Tag as Tag13,
+  Tag as Tag14,
   Typography as Typography26
 } from "antd";
 import { createStyles as createStyles14 } from "antd-style";
@@ -16809,7 +16863,7 @@ var HITLContainer = () => {
         {
           showArrow: false,
           header: /* @__PURE__ */ jsx54(
-            Tag13,
+            Tag14,
             {
               bordered: false,
               color: "orange",
@@ -17382,7 +17436,7 @@ var FileExplorerButton = (_props) => {
 };
 
 // src/components/Chat/ScheduleButton.tsx
-import { useState as useState49, useCallback as useCallback26, useEffect as useEffect32 } from "react";
+import { useState as useState49, useCallback as useCallback26, useEffect as useEffect33 } from "react";
 import { Tooltip as Tooltip9, Button as Button32, Spin as Spin7 } from "antd";
 import { CalendarOutlined } from "@ant-design/icons";
 import { ScheduledTaskStatus } from "@axiom-lattice/client-sdk";
@@ -17414,7 +17468,7 @@ var ScheduleButton = ({
       setLoading(false);
     }
   }, [client, threadId]);
-  useEffect32(() => {
+  useEffect33(() => {
     fetchScheduledTasks();
   }, [fetchScheduledTasks]);
   if (!threadId) {
@@ -17710,7 +17764,7 @@ var AgentHeader = ({
 // src/components/Chat/ThreadManagementButtons.tsx
 import { useCallback as useCallback27, useContext as useContext9 } from "react";
 import { Tooltip as Tooltip12, Button as Button35, Dropdown } from "antd";
-import { HistoryOutlined, PlusOutlined as PlusOutlined7 } from "@ant-design/icons";
+import { HistoryOutlined, PlusOutlined as PlusOutlined8 } from "@ant-design/icons";
 import { Fragment as Fragment11, jsx as jsx66, jsxs as jsxs45 } from "react/jsx-runtime";
 var CreateThreadButton = () => {
   const { createThread, assistantId, isLoading } = useConversationContext();
@@ -17732,7 +17786,7 @@ var CreateThreadButton = () => {
     Button35,
     {
       type: "text",
-      icon: /* @__PURE__ */ jsx66(PlusOutlined7, {}),
+      icon: /* @__PURE__ */ jsx66(PlusOutlined8, {}),
       onClick: handleCreateThread,
       disabled: isLoading,
       loading: isLoading
@@ -17820,7 +17874,7 @@ var ThreadManagementButtons = () => {
 
 // src/components/Chat/DatabasePicker.tsx
 import { useRef as useRef14, useState as useState50 } from "react";
-import { Modal as Modal11, List as List7, Checkbox as Checkbox5, Spin as Spin8, Empty as Empty5, Typography as Typography28, Button as Button36, Space as Space25, Tooltip as Tooltip13 } from "antd";
+import { Modal as Modal11, List as List8, Checkbox as Checkbox5, Spin as Spin8, Empty as Empty5, Typography as Typography28, Button as Button36, Space as Space25, Tooltip as Tooltip13 } from "antd";
 import { Database as Database4 } from "lucide-react";
 import { Fragment as Fragment12, jsx as jsx67, jsxs as jsxs46 } from "react/jsx-runtime";
 var DatabasePicker = ({ senderRef, iconOnly }) => {
@@ -17916,13 +17970,13 @@ var DatabasePicker = ({ senderRef, iconOnly }) => {
             image: Empty5.PRESENTED_IMAGE_SIMPLE
           }
         ) : /* @__PURE__ */ jsx67(
-          List7,
+          List8,
           {
             dataSource: databases,
             renderItem: (db) => {
               const isSelected = selectedDatabases.includes(db.key);
               return /* @__PURE__ */ jsx67(
-                List7.Item,
+                List8.Item,
                 {
                   style: {
                     padding: "12px 16px",
@@ -17938,7 +17992,7 @@ var DatabasePicker = ({ senderRef, iconOnly }) => {
                     setSelectedDatabases(newValue);
                   },
                   children: /* @__PURE__ */ jsx67(
-                    List7.Item.Meta,
+                    List8.Item.Meta,
                     {
                       avatar: /* @__PURE__ */ jsx67(
                         Checkbox5,
@@ -17970,7 +18024,7 @@ var DatabasePicker = ({ senderRef, iconOnly }) => {
 
 // src/components/Chat/SkillPicker.tsx
 import { useRef as useRef15, useState as useState51 } from "react";
-import { Modal as Modal12, List as List8, Checkbox as Checkbox6, Spin as Spin9, Empty as Empty6, Typography as Typography29, Button as Button37, Space as Space26, Tooltip as Tooltip14 } from "antd";
+import { Modal as Modal12, List as List9, Checkbox as Checkbox6, Spin as Spin9, Empty as Empty6, Typography as Typography29, Button as Button37, Space as Space26, Tooltip as Tooltip14 } from "antd";
 import { BrainCircuit } from "lucide-react";
 import { Fragment as Fragment13, jsx as jsx68, jsxs as jsxs47 } from "react/jsx-runtime";
 var SkillPicker = ({ senderRef, iconOnly }) => {
@@ -18066,13 +18120,13 @@ var SkillPicker = ({ senderRef, iconOnly }) => {
             image: Empty6.PRESENTED_IMAGE_SIMPLE
           }
         ) : /* @__PURE__ */ jsx68(
-          List8,
+          List9,
           {
             dataSource: skills,
             renderItem: (skill) => {
               const isSelected = selectedSkills.includes(skill.id);
               return /* @__PURE__ */ jsx68(
-                List8.Item,
+                List9.Item,
                 {
                   style: {
                     padding: "12px 16px",
@@ -18088,7 +18142,7 @@ var SkillPicker = ({ senderRef, iconOnly }) => {
                     setSelectedSkills(newValue);
                   },
                   children: /* @__PURE__ */ jsx68(
-                    List8.Item.Meta,
+                    List9.Item.Meta,
                     {
                       avatar: /* @__PURE__ */ jsx68(
                         Checkbox6,
@@ -18120,7 +18174,7 @@ var SkillPicker = ({ senderRef, iconOnly }) => {
 
 // src/components/Chat/AgentPicker.tsx
 import { useRef as useRef16, useState as useState52 } from "react";
-import { Modal as Modal13, List as List9, Empty as Empty7, Typography as Typography30, Button as Button38, Tooltip as Tooltip15 } from "antd";
+import { Modal as Modal13, List as List10, Empty as Empty7, Typography as Typography30, Button as Button38, Tooltip as Tooltip15 } from "antd";
 import { Bot as Bot2 } from "lucide-react";
 import { Fragment as Fragment14, jsx as jsx69, jsxs as jsxs48 } from "react/jsx-runtime";
 var AgentPicker = ({ senderRef, iconOnly }) => {
@@ -18181,13 +18235,13 @@ var AgentPicker = ({ senderRef, iconOnly }) => {
             image: Empty7.PRESENTED_IMAGE_SIMPLE
           }
         ) : /* @__PURE__ */ jsx69(
-          List9,
+          List10,
           {
             dataSource: assistants,
             renderItem: (agent) => {
               const isSelected = selectedAgent === agent.id;
               return /* @__PURE__ */ jsx69(
-                List9.Item,
+                List10.Item,
                 {
                   style: {
                     padding: "12px 16px",
@@ -18200,7 +18254,7 @@ var AgentPicker = ({ senderRef, iconOnly }) => {
                   },
                   onClick: () => handleAgentClick(agent.id),
                   children: /* @__PURE__ */ jsx69(
-                    List9.Item.Meta,
+                    List10.Item.Meta,
                     {
                       avatar: /* @__PURE__ */ jsx69(
                         "div",
@@ -18235,8 +18289,8 @@ var AgentPicker = ({ senderRef, iconOnly }) => {
 };
 
 // src/components/Chat/MetricsDataSourcePicker.tsx
-import { useEffect as useEffect34, useState as useState53, useRef as useRef17 } from "react";
-import { Modal as Modal14, List as List10, Spin as Spin11, Empty as Empty8, Typography as Typography31, Button as Button39, Tag as Tag14, Tooltip as Tooltip16 } from "antd";
+import { useEffect as useEffect35, useState as useState53, useRef as useRef17 } from "react";
+import { Modal as Modal14, List as List11, Spin as Spin11, Empty as Empty8, Typography as Typography31, Button as Button39, Tag as Tag15, Tooltip as Tooltip16 } from "antd";
 import { Database as Database5, Check as Check4, Server as Server2 } from "lucide-react";
 import { Fragment as Fragment15, jsx as jsx70, jsxs as jsxs49 } from "react/jsx-runtime";
 var SESSION_STORAGE_KEY = "metrics_datasource_selection";
@@ -18324,7 +18378,7 @@ var MetricsDataSourcePicker = ({
       console.error("Failed to save datasource to sessionStorage:", error);
     }
   };
-  useEffect34(() => {
+  useEffect35(() => {
     if (hasInitializedRef.current) return;
     hasInitializedRef.current = true;
     loadDataSources().then(() => {
@@ -18454,19 +18508,19 @@ var MetricsDataSourcePicker = ({
                     children: serverName
                   }
                 ),
-                /* @__PURE__ */ jsx70(Tag14, { style: { fontSize: 11, padding: "0 6px", lineHeight: "18px" }, children: sources.length })
+                /* @__PURE__ */ jsx70(Tag15, { style: { fontSize: 11, padding: "0 6px", lineHeight: "18px" }, children: sources.length })
               ]
             }
           ),
           /* @__PURE__ */ jsx70(
-            List10,
+            List11,
             {
               dataSource: sources,
               renderItem: (dataSource) => {
                 const isConnected = dataSource.connected;
                 const selected = isSelected(dataSource);
                 return /* @__PURE__ */ jsx70(
-                  List10.Item,
+                  List11.Item,
                   {
                     style: {
                       padding: "10px 12px",
@@ -18547,7 +18601,7 @@ var MetricsDataSourcePicker = ({
                             }
                           ),
                           selected && /* @__PURE__ */ jsx70(
-                            Tag14,
+                            Tag15,
                             {
                               color: "blue",
                               style: {
@@ -18575,7 +18629,7 @@ var MetricsDataSourcePicker = ({
 };
 
 // src/components/Chat/ModelSelector.tsx
-import { useState as useState54, useEffect as useEffect35, useCallback as useCallback28, useRef as useRef18 } from "react";
+import { useState as useState54, useEffect as useEffect36, useCallback as useCallback28, useRef as useRef18 } from "react";
 import { Select as Select7 } from "antd";
 import { jsx as jsx71 } from "react/jsx-runtime";
 var STORAGE_KEY = "axiom-lattice:selected-model";
@@ -18642,7 +18696,7 @@ var ModelSelector = ({
       setIsLoading(false);
     }
   }, [get, defaultModelKey]);
-  useEffect35(() => {
+  useEffect36(() => {
     fetchModels();
   }, [fetchModels]);
   const handleChange = (modelKey) => {
@@ -18706,7 +18760,7 @@ import {
 } from "@ant-design/icons";
 import { Prompts } from "@ant-design/x";
 import { Space as Space28, Typography as Typography32, Spin as Spin12 } from "antd";
-import { useEffect as useEffect36, useState as useState55, useMemo as useMemo12 } from "react";
+import { useEffect as useEffect37, useState as useState55, useMemo as useMemo12 } from "react";
 import { BrainCircuit as BrainCircuit2 } from "lucide-react";
 import { jsx as jsx72, jsxs as jsxs50 } from "react/jsx-runtime";
 var categoryConfig = {
@@ -18796,7 +18850,7 @@ var SkillCategoryPrompts = ({
   const [showAll, setShowAll] = useState55(false);
   const { get } = useApi();
   const MAX_SIMPLE_ITEMS = 10;
-  useEffect36(() => {
+  useEffect37(() => {
     const loadSkills = async () => {
       setLoading(true);
       try {
@@ -19398,7 +19452,7 @@ var Chating = ({
   const isInputDisabled = interrupts && interrupts.length > 0;
   const typingFrames = ["\u280B", "\u2819", "\u2839", "\u2838", "\u283C", "\u2834", "\u2826", "\u2827", "\u2807", "\u280F"];
   const [typingFrameIndex, setTypingFrameIndex] = useState57(0);
-  useEffect37(() => {
+  useEffect38(() => {
     if (!isStreaming) return;
     const interval = setInterval(() => {
       setTypingFrameIndex((prev) => (prev + 1) % typingFrames.length);
@@ -19409,13 +19463,13 @@ var Chating = ({
   const systemContextSentRef = useRef19(false);
   const initialMessageSentRef = useRef19(false);
   const prevLoadingRef = useRef19(false);
-  useEffect37(() => {
+  useEffect38(() => {
     systemContextSentRef.current = false;
   }, [threadId]);
-  useEffect37(() => {
+  useEffect38(() => {
     initialMessageSentRef.current = false;
   }, [threadId]);
-  useEffect37(() => {
+  useEffect38(() => {
     const wasLoading = prevLoadingRef.current;
     prevLoadingRef.current = isLoading;
     if (wasLoading && !isLoading && initialMessage && threadId && !initialMessageSentRef.current) {
@@ -19436,7 +19490,7 @@ var Chating = ({
   }, [updateCustomRunConfig]);
   const [isEmptyState, setIsEmptyState] = useState57(showEmptyState && messages.length === 0 && !pendingMessages?.length);
   const [isTransitioning, setIsTransitioning] = useState57(false);
-  useEffect37(() => {
+  useEffect38(() => {
     if (!showEmptyState) {
       setIsEmptyState(false);
       return;
@@ -19523,7 +19577,7 @@ var Chating = ({
       setSuggestionsLoading(false);
     }
   };
-  useEffect37(() => {
+  useEffect38(() => {
     regsiterElement("action_show_attachments_uploader", {
       card_view: () => null,
       action: (data) => {
@@ -19959,7 +20013,7 @@ var TaskDetail = ({ data, component_key, interactive = true }) => {
 };
 
 // src/components/GenUI/elements/internet_search_card.tsx
-import { Avatar as Avatar7, Button as Button41, List as List11, Space as Space31, Typography as Typography36 } from "antd";
+import { Avatar as Avatar7, Button as Button41, List as List12, Space as Space31, Typography as Typography36 } from "antd";
 import {
   SearchOutlined
 } from "@ant-design/icons";
@@ -20090,7 +20144,7 @@ var InternetSearchCard = ({
       header,
       expandIcon: () => /* @__PURE__ */ jsx76(SearchOutlined, {}),
       children: /* @__PURE__ */ jsx76(
-        List11,
+        List12,
         {
           size: "small",
           dataSource,
@@ -20099,7 +20153,7 @@ var InternetSearchCard = ({
             const domain = getDomainFromUrl(url);
             const iconText = getIconText(domain);
             const iconColor = getIconColor(domain);
-            return /* @__PURE__ */ jsx76(List11.Item, { extra: /* @__PURE__ */ jsx76(Text26, { className: styles.source, children: domain }), children: /* @__PURE__ */ jsxs53(Space31, { style: { width: "100%" }, children: [
+            return /* @__PURE__ */ jsx76(List12.Item, { extra: /* @__PURE__ */ jsx76(Text26, { className: styles.source, children: domain }), children: /* @__PURE__ */ jsxs53(Space31, { style: { width: "100%" }, children: [
               /* @__PURE__ */ jsx76(Avatar7, { style: { background: iconColor }, children: iconText }),
               " ",
               /* @__PURE__ */ jsx76(
@@ -20125,16 +20179,16 @@ var InternetSearchCard = ({
 };
 
 // src/components/GenUI/elements/schedule_viewer.tsx
-import { useState as useState58, useEffect as useEffect38, useCallback as useCallback30 } from "react";
+import { useState as useState58, useEffect as useEffect39, useCallback as useCallback30 } from "react";
 import {
-  Tag as Tag15,
+  Tag as Tag16,
   Button as Button42,
   Empty as Empty10,
   Spin as Spin13,
   Typography as Typography37,
   Space as Space32,
   Tooltip as Tooltip17,
-  Popconfirm as Popconfirm4,
+  Popconfirm as Popconfirm5,
   message as message15,
   Card as Card15
 } from "antd";
@@ -20142,7 +20196,7 @@ import {
   ClockCircleOutlined as ClockCircleOutlined3,
   PauseCircleOutlined,
   PlayCircleOutlined,
-  StopOutlined,
+  StopOutlined as StopOutlined2,
   ReloadOutlined as ReloadOutlined3,
   CheckCircleOutlined as CheckCircleOutlined6,
   CloseCircleOutlined as CloseCircleOutlined2,
@@ -20159,7 +20213,7 @@ import {
 } from "@axiom-lattice/client-sdk";
 import { jsx as jsx77, jsxs as jsxs54 } from "react/jsx-runtime";
 dayjs2.extend(relativeTime);
-var { Text: Text27, Title: Title5 } = Typography37;
+var { Text: Text27, Title: Title6 } = Typography37;
 var useStyles7 = createStyles19(({ token, css }) => ({
   container: css`
     height: 100%;
@@ -20270,7 +20324,7 @@ var getStatusIcon2 = (status) => {
     case ScheduledTaskStatus2.FAILED:
       return /* @__PURE__ */ jsx77(CloseCircleOutlined2, {});
     case ScheduledTaskStatus2.CANCELLED:
-      return /* @__PURE__ */ jsx77(StopOutlined, {});
+      return /* @__PURE__ */ jsx77(StopOutlined2, {});
     case ScheduledTaskStatus2.PAUSED:
       return /* @__PURE__ */ jsx77(PauseCircleOutlined, {});
     default:
@@ -20354,12 +20408,12 @@ var ScheduleViewer = ({ data }) => {
     },
     [client, handleRefresh]
   );
-  useEffect38(() => {
+  useEffect39(() => {
     if (threadId && (!initialTasks || initialTasks.length === 0)) {
       handleRefresh();
     }
   }, [threadId]);
-  useEffect38(() => {
+  useEffect39(() => {
     if (initialTasks) {
       setTasks(initialTasks);
     }
@@ -20391,7 +20445,7 @@ var ScheduleViewer = ({ data }) => {
         }
       ) }),
       (isPending || isPaused) && /* @__PURE__ */ jsx77(
-        Popconfirm4,
+        Popconfirm5,
         {
           title: "Cancel this scheduled task?",
           description: "This action cannot be undone.",
@@ -20404,7 +20458,7 @@ var ScheduleViewer = ({ data }) => {
               type: "text",
               size: "small",
               danger: true,
-              icon: /* @__PURE__ */ jsx77(StopOutlined, {}),
+              icon: /* @__PURE__ */ jsx77(StopOutlined2, {}),
               loading: isLoading
             }
           ) })
@@ -20427,7 +20481,7 @@ var ScheduleViewer = ({ data }) => {
               /* @__PURE__ */ jsx77("div", { className: styles.taskId, children: task.taskId }),
               task.payload?.message?.content && /* @__PURE__ */ jsx77("div", { className: styles.messageContent, children: /* @__PURE__ */ jsx77(Text27, { type: "secondary", style: { fontSize: 12 }, children: task.payload.message.content }) })
             ] }),
-            /* @__PURE__ */ jsx77(Tag15, { color: getStatusColor(task.status), icon: getStatusIcon2(task.status), children: task.status.toUpperCase() })
+            /* @__PURE__ */ jsx77(Tag16, { color: getStatusColor(task.status), icon: getStatusIcon2(task.status), children: task.status.toUpperCase() })
           ] }),
           /* @__PURE__ */ jsxs54("div", { className: styles.metaRow, children: [
             /* @__PURE__ */ jsx77(Tooltip17, { title: "Execution Type", children: /* @__PURE__ */ jsxs54("div", { className: styles.metaItem, children: [
@@ -20473,7 +20527,7 @@ var ScheduleViewer = ({ data }) => {
   };
   return /* @__PURE__ */ jsxs54("div", { className: styles.container, children: [
     /* @__PURE__ */ jsxs54("div", { className: styles.header, children: [
-      /* @__PURE__ */ jsx77(Title5, { level: 5, style: { margin: 0 }, children: "Scheduled Tasks" }),
+      /* @__PURE__ */ jsx77(Title6, { level: 5, style: { margin: 0 }, children: "Scheduled Tasks" }),
       /* @__PURE__ */ jsx77(Tooltip17, { title: "Refresh", children: /* @__PURE__ */ jsx77(
         Button42,
         {
@@ -20646,7 +20700,7 @@ ${code}
 };
 
 // src/components/GenUI/elements/TeamGraph.tsx
-import { Card as Card16, Typography as Typography40, Avatar as Avatar8, Tag as Tag16, List as List13, Space as Space35, Button as Button45, Skeleton as Skeleton2 } from "antd";
+import { Card as Card16, Typography as Typography40, Avatar as Avatar8, Tag as Tag17, List as List14, Space as Space35, Button as Button45, Skeleton as Skeleton2 } from "antd";
 import { UserOutlined as UserOutlined5, TeamOutlined as TeamOutlined2 } from "@ant-design/icons";
 import { Monitor } from "lucide-react";
 import { jsx as jsx80, jsxs as jsxs57 } from "react/jsx-runtime";
@@ -20765,10 +20819,10 @@ var TeamGraph = ({ data }) => {
       ) : null,
       children: [
         /* @__PURE__ */ jsx80(
-          List13,
+          List14,
           {
             dataSource: teammates,
-            renderItem: (teammate) => /* @__PURE__ */ jsxs57(List13.Item, { style: { display: "block" }, children: [
+            renderItem: (teammate) => /* @__PURE__ */ jsxs57(List14.Item, { style: { display: "block" }, children: [
               /* @__PURE__ */ jsxs57(Space35, { align: "center", size: 12, children: [
                 /* @__PURE__ */ jsx80(
                   Avatar8,
@@ -20788,7 +20842,7 @@ var TeamGraph = ({ data }) => {
                 /* @__PURE__ */ jsxs57("div", { style: { flex: 1 }, children: [
                   /* @__PURE__ */ jsx80(Text30, { strong: true, style: { display: "block" }, children: teammate?.name || "Unnamed" }),
                   /* @__PURE__ */ jsx80(
-                    Tag16,
+                    Tag17,
                     {
                       color: "blue",
                       style: { margin: 0, marginTop: 4 },
@@ -20808,11 +20862,11 @@ var TeamGraph = ({ data }) => {
             ")"
           ] }),
           /* @__PURE__ */ jsx80(
-            List13,
+            List14,
             {
               size: "small",
               dataSource: tasks.filter((t) => t.status === "pending"),
-              renderItem: (task) => /* @__PURE__ */ jsx80(List13.Item, { style: { padding: "8px 0" }, children: /* @__PURE__ */ jsxs57("div", { children: [
+              renderItem: (task) => /* @__PURE__ */ jsx80(List14.Item, { style: { padding: "8px 0" }, children: /* @__PURE__ */ jsxs57("div", { children: [
                 /* @__PURE__ */ jsx80(Text30, { style: { fontSize: 12, color: "#7A7A7A" }, children: task.id }),
                 /* @__PURE__ */ jsx80(Text30, { strong: true, style: { display: "block", fontSize: 13 }, children: task.title }),
                 task.description && /* @__PURE__ */ jsx80(Text30, { type: "secondary", style: { fontSize: 11 }, children: task.description.length > 100 ? task.description.slice(0, 100) + "..." : task.description })
@@ -21155,7 +21209,7 @@ function useTeamWorkspaceData(threadId, assistantId) {
 
 // src/components/GenUI/elements/TeamWorkspace/TeamDashboard.tsx
 import { jsx as jsx82, jsxs as jsxs59 } from "react/jsx-runtime";
-var { Title: Title6, Text: Text31 } = Typography41;
+var { Title: Title7, Text: Text31 } = Typography41;
 var useStyles9 = createStyles21(({ token, css }) => ({
   container: css`
     padding: ${token.paddingLG}px;
@@ -21426,7 +21480,7 @@ var TeamDashboard = ({
   const { styles } = useStyles9();
   return /* @__PURE__ */ jsxs59("div", { className: styles.container, children: [
     /* @__PURE__ */ jsxs59("div", { className: styles.header, children: [
-      /* @__PURE__ */ jsx82(Title6, { level: 3, className: styles.title, children: "Team Dashboard" }),
+      /* @__PURE__ */ jsx82(Title7, { level: 3, className: styles.title, children: "Team Dashboard" }),
       /* @__PURE__ */ jsx82(Text31, { className: styles.subtitle, children: team?.teamId ? `Team ID: ${team.teamId} \u2022 ${stats.totalTasks} tasks \u2022 ${stats.totalActivities} activities` : "Overview of team activities and tasks" })
     ] }),
     /* @__PURE__ */ jsxs59(Row2, { gutter: [16, 16], className: styles.statsRow, children: [
@@ -21514,13 +21568,13 @@ import {
   ChevronRight as ChevronRight5,
   Circle,
   LayoutGrid as LayoutGrid2,
-  List as List14
+  List as List15
 } from "lucide-react";
 import { createStyles as createStyles23 } from "antd-style";
 
 // src/components/GenUI/elements/TeamWorkspace/TaskDetailModal.tsx
 import { useState as useState60 } from "react";
-import { Modal as Modal15, Typography as Typography42, Tag as Tag17, Divider as Divider7, Tabs as Tabs2, Timeline } from "antd";
+import { Modal as Modal15, Typography as Typography42, Tag as Tag18, Divider as Divider7, Tabs as Tabs2, Timeline } from "antd";
 import { createStyles as createStyles22 } from "antd-style";
 import {
   CheckCircle2 as CheckCircle22,
@@ -21534,7 +21588,7 @@ import {
   GitCommit
 } from "lucide-react";
 import { Fragment as Fragment18, jsx as jsx83, jsxs as jsxs60 } from "react/jsx-runtime";
-var { Title: Title7, Text: Text32, Paragraph } = Typography42;
+var { Title: Title8, Text: Text32, Paragraph } = Typography42;
 var useStyles10 = createStyles22(({ token, css }) => ({
   modalContent: css`
     padding: 0;
@@ -21996,7 +22050,7 @@ var TaskDetailModal = ({
           ),
           /* @__PURE__ */ jsx83(Text32, { className: styles.taskId, children: task.id })
         ] }),
-        /* @__PURE__ */ jsx83(Title7, { level: 3, className: styles.title, children: task.title }),
+        /* @__PURE__ */ jsx83(Title8, { level: 3, className: styles.title, children: task.title }),
         task.description && /* @__PURE__ */ jsx83("div", { className: styles.description, children: /* @__PURE__ */ jsx83(Paragraph, { style: { margin: 0 }, children: task.description }) }),
         /* @__PURE__ */ jsxs60("div", { className: styles.metaSection, children: [
           /* @__PURE__ */ jsxs60("div", { className: styles.metaItem, children: [
@@ -22048,7 +22102,7 @@ var TaskDetailModal = ({
         /* @__PURE__ */ jsx83(Divider7, {}),
         task.dependencies?.length > 0 && /* @__PURE__ */ jsxs60("div", { className: styles.dependenciesSection, children: [
           /* @__PURE__ */ jsx83(Text32, { className: styles.sectionTitle, children: "Dependencies" }),
-          /* @__PURE__ */ jsx83("div", { className: styles.dependencyList, children: task.dependencies.map((dep) => /* @__PURE__ */ jsxs60(Tag17, { className: styles.dependencyTag, children: [
+          /* @__PURE__ */ jsx83("div", { className: styles.dependencyList, children: task.dependencies.map((dep) => /* @__PURE__ */ jsxs60(Tag18, { className: styles.dependencyTag, children: [
             /* @__PURE__ */ jsx83(Link, { size: 12 }),
             " ",
             dep
@@ -22069,7 +22123,7 @@ var TaskDetailModal = ({
 
 // src/components/GenUI/elements/TeamWorkspace/IssuesView.tsx
 import { jsx as jsx84, jsxs as jsxs61 } from "react/jsx-runtime";
-var { Title: Title8, Text: Text33 } = Typography43;
+var { Title: Title9, Text: Text33 } = Typography43;
 var getInitials4 = (name) => {
   return name.split(/[\s_-]/).map((n) => n.charAt(0)).join("").toUpperCase().slice(0, 2);
 };
@@ -22549,7 +22603,7 @@ var IssuesView = ({
   return /* @__PURE__ */ jsxs61("div", { className: styles.container, children: [
     /* @__PURE__ */ jsxs61("div", { className: styles.header, children: [
       /* @__PURE__ */ jsxs61("div", { children: [
-        /* @__PURE__ */ jsx84(Title8, { level: 3, className: styles.title, children: "Issues" }),
+        /* @__PURE__ */ jsx84(Title9, { level: 3, className: styles.title, children: "Issues" }),
         /* @__PURE__ */ jsxs61(Text33, { type: "secondary", children: [
           tasks?.length || 0,
           " tasks \u2022 Team: ",
@@ -22562,7 +22616,7 @@ var IssuesView = ({
           {
             className: `${styles.viewToggleButton} ${viewMode === "list" ? "active" : ""}`,
             onClick: () => setViewMode("list"),
-            children: /* @__PURE__ */ jsx84(List14, { size: 16 })
+            children: /* @__PURE__ */ jsx84(List15, { size: 16 })
           }
         ),
         /* @__PURE__ */ jsx84(
@@ -22599,10 +22653,10 @@ import {
   useReactFlow as useReactFlow2
 } from "@xyflow/react";
 import "@xyflow/react/dist/style.css";
-import { Typography as Typography44, Tag as Tag18, Space as Space37 } from "antd";
+import { Typography as Typography44, Tag as Tag19, Space as Space37 } from "antd";
 import { createStyles as createStyles24 } from "antd-style";
 import { jsx as jsx85, jsxs as jsxs62 } from "react/jsx-runtime";
-var { Title: Title9, Text: Text34 } = Typography44;
+var { Title: Title10, Text: Text34 } = Typography44;
 var useStyles12 = createStyles24(({ token, css }) => ({
   container: css`
     height: 100%;
@@ -22718,7 +22772,7 @@ var TeamMemberNode = ({ data }) => {
       /* @__PURE__ */ jsxs62("div", { children: [
         /* @__PURE__ */ jsxs62("div", { className: styles.nodeTitle, children: [
           name,
-          isLead && /* @__PURE__ */ jsx85(Tag18, { color: "blue", style: { marginLeft: 8, fontSize: 10 }, children: "Lead" })
+          isLead && /* @__PURE__ */ jsx85(Tag19, { color: "blue", style: { marginLeft: 8, fontSize: 10 }, children: "Lead" })
         ] }),
         /* @__PURE__ */ jsx85("div", { className: styles.nodeRole, children: role })
       ] })
@@ -22732,15 +22786,15 @@ var TeamMemberNode = ({ data }) => {
       }
     ),
     taskStats && /* @__PURE__ */ jsxs62("div", { className: styles.nodeStats, children: [
-      taskStats.completed > 0 && /* @__PURE__ */ jsxs62(Tag18, { color: "success", className: styles.statTag, children: [
+      taskStats.completed > 0 && /* @__PURE__ */ jsxs62(Tag19, { color: "success", className: styles.statTag, children: [
         "\u2713 ",
         taskStats.completed
       ] }),
-      taskStats.inProgress > 0 && /* @__PURE__ */ jsxs62(Tag18, { color: "warning", className: styles.statTag, children: [
+      taskStats.inProgress > 0 && /* @__PURE__ */ jsxs62(Tag19, { color: "warning", className: styles.statTag, children: [
         "\u27F3 ",
         taskStats.inProgress
       ] }),
-      taskStats.pending > 0 && /* @__PURE__ */ jsxs62(Tag18, { className: styles.statTag, children: [
+      taskStats.pending > 0 && /* @__PURE__ */ jsxs62(Tag19, { className: styles.statTag, children: [
         "\u25CB ",
         taskStats.pending
       ] })
@@ -22839,7 +22893,7 @@ var TeamOrgCanvasInner = ({
   };
   return /* @__PURE__ */ jsxs62("div", { className: styles.container, children: [
     /* @__PURE__ */ jsxs62("div", { className: styles.header, children: [
-      /* @__PURE__ */ jsx85(Title9, { level: 3, className: styles.title, children: "Team Organization" }),
+      /* @__PURE__ */ jsx85(Title10, { level: 3, className: styles.title, children: "Team Organization" }),
       /* @__PURE__ */ jsxs62(Text34, { type: "secondary", children: [
         teammates.length + 1,
         " members \u2022 ",
@@ -22903,10 +22957,10 @@ var TeamOrgCanvasInner = ({
 var TeamOrgCanvas = (props) => /* @__PURE__ */ jsx85(ReactFlowProvider3, { children: /* @__PURE__ */ jsx85(TeamOrgCanvasInner, { ...props }) });
 
 // src/components/GenUI/elements/TeamWorkspace/TeamMemberChat.tsx
-import { Typography as Typography45, Tag as Tag19 } from "antd";
+import { Typography as Typography45, Tag as Tag20 } from "antd";
 import { createStyles as createStyles25 } from "antd-style";
 import { jsx as jsx86, jsxs as jsxs63 } from "react/jsx-runtime";
-var { Title: Title10, Text: Text35 } = Typography45;
+var { Title: Title11, Text: Text35 } = Typography45;
 var useStyles13 = createStyles25(({ token, css }) => ({
   container: css`
     height: 100%;
@@ -23000,9 +23054,9 @@ var TeamMemberChat = ({
             }
           ),
           /* @__PURE__ */ jsxs63("div", { className: styles.headerInfo, children: [
-            /* @__PURE__ */ jsx86(Title10, { level: 4, className: styles.title, children: teammate.name }),
+            /* @__PURE__ */ jsx86(Title11, { level: 4, className: styles.title, children: teammate.name }),
             /* @__PURE__ */ jsxs63("div", { children: [
-              /* @__PURE__ */ jsx86(Tag19, { color: "blue", children: teammate.role }),
+              /* @__PURE__ */ jsx86(Tag20, { color: "blue", children: teammate.role }),
               teammate.description && /* @__PURE__ */ jsxs63(Text35, { className: styles.role, children: [
                 "\u2022 ",
                 teammate.description
@@ -23037,11 +23091,11 @@ import {
 } from "lucide-react";
 
 // src/components/GenUI/elements/MailboxDetailModal.tsx
-import { Modal as Modal16, Typography as Typography46, Tag as Tag20, Divider as Divider8 } from "antd";
+import { Modal as Modal16, Typography as Typography46, Tag as Tag21, Divider as Divider8 } from "antd";
 import { createStyles as createStyles26 } from "antd-style";
 import { Mail as Mail2, Calendar as Calendar2 } from "lucide-react";
 import { jsx as jsx87, jsxs as jsxs64 } from "react/jsx-runtime";
-var { Title: Title11, Text: Text36, Paragraph: Paragraph2 } = Typography46;
+var { Title: Title12, Text: Text36, Paragraph: Paragraph2 } = Typography46;
 var useStyles14 = createStyles26(({ token, css }) => ({
   modalContent: css`
     padding: 0;
@@ -23200,9 +23254,9 @@ var MailboxDetailModal = ({
         /* @__PURE__ */ jsxs64("div", { className: styles.header, children: [
           /* @__PURE__ */ jsx87("div", { className: styles.messageIcon, children: /* @__PURE__ */ jsx87(Mail2, { size: 20 }) }),
           /* @__PURE__ */ jsx87(Text36, { className: styles.messageId, children: message28.id }),
-          !message28.read && /* @__PURE__ */ jsx87(Tag20, { color: "red", children: "Unread" })
+          !message28.read && /* @__PURE__ */ jsx87(Tag21, { color: "red", children: "Unread" })
         ] }),
-        /* @__PURE__ */ jsxs64(Title11, { level: 4, className: styles.title, children: [
+        /* @__PURE__ */ jsxs64(Title12, { level: 4, className: styles.title, children: [
           "Message from ",
           message28.from
         ] }),
@@ -23244,7 +23298,7 @@ var MailboxDetailModal = ({
           ] }),
           /* @__PURE__ */ jsxs64("div", { className: styles.metaItem, children: [
             /* @__PURE__ */ jsx87(Text36, { className: styles.metaLabel, children: "Type" }),
-            /* @__PURE__ */ jsx87("div", { className: styles.metaValue, children: /* @__PURE__ */ jsx87(Tag20, { color: message28.type === "broadcast" ? "blue" : "default", children: message28.type }) })
+            /* @__PURE__ */ jsx87("div", { className: styles.metaValue, children: /* @__PURE__ */ jsx87(Tag21, { color: message28.type === "broadcast" ? "blue" : "default", children: message28.type }) })
           ] })
         ] }),
         /* @__PURE__ */ jsx87(Divider8, {}),
@@ -23259,7 +23313,7 @@ var MailboxDetailModal = ({
 
 // src/components/GenUI/elements/MailboxPanel.tsx
 import { jsx as jsx88, jsxs as jsxs65 } from "react/jsx-runtime";
-var { Title: Title12, Text: Text37 } = Typography47;
+var { Title: Title13, Text: Text37 } = Typography47;
 var useStyles15 = createStyles27(({ token, css }) => ({
   container: css`
     padding: ${token.paddingLG}px;
@@ -23541,7 +23595,7 @@ var MailboxPanel = ({ data }) => {
   };
   return /* @__PURE__ */ jsxs65("div", { className: styles.container, children: [
     /* @__PURE__ */ jsx88("div", { className: styles.header, children: /* @__PURE__ */ jsxs65("div", { children: [
-      /* @__PURE__ */ jsxs65(Title12, { level: 3, className: styles.title, children: [
+      /* @__PURE__ */ jsxs65(Title13, { level: 3, className: styles.title, children: [
         /* @__PURE__ */ jsx88(Mail3, { size: 20, style: { marginRight: 8, verticalAlign: "middle" } }),
         "Mailbox"
       ] }),
@@ -24118,7 +24172,7 @@ var TaskBoard = ({
 };
 
 // src/components/GenUI/elements/Mailbox.tsx
-import { useState as useState64, useMemo as useMemo20, useRef as useRef20, useEffect as useEffect39 } from "react";
+import { useState as useState64, useMemo as useMemo20, useRef as useRef20, useEffect as useEffect40 } from "react";
 import { jsx as jsx92, jsxs as jsxs69 } from "react/jsx-runtime";
 var useStyle12 = () => {
   return {
@@ -24414,7 +24468,7 @@ var TeamChat = ({ data }) => {
   const mentions = useMemo20(() => {
     return teammates?.map((t) => t.name) || [];
   }, [teammates]);
-  useEffect39(() => {
+  useEffect40(() => {
     messagesEndRef.current?.scrollIntoView({ behavior: "smooth" });
   }, [sortedMessages]);
   const handleSend = () => {
@@ -24588,7 +24642,7 @@ import { Button as Button47, Typography as Typography48 } from "antd";
 import { ExpandOutlined as ExpandOutlined2 } from "@ant-design/icons";
 
 // src/streaming-html/StreamingHTMLRenderer.tsx
-import React49, { useEffect as useEffect40, useRef as useRef21, useCallback as useCallback31, useState as useState65 } from "react";
+import React49, { useEffect as useEffect41, useRef as useRef21, useCallback as useCallback31, useState as useState65 } from "react";
 
 // src/streaming-html/show-widget-css-generator.ts
 function generateShowWidgetCSS(tokens) {
@@ -25291,10 +25345,10 @@ var StreamingHTMLRenderer = ({
   const [iframeWidth, setIframeWidth] = React49.useState(void 0);
   const [currentMessageIndex, setCurrentMessageIndex] = useState65(0);
   const [showLoading, setShowLoading] = useState65(true);
-  useEffect40(() => {
+  useEffect41(() => {
     isCompleteRef.current = isComplete;
   }, [isComplete]);
-  useEffect40(() => {
+  useEffect41(() => {
     if (iframeHeight > 0) {
       setShowLoading(false);
       return;
@@ -25370,7 +25424,7 @@ var StreamingHTMLRenderer = ({
       onError?.(streamingError);
     }
   }, [onError]);
-  useEffect40(() => {
+  useEffect41(() => {
     const handleMessage = (event) => {
       const iframe = iframeRef.current;
       if (!iframe || event.source !== iframe.contentWindow) {
@@ -25424,7 +25478,7 @@ var StreamingHTMLRenderer = ({
       window.removeEventListener("message", handleMessage);
     };
   }, [onError, onPrompt, sendChunk, executeScripts]);
-  useEffect40(() => {
+  useEffect41(() => {
     if (html === prevHTMLRef.current) {
       return;
     }
@@ -25435,12 +25489,12 @@ var StreamingHTMLRenderer = ({
       sendChunk(newChunk);
     }
   }, [html, sendChunk]);
-  useEffect40(() => {
+  useEffect41(() => {
     if (isComplete && isReadyRef.current) {
       executeScripts();
     }
   }, [isComplete, executeScripts]);
-  useEffect40(() => {
+  useEffect41(() => {
     const container = containerRef.current;
     if (!container) return;
     const antBubble = container.closest(".ant-bubble");
@@ -25466,7 +25520,7 @@ var StreamingHTMLRenderer = ({
       resizeObserverRef.current = null;
     };
   }, []);
-  useEffect40(() => {
+  useEffect41(() => {
     return () => {
       isReadyRef.current = false;
       pendingChunksRef.current = [];
@@ -25781,13 +25835,13 @@ import { CodeHighlighter, Mermaid } from "@ant-design/x";
 
 // src/components/GenUI/ReactInfographic.tsx
 import { Infographic } from "@antv/infographic";
-import { useRef as useRef22, useEffect as useEffect41 } from "react";
+import { useRef as useRef22, useEffect as useEffect42 } from "react";
 import { jsx as jsx96 } from "react/jsx-runtime";
 var ReactInfographic = (props) => {
   const { children } = props;
   const $container = useRef22(null);
   const infographicInstance = useRef22(null);
-  useEffect41(() => {
+  useEffect42(() => {
     if ($container.current) {
       infographicInstance.current = new Infographic({
         container: $container.current,
@@ -25802,7 +25856,7 @@ var ReactInfographic = (props) => {
       infographicInstance.current?.destroy();
     };
   }, []);
-  useEffect41(() => {
+  useEffect42(() => {
     const a = `infographic sequence-steps-simple
 data
   sequences
@@ -25818,7 +25872,7 @@ data
 };
 
 // src/components/GenUI/ReactChart.tsx
-import { useEffect as useEffect42, useRef as useRef23, useState as useState66 } from "react";
+import { useEffect as useEffect43, useRef as useRef23, useState as useState66 } from "react";
 import * as echarts from "echarts";
 import { Card as Card22 } from "antd";
 import { parse } from "best-effort-json-parser";
@@ -26135,7 +26189,7 @@ var ReactChart = (props) => {
   const chartInstance = useRef23(null);
   const resizeObserverRef = useRef23(null);
   const [tableData, setTableData] = useState66(null);
-  useEffect42(() => {
+  useEffect43(() => {
     if (!chartRef.current) {
       return;
     }
@@ -26208,7 +26262,7 @@ var ReactChart = (props) => {
       window.removeEventListener("resize", handleResize);
     };
   }, [children]);
-  useEffect42(() => {
+  useEffect43(() => {
     return () => {
       if (resizeObserverRef.current) {
         resizeObserverRef.current.disconnect();
@@ -26907,7 +26961,7 @@ function normalize(name, steps) {
 }
 
 // src/components/Chat/WorkflowCanvas.tsx
-import { useMemo as useMemo25, useEffect as useEffect44, useState as useState69, useCallback as useCallback36 } from "react";
+import { useMemo as useMemo25, useEffect as useEffect45, useState as useState69, useCallback as useCallback36 } from "react";
 import {
   ReactFlowProvider as ReactFlowProvider4,
   MarkerType,
@@ -26917,11 +26971,11 @@ import {
   useEdgesState as useEdgesState4
 } from "@xyflow/react";
 import "@xyflow/react/dist/style.css";
-import { Empty as Empty13, Spin as Spin15, Tag as Tag22, Typography as Typography50, Tabs as Tabs3 } from "antd";
+import { Empty as Empty13, Spin as Spin15, Tag as Tag23, Typography as Typography50, Tabs as Tabs3 } from "antd";
 
 // src/components/Chat/WorkflowNode.tsx
 import { Handle as Handle3, Position as Position3 } from "@xyflow/react";
-import { Tag as Tag21, Typography as Typography49, Tooltip as Tooltip22, Popover as Popover2 } from "antd";
+import { Tag as Tag22, Typography as Typography49, Tooltip as Tooltip22, Popover as Popover2 } from "antd";
 import { Workflow, UserCheck, CheckCircle, XCircle, Circle as Circle3, StopCircle, Loader2 as Loader27, CircleCheckBig, CircleX, CirclePause, Filter, Repeat } from "lucide-react";
 import { jsx as jsx104, jsxs as jsxs74 } from "react/jsx-runtime";
 if (typeof document !== "undefined") {
@@ -27013,7 +27067,7 @@ function SchemaView({ schema }) {
                   /* @__PURE__ */ jsx104(Text38, { style: { fontSize: 11, fontWeight: isReq ? 600 : 400, fontFamily: "monospace" }, children: key }),
                   isReq && /* @__PURE__ */ jsx104("span", { style: { color: "#ef4444", fontSize: 9 }, children: "*" }),
                   propDesc && !hasNested && /* @__PURE__ */ jsx104(Text38, { type: "secondary", style: { fontSize: 10, flex: 1, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: propDesc }),
-                  /* @__PURE__ */ jsx104(Tag21, { color: typeColor(propType), style: { margin: 0, fontSize: 9, padding: "0 4px", lineHeight: "16px", marginLeft: "auto" }, children: propType })
+                  /* @__PURE__ */ jsx104(Tag22, { color: typeColor(propType), style: { margin: 0, fontSize: 9, padding: "0 4px", lineHeight: "16px", marginLeft: "auto" }, children: propType })
                 ]
               }
             )
@@ -27223,8 +27277,8 @@ var WorkflowNode = ({ data }) => {
               }
             ),
             /* @__PURE__ */ jsxs74("div", { style: { display: "flex", gap: 4, marginTop: 6, flexWrap: "wrap" }, children: [
-              !hasRuntime && nodeType === "agent" && ref && /* @__PURE__ */ jsx104(Tag21, { color: "purple", style: { margin: 0, fontSize: 10, padding: "0 5px", lineHeight: "16px" }, children: ref }),
-              !hasRuntime && nodeType === "agent" && !ref && /* @__PURE__ */ jsx104(Tag21, { color: "default", style: { margin: 0, fontSize: 10, padding: "0 5px", lineHeight: "16px" }, children: "general" }),
+              !hasRuntime && nodeType === "agent" && ref && /* @__PURE__ */ jsx104(Tag22, { color: "purple", style: { margin: 0, fontSize: 10, padding: "0 5px", lineHeight: "16px" }, children: ref }),
+              !hasRuntime && nodeType === "agent" && !ref && /* @__PURE__ */ jsx104(Tag22, { color: "default", style: { margin: 0, fontSize: 10, padding: "0 5px", lineHeight: "16px" }, children: "general" }),
               ask && /* @__PURE__ */ jsx104(Tooltip22, { title: "This step requires human approval before continuing", children: /* @__PURE__ */ jsx104(
                 "div",
                 {
@@ -27259,9 +27313,9 @@ var WorkflowNode = ({ data }) => {
                   children: /* @__PURE__ */ jsx104(Filter, { size: 12, style: { color: "#2f54eb" } })
                 }
               ) }),
-              !hasRuntime && nodeType === "map" && innerRef && /* @__PURE__ */ jsx104(Tag21, { color: "purple", style: { margin: 0, fontSize: 10, padding: "0 5px", lineHeight: "16px" }, children: innerRef }),
+              !hasRuntime && nodeType === "map" && innerRef && /* @__PURE__ */ jsx104(Tag22, { color: "purple", style: { margin: 0, fontSize: 10, padding: "0 5px", lineHeight: "16px" }, children: innerRef }),
               !hasRuntime && nodeType === "map" && inputTemplate && /* @__PURE__ */ jsx104(
-                Tag21,
+                Tag22,
                 {
                   color: "default",
                   style: { margin: 0, fontSize: 10, padding: "0 5px", lineHeight: "16px", maxWidth: 120 },
@@ -27269,27 +27323,27 @@ var WorkflowNode = ({ data }) => {
                   children: inputTemplate.length > 20 ? inputTemplate.slice(0, 18) + "\u2026" : inputTemplate
                 }
               ),
-              !hasRuntime && nodeType === "map" && (batchSize || maxConcurrency || innerConcurrency) && /* @__PURE__ */ jsxs74(Tag21, { color: "cyan", style: { margin: 0, fontSize: 10, padding: "0 5px", lineHeight: "16px" }, children: [
+              !hasRuntime && nodeType === "map" && (batchSize || maxConcurrency || innerConcurrency) && /* @__PURE__ */ jsxs74(Tag22, { color: "cyan", style: { margin: 0, fontSize: 10, padding: "0 5px", lineHeight: "16px" }, children: [
                 batchSize ?? 50,
                 "\xD7",
                 maxConcurrency ?? 10,
                 "\xD7",
                 innerConcurrency ?? 5
               ] }),
-              !hasRuntime && nodeType === "map" && reduceRef && /* @__PURE__ */ jsxs74(Tag21, { color: "blue", style: { margin: 0, fontSize: 10, padding: "0 5px", lineHeight: "16px" }, children: [
+              !hasRuntime && nodeType === "map" && reduceRef && /* @__PURE__ */ jsxs74(Tag22, { color: "blue", style: { margin: 0, fontSize: 10, padding: "0 5px", lineHeight: "16px" }, children: [
                 "\u2193 ",
                 reduceRef
               ] }),
-              !hasRuntime && maxRetries ? /* @__PURE__ */ jsxs74(Tag21, { style: { margin: 0, fontSize: 10, padding: "0 5px", lineHeight: "16px" }, children: [
+              !hasRuntime && maxRetries ? /* @__PURE__ */ jsxs74(Tag22, { style: { margin: 0, fontSize: 10, padding: "0 5px", lineHeight: "16px" }, children: [
                 "\u21BB ",
                 maxRetries
               ] }) : null,
-              !hasRuntime && timeout ? /* @__PURE__ */ jsxs74(Tag21, { style: { margin: 0, fontSize: 10, padding: "0 5px", lineHeight: "16px" }, children: [
+              !hasRuntime && timeout ? /* @__PURE__ */ jsxs74(Tag22, { style: { margin: 0, fontSize: 10, padding: "0 5px", lineHeight: "16px" }, children: [
                 "\u23F1 ",
                 timeout,
                 "s"
               ] }) : null,
-              displayDuration && /* @__PURE__ */ jsx104(Tag21, { color: runState ? "blue" : "default", style: { margin: 0, fontSize: 10, padding: "0 5px", lineHeight: "16px" }, children: displayDuration }),
+              displayDuration && /* @__PURE__ */ jsx104(Tag22, { color: runState ? "blue" : "default", style: { margin: 0, fontSize: 10, padding: "0 5px", lineHeight: "16px" }, children: displayDuration }),
               outputKey && /* @__PURE__ */ jsx104("span", { style: { marginLeft: "auto" } }),
               outputKey && /* @__PURE__ */ jsx104(
                 Popover2,
@@ -27302,7 +27356,7 @@ var WorkflowNode = ({ data }) => {
                     /* @__PURE__ */ jsx104(Text38, { style: { fontSize: 11, fontFamily: "monospace", color: "#6366f1" }, children: outputKey })
                   ] }),
                   content: nodeSchema ? /* @__PURE__ */ jsx104(SchemaView, { schema: nodeSchema }) : /* @__PURE__ */ jsx104(Text38, { type: "secondary", style: { fontSize: 11 }, children: "No schema defined" }),
-                  children: /* @__PURE__ */ jsxs74(Tag21, { style: { margin: 0, fontSize: 10, padding: "0 5px", lineHeight: "16px", flexShrink: 0, cursor: "default" }, children: [
+                  children: /* @__PURE__ */ jsxs74(Tag22, { style: { margin: 0, fontSize: 10, padding: "0 5px", lineHeight: "16px", flexShrink: 0, cursor: "default" }, children: [
                     "\u2192 ",
                     outputKey
                   ] })
@@ -27488,7 +27542,7 @@ function StepDetailPopover({ step }) {
     /* @__PURE__ */ jsxs76("div", { style: { display: "flex", alignItems: "center", gap: 8, marginBottom: 12 }, children: [
       /* @__PURE__ */ jsx106("span", { style: { color: ssc.color, fontSize: 14 }, children: ssc.icon }),
       /* @__PURE__ */ jsx106(Text39, { strong: true, style: { fontSize: 14 }, children: step.stepName }),
-      /* @__PURE__ */ jsx106(Tag22, { color: "purple", style: { fontSize: 11 }, children: step.stepType })
+      /* @__PURE__ */ jsx106(Tag23, { color: "purple", style: { fontSize: 11 }, children: step.stepType })
     ] }),
     step.edgePurpose && /* @__PURE__ */ jsx106("div", { style: { marginBottom: 10 }, children: /* @__PURE__ */ jsxs76(Text39, { type: "secondary", style: { fontSize: 11 }, children: [
       "Purpose: ",
@@ -27835,7 +27889,7 @@ var WorkflowCanvas = ({
     if (!node) return null;
     return matchStepByName(steps, node);
   }, [dsl.nodes, steps, selectedNodeId, isRuntime]);
-  useEffect44(() => {
+  useEffect45(() => {
     setNodes(initialNodes);
     setEdges(initialEdges);
   }, [initialNodes, initialEdges, setNodes, setEdges]);
@@ -27850,7 +27904,7 @@ var WorkflowCanvas = ({
       }))
     );
   }, [setNodes]);
-  useEffect44(() => {
+  useEffect45(() => {
     if (!isRuntime) return;
     setNodes(
       (nds) => nds.map((n) => ({
@@ -27968,7 +28022,7 @@ if (typeof document !== "undefined") {
     document.head.appendChild(style);
   }
 }
-var { Text: Text40, Title: Title13 } = Typography51;
+var { Text: Text40, Title: Title14 } = Typography51;
 var statusConfig = {
   running: { icon: /* @__PURE__ */ jsx108(Loader28, { size: 14, style: { animation: "spin 1s linear infinite", color: "#1677ff" } }), label: "Running" },
   completed: { icon: /* @__PURE__ */ jsx108(CircleCheckBig2, { size: 14, style: { color: "#52c41a" } }), label: "Completed" },
@@ -28074,9 +28128,9 @@ function StepNode({ data, selected }) {
             ) })
           ] }),
           /* @__PURE__ */ jsxs77("div", { style: { display: "flex", gap: 4, alignItems: "center", flexWrap: "wrap" }, children: [
-            /* @__PURE__ */ jsx108(Tag23, { color: "purple", style: { margin: 0, fontSize: 10, padding: "0 6px", lineHeight: "18px" }, children: step.stepType }),
+            /* @__PURE__ */ jsx108(Tag24, { color: "purple", style: { margin: 0, fontSize: 10, padding: "0 6px", lineHeight: "18px" }, children: step.stepType }),
             /* @__PURE__ */ jsx108(
-              Tag23,
+              Tag24,
               {
                 color: "blue",
                 style: { margin: 0, fontSize: 10, padding: "0 6px", lineHeight: "18px" },
@@ -28150,7 +28204,7 @@ function StepDetailPopover2({ step }) {
     /* @__PURE__ */ jsxs77("div", { style: { display: "flex", alignItems: "center", gap: 8, marginBottom: 12 }, children: [
       /* @__PURE__ */ jsx108("span", { style: { color: ssc.color, fontSize: 14 }, children: ssc.icon }),
       /* @__PURE__ */ jsx108(Text40, { strong: true, style: { fontSize: 14 }, children: step.stepName }),
-      /* @__PURE__ */ jsx108(Tag23, { color: "purple", style: { fontSize: 11 }, children: step.stepType })
+      /* @__PURE__ */ jsx108(Tag24, { color: "purple", style: { fontSize: 11 }, children: step.stepType })
     ] }),
     step.edgePurpose && /* @__PURE__ */ jsx108("div", { style: { marginBottom: 10 }, children: /* @__PURE__ */ jsxs77(Text40, { type: "secondary", style: { fontSize: 11 }, children: [
       "Purpose: ",
@@ -28236,11 +28290,11 @@ function FlowCanvas({ steps }) {
     () => steps.find((s) => s.id === selectedNodeId) || null,
     [steps, selectedNodeId]
   );
-  useEffect45(() => {
+  useEffect46(() => {
     setNodes(initialNodes);
     setEdges(initialEdges);
   }, [initialNodes, initialEdges, setNodes, setEdges]);
-  useEffect45(() => {
+  useEffect46(() => {
     if (selectedNodeId) {
       setNodes(
         (nds) => nds.map((n) => ({
@@ -28466,13 +28520,13 @@ var RunDetail = ({ run, agentName, open, onClose, onRunUpdate, autoRefresh, onAu
       setGraphLoading(false);
     }
   }, [get, run.assistantId]);
-  useEffect45(() => {
+  useEffect46(() => {
     if (!open) return;
     setLoading(true);
     fetchSteps().finally(() => setLoading(false));
     fetchGraphDefinition();
   }, [open, run.id, fetchSteps, fetchGraphDefinition]);
-  useEffect45(() => {
+  useEffect46(() => {
     if (stepsPollTimeoutRef.current) {
       clearTimeout(stepsPollTimeoutRef.current);
       stepsPollTimeoutRef.current = null;
@@ -28501,7 +28555,7 @@ var RunDetail = ({ run, agentName, open, onClose, onRunUpdate, autoRefresh, onAu
     {
       title: /* @__PURE__ */ jsxs77(Space39, { children: [
         /* @__PURE__ */ jsx108(Text40, { strong: true, children: "Pipeline Execution" }),
-        /* @__PURE__ */ jsx108(Tag23, { color: "purple", style: { fontSize: 11 }, children: "Flow View" }),
+        /* @__PURE__ */ jsx108(Tag24, { color: "purple", style: { fontSize: 11 }, children: "Flow View" }),
         /* @__PURE__ */ jsxs77(Space39, { size: 4, style: { marginLeft: 12 }, children: [
           /* @__PURE__ */ jsx108(Text40, { type: "secondary", style: { fontSize: 11 }, children: "Auto-refresh" }),
           /* @__PURE__ */ jsx108(Switch3, { size: "small", checked: autoRefresh, onChange: onAutoRefreshChange })
@@ -28586,7 +28640,7 @@ var TopologyRuntimeView = () => {
       setLoading(false);
     }
   }, [get]);
-  useEffect45(() => {
+  useEffect46(() => {
     let cancelled = false;
     const init2 = async () => {
       try {
@@ -28622,7 +28676,7 @@ var TopologyRuntimeView = () => {
       cancelled = true;
     };
   }, [get]);
-  useEffect45(() => {
+  useEffect46(() => {
     return () => {
       pollingSessionRef.current = 0;
     };
@@ -28638,7 +28692,7 @@ var TopologyRuntimeView = () => {
   }
   return /* @__PURE__ */ jsxs77("div", { style: { padding: 16, overflow: "auto", height: "100%" }, children: [
     /* @__PURE__ */ jsxs77("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center", marginBottom: 16 }, children: [
-      /* @__PURE__ */ jsx108(Title13, { level: 5, style: { marginBottom: 0 }, children: "Workflow Runs" }),
+      /* @__PURE__ */ jsx108(Title14, { level: 5, style: { marginBottom: 0 }, children: "Workflow Runs" }),
       /* @__PURE__ */ jsx108(Tooltip23, { title: "Refresh now", children: /* @__PURE__ */ jsx108(
         ReloadOutlined4,
         {
@@ -28648,7 +28702,7 @@ var TopologyRuntimeView = () => {
       ) })
     ] }),
     /* @__PURE__ */ jsx108(
-      List15,
+      List16,
       {
         dataSource: runs,
         renderItem: (run) => /* @__PURE__ */ jsx108("div", { style: { marginBottom: 8 }, children: /* @__PURE__ */ jsx108(
@@ -28658,7 +28712,7 @@ var TopologyRuntimeView = () => {
             agentName: agentNames[run.assistantId] || run.assistantId,
             onClick: () => setSelectedRun(run),
             extra: /* @__PURE__ */ jsx108(
-              Popconfirm5,
+              Popconfirm6,
               {
                 title: "Delete run",
                 description: "Delete this workflow run and all its step records?",
@@ -28695,11 +28749,11 @@ var TopologyRuntimeView = () => {
 };
 
 // src/components/Chat/TopologyInboxView.tsx
-import { useEffect as useEffect46, useState as useState71 } from "react";
-import { Card as Card23, Typography as Typography52, Spin as Spin17, Empty as Empty15, List as List16, Button as Button50, Space as Space40, Tag as Tag24 } from "antd";
+import { useEffect as useEffect47, useState as useState71 } from "react";
+import { Card as Card23, Typography as Typography52, Spin as Spin17, Empty as Empty15, List as List17, Button as Button50, Space as Space40, Tag as Tag25 } from "antd";
 import { InboxOutlined, ReloadOutlined as ReloadOutlined5 } from "@ant-design/icons";
 import { jsx as jsx109, jsxs as jsxs78 } from "react/jsx-runtime";
-var { Text: Text41, Title: Title14 } = Typography52;
+var { Text: Text41, Title: Title15 } = Typography52;
 var TopologyInboxView = () => {
   const { get } = useApi();
   const [items, setItems] = useState71([]);
@@ -28730,7 +28784,7 @@ var TopologyInboxView = () => {
       setLoading(false);
     }
   };
-  useEffect46(() => {
+  useEffect47(() => {
     fetchInbox();
   }, [get]);
   return /* @__PURE__ */ jsxs78("div", { style: { height: "100%", display: "flex", flexDirection: "column" }, children: [
@@ -28745,7 +28799,7 @@ var TopologyInboxView = () => {
         },
         children: [
           /* @__PURE__ */ jsxs78("div", { children: [
-            /* @__PURE__ */ jsxs78(Title14, { level: 4, style: { margin: 0 }, children: [
+            /* @__PURE__ */ jsxs78(Title15, { level: 4, style: { margin: 0 }, children: [
               /* @__PURE__ */ jsx109(InboxOutlined, { style: { marginRight: 8 } }),
               "User Inbox"
             ] }),
@@ -28776,7 +28830,7 @@ var TopologyInboxView = () => {
         children: /* @__PURE__ */ jsx109(Spin17, { size: "large" })
       }
     ) : items.length === 0 ? /* @__PURE__ */ jsx109(Empty15, { description: "Inbox is empty" }) : /* @__PURE__ */ jsx109(
-      List16,
+      List17,
       {
         dataSource: items,
         renderItem: (item) => /* @__PURE__ */ jsxs78(
@@ -28790,7 +28844,7 @@ var TopologyInboxView = () => {
                 {
                   style: { marginBottom: 8, display: "flex", justifyContent: "space-between" },
                   children: /* @__PURE__ */ jsxs78(Space40, { size: 4, children: [
-                    /* @__PURE__ */ jsx109(Tag24, { color: "blue", children: item.assistantName }),
+                    /* @__PURE__ */ jsx109(Tag25, { color: "blue", children: item.assistantName }),
                     /* @__PURE__ */ jsx109(Text41, { type: "secondary", style: { fontSize: 11 }, children: new Date(item.startedAt).toLocaleString() })
                   ] })
                 }
@@ -28813,14 +28867,14 @@ var TopologyInboxView = () => {
 };
 
 // src/components/Chat/WorkflowAutomationView.tsx
-import { useEffect as useEffect48, useState as useState72, useCallback as useCallback38, useMemo as useMemo30, useRef as useRef26 } from "react";
+import { useEffect as useEffect49, useState as useState72, useCallback as useCallback38, useMemo as useMemo30, useRef as useRef26 } from "react";
 import {
   ReactFlowProvider as ReactFlowProvider6
 } from "@xyflow/react";
 import "@xyflow/react/dist/style.css";
-import { Spin as Spin18, Empty as Empty16, Card as Card24, Typography as Typography55, Button as Button52, Input as Input15, Modal as Modal18, Popconfirm as Popconfirm6 } from "antd";
+import { Spin as Spin18, Empty as Empty16, Card as Card24, Typography as Typography55, Button as Button52, Input as Input15, Modal as Modal18, Popconfirm as Popconfirm7 } from "antd";
 import {
-  PlusOutlined as PlusOutlined8,
+  PlusOutlined as PlusOutlined9,
   DeleteOutlined as DeleteOutlined4,
   InfoCircleOutlined as InfoCircleOutlined6,
   MenuOutlined,
@@ -28956,7 +29010,7 @@ var CopilotPanel = ({
 };
 
 // src/components/Chat/CreateWorkflowModal.tsx
-import { useEffect as useEffect47 } from "react";
+import { useEffect as useEffect48 } from "react";
 import { Modal as Modal17, Form as Form7, Input as Input14 } from "antd";
 import { jsx as jsx111 } from "react/jsx-runtime";
 function extractName(purpose) {
@@ -28982,7 +29036,7 @@ var CreateWorkflowModal = ({
 }) => {
   const { post } = useApi();
   const [form] = Form7.useForm();
-  useEffect47(() => {
+  useEffect48(() => {
     if (open) {
       form.resetFields();
     }
@@ -29546,7 +29600,7 @@ function WorkflowFlowInner({
       (w) => w.name.toLowerCase().includes(q) || w.description.toLowerCase().includes(q)
     );
   }, [workflows, search]);
-  useEffect48(() => {
+  useEffect49(() => {
     if (selectedId) {
       setListOpen(false);
     } else {
@@ -29625,7 +29679,7 @@ function WorkflowFlowInner({
         boxShadow: "0 2px 12px rgba(0,0,0,0.08)",
         border: "1px solid #f0f0f0"
       }, children: /* @__PURE__ */ jsx113(
-        Popconfirm6,
+        Popconfirm7,
         {
           title: "Delete workflow",
           description: "This will permanently delete this workflow agent.",
@@ -29672,7 +29726,7 @@ function WorkflowFlowInner({
             {
               type: "text",
               size: "small",
-              icon: /* @__PURE__ */ jsx113(PlusOutlined8, {}),
+              icon: /* @__PURE__ */ jsx113(PlusOutlined9, {}),
               onClick: onCreate,
               style: { color: "#6366f1" }
             }
@@ -29894,7 +29948,7 @@ var WorkflowAutomationView = () => {
       setGraphDef(null);
     }
   }, [get]);
-  useEffect48(() => {
+  useEffect49(() => {
     let cancelled = false;
     const load2 = async () => {
       try {
@@ -29913,7 +29967,7 @@ var WorkflowAutomationView = () => {
       cancelled = true;
     };
   }, [fetchWorkflows]);
-  useEffect48(() => {
+  useEffect49(() => {
     if (selectedId) {
       fetchDSL(selectedId);
     } else {
@@ -29924,7 +29978,7 @@ var WorkflowAutomationView = () => {
     e.preventDefault();
     resizingRef.current = { startX: e.clientX, startWidth: copilotWidth };
   }, [copilotWidth]);
-  useEffect48(() => {
+  useEffect49(() => {
     const handleMouseMove = (e) => {
       if (!resizingRef.current) return;
       const delta = resizingRef.current.startX - e.clientX;
@@ -30021,7 +30075,7 @@ var WorkflowAutomationView = () => {
         Button52,
         {
           type: "primary",
-          icon: /* @__PURE__ */ jsx113(PlusOutlined8, {}),
+          icon: /* @__PURE__ */ jsx113(PlusOutlined9, {}),
           onClick: () => setCreateModalOpen(true),
           children: "Create Workflow"
         }
@@ -30133,12 +30187,12 @@ var WorkflowAutomationView = () => {
 // src/components/Eval/EvalPanel.tsx
 import React66, { useState as useState75, useMemo as useMemo31 } from "react";
 import { createStyles as createStyles34 } from "antd-style";
-import { Button as Button55, Card as Card28, Typography as Typography59, Row as Row4, Col as Col4, Tag as Tag28, theme as theme15, Dropdown as Dropdown2, Popconfirm as Popconfirm10, message as message18 } from "antd";
+import { Button as Button55, Card as Card28, Typography as Typography59, Row as Row4, Col as Col4, Tag as Tag29, theme as theme15, Dropdown as Dropdown2, Popconfirm as Popconfirm11, message as message18 } from "antd";
 import { Play as Play2, FlaskConical as FlaskConical2, TestTube2 as TestTube26, TrendingUp, CheckCircle as CheckCircle4, XCircle as XCircle3, ArrowRight as ArrowRight3, ChevronDown as ChevronDown5, Trash2 as Trash27, Clock as Clock5 } from "lucide-react";
 
 // src/components/Eval/EvalSuiteCardList.tsx
 import { createStyles as createStyles31 } from "antd-style";
-import { Card as Card25, Typography as Typography56, Row as Row3, Col as Col3, Empty as Empty17, Popconfirm as Popconfirm7, Spin as Spin19 } from "antd";
+import { Card as Card25, Typography as Typography56, Row as Row3, Col as Col3, Empty as Empty17, Popconfirm as Popconfirm8, Spin as Spin19 } from "antd";
 import { Trash2 as Trash24, TestTube2 as TestTube24 } from "lucide-react";
 import { jsx as jsx114, jsxs as jsxs82 } from "react/jsx-runtime";
 var { Text: Text45 } = Typography56;
@@ -30223,7 +30277,7 @@ var EvalSuiteCardList = ({ projectId, onSelectSuite }) => {
             /* @__PURE__ */ jsx114("div", { className: styles.subtitle, children: "Server-side agent testing" })
           ] }),
           /* @__PURE__ */ jsx114(
-            Popconfirm7,
+            Popconfirm8,
             {
               title: "Delete this suite?",
               onConfirm: (e) => {
@@ -30250,7 +30304,7 @@ var EvalSuiteCardList = ({ projectId, onSelectSuite }) => {
 // src/components/Eval/EvalSuiteDetail.tsx
 import { useState as useState73 } from "react";
 import { createStyles as createStyles32 } from "antd-style";
-import { Button as Button53, Card as Card26, Typography as Typography57, Modal as Modal19, Form as Form8, Input as Input16, Select as Select8, Table as Table3, Popconfirm as Popconfirm8, Empty as Empty18 } from "antd";
+import { Button as Button53, Card as Card26, Typography as Typography57, Modal as Modal19, Form as Form8, Input as Input16, Select as Select8, Table as Table3, Popconfirm as Popconfirm9, Empty as Empty18 } from "antd";
 import { Play, Plus as Plus6, Trash2 as Trash25, Bot as Bot3, MessageSquare as MessageSquare3, FlaskConical } from "lucide-react";
 import { jsx as jsx115, jsxs as jsxs83 } from "react/jsx-runtime";
 var { Text: Text46 } = Typography57;
@@ -30410,7 +30464,7 @@ var EvalSuiteDetail = ({ projectId, suiteId, onBack, onRun }) => {
       title: "",
       key: "actions",
       width: 40,
-      render: (_, c) => /* @__PURE__ */ jsx115(Popconfirm8, { title: "Delete?", onConfirm: () => removeCase(projectId, suiteId, c.id), children: /* @__PURE__ */ jsx115(Button53, { type: "text", danger: true, size: "small", icon: /* @__PURE__ */ jsx115(Trash25, { size: 14 }) }) })
+      render: (_, c) => /* @__PURE__ */ jsx115(Popconfirm9, { title: "Delete?", onConfirm: () => removeCase(projectId, suiteId, c.id), children: /* @__PURE__ */ jsx115(Button53, { type: "text", danger: true, size: "small", icon: /* @__PURE__ */ jsx115(Trash25, { size: 14 }) }) })
     }
   ];
   return /* @__PURE__ */ jsxs83("div", { className: styles.shell, children: [
@@ -30487,9 +30541,9 @@ var EvalSuiteDetail = ({ projectId, suiteId, onBack, onRun }) => {
 };
 
 // src/components/Eval/EvalRunResults.tsx
-import { useEffect as useEffect49, useState as useState74 } from "react";
+import { useEffect as useEffect50, useState as useState74 } from "react";
 import { createStyles as createStyles33 } from "antd-style";
-import { Button as Button54, Card as Card27, Typography as Typography58, Progress as Progress3, Tag as Tag27, Table as Table4, Empty as Empty19, Popconfirm as Popconfirm9, message as message17 } from "antd";
+import { Button as Button54, Card as Card27, Typography as Typography58, Progress as Progress3, Tag as Tag28, Table as Table4, Empty as Empty19, Popconfirm as Popconfirm10, message as message17 } from "antd";
 import { CheckCircle as CheckCircle3, XCircle as XCircle2, Trash2 as Trash26 } from "lucide-react";
 import { jsx as jsx116, jsxs as jsxs84 } from "react/jsx-runtime";
 var { Text: Text47 } = Typography58;
@@ -30578,7 +30632,7 @@ var EvalRunResults = ({ runId, onBack }) => {
   const client = useClient("__GLOBAL__");
   const [run, setRun] = useState74(null);
   const { status: streamingStatus, progress, connected } = useEvalRunStream(runId);
-  useEffect49(() => {
+  useEffect50(() => {
     client.eval.runs.get(runId).then(setRun).catch(console.error);
   }, [runId, client]);
   if (!run) {
@@ -30595,10 +30649,10 @@ var EvalRunResults = ({ runId, onBack }) => {
       /* @__PURE__ */ jsxs84("div", { className: styles.topLeft, children: [
         /* @__PURE__ */ jsx116("button", { className: styles.breadcrumb, onClick: onBack, children: "\u2190 Back" }),
         /* @__PURE__ */ jsx116("span", { className: styles.pageTitle, children: "Run Results" }),
-        /* @__PURE__ */ jsx116(Tag27, { color: run.status === "completed" ? "success" : run.status === "running" ? "processing" : run.status === "failed" ? "error" : "warning", children: run.status })
+        /* @__PURE__ */ jsx116(Tag28, { color: run.status === "completed" ? "success" : run.status === "running" ? "processing" : run.status === "failed" ? "error" : "warning", children: run.status })
       ] }),
       /* @__PURE__ */ jsx116(
-        Popconfirm9,
+        Popconfirm10,
         {
           title: "Delete this run?",
           description: "Run results will be permanently deleted.",
@@ -30738,7 +30792,7 @@ var EvalRunResults = ({ runId, onBack }) => {
               align: "center",
               render: (_, r) => {
                 const n = r.dimensionResults?.length || 0;
-                return n > 0 ? /* @__PURE__ */ jsx116(Tag27, { children: n }) : /* @__PURE__ */ jsx116(Text47, { type: "secondary", children: "\u2014" });
+                return n > 0 ? /* @__PURE__ */ jsx116(Tag28, { children: n }) : /* @__PURE__ */ jsx116(Text47, { type: "secondary", children: "\u2014" });
               }
             },
             {
@@ -30747,7 +30801,7 @@ var EvalRunResults = ({ runId, onBack }) => {
               key: "score",
               width: 80,
               align: "center",
-              render: (s) => /* @__PURE__ */ jsx116(Tag27, { color: s >= 80 ? "success" : "error", children: typeof s === "number" ? s.toFixed(1) : "\u2014" })
+              render: (s) => /* @__PURE__ */ jsx116(Tag28, { color: s >= 80 ? "success" : "error", children: typeof s === "number" ? s.toFixed(1) : "\u2014" })
             }
           ]
         }
@@ -30758,7 +30812,7 @@ var EvalRunResults = ({ runId, onBack }) => {
 
 // src/components/Eval/EvalPanel.tsx
 import { jsx as jsx117, jsxs as jsxs85 } from "react/jsx-runtime";
-var { Text: Text48, Title: Title15, Paragraph: Paragraph3 } = Typography59;
+var { Text: Text48, Title: Title16, Paragraph: Paragraph3 } = Typography59;
 var useStyle16 = createStyles34(({ token, css }) => ({
   shell: css`
     display: flex;
@@ -31078,17 +31132,17 @@ var EvalPanel = () => {
                   /* @__PURE__ */ jsx117(Text48, { type: "danger", children: r.failedCases }),
                   /* @__PURE__ */ jsx117(Text48, { type: "secondary", children: " failed" })
                 ] }),
-                passRate !== null && /* @__PURE__ */ jsxs85(Tag28, { color: passRate >= 80 ? "success" : passRate >= 50 ? "warning" : "error", children: [
+                passRate !== null && /* @__PURE__ */ jsxs85(Tag29, { color: passRate >= 80 ? "success" : passRate >= 50 ? "warning" : "error", children: [
                   passRate,
                   "%"
                 ] })
               ] }),
               /* @__PURE__ */ jsxs85("div", { className: styles.runRowRight, style: { gap: 16 }, children: [
                 durationMs !== null && /* @__PURE__ */ jsx117(Text48, { type: "secondary", style: { fontSize: 12 }, children: fmtDuration(durationMs) }),
-                /* @__PURE__ */ jsx117(Tag28, { color: meta.color, style: { margin: 0 }, children: meta.label }),
+                /* @__PURE__ */ jsx117(Tag29, { color: meta.color, style: { margin: 0 }, children: meta.label }),
                 /* @__PURE__ */ jsx117(Text48, { strong: true, style: { fontSize: 15, minWidth: 40, textAlign: "right" }, children: typeof r.avgScore === "number" ? r.avgScore.toFixed(1) : "\u2014" }),
                 /* @__PURE__ */ jsx117(
-                  Popconfirm10,
+                  Popconfirm11,
                   {
                     title: "Delete this run?",
                     description: "Run results will be permanently deleted.",
@@ -31189,7 +31243,7 @@ var EvalPanel = () => {
 };
 
 // src/components/Chat/PersonalAssistantPage.tsx
-import { useEffect as useEffect51, useState as useState77, useCallback as useCallback40, useRef as useRef28 } from "react";
+import { useEffect as useEffect52, useState as useState77, useCallback as useCallback40, useRef as useRef28 } from "react";
 import { Card as Card29, Button as Button57, Input as Input18, Typography as Typography61, message as message20, Dropdown as Dropdown3, Modal as Modal21 } from "antd";
 import { createStyles as createStyles36 } from "antd-style";
 import { Bot as Bot4, Sparkles as Sparkles3, ArrowRight as ArrowRight4, ArrowLeft as ArrowLeft3, Smile, Zap, Heart, Lightbulb, Edit3, MoreHorizontal, MessagesSquare as MessagesSquare2, Trash2 as Trash29 } from "lucide-react";
@@ -31205,13 +31259,13 @@ var LatticeAgentWorkspace = ({
 }) => /* @__PURE__ */ jsx118(WorkspaceContextProvider, { workspaceId, projectId, children: /* @__PURE__ */ jsx118(AssistantContextProvider, { autoLoad: true, initialAssistantId: assistant_id, children: /* @__PURE__ */ jsx118(LatticeChat, { showProjectSelector: false, assistant_id, ...chatProps }) }) });
 
 // src/components/Chat/PersonalAssistantChannelModal.tsx
-import { useEffect as useEffect50, useState as useState76, useCallback as useCallback39, useMemo as useMemo32, useRef as useRef27 } from "react";
+import { useEffect as useEffect51, useState as useState76, useCallback as useCallback39, useMemo as useMemo32, useRef as useRef27 } from "react";
 import {
   Button as Button56,
   Form as Form9,
   Input as Input17,
   Modal as Modal20,
-  Popconfirm as Popconfirm11,
+  Popconfirm as Popconfirm12,
   Spin as Spin20,
   Switch as Switch4,
   Typography as Typography60,
@@ -31532,7 +31586,7 @@ var PersonalAssistantChannelModal = ({
       message19.error("Failed to check QR status");
     }
   }, [get, clearQrCountdown, form]);
-  useEffect50(() => {
+  useEffect51(() => {
     return () => {
       if (qrCountdownRef.current) clearInterval(qrCountdownRef.current);
     };
@@ -31568,7 +31622,7 @@ var PersonalAssistantChannelModal = ({
       setBindingsLoading(false);
     }
   }, [get]);
-  useEffect50(() => {
+  useEffect51(() => {
     if (open) {
       loadInstallations();
       resetState();
@@ -32090,7 +32144,7 @@ var PersonalAssistantChannelModal = ({
     const isEdit = formMode === "edit" && selectedId !== null;
     return /* @__PURE__ */ jsxs86("div", { className: styles.footer, children: [
       /* @__PURE__ */ jsx119("div", { children: isEdit && /* @__PURE__ */ jsx119(
-        Popconfirm11,
+        Popconfirm12,
         {
           title: "Remove this channel?",
           description: "All bindings for this installation will also be lost.",
@@ -32132,7 +32186,7 @@ var PersonalAssistantChannelModal = ({
 
 // src/components/Chat/PersonalAssistantPage.tsx
 import { Fragment as Fragment24, jsx as jsx120, jsxs as jsxs87 } from "react/jsx-runtime";
-var { Title: Title16, Text: Text50, Paragraph: Paragraph4 } = Typography61;
+var { Title: Title17, Text: Text50, Paragraph: Paragraph4 } = Typography61;
 var useStyles20 = createStyles36(({ css, token }) => ({
   container: css` display: flex; flex-direction: column; height: 100%; padding: 24px; overflow-y: auto; `,
   setupWrap: css` max-width: 520px; margin: 30px auto 0; `,
@@ -32235,7 +32289,7 @@ var PersonalAssistantPage = () => {
     return created.data.id;
   }, [get, post, workspaceId, projectId]);
   const lastDate = useRef28("");
-  useEffect51(() => {
+  useEffect52(() => {
     if (!assistantId) return;
     let timer;
     const enter = () => {
@@ -32342,7 +32396,7 @@ var PersonalAssistantPage = () => {
     /* @__PURE__ */ jsx120("div", { className: styles.stepIndicator, children: [0, 1, 2].map((i) => /* @__PURE__ */ jsx120("div", { className: `${styles.stepDot} ${i === step ? styles.stepDotActive : i < step ? styles.stepDotDone : styles.stepDotPending}` }, i)) }),
     step === 0 && /* @__PURE__ */ jsxs87(Card29, { className: styles.card, children: [
       /* @__PURE__ */ jsx120("div", { className: styles.avatar, children: /* @__PURE__ */ jsx120(Sparkles3, { size: 26 }) }),
-      /* @__PURE__ */ jsx120(Title16, { level: 3, style: { textAlign: "center", margin: "0 0 4px" }, children: "What would you like to call them?" }),
+      /* @__PURE__ */ jsx120(Title17, { level: 3, style: { textAlign: "center", margin: "0 0 4px" }, children: "What would you like to call them?" }),
       /* @__PURE__ */ jsx120(Paragraph4, { type: "secondary", style: { textAlign: "center", margin: "0 0 24px" }, children: "This is the name you'll use every day \u2014 your go-to nickname for your AI sidekick." }),
       /* @__PURE__ */ jsx120(
         Input18,
@@ -32360,7 +32414,7 @@ var PersonalAssistantPage = () => {
     ] }),
     step === 1 && /* @__PURE__ */ jsxs87(Card29, { className: styles.card, children: [
       /* @__PURE__ */ jsx120("div", { className: styles.avatar, children: /* @__PURE__ */ jsx120(Smile, { size: 26 }) }),
-      /* @__PURE__ */ jsx120(Title16, { level: 3, style: { textAlign: "center", margin: "0 0 4px" }, children: "What's their vibe?" }),
+      /* @__PURE__ */ jsx120(Title17, { level: 3, style: { textAlign: "center", margin: "0 0 4px" }, children: "What's their vibe?" }),
       /* @__PURE__ */ jsx120(Paragraph4, { type: "secondary", style: { textAlign: "center", margin: "0 0 20px" }, children: "Pick the personality that feels right. This shapes how they talk and support you." }),
       /* @__PURE__ */ jsx120("div", { className: styles.personalityGrid, children: PERSONALITIES.map((p) => /* @__PURE__ */ jsxs87(
         "div",
@@ -32398,7 +32452,7 @@ var PersonalAssistantPage = () => {
     ] }),
     step === 2 && /* @__PURE__ */ jsxs87(Card29, { className: styles.card, children: [
       /* @__PURE__ */ jsx120("div", { className: styles.avatar, children: /* @__PURE__ */ jsx120(Bot4, { size: 26 }) }),
-      /* @__PURE__ */ jsx120(Title16, { level: 3, style: { textAlign: "center", margin: "0 0 4px" }, children: "Almost ready!" }),
+      /* @__PURE__ */ jsx120(Title17, { level: 3, style: { textAlign: "center", margin: "0 0 4px" }, children: "Almost ready!" }),
       /* @__PURE__ */ jsx120(Paragraph4, { type: "secondary", style: { textAlign: "center", margin: "0 0 24px" }, children: "Your assistant will have private memory and learn about you over time." }),
       /* @__PURE__ */ jsxs87(Card29, { size: "small", style: { background: "#fafafa", borderRadius: 12, marginBottom: 20 }, children: [
         /* @__PURE__ */ jsx120(Text50, { type: "secondary", style: { fontSize: 12, textTransform: "uppercase", letterSpacing: 1 }, children: "Name" }),
@@ -32575,15 +32629,14 @@ var CustomMenuPage = ({ component_key }) => {
 };
 
 // src/components/Chat/SharesPage.tsx
-import { useEffect as useEffect52, useState as useState78 } from "react";
-import { Table as Table5, Button as Button58, Dropdown as Dropdown4, message as message21, Modal as Modal22, Tag as Tag29, Typography as Typography62 } from "antd";
-import { CopyOutlined as CopyOutlined4, StopOutlined as StopOutlined2, EditOutlined, MoreOutlined as MoreOutlined3 } from "@ant-design/icons";
+import { useEffect as useEffect53, useState as useState78 } from "react";
+import { Table as Table5, Button as Button58, Dropdown as Dropdown4, message as message21, Modal as Modal22, Tag as Tag30, Typography as Typography62 } from "antd";
+import { CopyOutlined as CopyOutlined4, StopOutlined as StopOutlined3, MoreOutlined as MoreOutlined3 } from "@ant-design/icons";
 import { jsx as jsx123, jsxs as jsxs89 } from "react/jsx-runtime";
 var { Text: Text51 } = Typography62;
 var SharesPage = ({ client }) => {
   const [shares, setShares] = useState78([]);
   const [loading, setLoading] = useState78(true);
-  const [editingShare, setEditingShare] = useState78(null);
   const loadShares = async () => {
     setLoading(true);
     try {
@@ -32594,7 +32647,7 @@ var SharesPage = ({ client }) => {
     }
     setLoading(false);
   };
-  useEffect52(() => {
+  useEffect53(() => {
     loadShares();
   }, []);
   const handleCopy = (record) => {
@@ -32639,9 +32692,9 @@ ${pwdText}`.trim());
       title: "Status",
       key: "status",
       render: (_, r) => {
-        if (r.revoked) return /* @__PURE__ */ jsx123(Tag29, { color: "red", children: "Revoked" });
-        if (r.expiresAt && new Date(r.expiresAt) < /* @__PURE__ */ new Date()) return /* @__PURE__ */ jsx123(Tag29, { color: "orange", children: "Expired" });
-        return /* @__PURE__ */ jsx123(Tag29, { color: "green", children: "Active" });
+        if (r.revoked) return /* @__PURE__ */ jsx123(Tag30, { color: "red", children: "Revoked" });
+        if (r.expiresAt && new Date(r.expiresAt) < /* @__PURE__ */ new Date()) return /* @__PURE__ */ jsx123(Tag30, { color: "orange", children: "Expired" });
+        return /* @__PURE__ */ jsx123(Tag30, { color: "green", children: "Active" });
       }
     },
     {
@@ -32661,21 +32714,9 @@ ${pwdText}`.trim());
           onClick: () => handleCopy(r)
         },
         ...r.revoked ? [] : [
-          {
-            key: "edit",
-            icon: /* @__PURE__ */ jsx123(EditOutlined, {}),
-            label: "Edit",
-            onClick: () => setEditingShare({
-              token: r.token,
-              path: r.address.resourcePath,
-              assistantId: r.assistantId ?? void 0,
-              visibility: r.visibility,
-              title: r.title ?? void 0
-            })
-          },
           {
             key: "revoke",
-            icon: /* @__PURE__ */ jsx123(StopOutlined2, {}),
+            icon: /* @__PURE__ */ jsx123(StopOutlined3, {}),
             label: "Revoke",
             danger: true,
             onClick: () => handleRevoke(r.token)
@@ -32686,20 +32727,7 @@ ${pwdText}`.trim());
   ];
   return /* @__PURE__ */ jsxs89("div", { style: { padding: 24 }, children: [
     /* @__PURE__ */ jsx123(Typography62.Title, { level: 4, children: "My Shares" }),
-    /* @__PURE__ */ jsx123(Table5, { dataSource: shares, columns, rowKey: "token", loading, pagination: { pageSize: 20 } }),
-    editingShare && /* @__PURE__ */ jsx123(
-      ShareModal,
-      {
-        open: true,
-        filePath: editingShare.path,
-        assistantId: editingShare.assistantId,
-        existingToken: editingShare.token,
-        existingVisibility: editingShare.visibility,
-        existingTitle: editingShare.title,
-        onClose: () => setEditingShare(null),
-        onUpdated: () => loadShares()
-      }
-    )
+    /* @__PURE__ */ jsx123(Table5, { dataSource: shares, columns, rowKey: "token", loading, pagination: { pageSize: 20 } })
   ] });
 };
 
@@ -32711,7 +32739,7 @@ import {
 } from "@ant-design/icons";
 import { Dropdown as Dropdown5, Tooltip as Tooltip25 } from "antd";
 import { createStyles as createStyles37 } from "antd-style";
-import { useEffect as useEffect53, useMemo as useMemo34, useState as useState79 } from "react";
+import { useEffect as useEffect54, useMemo as useMemo34, useState as useState79 } from "react";
 import { Fragment as Fragment25, jsx as jsx124, jsxs as jsxs90 } from "react/jsx-runtime";
 var useStyle17 = createStyles37(({ token, css }) => {
   return {
@@ -32943,7 +32971,7 @@ var SideAppViewBrowser = ({ region = "side" }) => {
   const switchTab = (key) => {
     setActiveKey(key);
   };
-  useEffect53(() => {
+  useEffect54(() => {
     if (!selectedCard) return;
     const key = JSON.stringify(selectedCard);
     if (items.find((item) => item.key === key)) {
@@ -33183,7 +33211,7 @@ var WorkspaceResourceManager = ({
   const { openContentApp, menuCollapsed, setMenuCollapsed } = useChatUIContext();
   const hasOpenedDefault = useRef29(false);
   const hasRegistered = useRef29(false);
-  useEffect54(() => {
+  useEffect55(() => {
     if (!hasRegistered.current) {
       hasRegistered.current = true;
       regsiterElement("workspace_projects", {
@@ -33254,7 +33282,7 @@ var WorkspaceResourceManager = ({
   const [tenantModalOpen, setTenantModalOpen] = useState80(false);
   const [changePasswordOpen, setChangePasswordOpen] = useState80(false);
   const [fetchedCustomMenuItems, setFetchedCustomMenuItems] = useState80([]);
-  useEffect54(() => {
+  useEffect55(() => {
     const fetchCustomMenu = async () => {
       try {
         const json = await get("/api/menu-items?menuTarget=workspace");
@@ -33267,7 +33295,7 @@ var WorkspaceResourceManager = ({
     };
     fetchCustomMenu();
   }, [get]);
-  useEffect54(() => {
+  useEffect55(() => {
     for (const item of fetchedCustomMenuItems) {
       regsiterElement(item.id, {
         card_view: () => null,
@@ -33312,7 +33340,7 @@ var WorkspaceResourceManager = ({
       });
     }
   };
-  useEffect54(() => {
+  useEffect55(() => {
     if (!hasOpenedDefault.current && menuItems.length > 0) {
       hasOpenedDefault.current = true;
       const firstRoute = menuItems.find((item) => item.type === "route");
@@ -33536,7 +33564,7 @@ var WorkspaceContextProvider = ({
       Client3.setWorkspaceContext(wsId || void 0, pjId || void 0);
     }
   }, []);
-  useEffect55(() => {
+  useEffect56(() => {
     Client3.setWorkspaceContext(workspaceId || void 0, projectId || void 0);
   }, [workspaceId, projectId]);
   const [workspaces, setWorkspaces] = useState81([]);
@@ -33563,7 +33591,7 @@ var WorkspaceContextProvider = ({
     setWorkspaces([]);
     resetSelectedWorkspace();
   }, [resetSelectedWorkspace, setWorkspaces]);
-  useEffect55(() => {
+  useEffect56(() => {
     resetWS();
     refreshWorkspaces();
   }, [tenantId]);
@@ -33596,29 +33624,29 @@ var WorkspaceContextProvider = ({
       setLoading(false);
     }
   }, [client, workspaceId]);
-  useEffect55(() => {
+  useEffect56(() => {
     if (workspaceId && typeof window !== "undefined") {
       sessionStorage.setItem("workspaceId", workspaceId);
     }
   }, [workspaceId]);
-  useEffect55(() => {
+  useEffect56(() => {
     if (projectId && typeof window !== "undefined") {
       sessionStorage.setItem("projectId", projectId);
     }
   }, [projectId]);
-  useEffect55(() => {
+  useEffect56(() => {
     refreshWorkspaces().catch((err) => {
       console.warn("Failed to load workspaces:", err);
     });
   }, [refreshWorkspaces]);
-  useEffect55(() => {
+  useEffect56(() => {
     if (workspaces.length > 0 && !workspaceId) {
       const firstWorkspace = workspaces[0];
       setWorkspaceId(firstWorkspace.id);
     }
   }, [workspaces, workspaceId]);
   const prevWorkspaceId = useRef30(workspaceId);
-  useEffect55(() => {
+  useEffect56(() => {
     if (workspaceId) {
       refreshProjects(workspaceId);
     } else {
@@ -33807,6 +33835,18 @@ var WorkspaceContextProvider = ({
     },
     [client, workspaceId, projectId]
   );
+  const listShares = useCallback41(
+    async () => {
+      return client.resources.listShares();
+    },
+    [client]
+  );
+  const unshareFile = useCallback41(
+    async (token) => {
+      await client.resources.unshare(token);
+    },
+    [client]
+  );
   const value = {
     workspaceId,
     projectId,
@@ -33829,7 +33869,9 @@ var WorkspaceContextProvider = ({
     uploadFile,
     uploadFileToFolder,
     getFileViewUrl,
-    shareFile
+    shareFile,
+    listShares,
+    unshareFile
   };
   const currentWorkspace = workspaces.find((w) => w.id === workspaceId);
   const workspaceName = currentWorkspace?.name;
@@ -33907,7 +33949,7 @@ var PinToMenuButton = ({
       setChecking(false);
     }
   }, [hasTarget, config.enableCustomMenu, get, contentType, assistantId, isMatch]);
-  useEffect56(() => {
+  useEffect57(() => {
     checkPinned();
   }, [checkPinned]);
   if (!hasTarget || !config.enableCustomMenu) return null;
@@ -34446,7 +34488,7 @@ var ProjectSelector = ({
 };
 
 // src/components/Chat/ToolPanelFiles.tsx
-import { useCallback as useCallback44, useEffect as useEffect57, useMemo as useMemo37, useState as useState85 } from "react";
+import { useCallback as useCallback44, useEffect as useEffect58, useMemo as useMemo37, useState as useState85 } from "react";
 import { message as message24 } from "antd";
 
 // src/components/Chat/FileDirectoryPanel.tsx
@@ -34942,7 +34984,7 @@ var ToolPanelFiles = () => {
       setDirectoryLoading((prev) => ({ ...prev, [path]: false }));
     }
   }, [directoryExpanded, listPath, currentAssistant?.id]);
-  useEffect57(() => {
+  useEffect58(() => {
     resourceFolders.forEach((folder) => {
       void loadAssetsForFolder(folder, false);
     });
@@ -35587,7 +35629,7 @@ var LatticeChatView = (props) => {
 };
 
 // src/components/Chat/SettingsModal.tsx
-import { useState as useState87, useEffect as useEffect58, useRef as useRef32 } from "react";
+import { useState as useState87, useEffect as useEffect59, useRef as useRef32 } from "react";
 import {
   Modal as Modal27,
   Input as Input21,
@@ -35610,12 +35652,12 @@ import {
   LinkOutlined as LinkOutlined6,
   CheckCircleFilled,
   CloseCircleFilled,
-  PlusOutlined as PlusOutlined9,
+  PlusOutlined as PlusOutlined10,
   CloudServerOutlined
 } from "@ant-design/icons";
 import { createStyles as createStyles42 } from "antd-style";
 import { Fragment as Fragment31, jsx as jsx135, jsxs as jsxs98 } from "react/jsx-runtime";
-var { Text: Text52, Title: Title17 } = Typography63;
+var { Text: Text52, Title: Title18 } = Typography63;
 var { TextArea: TextArea9 } = Input21;
 var useStyles25 = createStyles42(({ token, css }) => ({
   //   settingsModal: css`
@@ -36001,7 +36043,7 @@ var SettingsModal = ({
   });
   const [serverConfigs, setServerConfigs] = useState87({});
   const connectionsRef = useRef32(connections);
-  useEffect58(() => {
+  useEffect59(() => {
     connectionsRef.current = connections;
   }, [connections]);
   const [activeTabKey, setActiveTabKey] = useState87(
@@ -36203,7 +36245,7 @@ var SettingsModal = ({
       console.error("Failed to load models configuration:", error);
     }
   };
-  useEffect58(() => {
+  useEffect59(() => {
     if (open && activeTabKey) {
       initializeServerConfig(activeTabKey);
       const connection = connections.find((c) => c.id === activeTabKey);
@@ -36212,7 +36254,7 @@ var SettingsModal = ({
       }
     }
   }, [open, activeTabKey]);
-  useEffect58(() => {
+  useEffect59(() => {
     if (open && activeTabKey) {
       const connection = connections.find((c) => c.id === activeTabKey);
       if (connection?.connected) {
@@ -36769,7 +36811,7 @@ QUEUE_NAME=tasks`,
       /* @__PURE__ */ jsxs98("div", { className: styles.content, children: [
         /* @__PURE__ */ jsxs98("div", { className: styles.contentHeader, children: [
           /* @__PURE__ */ jsxs98("div", { className: styles.contentHeaderLeft, children: [
-            /* @__PURE__ */ jsx135(Title17, { level: 3, className: styles.contentTitle, children: activeMenuItem?.label }),
+            /* @__PURE__ */ jsx135(Title18, { level: 3, className: styles.contentTitle, children: activeMenuItem?.label }),
             /* @__PURE__ */ jsxs98(Text52, { className: styles.contentDescription, children: [
               activeMenu === "environment" && "Manage environment variables for the gateway server",
               activeMenu === "models" && "Configure and register model lattices for use by agents"
@@ -36805,14 +36847,14 @@ QUEUE_NAME=tasks`,
         },
         children: connection.connecting ? /* @__PURE__ */ jsxs98(Fragment31, { children: [
           /* @__PURE__ */ jsx135(LinkOutlined6, { style: { fontSize: 64, color: "#1890ff" }, spin: true }),
-          /* @__PURE__ */ jsx135(Title17, { level: 4, children: "Connecting..." }),
+          /* @__PURE__ */ jsx135(Title18, { level: 4, children: "Connecting..." }),
           /* @__PURE__ */ jsxs98(Text52, { type: "secondary", style: { textAlign: "center" }, children: [
             "Connecting to ",
             connection.url
           ] })
         ] }) : /* @__PURE__ */ jsxs98(Fragment31, { children: [
           /* @__PURE__ */ jsx135(LinkOutlined6, { style: { fontSize: 64, color: "#d9d9d9" } }),
-          /* @__PURE__ */ jsx135(Title17, { level: 4, type: "secondary", children: connection.error || "Not Connected" }),
+          /* @__PURE__ */ jsx135(Title18, { level: 4, type: "secondary", children: connection.error || "Not Connected" }),
           /* @__PURE__ */ jsx135(
             Text52,
             {
@@ -36871,7 +36913,7 @@ QUEUE_NAME=tasks`,
                   padding: "4px 8px"
                 },
                 children: [
-                  /* @__PURE__ */ jsx135(PlusOutlined9, {}),
+                  /* @__PURE__ */ jsx135(PlusOutlined10, {}),
                   /* @__PURE__ */ jsx135("span", { children: "Add Server" })
                 ]
               }
@@ -36992,22 +37034,22 @@ var LatticeChatShell = (props) => {
 };
 
 // src/components/Chat/ChannelInstallationsDrawerContent.tsx
-import { useEffect as useEffect59, useState as useState88 } from "react";
+import { useEffect as useEffect60, useState as useState88 } from "react";
 import {
   Button as Button65,
   Card as Card30,
   Form as Form10,
   Input as Input22,
   Modal as Modal28,
-  Popconfirm as Popconfirm13,
+  Popconfirm as Popconfirm14,
   Spin as Spin24,
-  Tag as Tag31,
+  Tag as Tag32,
   Typography as Typography64,
   message as message27
 } from "antd";
 import { Edit2 as Edit24, Plus as Plus10, RadioTower, Trash2 as Trash211 } from "lucide-react";
 import { jsx as jsx138, jsxs as jsxs100 } from "react/jsx-runtime";
-var { Text: Text53, Title: Title18 } = Typography64;
+var { Text: Text53, Title: Title19 } = Typography64;
 var ChannelInstallationsDrawerContent = () => {
   const { get, post, put, del } = useApi();
   const [installations, setInstallations] = useState88([]);
@@ -37034,7 +37076,7 @@ var ChannelInstallationsDrawerContent = () => {
       setLoading(false);
     }
   };
-  useEffect59(() => {
+  useEffect60(() => {
     loadInstallations();
   }, []);
   const handleDelete = async (installation) => {
@@ -37065,7 +37107,7 @@ var ChannelInstallationsDrawerContent = () => {
           alignItems: "center"
         },
         children: [
-          /* @__PURE__ */ jsx138(Title18, { level: 5, style: { margin: 0 }, children: "Channel Installations" }),
+          /* @__PURE__ */ jsx138(Title19, { level: 5, style: { margin: 0 }, children: "Channel Installations" }),
           /* @__PURE__ */ jsx138(
             Button65,
             {
@@ -37111,7 +37153,7 @@ var ChannelInstallationsDrawerContent = () => {
             },
             children: [
               /* @__PURE__ */ jsx138(Text53, { strong: true, style: { fontSize: 15 }, children: installation.name || installation.id }),
-              /* @__PURE__ */ jsx138(Tag31, { color: "blue", children: installation.channel })
+              /* @__PURE__ */ jsx138(Tag32, { color: "blue", children: installation.channel })
             ]
           }
         ),
@@ -37146,7 +37188,7 @@ var ChannelInstallationsDrawerContent = () => {
             }
           ),
           /* @__PURE__ */ jsx138(
-            Popconfirm13,
+            Popconfirm14,
             {
               title: "Delete Channel Installation",
               description: `Are you sure you want to delete "${installation.name || installation.id}"?`,
@@ -37182,7 +37224,7 @@ var ChannelInstallationsDrawerContent = () => {
 };
 var LarkChannelInstallationFormModal = ({ installation, open, post, put, onCancel, onSave }) => {
   const [form] = Form10.useForm();
-  useEffect59(() => {
+  useEffect60(() => {
     if (installation) {
       const config = installation.config;
       form.setFieldsValue({