@ai-matrx/chat 0.5.0 → 0.5.3

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

@@ -1,5 +1,6 @@
 "use client";
-import React, {
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import {
   useCallback,
   useEffect,
   useMemo,
@@ -335,9 +336,9 @@ function useConversationHistoryController(props) {
 const ConversationHistorySidebar = (props) => {
   const ctl = useConversationHistoryController(props);
   if (props.variant === "consumer") {
-    return /* @__PURE__ */ React.createElement(ConsumerView, { ctl, ...props });
+    return /* @__PURE__ */ jsx(ConsumerView, { ctl, ...props });
   }
-  return /* @__PURE__ */ React.createElement(DenseView, { ctl, ...props });
+  return /* @__PURE__ */ jsx(DenseView, { ctl, ...props });
 };
 const DenseView = ({
   ctl,
@@ -386,181 +387,218 @@ const DenseView = ({
   ) : cachedSearchItems;
   const empty = !allLanesOff && status !== "loading" && status !== "idle" && !error && count === 0 && !searchTerm.trim() && emptyState;
   const showControls = showSearch || showGroupingToggle || !!headerActions || !!surfaceId;
-  return /* @__PURE__ */ React.createElement("div", { className: cn("flex h-full min-h-0 flex-col", className) }, headerSlot, topSlot, showControls && /* @__PURE__ */ React.createElement("div", { className: "flex shrink-0 items-center gap-1 border-b border-border px-2 py-1" }, showSearch && /* @__PURE__ */ React.createElement("div", { className: "relative flex min-w-0 flex-1 items-center" }, /* @__PURE__ */ React.createElement(
-    Search,
-    {
-      size: 12,
-      className: "absolute left-1.5 text-muted-foreground",
-      "aria-hidden": true
-    }
-  ), /* @__PURE__ */ React.createElement(
-    "input",
-    {
-      type: "search",
-      value: searchTerm,
-      onChange: (e) => onSearchChange(e.target.value),
-      placeholder: "Search conversations",
-      className: cn(
-        "h-6 w-full rounded-sm border border-border bg-background pl-5 pr-1.5 text-[11px] text-foreground placeholder:text-muted-foreground focus:border-ring focus:outline-none",
-        searchInputClassName
+  return /* @__PURE__ */ jsxs("div", { className: cn("flex h-full min-h-0 flex-col", className), children: [
+    headerSlot,
+    topSlot,
+    showControls && /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 items-center gap-1 border-b border-border px-2 py-1", children: [
+      showSearch && /* @__PURE__ */ jsxs("div", { className: "relative flex min-w-0 flex-1 items-center", children: [
+        /* @__PURE__ */ jsx(
+          Search,
+          {
+            size: 12,
+            className: "absolute left-1.5 text-muted-foreground",
+            "aria-hidden": true
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            type: "search",
+            value: searchTerm,
+            onChange: (e) => onSearchChange(e.target.value),
+            placeholder: "Search conversations",
+            className: cn(
+              "h-6 w-full rounded-sm border border-border bg-background pl-5 pr-1.5 text-[11px] text-foreground placeholder:text-muted-foreground focus:border-ring focus:outline-none",
+              searchInputClassName
+            ),
+            "aria-label": "Search conversations"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 items-center", children: [
+        status === "loading" ? /* @__PURE__ */ jsx(
+          LoadingTapButton,
+          {
+            variant: "transparent",
+            disabled: true,
+            ariaLabel: "Refreshing conversations",
+            className: "text-muted-foreground",
+            tooltipSide: "bottom"
+          }
+        ) : /* @__PURE__ */ jsx(
+          RefreshCwTapButton,
+          {
+            variant: "transparent",
+            onClick: onRefresh,
+            ariaLabel: "Refresh conversations",
+            className: "text-muted-foreground",
+            tooltipSide: "bottom"
+          }
+        ),
+        surfaceId && /* @__PURE__ */ jsx(
+          ConversationSourceFilterTree,
+          {
+            scopeId,
+            triggerClassName: "ml-[3px]",
+            surfaceId,
+            align: "end"
+          }
+        ),
+        showGroupingToggle && /* @__PURE__ */ jsx(GroupingToggle, { value: grouping, onChange: onGroupingChange }),
+        headerActions
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "min-h-0 flex-1 overflow-y-auto", children: [
+      error && /* @__PURE__ */ jsx(ReadFailure, { error, what: "your conversations", onRetry: onRefresh, className: "m-2" }),
+      status === "loading" && count === 0 && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 px-3 py-3 text-[11px] text-muted-foreground", children: [
+        /* @__PURE__ */ jsx(Loader2, { size: 12, className: "animate-spin" }),
+        "Loading conversations\u2026"
+      ] }),
+      allLanesOff && /* @__PURE__ */ jsx(AllLanesOffNotice, {}),
+      empty && /* @__PURE__ */ jsx("div", { className: "px-1 py-2", children: empty }),
+      searchActive && /* @__PURE__ */ jsx(
+        ConversationSearchStatus,
+        {
+          state: serverSearchState,
+          cachedCount: cachedSearchItems.length,
+          pageSize: ctl.scope.pageSize
+        }
       ),
-      "aria-label": "Search conversations"
-    }
-  )), /* @__PURE__ */ React.createElement("div", { className: "flex shrink-0 items-center" }, status === "loading" ? /* @__PURE__ */ React.createElement(
-    LoadingTapButton,
-    {
-      variant: "transparent",
-      disabled: true,
-      ariaLabel: "Refreshing conversations",
-      className: "text-muted-foreground",
-      tooltipSide: "bottom"
-    }
-  ) : /* @__PURE__ */ React.createElement(
-    RefreshCwTapButton,
-    {
-      variant: "transparent",
-      onClick: onRefresh,
-      ariaLabel: "Refresh conversations",
-      className: "text-muted-foreground",
-      tooltipSide: "bottom"
-    }
-  ), surfaceId && /* @__PURE__ */ React.createElement(
-    ConversationSourceFilterTree,
-    {
-      scopeId,
-      triggerClassName: "ml-[3px]",
-      surfaceId,
-      align: "end"
-    }
-  ), showGroupingToggle && /* @__PURE__ */ React.createElement(GroupingToggle, { value: grouping, onChange: onGroupingChange }), headerActions)), /* @__PURE__ */ React.createElement("div", { className: "min-h-0 flex-1 overflow-y-auto" }, error && /* @__PURE__ */ React.createElement(ReadFailure, { error, what: "your conversations", onRetry: onRefresh, className: "m-2" }), status === "loading" && count === 0 && /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-2 px-3 py-3 text-[11px] text-muted-foreground" }, /* @__PURE__ */ React.createElement(Loader2, { size: 12, className: "animate-spin" }), "Loading conversations\u2026"), allLanesOff && /* @__PURE__ */ React.createElement(AllLanesOffNotice, null), empty && /* @__PURE__ */ React.createElement("div", { className: "px-1 py-2" }, empty), searchActive && /* @__PURE__ */ React.createElement(
-    ConversationSearchStatus,
-    {
-      state: serverSearchState,
-      cachedCount: cachedSearchItems.length,
-      pageSize: ctl.scope.pageSize
-    }
-  ), searchActive && searchItems.length > 0 && /* @__PURE__ */ React.createElement(
-    Section,
-    {
-      id: "search",
-      label: hasAuthoritativeResults ? "Best matches" : "Loaded matches",
-      count: searchItems.length,
-      icon: /* @__PURE__ */ React.createElement(Search, { size: 11 }),
-      defaultOpen: true,
-      headerClassName: sectionHeaderClassName
-    },
-    searchItems.map((conv) => /* @__PURE__ */ React.createElement(
-      Row,
-      {
-        key: `search-${conv.conversationId}`,
-        conv,
-        active: conv.conversationId === activeConversationId,
-        onOpen: onOpenConversation,
-        openInPlace,
-        isFavorite: isFavoriteResolved(conv.conversationId),
-        onToggleFavorite: onToggleFavoriteResolved,
-        resolveHref,
-        surfaceKey,
-        getSourceMenuCtx
-      }
-    ))
-  ), favorites.length > 0 && !searchActive && /* @__PURE__ */ React.createElement(
-    Section,
-    {
-      id: "favorites",
-      label: "Favorites",
-      count: favorites.length,
-      icon: /* @__PURE__ */ React.createElement(Star, { size: 11, className: "text-amber-500" }),
-      defaultOpen: true,
-      headerClassName: sectionHeaderClassName
-    },
-    favorites.map((conv) => /* @__PURE__ */ React.createElement(
-      Row,
-      {
-        key: `fav-${conv.conversationId}`,
-        conv,
-        active: conv.conversationId === activeConversationId,
-        onOpen: onOpenConversation,
-        openInPlace,
-        isFavorite: isFavoriteResolved(conv.conversationId),
-        onToggleFavorite: onToggleFavoriteResolved,
-        resolveHref,
-        surfaceKey,
-        getSourceMenuCtx
-      }
-    ))
-  ), grouping === "date" && !searchActive && byDate.map((bucket) => /* @__PURE__ */ React.createElement(
-    Section,
-    {
-      key: bucket.key,
-      id: bucket.key,
-      label: bucket.label,
-      count: bucket.items.length,
-      icon: /* @__PURE__ */ React.createElement(CalendarDays, { size: 11 }),
-      defaultOpen: true,
-      headerClassName: sectionHeaderClassName
-    },
-    bucket.items.map((conv) => /* @__PURE__ */ React.createElement(
-      Row,
-      {
-        key: conv.conversationId,
-        conv,
-        active: conv.conversationId === activeConversationId,
-        onOpen: onOpenConversation,
-        openInPlace,
-        isFavorite: isFavoriteResolved(conv.conversationId),
-        onToggleFavorite: onToggleFavoriteResolved,
-        resolveHref,
-        surfaceKey,
-        getSourceMenuCtx
-      }
-    ))
-  )), grouping === "agent" && !searchActive && byAgent.map((bucket) => /* @__PURE__ */ React.createElement(
-    Section,
-    {
-      key: bucket.agentId ?? "unknown",
-      id: bucket.agentId ?? "unknown",
-      label: bucket.label,
-      count: bucket.items.length,
-      icon: /* @__PURE__ */ React.createElement(Cpu, { size: 11 }),
-      defaultOpen: true,
-      headerClassName: sectionHeaderClassName,
-      action: bucket.agentId ? /* @__PURE__ */ React.createElement(
-        EntityDoorControls,
+      searchActive && searchItems.length > 0 && /* @__PURE__ */ jsx(
+        Section,
         {
-          token: "agent",
-          id: bucket.agentId,
-          name: bucket.label
+          id: "search",
+          label: hasAuthoritativeResults ? "Best matches" : "Loaded matches",
+          count: searchItems.length,
+          icon: /* @__PURE__ */ jsx(Search, { size: 11 }),
+          defaultOpen: true,
+          headerClassName: sectionHeaderClassName,
+          children: searchItems.map((conv) => /* @__PURE__ */ jsx(
+            Row,
+            {
+              conv,
+              active: conv.conversationId === activeConversationId,
+              onOpen: onOpenConversation,
+              openInPlace,
+              isFavorite: isFavoriteResolved(conv.conversationId),
+              onToggleFavorite: onToggleFavoriteResolved,
+              resolveHref,
+              surfaceKey,
+              getSourceMenuCtx
+            },
+            `search-${conv.conversationId}`
+          ))
         }
-      ) : void 0
-    },
-    bucket.items.map((conv) => /* @__PURE__ */ React.createElement(
-      Row,
-      {
-        key: conv.conversationId,
-        conv,
-        active: conv.conversationId === activeConversationId,
-        onOpen: onOpenConversation,
-        openInPlace,
-        isFavorite: isFavoriteResolved(conv.conversationId),
-        onToggleFavorite: onToggleFavoriteResolved,
-        resolveHref,
-        surfaceKey,
-        getSourceMenuCtx,
-        showAgentHint: false
-      }
-    ))
-  )), hasMore && !searchActive && /* @__PURE__ */ React.createElement("div", { className: "px-2 py-2" }, /* @__PURE__ */ React.createElement(
-    Button,
-    {
-      variant: "outline",
-      onClick: onLoadMore,
-      disabled: status === "loading-more",
-      icon: status === "loading-more" ? /* @__PURE__ */ React.createElement(Loader2, { className: "animate-spin" }) : void 0,
-      className: "w-full"
-    },
-    status === "loading-more" ? "Loading\u2026" : "Load more"
-  )), !hasMore && count > 0 && !searchActive && /* @__PURE__ */ React.createElement("div", { className: "px-3 py-2 text-center text-[10px] text-muted-foreground" }, count, " conversation", count === 1 ? "" : "s")), /* @__PURE__ */ React.createElement(ConversationArchivedToggle, { ctl }), /* @__PURE__ */ React.createElement(ConversationTrashSection, { variant: "dense" }));
+      ),
+      favorites.length > 0 && !searchActive && /* @__PURE__ */ jsx(
+        Section,
+        {
+          id: "favorites",
+          label: "Favorites",
+          count: favorites.length,
+          icon: /* @__PURE__ */ jsx(Star, { size: 11, className: "text-amber-500" }),
+          defaultOpen: true,
+          headerClassName: sectionHeaderClassName,
+          children: favorites.map((conv) => /* @__PURE__ */ jsx(
+            Row,
+            {
+              conv,
+              active: conv.conversationId === activeConversationId,
+              onOpen: onOpenConversation,
+              openInPlace,
+              isFavorite: isFavoriteResolved(conv.conversationId),
+              onToggleFavorite: onToggleFavoriteResolved,
+              resolveHref,
+              surfaceKey,
+              getSourceMenuCtx
+            },
+            `fav-${conv.conversationId}`
+          ))
+        }
+      ),
+      grouping === "date" && !searchActive && byDate.map((bucket) => /* @__PURE__ */ jsx(
+        Section,
+        {
+          id: bucket.key,
+          label: bucket.label,
+          count: bucket.items.length,
+          icon: /* @__PURE__ */ jsx(CalendarDays, { size: 11 }),
+          defaultOpen: true,
+          headerClassName: sectionHeaderClassName,
+          children: bucket.items.map((conv) => /* @__PURE__ */ jsx(
+            Row,
+            {
+              conv,
+              active: conv.conversationId === activeConversationId,
+              onOpen: onOpenConversation,
+              openInPlace,
+              isFavorite: isFavoriteResolved(conv.conversationId),
+              onToggleFavorite: onToggleFavoriteResolved,
+              resolveHref,
+              surfaceKey,
+              getSourceMenuCtx
+            },
+            conv.conversationId
+          ))
+        },
+        bucket.key
+      )),
+      grouping === "agent" && !searchActive && byAgent.map((bucket) => /* @__PURE__ */ jsx(
+        Section,
+        {
+          id: bucket.agentId ?? "unknown",
+          label: bucket.label,
+          count: bucket.items.length,
+          icon: /* @__PURE__ */ jsx(Cpu, { size: 11 }),
+          defaultOpen: true,
+          headerClassName: sectionHeaderClassName,
+          action: bucket.agentId ? /* @__PURE__ */ jsx(
+            EntityDoorControls,
+            {
+              token: "agent",
+              id: bucket.agentId,
+              name: bucket.label
+            }
+          ) : void 0,
+          children: bucket.items.map((conv) => /* @__PURE__ */ jsx(
+            Row,
+            {
+              conv,
+              active: conv.conversationId === activeConversationId,
+              onOpen: onOpenConversation,
+              openInPlace,
+              isFavorite: isFavoriteResolved(conv.conversationId),
+              onToggleFavorite: onToggleFavoriteResolved,
+              resolveHref,
+              surfaceKey,
+              getSourceMenuCtx,
+              showAgentHint: false
+            },
+            conv.conversationId
+          ))
+        },
+        bucket.agentId ?? "unknown"
+      )),
+      hasMore && !searchActive && /* @__PURE__ */ jsx("div", { className: "px-2 py-2", children: /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "outline",
+          onClick: onLoadMore,
+          disabled: status === "loading-more",
+          icon: status === "loading-more" ? /* @__PURE__ */ jsx(Loader2, { className: "animate-spin" }) : void 0,
+          className: "w-full",
+          children: status === "loading-more" ? "Loading\u2026" : "Load more"
+        }
+      ) }),
+      !hasMore && count > 0 && !searchActive && /* @__PURE__ */ jsxs("div", { className: "px-3 py-2 text-center text-[10px] text-muted-foreground", children: [
+        count,
+        " conversation",
+        count === 1 ? "" : "s"
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx(ConversationArchivedToggle, { ctl }),
+    /* @__PURE__ */ jsx(ConversationTrashSection, { variant: "dense" })
+  ] });
 };
 const ConsumerView = ({
   ctl,
@@ -619,129 +657,153 @@ const ConsumerView = ({
     setSearchOpen(false);
     dispatch(setScopeSearch({ scopeId, searchTerm: "" }));
   }, [dispatch, scopeId]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsxs(
     "div",
     {
       className: cn(
         "matrx-touch-targets flex h-full min-h-0 flex-col bg-card",
         className
-      )
-    },
-    headerSlot,
-    surfaceId && /* @__PURE__ */ React.createElement("div", { className: "flex h-8 shrink-0 items-center gap-1 px-2" }, /* @__PURE__ */ React.createElement("span", { className: "min-w-0 flex-1 truncate text-[11px] font-semibold uppercase tracking-wide text-muted-foreground/70" }, historyLabel), /* @__PURE__ */ React.createElement("div", { className: "flex shrink-0 items-center" }, status === "loading" ? /* @__PURE__ */ React.createElement(
-      LoadingTapButton,
-      {
-        variant: "transparent",
-        disabled: true,
-        ariaLabel: "Refreshing conversations",
-        className: "text-muted-foreground",
-        tooltipSide: "bottom"
-      }
-    ) : /* @__PURE__ */ React.createElement(
-      RefreshCwTapButton,
-      {
-        variant: "transparent",
-        onClick: onRefresh,
-        ariaLabel: "Refresh conversations",
-        className: "text-muted-foreground",
-        tooltipSide: "bottom"
-      }
-    ), /* @__PURE__ */ React.createElement(
-      ConversationSourceFilterTree,
-      {
-        scopeId,
-        triggerClassName: "ml-[3px]",
-        surfaceId,
-        align: "end"
-      }
-    ))),
-    !hideSearchAffordance && /* @__PURE__ */ React.createElement("div", { className: "flex shrink-0 items-center gap-1 px-1 pb-1" }, searchOpen ? /* @__PURE__ */ React.createElement("div", { className: "relative flex flex-1 items-center" }, /* @__PURE__ */ React.createElement(Search, { className: "absolute left-2.5 h-3.5 w-3.5 text-muted-foreground" }), /* @__PURE__ */ React.createElement(
-      "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__ */ React.createElement(Button, { variant: "quiet", icon: /* @__PURE__ */ React.createElement(X, null), onClick: closeSearch, "aria-label": "Close search", className: "absolute right-1.5" })) : /* @__PURE__ */ React.createElement(Button, { variant: "quiet", icon: /* @__PURE__ */ React.createElement(Search, null), onClick: openSearch, "aria-label": "Search conversations", className: "flex-1" }, "Search chats")),
-    topSlot,
-    /* @__PURE__ */ React.createElement("div", { className: "min-h-0 flex-1 overflow-y-auto pt-1" }, error && !searchActive && /* @__PURE__ */ React.createElement(ReadFailure, { error, what: "your conversations", onRetry: onRefresh, className: "m-2" }), status === "loading" && count === 0 && !searchActive && /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-2 px-3 py-3 text-xs text-muted-foreground" }, /* @__PURE__ */ React.createElement(Loader2, { className: "h-3 w-3 animate-spin" }), "Loading conversations\u2026"), allLanesOff ? /* @__PURE__ */ React.createElement(AllLanesOffNotice, null) : status !== "loading" && status !== "idle" && !error && count === 0 && !searchActive && /* @__PURE__ */ React.createElement("div", { className: "px-3 py-6 text-center text-xs text-muted-foreground" }, "No conversations yet."), searchActive && !allLanesOff && /* @__PURE__ */ React.createElement(
-      ConversationSearchStatus,
-      {
-        state: serverSearchState,
-        cachedCount: cachedSearchItems.length,
-        pageSize
-      }
-    ), searchActive && !allLanesOff && searchItems.length > 0 && /* @__PURE__ */ React.createElement(
-      ConsumerSection,
-      {
-        label: hasAuthoritativeResults ? "Best matches" : "Matches in loaded chats"
-      },
-      searchItems.map((conv) => /* @__PURE__ */ React.createElement(
-        ConsumerRow,
-        {
-          key: conv.conversationId,
-          conv,
-          active: conv.conversationId === activeConversationId,
-          onOpen: onOpenConversation,
-          openInPlace,
-          resolveHref,
-          getSourceMenuCtx,
-          onMutationSuccess: serverSearchState.retry
-        }
-      ))
-    ), favorites.length > 0 && !searchActive && /* @__PURE__ */ React.createElement(
-      PinnedChatsSection,
-      {
-        pinned: favorites,
-        activeConversationId,
-        onOpen: onOpenConversation,
-        openInPlace,
-        resolveHref,
-        getSourceMenuCtx
-      }
-    ), !searchActive && byDate.map((bucket) => {
-      const items = bucket.items.filter(
-        (conv) => !favoriteIds.has(conv.conversationId)
-      );
-      if (items.length === 0) return null;
-      return /* @__PURE__ */ React.createElement(ConsumerSection, { key: bucket.key, label: bucket.label }, items.map((conv) => /* @__PURE__ */ React.createElement(
-        ConsumerRow,
-        {
-          key: conv.conversationId,
-          conv,
-          active: conv.conversationId === activeConversationId,
-          onOpen: onOpenConversation,
-          openInPlace,
-          resolveHref,
-          getSourceMenuCtx
-        }
-      )));
-    }), hasMore && !searchActive && /* @__PURE__ */ React.createElement("div", { className: "px-3 py-2" }, /* @__PURE__ */ React.createElement(
-      Button,
-      {
-        variant: "quiet",
-        onClick: onLoadMore,
-        disabled: status === "loading-more",
-        icon: status === "loading-more" ? /* @__PURE__ */ React.createElement(Loader2, { className: "animate-spin" }) : void 0,
-        className: "w-full"
-      },
-      status === "loading-more" ? "Loading\u2026" : "Load more"
-    ))),
-    /* @__PURE__ */ React.createElement(ConversationArchivedToggle, { ctl }),
-    /* @__PURE__ */ React.createElement(ConversationTrashSection, { variant: "consumer" })
+      ),
+      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: [
+            status === "loading" ? /* @__PURE__ */ jsx(
+              LoadingTapButton,
+              {
+                variant: "transparent",
+                disabled: true,
+                ariaLabel: "Refreshing conversations",
+                className: "text-muted-foreground",
+                tooltipSide: "bottom"
+              }
+            ) : /* @__PURE__ */ jsx(
+              RefreshCwTapButton,
+              {
+                variant: "transparent",
+                onClick: onRefresh,
+                ariaLabel: "Refresh conversations",
+                className: "text-muted-foreground",
+                tooltipSide: "bottom"
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              ConversationSourceFilterTree,
+              {
+                scopeId,
+                triggerClassName: "ml-[3px]",
+                surfaceId,
+                align: "end"
+              }
+            )
+          ] })
+        ] }),
+        !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" }),
+          status === "loading" && count === 0 && !searchActive && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 px-3 py-3 text-xs text-muted-foreground", children: [
+            /* @__PURE__ */ jsx(Loader2, { className: "h-3 w-3 animate-spin" }),
+            "Loading conversations\u2026"
+          ] }),
+          allLanesOff ? /* @__PURE__ */ jsx(AllLanesOffNotice, {}) : status !== "loading" && status !== "idle" && !error && count === 0 && !searchActive && /* @__PURE__ */ jsx("div", { className: "px-3 py-6 text-center text-xs text-muted-foreground", children: "No conversations yet." }),
+          searchActive && !allLanesOff && /* @__PURE__ */ jsx(
+            ConversationSearchStatus,
+            {
+              state: serverSearchState,
+              cachedCount: cachedSearchItems.length,
+              pageSize
+            }
+          ),
+          searchActive && !allLanesOff && searchItems.length > 0 && /* @__PURE__ */ jsx(
+            ConsumerSection,
+            {
+              label: hasAuthoritativeResults ? "Best matches" : "Matches in loaded chats",
+              children: searchItems.map((conv) => /* @__PURE__ */ jsx(
+                ConsumerRow,
+                {
+                  conv,
+                  active: conv.conversationId === activeConversationId,
+                  onOpen: onOpenConversation,
+                  openInPlace,
+                  resolveHref,
+                  getSourceMenuCtx,
+                  onMutationSuccess: serverSearchState.retry
+                },
+                conv.conversationId
+              ))
+            }
+          ),
+          favorites.length > 0 && !searchActive && /* @__PURE__ */ jsx(
+            PinnedChatsSection,
+            {
+              pinned: favorites,
+              activeConversationId,
+              onOpen: onOpenConversation,
+              openInPlace,
+              resolveHref,
+              getSourceMenuCtx
+            }
+          ),
+          !searchActive && byDate.map((bucket) => {
+            const items = bucket.items.filter(
+              (conv) => !favoriteIds.has(conv.conversationId)
+            );
+            if (items.length === 0) return null;
+            return /* @__PURE__ */ jsx(ConsumerSection, { label: bucket.label, children: items.map((conv) => /* @__PURE__ */ jsx(
+              ConsumerRow,
+              {
+                conv,
+                active: conv.conversationId === activeConversationId,
+                onOpen: onOpenConversation,
+                openInPlace,
+                resolveHref,
+                getSourceMenuCtx
+              },
+              conv.conversationId
+            )) }, bucket.key);
+          }),
+          hasMore && !searchActive && /* @__PURE__ */ jsx("div", { className: "px-3 py-2", children: /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "quiet",
+              onClick: onLoadMore,
+              disabled: status === "loading-more",
+              icon: status === "loading-more" ? /* @__PURE__ */ jsx(Loader2, { className: "animate-spin" }) : void 0,
+              className: "w-full",
+              children: status === "loading-more" ? "Loading\u2026" : "Load more"
+            }
+          ) })
+        ] }),
+        /* @__PURE__ */ jsx(ConversationArchivedToggle, { ctl }),
+        /* @__PURE__ */ jsx(ConversationTrashSection, { variant: "consumer" })
+      ]
+    }
   );
 };
 function ConversationArchivedToggle({ ctl }) {
   const open = ctl.scope.archiveView === "archived";
   const count = ctl.scope.archivedCount;
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     ArchivedDisclosure,
     {
       count: count ?? 0,
@@ -753,15 +815,15 @@ function ConversationArchivedToggle({ ctl }) {
     }
   );
 }
