@ai-matrx/chat 0.5.0 → 0.5.3

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

@@ -1,6 +1,7 @@
 "use client";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { Button, Chip } from "@ai-matrx/design-system/controls";
-import React, { useCallback, useEffect, useMemo, useState } from "react";
+import { useCallback, useEffect, useMemo, useState } from "react";
 import {
   ChevronDown,
   ChevronRight,
@@ -379,98 +380,124 @@ const ConversationSourceFilterTree = ({
     (key) => key === EMPTY_SOURCE_KEY ? emptySelected : selectedFeatures.has(key),
     [emptySelected, selectedFeatures]
   );
-  return /* @__PURE__ */ React.createElement(Popover, { open, onOpenChange: setOpen }, /* @__PURE__ */ React.createElement(PopoverTrigger, { asChild: true }, triggerVariant === "button" ? /* @__PURE__ */ React.createElement(
-    "button",
-    {
-      type: "button",
-      className: cn(
-        "inline-flex h-7 items-center gap-1.5 rounded-md border border-border px-2 text-[11px] font-medium text-muted-foreground hover:bg-accent hover:text-foreground transition-colors",
-        appliedFilterCount > 0 && "text-primary",
-        triggerClassName
-      ),
-      "aria-label": "Filter conversations",
-      title: "Filter conversations"
-    },
-    /* @__PURE__ */ React.createElement(ListFilter, { className: "h-3.5 w-3.5" }),
-    "Filter",
-    appliedFilterCount > 0 && /* @__PURE__ */ React.createElement("span", { className: "ml-0.5 inline-flex h-4 min-w-4 items-center justify-center rounded-full bg-primary px-1 text-[9px] font-semibold tabular-nums text-primary-foreground" }, appliedFilterCount)
-  ) : /* @__PURE__ */ React.createElement(
-    "button",
-    {
-      type: "button",
-      className: cn(
-        "relative inline-flex h-7 w-7 items-center justify-center rounded-md text-muted-foreground hover:bg-accent hover:text-foreground transition-colors",
-        appliedFilterCount > 0 && "text-primary",
-        triggerClassName
-      ),
-      "aria-label": "Filter conversations",
-      title: "Filter conversations"
-    },
-    /* @__PURE__ */ React.createElement(ListFilter, { className: "h-3.5 w-3.5" }),
-    appliedFilterCount > 0 && /* @__PURE__ */ React.createElement("span", { className: "absolute -right-0.5 -top-0.5 inline-flex h-3.5 min-w-3.5 items-center justify-center rounded-full bg-primary px-0.5 text-[8px] font-semibold tabular-nums text-primary-foreground" }, appliedFilterCount)
-  )), /* @__PURE__ */ React.createElement(
-    PopoverContent,
-    {
-      sizing: "content",
-      align,
-      side,
-      sideOffset: 6,
-      className: "overflow-hidden p-0"
-    },
-    /* @__PURE__ */ React.createElement("div", { className: "flex items-center justify-between border-b border-border px-3 py-2" }, /* @__PURE__ */ React.createElement("span", { className: "text-[11px] font-semibold uppercase tracking-wide text-muted-foreground" }, "Filter conversations"), /* @__PURE__ */ React.createElement(Button, { variant: "quiet", icon: /* @__PURE__ */ React.createElement(RotateCcw, null), onClick: resetToDefaults, title: "Reset to this surface's defaults" }, "Defaults")),
-    /* @__PURE__ */ React.createElement("div", { className: "border-b border-border px-2 py-2" }, /* @__PURE__ */ React.createElement("div", { className: "px-0.5 pb-1.5 text-[10px] font-semibold uppercase tracking-wide text-muted-foreground" }, "Conversation type"), /* @__PURE__ */ React.createElement(ConversationLaneToggles, null)),
-    tree.length > 0 && /* @__PURE__ */ React.createElement("div", { className: "flex flex-wrap items-center gap-1 border-b border-border px-2 py-1.5" }, presets.map((preset) => {
-      const isActive = sameSelection(
-        selectedFeatures,
-        emptySelected,
-        preset.features,
-        preset.includeEmpty
-      );
-      return /* @__PURE__ */ React.createElement(Chip, { key: preset.id, asChild: true, pressed: isActive, label: preset.label }, /* @__PURE__ */ React.createElement("button", { type: "button", onClick: () => applyPreset(preset) }));
-    })),
-    /* @__PURE__ */ React.createElement("div", { className: "border-b border-border px-2 py-1.5" }, /* @__PURE__ */ React.createElement("div", { className: "px-1 pb-1 text-[10px] font-semibold uppercase tracking-wide text-muted-foreground" }, "Started by"), /* @__PURE__ */ React.createElement("div", { className: "flex flex-wrap items-center gap-1" }, ORIGIN_CLASSES.map((oc) => {
-      const isActive = selectedOriginClasses.has(oc);
-      return /* @__PURE__ */ React.createElement(
-        Chip,
-        {
-          key: oc,
-          asChild: true,
-          pressed: isActive,
-          label: ORIGIN_CLASS_META[oc].label,
-          title: `Only show conversations started by: ${ORIGIN_CLASS_META[oc].label}`
-        },
-        /* @__PURE__ */ React.createElement("button", { type: "button", onClick: () => toggleOriginClass(oc) })
-      );
-    }))),
-    /* @__PURE__ */ React.createElement("div", { className: "max-h-[min(60dvh,420px)] overflow-y-auto py-1" }, facetsStatus === "loading" && tree.length === 0 && /* @__PURE__ */ React.createElement("div", { className: "px-3 py-3 text-[11px] text-muted-foreground" }, "Loading sources\u2026"), facetsStatus === "failed" && tree.length === 0 && /* @__PURE__ */ React.createElement(
-      ReadFailure,
+  return /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: triggerVariant === "button" ? /* @__PURE__ */ jsxs(
+      "button",
       {
-        error: facetsError ?? true,
-        what: "the conversation sources",
-        className: "m-2",
-        onRetry: () => void dispatch(fetchSourceFacets({ force: true }))
+        type: "button",
+        className: cn(
+          "inline-flex h-7 items-center gap-1.5 rounded-md border border-border px-2 text-[11px] font-medium text-muted-foreground hover:bg-accent hover:text-foreground transition-colors",
+          appliedFilterCount > 0 && "text-primary",
+          triggerClassName
+        ),
+        "aria-label": "Filter conversations",
+        title: "Filter conversations",
+        children: [
+          /* @__PURE__ */ jsx(ListFilter, { className: "h-3.5 w-3.5" }),
+          "Filter",
+          appliedFilterCount > 0 && /* @__PURE__ */ jsx("span", { className: "ml-0.5 inline-flex h-4 min-w-4 items-center justify-center rounded-full bg-primary px-1 text-[9px] font-semibold tabular-nums text-primary-foreground", children: appliedFilterCount })
+        ]
+      }
+    ) : /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        className: cn(
+          "relative inline-flex h-7 w-7 items-center justify-center rounded-md text-muted-foreground hover:bg-accent hover:text-foreground transition-colors",
+          appliedFilterCount > 0 && "text-primary",
+          triggerClassName
+        ),
+        "aria-label": "Filter conversations",
+        title: "Filter conversations",
+        children: [
+          /* @__PURE__ */ jsx(ListFilter, { className: "h-3.5 w-3.5" }),
+          appliedFilterCount > 0 && /* @__PURE__ */ jsx("span", { className: "absolute -right-0.5 -top-0.5 inline-flex h-3.5 min-w-3.5 items-center justify-center rounded-full bg-primary px-0.5 text-[8px] font-semibold tabular-nums text-primary-foreground", children: appliedFilterCount })
+        ]
       }
-    ), facetsStatus === "succeeded" && tree.length === 0 && /* @__PURE__ */ React.createElement("div", { className: "px-3 py-3 text-[11px] text-muted-foreground" }, "No conversations to filter yet."), tree.map((app) => /* @__PURE__ */ React.createElement(
-      AppRow,
+    ) }),
+    /* @__PURE__ */ jsxs(
+      PopoverContent,
       {
-        key: app.key,
-        app,
-        selectedFeatures,
-        isFeatureChecked,
-        onToggleFeature: toggleFeature,
-        onToggleKeys: toggleKeys,
-        onOnlyKeys: onlyKeys
+        sizing: "content",
+        align,
+        side,
+        sideOffset: 6,
+        className: "overflow-hidden p-0",
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between border-b border-border px-3 py-2", children: [
+            /* @__PURE__ */ jsx("span", { className: "text-[11px] font-semibold uppercase tracking-wide text-muted-foreground", children: "Filter conversations" }),
+            /* @__PURE__ */ jsx(Button, { variant: "quiet", icon: /* @__PURE__ */ jsx(RotateCcw, {}), onClick: resetToDefaults, title: "Reset to this surface's defaults", children: "Defaults" })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "border-b border-border px-2 py-2", children: [
+            /* @__PURE__ */ jsx("div", { className: "px-0.5 pb-1.5 text-[10px] font-semibold uppercase tracking-wide text-muted-foreground", children: "Conversation type" }),
+            /* @__PURE__ */ jsx(ConversationLaneToggles, {})
+          ] }),
+          tree.length > 0 && /* @__PURE__ */ jsx("div", { className: "flex flex-wrap items-center gap-1 border-b border-border px-2 py-1.5", children: presets.map((preset) => {
+            const isActive = sameSelection(
+              selectedFeatures,
+              emptySelected,
+              preset.features,
+              preset.includeEmpty
+            );
+            return /* @__PURE__ */ jsx(Chip, { asChild: true, pressed: isActive, label: preset.label, children: /* @__PURE__ */ jsx("button", { type: "button", onClick: () => applyPreset(preset) }) }, preset.id);
+          }) }),
+          /* @__PURE__ */ jsxs("div", { className: "border-b border-border px-2 py-1.5", children: [
+            /* @__PURE__ */ jsx("div", { className: "px-1 pb-1 text-[10px] font-semibold uppercase tracking-wide text-muted-foreground", children: "Started by" }),
+            /* @__PURE__ */ jsx("div", { className: "flex flex-wrap items-center gap-1", children: ORIGIN_CLASSES.map((oc) => {
+              const isActive = selectedOriginClasses.has(oc);
+              return /* @__PURE__ */ jsx(
+                Chip,
+                {
+                  asChild: true,
+                  pressed: isActive,
+                  label: ORIGIN_CLASS_META[oc].label,
+                  title: `Only show conversations started by: ${ORIGIN_CLASS_META[oc].label}`,
+                  children: /* @__PURE__ */ jsx("button", { type: "button", onClick: () => toggleOriginClass(oc) })
+                },
+                oc
+              );
+            }) })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "max-h-[min(60dvh,420px)] overflow-y-auto py-1", children: [
+            facetsStatus === "loading" && tree.length === 0 && /* @__PURE__ */ jsx("div", { className: "px-3 py-3 text-[11px] text-muted-foreground", children: "Loading sources\u2026" }),
+            facetsStatus === "failed" && tree.length === 0 && /* @__PURE__ */ jsx(
+              ReadFailure,
+              {
+                error: facetsError ?? true,
+                what: "the conversation sources",
+                className: "m-2",
+                onRetry: () => void dispatch(fetchSourceFacets({ force: true }))
+              }
+            ),
+            facetsStatus === "succeeded" && tree.length === 0 && /* @__PURE__ */ jsx("div", { className: "px-3 py-3 text-[11px] text-muted-foreground", children: "No conversations to filter yet." }),
+            tree.map((app) => /* @__PURE__ */ jsx(
+              AppRow,
+              {
+                app,
+                selectedFeatures,
+                isFeatureChecked,
+                onToggleFeature: toggleFeature,
+                onToggleKeys: toggleKeys,
+                onOnlyKeys: onlyKeys
+              },
+              app.key
+            ))
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between border-t border-border px-3 py-2", children: [
+            /* @__PURE__ */ jsx("span", { className: "text-[10px] text-muted-foreground", children: activeCount === 0 ? "No filter \u2014 showing everything" : `${activeCount} source${activeCount === 1 ? "" : "s"} selected` }),
+            /* @__PURE__ */ jsx(Button, { variant: "quiet", onClick: activeCount === 0 ? selectAll : clearAll, children: activeCount === 0 ? "Select all" : "Clear filter" })
+          ] })
+        ]
       }
-    ))),
-    /* @__PURE__ */ React.createElement("div", { className: "flex items-center justify-between border-t border-border px-3 py-2" }, /* @__PURE__ */ React.createElement("span", { className: "text-[10px] text-muted-foreground" }, activeCount === 0 ? "No filter \u2014 showing everything" : `${activeCount} source${activeCount === 1 ? "" : "s"} selected`), /* @__PURE__ */ React.createElement(Button, { variant: "quiet", onClick: activeCount === 0 ? selectAll : clearAll }, activeCount === 0 ? "Select all" : "Clear filter"))
-  ));
+    )
+  ] });
 };
 const triBoxClass = (state) => cn(
   "flex h-3.5 w-3.5 shrink-0 items-center justify-center rounded-[3px] border transition-colors",
   state === "empty" ? "border-muted-foreground/40" : "border-primary bg-primary text-primary-foreground"
 );
 const triAriaChecked = (state) => state === "checked" ? true : state === "indeterminate" ? "mixed" : false;
