@axiom-lattice/react-sdk 3.0.1 → 3.1.0

package/dist/index.js

@@ -4220,7 +4220,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);
@@ -4231,16 +4230,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 = (0, import_react13.useCallback)(
     (targetThreadId) => {
@@ -68397,12 +68398,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;
@@ -68417,9 +68418,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)
         )
       ]
@@ -68464,7 +68465,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;
   };
@@ -71147,9 +71148,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());
     };
   }
@@ -112392,6 +112393,39 @@ var import_react189 = __toESM(require("react"));
 var import_antd_style66 = require("antd-style");
 var import_lucide_react72 = require("lucide-react");
 var import_antd145 = require("antd");
+var import_icons49 = require("@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
 var import_jsx_runtime300 = require("react/jsx-runtime");
 var useStyles50 = (0, import_antd_style66.createStyles)(({ token, css }) => ({
   container: css`
@@ -112399,6 +112433,17 @@ var useStyles50 = (0, import_antd_style66.createStyles)(({ token, css }) => ({
     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;
@@ -112457,7 +112502,7 @@ var useStyles50 = (0, import_antd_style66.createStyles)(({ token, css }) => ({
     text-overflow: ellipsis;
     white-space: nowrap;
   `,
-  deleteBtn: css`
+  actionBtn: css`
     display: flex;
     align-items: center;
     justify-content: center;
@@ -112476,11 +112521,41 @@ var useStyles50 = (0, import_antd_style66.createStyles)(({ 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;
@@ -112501,10 +112576,19 @@ var ThreadHistoryMenuContent = () => {
     threadId,
     selectThread,
     deleteThread,
+    updateThread,
     isLoading
   } = useConversationContext();
   const [threadToDelete, setThreadToDelete] = (0, import_react189.useState)(null);
   const [deleting, setDeleting] = (0, import_react189.useState)(false);
+  const [editingId, setEditingId] = (0, import_react189.useState)(null);
+  const [editValue, setEditValue] = (0, import_react189.useState)("");
+  const [renaming, setRenaming] = (0, import_react189.useState)(false);
+  const [searchQuery, setSearchQuery] = (0, import_react189.useState)("");
+  const [sortKey, setSortKey] = (0, import_react189.useState)("updated");
+  const [sortDirection, setSortDirection] = (0, import_react189.useState)("desc");
+  const skipBlurRef = (0, import_react189.useRef)(false);
+  const submittingRef = (0, import_react189.useRef)(false);
   const handleDeleteThread = (0, import_react189.useCallback)(
     (e8, threadIdToDelete) => {
       e8.stopPropagation();
@@ -112525,18 +112609,107 @@ var ThreadHistoryMenuContent = () => {
       setDeleting(false);
     }
   }, [threadToDelete, deleteThread]);
-  const sortedThreads = import_react189.default.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__ */ (0, import_jsx_runtime300.jsx)("div", { className: styles.container, children: /* @__PURE__ */ (0, import_jsx_runtime300.jsx)("div", { className: styles.loading, children: "Loading conversations..." }) });
-  }
+  const startRename = (0, import_react189.useCallback)((e8, thread) => {
+    e8.stopPropagation();
+    setEditingId(thread.id);
+    setEditValue(thread.label);
+  }, []);
+  const finishRename = (0, import_react189.useCallback)(
+    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 });
+        import_antd145.message.success("Conversation renamed");
+      } catch (error) {
+        import_antd145.message.error("Failed to rename conversation");
+      } finally {
+        submittingRef.current = false;
+        setRenaming(false);
+        setEditingId(null);
+      }
+    },
+    [editValue, updateThread]
+  );
+  const cancelRename = (0, import_react189.useCallback)(() => {
+    skipBlurRef.current = true;
+    setEditingId(null);
+  }, []);
+  const handleRenameKeyDown = (0, import_react189.useCallback)(
+    (e8) => {
+      if (e8.key === "Enter") {
+        e8.preventDefault();
+        e8.currentTarget.blur();
+      } else if (e8.key === "Escape") {
+        e8.preventDefault();
+        cancelRename();
+      }
+    },
+    [cancelRename]
+  );
+  const handleRenameBlur = (0, import_react189.useCallback)(
+    (thread) => {
+      if (skipBlurRef.current) {
+        skipBlurRef.current = false;
+        return;
+      }
+      finishRename(thread);
+    },
+    [finishRename]
+  );
+  const visibleThreads = import_react189.default.useMemo(
+    () => sortThreads(
+      filterThreads(threads, searchQuery),
+      sortKey,
+      sortDirection
+    ),
+    [threads, searchQuery, sortKey, sortDirection]
+  );
   return /* @__PURE__ */ (0, import_jsx_runtime300.jsxs)("div", { className: styles.container, children: [
-    sortedThreads.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime300.jsx)("div", { className: styles.emptyState, children: "No conversations yet" }) : /* @__PURE__ */ (0, import_jsx_runtime300.jsx)("div", { className: styles.threadList, children: sortedThreads.map((thread) => /* @__PURE__ */ (0, import_jsx_runtime300.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime300.jsxs)("div", { className: styles.toolbar, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime300.jsx)(
+        import_antd145.Input,
+        {
+          size: "small",
+          placeholder: "Search conversations\u2026",
+          allowClear: true,
+          value: searchQuery,
+          onChange: (e8) => setSearchQuery(e8.target.value)
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime300.jsxs)("div", { className: styles.toolbarRow, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime300.jsx)(
+          import_antd145.Select,
+          {
+            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__ */ (0, import_jsx_runtime300.jsx)(
+          import_antd145.Button,
+          {
+            size: "small",
+            icon: sortDirection === "asc" ? /* @__PURE__ */ (0, import_jsx_runtime300.jsx)(import_icons49.SortAscendingOutlined, {}) : /* @__PURE__ */ (0, import_jsx_runtime300.jsx)(import_icons49.SortDescendingOutlined, {}),
+            onClick: () => setSortDirection((d3) => d3 === "asc" ? "desc" : "asc"),
+            title: sortDirection === "asc" ? "Ascending" : "Descending"
+          }
+        )
+      ] })
+    ] }),
+    isLoading ? /* @__PURE__ */ (0, import_jsx_runtime300.jsx)("div", { className: styles.loading, children: "Loading conversations..." }) : visibleThreads.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime300.jsx)("div", { className: styles.emptyState, children: searchQuery.trim() ? `No conversations match "${searchQuery.trim()}"` : "No conversations yet" }) : /* @__PURE__ */ (0, import_jsx_runtime300.jsx)("div", { className: styles.threadList, children: visibleThreads.map((thread) => /* @__PURE__ */ (0, import_jsx_runtime300.jsxs)(
       "div",
       {
         className: `${styles.threadItem} ${thread.id === threadId ? "active" : ""}`,
@@ -112544,22 +112717,76 @@ var ThreadHistoryMenuContent = () => {
         title: thread.label,
         children: [
           /* @__PURE__ */ (0, import_jsx_runtime300.jsx)("div", { className: styles.threadIcon, children: /* @__PURE__ */ (0, import_jsx_runtime300.jsx)(import_lucide_react72.MessageSquare, { size: 14 }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime300.jsx)(
+          editingId === thread.id ? /* @__PURE__ */ (0, import_jsx_runtime300.jsx)(
+            "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__ */ (0, import_jsx_runtime300.jsx)(
             "div",
             {
               className: thread.id === threadId ? styles.threadNameActive : styles.threadName,
               children: thread.label
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime300.jsx)(
-            "button",
-            {
-              className: styles.deleteBtn,
-              onClick: (e8) => handleDeleteThread(e8, thread.id),
-              title: "Delete conversation",
-              children: /* @__PURE__ */ (0, import_jsx_runtime300.jsx)(import_lucide_react72.Trash2, { size: 12 })
-            }
-          )
+          editingId === thread.id ? /* @__PURE__ */ (0, import_jsx_runtime300.jsxs)(import_jsx_runtime300.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime300.jsx)(
+              "button",
+              {
+                className: `${styles.actionBtn} ${styles.actionBtnVisible}`,
+                title: "Save name",
+                disabled: renaming,
+                onMouseDown: (e8) => e8.preventDefault(),
+                onClick: (e8) => {
+                  e8.stopPropagation();
+                  finishRename(thread);
+                },
+                children: /* @__PURE__ */ (0, import_jsx_runtime300.jsx)(import_lucide_react72.Check, { size: 12 })
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime300.jsx)(
+              "button",
+              {
+                className: `${styles.actionBtn} ${styles.actionBtnVisible}`,
+                title: "Cancel rename",
+                disabled: renaming,
+                onMouseDown: (e8) => e8.preventDefault(),
+                onClick: (e8) => {
+                  e8.stopPropagation();
+                  cancelRename();
+                },
+                children: /* @__PURE__ */ (0, import_jsx_runtime300.jsx)(import_lucide_react72.X, { size: 12 })
+              }
+            )
+          ] }) : /* @__PURE__ */ (0, import_jsx_runtime300.jsxs)(import_jsx_runtime300.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime300.jsx)(
+              "button",
+              {
+                className: styles.actionBtn,
+                onClick: (e8) => startRename(e8, thread),
+                title: "Rename conversation",
+                children: /* @__PURE__ */ (0, import_jsx_runtime300.jsx)(import_lucide_react72.Pencil, { size: 12 })
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime300.jsx)(
+              "button",
+              {
+                className: styles.actionBtn,
+                onClick: (e8) => handleDeleteThread(e8, thread.id),
+                title: "Delete conversation",
+                children: /* @__PURE__ */ (0, import_jsx_runtime300.jsx)(import_lucide_react72.Trash2, { size: 12 })
+              }
+            )
+          ] })
         ]
       },
       thread.id
@@ -112919,7 +113146,7 @@ var CustomMenuPage = ({ component_key, data }) => {
 // src/components/Chat/SharesPage.tsx
 var import_react192 = require("react");
 var import_antd147 = require("antd");
-var import_icons49 = require("@ant-design/icons");
+var import_icons50 = require("@ant-design/icons");
 var import_jsx_runtime303 = require("react/jsx-runtime");
 var { Text: Text77 } = import_antd147.Typography;
 var SharesPage = () => {
@@ -113011,14 +113238,14 @@ ${pwdText}`.trim());
             items: [
               {
                 key: "copy",
-                icon: /* @__PURE__ */ (0, import_jsx_runtime303.jsx)(import_icons49.CopyOutlined, {}),
+                icon: /* @__PURE__ */ (0, import_jsx_runtime303.jsx)(import_icons50.CopyOutlined, {}),
                 label: "Copy Link",
                 onClick: () => handleCopy(r6)
               },
               ...r6.revoked ? [] : [
                 {
                   key: "revoke",
-                  icon: /* @__PURE__ */ (0, import_jsx_runtime303.jsx)(import_icons49.StopOutlined, {}),
+                  icon: /* @__PURE__ */ (0, import_jsx_runtime303.jsx)(import_icons50.StopOutlined, {}),
                   label: "Revoke",
                   danger: true,
                   onClick: () => handleRevoke(r6.token)
@@ -113026,7 +113253,7 @@ ${pwdText}`.trim());
               ]
             ]
           },
-          children: /* @__PURE__ */ (0, import_jsx_runtime303.jsx)(import_antd147.Button, { type: "text", size: "small", icon: /* @__PURE__ */ (0, import_jsx_runtime303.jsx)(import_icons49.MoreOutlined, {}) })
+          children: /* @__PURE__ */ (0, import_jsx_runtime303.jsx)(import_antd147.Button, { type: "text", size: "small", icon: /* @__PURE__ */ (0, import_jsx_runtime303.jsx)(import_icons50.MoreOutlined, {}) })
         }
       )
     }
@@ -113756,7 +113983,7 @@ var MigrationPage = () => {
 };
 
 // src/components/Chat/SideAppViewBrowser.tsx
-var import_icons50 = require("@ant-design/icons");
+var import_icons51 = require("@ant-design/icons");
 var import_antd152 = require("antd");
 var import_antd_style67 = require("antd-style");
 var import_react197 = require("react");
@@ -114039,7 +114266,7 @@ var EmptySideAppView = ({ component_key, data }) => {
   ] });
 };
 var getTabIcon = (componentKey) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime308.jsx)(import_icons50.AppstoreOutlined, { style: { fontSize: 12, opacity: 0.6 } });
+  return /* @__PURE__ */ (0, import_jsx_runtime308.jsx)(import_icons51.AppstoreOutlined, { style: { fontSize: 12, opacity: 0.6 } });
 };
 var SideAppViewBrowser = ({ region = "side", compact = true, showCloseButton = true }) => {
   const { styles } = useStyle17();
@@ -114160,7 +114387,7 @@ var SideAppViewBrowser = ({ region = "side", compact = true, showCloseButton = t
           getTabIcon(item.componentKey),
           /* @__PURE__ */ (0, import_jsx_runtime308.jsx)("span", { style: { flex: 1 }, children: item.label }),
           /* @__PURE__ */ (0, import_jsx_runtime308.jsx)(
-            import_icons50.CloseOutlined,
+            import_icons51.CloseOutlined,
             {
               style: { fontSize: 10, opacity: 0.5 },
               onClick: (e8) => {
@@ -114210,7 +114437,7 @@ var SideAppViewBrowser = ({ region = "side", compact = true, showCloseButton = t
                           e8.stopPropagation();
                           remove2(item.key);
                         },
-                        children: /* @__PURE__ */ (0, import_jsx_runtime308.jsx)(import_icons50.CloseOutlined, { style: { fontSize: 10 } })
+                        children: /* @__PURE__ */ (0, import_jsx_runtime308.jsx)(import_icons51.CloseOutlined, { style: { fontSize: 10 } })
                       }
                     )
                   ]
@@ -114222,10 +114449,10 @@ var SideAppViewBrowser = ({ region = "side", compact = true, showCloseButton = t
                   menu: { items: dropdownItems },
                   placement: "bottomRight",
                   trigger: ["click"],
-                  children: /* @__PURE__ */ (0, import_jsx_runtime308.jsx)("button", { className: styles.actionBtn, title: "All tabs", children: /* @__PURE__ */ (0, import_jsx_runtime308.jsx)(import_icons50.MoreOutlined, {}) })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime308.jsx)("button", { className: styles.actionBtn, title: "All tabs", children: /* @__PURE__ */ (0, import_jsx_runtime308.jsx)(import_icons51.MoreOutlined, {}) })
                 }
               ),
-              showCloseButton && /* @__PURE__ */ (0, import_jsx_runtime308.jsx)(import_antd152.Tooltip, { title: "Close", children: /* @__PURE__ */ (0, import_jsx_runtime308.jsx)("button", { className: styles.actionBtn, onClick: closeApp, children: /* @__PURE__ */ (0, import_jsx_runtime308.jsx)(import_icons50.CloseOutlined, {}) }) })
+              showCloseButton && /* @__PURE__ */ (0, import_jsx_runtime308.jsx)(import_antd152.Tooltip, { title: "Close", children: /* @__PURE__ */ (0, import_jsx_runtime308.jsx)("button", { className: styles.actionBtn, onClick: closeApp, children: /* @__PURE__ */ (0, import_jsx_runtime308.jsx)(import_icons51.CloseOutlined, {}) }) })
             ]
           }
         ) : activeItem && /* @__PURE__ */ (0, import_jsx_runtime308.jsxs)("div", { className: styles.compactPill, children: [
@@ -114254,7 +114481,7 @@ var SideAppViewBrowser = ({ region = "side", compact = true, showCloseButton = t
                   e8.stopPropagation();
                   remove2(item.key);
                 },
-                children: /* @__PURE__ */ (0, import_jsx_runtime308.jsx)(import_icons50.CloseOutlined, { style: { fontSize: 10 } })
+                children: /* @__PURE__ */ (0, import_jsx_runtime308.jsx)(import_icons51.CloseOutlined, { style: { fontSize: 10 } })
               }
             )
           ]
@@ -114268,10 +114495,10 @@ var SideAppViewBrowser = ({ region = "side", compact = true, showCloseButton = t
             menu: { items: dropdownItems },
             placement: "bottomRight",
             trigger: ["click"],
-            children: /* @__PURE__ */ (0, import_jsx_runtime308.jsx)("button", { className: styles.actionBtn, title: "All tabs", children: /* @__PURE__ */ (0, import_jsx_runtime308.jsx)(import_icons50.MoreOutlined, {}) })
+            children: /* @__PURE__ */ (0, import_jsx_runtime308.jsx)("button", { className: styles.actionBtn, title: "All tabs", children: /* @__PURE__ */ (0, import_jsx_runtime308.jsx)(import_icons51.MoreOutlined, {}) })
           }
         ),
-        showCloseButton && /* @__PURE__ */ (0, import_jsx_runtime308.jsx)(import_antd152.Tooltip, { title: "Close", children: /* @__PURE__ */ (0, import_jsx_runtime308.jsx)("button", { className: styles.actionBtn, onClick: closeApp, children: /* @__PURE__ */ (0, import_jsx_runtime308.jsx)(import_icons50.CloseOutlined, {}) }) })
+        showCloseButton && /* @__PURE__ */ (0, import_jsx_runtime308.jsx)(import_antd152.Tooltip, { title: "Close", children: /* @__PURE__ */ (0, import_jsx_runtime308.jsx)("button", { className: styles.actionBtn, onClick: closeApp, children: /* @__PURE__ */ (0, import_jsx_runtime308.jsx)(import_icons51.CloseOutlined, {}) }) })
       ] })
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime308.jsx)(
@@ -114280,7 +114507,7 @@ var SideAppViewBrowser = ({ region = "side", compact = true, showCloseButton = t
         className: styles.content,
         style: compact && items3.length > 0 ? { paddingTop: 10 } : void 0,
         children: /* @__PURE__ */ (0, import_jsx_runtime308.jsx)(SideAppBrowserContext.Provider, { value: sideAppBrowserValue, children: activeItem ? /* @__PURE__ */ (0, import_jsx_runtime308.jsx)("div", { className: styles.contentWrapper, children: activeItem.children }, activeItem.key) : /* @__PURE__ */ (0, import_jsx_runtime308.jsxs)("div", { className: styles.emptyState, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime308.jsx)(import_icons50.AppstoreOutlined, { className: "icon" }),
+          /* @__PURE__ */ (0, import_jsx_runtime308.jsx)(import_icons51.AppstoreOutlined, { className: "icon" }),
           /* @__PURE__ */ (0, import_jsx_runtime308.jsx)("span", { children: "Select an app to start" })
         ] }) })
       }
