@ai-matrx/chat 0.6.4 → 0.6.6

package/CHANGELOG.md

@@ -1,6 +1,61 @@
 # @ai-matrx/chat
 
+## 0.6.6
+### Unreleased
+
+- **One "Archived" place for every conversation list** (Arman, 2026-10-08). The separate "Archived (N)" toggle
+  and the "Trash" disclosure are gone; `ConversationArchiveSection` (was `ConversationTrashSection`) is the one
+  closed-by-default section at the foot of `ConversationHistorySidebar`, listing archived AND deleted
+  conversations with Restore on each (restore picks the right door: un-delete RPC, unarchive, or both). Live lists
+  never show archived rows. Removed: scope fields `archiveView` / `archivedCount`, actions `setScopeArchiveView` /
+  `setScopeArchivedCount`, `rowMatchesArchiveView` (→ `isLiveConversationRow`); `fetchTrashedConversations` →
+  `fetchArchivedConversations`. `ConversationListItem.deletedAt` added.
+- Consumer header is ONE row: an always-visible search field + refresh + filter. No heading text: prop
+  `historyLabel` removed; `initialSearchOpen` → `autoFocusSearch`.
+- `AgentRunWindow`: title is the open chat's title (else the agent's name) with no "Run" prefix; New chat is a
+  quiet theme-token icon beside the sidebar toggle (`actionsLeft`), not a primary disc on the right.
+
+Consumer action: required if you pass `historyLabel` (delete it) or `initialSearchOpen` (rename to `autoFocusSearch`).
+
+- `ConversationHistorySidebar` takes `keepLoaded`: a host that freezes and wakes the list (a board tile's
+  Activity re-runs every effect on wake) no longer re-reads it. The mount read is skipped while the scope
+  was last read for the same agents, source filter and lanes; a changed filter, Refresh, search and
+  "load more" still read. Default false (the list refreshes on every mount, as before).
+
+- `ConversationHistorySidebar` takes `onlyConversationIds`: a list of "the conversations that belong to THIS
+  thing" (a board's). The read is `id in (...)` (a `[]` set reads nothing), the archived count follows, a
+  conversation minted elsewhere is not live-upserted into it, and a changed set reads again. New scope field
+  `onlyConversationIds` + action `setScopeOnlyConversationIds`. Pair with `serverSearch={false}`.
+
+- `ConversationHistorySidebar` takes `removeFromList` ({ label, onRemove }): a row-menu entry for a scoped list that
+  takes the conversation OUT of the list (never out of existence); the host performs the removal.
+
+Consumer action: optional — pass `keepLoaded` where the list can sleep and wake; `onlyConversationIds` (+ `removeFromList`) for a scoped list.
+## 0.6.5
+
+Automatic changed-only republish (docs/metadata drift since the last tag — see
+`git diff npm/chat/v0.6.4..npm/chat/v0.6.5 -- apps/shared/chat`).
+No source changes intended and no consumer action required.
+
 ## 0.6.4
+
+Automatic changed-only republish (docs/metadata drift since the last tag — see
+`git diff npm/chat/v0.6.3..npm/chat/v0.6.4 -- apps/shared/chat`).
+No source changes intended and no consumer action required.
+
+## 0.6.3
+
+Automatic changed-only republish (docs/metadata drift since the last tag — see
+`git diff npm/chat/v0.6.2..npm/chat/v0.6.3 -- apps/shared/chat`).
+No source changes intended and no consumer action required.
+
+## 0.6.2
+
+Automatic changed-only republish (docs/metadata drift since the last tag — see
+`git diff npm/chat/v0.6.1..npm/chat/v0.6.2 -- apps/shared/chat`).
+No source changes intended and no consumer action required.
+
+## 0.6.1
 ### rendered-output P2 WP4: every artifact type attaches
 
 - `RenderedArtifactSource` carries `artifact_type`, the type's own `options` (first = default,

