@truefoundry/trueforge-ui 0.3.0-rc.9 → 0.3.1

package/dist/{WidgetLayout-24ZL3QWT.js → WidgetLayout-KQZTQNE7.js}

@@ -1,28 +1,28 @@
 "use client";
 import {
   StackChatPanel
-} from "./chunk-JF4IELMW.js";
-import "./chunk-JTQU2N2Q.js";
-import "./chunk-MACHU4OO.js";
+} from "./chunk-IGYCJIU7.js";
+import "./chunk-G7BT4OKG.js";
+import "./chunk-AU4BJQMK.js";
 import {
   useWidgetVisibility
 } from "./chunk-DJUFS2BW.js";
 import "./chunk-BSIPI3KV.js";
 import {
   useSlot
-} from "./chunk-4OEAJKLJ.js";
-import "./chunk-T6QQV5LK.js";
+} from "./chunk-XR4S7B2K.js";
+import "./chunk-AO23SZBG.js";
 import {
   CompactLayoutProvider,
   Icon,
   auiButtonClass
-} from "./chunk-3ZW74FHC.js";
-import "./chunk-2GIZY3JJ.js";
+} from "./chunk-4OZFQVSR.js";
+import "./chunk-2XT2VUT4.js";
 import "./chunk-M6MHLVSO.js";
-import "./chunk-CG75X77Q.js";
+import "./chunk-QKFMAQ7O.js";
 import {
   cn
-} from "./chunk-JCL3Q7RW.js";
+} from "./chunk-6UACSIIY.js";
 
 // src/layouts/WidgetLayout.tsx
 import { useEffect, useRef } from "react";
@@ -104,4 +104,4 @@ function WidgetLayout({ className }) {
 export {
   WidgetLayout
 };
-//# sourceMappingURL=WidgetLayout-24ZL3QWT.js.map
+//# sourceMappingURL=WidgetLayout-KQZTQNE7.js.map

package/dist/{chunk-UBQYRCCH.js → chunk-2XFOONKH.js}

@@ -1,7 +1,11 @@
 import {
   BottomSheet,
+  Button,
+  CenteredModal,
   DropdownMenuItem,
+  MAX_SESSION_TITLE_LENGTH,
   SearchInput_default,
+  auiInputClass,
   canReuseMutableShell,
   readThreadAgentName,
   themePortalRoot,
@@ -9,24 +13,25 @@ import {
   threadListItemIsMutable,
   useIsMobile,
   useResourcePermissions,
-  useSlot
-} from "./chunk-4OEAJKLJ.js";
+  useSlot,
+  useToasterOptional
+} from "./chunk-XR4S7B2K.js";
 import {
   useSearchAgentsList
-} from "./chunk-T6QQV5LK.js";
+} from "./chunk-AO23SZBG.js";
 import {
   Icon,
   auiButtonClass,
   useCompactLayout
-} from "./chunk-3ZW74FHC.js";
+} from "./chunk-4OZFQVSR.js";
 import {
   libraryAgentId,
   useOptionalServer,
   useOptionalShellMode
-} from "./chunk-2GIZY3JJ.js";
+} from "./chunk-2XT2VUT4.js";
 import {
   cn
-} from "./chunk-JCL3Q7RW.js";
+} from "./chunk-6UACSIIY.js";
 
 // src/containers/ThreadListContainer.tsx
 import {
@@ -37,7 +42,7 @@ import {
   useAui,
   useAuiState
 } from "@assistant-ui/react";
-import { useCallback, useEffect as useEffect2, useMemo, useRef as useRef2, useState as useState2 } from "react";
+import { useCallback, useEffect as useEffect3, useMemo, useRef as useRef3, useState as useState3 } from "react";
 
 // src/atoms/AgentHistoryFilterButton.tsx
 import { useEffect, useId, useLayoutEffect, useRef, useState } from "react";
@@ -205,15 +210,89 @@ function AgentHistoryFilterButton() {
   ] });
 }
 