@@ -115112,7 +115339,76 @@ var import_react200 = __toESM(require("react"));
 var import_antd155 = require("antd");
 var import_lucide_react79 = require("lucide-react");
 var import_antd_style68 = require("antd-style");
-var import_icons51 = require("@ant-design/icons");
+
+// 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
+var import_icons52 = require("@ant-design/icons");
 var import_jsx_runtime311 = require("react/jsx-runtime");
 var useStyles51 = (0, import_antd_style68.createStyles)(({ token, css }) => ({
   container: css`
@@ -115143,6 +115439,17 @@ var useStyles51 = (0, import_antd_style68.createStyles)(({ 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;
   `,
@@ -115321,12 +115628,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",
@@ -115349,7 +115656,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 || "";
@@ -115365,6 +115672,11 @@ var FileDirectoryPanel = ({
   const [pinName, setPinName] = (0, import_react200.useState)("");
   const [pinGroup, setPinGroup] = (0, import_react200.useState)("");
   const [pinLoading, setPinLoading] = (0, import_react200.useState)(false);
+  const [searchQuery, setSearchQuery] = (0, import_react200.useState)("");
+  const [sortKey, setSortKey] = (0, import_react200.useState)("name");
+  const [sortDirection, setSortDirection] = (0, import_react200.useState)("asc");
+  const [searchFiles, setSearchFiles] = (0, import_react200.useState)(null);
+  const [searchLoading, setSearchLoading] = (0, import_react200.useState)(false);
   (0, import_react200.useEffect)(() => {
     if (pinModalPath) {
       fetchExistingGroups(get4).then((apiGroups) => {
@@ -115372,6 +115684,34 @@ var FileDirectoryPanel = ({
       });
     }
   }, [pinModalPath]);
+  (0, import_react200.useEffect)(() => {
+    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 = (0, import_react200.useMemo)(() => {
+    if (!searchFiles) return null;
+    return sortFileTree(buildFileTree(searchFiles), sortKey, sortDirection);
+  }, [searchFiles, sortKey, sortDirection]);
   const handleDropdownOpen = (0, import_react200.useCallback)(
     (filePath, open) => {
       if (!open || !enableCustomMenu) return;
@@ -115530,7 +115870,7 @@ var FileDirectoryPanel = ({
                   }] : [],
                   {
                     key: "preview",
-                    icon: /* @__PURE__ */ (0, import_jsx_runtime311.jsx)(import_icons51.EyeOutlined, {}),
+                    icon: /* @__PURE__ */ (0, import_jsx_runtime311.jsx)(import_icons52.EyeOutlined, {}),
                     label: "Preview",
                     onClick: () => {
                       const url = getDirectFileUrl(entry.path);
@@ -115548,17 +115888,17 @@ var FileDirectoryPanel = ({
                   },
                   {
                     key: "share",
-                    icon: /* @__PURE__ */ (0, import_jsx_runtime311.jsx)(import_icons51.LinkOutlined, {}),
+                    icon: /* @__PURE__ */ (0, import_jsx_runtime311.jsx)(import_icons52.LinkOutlined, {}),
                     label: "Share",
                     onClick: () => setSharePath(entry.path)
                   }
                 ]
               },
-              children: /* @__PURE__ */ (0, import_jsx_runtime311.jsx)(import_antd155.Button, { type: "text", size: "small", icon: /* @__PURE__ */ (0, import_jsx_runtime311.jsx)(import_icons51.MoreOutlined, {}) })
+              children: /* @__PURE__ */ (0, import_jsx_runtime311.jsx)(import_antd155.Button, { type: "text", size: "small", icon: /* @__PURE__ */ (0, import_jsx_runtime311.jsx)(import_icons52.MoreOutlined, {}) })
             }
           )
         ] }),
-        isExpanded ? isLoading ? /* @__PURE__ */ (0, import_jsx_runtime311.jsx)("div", { className: styles.loading, children: /* @__PURE__ */ (0, import_jsx_runtime311.jsx)(import_antd155.Spin, { size: "small" }) }) : children2.length > 0 ? children2.map((child) => renderEntry(child, depth + 1)) : /* @__PURE__ */ (0, import_jsx_runtime311.jsx)("div", { className: styles.emptyState, children: "No files in this folder" }) : null
+        isExpanded ? isLoading ? /* @__PURE__ */ (0, import_jsx_runtime311.jsx)("div", { className: styles.loading, children: /* @__PURE__ */ (0, import_jsx_runtime311.jsx)(import_antd155.Spin, { size: "small" }) }) : children2.length > 0 ? sortFileItems(children2, sortKey, sortDirection).map((child) => renderEntry(child, depth + 1)) : /* @__PURE__ */ (0, import_jsx_runtime311.jsx)("div", { className: styles.emptyState, children: "No files in this folder" }) : null
       ] }, entry.path);
     }
     return /* @__PURE__ */ (0, import_jsx_runtime311.jsxs)("div", { className: styles.treeRow, children: [
@@ -115612,13 +115952,13 @@ var FileDirectoryPanel = ({
               ] : [],
               {
                 key: "preview",
-                icon: /* @__PURE__ */ (0, import_jsx_runtime311.jsx)(import_icons51.EyeOutlined, {}),
+                icon: /* @__PURE__ */ (0, import_jsx_runtime311.jsx)(import_icons52.EyeOutlined, {}),
                 label: "Preview",
                 onClick: () => onAssetClick(entry)
               },
               {
                 key: "download",
-                icon: /* @__PURE__ */ (0, import_jsx_runtime311.jsx)(import_icons51.DownloadOutlined, {}),
+                icon: /* @__PURE__ */ (0, import_jsx_runtime311.jsx)(import_icons52.DownloadOutlined, {}),
                 label: "Download",
                 onClick: () => {
                   const url = getFileDownloadUrl(
@@ -115630,7 +115970,7 @@ var FileDirectoryPanel = ({
               },
               {
                 key: "share",
-                icon: /* @__PURE__ */ (0, import_jsx_runtime311.jsx)(import_icons51.LinkOutlined, {}),
+                icon: /* @__PURE__ */ (0, import_jsx_runtime311.jsx)(import_icons52.LinkOutlined, {}),
                 label: "Share",
                 onClick: () => setSharePath(entry.path)
               }
@@ -115641,13 +115981,81 @@ var FileDirectoryPanel = ({
             {
               type: "text",
               size: "small",
-              icon: /* @__PURE__ */ (0, import_jsx_runtime311.jsx)(import_icons51.MoreOutlined, {})
+              icon: /* @__PURE__ */ (0, import_jsx_runtime311.jsx)(import_icons52.MoreOutlined, {})
             }
           )
         }
       )
     ] }, 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__ */ (0, import_jsx_runtime311.jsxs)("div", { className: styles.treeChildren, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime311.jsxs)("div", { className: styles.treeRow, children: [
+        Array.from({ length: depth }).map((_2, index3) => /* @__PURE__ */ (0, import_jsx_runtime311.jsx)("span", { className: styles.treeIndent }, `${node.path}-indent-${index3}`)),
+        /* @__PURE__ */ (0, import_jsx_runtime311.jsx)("span", { className: styles.treeSpacer }),
+        /* @__PURE__ */ (0, import_jsx_runtime311.jsxs)("button", { type: "button", className: styles.assetItem, title: entryName, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime311.jsx)("div", { className: styles.assetIcon, children: /* @__PURE__ */ (0, import_jsx_runtime311.jsx)(import_lucide_react79.FolderOpen, { size: 14 }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime311.jsx)("div", { className: styles.assetInfo, children: /* @__PURE__ */ (0, import_jsx_runtime311.jsx)("div", { className: styles.assetName, children: entryName }) })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime311.jsx)(
+          import_antd155.Dropdown,
+          {
+            trigger: ["click"],
+            onOpenChange: (open) => handleDropdownOpen(node.path, open),
+            menu: {
+              items: [
+                ...enableCustomMenu ? pinStates[node.path]?.isPinned ? [{
+                  key: "unpin",
+                  icon: /* @__PURE__ */ (0, import_jsx_runtime311.jsx)(import_lucide_react79.Pin, { size: 14 }),
+                  label: "Unpin from Menu",
+                  onClick: () => {
+                    const s4 = pinStates[node.path];
+                    if (s4?.pinnedId) handleUnpin(node.path, s4.pinnedId);
+                  }
+                }] : [{
+                  key: "pin",
+                  icon: /* @__PURE__ */ (0, import_jsx_runtime311.jsx)(import_lucide_react79.Pin, { size: 14 }),
+                  label: "Pin to Menu",
+                  onClick: () => {
+                    setPinModalPath(node.path);
+                    setPinName(entryName);
+                    setPinGroup("");
+                  }
+                }] : [],
+                {
+                  key: "preview",
+                  icon: /* @__PURE__ */ (0, import_jsx_runtime311.jsx)(import_icons52.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__ */ (0, import_jsx_runtime311.jsx)(import_icons52.LinkOutlined, {}),
+                  label: "Share",
+                  onClick: () => setSharePath(node.path)
+                }
+              ]
+            },
+            children: /* @__PURE__ */ (0, import_jsx_runtime311.jsx)(import_antd155.Button, { type: "text", size: "small", icon: /* @__PURE__ */ (0, import_jsx_runtime311.jsx)(import_icons52.MoreOutlined, {}) })
+          }
+        )
+      ] }),
+      node.children && node.children.length > 0 ? sortFileItems(node.children, sortKey, sortDirection).map((child) => renderSearchNode(child, depth + 1)) : null
+    ] }, node.path);
+  };
   if (!projectId) {
     return /* @__PURE__ */ (0, import_jsx_runtime311.jsx)("div", { className: styles.emptyState, children: "Please select a project to browse files" });
   }
@@ -115656,7 +116064,48 @@ var FileDirectoryPanel = ({
       /* @__PURE__ */ (0, import_jsx_runtime311.jsx)(import_lucide_react79.FolderOpen, { size: 16 }),
       /* @__PURE__ */ (0, import_jsx_runtime311.jsx)("span", { children: "Files" })
     ] }),
-    resourceFolders.map((folder) => {
+    /* @__PURE__ */ (0, import_jsx_runtime311.jsxs)("div", { className: styles.toolbar, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime311.jsx)(
+        import_antd155.Input,
+        {
+          size: "small",
+          placeholder: "Search files\u2026",
+          allowClear: true,
+          value: searchQuery,
+          onChange: (e8) => setSearchQuery(e8.target.value)
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime311.jsxs)("div", { className: styles.toolbarRow, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime311.jsx)(
+          import_antd155.Select,
+          {
+            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__ */ (0, import_jsx_runtime311.jsx)(
+          import_antd155.Button,
+          {
+            size: "small",
+            icon: sortDirection === "asc" ? /* @__PURE__ */ (0, import_jsx_runtime311.jsx)(import_icons52.SortAscendingOutlined, {}) : /* @__PURE__ */ (0, import_jsx_runtime311.jsx)(import_icons52.SortDescendingOutlined, {}),
+            onClick: () => setSortDirection((d3) => d3 === "asc" ? "desc" : "asc"),
+            title: sortDirection === "asc" ? "Ascending" : "Descending"
+          }
+        )
+      ] })
+    ] }),
+    searchFiles !== null ? /* @__PURE__ */ (0, import_jsx_runtime311.jsx)("div", { className: styles.assetList, children: searchLoading ? /* @__PURE__ */ (0, import_jsx_runtime311.jsx)("div", { className: styles.loading, children: /* @__PURE__ */ (0, import_jsx_runtime311.jsx)(import_antd155.Spin, { size: "small" }) }) : searchTree && searchTree.length > 0 ? searchTree.map((node) => renderSearchNode(node, 0)) : /* @__PURE__ */ (0, import_jsx_runtime311.jsxs)("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;
@@ -115674,7 +116123,7 @@ var FileDirectoryPanel = ({
           /* @__PURE__ */ (0, import_jsx_runtime311.jsx)("span", { className: styles.badge, children: itemCount })
         ] }),
         isLoading ? /* @__PURE__ */ (0, import_jsx_runtime311.jsx)("div", { className: styles.loading, children: /* @__PURE__ */ (0, import_jsx_runtime311.jsx)(import_antd155.Spin, { size: "small" }) }) : /* @__PURE__ */ (0, import_jsx_runtime311.jsxs)("div", { className: styles.assetList, children: [
-          entries.map((entry) => renderEntry(entry, 0)),
+          sortFileItems(entries, sortKey, sortDirection).map((entry) => renderEntry(entry, 0)),
           entries.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime311.jsx)("div", { className: styles.emptyState, children: "No files in this folder" }) : null,
           folder.allowUpload ? /* @__PURE__ */ (0, import_jsx_runtime311.jsx)(
             "button",
@@ -116062,7 +116511,7 @@ var LatticeChatView = (props) => {
 // src/components/Chat/SettingsModal.tsx
 var import_react204 = require("react");
 var import_antd158 = require("antd");
-var import_icons52 = require("@ant-design/icons");
+var import_icons53 = require("@ant-design/icons");
 var import_antd_style70 = require("antd-style");
 var import_jsx_runtime316 = require("react/jsx-runtime");
 var { Text: Text81, Title: Title19 } = import_antd158.Typography;
@@ -116412,12 +116861,12 @@ var SETTINGS_MENU_ITEMS = [
   {
     key: "environment",
     label: "Environment Variables",
-    icon: /* @__PURE__ */ (0, import_jsx_runtime316.jsx)(import_icons52.EnvironmentOutlined, {})
+    icon: /* @__PURE__ */ (0, import_jsx_runtime316.jsx)(import_icons53.EnvironmentOutlined, {})
   },
   {
     key: "models",
     label: "Model Configuration",
-    icon: /* @__PURE__ */ (0, import_jsx_runtime316.jsx)(import_icons52.ApiOutlined, {})
+    icon: /* @__PURE__ */ (0, import_jsx_runtime316.jsx)(import_icons53.ApiOutlined, {})
   }
 ];
 var SettingsModal = ({
@@ -116869,7 +117318,7 @@ var SettingsModal = ({
           description: /* @__PURE__ */ (0, import_jsx_runtime316.jsxs)("div", { children: [
             /* @__PURE__ */ (0, import_jsx_runtime316.jsxs)("div", { style: { marginBottom: 8 }, children: [
               /* @__PURE__ */ (0, import_jsx_runtime316.jsx)(
-                import_icons52.CheckCircleOutlined,
+                import_icons53.CheckCircleOutlined,
                 {
                   style: { color: "#52c41a", marginRight: 8 }
                 }
@@ -116878,7 +117327,7 @@ var SettingsModal = ({
               " QUEUE_SERVICE_TYPE, REDIS_URL, REDIS_PASSWORD, QUEUE_NAME"
             ] }),
             /* @__PURE__ */ (0, import_jsx_runtime316.jsxs)("div", { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime316.jsx)(import_icons52.ReloadOutlined, { style: { color: "#faad14", marginRight: 8 } }),
+              /* @__PURE__ */ (0, import_jsx_runtime316.jsx)(import_icons53.ReloadOutlined, { style: { color: "#faad14", marginRight: 8 } }),
               /* @__PURE__ */ (0, import_jsx_runtime316.jsx)("strong", { children: "Requires restart:" }),
               " PORT (server must be restarted to change port)"
             ] })
@@ -117165,7 +117614,7 @@ QUEUE_NAME=tasks`,
   const renderTabLabel = (connection) => {
     return /* @__PURE__ */ (0, import_jsx_runtime316.jsxs)("div", { style: { display: "flex", alignItems: "center" }, children: [
       /* @__PURE__ */ (0, import_jsx_runtime316.jsx)(
-        import_icons52.CloudServerOutlined,
+        import_icons53.CloudServerOutlined,
         {
           style: {
             marginRight: 8,
@@ -117175,13 +117624,13 @@ QUEUE_NAME=tasks`,
       ),
       /* @__PURE__ */ (0, import_jsx_runtime316.jsx)("span", { children: connection.name }),
       connection.connected && /* @__PURE__ */ (0, import_jsx_runtime316.jsx)(
-        import_icons52.CheckCircleFilled,
+        import_icons53.CheckCircleFilled,
         {
           style: { color: "#52c41a", fontSize: 12, marginLeft: 8 }
         }
       ),
       connection.error && !connection.connecting && /* @__PURE__ */ (0, import_jsx_runtime316.jsx)(
-        import_icons52.CloseCircleFilled,
+        import_icons53.CloseCircleFilled,
         {
           style: { color: "#ff4d4f", fontSize: 12, marginLeft: 8 }
         }
@@ -117219,7 +117668,7 @@ QUEUE_NAME=tasks`,
               import_antd158.Button,
               {
                 type: "primary",
-                icon: /* @__PURE__ */ (0, import_jsx_runtime316.jsx)(import_icons52.SaveOutlined, {}),
+                icon: /* @__PURE__ */ (0, import_jsx_runtime316.jsx)(import_icons53.SaveOutlined, {}),
                 onClick: handleSave,
                 loading,
                 children: "Save Configuration"
@@ -117242,14 +117691,14 @@ QUEUE_NAME=tasks`,
           padding: 48
         },
         children: connection.connecting ? /* @__PURE__ */ (0, import_jsx_runtime316.jsxs)(import_jsx_runtime316.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime316.jsx)(import_icons52.LinkOutlined, { style: { fontSize: 64, color: "#1890ff" }, spin: true }),
+          /* @__PURE__ */ (0, import_jsx_runtime316.jsx)(import_icons53.LinkOutlined, { style: { fontSize: 64, color: "#1890ff" }, spin: true }),
           /* @__PURE__ */ (0, import_jsx_runtime316.jsx)(Title19, { level: 4, children: "Connecting..." }),
           /* @__PURE__ */ (0, import_jsx_runtime316.jsxs)(Text81, { type: "secondary", style: { textAlign: "center" }, children: [
             "Connecting to ",
             connection.url
           ] })
         ] }) : /* @__PURE__ */ (0, import_jsx_runtime316.jsxs)(import_jsx_runtime316.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime316.jsx)(import_icons52.LinkOutlined, { style: { fontSize: 64, color: "#d9d9d9" } }),
+          /* @__PURE__ */ (0, import_jsx_runtime316.jsx)(import_icons53.LinkOutlined, { style: { fontSize: 64, color: "#d9d9d9" } }),
           /* @__PURE__ */ (0, import_jsx_runtime316.jsx)(Title19, { level: 4, type: "secondary", children: connection.error || "Not Connected" }),
           /* @__PURE__ */ (0, import_jsx_runtime316.jsx)(
             Text81,
@@ -117263,7 +117712,7 @@ QUEUE_NAME=tasks`,
             import_antd158.Button,
             {
               type: "primary",
-              icon: /* @__PURE__ */ (0, import_jsx_runtime316.jsx)(import_icons52.LinkOutlined, {}),
+              icon: /* @__PURE__ */ (0, import_jsx_runtime316.jsx)(import_icons53.LinkOutlined, {}),
               onClick: () => checkConnection(connection.id),
               loading: connection.connecting,
               style: { marginTop: 16 },
@@ -117309,7 +117758,7 @@ QUEUE_NAME=tasks`,
                   padding: "4px 8px"
                 },
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime316.jsx)(import_icons52.PlusOutlined, {}),
+                  /* @__PURE__ */ (0, import_jsx_runtime316.jsx)(import_icons53.PlusOutlined, {}),
                   /* @__PURE__ */ (0, import_jsx_runtime316.jsx)("span", { children: "Add Server" })
                 ]
               }
@@ -117728,7 +118177,7 @@ var import_antd_style71 = require("antd-style");
 // src/components/Chat/AssistantNode.tsx
 var import_react206 = require("react");
 var import_antd160 = require("antd");
-var import_icons53 = require("@ant-design/icons");
+var import_icons54 = require("@ant-design/icons");
 var import_lucide_react81 = require("lucide-react");
 var import_jsx_runtime320 = require("react/jsx-runtime");
 var { Text: Text83 } = import_antd160.Typography;
@@ -117931,7 +118380,7 @@ var AssistantNode = ({
               },
               children: [
                 /* @__PURE__ */ (0, import_jsx_runtime320.jsx)(
-                  import_icons53.SettingOutlined,
+                  import_icons54.SettingOutlined,
                   {
                     style: {
                       fontSize: 14,
@@ -117986,7 +118435,7 @@ var AssistantNode = ({
                   },
                   children: [
                     /* @__PURE__ */ (0, import_jsx_runtime320.jsx)(
-                      import_icons53.CodeOutlined,
+                      import_icons54.CodeOutlined,
                       {
                         style: {
                           fontSize: 14,
@@ -118049,7 +118498,7 @@ var AssistantNode = ({
               },
               children: [
                 /* @__PURE__ */ (0, import_jsx_runtime320.jsx)(
-                  import_icons53.ToolOutlined,
+                  import_icons54.ToolOutlined,
                   {
                     style: {
                       fontSize: 14,
@@ -118118,7 +118567,7 @@ var AssistantNode = ({
               },
               children: [
                 /* @__PURE__ */ (0, import_jsx_runtime320.jsx)(
-                  import_icons53.BranchesOutlined,
+                  import_icons54.BranchesOutlined,
                   {
                     style: {
                       fontSize: 14,
@@ -118256,7 +118705,7 @@ var AssistantNode = ({
                                       import_antd160.Avatar,
                                       {
                                         size: 44,
-                                        icon: /* @__PURE__ */ (0, import_jsx_runtime320.jsx)(import_icons53.UserOutlined, {}),
+                                        icon: /* @__PURE__ */ (0, import_jsx_runtime320.jsx)(import_icons54.UserOutlined, {}),
                                         style: {
                                           backgroundColor: badgeColor,
                                           color: "#fff",
@@ -118321,7 +118770,7 @@ var AssistantNode = ({
                                     },
                                     children: [
                                       /* @__PURE__ */ (0, import_jsx_runtime320.jsx)(
-                                        import_icons53.IdcardOutlined,
+                                        import_icons54.IdcardOutlined,
                                         {
                                           style: {
                                             fontSize: 9,
@@ -118540,7 +118989,7 @@ var AssistantNode = ({
                                 e8.currentTarget.style.backgroundColor = token.colorPrimary;
                               },
                               children: [
-                                /* @__PURE__ */ (0, import_jsx_runtime320.jsx)(import_icons53.MessageOutlined, { style: { fontSize: 10 } }),
+                                /* @__PURE__ */ (0, import_jsx_runtime320.jsx)(import_icons54.MessageOutlined, { style: { fontSize: 10 } }),
                                 /* @__PURE__ */ (0, import_jsx_runtime320.jsx)("span", { children: "Chat" })
                               ]
                             }
@@ -118563,7 +119012,7 @@ var AssistantNode_default = AssistantNode;
 
 // src/components/Chat/AssistantFlow.tsx
 var import_antd161 = require("antd");
-var import_icons54 = require("@ant-design/icons");
+var import_icons55 = require("@ant-design/icons");
 var import_jsx_runtime321 = require("react/jsx-runtime");
 var useStyles54 = (0, import_antd_style71.createStyles)(({ token, css }) => ({
   root: css`
@@ -119078,7 +119527,7 @@ var AssistantFlowInner = ({ onChat }) => {
               {
                 type: "primary",
                 size: "large",
-                icon: /* @__PURE__ */ (0, import_jsx_runtime321.jsx)(import_icons54.PlusOutlined, {}),
+                icon: /* @__PURE__ */ (0, import_jsx_runtime321.jsx)(import_icons55.PlusOutlined, {}),
                 onClick: () => setIsCreateModalOpen(true),
                 style: {
                   height: 48,