@ai-matrx/chat 0.5.0 → 0.5.3

package/dist/agents/components/inputs/smart-input/ContextDocsMenu.js

@@ -1,4 +1,5 @@
 "use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
 import {
   FileText,
@@ -54,41 +55,58 @@ function DocRow({
   const dispatch = useAppDispatch();
   const openPanel = useOpenWorkingDocumentPanel();
   const enabled = useAppSelector(selectWorkingDocEnabled(conversationId, kind));
-  return /* @__PURE__ */ React.createElement("div", { className: "flex items-start gap-2.5 px-3 py-2" }, /* @__PURE__ */ React.createElement(Icon, { className: "mt-0.5 h-4 w-4 shrink-0 text-muted-foreground" }), /* @__PURE__ */ React.createElement("div", { className: "min-w-0 flex-1" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React.createElement("span", { className: "text-sm font-medium text-foreground" }, title), kind === "scratch" && /* @__PURE__ */ React.createElement("span", { className: "inline-flex items-center gap-0.5 rounded-full bg-muted px-1.5 py-0.5 text-[9px] font-medium text-muted-foreground" }, /* @__PURE__ */ React.createElement(Lock, { className: "h-2.5 w-2.5" }), "Read-only to agent")), /* @__PURE__ */ React.createElement("p", { className: "mt-0.5 text-[11px] leading-snug text-muted-foreground" }, description), /* @__PURE__ */ React.createElement("div", { className: "mt-1.5 flex flex-wrap items-center gap-1.5" }, enabled && /* Immediate "see it" affordance — opens the doc in the non-blocking
-     right sidebar so the user never has to hunt for a window. */
-  /* @__PURE__ */ React.createElement(Button, { variant: "outline", icon: /* @__PURE__ */ React.createElement(PanelRight, null), onClick: () => {
-    openPanel({ conversationId, initialKind: kind });
-    onOpen?.();
-  } }, "Open"), /* @__PURE__ */ React.createElement(
-    DocumentLinkPicker,
-    {
-      kind,
-      align: "start",
-      side: "bottom",
-      onSelect: (documentId) => void dispatch(
-        linkConversationDocumentThunk({
-          conversationId,
-          kind,
-          documentId
-        })
-      ),
-      trigger: /* @__PURE__ */ React.createElement(Button, { variant: "outline", icon: /* @__PURE__ */ React.createElement(Link2, null) }, enabled ? "Link existing\u2026" : "Start from existing\u2026")
-    }
-  ))), /* @__PURE__ */ React.createElement(
-    Switch,
-    {
-      checked: enabled,
-      onCheckedChange: (value) => void dispatch(
-        setConversationDocumentEnabledThunk({
-          conversationId,
-          kind,
-          enabled: value
-        })
-      ),
-      "aria-label": `Toggle ${title}`,
-      className: "mt-0.5 shrink-0"
-    }
-  ));
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-2.5 px-3 py-2", children: [
+    /* @__PURE__ */ jsx(Icon, { className: "mt-0.5 h-4 w-4 shrink-0 text-muted-foreground" }),
+    /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-sm font-medium text-foreground", children: title }),
+        kind === "scratch" && /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-0.5 rounded-full bg-muted px-1.5 py-0.5 text-[9px] font-medium text-muted-foreground", children: [
+          /* @__PURE__ */ jsx(Lock, { className: "h-2.5 w-2.5" }),
+          "Read-only to agent"
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx("p", { className: "mt-0.5 text-[11px] leading-snug text-muted-foreground", children: description }),
+      /* @__PURE__ */ jsxs("div", { className: "mt-1.5 flex flex-wrap items-center gap-1.5", children: [
+        enabled && /* Immediate "see it" affordance — opens the doc in the non-blocking
+           right sidebar so the user never has to hunt for a window. */
+        /* @__PURE__ */ jsx(Button, { variant: "outline", icon: /* @__PURE__ */ jsx(PanelRight, {}), onClick: () => {
+          openPanel({ conversationId, initialKind: kind });
+          onOpen?.();
+        }, children: "Open" }),
+        /* @__PURE__ */ jsx(
+          DocumentLinkPicker,
+          {
+            kind,
+            align: "start",
+            side: "bottom",
+            onSelect: (documentId) => void dispatch(
+              linkConversationDocumentThunk({
+                conversationId,
+                kind,
+                documentId
+              })
+            ),
+            trigger: /* @__PURE__ */ jsx(Button, { variant: "outline", icon: /* @__PURE__ */ jsx(Link2, {}), children: enabled ? "Link existing\u2026" : "Start from existing\u2026" })
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx(
+      Switch,
+      {
+        checked: enabled,
+        onCheckedChange: (value) => void dispatch(
+          setConversationDocumentEnabledThunk({
+            conversationId,
+            kind,
+            enabled: value
+          })
+        ),
+        "aria-label": `Toggle ${title}`,
+        className: "mt-0.5 shrink-0"
+      }
+    )
+  ] });
 }
 function ScratchRow({
   conversationId,
@@ -104,36 +122,56 @@ function ScratchRow({
     selectWorkingDocEnabled(conversationId, "scratch")
   );
   const hasContent = content.trim() !== "";
-  return /* @__PURE__ */ React.createElement("div", { className: "flex items-start gap-2.5 px-3 py-2" }, /* @__PURE__ */ React.createElement(NotebookPen, { className: "mt-0.5 h-4 w-4 shrink-0 text-muted-foreground" }), /* @__PURE__ */ React.createElement("div", { className: "min-w-0 flex-1" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React.createElement("span", { className: "text-sm font-medium text-foreground" }, "Scratchpad"), /* @__PURE__ */ React.createElement("span", { className: "inline-flex items-center gap-0.5 rounded-full bg-muted px-1.5 py-0.5 text-[9px] font-medium text-muted-foreground" }, /* @__PURE__ */ React.createElement(Lock, { className: "h-2.5 w-2.5" }), "Read-only to agent")), /* @__PURE__ */ React.createElement("p", { className: "mt-0.5 truncate text-[11px] leading-snug text-muted-foreground" }, enabled ? hasContent ? `Sharing "${title?.trim() || "Untitled"}" \u2014 pick which ones in the canvas.` : "On \u2014 your scratchpad is empty, so nothing is sent yet." : "Off for this chat \u2014 the agent never sees your scratchpads here."), enabled && /* @__PURE__ */ React.createElement("div", { className: "mt-1.5 flex flex-wrap items-center gap-1.5" }, /* @__PURE__ */ React.createElement(Button, { variant: "outline", icon: /* @__PURE__ */ React.createElement(PanelRight, null), onClick: () => {
-    openPanel({ conversationId, initialKind: "scratch" });
-    onOpen?.();
-  } }, "Open"))), /* @__PURE__ */ React.createElement(
-    Switch,
-    {
-      checked: enabled,
-      onCheckedChange: (value) => void dispatch(
-        setScratchpadGateThunk({ conversationId, enabled: value })
-      ),
-      "aria-label": "Toggle scratchpad for this chat",
-      className: "mt-0.5 shrink-0"
-    }
-  ));
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-2.5 px-3 py-2", children: [
+    /* @__PURE__ */ jsx(NotebookPen, { className: "mt-0.5 h-4 w-4 shrink-0 text-muted-foreground" }),
+    /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-sm font-medium text-foreground", children: "Scratchpad" }),
+        /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-0.5 rounded-full bg-muted px-1.5 py-0.5 text-[9px] font-medium text-muted-foreground", children: [
+          /* @__PURE__ */ jsx(Lock, { className: "h-2.5 w-2.5" }),
+          "Read-only to agent"
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx("p", { className: "mt-0.5 truncate text-[11px] leading-snug text-muted-foreground", children: enabled ? hasContent ? `Sharing "${title?.trim() || "Untitled"}" \u2014 pick which ones in the canvas.` : "On \u2014 your scratchpad is empty, so nothing is sent yet." : "Off for this chat \u2014 the agent never sees your scratchpads here." }),
+      enabled && /* @__PURE__ */ jsx("div", { className: "mt-1.5 flex flex-wrap items-center gap-1.5", children: /* @__PURE__ */ jsx(Button, { variant: "outline", icon: /* @__PURE__ */ jsx(PanelRight, {}), onClick: () => {
+        openPanel({ conversationId, initialKind: "scratch" });
+        onOpen?.();
+      }, children: "Open" }) })
+    ] }),
+    /* @__PURE__ */ jsx(
+      Switch,
+      {
+        checked: enabled,
+        onCheckedChange: (value) => void dispatch(
+          setScratchpadGateThunk({ conversationId, enabled: value })
+        ),
+        "aria-label": "Toggle scratchpad for this chat",
+        className: "mt-0.5 shrink-0"
+      }
+    )
+  ] });
 }
 function ContextDocsMenuBody({
   conversationId,
   onClose
 }) {
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { className: "px-3 pt-2.5 pb-1 text-[10px] font-semibold uppercase tracking-wide text-muted-foreground" }, "Documents"), /* @__PURE__ */ React.createElement(
-    DocRow,
-    {
-      conversationId,
-      kind: "working",
-      icon: FileText,
-      title: "Working document",
-      description: "Shared document you and the agent edit together",
-      onOpen: onClose
-    }
-  ), /* @__PURE__ */ React.createElement(ScratchRow, { conversationId, onOpen: onClose }), /* @__PURE__ */ React.createElement("div", { className: "border-t border-border px-3 pt-2.5 pb-1 text-[10px] font-semibold uppercase tracking-wide text-muted-foreground" }, "Scopes"), /* @__PURE__ */ React.createElement("div", { className: "px-2 pb-2" }, /* @__PURE__ */ React.createElement(ActiveContextTree, { conversationId })));
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("div", { className: "px-3 pt-2.5 pb-1 text-[10px] font-semibold uppercase tracking-wide text-muted-foreground", children: "Documents" }),
+    /* @__PURE__ */ jsx(
+      DocRow,
+      {
+        conversationId,
+        kind: "working",
+        icon: FileText,
+        title: "Working document",
+        description: "Shared document you and the agent edit together",
+        onOpen: onClose
+      }
+    ),
+    /* @__PURE__ */ jsx(ScratchRow, { conversationId, onOpen: onClose }),
+    /* @__PURE__ */ jsx("div", { className: "border-t border-border px-3 pt-2.5 pb-1 text-[10px] font-semibold uppercase tracking-wide text-muted-foreground", children: "Scopes" }),
+    /* @__PURE__ */ jsx("div", { className: "px-2 pb-2", children: /* @__PURE__ */ jsx(ActiveContextTree, { conversationId }) })
+  ] });
 }
 function ContextDocsMenu({ conversationId }) {
   const isMobile = useIsMobile();
@@ -147,7 +185,7 @@ function ContextDocsMenu({ conversationId }) {
   );
   const hasActiveContext = useAppSelector(selectHasActiveContext);
   const isActive = workingEnabled || scratchEnabled || hasActiveContext;
-  const triggerButton = /* @__PURE__ */ React.createElement(
+  const triggerButton = /* @__PURE__ */ jsxs(
     "button",
     {
       type: "button",
@@ -157,41 +195,51 @@ function ContextDocsMenu({ conversationId }) {
       className: cn(
         "relative flex h-8 w-8 items-center justify-center rounded-full transition-colors",
         INPUT_BUTTON_IDLE_TINT
-      )
-    },
-    /* @__PURE__ */ React.createElement(Layers, { className: "h-4 w-4" }),
-    isActive && /* @__PURE__ */ React.createElement("span", { className: "absolute right-1 top-1 h-2 w-2 rounded-full bg-primary ring-2 ring-background" })
+      ),
+      children: [
+        /* @__PURE__ */ jsx(Layers, { className: "h-4 w-4" }),
+        isActive && /* @__PURE__ */ jsx("span", { className: "absolute right-1 top-1 h-2 w-2 rounded-full bg-primary ring-2 ring-background" })
+      ]
+    }
   );
   if (isMobile) {
-    return /* @__PURE__ */ React.createElement(React.Fragment, null, triggerButton, /* @__PURE__ */ React.createElement(
-      BottomSheet,
-      {
-        open,
-        onOpenChange: setOpen,
-        title: "Documents & scopes"
-      },
-      /* @__PURE__ */ React.createElement(BottomSheetHeader, { title: "Documents & scopes" }),
-      /* @__PURE__ */ React.createElement(BottomSheetBody, null, /* @__PURE__ */ React.createElement(
-        ContextDocsMenuBody,
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      triggerButton,
+      /* @__PURE__ */ jsxs(
+        BottomSheet,
         {
-          conversationId,
-          onClose: () => setOpen(false)
+          open,
+          onOpenChange: setOpen,
+          title: "Documents & scopes",
+          children: [
+            /* @__PURE__ */ jsx(BottomSheetHeader, { title: "Documents & scopes" }),
+            /* @__PURE__ */ jsx(BottomSheetBody, { children: /* @__PURE__ */ jsx(
+              ContextDocsMenuBody,
+              {
+                conversationId,
+                onClose: () => setOpen(false)
+              }
+            ) })
+          ]
         }
-      ))
-    ));
+      )
+    ] });
   }