+// src/atoms/RenameSessionModal.tsx
+import { useEffect as useEffect2, useRef as useRef2, useState as useState2 } from "react";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+function RenameSessionModal({
+  open,
+  initialTitle,
+  saving = false,
+  onOpenChange,
+  onSave
+}) {
+  const [value, setValue] = useState2(initialTitle);
+  const inputRef = useRef2(null);
+  useEffect2(() => {
+    if (open) setValue(initialTitle);
+  }, [open, initialTitle]);
+  useEffect2(() => {
+    if (!open) return;
+    const input = inputRef.current;
+    if (input == null) return;
+    input.focus();
+    input.select();
+  }, [open]);
+  const trimmed = value.trim();
+  const isValid = trimmed.length > 0 && trimmed.length <= MAX_SESSION_TITLE_LENGTH;
+  const canSave = isValid && !saving;
+  const handleSave = () => {
+    if (!canSave) return;
+    onSave(trimmed);
+  };
+  const handleOpenChange = (next) => {
+    if (saving) return;
+    onOpenChange(next);
+  };
+  return /* @__PURE__ */ jsx2(
+    CenteredModal,
+    {
+      open,
+      onOpenChange: handleOpenChange,
+      title: "Rename session",
+      contentSized: true,
+      "aria-label": "Rename session",
+      footer: /* @__PURE__ */ jsxs2("div", { className: "flex items-center justify-end gap-2", children: [
+        /* @__PURE__ */ jsx2(Button.Secondary, { type: "button", disabled: saving, onClick: () => handleOpenChange(false), children: "Cancel" }),
+        /* @__PURE__ */ jsx2(Button.Primary, { type: "button", disabled: !canSave, onClick: handleSave, children: "Save" })
+      ] }),
+      children: /* @__PURE__ */ jsx2("div", { className: "px-5 py-4", children: /* @__PURE__ */ jsx2(
+        "input",
+        {
+          ref: inputRef,
+          "aria-label": "Session title",
+          value,
+          readOnly: saving,
+          maxLength: MAX_SESSION_TITLE_LENGTH,
+          className: auiInputClass("h-9"),
+          onChange: (event) => setValue(event.target.value),
+          onKeyDown: (event) => {
+            if (event.key === "Enter") {
+              event.preventDefault();
+              handleSave();
+            }
+          }
+        }
+      ) })
+    }
+  );
+}
+
 // src/containers/ThreadListContainer.tsx
