@ai-matrx/chat 0.5.0 → 0.5.3

package/dist/agents/components/memory/components/AgentMemoryAllView.js

@@ -1,4 +1,5 @@
 "use client";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { Loader2 } from "lucide-react";
 import { Badge } from "@ai-matrx/design-system";
 import { cn } from "@ai-matrx/design-system";
@@ -17,43 +18,60 @@ const TIER_BADGE_CLASS = {
 function AgentMemoryAllView({ state }) {
   const { memories, loading, error, setSelectedId } = state;
   if (loading) {
-    return /* @__PURE__ */ React.createElement("div", { className: "flex h-full items-center justify-center gap-2 text-sm text-muted-foreground" }, /* @__PURE__ */ React.createElement(Loader2, { className: "h-4 w-4 animate-spin" }), "Loading memories\u2026");
+    return /* @__PURE__ */ jsxs("div", { className: "flex h-full items-center justify-center gap-2 text-sm text-muted-foreground", children: [
+      /* @__PURE__ */ jsx(Loader2, { className: "h-4 w-4 animate-spin" }),
+      "Loading memories\u2026"
+    ] });
   }
   if (error) {
-    return /* @__PURE__ */ React.createElement("div", { className: "flex h-full items-center justify-center px-6 text-center text-sm text-destructive" }, error, /* @__PURE__ */ React.createElement(ErrorAlchemyMenu, { error }));
+    return /* @__PURE__ */ jsxs("div", { className: "flex h-full items-center justify-center px-6 text-center text-sm text-destructive", children: [
+      error,
+      /* @__PURE__ */ jsx(ErrorAlchemyMenu, { error })
+    ] });
   }
   if (memories.length === 0) {
-    return /* @__PURE__ */ React.createElement("div", { className: "flex h-full flex-col items-center justify-center gap-1 px-6 text-center" }, /* @__PURE__ */ React.createElement("p", { className: "text-sm font-medium text-foreground" }, "No memories yet"), /* @__PURE__ */ React.createElement("p", { className: "text-xs text-muted-foreground" }, "Memories the agent saves about you will show up here."));
+    return /* @__PURE__ */ jsxs("div", { className: "flex h-full flex-col items-center justify-center gap-1 px-6 text-center", children: [
+      /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-foreground", children: "No memories yet" }),
+      /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: "Memories the agent saves about you will show up here." })
+    ] });
   }