package/dist/agents/components/chat/ChatHistorySidebar.d.ts

@@ -42,11 +42,11 @@ export interface ChatHistorySidebarProps {
      * (ALLOW-list). Still honored and AND-ed with the surface filter.
      */
     excludeSourceFeatures?: string[];
-    /** Start with the search field open and focused. */
-    initialSearchOpen?: boolean;
-    /** Suppress the built-in inline "Search chats" affordance. */
+    /** Put the caret in the search field on mount. */
+    autoFocusSearch?: boolean;
+    /** Suppress the built-in inline search field. */
     hideSearchAffordance?: boolean;
     className?: string;
 }
-export declare function ChatHistorySidebar({ scopeId, activeConversationId, onOpenConversation, openInPlace, headerSlot, topSlot, surfaceId, excludeSourceFeatures, initialSearchOpen, hideSearchAffordance, className, }: ChatHistorySidebarProps): React.JSX.Element;
+export declare function ChatHistorySidebar({ scopeId, activeConversationId, onOpenConversation, openInPlace, headerSlot, topSlot, surfaceId, excludeSourceFeatures, autoFocusSearch, hideSearchAffordance, className, }: ChatHistorySidebarProps): React.JSX.Element;
 export default ChatHistorySidebar;

package/dist/agents/components/chat/ChatHistorySidebar.js

@@ -10,7 +10,7 @@ function ChatHistorySidebar({
   topSlot,
   surfaceId = "chat",
   excludeSourceFeatures,
-  initialSearchOpen = false,
+  autoFocusSearch = false,
   hideSearchAffordance = false,
   className
 }) {
@@ -27,7 +27,7 @@ function ChatHistorySidebar({
       headerSlot,
       topSlot,
       excludeSourceFeatures,
-      initialSearchOpen,
+      autoFocusSearch,
       hideSearchAffordance,
       serverSearch: true,
       className

package/dist/agents/components/chat/ChatSidebarMenu.js

@@ -197,7 +197,7 @@ function ChatSidebarMenu({ expanded }) {
                       }
                     },
                     openInPlace: !!host,
-                    initialSearchOpen: true,
+                    autoFocusSearch: true,
                     className: "h-full"
                   }
                 ) })

package/dist/agents/components/conversation-actions/conversationActionRegistry.d.ts

@@ -54,6 +54,14 @@ export interface ConversationMenuContext {
         onShowOnly?: () => void;
         /** Remove this conversation's source from the current scope's view. */
         onHide?: () => void;
+        /**
+         * A list that holds only what belongs to one thing (a board's chats) offers
+         * to take THIS conversation out of it — never out of existence.
+         */
+        removeFromList?: {
+            label: string;
+            run: () => void;
+        };
     };
     /**
      * Inline rename belongs to ItemRow. Set false when a non-row host consumes

package/dist/agents/components/conversation-actions/conversationActionRegistry.js

@@ -144,6 +144,14 @@ function buildConversationMenu(ctx) {
             hidden: !ctx.onAddToProject,
             onSelect: () => ctx.onAddToProject?.()
           },
+          {
+            id: "remove-from-list",
+            label: src?.removeFromList?.label ?? "Remove from this list",
+            icon: FilterX,
+            description: "The conversation itself is kept",
+            hidden: !src?.removeFromList,
+            onSelect: () => src?.removeFromList?.run()
+          },
           {
             id: "duplicate",
             label: "Duplicate",
@@ -249,9 +257,8 @@ function buildConversationMenu(ctx) {
               const ok = await confirm({
                 title: "Delete conversation",
                 description: /* @__PURE__ */ jsxs(Fragment, { children: [
-                  "This moves ",
                   /* @__PURE__ */ jsx("b", { children: displayTitle(ctx.title) }),
-                  " and every message inside it to the trash. Nothing is destroyed \u2014 it leaves every list, and you can bring it back from Trash at the bottom of the conversation list."
+                  " moves to Archived at the bottom of the conversation list. You can restore it there."
                 ] }),
                 confirmLabel: "Delete",
                 variant: "destructive"
