@truefoundry/trueforge-ui 0.3.0 → 0.4.0-rc.0

package/dist/{chunk-MEW7WZ7Q.js → chunk-VBZXCX7Y.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-KZK2PQ4A.js";
-import {
-  useSearchAgentsList
-} from "./chunk-UN7WPTTK.js";
+  useSlot,
+  useToasterOptional
+} from "./chunk-MLMR26WQ.js";
 import {
   Icon,
   auiButtonClass,
   useCompactLayout
-} from "./chunk-KDCVFHPZ.js";
+} from "./chunk-TX6PB3DY.js";
+import {
+  useSearchAgentsList
+} from "./chunk-ZYJ2SBF7.js";
 import {
   libraryAgentId,
   useOptionalServer,
   useOptionalShellMode
-} from "./chunk-U7WONUMR.js";
+} from "./chunk-7S7A3PNP.js";
 import {
   cn
-} from "./chunk-NXK4XW4U.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-MEW7WZ7Q.js.map
+//# sourceMappingURL=chunk-VBZXCX7Y.js.map

package/dist/chunk-VBZXCX7Y.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/containers/ThreadListContainer.tsx","../src/atoms/AgentHistoryFilterButton.tsx","../src/atoms/RenameSessionModal.tsx"],"sourcesContent":["'use client';\n\nimport {\n  ThreadListItemByIndexProvider,\n  ThreadListItemMorePrimitive,\n  ThreadListItemPrimitive,\n  ThreadListPrimitive,\n  useAui,\n  useAuiState,\n} from '@assistant-ui/react';\nimport { useCallback, useEffect, useMemo, useRef, useState, type ReactNode, type Ref } from 'react';\n\nimport { AgentHistoryFilterButton } from '../atoms/AgentHistoryFilterButton.js';\nimport { auiButtonClass } from '../atoms/lib/buttonClasses.js';\nimport { cn } from '../atoms/lib/cn.js';\nimport { useCompactLayout } from '../atoms/lib/CompactLayoutContext.js';\nimport {\n  canReuseMutableShell,\n  readThreadAgentName,\n  threadListIndicesByRecency,\n  threadListItemIsMutable,\n} from '../atoms/lib/threadListMeta.js';\nimport { useIsMobile } from '../atoms/lib/useIsMobile.js';\nimport { BottomSheet } from '../atoms/primitives/BottomSheet.js';\nimport { RenameSessionModal } from '../atoms/RenameSessionModal.js';\nimport { useResourcePermissions } from '../hooks/useResourcePermissions.js';\nimport { Icon } from '../icons/Icon.js';\nimport { useOptionalServer } from '../server/ServerContext.js';\nimport { useOptionalShellMode } from '../server/ShellModeContext.js';\nimport { useSlot } from '../theme/SlotsProvider.js';\nimport { useToasterOptional } from './ToasterContainer.js';\n\n/**\n * Simplified relative to the reference: renders threads in a single flat list\n * rather than grouping them by Today/Yesterday/Earlier.\n *\n * Delete uses assistant-ui ThreadListItemPrimitive.Delete / ThreadListItemMorePrimitive\n * (adapter.delete → server.deleteSession). Rename opens RenameSessionModal via\n * aui.threadListItem().rename (adapter.rename → server.renameSession) when\n * `renameSession` is implemented. Mobile/compact keeps a BottomSheet chrome.\n */\nexport type ThreadListContainerProps = {\n  /** Called after New chat or selecting a row — used by stack/drawer chrome. */\n  onThreadOpen?: () => void;\n  /** `recent-history` hides navigation and lists only persisted sessions. */\n  variant?: 'default' | 'recent-history';\n};\n\nconst actionItemClass =\n  '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';\n\nconst deleteItemClass =\n  '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';\n\nfunction ThreadListItemActionsMenu({\n  canRename,\n  renameDisabled,\n  canDelete,\n  deleteDisabled,\n  onRename,\n}: {\n  canRename: boolean;\n  renameDisabled: boolean;\n  canDelete: boolean;\n  deleteDisabled: boolean;\n  onRename: () => void;\n}) {\n  const PermissionGuard = useSlot('PermissionGuard');\n  const compact = useCompactLayout();\n  const isMobile = useIsMobile();\n  const [sheetOpen, setSheetOpen] = useState(false);\n  const [portalContainer, setPortalContainer] = useState<HTMLElement>();\n  const useSheet = isMobile || compact;\n  const setTriggerElement = useCallback((element: HTMLButtonElement | null) => {\n    const themeRoot = element?.closest('.aui-theme-root');\n    setPortalContainer(themeRoot instanceof HTMLElement ? themeRoot : undefined);\n  }, []);\n\n  const moreButtonClass = auiButtonClass({\n    variant: 'ghost',\n    size: 'icon',\n    className: 'size-7 shrink-0 text-text-secondary hover:bg-transparent hover:text-text-primary',\n  });\n\n  const renameButton = canRename ? (\n    <PermissionGuard allowed={!renameDisabled}>\n      <button\n        type=\"button\"\n        className={actionItemClass}\n        disabled={renameDisabled}\n        onClick={() => {\n          if (renameDisabled) return;\n          setSheetOpen(false);\n          onRename();\n        }}\n      >\n        <Icon name=\"pencil\" className=\"size-3.5\" />\n        Rename\n      </button>\n    </PermissionGuard>\n  ) : null;\n\n  const deleteButton = canDelete ? (\n    <PermissionGuard allowed={!deleteDisabled}>\n      <ThreadListItemPrimitive.Delete\n        className={deleteItemClass}\n        onClick={() => {\n          if (!deleteDisabled) setSheetOpen(false);\n        }}\n      >\n        <Icon name=\"trash\" className=\"size-3.5\" />\n        Delete\n      </ThreadListItemPrimitive.Delete>\n    </PermissionGuard>\n  ) : null;\n\n  if (useSheet) {\n    return (\n      <>\n        <button\n          type=\"button\"\n          aria-label=\"Session actions\"\n          title=\"Session actions\"\n          aria-haspopup=\"dialog\"\n          aria-expanded={sheetOpen}\n          className={moreButtonClass}\n          onClick={() => setSheetOpen(true)}\n        >\n          <Icon name=\"ellipsis\" className=\"size-3.5\" />\n        </button>\n        {sheetOpen ? (\n          <BottomSheet open onOpenChange={setSheetOpen} aria-label=\"Session actions\">\n            <div className=\"flex flex-col gap-1 p-2 *:w-full\" role=\"menu\">\n              {renameButton}\n              {deleteButton}\n            </div>\n          </BottomSheet>\n        ) : null}\n      </>\n    );\n  }\n\n  return (\n    <ThreadListItemMorePrimitive.Root sharedFocusGroup>\n      <ThreadListItemMorePrimitive.Trigger\n        ref={setTriggerElement}\n        aria-label=\"Session actions\"\n        title=\"Session actions\"\n        className={moreButtonClass}\n      >\n        <Icon name=\"ellipsis\" className=\"size-3.5\" />\n      </ThreadListItemMorePrimitive.Trigger>\n      <ThreadListItemMorePrimitive.Content\n        portalProps={{ container: portalContainer }}\n        align=\"end\"\n        sideOffset={4}\n        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\"\n      >\n        {renameButton}\n        {deleteButton}\n      </ThreadListItemMorePrimitive.Content>\n    </ThreadListItemMorePrimitive.Root>\n  );\n}\n\nfunction ThreadListItemRow({\n  onThreadOpen,\n  canRenameSession,\n  canDeleteSession,\n  canManageResource,\n  canDeleteResource,\n}: {\n  onThreadOpen?: () => void;\n  canRenameSession: boolean;\n  canDeleteSession: boolean;\n  canManageResource: (sessionId: string) => boolean;\n  canDeleteResource: (sessionId: string) => boolean;\n}) {\n  const aui = useAui();\n  const shell = useOptionalShellMode();\n  const toaster = useToasterOptional();\n  const ThreadListRow = useSlot('ThreadListRow');\n  const id = useAuiState(s => s.threadListItem.id);\n  const remoteId = useAuiState(s => s.threadListItem.remoteId);\n  const title = useAuiState(s => s.threadListItem.title);\n  const lastMessageAt = useAuiState(s => s.threadListItem.lastMessageAt);\n  const custom = useAuiState(s => s.threadListItem.custom);\n  const mainThreadId = useAuiState(s => s.threads.mainThreadId);\n  const agentName = readThreadAgentName(custom);\n  const showRename = canRenameSession && remoteId != null;\n  const showDelete = canDeleteSession && remoteId != null;\n  const showActions = showRename || showDelete;\n  const renameDisabled = remoteId != null && !canManageResource(remoteId);\n  const deleteDisabled = remoteId != null && !canDeleteResource(remoteId);\n  const sidebarNavOpen = shell?.libraryOpen === true || shell?.sessionsOpen === true || shell?.schedulesOpen === true;\n  const [renameOpen, setRenameOpen] = useState(false);\n  const [renameSaving, setRenameSaving] = useState(false);\n\n  const displayTitle = title ?? 'New Chat';\n\n  const persistRename = async (trimmed: string) => {\n    if (trimmed === (title ?? '').trim()) {\n      setRenameOpen(false);\n      return;\n    }\n    setRenameSaving(true);\n    try {\n      await aui.threadListItem().rename(trimmed);\n      setRenameOpen(false);\n    } catch (caught) {\n      toaster?.showError(caught);\n    } finally {\n      setRenameSaving(false);\n    }\n  };\n\n  return (\n    <ThreadListItemPrimitive.Root className=\"min-w-0\">\n      <ThreadListRow\n        title={displayTitle}\n        active={id === mainThreadId && !sidebarNavOpen}\n        agentName={agentName}\n        lastMessageAt={lastMessageAt}\n        onSelect={() => {\n          onThreadOpen?.();\n          shell?.setSettingsOpen(false);\n          shell?.setLibraryOpen(false);\n          shell?.setSessionsOpen(false);\n          shell?.setSchedulesOpen(false);\n\n          // Prefer custom.isMutable (session wire); agentName-only is a legacy fallback.\n          const sessionMutable = threadListItemIsMutable(custom);\n          const sameImmutable =\n            !sessionMutable &&\n            shell?.mode.status === 'active' &&\n            !shell.mode.isMutable &&\n            (agentName == null\n              ? shell.mode.agentName == null && shell.mode.agentId == null\n              : shell.mode.agentName === agentName || shell.mode.agentId === agentName);\n          const sameMutable = canReuseMutableShell({\n            sessionMutable,\n            shellMutable: shell?.mode.status === 'active' && shell.mode.isMutable,\n            ...(shell?.mode.status === 'active' && shell.mode.isMutable\n              ? { shellAgentName: shell.mode.agentName, shellAgentId: shell.mode.agentId }\n              : {}),\n            remoteId,\n            pendingSessionId: shell?.pendingSessionId,\n          });\n\n          if ((sameImmutable || sameMutable) && remoteId != null) {\n            void Promise.resolve(aui.threads().switchToThread(id)).catch(() => undefined);\n            return;\n          }\n          if (remoteId != null) {\n            shell?.openHistorySession({\n              sessionId: remoteId,\n              isMutable: sessionMutable,\n              ...(agentName != null ? { agentName } : {}),\n            });\n            return;\n          }\n          void Promise.resolve(aui.threads().switchToThread(id)).catch(() => undefined);\n        }}\n        actions={\n          showActions ? (\n            <ThreadListItemActionsMenu\n              canRename={showRename}\n              renameDisabled={renameDisabled}\n              canDelete={showDelete}\n              deleteDisabled={deleteDisabled}\n              onRename={() => setRenameOpen(true)}\n            />\n          ) : undefined\n        }\n      />\n      <RenameSessionModal\n        open={renameOpen}\n        initialTitle={title ?? ''}\n        saving={renameSaving}\n        onOpenChange={setRenameOpen}\n        onSave={nextTitle => {\n          void persistRename(nextTitle);\n        }}\n      />\n    </ThreadListItemPrimitive.Root>\n  );\n}\n\nfunction useThreadListIndicesByRecency(variant: NonNullable<ThreadListContainerProps['variant']>): number[] {\n  const threadIds = useAuiState(s => s.threads.threadIds);\n  const threadItems = useAuiState(s => s.threads.threadItems);\n\n  return useMemo(() => {\n    const indices = threadListIndicesByRecency({ threadIds, threadItems });\n    if (variant === 'default') return indices;\n\n    const itemById = new Map<string, (typeof threadItems)[number]>();\n    for (const item of threadItems) {\n      itemById.set(item.id, item);\n      if (item.remoteId != null) itemById.set(item.remoteId, item);\n    }\n\n    return indices.filter(index => {\n      const id = threadIds[index];\n      if (id === undefined) return false;\n      const item = itemById.get(id);\n      return item?.remoteId != null;\n    });\n  }, [threadIds, threadItems, variant]);\n}\n\nfunction ThreadListItemsByRecency({\n  indices,\n  onThreadOpen,\n  canRenameSession,\n  canDeleteSession,\n  canManageResource,\n  canDeleteResource,\n}: {\n  indices: number[];\n  onThreadOpen?: () => void;\n  canRenameSession: boolean;\n  canDeleteSession: boolean;\n  canManageResource: (sessionId: string) => boolean;\n  canDeleteResource: (sessionId: string) => boolean;\n}) {\n  // Newest-first: remount/switchToThread can append the active session to threadIds.\n  const threadIds = useAuiState(s => s.threads.threadIds);\n\n  return (\n    <>\n      {indices.map(index => {\n        const key = threadIds[index] ?? String(index);\n        return (\n          <ThreadListItemByIndexProvider key={key} index={index} archived={false}>\n            <ThreadListItemRow\n              onThreadOpen={onThreadOpen}\n              canRenameSession={canRenameSession}\n              canDeleteSession={canDeleteSession}\n              canManageResource={canManageResource}\n              canDeleteResource={canDeleteResource}\n            />\n          </ThreadListItemByIndexProvider>\n        );\n      })}\n    </>\n  );\n}\n\nconst THREAD_LIST_VIEWPORT_SLOT = 'aui_thread-list-viewport';\n/** How close to the bottom (px) before the next sessions page is fetched. */\nconst LOAD_MORE_BOTTOM_PX = 80;\n\nfunction RecentChatsSection({\n  children,\n  viewportRef,\n  hideScrollbar,\n}: {\n  children: ReactNode;\n  viewportRef: Ref<HTMLDivElement>;\n  hideScrollbar: boolean;\n}) {\n  const shell = useOptionalShellMode();\n  const activeRemoteId = useAuiState(s => s.threadListItem.remoteId);\n  const historyFilterIntent = shell?.historyAgentFilter?.intent;\n  const showFilter =\n    shell?.isLibraryEnabled === true &&\n    historyFilterIntent !== 'try-agent' &&\n    (historyFilterIntent === 'history' ||\n      shell.mode.status !== 'active' ||\n      shell.mode.isMutable ||\n      shell.pendingSessionId != null ||\n      activeRemoteId != null);\n  const heading =\n    shell?.historyAgentFilter == null ? 'Chat History' : `Chats for ${shell.historyAgentFilter.agentName}`;\n\n  return (\n    <div className=\"flex min-h-0 flex-1 flex-col\">\n      <div className=\"flex shrink-0 items-center gap-1 px-1 py-1\">\n        <h2 className=\"min-w-0 flex-1 truncate px-1.5 py-1 text-sm font-medium text-text-secondary\">{heading}</h2>\n        {showFilter ? <AgentHistoryFilterButton /> : null}\n      </div>\n      <div\n        ref={viewportRef}\n        data-slot={THREAD_LIST_VIEWPORT_SLOT}\n        className={cn('flex min-h-0 flex-1 flex-col gap-0.5 overflow-y-auto', hideScrollbar && 'aui-scrollbar-hidden')}\n      >\n        {children}\n      </div>\n    </div>\n  );\n}\n\nexport function ThreadListContainer({ onThreadOpen, variant = 'default' }: ThreadListContainerProps = {}) {\n  const aui = useAui();\n  const server = useOptionalServer();\n  const isLoading = useAuiState(s => s.threads.isLoading);\n  const isLoadingMore = useAuiState(s => s.threads.isLoadingMore);\n  const hasMore = useAuiState(s => s.threads.hasMore);\n  const threadIds = useAuiState(s => s.threads.threadIds);\n  const threadItems = useAuiState(s => s.threads.threadItems);\n  const shell = useOptionalShellMode();\n\n  const ThreadListShell = useSlot('ThreadListShell');\n  const ThreadListNewButton = useSlot('ThreadListNewButton');\n  const AgentsLibraryButton = useSlot('AgentsLibraryButton');\n  const SessionsBrowserButton = useSlot('SessionsBrowserButton');\n  const SchedulesButton = useSlot('SchedulesButton');\n  const ThreadListRowSkeleton = useSlot('ThreadListRowSkeleton');\n  const ThreadListEmptyState = useSlot('ThreadListEmptyState');\n\n  const indices = useThreadListIndicesByRecency(variant);\n  const viewportRef = useRef<HTMLDivElement>(null);\n  const hasMoreRef = useRef(hasMore);\n  const auiRef = useRef(aui);\n  hasMoreRef.current = hasMore;\n  auiRef.current = aui;\n\n  const showNewChat = shell?.isNewChatEnabled !== false;\n  const isIdle = shell?.mode.status === 'idle';\n  const isRecentHistory = variant === 'recent-history';\n  const canRenameSession = typeof server?.renameSession === 'function';\n  const canDeleteSession = typeof server?.deleteSession === 'function';\n  const remoteSessionIds = useMemo(\n    () => threadItems.flatMap(item => (item.remoteId == null ? [] : [item.remoteId])),\n    [threadItems],\n  );\n  const { allows } = useResourcePermissions({ resourceType: 'session', resourceIds: remoteSessionIds });\n\n  // Fill an underflowing viewport; once it scrolls, paginate only near the bottom.\n  // Re-measure after commit (threadIds / hasMore) instead of rAF-chaining, which\n  // raced layout and could drain every remaining listSessions page.\n  // The runtime owns request deduplication, so Strict Mode remounts can recheck safely.\n  useEffect(() => {\n    if (isIdle || isLoading || isLoadingMore) return;\n    const viewport = viewportRef.current;\n    if (!viewport) return;\n\n    let cancelled = false;\n\n    const tryLoadMore = () => {\n      if (cancelled || !hasMoreRef.current) return;\n      if (viewport.clientHeight <= 0) return;\n\n      const remaining = viewport.scrollHeight - viewport.scrollTop - viewport.clientHeight;\n      if (viewport.scrollHeight > viewport.clientHeight && remaining > LOAD_MORE_BOTTOM_PX) return;\n\n      void auiRef.current.threads().loadMore();\n    };\n\n    viewport.addEventListener('scroll', tryLoadMore, { passive: true });\n    const resizeObserver = typeof ResizeObserver === 'undefined' ? undefined : new ResizeObserver(() => tryLoadMore());\n    if (resizeObserver) {\n      resizeObserver.observe(viewport);\n    } else {\n      window.addEventListener('resize', tryLoadMore);\n    }\n    tryLoadMore();\n\n    return () => {\n      cancelled = true;\n      viewport.removeEventListener('scroll', tryLoadMore);\n      resizeObserver?.disconnect();\n      if (!resizeObserver) {\n        window.removeEventListener('resize', tryLoadMore);\n      }\n    };\n  }, [hasMore, isIdle, isLoading, isLoadingMore, threadIds.length]);\n\n  const handleNewChat = () => {\n    onThreadOpen?.();\n    shell?.setLibraryOpen(false);\n    shell?.setSessionsOpen(false);\n    if (shell?.isComposerEnabled) {\n      shell.openDraft();\n      return;\n    }\n    shell?.setSettingsOpen(false);\n    shell?.setSchedulesOpen(false);\n    void Promise.resolve(aui.threads().switchToNewThread()).catch(() => undefined);\n  };\n\n  let listBody: ReactNode;\n  if (isIdle) {\n    listBody = <ThreadListEmptyState message={isRecentHistory ? 'No recent chats' : undefined} />;\n  } else if (isLoading) {\n    listBody = <ThreadListRowSkeleton />;\n  } else if (indices.length === 0) {\n    listBody = <ThreadListEmptyState message={isRecentHistory ? 'No recent chats' : undefined} />;\n  } else {\n    listBody = (\n      <ThreadListPrimitive.Root className=\"flex min-h-0 flex-col gap-0.5\">\n        <ThreadListItemsByRecency\n          indices={indices}\n          onThreadOpen={onThreadOpen}\n          canRenameSession={canRenameSession}\n          canDeleteSession={canDeleteSession}\n          canManageResource={sessionId => allows(sessionId, 'MANAGE')}\n          canDeleteResource={sessionId => allows(sessionId, 'DELETE')}\n        />\n      </ThreadListPrimitive.Root>\n    );\n  }\n\n  return (\n    <ThreadListShell\n      header={\n        isRecentHistory ? null : (\n          <div className=\"flex flex-col gap-1\">\n            {showNewChat ? <ThreadListNewButton onClick={handleNewChat} /> : null}\n            <AgentsLibraryButton />\n            <SessionsBrowserButton />\n            <SchedulesButton />\n          </div>\n        )\n      }\n    >\n      <RecentChatsSection viewportRef={viewportRef} hideScrollbar={isRecentHistory}>\n        {listBody}\n        {!isIdle && hasMore ? <div className=\"h-4 shrink-0\" aria-hidden /> : null}\n      </RecentChatsSection>\n    </ThreadListShell>\n  );\n}\n","'use client';\n\nimport { useEffect, useId, useLayoutEffect, useRef, useState } from 'react';\nimport { createPortal } from 'react-dom';\n\nimport { Icon } from '../icons/Icon.js';\nimport { useOptionalServer } from '../server/ServerContext.js';\nimport { libraryAgentId, useOptionalShellMode, type HistoryAgentFilter } from '../server/ShellModeContext.js';\nimport { auiButtonClass } from './lib/buttonClasses.js';\nimport { cn } from './lib/cn.js';\nimport { useCompactLayout } from './lib/CompactLayoutContext.js';\nimport { themePortalRoot } from './lib/themePortalRoot.js';\nimport { useIsMobile } from './lib/useIsMobile.js';\nimport { useSearchAgentsList } from './lib/useSearchAgentsList.js';\nimport { BottomSheet } from './primitives/BottomSheet.js';\nimport { DropdownMenuItem } from './primitives/DropdownMenu.js';\nimport SearchInput from './primitives/SearchInput.js';\n\n/**\n * Funnel popover for filtering chat history by agent id.\n * Desktop: fixed menu to the right of the funnel. Mobile/compact: bottom sheet.\n */\nexport function AgentHistoryFilterButton() {\n  const shell = useOptionalShellMode();\n  const server = useOptionalServer();\n  const isMobile = useIsMobile();\n  const compact = useCompactLayout();\n  const useSheet = isMobile || compact;\n\n  const [open, setOpen] = useState(false);\n  const [query, setQuery] = useState('');\n  const [menuPos, setMenuPos] = useState<{ top: number; left: number } | null>(null);\n  const buttonRef = useRef<HTMLButtonElement>(null);\n  const menuRef = useRef<HTMLDivElement>(null);\n  const menuId = useId();\n\n  const enabled = shell?.isLibraryEnabled === true && server != null;\n  const selected = shell?.historyAgentFilter ?? null;\n\n  useEffect(() => {\n    if (!open) setQuery('');\n  }, [open]);\n\n  const { agents, isInitialLoading, isSearching, loadingMore, hasMore, listRef, sentinelRef } = useSearchAgentsList({\n    enabled: open && enabled,\n    query,\n  });\n\n  // Desktop only: anchor to the right of the funnel; portal escapes sidebar overflow.\n  useLayoutEffect(() => {\n    if (!open || useSheet) {\n      setMenuPos(null);\n      return;\n    }\n    const update = () => {\n      const rect = buttonRef.current?.getBoundingClientRect();\n      if (!rect) return;\n      setMenuPos({ top: rect.top, left: rect.right + 4 });\n    };\n    update();\n    window.addEventListener('resize', update);\n    window.addEventListener('scroll', update, true);\n    return () => {\n      window.removeEventListener('resize', update);\n      window.removeEventListener('scroll', update, true);\n    };\n  }, [open, useSheet]);\n\n  useEffect(() => {\n    if (!open || useSheet) return;\n    const handler = (e: MouseEvent) => {\n      const target = e.target as Node;\n      if (buttonRef.current?.contains(target) || menuRef.current?.contains(target)) return;\n      setOpen(false);\n    };\n    document.addEventListener('mousedown', handler);\n    return () => document.removeEventListener('mousedown', handler);\n  }, [open, useSheet]);\n\n  if (!enabled) return null;\n\n  // Reset the active session so the newly scoped history starts from a clean runtime and first page.\n  const pick = (filter: HistoryAgentFilter | null) => {\n    if (shell?.isComposerEnabled === true) {\n      shell.openDraft();\n    } else {\n      shell?.openLibraryHome();\n    }\n    shell?.setHistoryAgentFilter(filter);\n    setOpen(false);\n  };\n\n  const filterBody = (\n    <>\n      <div className=\"p-1\" onMouseDown={e => e.stopPropagation()}>\n        <SearchInput query={query} setQuery={setQuery} placeholder=\"Search agents\" />\n        {isSearching ? (\n          <p className=\"text-text-secondary px-1 pt-1 text-[11px]\" role=\"status\">\n            Searching…\n          </p>\n        ) : null}\n      </div>\n      <div\n        ref={listRef}\n        className={cn('mt-1 overflow-y-auto', useSheet ? 'min-h-0 flex-1 px-1 pb-2' : 'min-h-48 max-h-64')}\n      >\n        {query.trim() === '' ? (\n          <DropdownMenuItem\n            className={cn(\n              'justify-between',\n              selected == null && 'bg-dropdown-selected-item-bg text-dropdown-selected-item-text',\n            )}\n            onClick={() => pick(null)}\n          >\n            All chats\n            {selected == null ? <Icon name=\"check\" className=\"size-3.5 shrink-0\" /> : null}\n          </DropdownMenuItem>\n        ) : null}\n        {isInitialLoading ? (\n          <p className=\"px-2 py-3 text-center text-xs text-text-secondary\">Loading…</p>\n        ) : agents.length === 0 ? (\n          <p className=\"text-text-secondary px-2 py-6 text-center text-xs\" role=\"status\">\n            {query.trim() ? `No agents match \"${query.trim()}\".` : 'No agents yet.'}\n          </p>\n        ) : (\n          <>\n            {agents.map(agent => {\n              const id = libraryAgentId(agent);\n              const active = selected?.agentId === id;\n              return (\n                <DropdownMenuItem\n                  key={id}\n                  className={cn(\n                    'justify-between gap-2 text-left',\n                    active && 'bg-dropdown-selected-item-bg text-dropdown-selected-item-text',\n                  )}\n                  onClick={() => pick({ agentId: id, agentName: agent.name, intent: 'history' })}\n                >\n                  <span className=\"min-w-0 truncate\">{agent.name}</span>\n                  {active ? <Icon name=\"check\" className=\"size-3.5 shrink-0\" /> : null}\n                </DropdownMenuItem>\n              );\n            })}\n            {hasMore ? (\n              <div ref={sentinelRef} className=\"flex h-6 shrink-0 items-center justify-center\" aria-hidden>\n                {loadingMore ? (\n                  <span className=\"text-text-secondary text-[11px]\" role=\"status\">\n                    Loading more…\n                  </span>\n                ) : null}\n              </div>\n            ) : null}\n          </>\n        )}\n      </div>\n    </>\n  );\n\n  return (\n    <div className=\"relative shrink-0\">\n      <button\n        ref={buttonRef}\n        type=\"button\"\n        aria-label={\n          selected != null ? `Filter chat history by agent (${selected.agentName})` : 'Filter chat history by agent'\n        }\n        aria-haspopup={useSheet ? 'dialog' : 'menu'}\n        aria-expanded={open}\n        aria-controls={open ? menuId : undefined}\n        title=\"Filter by agent\"\n        className={auiButtonClass({\n          variant: 'ghost',\n          size: 'icon',\n          className: cn(\n            'relative size-7 shrink-0 text-text-secondary hover:bg-ghost-button-hover hover:text-ghost-button-text',\n            selected != null && 'text-text-primary',\n          ),\n        })}\n        onClick={() => setOpen(v => !v)}\n      >\n        <Icon name=\"funnel\" className=\"size-3.5\" />\n        {selected != null ? (\n          <span\n            className=\"bg-primary-button-bg absolute top-1 right-1 size-1.5 rounded-full\"\n            aria-hidden\n            data-testid=\"history-filter-active-dot\"\n          />\n        ) : null}\n      </button>\n      {useSheet && open ? (\n        <BottomSheet open onOpenChange={setOpen} id={menuId} aria-label=\"Filter agents\">\n          <div className=\"flex min-h-0 flex-1 flex-col p-2\" role=\"menu\">\n            {filterBody}\n          </div>\n        </BottomSheet>\n      ) : null}\n      {!useSheet && open && menuPos != null\n        ? createPortal(\n            <div\n              ref={menuRef}\n              id={menuId}\n              role=\"menu\"\n              aria-label=\"Filter agents\"\n              style={{ top: menuPos.top, left: menuPos.left }}\n              className=\"aui-popup-enter font-sans-flex fixed z-50 w-56 rounded-md border border-border bg-card-bg p-1 text-text-primary shadow-md\"\n            >\n              {filterBody}\n            </div>,\n            themePortalRoot(buttonRef.current),\n          )\n        : null}\n    </div>\n  );\n}\n","'use client';\n\nimport { useEffect, useRef, useState } from 'react';\n\nimport { auiInputClass } from './lib/inputClasses.js';\nimport { MAX_SESSION_TITLE_LENGTH } from './lib/threadListMeta.js';\nimport { Button } from './primitives/Button.js';\nimport { CenteredModal } from './primitives/CenteredModal.js';\n\nexport type RenameSessionModalProps = {\n  open: boolean;\n  initialTitle: string;\n  saving?: boolean;\n  onOpenChange: (open: boolean) => void;\n  onSave: (title: string) => void;\n};\n\n/** Compact rename dialog: title field + Cancel / Save. */\nexport function RenameSessionModal({\n  open,\n  initialTitle,\n  saving = false,\n  onOpenChange,\n  onSave,\n}: RenameSessionModalProps) {\n  const [value, setValue] = useState(initialTitle);\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  useEffect(() => {\n    if (open) setValue(initialTitle);\n  }, [open, initialTitle]);\n\n  useEffect(() => {\n    if (!open) return;\n    const input = inputRef.current;\n    if (input == null) return;\n    input.focus();\n    input.select();\n  }, [open]);\n\n  const trimmed = value.trim();\n  const isValid = trimmed.length > 0 && trimmed.length <= MAX_SESSION_TITLE_LENGTH;\n  const canSave = isValid && !saving;\n\n  const handleSave = () => {\n    if (!canSave) return;\n    onSave(trimmed);\n  };\n\n  const handleOpenChange = (next: boolean) => {\n    if (saving) return;\n    onOpenChange(next);\n  };\n\n  return (\n    <CenteredModal\n      open={open}\n      onOpenChange={handleOpenChange}\n      title=\"Rename session\"\n      contentSized\n      aria-label=\"Rename session\"\n      footer={\n        <div className=\"flex items-center justify-end gap-2\">\n          <Button.Secondary type=\"button\" disabled={saving} onClick={() => handleOpenChange(false)}>\n            Cancel\n          </Button.Secondary>\n          <Button.Primary type=\"button\" disabled={!canSave} onClick={handleSave}>\n            Save\n          </Button.Primary>\n        </div>\n      }\n    >\n      <div className=\"px-5 py-4\">\n        <input\n          ref={inputRef}\n          aria-label=\"Session title\"\n          value={value}\n          readOnly={saving}\n          maxLength={MAX_SESSION_TITLE_LENGTH}\n          className={auiInputClass('h-9')}\n          onChange={event => setValue(event.target.value)}\n          onKeyDown={event => {\n            if (event.key === 'Enter') {\n              event.preventDefault();\n              handleSave();\n            }\n          }}\n        />\n      </div>\n    </CenteredModal>\n  );\n}\n"],"mappings":"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","names":["useEffect","useRef","useState","useEffect","useRef","useState","jsx","jsxs","useState","useRef","useEffect","Fragment","jsx","jsxs","useState","useRef","useEffect"]}