-import { Fragment as Fragment2, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+var actionItemClass = "flex w-full cursor-pointer select-none items-center gap-2 rounded-md px-2 py-1.5 text-sm font-medium outline-none transition-colors hover:bg-ghost-button-hover focus:bg-ghost-button-hover data-[highlighted]:bg-ghost-button-hover";
 var deleteItemClass = "flex w-full cursor-pointer select-none items-center gap-2 rounded-md px-2 py-1.5 text-sm font-medium text-failure-bg outline-none transition-colors hover:bg-failure-bg/12 hover:text-failure-bg focus:bg-failure-bg/12 focus:text-failure-bg data-[highlighted]:bg-failure-bg/12 data-[highlighted]:text-failure-bg";
-function ThreadListItemDeleteMenu({ disabled }) {
+function ThreadListItemActionsMenu({
+  canRename,
+  renameDisabled,
+  canDelete,
+  deleteDisabled,
+  onRename
+}) {
   const PermissionGuard = useSlot("PermissionGuard");
   const compact = useCompactLayout();
   const isMobile = useIsMobile();
-  const [sheetOpen, setSheetOpen] = useState2(false);
-  const [portalContainer, setPortalContainer] = useState2();
+  const [sheetOpen, setSheetOpen] = useState3(false);
+  const [portalContainer, setPortalContainer] = useState3();
   const useSheet = isMobile || compact;
   const setTriggerElement = useCallback((element) => {
     const themeRoot = element?.closest(".aui-theme-root");
@@ -224,9 +303,39 @@ function ThreadListItemDeleteMenu({ disabled }) {
     size: "icon",
     className: "size-7 shrink-0 text-text-secondary hover:bg-transparent hover:text-text-primary"
   });
+  const renameButton = canRename ? /* @__PURE__ */ jsx3(PermissionGuard, { allowed: !renameDisabled, children: /* @__PURE__ */ jsxs3(
+    "button",
+    {
+      type: "button",
+      className: actionItemClass,
+      disabled: renameDisabled,
+      onClick: () => {
+        if (renameDisabled) return;
+        setSheetOpen(false);
+        onRename();
+      },
+      children: [
+        /* @__PURE__ */ jsx3(Icon, { name: "pencil", className: "size-3.5" }),
+        "Rename"
+      ]
+    }
+  ) }) : null;
+  const deleteButton = canDelete ? /* @__PURE__ */ jsx3(PermissionGuard, { allowed: !deleteDisabled, children: /* @__PURE__ */ jsxs3(
+    ThreadListItemPrimitive.Delete,
+    {
+      className: deleteItemClass,
+      onClick: () => {
+        if (!deleteDisabled) setSheetOpen(false);
+      },
+      children: [
+        /* @__PURE__ */ jsx3(Icon, { name: "trash", className: "size-3.5" }),
+        "Delete"
+      ]
+    }
+  ) }) : null;
   if (useSheet) {
-    return /* @__PURE__ */ jsxs2(Fragment2, { children: [
-      /* @__PURE__ */ jsx2(
+    return /* @__PURE__ */ jsxs3(Fragment2, { children: [
+      /* @__PURE__ */ jsx3(
         "button",
         {
           type: "button",
@@ -236,57 +345,51 @@ function ThreadListItemDeleteMenu({ disabled }) {
           "aria-expanded": sheetOpen,
           className: moreButtonClass,
           onClick: () => setSheetOpen(true),
-          children: /* @__PURE__ */ jsx2(Icon, { name: "ellipsis", className: "size-3.5" })
+          children: /* @__PURE__ */ jsx3(Icon, { name: "ellipsis", className: "size-3.5" })
         }
       ),
-      sheetOpen ? /* @__PURE__ */ jsx2(BottomSheet, { open: true, onOpenChange: setSheetOpen, "aria-label": "Session actions", children: /* @__PURE__ */ jsx2("div", { className: "flex flex-col gap-1 p-2 *:w-full", role: "menu", children: /* @__PURE__ */ jsx2(PermissionGuard, { allowed: !disabled, children: /* @__PURE__ */ jsxs2(
-        ThreadListItemPrimitive.Delete,
-        {
-          className: deleteItemClass,
-          onClick: () => {
-            if (!disabled) setSheetOpen(false);
-          },
-          children: [
-            /* @__PURE__ */ jsx2(Icon, { name: "trash", className: "size-3.5" }),
-            "Delete"
-          ]
-        }
-      ) }) }) }) : null
+      sheetOpen ? /* @__PURE__ */ jsx3(BottomSheet, { open: true, onOpenChange: setSheetOpen, "aria-label": "Session actions", children: /* @__PURE__ */ jsxs3("div", { className: "flex flex-col gap-1 p-2 *:w-full", role: "menu", children: [
+        renameButton,
+        deleteButton
+      ] }) }) : null
     ] });
   }
-  return /* @__PURE__ */ jsxs2(ThreadListItemMorePrimitive.Root, { sharedFocusGroup: true, children: [
-    /* @__PURE__ */ jsx2(
+  return /* @__PURE__ */ jsxs3(ThreadListItemMorePrimitive.Root, { sharedFocusGroup: true, children: [
+    /* @__PURE__ */ jsx3(
       ThreadListItemMorePrimitive.Trigger,
       {
         ref: setTriggerElement,
         "aria-label": "Session actions",
         title: "Session actions",
         className: moreButtonClass,
-        children: /* @__PURE__ */ jsx2(Icon, { name: "ellipsis", className: "size-3.5" })
+        children: /* @__PURE__ */ jsx3(Icon, { name: "ellipsis", className: "size-3.5" })
       }
     ),
-    /* @__PURE__ */ jsx2(
+    /* @__PURE__ */ jsxs3(
       ThreadListItemMorePrimitive.Content,
       {
         portalProps: { container: portalContainer },
         align: "end",
         sideOffset: 4,
-        className: "aui-popup-enter font-sans-flex z-50 min-w-[8rem] rounded-md border border-border bg-card-bg p-1 text-text-primary shadow-md *:w-full",
-        children: /* @__PURE__ */ jsx2(PermissionGuard, { allowed: !disabled, children: /* @__PURE__ */ jsxs2(ThreadListItemPrimitive.Delete, { className: deleteItemClass, children: [
-          /* @__PURE__ */ jsx2(Icon, { name: "trash", className: "size-3.5" }),
-          "Delete"
-        ] }) })
+        className: "aui-popup-enter font-sans-flex z-50 min-w-32 rounded-md border border-border bg-card-bg p-1 text-text-primary shadow-md *:w-full",
+        children: [
+          renameButton,
+          deleteButton
+        ]
       }
     )
   ] });
 }
 function ThreadListItemRow({
   onThreadOpen,
+  canRenameSession,
   canDeleteSession,
+  canManageResource,
   canDeleteResource
 }) {
   const aui = useAui();
   const shell = useOptionalShellMode();
+  const toaster = useToasterOptional();
   const ThreadListRow = useSlot("ThreadListRow");
   const id = useAuiState((s) => s.threadListItem.id);
   const remoteId = useAuiState((s) => s.threadListItem.remoteId);
@@ -295,48 +398,92 @@ function ThreadListItemRow({
   const custom = useAuiState((s) => s.threadListItem.custom);
   const mainThreadId = useAuiState((s) => s.threads.mainThreadId);
   const agentName = readThreadAgentName(custom);
+  const showRename = canRenameSession && remoteId != null;
   const showDelete = canDeleteSession && remoteId != null;
+  const showActions = showRename || showDelete;
+  const renameDisabled = remoteId != null && !canManageResource(remoteId);
   const deleteDisabled = remoteId != null && !canDeleteResource(remoteId);
   const sidebarNavOpen = shell?.libraryOpen === true || shell?.sessionsOpen === true || shell?.schedulesOpen === true;
-  return /* @__PURE__ */ jsx2(ThreadListItemPrimitive.Root, { className: "min-w-0", children: /* @__PURE__ */ jsx2(
-    ThreadListRow,
-    {
-      title: title ?? "New Chat",
-      active: id === mainThreadId && !sidebarNavOpen,
-      agentName,
-      lastMessageAt,
-      onSelect: () => {
-        onThreadOpen?.();
-        shell?.setSettingsOpen(false);
-        shell?.setLibraryOpen(false);
-        shell?.setSessionsOpen(false);
-        shell?.setSchedulesOpen(false);
-        const sessionMutable = threadListItemIsMutable(custom);
-        const sameImmutable = !sessionMutable && shell?.mode.status === "active" && !shell.mode.isMutable && (agentName == null ? shell.mode.agentName == null && shell.mode.agentId == null : shell.mode.agentName === agentName || shell.mode.agentId === agentName);
-        const sameMutable = canReuseMutableShell({
-          sessionMutable,
-          shellMutable: shell?.mode.status === "active" && shell.mode.isMutable,
-          ...shell?.mode.status === "active" && shell.mode.isMutable ? { shellAgentName: shell.mode.agentName, shellAgentId: shell.mode.agentId } : {},
-          remoteId,
-          pendingSessionId: shell?.pendingSessionId
-        });
-        if ((sameImmutable || sameMutable) && remoteId != null) {
-          void Promise.resolve(aui.threads().switchToThread(id)).catch(() => void 0);
-          return;
-        }
-        if (remoteId != null) {
-          shell?.openHistorySession({
-            sessionId: remoteId,
-            isMutable: sessionMutable,
-            ...agentName != null ? { agentName } : {}
+  const [renameOpen, setRenameOpen] = useState3(false);
+  const [renameSaving, setRenameSaving] = useState3(false);
+  const displayTitle = title ?? "New Chat";
+  const persistRename = async (trimmed) => {
+    if (trimmed === (title ?? "").trim()) {
+      setRenameOpen(false);
+      return;
+    }
+    setRenameSaving(true);
+    try {
+      await aui.threadListItem().rename(trimmed);
+      setRenameOpen(false);
+    } catch (caught) {
+      toaster?.showError(caught);
+    } finally {
+      setRenameSaving(false);
+    }
+  };
+  return /* @__PURE__ */ jsxs3(ThreadListItemPrimitive.Root, { className: "min-w-0", children: [
+    /* @__PURE__ */ jsx3(
+      ThreadListRow,
+      {
+        title: displayTitle,
+        active: id === mainThreadId && !sidebarNavOpen,
+        agentName,
+        lastMessageAt,
+        onSelect: () => {
+          onThreadOpen?.();
+          shell?.setSettingsOpen(false);
+          shell?.setLibraryOpen(false);
+          shell?.setSessionsOpen(false);
+          shell?.setSchedulesOpen(false);
+          const sessionMutable = threadListItemIsMutable(custom);
+          const sameImmutable = !sessionMutable && shell?.mode.status === "active" && !shell.mode.isMutable && (agentName == null ? shell.mode.agentName == null && shell.mode.agentId == null : shell.mode.agentName === agentName || shell.mode.agentId === agentName);
+          const sameMutable = canReuseMutableShell({
+            sessionMutable,
+            shellMutable: shell?.mode.status === "active" && shell.mode.isMutable,
+            ...shell?.mode.status === "active" && shell.mode.isMutable ? { shellAgentName: shell.mode.agentName, shellAgentId: shell.mode.agentId } : {},
+            remoteId,
+            pendingSessionId: shell?.pendingSessionId
           });
-          return;
+          if ((sameImmutable || sameMutable) && remoteId != null) {
+            void Promise.resolve(aui.threads().switchToThread(id)).catch(() => void 0);
+            return;
+          }
+          if (remoteId != null) {
+            shell?.openHistorySession({
+              sessionId: remoteId,
+              isMutable: sessionMutable,
+              ...agentName != null ? { agentName } : {}
+            });
+            return;
+          }
+          void Promise.resolve(aui.threads().switchToThread(id)).catch(() => void 0);
+        },
+        actions: showActions ? /* @__PURE__ */ jsx3(
+          ThreadListItemActionsMenu,
+          {
+            canRename: showRename,
+            renameDisabled,
+            canDelete: showDelete,
+            deleteDisabled,
+            onRename: () => setRenameOpen(true)
+          }
+        ) : void 0
+      }
+    ),
+    /* @__PURE__ */ jsx3(
+      RenameSessionModal,
+      {
+        open: renameOpen,
+        initialTitle: title ?? "",
+        saving: renameSaving,
+        onOpenChange: setRenameOpen,
+        onSave: (nextTitle) => {
+          void persistRename(nextTitle);
         }
-        void Promise.resolve(aui.threads().switchToThread(id)).catch(() => void 0);
-      },
-      actions: showDelete ? /* @__PURE__ */ jsx2(ThreadListItemDeleteMenu, { disabled: deleteDisabled }) : void 0
-    }
-  ) });
+      }
+    )
+  ] });
 }
 function useThreadListIndicesByRecency(variant) {
   const threadIds = useAuiState((s) => s.threads.threadIds);
@@ -360,17 +507,21 @@ function useThreadListIndicesByRecency(variant) {
 function ThreadListItemsByRecency({
   indices,
   onThreadOpen,
+  canRenameSession,
   canDeleteSession,
+  canManageResource,
   canDeleteResource
 }) {
   const threadIds = useAuiState((s) => s.threads.threadIds);
-  return /* @__PURE__ */ jsx2(Fragment2, { children: indices.map((index) => {
+  return /* @__PURE__ */ jsx3(Fragment2, { children: indices.map((index) => {
     const key = threadIds[index] ?? String(index);
-    return /* @__PURE__ */ jsx2(ThreadListItemByIndexProvider, { index, archived: false, children: /* @__PURE__ */ jsx2(
+    return /* @__PURE__ */ jsx3(ThreadListItemByIndexProvider, { index, archived: false, children: /* @__PURE__ */ jsx3(
       ThreadListItemRow,
       {
         onThreadOpen,
+        canRenameSession,
         canDeleteSession,
+        canManageResource,
         canDeleteResource
       }
     ) }, key);
@@ -388,12 +539,12 @@ function RecentChatsSection({
   const historyFilterIntent = shell?.historyAgentFilter?.intent;
   const showFilter = shell?.isLibraryEnabled === true && historyFilterIntent !== "try-agent" && (historyFilterIntent === "history" || shell.mode.status !== "active" || shell.mode.isMutable || shell.pendingSessionId != null || activeRemoteId != null);
   const heading = shell?.historyAgentFilter == null ? "Chat History" : `Chats for ${shell.historyAgentFilter.agentName}`;
-  return /* @__PURE__ */ jsxs2("div", { className: "flex min-h-0 flex-1 flex-col", children: [
-    /* @__PURE__ */ jsxs2("div", { className: "flex shrink-0 items-center gap-1 px-1 py-1", children: [
-      /* @__PURE__ */ jsx2("h2", { className: "min-w-0 flex-1 truncate px-1.5 py-1 text-sm font-medium text-text-secondary", children: heading }),
-      showFilter ? /* @__PURE__ */ jsx2(AgentHistoryFilterButton, {}) : null
+  return /* @__PURE__ */ jsxs3("div", { className: "flex min-h-0 flex-1 flex-col", children: [
+    /* @__PURE__ */ jsxs3("div", { className: "flex shrink-0 items-center gap-1 px-1 py-1", children: [
+      /* @__PURE__ */ jsx3("h2", { className: "min-w-0 flex-1 truncate px-1.5 py-1 text-sm font-medium text-text-secondary", children: heading }),
+      showFilter ? /* @__PURE__ */ jsx3(AgentHistoryFilterButton, {}) : null
     ] }),
-    /* @__PURE__ */ jsx2(
+    /* @__PURE__ */ jsx3(
       "div",
       {
         ref: viewportRef,
@@ -421,21 +572,22 @@ function ThreadListContainer({ onThreadOpen, variant = "default" } = {}) {
   const ThreadListRowSkeleton = useSlot("ThreadListRowSkeleton");
   const ThreadListEmptyState = useSlot("ThreadListEmptyState");
   const indices = useThreadListIndicesByRecency(variant);
-  const viewportRef = useRef2(null);
-  const hasMoreRef = useRef2(hasMore);
-  const auiRef = useRef2(aui);
+  const viewportRef = useRef3(null);
+  const hasMoreRef = useRef3(hasMore);
+  const auiRef = useRef3(aui);
   hasMoreRef.current = hasMore;
   auiRef.current = aui;
   const showNewChat = shell?.isNewChatEnabled !== false;
   const isIdle = shell?.mode.status === "idle";
   const isRecentHistory = variant === "recent-history";
+  const canRenameSession = typeof server?.renameSession === "function";
   const canDeleteSession = typeof server?.deleteSession === "function";
   const remoteSessionIds = useMemo(
     () => threadItems.flatMap((item) => item.remoteId == null ? [] : [item.remoteId]),
     [threadItems]
   );
   const { allows } = useResourcePermissions({ resourceType: "session", resourceIds: remoteSessionIds });
-  useEffect2(() => {
+  useEffect3(() => {
     if (isIdle || isLoading || isLoadingMore) return;
     const viewport = viewportRef.current;
     if (!viewport) return;
@@ -478,34 +630,36 @@ function ThreadListContainer({ onThreadOpen, variant = "default" } = {}) {
   };
   let listBody;
   if (isIdle) {
-    listBody = /* @__PURE__ */ jsx2(ThreadListEmptyState, { message: isRecentHistory ? "No recent chats" : void 0 });
+    listBody = /* @__PURE__ */ jsx3(ThreadListEmptyState, { message: isRecentHistory ? "No recent chats" : void 0 });
   } else if (isLoading) {
-    listBody = /* @__PURE__ */ jsx2(ThreadListRowSkeleton, {});
+    listBody = /* @__PURE__ */ jsx3(ThreadListRowSkeleton, {});
   } else if (indices.length === 0) {
-    listBody = /* @__PURE__ */ jsx2(ThreadListEmptyState, { message: isRecentHistory ? "No recent chats" : void 0 });
+    listBody = /* @__PURE__ */ jsx3(ThreadListEmptyState, { message: isRecentHistory ? "No recent chats" : void 0 });
   } else {
-    listBody = /* @__PURE__ */ jsx2(ThreadListPrimitive.Root, { className: "flex min-h-0 flex-col gap-0.5", children: /* @__PURE__ */ jsx2(
+    listBody = /* @__PURE__ */ jsx3(ThreadListPrimitive.Root, { className: "flex min-h-0 flex-col gap-0.5", children: /* @__PURE__ */ jsx3(
       ThreadListItemsByRecency,
       {
         indices,
         onThreadOpen,
+        canRenameSession,
         canDeleteSession,
+        canManageResource: (sessionId) => allows(sessionId, "MANAGE"),
         canDeleteResource: (sessionId) => allows(sessionId, "DELETE")
       }
     ) });
   }
-  return /* @__PURE__ */ jsx2(
+  return /* @__PURE__ */ jsx3(
     ThreadListShell,
     {
-      header: isRecentHistory ? null : /* @__PURE__ */ jsxs2("div", { className: "flex flex-col gap-1", children: [
-        showNewChat ? /* @__PURE__ */ jsx2(ThreadListNewButton, { onClick: handleNewChat }) : null,
-        /* @__PURE__ */ jsx2(AgentsLibraryButton, {}),
-        /* @__PURE__ */ jsx2(SessionsBrowserButton, {}),
-        /* @__PURE__ */ jsx2(SchedulesButton, {})
+      header: isRecentHistory ? null : /* @__PURE__ */ jsxs3("div", { className: "flex flex-col gap-1", children: [
+        showNewChat ? /* @__PURE__ */ jsx3(ThreadListNewButton, { onClick: handleNewChat }) : null,
+        /* @__PURE__ */ jsx3(AgentsLibraryButton, {}),
+        /* @__PURE__ */ jsx3(SessionsBrowserButton, {}),
+        /* @__PURE__ */ jsx3(SchedulesButton, {})
       ] }),
-      children: /* @__PURE__ */ jsxs2(RecentChatsSection, { viewportRef, hideScrollbar: isRecentHistory, children: [
+      children: /* @__PURE__ */ jsxs3(RecentChatsSection, { viewportRef, hideScrollbar: isRecentHistory, children: [
         listBody,
-        !isIdle && hasMore ? /* @__PURE__ */ jsx2("div", { className: "h-4 shrink-0", "aria-hidden": true }) : null
+        !isIdle && hasMore ? /* @__PURE__ */ jsx3("div", { className: "h-4 shrink-0", "aria-hidden": true }) : null
       ] })
     }
   );
@@ -514,4 +668,4 @@ function ThreadListContainer({ onThreadOpen, variant = "default" } = {}) {
 export {
   ThreadListContainer
 };
-//# sourceMappingURL=chunk-UBQYRCCH.js.map
+//# sourceMappingURL=chunk-2XFOONKH.js.map