-  return /* @__PURE__ */ React.createElement(Popover, { open, onOpenChange: setOpen, modal: false }, /* @__PURE__ */ React.createElement(PopoverTrigger, { asChild: true }, triggerButton), /* @__PURE__ */ React.createElement(
-    PopoverContent,
-    {
-      sizing: "content",
-      align: "start",
-      side: "top",
-      sideOffset: 8,
-      className: "p-0 border-border",
-      container: dialogContainer ?? void 0
-    },
-    /* @__PURE__ */ React.createElement("div", { className: "max-h-[min(70dvh,560px)] overflow-y-auto overscroll-contain" }, /* @__PURE__ */ React.createElement(ContextDocsMenuBody, { conversationId }))
-  ));
+  return /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: setOpen, modal: false, children: [
+    /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: triggerButton }),
+    /* @__PURE__ */ jsx(
+      PopoverContent,
+      {
+        sizing: "content",
+        align: "start",
+        side: "top",
+        sideOffset: 8,
+        className: "p-0 border-border",
+        container: dialogContainer ?? void 0,
+        children: /* @__PURE__ */ jsx("div", { className: "max-h-[min(70dvh,560px)] overflow-y-auto overscroll-contain", children: /* @__PURE__ */ jsx(ContextDocsMenuBody, { conversationId }) })
+      }
+    )
+  ] });
 }
 export {
   ContextDocsMenu,

package/dist/agents/components/inputs/smart-input/ConversationContextChip.js

@@ -1,4 +1,5 @@
 "use client";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { Eye } from "lucide-react";
 import { useEffect, useMemo, useState } from "react";
 import {
@@ -167,16 +168,18 @@ function ConversationContextChip({
   }, [dispatch, agentLayerKnown, conversationId]);
   if (!surfaceName && rows.length === 0) return null;
   if (!agentLayerKnown) {
-    return /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ jsxs(
       "span",
       {
         role: "status",
         "aria-busy": !agentReadFailed,
         title: agentReadFailed ? "Couldn't read this agent's rules" : "Reading this agent's rules",
-        className: "inline-flex h-6 shrink-0 items-center gap-1 rounded-md px-1.5 text-xs font-medium text-muted-foreground"
-      },
-      /* @__PURE__ */ React.createElement(Eye, { className: "h-3 w-3 shrink-0", "aria-hidden": true }),
-      /* @__PURE__ */ React.createElement("span", { className: "tabular-nums" }, agentReadFailed ? "\u2014" : rows.length)
+        className: "inline-flex h-6 shrink-0 items-center gap-1 rounded-md px-1.5 text-xs font-medium text-muted-foreground",
+        children: [
+          /* @__PURE__ */ jsx(Eye, { className: "h-3 w-3 shrink-0", "aria-hidden": true }),
+          /* @__PURE__ */ jsx("span", { className: "tabular-nums", children: agentReadFailed ? "\u2014" : rows.length })
+        ]
+      }
     );
   }
   const mismatches = receiptEntry?.mismatches ?? [];
@@ -185,7 +188,7 @@ function ConversationContextChip({
       if (row.userRule) save(row.key, row.surfaceKey, null);
     }
   };
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     ContextRulesChip,
     {
       label: "",

package/dist/agents/components/inputs/smart-input/ConversationContextRail.js

@@ -1,4 +1,5 @@
 "use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useEffect } from "react";
 import {
   FileText,
@@ -102,7 +103,7 @@ function entryHasValue(e) {
 }
 function ConversationContextRail(props) {
   const { database } = useConversationAbilities();
-  return database ? /* @__PURE__ */ React.createElement(ConversationContextRailBody, { ...props }) : null;
+  return database ? /* @__PURE__ */ jsx(ConversationContextRailBody, { ...props }) : null;
 }
 function ConversationContextRailBody({
   conversationId,
@@ -337,94 +338,119 @@ function ConversationContextRailBody({
   const maxInline = isMobile ? 2 : 5;
   const inline = presentation === "overflow-only" ? [] : items.length <= maxInline ? items : items.slice(0, maxInline - 1);
   const overflow = presentation === "overflow-only" ? items : items.length <= maxInline ? [] : items.slice(maxInline - 1);
-  const detailSurfaces = /* @__PURE__ */ React.createElement(DetailSurfaces, { conversationId });
+  const detailSurfaces = /* @__PURE__ */ jsx(DetailSurfaces, { conversationId });
   const railShown = items.length > 0 || showSetScopeCta || contextChipShown || withAttachments;
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, railShown ? /* @__PURE__ */ React.createElement(
-    "div",
-    {
-      className: cn(
-        "flex min-w-0 items-center gap-1.5 px-0.5 pb-1",
-        withAttachments && "hidden has-[[data-rail-entry]]:flex",
-        className
-      ),
-      "data-surface-value": surfaceValueName
-    },
-    /* @__PURE__ */ React.createElement("div", { className: "scrollbar-none flex min-w-0 flex-1 items-center gap-1.5 overflow-x-auto" }, showSetScopeCta && /* @__PURE__ */ React.createElement(
-      "span",
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    railShown ? /* @__PURE__ */ jsxs(
+      "div",
       {
-        "data-rail-entry": "",
-        className: "shrink-0",
-        title: "This agent needs a scope you haven't set yet"
-      },
-      /* @__PURE__ */ React.createElement(ActiveContextLensChip, { iconOnly: true, attention: true })
-    ), withAttachments ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
-      SmartAgentResourceChips,
-      {
-        conversationId,
-        surfaceValueName: attachmentsSurfaceValueName,
-        inline: true
-      }
-    ), /* @__PURE__ */ React.createElement(AttachedDocumentChips, { conversationId, inline: true })) : null, inline.map((item) => /* @__PURE__ */ React.createElement(RailPill, { key: item.id, item })), overflow.length > 0 && /* @__PURE__ */ React.createElement(DropdownMenu, null, /* @__PURE__ */ React.createElement(DropdownMenuTrigger, { asChild: true }, /* @__PURE__ */ React.createElement(
-      ComposerChip,
-      {
-        tone: "quiet",
-        "data-rail-entry": "",
-        title: `${overflow.length} more`,
-        "aria-label": `${overflow.length} more`,
-        icon: /* @__PURE__ */ React.createElement(MoreHorizontal, null),
-        label: /* @__PURE__ */ React.createElement("span", { className: "tabular-nums" }, overflow.length)
-      }
-    )), /* @__PURE__ */ React.createElement(DropdownMenuContent, { align: "end", side: "top", className: "w-56" }, overflow.map((item) => {
-      const Icon = item.icon;
-      return /* @__PURE__ */ React.createElement(
-        DropdownMenuItem,
-        {
-          key: item.id,
-          onSelect: () => {
-            void openAfterCurrentLayerCloses(item.onOpen);
-          },
-          className: "gap-2"
-        },
-        item.busy ? /* @__PURE__ */ React.createElement(Loader2, { className: "h-4 w-4 shrink-0 animate-spin text-muted-foreground" }) : /* @__PURE__ */ React.createElement(
-          Icon,
-          {
-            className: cn(
-              "h-4 w-4 shrink-0",
-              item.tone === "primary" ? "text-primary" : "text-muted-foreground"
-            )
-          }
+        className: cn(
+          "flex min-w-0 items-center gap-1.5 px-0.5 pb-1",
+          withAttachments && "hidden has-[[data-rail-entry]]:flex",
+          className
         ),
-        /* @__PURE__ */ React.createElement("span", { className: "min-w-0 flex-1 truncate" }, item.label),
-        item.detail && /* @__PURE__ */ React.createElement("span", { className: "shrink-0 text-[10px] tabular-nums text-muted-foreground" }, item.detail)
-      );
-    })))),
-    contextChipShown ? /* @__PURE__ */ React.createElement("div", { "data-rail-entry": "", className: "ml-auto flex shrink-0 items-center" }, /* @__PURE__ */ React.createElement(
-      ConversationContextChip,
-      {
-        conversationId,
-        agentId: agentId ?? null
+        "data-surface-value": surfaceValueName,
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "scrollbar-none flex min-w-0 flex-1 items-center gap-1.5 overflow-x-auto", children: [
+            showSetScopeCta && /* @__PURE__ */ jsx(
+              "span",
+              {
+                "data-rail-entry": "",
+                className: "shrink-0",
+                title: "This agent needs a scope you haven't set yet",
+                children: /* @__PURE__ */ jsx(ActiveContextLensChip, { iconOnly: true, attention: true })
+              }
+            ),
+            withAttachments ? /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx(
+                SmartAgentResourceChips,
+                {
+                  conversationId,
+                  surfaceValueName: attachmentsSurfaceValueName,
+                  inline: true
+                }
+              ),
+              /* @__PURE__ */ jsx(AttachedDocumentChips, { conversationId, inline: true })
+            ] }) : null,
+            inline.map((item) => /* @__PURE__ */ jsx(RailPill, { item }, item.id)),
+            overflow.length > 0 && /* @__PURE__ */ jsxs(DropdownMenu, { children: [
+              /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+                ComposerChip,
+                {
+                  tone: "quiet",
+                  "data-rail-entry": "",
+                  title: `${overflow.length} more`,
+                  "aria-label": `${overflow.length} more`,
+                  icon: /* @__PURE__ */ jsx(MoreHorizontal, {}),
+                  label: /* @__PURE__ */ jsx("span", { className: "tabular-nums", children: overflow.length })
+                }
+              ) }),
+              /* @__PURE__ */ jsx(DropdownMenuContent, { align: "end", side: "top", className: "w-56", children: overflow.map((item) => {
+                const Icon = item.icon;
+                return /* @__PURE__ */ jsxs(
+                  DropdownMenuItem,
+                  {
+                    onSelect: () => {
+                      void openAfterCurrentLayerCloses(item.onOpen);
+                    },
+                    className: "gap-2",
+                    children: [
+                      item.busy ? /* @__PURE__ */ jsx(Loader2, { className: "h-4 w-4 shrink-0 animate-spin text-muted-foreground" }) : /* @__PURE__ */ jsx(
+                        Icon,
+                        {
+                          className: cn(
+                            "h-4 w-4 shrink-0",
+                            item.tone === "primary" ? "text-primary" : "text-muted-foreground"
+                          )
+                        }
+                      ),
+                      /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate", children: item.label }),
+                      item.detail && /* @__PURE__ */ jsx("span", { className: "shrink-0 text-[10px] tabular-nums text-muted-foreground", children: item.detail })
+                    ]
+                  },
+                  item.id
+                );
+              }) })
+            ] })
+          ] }),
+          contextChipShown ? /* @__PURE__ */ jsx("div", { "data-rail-entry": "", className: "ml-auto flex shrink-0 items-center", children: /* @__PURE__ */ jsx(
+            ConversationContextChip,
+            {
+              conversationId,
+              agentId: agentId ?? null
+            }
+          ) }) : null
+        ]
       }
-    )) : null
-  ) : null, detailSurfaces);
+    ) : null,
+    detailSurfaces
+  ] });
 }
 function RailPill({ item }) {
   const Icon = item.icon;
-  return /* @__PURE__ */ React.createElement(Tooltip, null, /* @__PURE__ */ React.createElement(TooltipTrigger, { asChild: true }, /* @__PURE__ */ React.createElement("span", { "data-rail-entry": "", className: "inline-flex shrink-0" }, /* @__PURE__ */ React.createElement(
-    ComposerChip,
-    {
-      tone: item.tone === "primary" ? "primary" : "neutral",
-      pressed: item.active ? true : void 0,
-      busy: item.busy,
-      icon: /* @__PURE__ */ React.createElement(Icon, null),
-      label: item.word,
-      onClick: item.onOpen,
-      "aria-label": item.label,
-      remove: item.onRemove ? { label: `Remove ${item.label}`, onRemove: item.onRemove } : void 0
-    }
-  ))), /* @__PURE__ */ React.createElement(TooltipContent, { side: "top", className: "max-w-[16rem]" }, /* @__PURE__ */ React.createElement("div", { className: "font-medium text-popover-foreground" }, item.label), item.detail && /* @__PURE__ */ React.createElement("div", { className: "mt-0.5 text-muted-foreground" }, item.detail), item.hint && /* @__PURE__ */ React.createElement("div", { className: "mt-0.5 text-[10px] text-muted-foreground/80" }, item.hint)));
+  return /* @__PURE__ */ jsxs(Tooltip, { children: [
+    /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx("span", { "data-rail-entry": "", className: "inline-flex shrink-0", children: /* @__PURE__ */ jsx(
+      ComposerChip,
+      {
+        tone: item.tone === "primary" ? "primary" : "neutral",
+        pressed: item.active ? true : void 0,
+        busy: item.busy,
+        icon: /* @__PURE__ */ jsx(Icon, {}),
+        label: item.word,
+        onClick: item.onOpen,
+        "aria-label": item.label,
+        remove: item.onRemove ? { label: `Remove ${item.label}`, onRemove: item.onRemove } : void 0
+      }
+    ) }) }),
+    /* @__PURE__ */ jsxs(TooltipContent, { side: "top", className: "max-w-[16rem]", children: [
+      /* @__PURE__ */ jsx("div", { className: "font-medium text-popover-foreground", children: item.label }),
+      item.detail && /* @__PURE__ */ jsx("div", { className: "mt-0.5 text-muted-foreground", children: item.detail }),
+      item.hint && /* @__PURE__ */ jsx("div", { className: "mt-0.5 text-[10px] text-muted-foreground/80", children: item.hint })
+    ] })
+  ] });
 }
 function DetailSurfaces({ conversationId }) {
-  return /* @__PURE__ */ React.createElement(CloudBrowserHandoffCanvasOpener, { conversationId });
+  return /* @__PURE__ */ jsx(CloudBrowserHandoffCanvasOpener, { conversationId });
 }
 export {
   ConversationContextRail