-  return /* @__PURE__ */ React.createElement("div", { className: "h-full overflow-y-auto" }, /* @__PURE__ */ React.createElement("div", { className: "p-3" }, memories.map((memory, index) => /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx("div", { className: "h-full overflow-y-auto", children: /* @__PURE__ */ jsx("div", { className: "p-3", children: memories.map((memory, index) => /* @__PURE__ */ jsxs(
     "button",
     {
-      key: memory.id,
       type: "button",
       onClick: () => setSelectedId(memory.id),
-      className: "block w-full py-3 text-left first:pt-0" + (index < memories.length - 1 ? " border-b border-border/60" : "")
+      className: "block w-full py-3 text-left first:pt-0" + (index < memories.length - 1 ? " border-b border-border/60" : ""),
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "mb-1 flex items-center gap-2", children: [
+          /* @__PURE__ */ jsxs(
+            "span",
+            {
+              className: cn(
+                "flex shrink-0 items-center gap-0.5 rounded-full px-1.5 py-0.5 text-[10px] font-bold tabular-nums",
+                TIER_BADGE_CLASS[importanceTier(memory.importance)]
+              ),
+              title: "Importance",
+              children: [
+                importanceScore(memory.importance),
+                /* @__PURE__ */ jsx("span", { className: "text-[8px] font-normal opacity-70", children: "/10" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold text-foreground", children: displayTitleForMemory(memory) }),
+          /* @__PURE__ */ jsx(
+            Badge,
+            {
+              variant: "secondary",
+              className: "shrink-0 text-[10px] capitalize",
+              children: memory.scope
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "text-sm leading-relaxed text-muted-foreground", children: /* @__PURE__ */ jsx(RichContent, { source: memory.content ?? "", level: "standard" }) })
+      ]
     },
-    /* @__PURE__ */ React.createElement("div", { className: "mb-1 flex items-center gap-2" }, /* @__PURE__ */ React.createElement(
-      "span",
-      {
-        className: cn(
-          "flex shrink-0 items-center gap-0.5 rounded-full px-1.5 py-0.5 text-[10px] font-bold tabular-nums",
-          TIER_BADGE_CLASS[importanceTier(memory.importance)]
-        ),
-        title: "Importance"
-      },
-      importanceScore(memory.importance),
-      /* @__PURE__ */ React.createElement("span", { className: "text-[8px] font-normal opacity-70" }, "/10")
-    ), /* @__PURE__ */ React.createElement("h3", { className: "text-sm font-semibold text-foreground" }, displayTitleForMemory(memory)), /* @__PURE__ */ React.createElement(
-      Badge,
-      {
-        variant: "secondary",
-        className: "shrink-0 text-[10px] capitalize"
-      },
-      memory.scope
-    )),
-    /* @__PURE__ */ React.createElement("div", { className: "text-sm leading-relaxed text-muted-foreground" }, /* @__PURE__ */ React.createElement(RichContent, { source: memory.content ?? "", level: "standard" }))
-  ))));
+    memory.id
+  )) }) });
 }
 export {
   AgentMemoryAllView

package/dist/agents/components/memory/components/AgentMemoryBody.js

@@ -1,4 +1,5 @@
 "use client";
+import { jsx } from "react/jsx-runtime";
 import { AgentMemoryAllView } from "./AgentMemoryAllView.js";
 import { MemoryComposer } from "./AgentMemoryEditor.js";
 import {
@@ -6,12 +7,12 @@ import {
 } from "../hooks/useAgentMemories.js";
 function AgentMemoryBody({ state }) {
   if (state.selectedId === NEW_MEMORY_ID) {
-    return /* @__PURE__ */ React.createElement(MemoryComposer, { state, memory: null });
+    return /* @__PURE__ */ jsx(MemoryComposer, { state, memory: null });
   }
   if (state.selectedMemory) {
-    return /* @__PURE__ */ React.createElement(MemoryComposer, { state, memory: state.selectedMemory });
+    return /* @__PURE__ */ jsx(MemoryComposer, { state, memory: state.selectedMemory });
   }
-  return /* @__PURE__ */ React.createElement(AgentMemoryAllView, { state });
+  return /* @__PURE__ */ jsx(AgentMemoryAllView, { state });
 }
 export {
   AgentMemoryBody

package/dist/agents/components/memory/components/AgentMemoryEditor.js

@@ -1,4 +1,5 @@
 "use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { SegmentedControl } from "@ai-matrx/design-system/controls";
 import { Badge } from "@ai-matrx/design-system";
 import { cn } from "@ai-matrx/design-system";
@@ -23,43 +24,58 @@ function MemoryComposer({ state, memory }) {
   const isNew = selectedId === NEW_MEMORY_ID;
   const score = importanceScore(draft.importance);
   const tier = importanceTier(draft.importance);
-  return /* @__PURE__ */ React.createElement("div", { className: "flex h-full flex-col p-3" }, /* @__PURE__ */ React.createElement("div", { className: "mb-2 flex shrink-0 items-center gap-2" }, /* @__PURE__ */ React.createElement(
-    "span",
-    {
-      className: cn(
-        "flex shrink-0 items-center gap-1 rounded-full px-2 py-0.5 text-[11px] font-bold tabular-nums",
-        TIER_BADGE_CLASS[tier]
+  return /* @__PURE__ */ jsxs("div", { className: "flex h-full flex-col p-3", children: [
+    /* @__PURE__ */ jsxs("div", { className: "mb-2 flex shrink-0 items-center gap-2", children: [
+      /* @__PURE__ */ jsxs(
+        "span",
+        {
+          className: cn(
+            "flex shrink-0 items-center gap-1 rounded-full px-2 py-0.5 text-[11px] font-bold tabular-nums",
+            TIER_BADGE_CLASS[tier]
+          ),
+          title: "Importance",
+          children: [
+            score,
+            /* @__PURE__ */ jsx("span", { className: "text-[9px] font-normal opacity-70", children: "/10" })
+          ]
+        }
       ),
-      title: "Importance"
-    },
-    score,
-    /* @__PURE__ */ React.createElement("span", { className: "text-[9px] font-normal opacity-70" }, "/10")
-  ), isNew ? /* @__PURE__ */ React.createElement(
-    SegmentedControl,
-    {
-      "aria-label": "Memory scope",
-      value: draft.scope,
-      onValueChange: (v) => state.setDraftScope(v),
-      data: SCOPE_OPTIONS
-    }
-  ) : memory && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Badge, { variant: "secondary", className: "text-[10px] capitalize" }, memory.scope), /* @__PURE__ */ React.createElement("span", { className: "text-[10px] text-muted-foreground" }, "Updated ", new Date(memory.updated_at).toLocaleDateString()))), /* @__PURE__ */ React.createElement(
-    "input",
-    {
-      value: draft.title,
-      onChange: (e) => setDraftTitle(e.target.value),
-      placeholder: "Memory title\u2026",
-      autoFocus: isNew,
-      className: "mb-2 w-full shrink-0 bg-transparent text-lg font-semibold text-foreground outline-none placeholder:text-muted-foreground/50"
-    }
-  ), /* @__PURE__ */ React.createElement(
-    "textarea",
-    {
-      value: draft.content,
-      onChange: (e) => setDraftContent(e.target.value),
-      placeholder: "Write the memory as a clear statement of fact or preference\u2026",
-      className: "min-h-0 w-full flex-1 resize-none bg-transparent text-sm leading-relaxed text-foreground outline-none placeholder:text-muted-foreground/50"
-    }
-  ));
+      isNew ? /* @__PURE__ */ jsx(
+        SegmentedControl,
+        {
+          "aria-label": "Memory scope",
+          value: draft.scope,
+          onValueChange: (v) => state.setDraftScope(v),
+          data: SCOPE_OPTIONS
+        }
+      ) : memory && /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(Badge, { variant: "secondary", className: "text-[10px] capitalize", children: memory.scope }),
+        /* @__PURE__ */ jsxs("span", { className: "text-[10px] text-muted-foreground", children: [
+          "Updated ",
+          new Date(memory.updated_at).toLocaleDateString()
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx(
+      "input",
+      {
+        value: draft.title,
+        onChange: (e) => setDraftTitle(e.target.value),
+        placeholder: "Memory title\u2026",
+        autoFocus: isNew,
+        className: "mb-2 w-full shrink-0 bg-transparent text-lg font-semibold text-foreground outline-none placeholder:text-muted-foreground/50"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "textarea",
+      {
+        value: draft.content,
+        onChange: (e) => setDraftContent(e.target.value),
+        placeholder: "Write the memory as a clear statement of fact or preference\u2026",
+        className: "min-h-0 w-full flex-1 resize-none bg-transparent text-sm leading-relaxed text-foreground outline-none placeholder:text-muted-foreground/50"
+      }
+    )
+  ] });
 }
 export {
   MemoryComposer

package/dist/agents/components/memory/components/AgentMemoryFooter.js

@@ -1,4 +1,5 @@
 "use client";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { Loader2, RefreshCw, Save } from "lucide-react";
 import { Button } from "@ai-matrx/design-system";
 import { Slider } from "@ai-matrx/design-system";
@@ -18,54 +19,75 @@ function AgentMemoryFooter({ state }) {
   const isEditing = selectedId === NEW_MEMORY_ID || selectedId !== ALL_MEMORIES_ID;
   const isNew = selectedId === NEW_MEMORY_ID;
   if (!isEditing) {
-    return /* @__PURE__ */ React.createElement("div", { className: "flex w-full items-center justify-between px-3 py-1.5" }, /* @__PURE__ */ React.createElement("span", { className: "text-[11px] text-muted-foreground" }, totalCount, " ", totalCount === 1 ? "memory" : "memories", " saved"), /* @__PURE__ */ React.createElement(
-      Button,
-      {
-        type: "button",
-        size: "sm",
-        variant: "ghost",
-        className: "h-6 gap-1.5 px-2 text-[11px] text-muted-foreground hover:text-foreground",
-        disabled: loading,
-        onClick: () => void state.refresh()
-      },
-      /* @__PURE__ */ React.createElement(RefreshCw, { className: "h-3 w-3" }),
-      "Refresh"
-    ));
+    return /* @__PURE__ */ jsxs("div", { className: "flex w-full items-center justify-between px-3 py-1.5", children: [
+      /* @__PURE__ */ jsxs("span", { className: "text-[11px] text-muted-foreground", children: [
+        totalCount,
+        " ",
+        totalCount === 1 ? "memory" : "memories",
+        " saved"
+      ] }),
+      /* @__PURE__ */ jsxs(
+        Button,
+        {
+          type: "button",
+          size: "sm",
+          variant: "ghost",
+          className: "h-6 gap-1.5 px-2 text-[11px] text-muted-foreground hover:text-foreground",
+          disabled: loading,
+          onClick: () => void state.refresh(),
+          children: [
+            /* @__PURE__ */ jsx(RefreshCw, { className: "h-3 w-3" }),
+            "Refresh"
+          ]
+        }
+      )
+    ] });
   }
   const score = importanceScore(state.draft.importance);
   const tier = importanceTier(state.draft.importance);
-  return /* @__PURE__ */ React.createElement("div", { className: "flex w-full items-center gap-4 px-3 py-1.5" }, /* @__PURE__ */ React.createElement("div", { className: "flex min-w-0 flex-1 items-center gap-2.5" }, /* @__PURE__ */ React.createElement("span", { className: "shrink-0 text-[11px] text-muted-foreground" }, "Importance"), /* @__PURE__ */ React.createElement(
-    "span",
-    {
-      className: cn(
-        "shrink-0 font-mono text-sm font-bold tabular-nums",
-        TIER_TEXT_CLASS[tier]
+  return /* @__PURE__ */ jsxs("div", { className: "flex w-full items-center gap-4 px-3 py-1.5", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 items-center gap-2.5", children: [
+      /* @__PURE__ */ jsx("span", { className: "shrink-0 text-[11px] text-muted-foreground", children: "Importance" }),
+      /* @__PURE__ */ jsxs(
+        "span",
+        {
+          className: cn(
+            "shrink-0 font-mono text-sm font-bold tabular-nums",
+            TIER_TEXT_CLASS[tier]
+          ),
+          children: [
+            score,
+            /* @__PURE__ */ jsx("span", { className: "text-[10px] font-normal text-muted-foreground", children: "/10" })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Slider,
+        {
+          className: "w-24",
+          value: [state.draft.importance],
+          onValueChange: ([v]) => state.setDraftImportance(v),
+          min: 0,
+          max: 1,
+          step: 0.1
+        }
       )
-    },
-    score,
-    /* @__PURE__ */ React.createElement("span", { className: "text-[10px] font-normal text-muted-foreground" }, "/10")
-  ), /* @__PURE__ */ React.createElement(
-    Slider,
-    {
-      className: "w-24",
-      value: [state.draft.importance],
-      onValueChange: ([v]) => state.setDraftImportance(v),
-      min: 0,
-      max: 1,
-      step: 0.1
-    }
-  )), /* @__PURE__ */ React.createElement(
-    Button,
-    {
-      type: "button",
-      size: "sm",
-      className: "h-7 shrink-0 gap-1.5 text-xs",
-      disabled: !state.canSave || !state.isDirty || state.saving,
-      onClick: () => void state.saveDraft()
-    },
-    state.saving ? /* @__PURE__ */ React.createElement(Loader2, { className: "h-3.5 w-3.5 animate-spin" }) : /* @__PURE__ */ React.createElement(Save, { className: "h-3.5 w-3.5" }),
-    isNew ? "Save memory" : "Save changes"
-  ));
+    ] }),
+    /* @__PURE__ */ jsxs(
+      Button,
+      {
+        type: "button",
+        size: "sm",
+        className: "h-7 shrink-0 gap-1.5 text-xs",
+        disabled: !state.canSave || !state.isDirty || state.saving,
+        onClick: () => void state.saveDraft(),
+        children: [
+          state.saving ? /* @__PURE__ */ jsx(Loader2, { className: "h-3.5 w-3.5 animate-spin" }) : /* @__PURE__ */ jsx(Save, { className: "h-3.5 w-3.5" }),
+          isNew ? "Save memory" : "Save changes"
+        ]
+      }
+    )
+  ] });
 }
 export {
   AgentMemoryFooter

package/dist/agents/components/memory/components/AgentMemoryInlinePanel.js

@@ -1,4 +1,5 @@
 "use client";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { ArrowLeft, AppWindow } from "lucide-react";
 import { useOpenAgentMemoryWindow } from "../../../../host/window-openers.js";
 import { useIsMobile } from "@ai-matrx/kit/media-query";
@@ -17,9 +18,16 @@ function AgentMemoryInlinePanel() {
   const openMemoryWindow = useOpenAgentMemoryWindow();
   const inDetail = state.selectedId === NEW_MEMORY_ID || !!state.selectedMemory;
   if (!inDetail) {
-    return /* @__PURE__ */ React.createElement("div", { className: "flex h-full min-h-0 flex-col" }, /* @__PURE__ */ React.createElement("div", { className: "min-h-0 flex-1 overflow-hidden" }, /* @__PURE__ */ React.createElement(AgentMemorySidebar, { state })), !isMobile && /* @__PURE__ */ React.createElement("div", { className: "flex shrink-0 items-center justify-end border-t border-border px-2 py-1" }, /* @__PURE__ */ React.createElement(Button, { variant: "quiet", icon: /* @__PURE__ */ React.createElement(AppWindow, null), onClick: () => openMemoryWindow(), title: "Open the full Memory window" }, "Open window")));
+    return /* @__PURE__ */ jsxs("div", { className: "flex h-full min-h-0 flex-col", children: [
+      /* @__PURE__ */ jsx("div", { className: "min-h-0 flex-1 overflow-hidden", children: /* @__PURE__ */ jsx(AgentMemorySidebar, { state }) }),
+      !isMobile && /* @__PURE__ */ jsx("div", { className: "flex shrink-0 items-center justify-end border-t border-border px-2 py-1", children: /* @__PURE__ */ jsx(Button, { variant: "quiet", icon: /* @__PURE__ */ jsx(AppWindow, {}), onClick: () => openMemoryWindow(), title: "Open the full Memory window", children: "Open window" }) })
+    ] });
   }
-  return /* @__PURE__ */ React.createElement("div", { className: "flex h-full min-h-0 flex-col" }, /* @__PURE__ */ React.createElement("div", { className: "flex shrink-0 items-center border-b border-border px-1.5 py-1" }, /* @__PURE__ */ React.createElement(Button, { variant: "quiet", icon: /* @__PURE__ */ React.createElement(ArrowLeft, null), onClick: () => state.setSelectedId(ALL_MEMORIES_ID) }, "All memories")), /* @__PURE__ */ React.createElement("div", { className: "min-h-0 flex-1 overflow-y-auto overscroll-contain" }, /* @__PURE__ */ React.createElement(AgentMemoryBody, { state })), /* @__PURE__ */ React.createElement("div", { className: "shrink-0 border-t border-border" }, /* @__PURE__ */ React.createElement(AgentMemoryFooter, { state })));
+  return /* @__PURE__ */ jsxs("div", { className: "flex h-full min-h-0 flex-col", children: [
+    /* @__PURE__ */ jsx("div", { className: "flex shrink-0 items-center border-b border-border px-1.5 py-1", children: /* @__PURE__ */ jsx(Button, { variant: "quiet", icon: /* @__PURE__ */ jsx(ArrowLeft, {}), onClick: () => state.setSelectedId(ALL_MEMORIES_ID), children: "All memories" }) }),
+    /* @__PURE__ */ jsx("div", { className: "min-h-0 flex-1 overflow-y-auto overscroll-contain", children: /* @__PURE__ */ jsx(AgentMemoryBody, { state }) }),
+    /* @__PURE__ */ jsx("div", { className: "shrink-0 border-t border-border", children: /* @__PURE__ */ jsx(AgentMemoryFooter, { state }) })
+  ] });
 }
 export {
   AgentMemoryInlinePanel

package/dist/agents/components/memory/components/AgentMemorySidebar.js

@@ -1,4 +1,5 @@
 "use client";
+import { jsx, jsxs } from "react/jsx-runtime";
 import {
   ArrowUpDown,
   Layers,
@@ -40,44 +41,54 @@ function MemoryRow({
   onSelect,
   onRequestDelete
 }) {
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsxs(
     "div",
     {
       className: cn(
         "group/row relative flex w-full items-center gap-2 rounded-md px-2 py-1.5 text-left transition-colors",
         isActive ? "bg-primary/10 text-primary-ink" : "text-foreground hover:bg-muted/60"
-      )
-    },
-    /* @__PURE__ */ React.createElement(Button, { variant: "quiet", onClick: onSelect, className: "min-w-0" }, /* @__PURE__ */ React.createElement(
-      "span",
-      {
-        className: cn(
-          "flex shrink-0 items-center justify-center rounded px-1 py-px text-[10px] font-bold tabular-nums",
-          TIER_CHIP_CLASS[importanceTier(memory.importance)]
-        ),
-        title: "Importance"
-      },
-      importanceScore(memory.importance)
-    ), /* @__PURE__ */ React.createElement(
-      "span",
-      {
-        className: cn(
-          "min-w-0 flex-1 overflow-hidden whitespace-nowrap text-xs font-medium",
-          FADE_MASK
-        )
-      },
-      displayTitleForMemory(memory)
-    )),
-    /* @__PURE__ */ React.createElement("span", { className: "shrink-0 text-[9px] uppercase tracking-wide text-muted-foreground/70 transition-opacity group-hover/row:opacity-0" }, memory.scope === "organization" ? "org" : "me"),
-    /* @__PURE__ */ React.createElement(DropdownMenu, null, /* @__PURE__ */ React.createElement(DropdownMenuTrigger, { asChild: true }, /* @__PURE__ */ React.createElement(Button, { variant: "quiet", icon: /* @__PURE__ */ React.createElement(MoreHorizontal, null), "aria-label": "Memory options", className: "absolute right-1 top-1/2 shrink-0 opacity-0 group-hover/row:opacity-100 data-[state=open]:opacity-100" })), /* @__PURE__ */ React.createElement(DropdownMenuContent, { align: "end", side: "right" }, /* @__PURE__ */ React.createElement(
-      DropdownMenuItem,
-      {
-        onClick: onRequestDelete,
-        className: "gap-2 text-destructive-ink focus:bg-destructive/10 focus:text-destructive-ink"
-      },
-      /* @__PURE__ */ React.createElement(Trash2, { className: "h-3.5 w-3.5" }),
-      "Delete"
-    )))
+      ),
+      children: [
+        /* @__PURE__ */ jsxs(Button, { variant: "quiet", onClick: onSelect, className: "min-w-0", children: [
+          /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: cn(
+                "flex shrink-0 items-center justify-center rounded px-1 py-px text-[10px] font-bold tabular-nums",
+                TIER_CHIP_CLASS[importanceTier(memory.importance)]
+              ),
+              title: "Importance",
+              children: importanceScore(memory.importance)
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: cn(
+                "min-w-0 flex-1 overflow-hidden whitespace-nowrap text-xs font-medium",
+                FADE_MASK
+              ),
+              children: displayTitleForMemory(memory)
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx("span", { className: "shrink-0 text-[9px] uppercase tracking-wide text-muted-foreground/70 transition-opacity group-hover/row:opacity-0", children: memory.scope === "organization" ? "org" : "me" }),
+        /* @__PURE__ */ jsxs(DropdownMenu, { children: [
+          /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx(Button, { variant: "quiet", icon: /* @__PURE__ */ jsx(MoreHorizontal, {}), "aria-label": "Memory options", className: "absolute right-1 top-1/2 shrink-0 opacity-0 group-hover/row:opacity-100 data-[state=open]:opacity-100" }) }),
+          /* @__PURE__ */ jsx(DropdownMenuContent, { align: "end", side: "right", children: /* @__PURE__ */ jsxs(
+            DropdownMenuItem,
+            {
+              onClick: onRequestDelete,
+              className: "gap-2 text-destructive-ink focus:bg-destructive/10 focus:text-destructive-ink",
+              children: [
+                /* @__PURE__ */ jsx(Trash2, { className: "h-3.5 w-3.5" }),
+                "Delete"
+              ]
+            }
+          ) })
+        ] })
+      ]
+    }
   );
 }
 function AgentMemorySidebar({ state }) {
@@ -97,63 +108,88 @@ function AgentMemorySidebar({ state }) {
     null
   );
   const sortLabel = SORT_MODE_OPTIONS.find((o) => o.value === sortMode)?.label ?? "Importance";
-  return /* @__PURE__ */ React.createElement("div", { className: "flex h-full flex-col" }, /* @__PURE__ */ React.createElement("div", { className: "shrink-0 p-2" }, /* @__PURE__ */ React.createElement(
-    Button,
-    {
-      type: "button",
-      variant: "outline",
-      className: "w-full",
-      onClick: () => setSelectedId(NEW_MEMORY_ID)
-    },
-    /* @__PURE__ */ React.createElement(Plus, { className: "h-3.5 w-3.5" }),
-    "New memory"
-  )), /* @__PURE__ */ React.createElement("div", { className: "shrink-0 px-2 pb-1" }, /* @__PURE__ */ React.createElement(Button, { variant: "quiet", pressed: selectedId === ALL_MEMORIES_ID, icon: /* @__PURE__ */ React.createElement(Layers, null), onClick: () => setSelectedId(ALL_MEMORIES_ID), className: "w-full" }, /* @__PURE__ */ React.createElement("span", { className: "truncate" }, "All memories"), /* @__PURE__ */ React.createElement("span", { className: "ml-auto shrink-0 text-[10px] text-muted-foreground" }, totalCount))), /* @__PURE__ */ React.createElement("div", { className: "flex shrink-0 items-center justify-between px-2 pb-1" }, /* @__PURE__ */ React.createElement("span", { className: "text-[10px] font-semibold uppercase tracking-wide text-muted-foreground/70" }, "Memories"), /* @__PURE__ */ React.createElement(DropdownMenu, null, /* @__PURE__ */ React.createElement(DropdownMenuTrigger, { asChild: true }, /* @__PURE__ */ React.createElement(Button, { variant: "quiet", icon: /* @__PURE__ */ React.createElement(ArrowUpDown, null) }, sortLabel)), /* @__PURE__ */ React.createElement(DropdownMenuContent, { align: "end" }, SORT_MODE_OPTIONS.map((option) => /* @__PURE__ */ React.createElement(
-    DropdownMenuItem,
-    {
-      key: option.value,
-      onClick: () => setSortMode(option.value),
-      className: cn(
-        "text-xs",
-        sortMode === option.value && "bg-primary/10 text-primary-ink"
-      )
-    },
-    option.label
-  ))))), /* @__PURE__ */ React.createElement("div", { className: "min-h-0 flex-1 overflow-y-auto scrollbar-thin" }, /* @__PURE__ */ React.createElement("div", { className: "flex flex-col gap-0.5 px-2 pb-2" }, loading && /* @__PURE__ */ React.createElement("div", { className: "flex items-center justify-center gap-2 py-8 text-xs text-muted-foreground" }, /* @__PURE__ */ React.createElement(Loader2, { className: "h-3.5 w-3.5 animate-spin" }), "Loading\u2026"), !loading && error && memories.length === 0 && /* @__PURE__ */ React.createElement(
-    ReadFailure,
-    {
-      error,
-      what: "your memories",
-      className: "m-1",
-      onRetry: () => void refresh()
-    }
-  ), !loading && !error && memories.length === 0 && /* @__PURE__ */ React.createElement("div", { className: "px-1 py-8 text-center text-xs text-muted-foreground" }, "No memories yet."), !loading && memories.map((memory) => /* @__PURE__ */ React.createElement(
-    MemoryRow,
-    {
-      key: memory.id,
-      memory,
-      isActive: selectedId === memory.id,
-      onSelect: () => setSelectedId(memory.id),
-      onRequestDelete: () => setPendingDelete(memory)
-    }
-  )))), /* @__PURE__ */ React.createElement(
-    ConfirmDialog,
-    {
-      open: !!pendingDelete,
-      onOpenChange: (open) => {
-        if (!open) setPendingDelete(null);
-      },
-      title: "Delete this memory?",
-      description: pendingDelete ? `"${displayTitleForMemory(pendingDelete)}" will no longer be remembered. This archives it; an admin can restore it.` : void 0,
-      confirmLabel: "Delete",
-      variant: "destructive",
-      busy: !!pendingDelete && deletingId === pendingDelete.id,
-      onConfirm: async () => {
-        if (!pendingDelete) return;
-        await state.deleteMemory(pendingDelete.id);
-        setPendingDelete(null);
+  return /* @__PURE__ */ jsxs("div", { className: "flex h-full flex-col", children: [
+    /* @__PURE__ */ jsx("div", { className: "shrink-0 p-2", children: /* @__PURE__ */ jsxs(
+      Button,
+      {
+        type: "button",
+        variant: "outline",
+        className: "w-full",
+        onClick: () => setSelectedId(NEW_MEMORY_ID),
+        children: [
+          /* @__PURE__ */ jsx(Plus, { className: "h-3.5 w-3.5" }),
+          "New memory"
+        ]
       }
-    }
-  ));
+    ) }),
+    /* @__PURE__ */ jsx("div", { className: "shrink-0 px-2 pb-1", children: /* @__PURE__ */ jsxs(Button, { variant: "quiet", pressed: selectedId === ALL_MEMORIES_ID, icon: /* @__PURE__ */ jsx(Layers, {}), onClick: () => setSelectedId(ALL_MEMORIES_ID), className: "w-full", children: [
+      /* @__PURE__ */ jsx("span", { className: "truncate", children: "All memories" }),
+      /* @__PURE__ */ jsx("span", { className: "ml-auto shrink-0 text-[10px] text-muted-foreground", children: totalCount })
+    ] }) }),
+    /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 items-center justify-between px-2 pb-1", children: [
+      /* @__PURE__ */ jsx("span", { className: "text-[10px] font-semibold uppercase tracking-wide text-muted-foreground/70", children: "Memories" }),
+      /* @__PURE__ */ jsxs(DropdownMenu, { children: [
+        /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx(Button, { variant: "quiet", icon: /* @__PURE__ */ jsx(ArrowUpDown, {}), children: sortLabel }) }),
+        /* @__PURE__ */ jsx(DropdownMenuContent, { align: "end", children: SORT_MODE_OPTIONS.map((option) => /* @__PURE__ */ jsx(
+          DropdownMenuItem,
+          {
+            onClick: () => setSortMode(option.value),
+            className: cn(
+              "text-xs",
+              sortMode === option.value && "bg-primary/10 text-primary-ink"
+            ),
+            children: option.label
+          },
+          option.value
+        )) })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "min-h-0 flex-1 overflow-y-auto scrollbar-thin", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-0.5 px-2 pb-2", children: [
+      loading && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-center gap-2 py-8 text-xs text-muted-foreground", children: [
+        /* @__PURE__ */ jsx(Loader2, { className: "h-3.5 w-3.5 animate-spin" }),
+        "Loading\u2026"
+      ] }),
+      !loading && error && memories.length === 0 && /* @__PURE__ */ jsx(
+        ReadFailure,
+        {
+          error,
+          what: "your memories",
+          className: "m-1",
+          onRetry: () => void refresh()
+        }
+      ),
+      !loading && !error && memories.length === 0 && /* @__PURE__ */ jsx("div", { className: "px-1 py-8 text-center text-xs text-muted-foreground", children: "No memories yet." }),
+      !loading && memories.map((memory) => /* @__PURE__ */ jsx(
+        MemoryRow,
+        {
+          memory,
+          isActive: selectedId === memory.id,
+          onSelect: () => setSelectedId(memory.id),
+          onRequestDelete: () => setPendingDelete(memory)
+        },
+        memory.id
+      ))
+    ] }) }),
+    /* @__PURE__ */ jsx(
+      ConfirmDialog,
+      {
+        open: !!pendingDelete,
+        onOpenChange: (open) => {
+          if (!open) setPendingDelete(null);
+        },
+        title: "Delete this memory?",
+        description: pendingDelete ? `"${displayTitleForMemory(pendingDelete)}" will no longer be remembered. This archives it; an admin can restore it.` : void 0,
+        confirmLabel: "Delete",
+        variant: "destructive",
+        busy: !!pendingDelete && deletingId === pendingDelete.id,
+        onConfirm: async () => {
+          if (!pendingDelete) return;
+          await state.deleteMemory(pendingDelete.id);
+          setPendingDelete(null);
+        }
+      }
+    )
+  ] });
 }
 export {
   AgentMemorySidebar