-const TriCheckbox = ({ state, onClick, label }) => /* @__PURE__ */ React.createElement(
+const TriCheckbox = ({ state, onClick, label }) => /* @__PURE__ */ jsxs(
   "button",
   {
     type: "button",
@@ -481,13 +508,18 @@ const TriCheckbox = ({ state, onClick, label }) => /* @__PURE__ */ React.createE
       e.stopPropagation();
       onClick();
     },
-    className: triBoxClass(state)
-  },
-  state === "checked" && /* @__PURE__ */ React.createElement(CheckMark, null),
-  state === "indeterminate" && /* @__PURE__ */ React.createElement(Minus, { className: "h-2.5 w-2.5" })
+    className: triBoxClass(state),
+    children: [
+      state === "checked" && /* @__PURE__ */ jsx(CheckMark, {}),
+      state === "indeterminate" && /* @__PURE__ */ jsx(Minus, { className: "h-2.5 w-2.5" })
+    ]
+  }
 );
-const TriBox = ({ state }) => /* @__PURE__ */ React.createElement("span", { "aria-hidden": true, className: triBoxClass(state) }, state === "checked" && /* @__PURE__ */ React.createElement(CheckMark, null), state === "indeterminate" && /* @__PURE__ */ React.createElement(Minus, { className: "h-2.5 w-2.5" }));
-const CheckMark = () => /* @__PURE__ */ React.createElement("svg", { viewBox: "0 0 12 12", className: "h-2.5 w-2.5", "aria-hidden": true }, /* @__PURE__ */ React.createElement(
+const TriBox = ({ state }) => /* @__PURE__ */ jsxs("span", { "aria-hidden": true, className: triBoxClass(state), children: [
+  state === "checked" && /* @__PURE__ */ jsx(CheckMark, {}),
+  state === "indeterminate" && /* @__PURE__ */ jsx(Minus, { className: "h-2.5 w-2.5" })
+] });
+const CheckMark = () => /* @__PURE__ */ jsx("svg", { viewBox: "0 0 12 12", className: "h-2.5 w-2.5", "aria-hidden": true, children: /* @__PURE__ */ jsx(
   "path",
   {
     d: "M2.5 6.5L5 9L9.5 3.5",
@@ -497,11 +529,11 @@ const CheckMark = () => /* @__PURE__ */ React.createElement("svg", { viewBox: "0
     strokeLinecap: "round",
     strokeLinejoin: "round"
   }
-));
+) });
 const OnlyButton = ({
   onClick,
   label
-}) => /* @__PURE__ */ React.createElement(
+}) => /* @__PURE__ */ jsx(
   Button,
   {
     variant: "link",
@@ -511,14 +543,14 @@ const OnlyButton = ({
       onClick();
     },
     "aria-label": label,
-    title: label
-  },
-  "only"
+    title: label,
+    children: "only"
+  }
 );
 const OnlySpan = ({
   onClick,
   label
-}) => /* @__PURE__ */ React.createElement(Button, { variant: "link", asChild: true, className: "hidden shrink-0 group-hover/srcrow:inline-flex" }, /* @__PURE__ */ React.createElement(
+}) => /* @__PURE__ */ jsx(Button, { variant: "link", asChild: true, className: "hidden shrink-0 group-hover/srcrow:inline-flex", children: /* @__PURE__ */ jsx(
   "span",
   {
     role: "button",
@@ -528,11 +560,11 @@ const OnlySpan = ({
       onClick();
     },
     "aria-label": label,
-    title: label
-  },
-  "only"
-));
-const AutoBadge = () => /* @__PURE__ */ React.createElement("span", { className: "shrink-0 rounded-sm border border-border px-1 text-[8px] font-medium uppercase tracking-wide text-muted-foreground/70" }, "auto");
+    title: label,
+    children: "only"
+  }
+) });
+const AutoBadge = () => /* @__PURE__ */ jsx("span", { className: "shrink-0 rounded-sm border border-border px-1 text-[8px] font-medium uppercase tracking-wide text-muted-foreground/70", children: "auto" });
 const AppRow = ({
   app,
   selectedFeatures,
@@ -546,40 +578,54 @@ const AppRow = ({
   const tri = triFor(keys, selectedFeatures);
   const AppIcon = app.icon;
   const appSystem = !!appMeta(app.key).system;
-  return /* @__PURE__ */ React.createElement("div", { className: "px-1" }, /* @__PURE__ */ React.createElement("div", { className: "group/srcrow flex items-center gap-1.5 rounded-md px-1.5 py-1 hover:bg-accent/50" }, /* @__PURE__ */ React.createElement(Button, { variant: "quiet", icon: open ? /* @__PURE__ */ React.createElement(ChevronDown, null) : /* @__PURE__ */ React.createElement(ChevronRight, null), onClick: () => setOpen((v) => !v), "aria-label": open ? "Collapse" : "Expand" }), /* @__PURE__ */ React.createElement(
-    TriCheckbox,
-    {
-      state: tri,
-      onClick: () => onToggleKeys(keys),
-      label: `All ${app.label}`
-    }
-  ), /* @__PURE__ */ React.createElement(AppIcon, { className: "h-3.5 w-3.5 shrink-0 text-muted-foreground" }), /* @__PURE__ */ React.createElement("span", { className: "min-w-0 flex-1 truncate text-xs font-medium text-foreground" }, app.label), appSystem && /* @__PURE__ */ React.createElement(AutoBadge, null), /* @__PURE__ */ React.createElement(
-    OnlyButton,
-    {
-      onClick: () => onOnlyKeys(keys),
-      label: `Show only ${app.label}`
-    }
-  ), /* @__PURE__ */ React.createElement("span", { className: "shrink-0 text-[10px] tabular-nums text-muted-foreground" }, app.count)), open && /* @__PURE__ */ React.createElement("div", { className: "ml-5 border-l border-border/60 pl-1.5" }, app.groups.map((group) => /* @__PURE__ */ React.createElement(
-    GroupRow,
-    {
-      key: group.id,
-      group,
-      selectedFeatures,
-      isFeatureChecked,
-      onToggleFeature,
-      onToggleKeys,
-      onOnlyKeys
-    }
-  )), app.features.map((feature) => /* @__PURE__ */ React.createElement(
-    FeatureRow,
-    {
-      key: feature.key,
-      feature,
-      checked: isFeatureChecked(feature.key),
-      onToggle: () => onToggleFeature(feature.key),
-      onOnly: () => onOnlyKeys([feature.key])
-    }
-  ))));
+  return /* @__PURE__ */ jsxs("div", { className: "px-1", children: [
+    /* @__PURE__ */ jsxs("div", { className: "group/srcrow flex items-center gap-1.5 rounded-md px-1.5 py-1 hover:bg-accent/50", children: [
+      /* @__PURE__ */ jsx(Button, { variant: "quiet", icon: open ? /* @__PURE__ */ jsx(ChevronDown, {}) : /* @__PURE__ */ jsx(ChevronRight, {}), onClick: () => setOpen((v) => !v), "aria-label": open ? "Collapse" : "Expand" }),
+      /* @__PURE__ */ jsx(
+        TriCheckbox,
+        {
+          state: tri,
+          onClick: () => onToggleKeys(keys),
+          label: `All ${app.label}`
+        }
+      ),
+      /* @__PURE__ */ jsx(AppIcon, { className: "h-3.5 w-3.5 shrink-0 text-muted-foreground" }),
+      /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate text-xs font-medium text-foreground", children: app.label }),
+      appSystem && /* @__PURE__ */ jsx(AutoBadge, {}),
+      /* @__PURE__ */ jsx(
+        OnlyButton,
+        {
+          onClick: () => onOnlyKeys(keys),
+          label: `Show only ${app.label}`
+        }
+      ),
+      /* @__PURE__ */ jsx("span", { className: "shrink-0 text-[10px] tabular-nums text-muted-foreground", children: app.count })
+    ] }),
+    open && /* @__PURE__ */ jsxs("div", { className: "ml-5 border-l border-border/60 pl-1.5", children: [
+      app.groups.map((group) => /* @__PURE__ */ jsx(
+        GroupRow,
+        {
+          group,
+          selectedFeatures,
+          isFeatureChecked,
+          onToggleFeature,
+          onToggleKeys,
+          onOnlyKeys
+        },
+        group.id
+      )),
+      app.features.map((feature) => /* @__PURE__ */ jsx(
+        FeatureRow,
+        {
+          feature,
+          checked: isFeatureChecked(feature.key),
+          onToggle: () => onToggleFeature(feature.key),
+          onOnly: () => onOnlyKeys([feature.key])
+        },
+        feature.key
+      ))
+    ] })
+  ] });
 };
 const GroupRow = ({
   group,
@@ -593,29 +639,39 @@ const GroupRow = ({
   const keys = useMemo(() => group.features.map((f) => f.key), [group]);
   const tri = triFor(keys, selectedFeatures);
   const GroupIcon = group.icon;
-  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("div", { className: "group/srcrow flex items-center gap-1.5 rounded-md px-1.5 py-1 hover:bg-accent/50" }, /* @__PURE__ */ React.createElement(Button, { variant: "quiet", icon: open ? /* @__PURE__ */ React.createElement(ChevronDown, null) : /* @__PURE__ */ React.createElement(ChevronRight, null), onClick: () => setOpen((v) => !v), "aria-label": open ? "Collapse" : "Expand" }), /* @__PURE__ */ React.createElement(
-    TriCheckbox,
-    {
-      state: tri,
-      onClick: () => onToggleKeys(keys),
-      label: `All ${group.label}`
-    }
-  ), /* @__PURE__ */ React.createElement(GroupIcon, { className: "h-3.5 w-3.5 shrink-0 text-muted-foreground" }), /* @__PURE__ */ React.createElement("span", { className: "min-w-0 flex-1 truncate text-[11px] font-medium text-foreground" }, group.label), /* @__PURE__ */ React.createElement(
-    OnlyButton,
-    {
-      onClick: () => onOnlyKeys(keys),
-      label: `Show only ${group.label}`
-    }
-  ), /* @__PURE__ */ React.createElement("span", { className: "shrink-0 text-[10px] tabular-nums text-muted-foreground" }, group.count)), open && /* @__PURE__ */ React.createElement("div", { className: "ml-5 border-l border-border/60 pl-1.5" }, group.features.map((feature) => /* @__PURE__ */ React.createElement(
-    FeatureRow,
-    {
-      key: feature.key,
-      feature,
-      checked: isFeatureChecked(feature.key),
-      onToggle: () => onToggleFeature(feature.key),
-      onOnly: () => onOnlyKeys([feature.key])
-    }
-  ))));
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsxs("div", { className: "group/srcrow flex items-center gap-1.5 rounded-md px-1.5 py-1 hover:bg-accent/50", children: [
+      /* @__PURE__ */ jsx(Button, { variant: "quiet", icon: open ? /* @__PURE__ */ jsx(ChevronDown, {}) : /* @__PURE__ */ jsx(ChevronRight, {}), onClick: () => setOpen((v) => !v), "aria-label": open ? "Collapse" : "Expand" }),
+      /* @__PURE__ */ jsx(
+        TriCheckbox,
+        {
+          state: tri,
+          onClick: () => onToggleKeys(keys),
+          label: `All ${group.label}`
+        }
+      ),
+      /* @__PURE__ */ jsx(GroupIcon, { className: "h-3.5 w-3.5 shrink-0 text-muted-foreground" }),
+      /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate text-[11px] font-medium text-foreground", children: group.label }),
+      /* @__PURE__ */ jsx(
+        OnlyButton,
+        {
+          onClick: () => onOnlyKeys(keys),
+          label: `Show only ${group.label}`
+        }
+      ),
+      /* @__PURE__ */ jsx("span", { className: "shrink-0 text-[10px] tabular-nums text-muted-foreground", children: group.count })
+    ] }),
+    open && /* @__PURE__ */ jsx("div", { className: "ml-5 border-l border-border/60 pl-1.5", children: group.features.map((feature) => /* @__PURE__ */ jsx(
+      FeatureRow,
+      {
+        feature,
+        checked: isFeatureChecked(feature.key),
+        onToggle: () => onToggleFeature(feature.key),
+        onOnly: () => onOnlyKeys([feature.key])
+      },
+      feature.key
+    )) })
+  ] });
 };
 const FeatureRow = ({
   feature,
@@ -624,7 +680,7 @@ const FeatureRow = ({
   onOnly
 }) => {
   const FeatureIcon = feature.icon;
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsxs(
     "button",
     {
       type: "button",
@@ -632,32 +688,34 @@ const FeatureRow = ({
       "aria-checked": checked,
       "aria-label": feature.label,
       onClick: onToggle,
-      className: "group/srcrow flex w-full items-center gap-1.5 rounded-md px-1.5 py-1 text-left hover:bg-accent/50"
-    },
-    /* @__PURE__ */ React.createElement("span", { className: "w-4", "aria-hidden": true }),
-    /* @__PURE__ */ React.createElement(TriBox, { state: checked ? "checked" : "empty" }),
-    /* @__PURE__ */ React.createElement(
-      FeatureIcon,
-      {
-        className: cn(
-          "h-3.5 w-3.5 shrink-0",
-          feature.system ? "text-muted-foreground/60" : "text-muted-foreground"
-        )
-      }
-    ),
-    /* @__PURE__ */ React.createElement(
-      "span",
-      {
-        className: cn(
-          "min-w-0 flex-1 truncate text-[11px]",
-          feature.system ? "text-muted-foreground" : "text-foreground"
-        )
-      },
-      feature.label
-    ),
-    feature.system && /* @__PURE__ */ React.createElement(AutoBadge, null),
-    /* @__PURE__ */ React.createElement(OnlySpan, { onClick: onOnly, label: `Show only ${feature.label}` }),
-    /* @__PURE__ */ React.createElement("span", { className: "shrink-0 text-[10px] tabular-nums text-muted-foreground" }, feature.count)
+      className: "group/srcrow flex w-full items-center gap-1.5 rounded-md px-1.5 py-1 text-left hover:bg-accent/50",
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "w-4", "aria-hidden": true }),
+        /* @__PURE__ */ jsx(TriBox, { state: checked ? "checked" : "empty" }),
+        /* @__PURE__ */ jsx(
+          FeatureIcon,
+          {
+            className: cn(
+              "h-3.5 w-3.5 shrink-0",
+              feature.system ? "text-muted-foreground/60" : "text-muted-foreground"
+            )
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: cn(
+              "min-w-0 flex-1 truncate text-[11px]",
+              feature.system ? "text-muted-foreground" : "text-foreground"
+            ),
+            children: feature.label
+          }
+        ),
+        feature.system && /* @__PURE__ */ jsx(AutoBadge, {}),
+        /* @__PURE__ */ jsx(OnlySpan, { onClick: onOnly, label: `Show only ${feature.label}` }),
+        /* @__PURE__ */ jsx("span", { className: "shrink-0 text-[10px] tabular-nums text-muted-foreground", children: feature.count })
+      ]
+    }
   );
 };
 var ConversationSourceFilterTree_default = ConversationSourceFilterTree;

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

@@ -1,4 +1,5 @@
 "use client";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useCallback, useEffect, useState } from "react";
 import { Loader2, Trash2, Undo2 } from "lucide-react";
 import { cn } from "@ai-matrx/design-system";
@@ -44,43 +45,59 @@ function ConversationTrashSection({
     [dispatch]
   );
   const dense = variant === "dense";
-  return /* @__PURE__ */ React.createElement("div", { className: cn("shrink-0 border-t border-border/60", className) }, /* @__PURE__ */ React.createElement(
-    DisclosureHeader,
-    {
-      className: "w-full",
-      open,
-      onClick: () => setOpen((v) => !v),
-      icon: /* @__PURE__ */ React.createElement(Trash2, null),
-      title: "Trash",
-      end: open && status === "succeeded" ? ids.length : void 0
-    }
-  ), open && /* @__PURE__ */ React.createElement("div", { className: "pb-1" }, status === "loading" && /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-2 px-3 py-2 text-[11px] text-muted-foreground" }, /* @__PURE__ */ React.createElement(Loader2, { className: "h-3 w-3 animate-spin" }), "Opening the trash\u2026"), status === "failed" && /* @__PURE__ */ React.createElement("p", { className: "px-3 py-2 text-[11px] text-destructive" }, error ?? "The trash could not be read.", /* @__PURE__ */ React.createElement(ErrorAlchemyMenu, { error })), status === "succeeded" && ids.length === 0 && /* @__PURE__ */ React.createElement("p", { className: "px-3 py-2 text-[11px] text-muted-foreground" }, "Nothing deleted. Deleted conversations land here and can be restored."), ids.map((id) => {
-    const conv = bodies[id];
-    if (!conv) return null;
-    const title = conv.title?.trim() || "Untitled";
-    return /* @__PURE__ */ React.createElement(
-      "div",
+  return /* @__PURE__ */ jsxs("div", { className: cn("shrink-0 border-t border-border/60", className), children: [
+    /* @__PURE__ */ jsx(
+      DisclosureHeader,
       {
-        key: id,
-        className: cn(
-          "flex items-center gap-2 px-3",
-          dense ? "h-6" : "h-8"
-        )
-      },
-      /* @__PURE__ */ React.createElement(
-        "span",
-        {
-          className: cn(
-            "min-w-0 flex-1 truncate text-muted-foreground",
-            dense ? "text-[11px]" : "text-xs"
-          ),
-          title
-        },
-        title
-      ),
-      /* @__PURE__ */ React.createElement(Button, { variant: "quiet", icon: restoringId === id ? /* @__PURE__ */ React.createElement(Loader2, { className: "animate-spin" }) : /* @__PURE__ */ React.createElement(Undo2, null), onClick: () => void handleRestore(id), disabled: restoringId === id, "aria-label": `Restore ${title}`, className: "shrink-0" }, "Restore")
-    );
-  })));
+        className: "w-full",
+        open,
+        onClick: () => setOpen((v) => !v),
+        icon: /* @__PURE__ */ jsx(Trash2, {}),
+        title: "Trash",
+        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: [
+        /* @__PURE__ */ jsx(Loader2, { className: "h-3 w-3 animate-spin" }),
+        "Opening the trash\u2026"
+      ] }),
+      status === "failed" && /* @__PURE__ */ jsxs("p", { className: "px-3 py-2 text-[11px] text-destructive", children: [
+        error ?? "The trash 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." }),
+      ids.map((id) => {
+        const conv = bodies[id];
+        if (!conv) return null;
+        const title = conv.title?.trim() || "Untitled";
+        return /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: cn(
+              "flex items-center gap-2 px-3",
+              dense ? "h-6" : "h-8"
+            ),
+            children: [
+              /* @__PURE__ */ jsx(
+                "span",
+                {
+                  className: cn(
+                    "min-w-0 flex-1 truncate text-muted-foreground",
+                    dense ? "text-[11px]" : "text-xs"
+                  ),
+                  title,
+                  children: title
+                }
+              ),
+              /* @__PURE__ */ jsx(Button, { variant: "quiet", icon: restoringId === id ? /* @__PURE__ */ jsx(Loader2, { className: "animate-spin" }) : /* @__PURE__ */ jsx(Undo2, {}), onClick: () => void handleRestore(id), disabled: restoringId === id, "aria-label": `Restore ${title}`, className: "shrink-0", children: "Restore" })
+            ]
+          },
+          id
+        );
+      })
+    ] })
+  ] });
 }
 var ConversationTrashSection_default = ConversationTrashSection;
 export {