-const GroupingToggle = ({ value, onChange }) => /* @__PURE__ */ React.createElement(
+const GroupingToggle = ({ value, onChange }) => /* @__PURE__ */ jsx(
   SegmentedControl,
   {
     "aria-label": "Group conversations by",
     value,
     onValueChange: onChange,
     data: [
-      { value: "date", label: /* @__PURE__ */ React.createElement(CalendarDays, null), ariaLabel: "Group by date", title: "Group by date" },
-      { value: "agent", label: /* @__PURE__ */ React.createElement(Cpu, null), ariaLabel: "Group by agent", title: "Group by agent" }
+      { value: "date", label: /* @__PURE__ */ jsx(CalendarDays, {}), ariaLabel: "Group by date", title: "Group by date" },
+      { value: "agent", label: /* @__PURE__ */ jsx(Cpu, {}), ariaLabel: "Group by agent", title: "Group by agent" }
     ]
   }
 );
@@ -775,38 +837,49 @@ const Section = ({
   children
 }) => {
   const [open, setOpen] = useState(defaultOpen);
-  return /* @__PURE__ */ React.createElement("div", { className: "mb-1" }, /* @__PURE__ */ React.createElement(
-    "div",
-    {
-      className: cn(
-        "group/entity-ref sticky top-0 z-[1] flex w-full items-center bg-card",
-        headerClassName
-      )
-    },
-    /* @__PURE__ */ React.createElement(Button, { variant: "quiet", icon: open ? /* @__PURE__ */ React.createElement(ChevronDown, { size: 10 }) : /* @__PURE__ */ React.createElement(ChevronRight, { size: 10 }), onClick: () => setOpen((v) => !v), className: "min-w-0" }, icon, /* @__PURE__ */ React.createElement("span", { className: "truncate" }, label), /* @__PURE__ */ React.createElement("span", { className: "ml-auto shrink-0 text-muted-foreground" }, count)),
-    action != null && /* @__PURE__ */ React.createElement("span", { className: "shrink-0 pr-1.5" }, action)
-  ), open && /* @__PURE__ */ React.createElement("div", null, children));
+  return /* @__PURE__ */ jsxs("div", { className: "mb-1", children: [
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: cn(
+          "group/entity-ref sticky top-0 z-[1] flex w-full items-center bg-card",
+          headerClassName
+        ),
+        children: [
+          /* @__PURE__ */ jsxs(Button, { variant: "quiet", icon: open ? /* @__PURE__ */ jsx(ChevronDown, { size: 10 }) : /* @__PURE__ */ jsx(ChevronRight, { size: 10 }), onClick: () => setOpen((v) => !v), className: "min-w-0", children: [
+            icon,
+            /* @__PURE__ */ jsx("span", { className: "truncate", children: label }),
+            /* @__PURE__ */ jsx("span", { className: "ml-auto shrink-0 text-muted-foreground", children: count })
+          ] }),
+          action != null && /* @__PURE__ */ jsx("span", { className: "shrink-0 pr-1.5", children: action })
+        ]
+      }
+    ),
+    open && /* @__PURE__ */ jsx("div", { children })
+  ] });
 };
 const StreamingDot = ({
   conversationId
 }) => {
   const isStreaming = useAppSelector(selectIsStreaming(conversationId));
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsxs(
     "span",
     {
       className: "relative flex h-2 w-2 shrink-0 items-center justify-center",
-      "aria-hidden": true
-    },
-    isStreaming && /* @__PURE__ */ React.createElement("span", { className: "absolute inline-flex h-full w-full animate-ping rounded-full bg-primary opacity-60" }),
-    /* @__PURE__ */ React.createElement(
-      "span",
-      {
-        className: cn(
-          "relative inline-flex h-1.5 w-1.5 rounded-full transition-colors",
-          isStreaming ? "bg-primary" : "bg-muted-foreground/40"
+      "aria-hidden": true,
+      children: [
+        isStreaming && /* @__PURE__ */ jsx("span", { className: "absolute inline-flex h-full w-full animate-ping rounded-full bg-primary opacity-60" }),
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: cn(
+              "relative inline-flex h-1.5 w-1.5 rounded-full transition-colors",
+              isStreaming ? "bg-primary" : "bg-muted-foreground/40"
+            )
+          }
         )
-      }
-    )
+      ]
+    }
   );
 };
 const Row = ({
@@ -826,29 +899,36 @@ const Row = ({
   const agentName = useAppSelector(
     (s) => conv.agentId ? selectAgentById(s, conv.agentId)?.name ?? null : null
   );
-  const star = onToggleFavorite ? /* @__PURE__ */ React.createElement(Button, { variant: "quiet", icon: isFavorite ? /* @__PURE__ */ React.createElement(Star, { fill: "currentColor" }) : /* @__PURE__ */ React.createElement(StarOff, null), onClick: (e) => {
+  const star = onToggleFavorite ? /* @__PURE__ */ jsx(Button, { variant: "quiet", icon: isFavorite ? /* @__PURE__ */ jsx(Star, { fill: "currentColor" }) : /* @__PURE__ */ jsx(StarOff, {}), onClick: (e) => {
     e.stopPropagation();
     e.preventDefault();
     onToggleFavorite(conv);
   }, "aria-label": isFavorite ? "Remove from favorites" : "Add to favorites", title: isFavorite ? "Remove from favorites" : "Add to favorites" }) : null;
   const meta = formatRelative(conv.updatedAt);
-  const originBadge = conv.originClass && conv.originClass !== "human" ? /* @__PURE__ */ React.createElement(
+  const originBadge = conv.originClass && conv.originClass !== "human" ? /* @__PURE__ */ jsx(
     "span",
     {
       className: "inline-flex h-4 shrink-0 items-center rounded-full border border-border px-1.5 text-[9px] font-medium text-muted-foreground",
-      title: `Started by: ${originClassLabel(conv.originClass)}`
-    },
-    originClassLabel(conv.originClass)
+      title: `Started by: ${originClassLabel(conv.originClass)}`,
+      children: originClassLabel(conv.originClass)
+    }
   ) : null;
-  const trailing = showAgentHint && conv.agentId ? /* @__PURE__ */ React.createElement(React.Fragment, null, originBadge, /* @__PURE__ */ React.createElement(
-    "span",
-    {
-      className: "max-w-[7rem] truncate text-[10px] text-muted-foreground",
-      title: agentName ? `Agent: ${agentName}` : void 0
-    },
-    agentName ?? /* @__PURE__ */ React.createElement("span", { className: "sr-only" }, `agent ${conv.agentId.slice(0, 8)}`)
-  ), star) : originBadge ? /* @__PURE__ */ React.createElement(React.Fragment, null, originBadge, star) : star;
-  return /* @__PURE__ */ React.createElement(
+  const trailing = showAgentHint && conv.agentId ? /* @__PURE__ */ jsxs(Fragment, { children: [
+    originBadge,
+    /* @__PURE__ */ jsx(
+      "span",
+      {
+        className: "max-w-[7rem] truncate text-[10px] text-muted-foreground",
+        title: agentName ? `Agent: ${agentName}` : void 0,
+        children: agentName ?? /* @__PURE__ */ jsx("span", { className: "sr-only", children: `agent ${conv.agentId.slice(0, 8)}` })
+      }
+    ),
+    star
+  ] }) : originBadge ? /* @__PURE__ */ jsxs(Fragment, { children: [
+    originBadge,
+    star
+  ] }) : star;
+  return /* @__PURE__ */ jsx(
     ItemRow,
     {
       sourceFeature: "conversation",
@@ -863,7 +943,7 @@ const Row = ({
       href: resolveHref(conv),
       onOpen: onOpen ? () => onOpen(conv) : void 0,
       openInPlace,
-      leading: /* @__PURE__ */ React.createElement(StreamingDot, { conversationId: conv.conversationId }),
+      leading: /* @__PURE__ */ jsx(StreamingDot, { conversationId: conv.conversationId }),
       secondaryLabel: meta || void 0,
       trailing,
       menu: () => buildConversationMenu({
@@ -905,34 +985,43 @@ const PinnedChatsSection = ({
   const [showAll, setShowAll] = useState(false);
   const hasMorePins = pinned.length > PINNED_CHATS_COLLAPSED_LIMIT;
   const visiblePins = showAll || !hasMorePins ? pinned : pinned.slice(0, PINNED_CHATS_COLLAPSED_LIMIT);
-  return /* @__PURE__ */ React.createElement("div", { className: "mb-2" }, /* @__PURE__ */ React.createElement(
-    DisclosureHeader,
-    {
-      className: "w-full",
-      open,
-      onClick: () => setOpen((v) => !v),
-      variant: "label",
-      chevron: "end",
-      "aria-label": "Toggle pinned chats",
-      title: "Pinned",
-      meta: pinned.length
-    }
-  ), open && /* @__PURE__ */ React.createElement("div", null, visiblePins.map((conv) => /* @__PURE__ */ React.createElement(
-    ConsumerRow,
-    {
-      key: `pinned-${conv.conversationId}`,
-      conv,
-      active: conv.conversationId === activeConversationId,
-      onOpen,
-      openInPlace,
-      resolveHref,
-      getSourceMenuCtx
-    }
-  )), hasMorePins && /* @__PURE__ */ React.createElement(Button, { variant: "quiet", onClick: () => setShowAll((v) => !v), "aria-expanded": showAll, className: "mx-1" }, showAll ? "Show less" : "Show all")));
+  return /* @__PURE__ */ jsxs("div", { className: "mb-2", children: [
+    /* @__PURE__ */ jsx(
+      DisclosureHeader,
+      {
+        className: "w-full",
+        open,
+        onClick: () => setOpen((v) => !v),
+        variant: "label",
+        chevron: "end",
+        "aria-label": "Toggle pinned chats",
+        title: "Pinned",
+        meta: pinned.length
+      }
+    ),
+    open && /* @__PURE__ */ jsxs("div", { children: [
+      visiblePins.map((conv) => /* @__PURE__ */ jsx(
+        ConsumerRow,
+        {
+          conv,
+          active: conv.conversationId === activeConversationId,
+          onOpen,
+          openInPlace,
+          resolveHref,
+          getSourceMenuCtx
+        },
+        `pinned-${conv.conversationId}`
+      )),
+      hasMorePins && /* @__PURE__ */ jsx(Button, { variant: "quiet", onClick: () => setShowAll((v) => !v), "aria-expanded": showAll, className: "mx-1", children: showAll ? "Show less" : "Show all" })
+    ] })
+  ] });
 };
-const ConversationHistorySection = ({ label, children }) => /* @__PURE__ */ React.createElement(ConsumerSection, { label }, children);
-const ConsumerSection = ({ label, children }) => /* @__PURE__ */ React.createElement("div", { className: "mb-2" }, /* @__PURE__ */ React.createElement("div", { className: "px-3 pb-1 pt-3 text-[11px] font-semibold uppercase tracking-wide text-muted-foreground/70" }, label), /* @__PURE__ */ React.createElement("div", null, children));
-const ConversationHistoryRow = (props) => /* @__PURE__ */ React.createElement(ConsumerRow, { ...props });
+const ConversationHistorySection = ({ label, children }) => /* @__PURE__ */ jsx(ConsumerSection, { label, children });
+const ConsumerSection = ({ label, children }) => /* @__PURE__ */ jsxs("div", { className: "mb-2", children: [
+  /* @__PURE__ */ jsx("div", { className: "px-3 pb-1 pt-3 text-[11px] font-semibold uppercase tracking-wide text-muted-foreground/70", children: label }),
+  /* @__PURE__ */ jsx("div", { children })
+] });
+const ConversationHistoryRow = (props) => /* @__PURE__ */ jsx(ConsumerRow, { ...props });
 const ConsumerRow = ({
   conv,
   active,
@@ -945,7 +1034,7 @@ const ConsumerRow = ({
   const dispatch = useAppDispatch();
   const title = conv.title?.trim() || untitled(conv);
   const isStreaming = useAppSelector(selectIsStreaming(conv.conversationId));
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     ItemRow,
     {
       sourceFeature: "conversation",
@@ -986,7 +1075,10 @@ const ConsumerRow = ({
           }
         }
       },
-      trailing: isStreaming ? /* @__PURE__ */ React.createElement("span", { className: "relative flex h-1.5 w-1.5", "aria-hidden": true }, /* @__PURE__ */ React.createElement("span", { className: "absolute inline-flex h-full w-full animate-ping rounded-full bg-primary opacity-60" }), /* @__PURE__ */ React.createElement("span", { className: "relative inline-flex h-1.5 w-1.5 rounded-full bg-primary" })) : conv.isFavorite ? /* @__PURE__ */ React.createElement(
+      trailing: isStreaming ? /* @__PURE__ */ jsxs("span", { className: "relative flex h-1.5 w-1.5", "aria-hidden": true, children: [
+        /* @__PURE__ */ jsx("span", { className: "absolute inline-flex h-full w-full animate-ping rounded-full bg-primary opacity-60" }),
+        /* @__PURE__ */ jsx("span", { className: "relative inline-flex h-1.5 w-1.5 rounded-full bg-primary" })
+      ] }) : conv.isFavorite ? /* @__PURE__ */ jsx(
         Star,
         {
           className: "h-3 w-3 text-amber-500",