@@ -264,8 +271,8 @@ function buildConversationMenu(ctx) {
                 toast.error(result.payload?.message ?? "Delete failed");
               } else {
                 ctx.onMutationSuccess?.();
-                toast.success("Conversation moved to the trash", {
-                  description: "Restore it from Trash at the bottom of the conversation list."
+                toast.success("Moved to Archived", {
+                  description: "Restore it from Archived at the bottom of the list."
                 });
               }
             }

package/dist/agents/components/conversation-history/ConversationArchiveSection.d.ts

@@ -0,0 +1,7 @@
+interface ConversationArchiveSectionProps {
+    /** `"consumer"` matches the comfortable /chat sidebar; `"dense"` the rest. */
+    variant?: "dense" | "consumer";
+    className?: string;
+}
+export declare function ConversationArchiveSection({ variant, className, }: ConversationArchiveSectionProps): import("react").JSX.Element;
+export default ConversationArchiveSection;

package/dist/agents/components/conversation-history/{ConversationTrashSection.js → ConversationArchiveSection.js}

@@ -1,17 +1,17 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { useCallback, useEffect, useState } from "react";
-import { Loader2, Trash2, Undo2 } from "lucide-react";
+import { useCallback, useState } from "react";
+import { Archive, Loader2, Undo2 } from "lucide-react";
 import { cn } from "@ai-matrx/design-system";
 import { toast } from "../../../host/notify.js";
 import { useAppDispatch, useAppSelector } from "../../../store/hooks.js";
 import {
-  fetchTrashedConversations,
+  fetchArchivedConversations,
   restoreConversation
 } from "../../redux/conversation-list/conversation-trash.thunks.js";
 import { ErrorAlchemyMenu } from "../../../host/ui-slots.js";
 import { Button, DisclosureHeader } from "@ai-matrx/design-system/controls";
-function ConversationTrashSection({
+function ConversationArchiveSection({
   variant = "dense",
   className
 }) {
@@ -26,11 +26,11 @@ function ConversationTrashSection({
   );
   const status = useAppSelector((state) => state.conversationList.trashStatus);
   const error = useAppSelector((state) => state.conversationList.trashError);
-  useEffect(() => {
-    if (open && status === "idle") {
-      void dispatch(fetchTrashedConversations());
-    }
-  }, [open, status, dispatch]);
+  const toggle = () => {
+    const next = !open;
+    setOpen(next);
+    if (next) void dispatch(fetchArchivedConversations());
+  };
   const handleRestore = useCallback(
     async (conversationId) => {
       setRestoringId(conversationId);
@@ -51,22 +51,22 @@ function ConversationTrashSection({
       {
         className: "w-full",
         open,
-        onClick: () => setOpen((v) => !v),
-        icon: /* @__PURE__ */ jsx(Trash2, {}),
-        title: "Trash",
+        onClick: toggle,
+        icon: /* @__PURE__ */ jsx(Archive, {}),
+        title: "Archived",
         end: open && status === "succeeded" ? ids.length : void 0
       }
     ),
-    open && /* @__PURE__ */ jsxs("div", { className: "pb-1", children: [
-      status === "loading" && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 px-3 py-2 text-[11px] text-muted-foreground", children: [
+    open && /* @__PURE__ */ jsxs("div", { className: "max-h-64 overflow-y-auto pb-1", children: [
+      status === "loading" && ids.length === 0 && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 px-3 py-2 text-[11px] text-muted-foreground", children: [
         /* @__PURE__ */ jsx(Loader2, { className: "h-3 w-3 animate-spin" }),
-        "Opening the trash\u2026"
+        "Opening\u2026"
       ] }),
       status === "failed" && /* @__PURE__ */ jsxs("p", { className: "px-3 py-2 text-[11px] text-destructive", children: [
-        error ?? "The trash could not be read.",
+        error ?? "Archived chats could not be read.",
         /* @__PURE__ */ jsx(ErrorAlchemyMenu, { error })
       ] }),
-      status === "succeeded" && ids.length === 0 && /* @__PURE__ */ jsx("p", { className: "px-3 py-2 text-[11px] text-muted-foreground", children: "Nothing deleted. Deleted conversations land here and can be restored." }),
+      status === "succeeded" && ids.length === 0 && /* @__PURE__ */ jsx("p", { className: "px-3 py-2 text-[11px] text-muted-foreground", children: "Nothing archived." }),
       ids.map((id) => {
         const conv = bodies[id];
         if (!conv) return null;
@@ -99,8 +99,8 @@ function ConversationTrashSection({
     ] })
   ] });
 }
-var ConversationTrashSection_default = ConversationTrashSection;
+var ConversationArchiveSection_default = ConversationArchiveSection;
 export {
-  ConversationTrashSection,
-  ConversationTrashSection_default as default
+  ConversationArchiveSection,
+  ConversationArchiveSection_default as default
 };

package/dist/agents/components/conversation-history/ConversationHistorySidebar.d.ts

@@ -97,20 +97,12 @@ export interface ConversationHistorySidebarProps {
     topSlot?: React.ReactNode;
     /** Extra header actions (shown next to grouping + search toggles). */
     headerActions?: React.ReactNode;
-    /**
-     * Consumer variant only: the heading over the list. Default "Filtered Chats"
-     * (the /chat sidebar, which really does filter by source). A surface that
-     * lists one agent's conversations names what the list IS instead.
-     */
-    historyLabel?: string;
     /** Controls whether the built-in search input is shown. Default: true. */
     showSearch?: boolean;
     /** Controls whether the grouping toggle is shown. Default: true (dense). */
     showGroupingToggle?: boolean;
-    /**
-     * Consumer variant only: start with the search field open + focused.
-     */
-    initialSearchOpen?: boolean;
+    /** Consumer variant only: put the caret in the search field on mount. */
+    autoFocusSearch?: boolean;
     /**
      * Consumer variant only: suppress the built-in inline search affordance
      * (when surrounding chrome already provides a search entry point).
@@ -124,6 +116,33 @@ export interface ConversationHistorySidebarProps {
      * list is not a conversation library.
      */
     serverSearch?: boolean;
+    /**
+     * Show only these conversations — a surface whose list is "what belongs to
+     * THIS thing" (a board's own conversations). `null`/omitted = no restriction;
+     * `[]` = an empty list with no read. The list reads again when the set
+     * changes. Pair with `serverSearch={false}`: the ranked search spans the
+     * person's whole library, so a restricted list filters what it holds.
+     */
+    onlyConversationIds?: string[] | null;
+    /**
+     * With `onlyConversationIds`: a row menu entry that takes the conversation OUT
+     * of the list (e.g. "Remove from this board") without touching the
+     * conversation itself. The host does the removal; the list then shrinks when
+     * the host passes the smaller set.
+     */
+    removeFromList?: {
+        label: string;
+        onRemove: (conv: ConversationListItem) => void;
+    };
+    /**
+     * A host that FREEZES and wakes this component (a board tile's Activity,
+     * which re-runs every effect on wake) sets this so a wake never re-reads the
+     * list: the mount fetch is skipped while the scope already holds a first page
+     * that was read for the same agents, source filter and lanes. A changed
+     * filter, Refresh, search and "load more" still read. Default false — the
+     * list refreshes each time it mounts.
+     */
+    keepLoaded?: boolean;
     className?: string;
     /** Extra classes for the built-in search input (dense). */
     searchInputClassName?: string;

package/dist/agents/components/conversation-history/ConversationHistorySidebar.js

@@ -16,8 +16,7 @@ import {
   Loader2,
   Search,
   Star,
-  StarOff,
-  X
+  StarOff
 } from "lucide-react";
 import { cn } from "@ai-matrx/design-system";
 import { useAppDispatch, useAppSelector } from "../../../store/hooks.js";
@@ -38,8 +37,8 @@ import { selectIsStreaming } from "../../redux/execution-system/selectors/aggreg
 import {
   seedScopeSourceFilter,
   setScopeAgentIds,
-  setScopeArchiveView,
   setScopeLanes,
+  setScopeOnlyConversationIds,
   setScopeGrouping,
   setScopeSearch,
   setScopeSourceFilter
@@ -51,7 +50,8 @@ import {
   sourceKey
 } from "../../redux/conversation-history/source-registry.js";
 import {
-  rowMatchesArchiveView
+  CONVERSATION_HISTORY_TTL_MS,
+  isLiveConversationRow
 } from "../../redux/conversation-history/types.js";
 import { useSurfaceSourceFilter } from "../../redux/conversation-history/useSurfaceSourceFilter.js";
 import {
@@ -65,9 +65,8 @@ import { selectAgentById } from "../../redux/agent-definition/selectors.js";
 import { EntityDoorControls } from "../../../host/ui-slots.js";
 import { ConversationSourceFilterTree } from "./ConversationSourceFilterTree.js";
 import { AllLanesOffNotice } from "./ConversationLaneToggles.js";
-import { ConversationTrashSection } from "./ConversationTrashSection.js";
-import { ArchivedDisclosure } from "@ai-matrx/design-system";
-import { SegmentedControl, Button, DisclosureHeader } from "@ai-matrx/design-system/controls";
+import { ConversationArchiveSection } from "./ConversationArchiveSection.js";
+import { SegmentedControl, Button, DisclosureHeader, SearchField } from "@ai-matrx/design-system/controls";
 import { ItemRow } from "../../../host/ui-slots.js";
 import { toast } from "../../../host/notify.js";
 import {
@@ -89,9 +88,13 @@ function useConversationHistoryController(props) {
     isFavorite,
     onToggleFavorite,
     getConversationHref,
-    serverSearch = true
+    serverSearch = true,
+    keepLoaded = false,
+    onlyConversationIds = null,
+    removeFromList
   } = props;
   const dispatch = useAppDispatch();
+  const readFor = useRef(null);
   const selectScope = useMemo(
     () => makeSelectConversationHistoryScope(scopeId),
     [scopeId]
@@ -120,6 +123,7 @@ function useConversationHistoryController(props) {
     [agentIds]
   );
   const excludeKey = JSON.stringify(excludeSourceFeatures ?? []);
+  const onlyKey = onlyConversationIds ? onlyConversationIds.slice().sort().join(",") : null;
   const resolvedKey = surfaceId ? JSON.stringify(resolvedSource) : "";
   const enabledLanes = useAppSelector(selectConversationLanes);
   const lanesKey = surfaceId ? enabledLanes.join(",") : "none";
@@ -136,6 +140,12 @@ function useConversationHistoryController(props) {
   });
   useEffect(() => {
     dispatch(setScopeAgentIds({ scopeId, agentIds: agentIds.slice() }));
+    dispatch(
+      setScopeOnlyConversationIds({
+        scopeId,
+        ids: onlyConversationIds ? onlyConversationIds.slice() : null
+      })
+    );
     dispatch(
       setScopeLanes({ scopeId, lanes: surfaceId ? enabledLanes : null })
     );
@@ -159,6 +169,19 @@ function useConversationHistoryController(props) {
     if (excludeSourceFeatures !== void 0) {
       fetchArgs.excludeSourceFeatures = excludeSourceFeatures;
     }
+    const readKey = [scopeId, agentIdsKey, pageSize, excludeKey, resolvedKey, lanesKey, onlyKey].join("|");
+    if (keepLoaded) {
+      if (readFor.current === readKey) return;
+      const fresh = dispatch((_d, getState) => {
+        const held = getState().conversationHistory.scopes[scopeId];
+        return !!held && held.status === "succeeded" && held.lastFetchedAt !== null && Date.now() - held.lastFetchedAt < CONVERSATION_HISTORY_TTL_MS;
+      });
+      if (fresh) {
+        readFor.current = readKey;
+        return;
+      }
+    }
+    readFor.current = readKey;
     void dispatch(fetchConversationHistory(fetchArgs));
   }, [
     dispatch,
@@ -168,7 +191,9 @@ function useConversationHistoryController(props) {
     excludeKey,
     resolvedKey,
     lanesKey,
-    surfaceId
+    surfaceId,
+    keepLoaded,
+    onlyKey
   ]);
   const onSearchChange = useCallback(
     (value) => {
@@ -186,12 +211,6 @@ function useConversationHistoryController(props) {
     if (!hasMore || status === "loading" || status === "loading-more") return;
     void dispatch(fetchConversationHistory({ scopeId, replace: false }));
   }, [dispatch, scopeId, hasMore, status]);
-  const onArchiveViewChange = (open) => {
-    dispatch(
-      setScopeArchiveView({ scopeId, view: open ? "archived" : "active" })
-    );
-    void dispatch(fetchConversationHistory({ scopeId, replace: true }));
-  };
   const onRefresh = () => {
     void dispatch(fetchConversationHistory({ scopeId, replace: true }));
     if (surfaceId) {
@@ -228,9 +247,9 @@ function useConversationHistoryController(props) {
   );
   const favorites = useMemo(() => {
     return scope.items.filter(
-      (i) => isFavoriteResolved(i.conversationId) && rowMatchesArchiveView(i.status, scope.archiveView ?? "active")
+      (i) => isFavoriteResolved(i.conversationId) && isLiveConversationRow(i.status)
     );
-  }, [scope.items, scope.archiveView, isFavoriteResolved]);
+  }, [scope.items, isFavoriteResolved]);
   const resolveHref = useCallback(
     (conv) => getConversationHref ? getConversationHref(conv) : `/chat/${conv.conversationId}`,
     [getConversationHref]
@@ -252,7 +271,7 @@ function useConversationHistoryController(props) {
     },
     [dispatch, scopeId]
   );
-  const getSourceMenuCtx = useCallback(
+  const getSourceMenuBase = useCallback(
     (conv) => {
       if (!surfaceId) {
         return {
@@ -309,6 +328,20 @@ function useConversationHistoryController(props) {
     },
     [surfaceId, scope, facets, commitSourceFilter]
   );
+  const getSourceMenuCtx = useCallback(
+    (conv) => {
+      const base = getSourceMenuBase(conv);
+      if (!removeFromList) return base;
+      return {
+        ...base,
+        removeFromList: {
+          label: removeFromList.label,
+          run: () => removeFromList.onRemove(conv)
+        }
+      };
+    },
+    [getSourceMenuBase, removeFromList]
+  );
   return {
     scope,
     byDate,
@@ -323,7 +356,6 @@ function useConversationHistoryController(props) {
     onGroupingChange,
     onLoadMore,
     onRefresh,
-    onArchiveViewChange,
     isFavoriteResolved,
     onToggleFavoriteResolved,
     favorites,
@@ -383,7 +415,7 @@ const DenseView = ({
   const cachedSearchItems = byDate.flatMap((bucket) => bucket.items);
   const hasAuthoritativeResults = serverSearchState.isSettled && (serverSearchState.status === "succeeded" || serverSearchState.status === "loading-more" || serverSearchState.status === "failed" && serverSearchState.items.length > 0);
   const searchItems = hasAuthoritativeResults ? serverSearchState.items.filter(
-    (item) => rowMatchesArchiveView(item.status, ctl.scope.archiveView ?? "active")
+    (item) => isLiveConversationRow(item.status)
   ) : cachedSearchItems;
   const empty = !allLanesOff && status !== "loading" && status !== "idle" && !error && count === 0 && !searchTerm.trim() && emptyState;
   const showControls = showSearch || showGroupingToggle || !!headerActions || !!surfaceId;
@@ -596,8 +628,7 @@ const DenseView = ({
         count === 1 ? "" : "s"
       ] })
     ] }),
-    /* @__PURE__ */ jsx(ConversationArchivedToggle, { ctl }),
-    /* @__PURE__ */ jsx(ConversationTrashSection, { variant: "dense" })
+    /* @__PURE__ */ jsx(ConversationArchiveSection, { variant: "dense" })
   ] });
 };
 const ConsumerView = ({
@@ -609,13 +640,11 @@ const ConsumerView = ({
   openInPlace = false,
   headerSlot,
   topSlot,
-  initialSearchOpen = false,
+  autoFocusSearch = false,
   hideSearchAffordance = false,
-  historyLabel = "Filtered Chats",
   pageSize = 30,
   className
 }) => {
-  const dispatch = useAppDispatch();
   const {
     byDate,
     status,
@@ -636,27 +665,19 @@ const ConsumerView = ({
   const cachedSearchItems = byDate.flatMap((bucket) => bucket.items);
   const hasAuthoritativeResults = serverSearchState.isSettled && (serverSearchState.status === "succeeded" || serverSearchState.status === "loading-more" || serverSearchState.status === "failed" && serverSearchState.items.length > 0);
   const searchItems = hasAuthoritativeResults ? serverSearchState.items.filter(
-    (item) => rowMatchesArchiveView(item.status, ctl.scope.archiveView ?? "active")
+    (item) => isLiveConversationRow(item.status)
   ) : cachedSearchItems;
   const favoriteIds = useMemo(
     () => new Set(favorites.map((f) => f.conversationId)),
     [favorites]
   );
-  const [searchOpen, setSearchOpen] = useState(initialSearchOpen);
   const searchInputRef = useRef(null);
-  const openSearch = useCallback(() => {
-    setSearchOpen(true);
-    requestAnimationFrame(() => searchInputRef.current?.focus());
-  }, []);
   useEffect(() => {
-    if (initialSearchOpen) {
+    if (autoFocusSearch) {
       requestAnimationFrame(() => searchInputRef.current?.focus());
     }
-  }, [initialSearchOpen]);
-  const closeSearch = useCallback(() => {
-    setSearchOpen(false);
-    dispatch(setScopeSearch({ scopeId, searchTerm: "" }));
-  }, [dispatch, scopeId]);
+  }, [autoFocusSearch]);
+  const showSearch = !hideSearchAffordance;
   return /* @__PURE__ */ jsxs(
     "div",
     {
@@ -666,9 +687,22 @@ const ConsumerView = ({
       ),
       children: [
         headerSlot,
-        surfaceId && /* @__PURE__ */ jsxs("div", { className: "flex h-8 shrink-0 items-center gap-1 px-2", children: [
-          /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate text-[11px] font-semibold uppercase tracking-wide text-muted-foreground/70", children: historyLabel }),
-          /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 items-center", children: [
+        (showSearch || surfaceId) && /* @__PURE__ */ jsxs("div", { className: "flex h-9 shrink-0 items-center gap-1 px-2", children: [
+          showSearch ? /* @__PURE__ */ jsx(
+            SearchField,
+            {
+              ref: searchInputRef,
+              value: searchTerm,
+              onChange: (e) => onSearchChange(e.target.value),
+              onKeyDown: (e) => {
+                if (e.key === "Escape") onSearchChange("");
+              },
+              placeholder: "Search",
+              "aria-label": "Search conversations",
+              className: "min-w-0 flex-1"
+            }
+          ) : /* @__PURE__ */ jsx("span", { className: "flex-1" }),
+          surfaceId && /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 items-center", children: [
             status === "loading" ? /* @__PURE__ */ jsx(
               LoadingTapButton,
               {
@@ -699,25 +733,6 @@ const ConsumerView = ({
             )
           ] })
         ] }),
-        !hideSearchAffordance && /* @__PURE__ */ jsx("div", { className: "flex shrink-0 items-center gap-1 px-1 pb-1", children: searchOpen ? /* @__PURE__ */ jsxs("div", { className: "relative flex flex-1 items-center", children: [
-          /* @__PURE__ */ jsx(Search, { className: "absolute left-2.5 h-3.5 w-3.5 text-muted-foreground" }),
-          /* @__PURE__ */ jsx(
-            "input",
-            {
-              ref: searchInputRef,
-              type: "search",
-              value: searchTerm,
-              onChange: (e) => onSearchChange(e.target.value),
-              onKeyDown: (e) => {
-                if (e.key === "Escape") closeSearch();
-              },
-              placeholder: "Search chats",
-              className: "h-8 w-full rounded-lg border border-border bg-background pl-8 pr-8 text-sm text-foreground placeholder:text-muted-foreground/70 outline-none focus:border-ring/40",
-              "aria-label": "Search conversations"
-            }
-          ),
-          /* @__PURE__ */ jsx(Button, { variant: "quiet", icon: /* @__PURE__ */ jsx(X, {}), onClick: closeSearch, "aria-label": "Close search", className: "absolute right-1.5" })
-        ] }) : /* @__PURE__ */ jsx(Button, { variant: "quiet", icon: /* @__PURE__ */ jsx(Search, {}), onClick: openSearch, "aria-label": "Search conversations", className: "flex-1", children: "Search chats" }) }),
         topSlot,
         /* @__PURE__ */ jsxs("div", { className: "min-h-0 flex-1 overflow-y-auto pt-1", children: [
           error && !searchActive && /* @__PURE__ */ jsx(ReadFailure, { error, what: "your conversations", onRetry: onRefresh, className: "m-2" }),
@@ -794,27 +809,11 @@ const ConsumerView = ({
             }
           ) })
         ] }),
-        /* @__PURE__ */ jsx(ConversationArchivedToggle, { ctl }),
-        /* @__PURE__ */ jsx(ConversationTrashSection, { variant: "consumer" })
+        /* @__PURE__ */ jsx(ConversationArchiveSection, { variant: "consumer" })
       ]
     }
   );
 };
-function ConversationArchivedToggle({ ctl }) {
-  const open = ctl.scope.archiveView === "archived";
-  const count = ctl.scope.archivedCount;
-  return /* @__PURE__ */ jsx(
-    ArchivedDisclosure,
-    {
-      count: count ?? 0,
-      countLabel: count === null ? null : void 0,
-      open,
-      onOpenChange: ctl.onArchiveViewChange,
-      keepWhileOpen: true,
-      className: "px-2 py-1"
-    }
-  );
-}
 const GroupingToggle = ({ value, onChange }) => /* @__PURE__ */ jsx(
   SegmentedControl,
   {

package/dist/agents/components/conversation-history/ConversationPickerWindow.js

@@ -61,8 +61,7 @@ function ConversationPickerWindowInner({
           activeConversationId: activeConversationId ?? null,
           onOpenConversation: handleOpenConversation,
           openInPlace: true,
-          historyLabel: "Conversations",
-          initialSearchOpen: true,
+          autoFocusSearch: true,
           className: "h-full bg-transparent"
         }
       )

package/dist/agents/components/inputs/smart-input/RunControlsTabPanel.d.ts

@@ -22,6 +22,8 @@ export declare function useRunControlsState(conversationId: string, includeAttac
     resolveTab: (tab: RunControlsTab) => RunControlsTab;
     tabTrailing: (tabId: RunControlsTab) => ReactNode;
     addedCount: number;
+    addedToolsCount: number;
+    addedSkillsCount: number;
     hasModelOverride: boolean;
     hasActiveContext: boolean;
     anyDocActive: boolean;