@axiom-lattice/react-sdk 3.0.1 → 3.1.0

package/dist/index.mjs

@@ -4099,7 +4099,6 @@ var ConversationContextProvider = ({
       if (!assistantId || !client.assistantId) {
         throw new Error("No assistant selected");
       }
-      setIsLoading(true);
       setError(null);
       try {
         const existingThread = await client.threads.get(newThread.id);
@@ -4110,16 +4109,18 @@ var ConversationContextProvider = ({
             label: newThread.label
           }
         });
-        await loadThreads();
+        setThreads(
+          (prev) => prev.map(
+            (t4) => t4.id === newThread.id ? { ...t4, label: newThread.label } : t4
+          )
+        );
       } catch (err) {
         const error2 = err instanceof Error ? err : new Error(String(err));
         setError(error2);
         throw error2;
-      } finally {
-        setIsLoading(false);
       }
     },
-    [assistantId, client, loadThreads]
+    [assistantId, client]
   );
   const getThreadById = useCallback8(
     (targetThreadId) => {
@@ -5884,11 +5885,11 @@ var FilePanelToggle = () => {
 
 // src/components/Chat/PinToMenuButton.tsx
 import React136, { useState as useState133, useCallback as useCallback70, useEffect as useEffect106 } from "react";
-import { Button as Button84, Input as Input35, Modal as Modal46, Tooltip as Tooltip33, AutoComplete, message as message42 } from "antd";
+import { Button as Button85, Input as Input36, Modal as Modal46, Tooltip as Tooltip33, AutoComplete, message as message42 } from "antd";
 import { Pin } from "lucide-react";
 
 // src/components/Chat/WorkspaceResourceManager.tsx
-import React135, { useMemo as useMemo56, useEffect as useEffect105, useRef as useRef54, useState as useState132, useCallback as useCallback69 } from "react";
+import React135, { useMemo as useMemo56, useEffect as useEffect105, useRef as useRef55, useState as useState132, useCallback as useCallback69 } from "react";
 import { FolderOpen as FolderOpen3, Activity as Activity5, Database as Database8, Plug as Plug4, Bot as Bot12, Wrench as Wrench3, Zap as Zap3, Share2, History as History2, Inbox as Inbox3, FlaskConical as FlaskConical10, PinOff, Layers as Layers3, ArrowRightLeft as ArrowRightLeft2, ListChecks as ListChecks3, KeyRound as KeyRound2 } from "lucide-react";
 import { Modal as Modal45, Avatar as Avatar11, Popover as Popover5, message as message41 } from "antd";
 
@@ -65310,12 +65311,12 @@ function graticuleY(x06, x12, dx) {
   };
 }
 function graticule() {
-  var x12, x06, X13, X03, y12, y06, Y13, Y03, dx = 10, dy = dx, DX2 = 90, DY2 = 360, x4, y4, X7, Y4, precision = 2.5;
+  var x12, x06, X13, X03, y12, y06, Y13, Y03, dx = 10, dy = dx, DX2 = 90, DY2 = 360, x4, y4, X8, Y4, precision = 2.5;
   function graticule2() {
     return { type: "MultiLineString", coordinates: lines() };
   }
   function lines() {
-    return range(ceil(X03 / DX2) * DX2, X13, DX2).map(X7).concat(range(ceil(Y03 / DY2) * DY2, Y13, DY2).map(Y4)).concat(range(ceil(x06 / dx) * dx, x12, dx).filter(function(x5) {
+    return range(ceil(X03 / DX2) * DX2, X13, DX2).map(X8).concat(range(ceil(Y03 / DY2) * DY2, Y13, DY2).map(Y4)).concat(range(ceil(x06 / dx) * dx, x12, dx).filter(function(x5) {
       return abs4(x5 % DX2) > epsilon7;
     }).map(x4)).concat(range(ceil(y06 / dy) * dy, y12, dy).filter(function(y5) {
       return abs4(y5 % DY2) > epsilon7;
@@ -65330,9 +65331,9 @@ function graticule() {
     return {
       type: "Polygon",
       coordinates: [
-        X7(X03).concat(
+        X8(X03).concat(
           Y4(Y13).slice(1),
-          X7(X13).reverse().slice(1),
+          X8(X13).reverse().slice(1),
           Y4(Y03).reverse().slice(1)
         )
       ]
@@ -65377,7 +65378,7 @@ function graticule() {
     precision = +_2;
     x4 = graticuleX(y06, y12, 90);
     y4 = graticuleY(x06, x12, precision);
-    X7 = graticuleX(Y03, Y13, 90);
+    X8 = graticuleX(Y03, Y13, 90);
     Y4 = graticuleY(X03, X13, precision);
     return graticule2;
   };
@@ -68060,9 +68061,9 @@ var gamma_default = (function sourceRandomGamma(source) {
 var beta_default = (function sourceRandomBeta(source) {
   var G3 = gamma_default.source(source);
   function randomBeta(alpha, beta) {
-    var X7 = G3(alpha), Y4 = G3(beta);
+    var X8 = G3(alpha), Y4 = G3(beta);
     return function() {
-      var x4 = X7();
+      var x4 = X8();
       return x4 === 0 ? 0 : x4 / (x4 + Y4());
     };
   }
@@ -108022,7 +108023,7 @@ var PersonalAssistantPage = () => {
 };
 
 // src/components/Chat/CustomMenuPage.tsx
-import { useEffect as useEffect101, useRef as useRef52 } from "react";
+import { useEffect as useEffect101, useRef as useRef53 } from "react";
 
 // src/components/Chat/ChatSidebar.tsx
 import { useState as useState126, useMemo as useMemo54, useCallback as useCallback66 } from "react";
@@ -108033,17 +108034,64 @@ import {
 } from "lucide-react";
 
 // src/components/Chat/ThreadHistoryMenuContent.tsx
-import React126, { useCallback as useCallback65, useState as useState125 } from "react";
+import React126, { useCallback as useCallback65, useRef as useRef52, useState as useState125 } from "react";
 import { createStyles as createStyles66 } from "antd-style";
-import { MessageSquare as MessageSquare6, Trash2 as Trash217 } from "lucide-react";
-import { message as message39, Modal as Modal42 } from "antd";
-import { jsx as jsx195, jsxs as jsxs150 } from "react/jsx-runtime";
+import { Check as Check5, MessageSquare as MessageSquare6, Pencil as Pencil4, Trash2 as Trash217, X as X7 } from "lucide-react";
+import { Button as Button79, Input as Input34, message as message39, Modal as Modal42, Select as Select23 } from "antd";
+import {
+  SortAscendingOutlined,
+  SortDescendingOutlined
+} from "@ant-design/icons";
+
+// src/components/Chat/threadSort.ts
+function filterThreads(threads, query) {
+  const q2 = query.trim().toLowerCase();
+  if (!q2) return threads;
+  return threads.filter(
+    (thread) => (thread.label || "").toLowerCase().includes(q2)
+  );
+}
+var getTime = (thread, sortKey) => {
+  const raw = sortKey === "created" ? thread.createdAt : thread.updatedAt;
+  if (!raw) return null;
+  const time2 = Date.parse(raw);
+  return Number.isNaN(time2) ? null : time2;
+};
+function sortThreads(threads, sortKey = "updated", direction = "desc") {
+  return [...threads].sort((a4, b10) => {
+    if (sortKey === "name") {
+      const na = a4.label || "";
+      const nb = b10.label || "";
+      return direction === "asc" ? na.localeCompare(nb) : nb.localeCompare(na);
+    }
+    const ta = getTime(a4, sortKey);
+    const tb = getTime(b10, sortKey);
+    if (ta === null && tb === null) return 0;
+    if (ta === null) return 1;
+    if (tb === null) return -1;
+    return direction === "asc" ? ta - tb : tb - ta;
+  });
+}
+
+// src/components/Chat/ThreadHistoryMenuContent.tsx
+import { Fragment as Fragment53, jsx as jsx195, jsxs as jsxs150 } from "react/jsx-runtime";
 var useStyles50 = createStyles66(({ token, css }) => ({
   container: css`
     padding: 4px;
     font-size: 13px;
     background: transparent;
   `,
+  toolbar: css`
+    display: flex;
+    flex-direction: column;
+    gap: 6px;
+    margin-bottom: 12px;
+  `,
+  toolbarRow: css`
+    display: flex;
+    align-items: center;
+    gap: 6px;
+  `,
   threadList: css`
     display: flex;
     flex-direction: column;
@@ -108102,7 +108150,7 @@ var useStyles50 = createStyles66(({ token, css }) => ({
     text-overflow: ellipsis;
     white-space: nowrap;
   `,
-  deleteBtn: css`
+  actionBtn: css`
     display: flex;
     align-items: center;
     justify-content: center;
@@ -108121,11 +108169,41 @@ var useStyles50 = createStyles66(({ token, css }) => ({
       color: ${token.colorPrimary};
     }
 
+    &:disabled {
+      cursor: not-allowed;
+      opacity: 0.4;
+
+      &:hover {
+        background: transparent;
+        color: ${token.colorTextSecondary};
+      }
+    }
+
     svg {
       width: 16px;
       height: 16px;
     }
   `,
+  actionBtnVisible: css`
+    opacity: 1;
+  `,
+  renameInput: css`
+    flex: 1;
+    min-width: 0;
+    font-size: 12px;
+    font-weight: 500;
+    color: ${token.colorText};
+    padding: 2px 6px;
+    border: 1px solid ${token.colorPrimary};
+    border-radius: 4px;
+    background: ${token.colorBgContainer};
+    box-sizing: border-box;
+
+    &:focus {
+      outline: none;
+      box-shadow: 0 0 0 2px ${token.colorPrimaryBg};
+    }
+  `,
   emptyState: css`
     padding: 16px;
     text-align: center;
@@ -108146,10 +108224,19 @@ var ThreadHistoryMenuContent = () => {
     threadId,
     selectThread,
     deleteThread,
+    updateThread,
     isLoading
   } = useConversationContext();
   const [threadToDelete, setThreadToDelete] = useState125(null);
   const [deleting, setDeleting] = useState125(false);
+  const [editingId, setEditingId] = useState125(null);
+  const [editValue, setEditValue] = useState125("");
+  const [renaming, setRenaming] = useState125(false);
+  const [searchQuery, setSearchQuery] = useState125("");
+  const [sortKey, setSortKey] = useState125("updated");
+  const [sortDirection, setSortDirection] = useState125("desc");
+  const skipBlurRef = useRef52(false);
+  const submittingRef = useRef52(false);
   const handleDeleteThread = useCallback65(
     (e8, threadIdToDelete) => {
       e8.stopPropagation();
@@ -108170,18 +108257,107 @@ var ThreadHistoryMenuContent = () => {
       setDeleting(false);
     }
   }, [threadToDelete, deleteThread]);
-  const sortedThreads = React126.useMemo(() => {
-    return [...threads].sort((a4, b10) => {
-      const dateA = a4.updatedAt ? new Date(a4.updatedAt).getTime() : 0;
-      const dateB = b10.updatedAt ? new Date(b10.updatedAt).getTime() : 0;
-      return dateB - dateA;
-    });
-  }, [threads]);
-  if (isLoading) {
-    return /* @__PURE__ */ jsx195("div", { className: styles.container, children: /* @__PURE__ */ jsx195("div", { className: styles.loading, children: "Loading conversations..." }) });
-  }
+  const startRename = useCallback65((e8, thread) => {
+    e8.stopPropagation();
+    setEditingId(thread.id);
+    setEditValue(thread.label);
+  }, []);
+  const finishRename = useCallback65(
+    async (thread) => {
+      if (submittingRef.current) return;
+      const trimmed = editValue.trim();
+      if (!trimmed || trimmed === thread.label) {
+        setEditingId(null);
+        return;
+      }
+      submittingRef.current = true;
+      setRenaming(true);
+      try {
+        await updateThread({ ...thread, label: trimmed });
+        message39.success("Conversation renamed");
+      } catch (error) {
+        message39.error("Failed to rename conversation");
+      } finally {
+        submittingRef.current = false;
+        setRenaming(false);
+        setEditingId(null);
+      }
+    },
+    [editValue, updateThread]
+  );
+  const cancelRename = useCallback65(() => {
+    skipBlurRef.current = true;
+    setEditingId(null);
+  }, []);
+  const handleRenameKeyDown = useCallback65(
+    (e8) => {
+      if (e8.key === "Enter") {
+        e8.preventDefault();
+        e8.currentTarget.blur();
+      } else if (e8.key === "Escape") {
+        e8.preventDefault();
+        cancelRename();
+      }
+    },
+    [cancelRename]
+  );
+  const handleRenameBlur = useCallback65(
+    (thread) => {
+      if (skipBlurRef.current) {
+        skipBlurRef.current = false;
+        return;
+      }
+      finishRename(thread);
+    },
+    [finishRename]
+  );
+  const visibleThreads = React126.useMemo(
+    () => sortThreads(
+      filterThreads(threads, searchQuery),
+      sortKey,
+      sortDirection
+    ),
+    [threads, searchQuery, sortKey, sortDirection]
+  );
   return /* @__PURE__ */ jsxs150("div", { className: styles.container, children: [
-    sortedThreads.length === 0 ? /* @__PURE__ */ jsx195("div", { className: styles.emptyState, children: "No conversations yet" }) : /* @__PURE__ */ jsx195("div", { className: styles.threadList, children: sortedThreads.map((thread) => /* @__PURE__ */ jsxs150(
+    /* @__PURE__ */ jsxs150("div", { className: styles.toolbar, children: [
+      /* @__PURE__ */ jsx195(
+        Input34,
+        {
+          size: "small",
+          placeholder: "Search conversations\u2026",
+          allowClear: true,
+          value: searchQuery,
+          onChange: (e8) => setSearchQuery(e8.target.value)
+        }
+      ),
+      /* @__PURE__ */ jsxs150("div", { className: styles.toolbarRow, children: [
+        /* @__PURE__ */ jsx195(
+          Select23,
+          {
+            size: "small",
+            style: { flex: 1, minWidth: 0 },
+            value: sortKey,
+            onChange: (value) => setSortKey(value),
+            options: [
+              { value: "name", label: "Name" },
+              { value: "updated", label: "Updated" },
+              { value: "created", label: "Created" }
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx195(
+          Button79,
+          {
+            size: "small",
+            icon: sortDirection === "asc" ? /* @__PURE__ */ jsx195(SortAscendingOutlined, {}) : /* @__PURE__ */ jsx195(SortDescendingOutlined, {}),
+            onClick: () => setSortDirection((d3) => d3 === "asc" ? "desc" : "asc"),
+            title: sortDirection === "asc" ? "Ascending" : "Descending"
+          }
+        )
+      ] })
+    ] }),
+    isLoading ? /* @__PURE__ */ jsx195("div", { className: styles.loading, children: "Loading conversations..." }) : visibleThreads.length === 0 ? /* @__PURE__ */ jsx195("div", { className: styles.emptyState, children: searchQuery.trim() ? `No conversations match "${searchQuery.trim()}"` : "No conversations yet" }) : /* @__PURE__ */ jsx195("div", { className: styles.threadList, children: visibleThreads.map((thread) => /* @__PURE__ */ jsxs150(
       "div",
       {
         className: `${styles.threadItem} ${thread.id === threadId ? "active" : ""}`,
@@ -108189,22 +108365,76 @@ var ThreadHistoryMenuContent = () => {
         title: thread.label,
         children: [
           /* @__PURE__ */ jsx195("div", { className: styles.threadIcon, children: /* @__PURE__ */ jsx195(MessageSquare6, { size: 14 }) }),
-          /* @__PURE__ */ jsx195(
+          editingId === thread.id ? /* @__PURE__ */ jsx195(
+            "input",
+            {
+              className: styles.renameInput,
+              "aria-label": "Conversation name",
+              value: editValue,
+              autoFocus: true,
+              disabled: renaming,
+              onClick: (e8) => e8.stopPropagation(),
+              onFocus: (e8) => e8.target.select(),
+              onChange: (e8) => setEditValue(e8.target.value),
+              onKeyDown: (e8) => handleRenameKeyDown(e8),
+              onBlur: () => handleRenameBlur(thread)
+            }
+          ) : /* @__PURE__ */ jsx195(
             "div",
             {
               className: thread.id === threadId ? styles.threadNameActive : styles.threadName,
               children: thread.label
             }
           ),
-          /* @__PURE__ */ jsx195(
-            "button",
-            {
-              className: styles.deleteBtn,
-              onClick: (e8) => handleDeleteThread(e8, thread.id),
-              title: "Delete conversation",
-              children: /* @__PURE__ */ jsx195(Trash217, { size: 12 })
-            }
-          )
+          editingId === thread.id ? /* @__PURE__ */ jsxs150(Fragment53, { children: [
+            /* @__PURE__ */ jsx195(
+              "button",
+              {
+                className: `${styles.actionBtn} ${styles.actionBtnVisible}`,
+                title: "Save name",
+                disabled: renaming,
+                onMouseDown: (e8) => e8.preventDefault(),
+                onClick: (e8) => {
+                  e8.stopPropagation();
+                  finishRename(thread);
+                },
+                children: /* @__PURE__ */ jsx195(Check5, { size: 12 })
+              }
+            ),
+            /* @__PURE__ */ jsx195(
+              "button",
+              {
+                className: `${styles.actionBtn} ${styles.actionBtnVisible}`,
+                title: "Cancel rename",
+                disabled: renaming,
+                onMouseDown: (e8) => e8.preventDefault(),
+                onClick: (e8) => {
+                  e8.stopPropagation();
+                  cancelRename();
+                },
+                children: /* @__PURE__ */ jsx195(X7, { size: 12 })
+              }
+            )
+          ] }) : /* @__PURE__ */ jsxs150(Fragment53, { children: [
+            /* @__PURE__ */ jsx195(
+              "button",
+              {
+                className: styles.actionBtn,
+                onClick: (e8) => startRename(e8, thread),
+                title: "Rename conversation",
+                children: /* @__PURE__ */ jsx195(Pencil4, { size: 12 })
+              }
+            ),
+            /* @__PURE__ */ jsx195(
+              "button",
+              {
+                className: styles.actionBtn,
+                onClick: (e8) => handleDeleteThread(e8, thread.id),
+                title: "Delete conversation",
+                children: /* @__PURE__ */ jsx195(Trash217, { size: 12 })
+              }
+            )
+          ] })
         ]
       },
       thread.id
@@ -108226,7 +108456,7 @@ var ThreadHistoryMenuContent = () => {
 };
 
 // src/components/Chat/ChatSidebar.tsx
-import { Fragment as Fragment53, jsx as jsx196, jsxs as jsxs151 } from "react/jsx-runtime";
+import { Fragment as Fragment54, jsx as jsx196, jsxs as jsxs151 } from "react/jsx-runtime";
 var DEFAULT_MENU_ITEMS = [
   {
     id: "new-analysis",
@@ -108310,7 +108540,7 @@ var ChatSidebar = ({
       onLogout: logout
     }
   );
-  return /* @__PURE__ */ jsxs151(Fragment53, { children: [
+  return /* @__PURE__ */ jsxs151(Fragment54, { children: [
     /* @__PURE__ */ jsx196(
       Menu,
       {
@@ -108450,8 +108680,8 @@ var EmbeddedChatSidebar = ({
 }) => {
   const { menuCollapsed, setMenuCollapsed } = useChatUIContext();
   const { sidebarDefaultExpanded } = useLatticeChatShellContext().config;
-  const wasMobileRef = useRef52(isMobile);
-  const desktopCollapsedRef = useRef52(void 0);
+  const wasMobileRef = useRef53(isMobile);
+  const desktopCollapsedRef = useRef53(void 0);
   useEffect101(() => {
     if (wasMobileRef.current === isMobile) {
       return;
@@ -108563,7 +108793,7 @@ var CustomMenuPage = ({ component_key, data }) => {
 
 // src/components/Chat/SharesPage.tsx
 import { useEffect as useEffect102, useState as useState127 } from "react";
-import { Table as Table4, Button as Button79, Dropdown as Dropdown6, message as message40, Modal as Modal44, Tag as Tag44, Typography as Typography87 } from "antd";
+import { Table as Table4, Button as Button80, Dropdown as Dropdown6, message as message40, Modal as Modal44, Tag as Tag44, Typography as Typography87 } from "antd";
 import { CopyOutlined as CopyOutlined5, StopOutlined as StopOutlined3, MoreOutlined as MoreOutlined3 } from "@ant-design/icons";
 import { jsx as jsx198, jsxs as jsxs153 } from "react/jsx-runtime";
 var { Text: Text77 } = Typography87;
@@ -108671,7 +108901,7 @@ ${pwdText}`.trim());
               ]
             ]
           },
-          children: /* @__PURE__ */ jsx198(Button79, { type: "text", size: "small", icon: /* @__PURE__ */ jsx198(MoreOutlined3, {}) })
+          children: /* @__PURE__ */ jsx198(Button80, { type: "text", size: "small", icon: /* @__PURE__ */ jsx198(MoreOutlined3, {}) })
         }
       )
     }
@@ -108706,12 +108936,12 @@ ${pwdText}`.trim());
 
 // src/components/Migration/MigrationPage.tsx
 import { useState as useState130 } from "react";
-import { Button as Button82, Space as Space54, Typography as Typography90, theme as theme17 } from "antd";
+import { Button as Button83, Space as Space54, Typography as Typography90, theme as theme17 } from "antd";
 import { Download, Upload as Upload4, ArrowLeft as ArrowLeft5 } from "lucide-react";
 
 // src/components/Migration/ExportStep.tsx
 import { useEffect as useEffect103, useState as useState128, useCallback as useCallback67 } from "react";
-import { Checkbox as Checkbox11, Button as Button80, Space as Space52, Card as Card27, Alert as Alert14, Tag as Tag45, Steps as Steps4, Typography as Typography88, theme as theme15 } from "antd";
+import { Checkbox as Checkbox11, Button as Button81, Space as Space52, Card as Card27, Alert as Alert14, Tag as Tag45, Steps as Steps4, Typography as Typography88, theme as theme15 } from "antd";
 import {
   Bot as Bot11,
   Zap as Zap2,
@@ -108832,7 +109062,7 @@ var ExportStep = ({ onExported, exportJobId }) => {
       /* @__PURE__ */ jsx199(Text78, { type: "secondary", style: { display: "block", marginBottom: 24 }, children: "Your configuration has been exported to a tar.gz archive." }),
       error && /* @__PURE__ */ jsx199(Alert14, { type: "error", message: error, style: { marginBottom: 16 }, closable: true }),
       /* @__PURE__ */ jsx199(
-        Button80,
+        Button81,
         {
           type: "primary",
           size: "large",
@@ -108869,7 +109099,7 @@ var ExportStep = ({ onExported, exportJobId }) => {
               "CASCADE parents: ",
               needsConfirm.cascadeAdditions.map((d3) => /* @__PURE__ */ jsx199(Tag45, { children: d3 }, d3))
             ] }),
-            /* @__PURE__ */ jsx199(Button80, { type: "primary", size: "small", onClick: handleConfirm, loading: exportLoading, children: "Include and export" })
+            /* @__PURE__ */ jsx199(Button81, { type: "primary", size: "small", onClick: handleConfirm, loading: exportLoading, children: "Include and export" })
           ] }),
           style: { marginBottom: 16 }
         }
@@ -108884,7 +109114,7 @@ var ExportStep = ({ onExported, exportJobId }) => {
         borderRadius: token.borderRadiusLG,
         border: `1px solid ${token.colorBorderSecondary}`
       }, children: [
-        /* @__PURE__ */ jsx199(Button80, { size: "small", icon: /* @__PURE__ */ jsx199(ArrowLeft4, { size: 14 }), onClick: () => setStep("types"), children: "Back" }),
+        /* @__PURE__ */ jsx199(Button81, { size: "small", icon: /* @__PURE__ */ jsx199(ArrowLeft4, { size: 14 }), onClick: () => setStep("types"), children: "Back" }),
         /* @__PURE__ */ jsxs154(Space52, { children: [
           /* @__PURE__ */ jsxs154(Text78, { type: "secondary", children: [
             totalSelected,
@@ -108892,7 +109122,7 @@ var ExportStep = ({ onExported, exportJobId }) => {
             totalEntities,
             " selected"
           ] }),
-          /* @__PURE__ */ jsxs154(Button80, { type: "primary", onClick: handleExportWithIds, loading: exportLoading, disabled: totalSelected === 0, children: [
+          /* @__PURE__ */ jsxs154(Button81, { type: "primary", onClick: handleExportWithIds, loading: exportLoading, disabled: totalSelected === 0, children: [
             "Export ",
             totalSelected,
             " entities"
@@ -108925,7 +109155,7 @@ var ExportStep = ({ onExported, exportJobId }) => {
             ] }),
             /* @__PURE__ */ jsxs154(Space52, { size: "small", children: [
               /* @__PURE__ */ jsx199(
-                Button80,
+                Button81,
                 {
                   size: "small",
                   type: allSelected ? "default" : "primary",
@@ -108934,7 +109164,7 @@ var ExportStep = ({ onExported, exportJobId }) => {
                   children: "Select all"
                 }
               ),
-              /* @__PURE__ */ jsx199(Button80, { size: "small", onClick: () => handleDeselectAllInType(type2), children: "Clear" })
+              /* @__PURE__ */ jsx199(Button81, { size: "small", onClick: () => handleDeselectAllInType(type2), children: "Clear" })
             ] })
           ] }),
           /* @__PURE__ */ jsx199("div", { style: { padding: 16 }, children: /* @__PURE__ */ jsx199(
@@ -109027,8 +109257,8 @@ var ExportStep = ({ onExported, exportJobId }) => {
     ),
     error && /* @__PURE__ */ jsx199(Alert14, { type: "error", message: error, style: { marginBottom: 16 }, closable: true }),
     /* @__PURE__ */ jsxs154(Space52, { style: { marginBottom: 16 }, children: [
-      /* @__PURE__ */ jsx199(Button80, { size: "small", onClick: selectAll, children: "Select all" }),
-      /* @__PURE__ */ jsx199(Button80, { size: "small", onClick: deselectAll, children: "Clear" })
+      /* @__PURE__ */ jsx199(Button81, { size: "small", onClick: selectAll, children: "Select all" }),
+      /* @__PURE__ */ jsx199(Button81, { size: "small", onClick: deselectAll, children: "Clear" })
     ] }),
     coreTypes.length > 0 && /* @__PURE__ */ jsxs154("div", { style: { marginBottom: 20 }, children: [
       /* @__PURE__ */ jsx199(Text78, { type: "secondary", style: { display: "block", marginBottom: 10 }, children: "Core" }),
@@ -109039,7 +109269,7 @@ var ExportStep = ({ onExported, exportJobId }) => {
       renderTypeGrid(pluginTypes)
     ] }),
     /* @__PURE__ */ jsxs154(
-      Button80,
+      Button81,
       {
         type: "primary",
         size: "large",
@@ -109059,13 +109289,13 @@ var ExportStep = ({ onExported, exportJobId }) => {
 
 // src/components/Migration/ImportStep.tsx
 import { useState as useState129 } from "react";
-import { Upload as AntUpload, Button as Button81, Alert as Alert15, Progress as Progress5, Typography as Typography89, theme as theme16, Space as Space53, Steps as Steps5 } from "antd";
+import { Upload as AntUpload, Button as Button82, Alert as Alert15, Progress as Progress5, Typography as Typography89, theme as theme16, Space as Space53, Steps as Steps5 } from "antd";
 import { Upload as Upload3, CheckCircle as CheckCircle6, XCircle as XCircle5, MinusCircle } from "lucide-react";
 
 // src/components/Migration/ConflictResolver.tsx
 import React131 from "react";
-import { Table as Table5, Select as Select23, Tag as Tag46, Input as Input34 } from "antd";
-import { Fragment as Fragment54, jsx as jsx200, jsxs as jsxs155 } from "react/jsx-runtime";
+import { Table as Table5, Select as Select24, Tag as Tag46, Input as Input35 } from "antd";
+import { Fragment as Fragment55, jsx as jsx200, jsxs as jsxs155 } from "react/jsx-runtime";
 var ConflictResolver = ({
   conflicts,
   insertions,
@@ -109096,22 +109326,22 @@ var ConflictResolver = ({
     {
       title: "Action",
       width: 200,
-      render: (_2, r5) => /* @__PURE__ */ jsxs155(Fragment54, { children: [
+      render: (_2, r5) => /* @__PURE__ */ jsxs155(Fragment55, { children: [
         /* @__PURE__ */ jsxs155(
-          Select23,
+          Select24,
           {
             value: resolutions[r5._exportId]?.action ?? "skip",
             style: { width: 140 },
             onChange: (val) => handleResolution(r5._exportId, val),
             children: [
-              /* @__PURE__ */ jsx200(Select23.Option, { value: "skip", children: "Skip" }),
-              /* @__PURE__ */ jsx200(Select23.Option, { value: "overwrite", children: "Overwrite" }),
-              /* @__PURE__ */ jsx200(Select23.Option, { value: "rename", children: "Rename" })
+              /* @__PURE__ */ jsx200(Select24.Option, { value: "skip", children: "Skip" }),
+              /* @__PURE__ */ jsx200(Select24.Option, { value: "overwrite", children: "Overwrite" }),
+              /* @__PURE__ */ jsx200(Select24.Option, { value: "rename", children: "Rename" })
             ]
           }
         ),
         resolutions[r5._exportId]?.action === "rename" && /* @__PURE__ */ jsx200(
-          Input34,
+          Input35,
           {
             size: "small",
             placeholder: "New ID",
@@ -109161,7 +109391,7 @@ var ConflictResolver = ({
 };
 
 // src/components/Migration/ImportStep.tsx
-import { Fragment as Fragment55, jsx as jsx201, jsxs as jsxs156 } from "react/jsx-runtime";
+import { Fragment as Fragment56, jsx as jsx201, jsxs as jsxs156 } from "react/jsx-runtime";
 var { Dragger: Dragger2 } = AntUpload;
 var { Text: Text79, Title: Title17 } = Typography89;
 var ImportStep = ({ onComplete }) => {
@@ -109227,7 +109457,7 @@ var ImportStep = ({ onComplete }) => {
             " failed"
           ] })
         ] }),
-        /* @__PURE__ */ jsx201("div", { style: { marginTop: 24 }, children: /* @__PURE__ */ jsx201(Button81, { type: "primary", onClick: onComplete, children: "Done" }) })
+        /* @__PURE__ */ jsx201("div", { style: { marginTop: 24 }, children: /* @__PURE__ */ jsx201(Button82, { type: "primary", onClick: onComplete, children: "Done" }) })
       ] })
     ] });
   }
@@ -109276,7 +109506,7 @@ var ImportStep = ({ onComplete }) => {
         style: { marginBottom: 16 }
       }
     ),
-    previewResult && /* @__PURE__ */ jsxs156(Fragment55, { children: [
+    previewResult && /* @__PURE__ */ jsxs156(Fragment56, { children: [
       /* @__PURE__ */ jsx201("div", { style: {
         marginBottom: 16,
         padding: "12px 16px",
@@ -109299,7 +109529,7 @@ var ImportStep = ({ onComplete }) => {
         }
       ),
       /* @__PURE__ */ jsx201(
-        Button81,
+        Button82,
         {
           type: "primary",
           size: "large",
@@ -109401,7 +109631,7 @@ var MigrationPage = () => {
   }
   return /* @__PURE__ */ jsxs157("div", { style: { padding: "0 0 24px" }, children: [
     /* @__PURE__ */ jsxs157("div", { style: { display: "flex", alignItems: "center", gap: 12, marginBottom: 24 }, children: [
-      /* @__PURE__ */ jsx202(Button82, { type: "text", icon: /* @__PURE__ */ jsx202(ArrowLeft5, { size: 18 }), onClick: () => setMode("choose"), children: "Back" }),
+      /* @__PURE__ */ jsx202(Button83, { type: "text", icon: /* @__PURE__ */ jsx202(ArrowLeft5, { size: 18 }), onClick: () => setMode("choose"), children: "Back" }),
       /* @__PURE__ */ jsx202(Title18, { level: 4, style: { margin: 0 }, children: mode2 === "export" ? "Export Configuration" : "Import Configuration" })
     ] }),
     mode2 === "export" && /* @__PURE__ */ jsx202(
@@ -109423,8 +109653,8 @@ import {
 } from "@ant-design/icons";
 import { Dropdown as Dropdown7, Tooltip as Tooltip32 } from "antd";
 import { createStyles as createStyles67 } from "antd-style";
-import { useCallback as useCallback68, useEffect as useEffect104, useMemo as useMemo55, useRef as useRef53, useState as useState131 } from "react";
-import { Fragment as Fragment56, jsx as jsx203, jsxs as jsxs158 } from "react/jsx-runtime";
+import { useCallback as useCallback68, useEffect as useEffect104, useMemo as useMemo55, useRef as useRef54, useState as useState131 } from "react";
+import { Fragment as Fragment57, jsx as jsx203, jsxs as jsxs158 } from "react/jsx-runtime";
 var useStyle17 = createStyles67(({ token, css }) => {
   return {
     container: css`
@@ -109695,7 +109925,7 @@ var useStyle17 = createStyles67(({ token, css }) => {
 });
 var EmptySideAppView = ({ component_key, data }) => {
   if (data?.component) {
-    return /* @__PURE__ */ jsx203(Fragment56, { children: data.component });
+    return /* @__PURE__ */ jsx203(Fragment57, { children: data.component });
   }
   return /* @__PURE__ */ jsxs158("div", { children: [
     /* @__PURE__ */ jsx203("p", { children: "Component view not found" }),
@@ -109726,7 +109956,7 @@ var SideAppViewBrowser = ({ region = "side", compact = true, showCloseButton = t
   const [expanded, setExpanded] = useState131(false);
   const [isLeaving, setIsLeaving] = useState131(false);
   const [autoPeek, setAutoPeek] = useState131(false);
-  const collapseTimerRef = useRef53(null);
+  const collapseTimerRef = useRef54(null);
   const handleMouseEnter = useCallback68(() => {
     if (collapseTimerRef.current) {
       clearTimeout(collapseTimerRef.current);
@@ -110123,8 +110353,8 @@ var WorkspaceResourceManager = ({
   const client = useClient("__GLOBAL__");
   const { logoUrl, tenantName } = useTenantBranding();
   const [tenantSettingsOpen, setTenantSettingsOpen] = useState132(false);
-  const hasOpenedDefault = useRef54(false);
-  const hasRegistered = useRef54(false);
+  const hasOpenedDefault = useRef55(false);
+  const hasRegistered = useRef55(false);
   useEffect105(() => {
     if (!hasRegistered.current) {
       hasRegistered.current = true;
@@ -110487,7 +110717,7 @@ var WorkspaceResourceUIContext = ({
 };
 
 // src/components/Chat/PinToMenuButton.tsx
-import { Fragment as Fragment57, jsx as jsx205, jsxs as jsxs160 } from "react/jsx-runtime";
+import { Fragment as Fragment58, jsx as jsx205, jsxs as jsxs160 } from "react/jsx-runtime";
 function buildPinContentConfig(params) {
   const { contentType, assistantId, contentConfig, workspaceId, projectId } = params;
   if (contentType === "agent") {
@@ -110707,9 +110937,9 @@ var PinToMenuButton = ({
       setOpen(true);
     }
   };
-  return /* @__PURE__ */ jsxs160(Fragment57, { children: [
+  return /* @__PURE__ */ jsxs160(Fragment58, { children: [
     /* @__PURE__ */ jsx205(Tooltip33, { title: isPinned ? "Unpin from Menu" : "Pin to Menu", children: label ? /* @__PURE__ */ jsx205(
-      Button84,
+      Button85,
       {
         type: "text",
         size,
@@ -110720,7 +110950,7 @@ var PinToMenuButton = ({
         children: label
       }
     ) : /* @__PURE__ */ jsx205(
-      Button84,
+      Button85,
       {
         type: "text",
         size,
@@ -110741,7 +110971,7 @@ var PinToMenuButton = ({
         okText: "Pin",
         children: /* @__PURE__ */ jsxs160("div", { style: MODAL_BODY_STYLE, children: [
           /* @__PURE__ */ jsx205(
-            Input35,
+            Input36,
             {
               placeholder: "Menu name (required)",
               value: name,
@@ -110768,16 +110998,85 @@ var PinToMenuButton = ({
 import { createStyles as createStyles69 } from "antd-style";
 
 // src/components/Chat/ToolPanelFiles.tsx
-import { useCallback as useCallback72, useEffect as useEffect108, useMemo as useMemo57, useState as useState135 } from "react";
+import { useCallback as useCallback72, useEffect as useEffect108, useMemo as useMemo58, useState as useState135 } from "react";
 import { message as message44 } from "antd";
 
 // src/components/Chat/FileDirectoryPanel.tsx
-import React137, { useState as useState134, useCallback as useCallback71, useEffect as useEffect107 } from "react";
-import { Spin as Spin34, Dropdown as Dropdown8, Button as Button85, Input as Input36, Modal as Modal47, AutoComplete as AutoComplete2, message as message43 } from "antd";
+import React137, { useState as useState134, useCallback as useCallback71, useEffect as useEffect107, useMemo as useMemo57 } from "react";
+import { Spin as Spin34, Dropdown as Dropdown8, Button as Button86, Input as Input37, Modal as Modal47, AutoComplete as AutoComplete2, message as message43, Select as Select25 } from "antd";
 import { ChevronRight as ChevronRight8, FolderOpen as FolderOpen4, Upload as Upload5, Pin as Pin2 } from "lucide-react";
 import { createStyles as createStyles68 } from "antd-style";
-import { MoreOutlined as MoreOutlined5, LinkOutlined as LinkOutlined5, DownloadOutlined as DownloadOutlined4, EyeOutlined } from "@ant-design/icons";
-import { Fragment as Fragment58, jsx as jsx206, jsxs as jsxs161 } from "react/jsx-runtime";
+
+// src/components/Chat/fileItemSort.ts
+var getFileName = (path2) => {
+  if (!path2) return "";
+  const parts = path2.split("/").filter(Boolean);
+  return parts[parts.length - 1] ?? "";
+};
+var getTime2 = (item, sortKey) => {
+  if (sortKey === "name") return null;
+  const raw = sortKey === "created" ? item.created_at : item.modified_at;
+  if (!raw) return null;
+  const time2 = Date.parse(raw);
+  return Number.isNaN(time2) ? null : time2;
+};
+function sortFileItems(items3, sortKey = "name", direction = "asc") {
+  return [...items3].sort((a4, b10) => {
+    if (!!a4.is_dir !== !!b10.is_dir) {
+      return a4.is_dir ? -1 : 1;
+    }
+    if (sortKey === "name") {
+      const na = getFileName(a4.path);
+      const nb = getFileName(b10.path);
+      return direction === "asc" ? na.localeCompare(nb) : nb.localeCompare(na);
+    }
+    const ta = getTime2(a4, sortKey);
+    const tb = getTime2(b10, sortKey);
+    if (ta === null && tb === null) return 0;
+    if (ta === null) return 1;
+    if (tb === null) return -1;
+    return direction === "asc" ? ta - tb : tb - ta;
+  });
+}
+function filterFileItems(files, query) {
+  const q2 = query.trim().toLowerCase();
+  if (!q2) return files;
+  return files.filter((file) => {
+    const path2 = (file.path || "").toLowerCase();
+    const name = getFileName(file.path).toLowerCase();
+    return path2.includes(q2) || name.includes(q2);
+  });
+}
+function buildFileTree(files) {
+  const root4 = [];
+  files.forEach((file) => {
+    const parts = (file.path || "").split("/").filter(Boolean);
+    if (parts.length === 0) return;
+    let current = root4;
+    parts.forEach((part, index3) => {
+      const isFile = index3 === parts.length - 1;
+      const path2 = "/" + parts.slice(0, index3 + 1).join("/");
+      let node = current.find((n4) => n4.path === path2);
+      if (!node) {
+        node = isFile ? { ...file, path: path2, name: part } : { path: path2, name: part, is_dir: true, children: [] };
+        current.push(node);
+      }
+      if (!isFile) {
+        current = node.children ?? (node.children = []);
+      }
+    });
+  });
+  return root4;
+}
+function sortFileTree(nodes, sortKey = "name", direction = "asc") {
+  return sortFileItems(nodes, sortKey, direction).map(
+    (node) => node.children ? { ...node, children: sortFileTree(node.children, sortKey, direction) } : node
+  );
+}
+
+// src/components/Chat/FileDirectoryPanel.tsx
+import { MoreOutlined as MoreOutlined5, LinkOutlined as LinkOutlined5, DownloadOutlined as DownloadOutlined4, EyeOutlined, SortAscendingOutlined as SortAscendingOutlined2, SortDescendingOutlined as SortDescendingOutlined2 } from "@ant-design/icons";
+import { Fragment as Fragment59, jsx as jsx206, jsxs as jsxs161 } from "react/jsx-runtime";
 var useStyles51 = createStyles68(({ token, css }) => ({
   container: css`
     height: 100%;
@@ -110807,6 +111106,17 @@ var useStyles51 = createStyles68(({ token, css }) => ({
       color: ${token.colorTextSecondary};
     }
   `,
+  toolbar: css`
+    display: flex;
+    flex-direction: column;
+    gap: 6px;
+    margin-bottom: 12px;
+  `,
+  toolbarRow: css`
+    display: flex;
+    align-items: center;
+    gap: 6px;
+  `,
   section: css`
     margin-bottom: 12px;
   `,
@@ -110985,12 +111295,12 @@ var formatDate8 = (dateStr) => {
   const date2 = new Date(dateStr);
   return date2.toLocaleDateString("en-US", { month: "short", day: "numeric" });
 };
-var getFileName = (path2) => {
+var getFileName2 = (path2) => {
   if (!path2) return "";
   const parts = path2.split(/[/\\]/);
   return parts[parts.length - 1];
 };
-var getEntryName = (entry) => getFileName(entry.name || entry.path);
+var getEntryName = (entry) => getFileName2(entry.name || entry.path);
 var MODAL_BODY_STYLE2 = {
   display: "flex",
   flexDirection: "column",
@@ -111013,7 +111323,7 @@ var FileDirectoryPanel = ({
 }) => {
   const { styles } = useStyles51();
   const { currentAssistant } = useAssistantContext();
-  const { getFileDownloadUrl, getDirectFileUrl } = useWorkspaceContext();
+  const { getFileDownloadUrl, getDirectFileUrl, listPathByFolder } = useWorkspaceContext();
   const { openSideApp } = useChatUIContext();
   const { currentTenant } = useAuth();
   const tenantId = currentTenant?.id || "";
@@ -111029,6 +111339,11 @@ var FileDirectoryPanel = ({
   const [pinName, setPinName] = useState134("");
   const [pinGroup, setPinGroup] = useState134("");
   const [pinLoading, setPinLoading] = useState134(false);
+  const [searchQuery, setSearchQuery] = useState134("");
+  const [sortKey, setSortKey] = useState134("name");
+  const [sortDirection, setSortDirection] = useState134("asc");
+  const [searchFiles, setSearchFiles] = useState134(null);
+  const [searchLoading, setSearchLoading] = useState134(false);
   useEffect107(() => {
     if (pinModalPath) {
       fetchExistingGroups(get4).then((apiGroups) => {
@@ -111036,6 +111351,34 @@ var FileDirectoryPanel = ({
       });
     }
   }, [pinModalPath]);
+  useEffect107(() => {
+    const q2 = searchQuery.trim();
+    if (!q2) {
+      setSearchFiles(null);
+      setSearchLoading(false);
+      return;
+    }
+    let cancelled = false;
+    setSearchLoading(true);
+    collectAllWorkspaceFiles(
+      listPathByFolder,
+      resourceFolders.map((folder) => folder.name),
+      currentAssistant?.id
+    ).then((all) => {
+      if (!cancelled) setSearchFiles(filterFileItems(all, q2));
+    }).catch(() => {
+      if (!cancelled) setSearchFiles([]);
+    }).finally(() => {
+      if (!cancelled) setSearchLoading(false);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [searchQuery, listPathByFolder, resourceFolders, currentAssistant?.id]);
+  const searchTree = useMemo57(() => {
+    if (!searchFiles) return null;
+    return sortFileTree(buildFileTree(searchFiles), sortKey, sortDirection);
+  }, [searchFiles, sortKey, sortDirection]);
   const handleDropdownOpen = useCallback71(
     (filePath, open) => {
       if (!open || !enableCustomMenu) return;
@@ -111218,11 +111561,11 @@ var FileDirectoryPanel = ({
                   }
                 ]
               },
-              children: /* @__PURE__ */ jsx206(Button85, { type: "text", size: "small", icon: /* @__PURE__ */ jsx206(MoreOutlined5, {}) })
+              children: /* @__PURE__ */ jsx206(Button86, { type: "text", size: "small", icon: /* @__PURE__ */ jsx206(MoreOutlined5, {}) })
             }
           )
         ] }),
-        isExpanded ? isLoading ? /* @__PURE__ */ jsx206("div", { className: styles.loading, children: /* @__PURE__ */ jsx206(Spin34, { size: "small" }) }) : children2.length > 0 ? children2.map((child) => renderEntry(child, depth + 1)) : /* @__PURE__ */ jsx206("div", { className: styles.emptyState, children: "No files in this folder" }) : null
+        isExpanded ? isLoading ? /* @__PURE__ */ jsx206("div", { className: styles.loading, children: /* @__PURE__ */ jsx206(Spin34, { size: "small" }) }) : children2.length > 0 ? sortFileItems(children2, sortKey, sortDirection).map((child) => renderEntry(child, depth + 1)) : /* @__PURE__ */ jsx206("div", { className: styles.emptyState, children: "No files in this folder" }) : null
       ] }, entry.path);
     }
     return /* @__PURE__ */ jsxs161("div", { className: styles.treeRow, children: [
@@ -111301,7 +111644,7 @@ var FileDirectoryPanel = ({
             ]
           },
           children: /* @__PURE__ */ jsx206(
-            Button85,
+            Button86,
             {
               type: "text",
               size: "small",
@@ -111311,7 +111654,75 @@ var FileDirectoryPanel = ({
         }
       )
     ] }, entry.path);
-  }, [directoryChildren, directoryExpanded, directoryLoading, onAssetClick, onToggleDirectory, styles, getFileDownloadUrl, currentAssistant?.id, enableCustomMenu, pinStates, handleDropdownOpen, handleUnpin]);
+  }, [directoryChildren, directoryExpanded, directoryLoading, onAssetClick, onToggleDirectory, styles, getFileDownloadUrl, currentAssistant?.id, enableCustomMenu, pinStates, handleDropdownOpen, handleUnpin, sortKey, sortDirection]);
+  const renderSearchNode = (node, depth) => {
+    if (!node.is_dir) {
+      return renderEntry(node, depth);
+    }
+    const entryName = getEntryName(node);
+    return /* @__PURE__ */ jsxs161("div", { className: styles.treeChildren, children: [
+      /* @__PURE__ */ jsxs161("div", { className: styles.treeRow, children: [
+        Array.from({ length: depth }).map((_2, index3) => /* @__PURE__ */ jsx206("span", { className: styles.treeIndent }, `${node.path}-indent-${index3}`)),
+        /* @__PURE__ */ jsx206("span", { className: styles.treeSpacer }),
+        /* @__PURE__ */ jsxs161("button", { type: "button", className: styles.assetItem, title: entryName, children: [
+          /* @__PURE__ */ jsx206("div", { className: styles.assetIcon, children: /* @__PURE__ */ jsx206(FolderOpen4, { size: 14 }) }),
+          /* @__PURE__ */ jsx206("div", { className: styles.assetInfo, children: /* @__PURE__ */ jsx206("div", { className: styles.assetName, children: entryName }) })
+        ] }),
+        /* @__PURE__ */ jsx206(
+          Dropdown8,
+          {
+            trigger: ["click"],
+            onOpenChange: (open) => handleDropdownOpen(node.path, open),
+            menu: {
+              items: [
+                ...enableCustomMenu ? pinStates[node.path]?.isPinned ? [{
+                  key: "unpin",
+                  icon: /* @__PURE__ */ jsx206(Pin2, { size: 14 }),
+                  label: "Unpin from Menu",
+                  onClick: () => {
+                    const s4 = pinStates[node.path];
+                    if (s4?.pinnedId) handleUnpin(node.path, s4.pinnedId);
+                  }
+                }] : [{
+                  key: "pin",
+                  icon: /* @__PURE__ */ jsx206(Pin2, { size: 14 }),
+                  label: "Pin to Menu",
+                  onClick: () => {
+                    setPinModalPath(node.path);
+                    setPinName(entryName);
+                    setPinGroup("");
+                  }
+                }] : [],
+                {
+                  key: "preview",
+                  icon: /* @__PURE__ */ jsx206(EyeOutlined, {}),
+                  label: "Preview",
+                  onClick: () => {
+                    const url = getDirectFileUrl(node.path);
+                    if (url) {
+                      openSideApp({
+                        component_key: "attachments",
+                        data: { file_id: node.path, url },
+                        message: entryName
+                      });
+                    }
+                  }
+                },
+                {
+                  key: "share",
+                  icon: /* @__PURE__ */ jsx206(LinkOutlined5, {}),
+                  label: "Share",
+                  onClick: () => setSharePath(node.path)
+                }
+              ]
+            },
+            children: /* @__PURE__ */ jsx206(Button86, { type: "text", size: "small", icon: /* @__PURE__ */ jsx206(MoreOutlined5, {}) })
+          }
+        )
+      ] }),
+      node.children && node.children.length > 0 ? sortFileItems(node.children, sortKey, sortDirection).map((child) => renderSearchNode(child, depth + 1)) : null
+    ] }, node.path);
+  };
   if (!projectId) {
     return /* @__PURE__ */ jsx206("div", { className: styles.emptyState, children: "Please select a project to browse files" });
   }
@@ -111320,7 +111731,48 @@ var FileDirectoryPanel = ({
       /* @__PURE__ */ jsx206(FolderOpen4, { size: 16 }),
       /* @__PURE__ */ jsx206("span", { children: "Files" })
     ] }),
-    resourceFolders.map((folder) => {
+    /* @__PURE__ */ jsxs161("div", { className: styles.toolbar, children: [
+      /* @__PURE__ */ jsx206(
+        Input37,
+        {
+          size: "small",
+          placeholder: "Search files\u2026",
+          allowClear: true,
+          value: searchQuery,
+          onChange: (e8) => setSearchQuery(e8.target.value)
+        }
+      ),
+      /* @__PURE__ */ jsxs161("div", { className: styles.toolbarRow, children: [
+        /* @__PURE__ */ jsx206(
+          Select25,
+          {
+            size: "small",
+            style: { flex: 1, minWidth: 0 },
+            value: sortKey,
+            onChange: (value) => setSortKey(value),
+            options: [
+              { value: "name", label: "Name" },
+              { value: "created", label: "Created" },
+              { value: "modified", label: "Modified" }
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx206(
+          Button86,
+          {
+            size: "small",
+            icon: sortDirection === "asc" ? /* @__PURE__ */ jsx206(SortAscendingOutlined2, {}) : /* @__PURE__ */ jsx206(SortDescendingOutlined2, {}),
+            onClick: () => setSortDirection((d3) => d3 === "asc" ? "desc" : "asc"),
+            title: sortDirection === "asc" ? "Ascending" : "Descending"
+          }
+        )
+      ] })
+    ] }),
+    searchFiles !== null ? /* @__PURE__ */ jsx206("div", { className: styles.assetList, children: searchLoading ? /* @__PURE__ */ jsx206("div", { className: styles.loading, children: /* @__PURE__ */ jsx206(Spin34, { size: "small" }) }) : searchTree && searchTree.length > 0 ? searchTree.map((node) => renderSearchNode(node, 0)) : /* @__PURE__ */ jsxs161("div", { className: styles.emptyState, children: [
+      'No files match "',
+      searchQuery.trim(),
+      '"'
+    ] }) }) : resourceFolders.map((folder) => {
       const entries = folderEntries[folder.name] || [];
       const isLoading = folderLoading[folder.name] || false;
       const itemCount = entries.length;
@@ -111338,7 +111790,7 @@ var FileDirectoryPanel = ({
           /* @__PURE__ */ jsx206("span", { className: styles.badge, children: itemCount })
         ] }),
         isLoading ? /* @__PURE__ */ jsx206("div", { className: styles.loading, children: /* @__PURE__ */ jsx206(Spin34, { size: "small" }) }) : /* @__PURE__ */ jsxs161("div", { className: styles.assetList, children: [
-          entries.map((entry) => renderEntry(entry, 0)),
+          sortFileItems(entries, sortKey, sortDirection).map((entry) => renderEntry(entry, 0)),
           entries.length === 0 ? /* @__PURE__ */ jsx206("div", { className: styles.emptyState, children: "No files in this folder" }) : null,
           folder.allowUpload ? /* @__PURE__ */ jsx206(
             "button",
@@ -111347,10 +111799,10 @@ var FileDirectoryPanel = ({
               className: styles.uploadBtn,
               onClick: () => void onUploadFolder(folder.name),
               disabled: !workspaceId || !projectId || uploadingFolder === folder.name,
-              children: uploadingFolder === folder.name ? /* @__PURE__ */ jsxs161(Fragment58, { children: [
+              children: uploadingFolder === folder.name ? /* @__PURE__ */ jsxs161(Fragment59, { children: [
                 /* @__PURE__ */ jsx206(Spin34, { size: "small" }),
                 /* @__PURE__ */ jsx206("span", { children: "Uploading..." })
-              ] }) : /* @__PURE__ */ jsxs161(Fragment58, { children: [
+              ] }) : /* @__PURE__ */ jsxs161(Fragment59, { children: [
                 /* @__PURE__ */ jsx206(Upload5, { size: 14 }),
                 /* @__PURE__ */ jsx206("span", { children: "Upload" })
               ] })
@@ -111380,7 +111832,7 @@ var FileDirectoryPanel = ({
         okText: "Pin",
         children: /* @__PURE__ */ jsxs161("div", { style: MODAL_BODY_STYLE2, children: [
           /* @__PURE__ */ jsx206(
-            Input36,
+            Input37,
             {
               placeholder: "Menu name (required)",
               value: pinName,
@@ -111424,7 +111876,7 @@ var ToolPanelFiles = () => {
   const [directoryLoading, setDirectoryLoading] = useState135({});
   const [directoryExpanded, setDirectoryExpanded] = useState135({});
   const [uploadingFolder, setUploadingFolder] = useState135(null);
-  const resourceFolders = useMemo57(() => {
+  const resourceFolders = useMemo58(() => {
     return config.resourceFolders && config.resourceFolders.length > 0 ? config.resourceFolders : [{ name: "/", displayName: "Project Assets", allowUpload: true }];
   }, [config.resourceFolders]);
   const loadAssetsForFolder = useCallback72(
@@ -111560,7 +112012,7 @@ var ToolPanelFiles = () => {
 };
 
 // src/components/Chat/LatticeChat.tsx
-import { Fragment as Fragment59, jsx as jsx208, jsxs as jsxs162 } from "react/jsx-runtime";
+import { Fragment as Fragment60, jsx as jsx208, jsxs as jsxs162 } from "react/jsx-runtime";
 var useStyles52 = createStyles69(({ css }) => ({
   wrapper: css`
     display: flex;
@@ -111595,7 +112047,7 @@ var LatticeChatContent = (props) => {
   const showWorkspaceSelector = showProjectSelector ?? config.enableWorkspace;
   const layoutHeader = /* @__PURE__ */ jsxs162("div", { className: styles.headerBar, children: [
     /* @__PURE__ */ jsx208("div", { className: styles.headerLeft, children: headerSelector ?? (showWorkspaceSelector ? /* @__PURE__ */ jsx208(ProjectSelector2, {}) : null) }),
-    /* @__PURE__ */ jsx208("div", { className: styles.headerRight, children: headerRight !== void 0 ? headerRight : /* @__PURE__ */ jsxs162(Fragment59, { children: [
+    /* @__PURE__ */ jsx208("div", { className: styles.headerRight, children: headerRight !== void 0 ? headerRight : /* @__PURE__ */ jsxs162(Fragment60, { children: [
       /* @__PURE__ */ jsx208(PinToMenuButton, { assistantId }),
       /* @__PURE__ */ jsx208(TasksButton, {}),
       /* @__PURE__ */ jsx208(FilePanelToggle, {})
@@ -111634,7 +112086,7 @@ var LatticeChat = (props) => {
 // src/components/Chat/AgentConversations.tsx
 import { Conversations } from "@ant-design/x";
 import { theme as theme18 } from "antd";
-import { useMemo as useMemo58 } from "react";
+import { useMemo as useMemo59 } from "react";
 import { jsx as jsx209 } from "react/jsx-runtime";
 var AgentConversations = ({
   enableThreadCreation = true,
@@ -111655,7 +112107,7 @@ var AgentConversations = ({
     background: "transparent",
     borderRadius: token.borderRadius
   };
-  const threadItems = useMemo58(() => {
+  const threadItems = useMemo59(() => {
     return threads || [];
   }, [threads]);
   const items3 = threadItems.map((thread2) => ({
@@ -111724,15 +112176,15 @@ var LatticeChatView = (props) => {
 };
 
 // src/components/Chat/SettingsModal.tsx
-import { useState as useState136, useEffect as useEffect109, useRef as useRef55 } from "react";
+import { useState as useState136, useEffect as useEffect109, useRef as useRef56 } from "react";
 import {
   Modal as Modal48,
-  Input as Input37,
-  Button as Button86,
+  Input as Input38,
+  Button as Button87,
   message as message45,
   Typography as Typography91,
   Alert as Alert16,
-  Select as Select24,
+  Select as Select26,
   Switch as Switch11,
   Space as Space55,
   Tabs as Tabs5
@@ -111750,9 +112202,9 @@ import {
   CloudServerOutlined
 } from "@ant-design/icons";
 import { createStyles as createStyles70 } from "antd-style";
-import { Fragment as Fragment60, jsx as jsx211, jsxs as jsxs163 } from "react/jsx-runtime";
+import { Fragment as Fragment61, jsx as jsx211, jsxs as jsxs163 } from "react/jsx-runtime";
 var { Text: Text81, Title: Title19 } = Typography91;
-var { TextArea: TextArea12 } = Input37;
+var { TextArea: TextArea12 } = Input38;
 var useStyles53 = createStyles70(({ token, css }) => ({
   //   settingsModal: css`
   //     .ant-modal {
@@ -112136,7 +112588,7 @@ var SettingsModal = ({
     return [];
   });
   const [serverConfigs, setServerConfigs] = useState136({});
-  const connectionsRef = useRef55(connections);
+  const connectionsRef = useRef56(connections);
   useEffect109(() => {
     connectionsRef.current = connections;
   }, [connections]);
@@ -112686,7 +113138,7 @@ QUEUE_NAME=tasks`,
                 )
               ] }),
               config.models.length > 1 && /* @__PURE__ */ jsx211(
-                Button86,
+                Button87,
                 {
                   type: "text",
                   danger: true,
@@ -112706,7 +113158,7 @@ QUEUE_NAME=tasks`,
           /* @__PURE__ */ jsxs163("div", { children: [
             /* @__PURE__ */ jsx211(Text81, { className: styles.formLabel, children: "Key *" }),
             /* @__PURE__ */ jsx211(
-              Input37,
+              Input38,
               {
                 placeholder: "e.g., default, gpt-4, claude",
                 value: model.key,
@@ -112719,7 +113171,7 @@ QUEUE_NAME=tasks`,
           /* @__PURE__ */ jsxs163("div", { children: [
             /* @__PURE__ */ jsx211(Text81, { className: styles.formLabel, children: "Provider *" }),
             /* @__PURE__ */ jsx211(
-              Select24,
+              Select26,
               {
                 style: { width: "100%", height: 40 },
                 value: model.provider,
@@ -112737,7 +113189,7 @@ QUEUE_NAME=tasks`,
           /* @__PURE__ */ jsxs163("div", { children: [
             /* @__PURE__ */ jsx211(Text81, { className: styles.formLabel, children: "Model Name *" }),
             /* @__PURE__ */ jsx211(
-              Input37,
+              Input38,
               {
                 placeholder: "e.g., gpt-4, claude-3-opus, kimi-k2-250905",
                 value: model.model,
@@ -112749,7 +113201,7 @@ QUEUE_NAME=tasks`,
           /* @__PURE__ */ jsxs163("div", { children: [
             /* @__PURE__ */ jsx211(Text81, { className: styles.formLabel, children: "API Key" }),
             /* @__PURE__ */ jsx211(
-              Input37.Password,
+              Input38.Password,
               {
                 placeholder: "Enter your API key",
                 value: model.apiKey,
@@ -112762,7 +113214,7 @@ QUEUE_NAME=tasks`,
           /* @__PURE__ */ jsxs163("div", { children: [
             /* @__PURE__ */ jsx211(Text81, { className: styles.formLabel, children: "Base URL" }),
             /* @__PURE__ */ jsx211(
-              Input37,
+              Input38,
               {
                 placeholder: "e.g., https://api.openai.com/v1",
                 value: model.baseURL,
@@ -112786,7 +113238,7 @@ QUEUE_NAME=tasks`,
             /* @__PURE__ */ jsxs163("div", { style: { flex: 1 }, children: [
               /* @__PURE__ */ jsx211(Text81, { className: styles.formLabel, children: "Max Tokens" }),
               /* @__PURE__ */ jsx211(
-                Input37,
+                Input38,
                 {
                   type: "number",
                   placeholder: "e.g., 4096",
@@ -112803,7 +113255,7 @@ QUEUE_NAME=tasks`,
             /* @__PURE__ */ jsxs163("div", { style: { flex: 1 }, children: [
               /* @__PURE__ */ jsx211(Text81, { className: styles.formLabel, children: "Temperature" }),
               /* @__PURE__ */ jsx211(
-                Input37,
+                Input38,
                 {
                   type: "number",
                   step: "0.1",
@@ -112822,7 +113274,7 @@ QUEUE_NAME=tasks`,
         ] })
       ] }, index3)),
       /* @__PURE__ */ jsx211(
-        Button86,
+        Button87,
         {
           type: "dashed",
           onClick: handleAddModel,
@@ -112877,7 +113329,7 @@ QUEUE_NAME=tasks`,
   const tabItems = connections.map((connection) => ({
     key: connection.id,
     label: renderTabLabel(connection),
-    children: /* @__PURE__ */ jsx211("div", { className: styles.tabContent, children: connection.connected ? /* @__PURE__ */ jsx211(Fragment60, { children: /* @__PURE__ */ jsxs163("div", { style: { display: "flex", height: "100%" }, children: [
+    children: /* @__PURE__ */ jsx211("div", { className: styles.tabContent, children: connection.connected ? /* @__PURE__ */ jsx211(Fragment61, { children: /* @__PURE__ */ jsxs163("div", { style: { display: "flex", height: "100%" }, children: [
       /* @__PURE__ */ jsx211("div", { className: styles.sidebar, children: SETTINGS_MENU_ITEMS.map((item) => /* @__PURE__ */ jsxs163(
         "div",
         {
@@ -112900,9 +113352,9 @@ QUEUE_NAME=tasks`,
             ] })
           ] }),
           /* @__PURE__ */ jsxs163("div", { className: styles.contentHeaderRight, children: [
-            /* @__PURE__ */ jsx211(Button86, { onClick: onClose, children: "Cancel" }),
+            /* @__PURE__ */ jsx211(Button87, { onClick: onClose, children: "Cancel" }),
             /* @__PURE__ */ jsx211(
-              Button86,
+              Button87,
               {
                 type: "primary",
                 icon: /* @__PURE__ */ jsx211(SaveOutlined2, {}),
@@ -112927,14 +113379,14 @@ QUEUE_NAME=tasks`,
           gap: 16,
           padding: 48
         },
-        children: connection.connecting ? /* @__PURE__ */ jsxs163(Fragment60, { children: [
+        children: connection.connecting ? /* @__PURE__ */ jsxs163(Fragment61, { children: [
           /* @__PURE__ */ jsx211(LinkOutlined6, { style: { fontSize: 64, color: "#1890ff" }, spin: true }),
           /* @__PURE__ */ jsx211(Title19, { level: 4, children: "Connecting..." }),
           /* @__PURE__ */ jsxs163(Text81, { type: "secondary", style: { textAlign: "center" }, children: [
             "Connecting to ",
             connection.url
           ] })
-        ] }) : /* @__PURE__ */ jsxs163(Fragment60, { children: [
+        ] }) : /* @__PURE__ */ jsxs163(Fragment61, { children: [
           /* @__PURE__ */ jsx211(LinkOutlined6, { style: { fontSize: 64, color: "#d9d9d9" } }),
           /* @__PURE__ */ jsx211(Title19, { level: 4, type: "secondary", children: connection.error || "Not Connected" }),
           /* @__PURE__ */ jsx211(
@@ -112946,7 +113398,7 @@ QUEUE_NAME=tasks`,
             }
           ),
           /* @__PURE__ */ jsx211(
-            Button86,
+            Button87,
             {
               type: "primary",
               icon: /* @__PURE__ */ jsx211(LinkOutlined6, {}),
@@ -112961,7 +113413,7 @@ QUEUE_NAME=tasks`,
     ) }),
     closable: connections.length > 1
   }));
-  return /* @__PURE__ */ jsxs163(Fragment60, { children: [
+  return /* @__PURE__ */ jsxs163(Fragment61, { children: [
     /* @__PURE__ */ jsx211(
       Modal48,
       {
@@ -113022,7 +113474,7 @@ QUEUE_NAME=tasks`,
           /* @__PURE__ */ jsxs163("div", { children: [
             /* @__PURE__ */ jsx211(Text81, { strong: true, style: { display: "block", marginBottom: 8 }, children: "Server Name" }),
             /* @__PURE__ */ jsx211(
-              Input37,
+              Input38,
               {
                 placeholder: "e.g., Production Server",
                 value: newServerName,
@@ -113035,7 +113487,7 @@ QUEUE_NAME=tasks`,
           /* @__PURE__ */ jsxs163("div", { children: [
             /* @__PURE__ */ jsx211(Text81, { strong: true, style: { display: "block", marginBottom: 8 }, children: "Server URL *" }),
             /* @__PURE__ */ jsx211(
-              Input37,
+              Input38,
               {
                 placeholder: "e.g., http://localhost:4001",
                 value: newServerUrl,
@@ -113048,7 +113500,7 @@ QUEUE_NAME=tasks`,
           /* @__PURE__ */ jsxs163("div", { children: [
             /* @__PURE__ */ jsx211(Text81, { strong: true, style: { display: "block", marginBottom: 8 }, children: "API Key" }),
             /* @__PURE__ */ jsx211(
-              Input37.Password,
+              Input38.Password,
               {
                 placeholder: "Optional: Enter API key for authentication",
                 value: newServerApiKey,
@@ -113078,7 +113530,7 @@ var AgentServerSetting = () => {
 };
 
 // src/components/Chat/LatticeChatShell.tsx
-import { Fragment as Fragment61, jsx as jsx213, jsxs as jsxs164 } from "react/jsx-runtime";
+import { Fragment as Fragment62, jsx as jsx213, jsxs as jsxs164 } from "react/jsx-runtime";
 var ChatContent = ({ initialAssistantId }) => /* @__PURE__ */ jsx213(AssistantContextProvider, { autoLoad: true, initialAssistantId, children: /* @__PURE__ */ jsx213(ConversationContextProvider, { children: /* @__PURE__ */ jsx213(LatticeChatView, {}) }) });
 var WorkspaceAwareContent = ({ initialAssistantId }) => {
   const { workspaceId, projectId } = useWorkspaceContext();
@@ -113092,7 +113544,7 @@ var ShellContent = ({
   enableWorkspace
 }) => {
   const { currentTenant } = useAuth();
-  return /* @__PURE__ */ jsxs164(Fragment61, { children: [
+  return /* @__PURE__ */ jsxs164(Fragment62, { children: [
     enableWorkspace ? /* @__PURE__ */ jsx213(WorkspaceContextProvider, { children: /* @__PURE__ */ jsx213(WorkspaceAwareContent, { initialAssistantId }) }) : /* @__PURE__ */ jsx213(ChatContent, { initialAssistantId }),
     /* @__PURE__ */ jsx213(AgentServerSetting, {})
   ] });
@@ -113131,10 +113583,10 @@ var LatticeChatShell = (props) => {
 // src/components/Chat/ChannelInstallationsDrawerContent.tsx
 import { useEffect as useEffect110, useState as useState137 } from "react";
 import {
-  Button as Button87,
+  Button as Button88,
   Card as Card28,
   Form as Form18,
-  Input as Input38,
+  Input as Input39,
   Modal as Modal49,
   Popconfirm as Popconfirm13,
   Spin as Spin35,
@@ -113204,7 +113656,7 @@ var ChannelInstallationsDrawerContent = () => {
         children: [
           /* @__PURE__ */ jsx214(Title20, { level: 5, style: { margin: 0 }, children: "Channel Installations" }),
           /* @__PURE__ */ jsx214(
-            Button87,
+            Button88,
             {
               type: "primary",
               icon: /* @__PURE__ */ jsx214(Plus12, { size: 16 }),
@@ -113272,7 +113724,7 @@ var ChannelInstallationsDrawerContent = () => {
         ),
         /* @__PURE__ */ jsxs165("div", { style: { display: "flex", gap: 8 }, children: [
           /* @__PURE__ */ jsx214(
-            Button87,
+            Button88,
             {
               icon: /* @__PURE__ */ jsx214(Edit24, { size: 14 }),
               onClick: () => {
@@ -113291,7 +113743,7 @@ var ChannelInstallationsDrawerContent = () => {
               okText: "Delete",
               okType: "danger",
               cancelText: "Cancel",
-              children: /* @__PURE__ */ jsx214(Button87, { danger: true, icon: /* @__PURE__ */ jsx214(Trash218, { size: 14 }), children: "Delete" })
+              children: /* @__PURE__ */ jsx214(Button88, { danger: true, icon: /* @__PURE__ */ jsx214(Trash218, { size: 14 }), children: "Delete" })
             }
           )
         ] })
@@ -113391,15 +113843,15 @@ var LarkChannelInstallationFormModal = ({ installation, open, post, put, onCance
       okText: installation ? "Save" : "Create",
       destroyOnHidden: true,
       children: /* @__PURE__ */ jsxs165(Form18, { form, layout: "vertical", children: [
-        /* @__PURE__ */ jsx214(Form18.Item, { label: "Channel", children: /* @__PURE__ */ jsx214(Input38, { value: "lark", disabled: true }) }),
-        /* @__PURE__ */ jsx214(Form18.Item, { name: "name", label: "Name", children: /* @__PURE__ */ jsx214(Input38, {}) }),
+        /* @__PURE__ */ jsx214(Form18.Item, { label: "Channel", children: /* @__PURE__ */ jsx214(Input39, { value: "lark", disabled: true }) }),
+        /* @__PURE__ */ jsx214(Form18.Item, { name: "name", label: "Name", children: /* @__PURE__ */ jsx214(Input39, {}) }),
         /* @__PURE__ */ jsx214(
           Form18.Item,
           {
             name: "appId",
             label: "App ID",
             rules: [{ required: true, message: "App ID is required" }],
-            children: /* @__PURE__ */ jsx214(Input38, {})
+            children: /* @__PURE__ */ jsx214(Input39, {})
           }
         ),
         /* @__PURE__ */ jsx214(
@@ -113408,23 +113860,23 @@ var LarkChannelInstallationFormModal = ({ installation, open, post, put, onCance
             name: "appSecret",
             label: "App Secret",
             rules: [{ required: true, message: "App Secret is required" }],
-            children: /* @__PURE__ */ jsx214(Input38, {})
+            children: /* @__PURE__ */ jsx214(Input39, {})
           }
         ),
-        /* @__PURE__ */ jsx214(Form18.Item, { name: "verificationToken", label: "Verification Token", children: /* @__PURE__ */ jsx214(Input38, {}) }),
-        /* @__PURE__ */ jsx214(Form18.Item, { name: "encryptKey", label: "Encrypt Key", children: /* @__PURE__ */ jsx214(Input38, {}) })
+        /* @__PURE__ */ jsx214(Form18.Item, { name: "verificationToken", label: "Verification Token", children: /* @__PURE__ */ jsx214(Input39, {}) }),
+        /* @__PURE__ */ jsx214(Form18.Item, { name: "encryptKey", label: "Encrypt Key", children: /* @__PURE__ */ jsx214(Input39, {}) })
       ] })
     }
   );
 };
 
 // src/components/Chat/AssistantFlow.tsx
-import { useMemo as useMemo60, useEffect as useEffect111, useState as useState138, useCallback as useCallback73, useRef as useRef56 } from "react";
+import { useMemo as useMemo61, useEffect as useEffect111, useState as useState138, useCallback as useCallback73, useRef as useRef57 } from "react";
 import { createStyles as createStyles71 } from "antd-style";
 
 // src/components/Chat/AssistantNode.tsx
-import { useMemo as useMemo59 } from "react";
-import { Avatar as Avatar12, Typography as Typography93, theme as theme19, Tag as Tag49, Tooltip as Tooltip34, Space as Space56, Button as Button88 } from "antd";
+import { useMemo as useMemo60 } from "react";
+import { Avatar as Avatar12, Typography as Typography93, theme as theme19, Tag as Tag49, Tooltip as Tooltip34, Space as Space56, Button as Button89 } from "antd";
 import {
   UserOutlined as UserOutlined5,
   ToolOutlined as ToolOutlined5,
@@ -113435,7 +113887,7 @@ import {
   MessageOutlined
 } from "@ant-design/icons";
 import { Play as Play5, Square, RotateCcw } from "lucide-react";
-import { Fragment as Fragment62, jsx as jsx215, jsxs as jsxs166 } from "react/jsx-runtime";
+import { Fragment as Fragment63, jsx as jsx215, jsxs as jsxs166 } from "react/jsx-runtime";
 var { Text: Text83 } = Typography93;
 var LOCAL_STATUS_DOTS = {
   missing: "#8c8c8c",
@@ -113486,7 +113938,7 @@ var AssistantNode = ({
   const localStatus = localA2A?.status;
   const statusDotColor = localStatus ? LOCAL_STATUS_DOTS[localStatus] : "#52c41a";
   const initials = assistant.name?.split(" ").map((n4) => n4.charAt(0)).join("").toUpperCase().slice(0, 2) || "A";
-  const { modelKey, tools, agentType, prompt, subAgents } = useMemo59(() => {
+  const { modelKey, tools, agentType, prompt, subAgents } = useMemo60(() => {
     if (!assistant.graphDefinition) {
       return {
         modelKey: void 0,
@@ -114095,9 +114547,9 @@ var AssistantNode = ({
                         )
                       }
                     ),
-                    localA2A && onLocalA2AAction && /* @__PURE__ */ jsx215(Space56, { size: 6, wrap: true, style: { paddingTop: 4 }, children: localA2A.status === "missing" || localA2A.status === "disabled" ? /* @__PURE__ */ jsx215(Text83, { type: "secondary", style: { fontSize: 11 }, children: localA2A.status === "missing" ? "Not Installed" : "Disabled" }) : localA2A.status === "starting" ? /* @__PURE__ */ jsx215(Text83, { type: "secondary", style: { fontSize: 11 }, children: "Starting..." }) : /* @__PURE__ */ jsxs166(Fragment62, { children: [
+                    localA2A && onLocalA2AAction && /* @__PURE__ */ jsx215(Space56, { size: 6, wrap: true, style: { paddingTop: 4 }, children: localA2A.status === "missing" || localA2A.status === "disabled" ? /* @__PURE__ */ jsx215(Text83, { type: "secondary", style: { fontSize: 11 }, children: localA2A.status === "missing" ? "Not Installed" : "Disabled" }) : localA2A.status === "starting" ? /* @__PURE__ */ jsx215(Text83, { type: "secondary", style: { fontSize: 11 }, children: "Starting..." }) : /* @__PURE__ */ jsxs166(Fragment63, { children: [
                       localA2A.status === "running" ? /* @__PURE__ */ jsx215(
-                        Button88,
+                        Button89,
                         {
                           size: "small",
                           icon: /* @__PURE__ */ jsx215(Square, { size: 12 }),
@@ -114109,7 +114561,7 @@ var AssistantNode = ({
                           children: "Stop"
                         }
                       ) : /* @__PURE__ */ jsx215(
-                        Button88,
+                        Button89,
                         {
                           size: "small",
                           icon: /* @__PURE__ */ jsx215(Play5, { size: 12 }),
@@ -114122,7 +114574,7 @@ var AssistantNode = ({
                         }
                       ),
                       /* @__PURE__ */ jsx215(
-                        Button88,
+                        Button89,
                         {
                           size: "small",
                           icon: /* @__PURE__ */ jsx215(RotateCcw, { size: 12 }),
@@ -114267,7 +114719,7 @@ var AssistantNode = ({
 var AssistantNode_default = AssistantNode;
 
 // src/components/Chat/AssistantFlow.tsx
-import { Button as Button89, message as message47, theme as theme20 } from "antd";
+import { Button as Button90, message as message47, theme as theme20 } from "antd";
 import { PlusOutlined as PlusOutlined13 } from "@ant-design/icons";
 import { jsx as jsx216, jsxs as jsxs167 } from "react/jsx-runtime";
 var useStyles54 = createStyles71(({ token, css }) => ({
@@ -114319,17 +114771,17 @@ var AssistantFlowInner = ({ onChat }) => {
   const { refresh: refreshAssistants } = useAssistantContext();
   const { token } = theme20.useToken();
   const { enableAssistantCreation = true, enableAssistantEditing = true } = config;
-  const localStatesByAssistantId = useMemo60(() => {
+  const localStatesByAssistantId = useMemo61(() => {
     const map4 = /* @__PURE__ */ new Map();
     localStates.forEach((state) => {
       map4.set(state.runtimeId, state);
     });
     return map4;
   }, [localStates]);
-  const displayAssistants = useMemo60(() => {
+  const displayAssistants = useMemo61(() => {
     return assistants;
   }, [assistants]);
-  const nodeTypes3 = useMemo60(
+  const nodeTypes3 = useMemo61(
     () => ({
       assistant: AssistantNode_default
     }),
@@ -114726,7 +115178,7 @@ var AssistantFlowInner = ({ onChat }) => {
       }
     }
   }, [assistants, selectedAssistant, configPanelVisible]);
-  const lastCreatedAssistantRef = useRef56(null);
+  const lastCreatedAssistantRef = useRef57(null);
   useEffect111(() => {
     if (lastCreatedAssistantRef.current && !assistants.find((a4) => a4.id === lastCreatedAssistantRef.current?.id)) {
       lastCreatedAssistantRef.current = null;
@@ -114779,7 +115231,7 @@ var AssistantFlowInner = ({ onChat }) => {
               zIndex: 10
             },
             children: /* @__PURE__ */ jsx216(
-              Button89,
+              Button90,
               {
                 type: "primary",
                 size: "large",