@arbidocs/blocks 0.3.185 → 0.4.1

package/dist/chunk-AZQDNYH4.js

@@ -0,0 +1,2865 @@
+"use client";
+import { BlocksTooltipProvider } from './chunk-YDHO4AVL.js';
+import { testIdOr, prefixedTestId } from './chunk-7F6CBP3Z.js';
+import { forwardRef, useState, useRef, memo, useId, useEffect, useCallback, useMemo, Fragment as Fragment$1 } from 'react';
+import { FileText, ChevronDown, Globe, BookOpen, ChevronsUpDown, Search, Pencil, SquareSlash, Sparkles, ChevronUp, MoreHorizontal, RotateCw, AlertCircle, ArrowLeft, Edit3, Send, Loader2, Square, Mic, ArrowDown, Pin, X, GanttChartSquare, ArrowUpRight, Network, ArrowRight, Crown, Glasses, Zap, Check, Settings, Plus, Bot, Download, MessageCircleQuestion, Clock, Play, Pause, MessageSquare, CheckCircle, Tag, FileUp, User } from 'lucide-react';
+import { cn, Textarea, Button, HoverCardContent, Input, Badge, PopoverTrigger, Popover, PopoverAnchor, PopoverContent, DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, Tooltip, TooltipTrigger, TooltipContent, PassageCard, Tabs, TabsList, TabsTrigger, TabsContent } from '@arbidocs/react/ui';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import DOMPurify from 'dompurify';
+
+var DEFAULT_MESSAGE_LABELS = {
+  subagentBadge: "sub-agent",
+  hideSteps: "Hide steps",
+  showSteps: "Show steps",
+  stepCount: (count) => `${count} step${count !== 1 ? "s" : ""}`,
+  openSource: (num, title) => `Open source ${num}: ${title}`,
+  openSourceAria: (num, title, page) => `Open source ${num}: ${title}${page != null ? `, page ${page}` : ""}`,
+  page: (page) => `p. ${page}`,
+  pages: (pages) => `pp. ${pages.join(", ")}`,
+  moreActionsTitle: "More actions",
+  moreActionsAria: "More message actions"
+};
+function MessageRoot({
+  role,
+  messageId,
+  tone = "default",
+  testId = `message-${messageId}`,
+  className,
+  children,
+  ...rest
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "message",
+      "data-testid": testId,
+      "data-message-role": role,
+      className: cn(
+        "group mx-auto mb-1 flex w-full max-w-[46rem] justify-center",
+        tone === "error" ? "rounded-lg bg-red-bg" : tone === "subagent" ? "rounded-lg bg-muted/40" : "bg-background",
+        className
+      ),
+      ...rest,
+      children
+    }
+  );
+}
+function MessageContent({
+  role,
+  messageId,
+  testId = `message-content-${messageId}`,
+  className,
+  children,
+  ...rest
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "message-content",
+      "data-testid": testId,
+      className: cn(
+        "w-full max-w-full overflow-hidden text-chat",
+        role === "user" && "flex flex-col items-end",
+        className
+      ),
+      ...rest,
+      children
+    }
+  );
+}
+var MessageBubble = forwardRef(function MessageBubble2({ role, messageId, isEditing, isQueued, testId, className, children, ...rest }, ref) {
+  const isUser = role === "user";
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      "data-slot": "message-bubble",
+      "data-testid": testId ?? (isUser ? `user-message-${messageId}` : `assistant-message-${messageId}`),
+      className: cn(
+        "overflow-hidden transition-colors",
+        isUser && "max-w-[80%] rounded-lg bg-muted",
+        isEditing && "ring-2 ring-inset ring-primary/30",
+        className
+      ),
+      ...rest,
+      children: /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: cn(
+            isUser ? "px-4 py-2.5" : "px-4 py-3 sm:pl-9 sm:pr-0",
+            isQueued && "opacity-70"
+          ),
+          children
+        }
+      )
+    }
+  );
+});
+function MessageByline({
+  messageId,
+  identity,
+  timeLabel,
+  isSettled,
+  isFailed,
+  statusLabel,
+  className,
+  testId = `assistant-byline-${messageId}`,
+  statusTestId
+}) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-slot": "message-byline",
+      "data-testid": testId,
+      className: cn("mb-2 flex min-w-0 items-center gap-2 text-sm sm:-ml-9", className),
+      children: [
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: "flex h-7 w-7 shrink-0 items-center justify-center rounded-full bg-ai-soft text-ai-ink",
+            "aria-hidden": "true",
+            children: /* @__PURE__ */ jsx(Sparkles, { size: 14 })
+          }
+        ),
+        identity,
+        /* @__PURE__ */ jsx("span", { className: "truncate text-xs text-muted-foreground", children: timeLabel }),
+        isSettled && /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", "aria-hidden": "true", children: "\xB7" }),
+        isSettled && /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: cn(
+              "shrink-0 text-xs",
+              isFailed ? "font-medium text-red-text" : "text-muted-foreground"
+            ),
+            "data-testid": testIdOr(statusTestId, { testId: "assistant-status" }),
+            children: statusLabel
+          }
+        )
+      ]
+    }
+  );
+}
+function MessageSubagentBadge({
+  messageId,
+  children,
+  labels,
+  className,
+  testId = `subagent-task-badge-${messageId}`
+}) {
+  const l = { ...DEFAULT_MESSAGE_LABELS, ...labels };
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      "data-slot": "message-subagent-badge",
+      className: cn(
+        "mb-2 inline-block rounded bg-muted px-1 py-0.5 text-xs font-semibold uppercase leading-none tracking-wide text-muted-foreground",
+        className
+      ),
+      "data-testid": testId,
+      children: children ?? l.subagentBadge
+    }
+  );
+}
+function MessageBody({
+  messageId,
+  className,
+  children,
+  testId = `message-body-${messageId}`
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "message-body",
+      className: cn("markdown-content m-0 p-0 text-base leading-relaxed", className),
+      "data-testid": testId,
+      children
+    }
+  );
+}
+function MessageNarration({
+  messageId,
+  children,
+  className,
+  testId = `message-narration-${messageId}`
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "message-narration",
+      className: cn("opacity-50 transition-opacity duration-300", className),
+      "data-provisional": "true",
+      "data-testid": testId,
+      children
+    }
+  );
+}
+function SourceChip({
+  num,
+  title,
+  page,
+  pages,
+  onOpen,
+  className,
+  labels,
+  testId = `source-chip-${num}`
+}) {
+  const l = { ...DEFAULT_MESSAGE_LABELS, ...labels };
+  const pageText = pages && pages.length > 1 ? l.pages(pages) : page != null ? l.page(page) : null;
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      type: "button",
+      "data-slot": "source-chip",
+      onClick: onOpen,
+      className: cn(
+        "inline-flex min-h-8 max-w-full items-center gap-2 rounded-md bg-muted px-2 py-1 text-sm text-foreground transition-colors hover:bg-accent focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring pointer-coarse:min-h-11",
+        className
+      ),
+      title: l.openSource(num, title),
+      "aria-label": l.openSourceAria(num, title, page),
+      "data-testid": testId,
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "inline-flex h-5 min-w-5 items-center justify-center rounded-sm bg-ai-soft px-1 text-xs font-semibold text-ai-ink", children: num }),
+        /* @__PURE__ */ jsx("span", { className: "min-w-0 truncate", children: title }),
+        pageText && /* @__PURE__ */ jsx("span", { className: "shrink-0 text-xs text-muted-foreground", children: pageText })
+      ]
+    }
+  );
+}
+function mergeSourcesByFile(sources) {
+  const byTitle = /* @__PURE__ */ new Map();
+  for (const s of sources) {
+    const group = byTitle.get(s.title) ?? { nums: [], title: s.title, pages: [] };
+    group.nums.push(s.num);
+    if (s.page != null && !group.pages.includes(s.page)) group.pages.push(s.page);
+    byTitle.set(s.title, group);
+  }
+  return [...byTitle.values()];
+}
+function MessageSources({
+  messageId,
+  sources,
+  onOpenSource,
+  className,
+  labels,
+  testId = `source-chips-${messageId}`
+}) {
+  if (sources.length === 0) return null;
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "message-sources",
+      className: cn("mt-3 flex flex-wrap gap-2", className),
+      "data-testid": testId,
+      children: mergeSourcesByFile(sources).map((g) => /* @__PURE__ */ jsx(
+        SourceChip,
+        {
+          num: g.nums.join(", "),
+          testId: `source-chip-${g.nums[0]}`,
+          title: g.title,
+          page: g.pages[0],
+          pages: g.pages,
+          onOpen: () => onOpenSource(g.nums[0]),
+          labels
+        },
+        g.nums[0]
+      ))
+    }
+  );
+}
+function MessageFooter({
+  role,
+  leading,
+  actions,
+  steps,
+  className,
+  labels,
+  stepsToggleTestId
+}) {
+  const l = { ...DEFAULT_MESSAGE_LABELS, ...labels };
+  const isUser = role === "user";
+  const showSteps = !isUser && !!steps && steps.count > 0;
+  const row = /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "flex items-center text-sm",
+        isUser ? "justify-end gap-2 text-xs" : "justify-between"
+      ),
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+          leading,
+          showSteps && /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+            "button",
+            {
+              type: "button",
+              className: "flex items-center gap-1 text-muted-foreground transition-colors hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring pointer-coarse:min-h-11",
+              "aria-expanded": steps.open,
+              "aria-label": steps.open ? l.hideSteps : l.showSteps,
+              "data-testid": testIdOr(stepsToggleTestId, { testId: "steps-toggle" }),
+              children: [
+                steps.open ? /* @__PURE__ */ jsx(ChevronDown, { size: 14 }) : /* @__PURE__ */ jsx(ChevronUp, { size: 14 }),
+                /* @__PURE__ */ jsx("span", { className: "tabular-nums", children: l.stepCount(steps.count) })
+              ]
+            }
+          ) })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1", children: actions })
+      ]
+    }
+  );
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "message-footer",
+      className: cn(
+        "text-muted-foreground",
+        isUser ? "mt-1 max-w-full self-end" : "mt-3",
+        className
+      ),
+      children: steps ? /* @__PURE__ */ jsxs(Popover, { open: steps.open, onOpenChange: steps.onOpenChange, children: [
+        /* @__PURE__ */ jsx(PopoverAnchor, { asChild: true, children: row }),
+        !isUser && steps.count > 0 && /* @__PURE__ */ jsx(
+          PopoverContent,
+          {
+            side: "top",
+            align: "start",
+            sideOffset: 8,
+            className: "max-h-[min(60vh,32rem)] w-[var(--radix-popover-trigger-width)] overflow-y-auto rounded-lg border border-border bg-popover p-0 shadow-lg",
+            children: steps.panel
+          }
+        )
+      ] }) : row
+    }
+  );
+}
+var MessageActionButton = forwardRef(
+  function MessageActionButton2({ isDone, className, type = "button", ...rest }, ref) {
+    return /* @__PURE__ */ jsx(
+      "button",
+      {
+        ref,
+        type,
+        "data-slot": "message-action",
+        className: cn(
+          "inline-flex h-8 w-8 items-center justify-center rounded-md text-muted-foreground transition-colors hover:bg-muted hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:opacity-50 pointer-coarse:h-11 pointer-coarse:w-11",
+          isDone && "text-green-text",
+          className
+        ),
+        ...rest
+      }
+    );
+  }
+);
+function MessageActionMenu({
+  items,
+  testId,
+  label,
+  labels,
+  className
+}) {
+  const l = { ...DEFAULT_MESSAGE_LABELS, ...labels };
+  return /* @__PURE__ */ jsxs(DropdownMenu, { children: [
+    /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+      MessageActionButton,
+      {
+        onClick: (e) => e.stopPropagation(),
+        className,
+        title: l.moreActionsTitle,
+        "aria-label": label ?? l.moreActionsAria,
+        "data-testid": testId,
+        children: /* @__PURE__ */ jsx(MoreHorizontal, { size: 16 })
+      }
+    ) }),
+    /* @__PURE__ */ jsx(DropdownMenuContent, { align: "end", children: items.map((item) => /* @__PURE__ */ jsxs(
+      DropdownMenuItem,
+      {
+        onClick: (e) => {
+          e.stopPropagation();
+          item.onSelect();
+        },
+        className: item.tone === "danger" ? "text-red-text focus:text-red-text" : void 0,
+        "data-testid": item.testId,
+        children: [
+          item.icon,
+          item.label
+        ]
+      },
+      item.id
+    )) })
+  ] });
+}
+var Message = {
+  Root: MessageRoot,
+  Content: MessageContent,
+  Bubble: MessageBubble,
+  Byline: MessageByline,
+  SubagentBadge: MessageSubagentBadge,
+  Body: MessageBody,
+  Narration: MessageNarration,
+  Sources: MessageSources,
+  Footer: MessageFooter,
+  ActionButton: MessageActionButton,
+  ActionMenu: MessageActionMenu
+};
+var DEFAULT_MESSAGE_ALERT_LABELS = {
+  retrying: "Retrying...",
+  retry: "Retry"
+};
+function MessageAlert({
+  title,
+  description,
+  isBusy = false,
+  busyTitle,
+  labels,
+  onActivate,
+  actions,
+  className,
+  testId = "message-alert"
+}) {
+  const l = { ...DEFAULT_MESSAGE_ALERT_LABELS, ...labels };
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "message-alert",
+      role: isBusy ? "status" : "alert",
+      "aria-busy": isBusy,
+      className: cn(
+        "mb-3 rounded-lg border border-red-border bg-red-bg px-4 py-2 transition-colors",
+        className
+      ),
+      "data-testid": testId,
+      children: /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3", children: [
+        isBusy ? /* @__PURE__ */ jsx(
+          RotateCw,
+          {
+            "aria-hidden": "true",
+            className: "mt-0.5 h-5 w-5 shrink-0 animate-spin text-red-text motion-reduce:animate-none"
+          }
+        ) : /* @__PURE__ */ jsx(AlertCircle, { "aria-hidden": "true", className: "mt-0.5 h-5 w-5 shrink-0 text-red-text" }),
+        /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ jsx("p", { className: "mb-1 text-base font-medium text-red-text", children: isBusy ? busyTitle ?? l.retrying : title }),
+          /* @__PURE__ */ jsx("p", { className: "mb-1 text-sm text-muted-foreground", children: description }),
+          (actions || onActivate) && /* @__PURE__ */ jsxs("div", { className: "mt-2 flex flex-wrap gap-2", children: [
+            actions,
+            onActivate && /* @__PURE__ */ jsxs(
+              Button,
+              {
+                type: "button",
+                size: "sm",
+                variant: "outline",
+                className: "pointer-coarse:min-h-11",
+                disabled: isBusy,
+                onClick: onActivate,
+                "data-testid": `${testId}-retry`,
+                children: [
+                  /* @__PURE__ */ jsx(RotateCw, { "aria-hidden": "true", className: "mr-2 h-4 w-4" }),
+                  l.retry
+                ]
+              }
+            )
+          ] })
+        ] })
+      ] })
+    }
+  );
+}
+var DEFAULT_MESSAGE_LIST_LABELS = {
+  messageList: "Message list",
+  startConversation: "Start a new conversation",
+  backToConversation: "Back to conversation \u2014 this is a sub-agent's delegated thread",
+  conversationMessages: "Conversation messages",
+  responding: "Assistant is responding",
+  responseComplete: (text) => text ? `Response complete: ${text}` : "Response complete"
+};
+function MessageListRoot({
+  className,
+  children,
+  isBusy = false,
+  labels,
+  testId = "message-list",
+  ...rest
+}) {
+  const l = { ...DEFAULT_MESSAGE_LIST_LABELS, ...labels };
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "message-list",
+      style: { containerType: "inline-size" },
+      "data-testid": testId,
+      role: "log",
+      "aria-live": "off",
+      "aria-busy": isBusy,
+      "aria-label": l.messageList,
+      className,
+      ...rest,
+      children
+    }
+  );
+}
+function MessageListStatus({
+  message,
+  testId = "message-list-status"
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "message-list-status",
+      role: "status",
+      "aria-live": "polite",
+      "aria-atomic": "true",
+      className: "sr-only",
+      "data-testid": testId,
+      children: message
+    }
+  );
+}
+function MessageListEmpty({
+  children,
+  labels,
+  className,
+  testId = "message-list-empty"
+}) {
+  const l = { ...DEFAULT_MESSAGE_LIST_LABELS, ...labels };
+  return /* @__PURE__ */ jsx("div", { className: cn("flex h-64 items-center justify-center", className), "data-testid": testId, children: /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: children ?? l.startConversation }) });
+}
+function MessageListBanner({
+  onBack,
+  children,
+  labels,
+  className,
+  testId = "back-to-conversation-button"
+}) {
+  const l = { ...DEFAULT_MESSAGE_LIST_LABELS, ...labels };
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "message-list-banner",
+      className: cn(
+        "sticky top-0 z-10 border-b border-border/40 bg-background px-3 py-2 sm:px-6",
+        className
+      ),
+      children: /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          onClick: onBack,
+          className: "flex items-center gap-1.5 rounded-md px-2 py-1 text-sm font-medium text-primary transition-colors hover:bg-muted/60 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring pointer-coarse:min-h-11",
+          "data-testid": testId,
+          children: [
+            /* @__PURE__ */ jsx(ArrowLeft, { size: 14 }),
+            children ?? l.backToConversation
+          ]
+        }
+      )
+    }
+  );
+}
+function MessageListRows({
+  totalSize,
+  className,
+  children,
+  labels,
+  ...rest
+}) {
+  const l = { ...DEFAULT_MESSAGE_LIST_LABELS, ...labels };
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "message-list-rows",
+      style: { height: totalSize, position: "relative" },
+      role: "list",
+      "aria-label": l.conversationMessages,
+      className,
+      ...rest,
+      children
+    }
+  );
+}
+var MessageListRow = forwardRef(
+  function MessageListRow2({ index, start, messageId, setSize, className, children, ...rest }, ref) {
+    const style = {
+      position: "absolute",
+      top: 0,
+      left: 0,
+      width: "100%",
+      transform: `translateY(${start}px)`
+    };
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        "data-slot": "message-list-row",
+        "data-index": index,
+        "data-message-id": messageId,
+        role: "listitem",
+        "aria-posinset": setSize === void 0 ? void 0 : index + 1,
+        "aria-setsize": setSize,
+        style,
+        className,
+        ...rest,
+        children: /* @__PURE__ */ jsx("div", { className: cn("w-full px-3 sm:px-6"), children })
+      }
+    );
+  }
+);
+function MessageListTail() {
+  return /* @__PURE__ */ jsx("div", { className: "h-12 sm:h-32", "aria-hidden": "true", children: /* @__PURE__ */ jsx("div", { className: "pointer-events-none h-8 bg-gradient-to-b from-background to-transparent sm:h-20" }) });
+}
+var MessageList = {
+  Root: MessageListRoot,
+  Empty: MessageListEmpty,
+  Banner: MessageListBanner,
+  Status: MessageListStatus,
+  Rows: MessageListRows,
+  Row: MessageListRow,
+  Tail: MessageListTail
+};
+function toSpeakableText(markdown, maxLength = 600) {
+  const flat = markdown.replace(/```[\s\S]*?```/g, " ").replace(/<[^>]+>/g, " ").replace(/!?\[([^\]]*)\]\([^)]*\)/g, "$1").replace(/[*_`#>~|]/g, "").replace(/\s+/g, " ").trim();
+  if (flat.length <= maxLength) return flat;
+  const cut = flat.slice(0, maxLength);
+  const lastSpace = cut.lastIndexOf(" ");
+  return `${(lastSpace > maxLength / 2 ? cut.slice(0, lastSpace) : cut).trimEnd()}\u2026`;
+}
+function useStreamAnnouncement({
+  isStreaming,
+  text,
+  resetKey,
+  maxLength,
+  labels
+}) {
+  const l = { ...DEFAULT_MESSAGE_LIST_LABELS, ...labels };
+  const [message, setMessage] = useState("");
+  const wasStreaming = useRef(isStreaming);
+  const textRef = useRef(text);
+  textRef.current = text;
+  const lastKey = useRef(resetKey);
+  useEffect(() => {
+    if (lastKey.current !== resetKey) {
+      lastKey.current = resetKey;
+      wasStreaming.current = isStreaming;
+      setMessage("");
+      return;
+    }
+    if (isStreaming === wasStreaming.current) return;
+    wasStreaming.current = isStreaming;
+    setMessage(
+      isStreaming ? l.responding : l.responseComplete(toSpeakableText(textRef.current, maxLength))
+    );
+  }, [isStreaming, resetKey]);
+  return message;
+}
+var DEFAULT_COMPOSER_LABELS = {
+  branchingNotice: "Editing message. Submit to send, or cancel to go back.",
+  cancel: "Cancel",
+  inputAriaLabel: "Write your prompt here",
+  pastedText: "Pasted text",
+  pasteSummary: (lines, characters) => `${lines} lines \xB7 ${characters} characters`,
+  expand: "Expand",
+  retryMessage: "Retry message",
+  sendMessage: "Send message",
+  voiceButton: "Press and hold to speak",
+  jumpToBottom: "Jump to bottom"
+};
+function ComposerRoot({
+  onSubmit,
+  notice,
+  isBranching,
+  formRef,
+  testId = "message-input",
+  formTestId,
+  className,
+  children,
+  ...rest
+}) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-slot": "composer",
+      className: cn("relative z-[20] shrink-0", isBranching && "bg-muted/30"),
+      "data-testid": testId,
+      children: [
+        notice,
+        /* @__PURE__ */ jsx(
+          "form",
+          {
+            ref: formRef,
+            onSubmit,
+            ...rest,
+            className: cn("relative w-full", className),
+            "data-testid": testIdOr(formTestId, { testId: "message-input-form" }),
+            children
+          }
+        )
+      ]
+    }
+  );
+}
+function ComposerBranchingNotice({
+  onCancel,
+  children,
+  labels,
+  testId = "message-input-branching-indicator",
+  cancelTestId,
+  className,
+  ...rest
+}) {
+  const l = { ...DEFAULT_COMPOSER_LABELS, ...labels };
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ...rest,
+      "data-slot": "composer-notice",
+      className: cn("mb-2 flex items-center rounded-md bg-muted px-3 py-1.5 text-sm", className),
+      "data-testid": testId,
+      children: [
+        /* @__PURE__ */ jsx(Edit3, { size: 16, className: "mr-2 text-muted-foreground" }),
+        /* @__PURE__ */ jsx("span", { className: "flex-1 text-muted-foreground", children: children ?? l.branchingNotice }),
+        onCancel && /* @__PURE__ */ jsx(
+          Button,
+          {
+            type: "button",
+            variant: "outline",
+            size: "sm",
+            className: "ml-2",
+            onClick: onCancel,
+            "data-testid": testIdOr(cancelTestId, { testId: "cancel-branching-button" }),
+            children: l.cancel
+          }
+        )
+      ]
+    }
+  );
+}
+var INTERACTIVE = 'button, a, input, textarea, select, [role="button"], [contenteditable="true"]';
+function ComposerFrame({ className, children, ...rest }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "composer-frame",
+      className: cn(
+        "relative flex w-full flex-col rounded-lg border border-border bg-background px-4 py-3 shadow-lg transition-shadow focus-within:shadow-xl",
+        className
+      ),
+      onMouseDown: (e) => {
+        const target = e.target;
+        if (target.closest(INTERACTIVE)) return;
+        e.preventDefault();
+        e.currentTarget.querySelector("textarea")?.focus();
+      },
+      ...rest,
+      children
+    }
+  );
+}
+function scrollToLastContentLine(textarea) {
+  if (!textarea) return;
+  const text = textarea.value;
+  const lines = text.split("\n");
+  const trimmedLines = text.trimEnd().split("\n");
+  if (lines.length - trimmedLines.length > 0 && trimmedLines.length > 0) {
+    const lineHeight = parseFloat(getComputedStyle(textarea).lineHeight) || 24;
+    textarea.scrollTop = (trimmedLines.length - 1) * lineHeight;
+  } else {
+    textarea.scrollTop = textarea.scrollHeight;
+  }
+}
+var ComposerInput = forwardRef(
+  function ComposerInput2({
+    value,
+    onValueChange,
+    onKeyDown,
+    submitOnEnter = true,
+    onPaste,
+    placeholder,
+    textareaRef,
+    isSuggestion,
+    isRoomy,
+    isPasteCollapsed,
+    onExpandPaste,
+    ariaLabel,
+    textareaProps,
+    className,
+    labels,
+    testId = "message-input-textarea",
+    pasteChipTestId
+  }, forwardedRef) {
+    const l = { ...DEFAULT_COMPOSER_LABELS, ...labels };
+    const [isFocused, setIsFocused] = useState(false);
+    const [isHovered, setIsHovered] = useState(false);
+    const innerRef = useRef(null);
+    const setRefs = (node) => {
+      innerRef.current = node;
+      for (const ref of [forwardedRef, textareaRef]) {
+        if (typeof ref === "function") ref(node);
+        else if (ref) ref.current = node;
+      }
+    };
+    const handleKeyDown = (event) => {
+      onKeyDown?.(event);
+      if (event.defaultPrevented || !submitOnEnter) return;
+      if (event.key !== "Enter" || event.shiftKey || event.altKey) return;
+      if (event.nativeEvent.isComposing || event.keyCode === 229) return;
+      event.preventDefault();
+      event.currentTarget.form?.requestSubmit();
+    };
+    if (isPasteCollapsed) {
+      const lineCount = value.split("\n").length;
+      return /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          "data-slot": "composer-paste-chip",
+          onClick: onExpandPaste,
+          className: "flex w-full items-center gap-2 rounded-md bg-muted/50 px-3 py-2 text-left transition-colors hover:bg-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/40",
+          "data-testid": testIdOr(pasteChipTestId, { testId: "long-paste-placeholder" }),
+          "data-full-length": value.length,
+          children: [
+            /* @__PURE__ */ jsx(FileText, { className: "h-4 w-4 shrink-0 text-muted-foreground", "aria-hidden": "true" }),
+            /* @__PURE__ */ jsxs("span", { className: "min-w-0 flex-1", children: [
+              /* @__PURE__ */ jsx("span", { className: "block text-sm font-medium text-foreground", children: l.pastedText }),
+              /* @__PURE__ */ jsx("span", { className: "block text-xs text-muted-foreground", children: l.pasteSummary(lineCount, value.length.toLocaleString()) })
+            ] }),
+            /* @__PURE__ */ jsxs("span", { className: "flex shrink-0 items-center gap-1 text-xs font-medium text-muted-foreground", children: [
+              l.expand,
+              /* @__PURE__ */ jsx(ChevronDown, { className: "h-3.5 w-3.5", "aria-hidden": "true" })
+            ] })
+          ]
+        }
+      );
+    }
+    return /* @__PURE__ */ jsx(
+      Textarea,
+      {
+        ...textareaProps,
+        "aria-label": ariaLabel ?? l.inputAriaLabel,
+        placeholder,
+        "data-suggested-query": isSuggestion ? "true" : void 0,
+        rows: 1,
+        ref: setRefs,
+        value,
+        onChange: (event) => onValueChange(event.target.value),
+        onPaste,
+        onKeyDown: handleKeyDown,
+        disabled: false,
+        className: cn(
+          "scrollbar-subtle !min-h-0 pointer-coarse:!min-h-11 pointer-coarse:py-2.5 w-full resize-none border-0 bg-transparent p-0 !text-base leading-relaxed text-foreground shadow-none placeholder:text-muted-foreground/50 focus-visible:ring-0 focus-visible:ring-offset-0 md:!text-base",
+          className
+        ),
+        style: {
+          fieldSizing: "content",
+          maxHeight: isFocused || isHovered ? "40vh" : value ? "6.5em" : isRoomy ? "4em" : "1.7em",
+          overflowY: value ? "auto" : "hidden",
+          scrollbarGutter: "stable"
+        },
+        onFocus: () => {
+          setIsFocused(true);
+          requestAnimationFrame(() => {
+            const ta = innerRef.current;
+            if (ta) {
+              ta.setSelectionRange(ta.value.length, ta.value.length);
+              ta.scrollTop = ta.scrollHeight;
+            }
+          });
+        },
+        onBlur: () => {
+          setIsFocused(false);
+          if (!isHovered) requestAnimationFrame(() => scrollToLastContentLine(innerRef.current));
+        },
+        onMouseEnter: () => setIsHovered(true),
+        onMouseLeave: () => {
+          setIsHovered(false);
+          if (!isFocused) requestAnimationFrame(() => scrollToLastContentLine(innerRef.current));
+        },
+        "data-testid": testId
+      }
+    );
+  }
+);
+function ComposerToolbar({ leading, trailing, className }) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-slot": "composer-toolbar",
+      className: cn(
+        "mt-2 flex flex-wrap items-center justify-between gap-x-1 gap-y-0.5",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsx("div", { className: "flex shrink-0 items-center gap-1", children: leading }),
+        /* @__PURE__ */ jsx("div", { className: "ml-auto flex min-w-0 items-center justify-end gap-1", children: trailing })
+      ]
+    }
+  );
+}
+function ComposerSend({
+  onSend,
+  disabled,
+  isRetry,
+  labels,
+  className,
+  testIds
+}) {
+  const l = { ...DEFAULT_COMPOSER_LABELS, ...labels };
+  const sendTestId = testIdOr(testIds?.send, { testId: "send-message-button" });
+  const retryTestId = testIdOr(testIds?.retry, { testId: "retry-button" });
+  return /* @__PURE__ */ jsx(
+    Button,
+    {
+      type: "button",
+      size: "icon",
+      className: cn(
+        "h-9 w-9 shrink-0 pointer-coarse:h-11 pointer-coarse:w-11",
+        // A faded primary is unreadable; a flat muted chip reads as "not available yet" at 4.5:1.
+        "disabled:bg-muted disabled:text-muted-foreground disabled:opacity-100",
+        className
+      ),
+      "aria-label": isRetry ? l.retryMessage : l.sendMessage,
+      disabled,
+      onClick: onSend,
+      "data-testid": isRetry ? retryTestId : sendTestId,
+      children: isRetry ? /* @__PURE__ */ jsx(RotateCw, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ jsx(Send, { className: "h-3.5 w-3.5" })
+    }
+  );
+}
+function ComposerVoiceButton({
+  isRecording,
+  isBusy,
+  onPressStart,
+  onPressEnd,
+  label,
+  labels,
+  className,
+  testIds
+}) {
+  const text = label ?? { ...DEFAULT_COMPOSER_LABELS, ...labels }.voiceButton;
+  const startTestId = testIdOr(testIds?.start, { testId: "start-recording-button" });
+  const recordingTestId = testIdOr(testIds?.recording, { testId: "recording-mic-button" });
+  return /* @__PURE__ */ jsxs(Tooltip, { children: [
+    /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+      Button,
+      {
+        type: "button",
+        variant: "ghost",
+        size: "sm",
+        "aria-label": text,
+        onPointerDown: (e) => {
+          e.preventDefault();
+          onPressStart();
+        },
+        onPointerUp: onPressEnd,
+        onPointerLeave: onPressEnd,
+        onPointerCancel: onPressEnd,
+        disabled: isBusy,
+        className: cn(
+          "h-8 w-8 shrink-0 p-0 hover:bg-muted pointer-coarse:h-11 pointer-coarse:w-11",
+          isRecording && "bg-red-bg",
+          className
+        ),
+        "data-testid": isRecording ? recordingTestId : startTestId,
+        children: isBusy ? /* @__PURE__ */ jsx(Loader2, { className: "h-3.5 w-3.5 animate-spin text-muted-foreground" }) : isRecording ? /* @__PURE__ */ jsx(Square, { className: "h-3 w-3 fill-red-text text-red-text" }) : /* @__PURE__ */ jsx(Mic, { className: "h-4 w-4 text-muted-foreground" })
+      }
+    ) }),
+    /* @__PURE__ */ jsx(TooltipContent, { side: "top", children: text })
+  ] });
+}
+function ComposerContainer({
+  className,
+  children,
+  testId = "message-input-container",
+  ...rest
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ...rest,
+      "data-slot": "composer-container",
+      className: cn("w-full bg-background py-1", className),
+      "data-testid": testId,
+      children
+    }
+  );
+}
+function ComposerDock({ children, floating }) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-slot": "composer-dock",
+      className: "sticky bottom-0 z-40 w-full pb-4 sm:pb-[max(1rem,env(safe-area-inset-bottom))]",
+      children: [
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: "pointer-events-none absolute bottom-full left-0 right-0 h-16 bg-gradient-to-b from-transparent to-background/70",
+            "aria-hidden": "true"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: "pointer-events-none absolute bottom-0 left-0 right-0 h-4 bg-gradient-to-b from-transparent to-background/60 backdrop-blur-sm",
+            "aria-hidden": "true"
+          }
+        ),
+        floating,
+        children
+      ]
+    }
+  );
+}
+function ScrollToBottom({
+  show,
+  onClick,
+  label,
+  labels,
+  className,
+  testId = "scroll-to-bottom-button"
+}) {
+  if (!show) return null;
+  const text = label ?? { ...DEFAULT_COMPOSER_LABELS, ...labels }.jumpToBottom;
+  return /* @__PURE__ */ jsx(
+    Button,
+    {
+      onClick,
+      variant: "outline",
+      size: "icon",
+      className: cn(
+        "absolute -top-12 left-1/2 z-[15] h-10 w-10 -translate-x-1/2 shadow-lg pointer-coarse:h-11 pointer-coarse:w-11",
+        className
+      ),
+      title: text,
+      "aria-label": text,
+      "data-testid": testId,
+      children: /* @__PURE__ */ jsx(ArrowDown, { size: 20 })
+    }
+  );
+}
+var Composer = {
+  Root: ComposerRoot,
+  Notice: ComposerBranchingNotice,
+  Frame: ComposerFrame,
+  Input: ComposerInput,
+  Toolbar: ComposerToolbar,
+  Send: ComposerSend,
+  VoiceButton: ComposerVoiceButton,
+  Container: ComposerContainer,
+  Dock: ComposerDock
+};
+function listOptionId(listboxId, index) {
+  return `${listboxId}-option-${index}`;
+}
+function useListKeyNav({
+  open,
+  items,
+  onPick,
+  onDismiss,
+  resetKey
+}) {
+  const [selectedIndex, setSelectedIndex] = useState(0);
+  const listboxId = useId();
+  const isExpanded = open && items.length > 0;
+  useEffect(() => {
+    setSelectedIndex(0);
+  }, [resetKey, items.length]);
+  const handleKeyDown = useCallback(
+    (event) => {
+      if (!open || items.length === 0) return false;
+      switch (event.key) {
+        case "ArrowDown":
+          event.preventDefault();
+          setSelectedIndex((i) => (i + 1) % items.length);
+          return true;
+        case "ArrowUp":
+          event.preventDefault();
+          setSelectedIndex((i) => (i - 1 + items.length) % items.length);
+          return true;
+        case "Enter":
+        case "Tab": {
+          event.preventDefault();
+          const pick = items[selectedIndex] ?? items[0];
+          if (pick !== void 0) onPick(pick);
+          return true;
+        }
+        case "Escape":
+          event.preventDefault();
+          onDismiss?.();
+          return true;
+        default:
+          return false;
+      }
+    },
+    [open, items, selectedIndex, onPick, onDismiss]
+  );
+  const comboboxProps = isExpanded ? {
+    role: "combobox",
+    "aria-autocomplete": "list",
+    "aria-haspopup": "listbox",
+    "aria-expanded": true,
+    "aria-controls": listboxId,
+    "aria-activedescendant": listOptionId(listboxId, selectedIndex)
+  } : {};
+  return { listboxId, comboboxProps, selectedIndex, setSelectedIndex, handleKeyDown };
+}
+var DEFAULT_SLASH_MENU_LABELS = {
+  hint: "Enter or Tab to insert, Esc to dismiss",
+  commands: "Commands",
+  skills: "Skills",
+  global: "Global",
+  globalTitle: "Shared skill from the marketplace",
+  list: "Commands and skills",
+  resultCount: (count) => `${count} ${count === 1 ? "command" : "commands"} available`,
+  browse: "Browse skills"
+};
+function SectionIcon({ kind }) {
+  return kind === "skill" ? /* @__PURE__ */ jsx(BookOpen, { className: "h-3 w-3", "aria-hidden": "true" }) : /* @__PURE__ */ jsx(SquareSlash, { className: "h-3 w-3", "aria-hidden": "true" });
+}
+var SlashMenu = memo(function SlashMenu2({
+  open,
+  placement = "above",
+  selectedIndex,
+  setSelectedIndex,
+  listboxId: listboxIdProp,
+  items,
+  onBrowse,
+  onSelect,
+  className,
+  labels,
+  testId,
+  testIds
+}) {
+  const l = { ...DEFAULT_SLASH_MENU_LABELS, ...labels };
+  const ownId = useId();
+  const listboxId = listboxIdProp ?? ownId;
+  const scrollRef = useRef(null);
+  useEffect(() => {
+    if (!open) return;
+    const el = scrollRef.current?.querySelector(
+      `[data-slash-index="${selectedIndex}"]`
+    );
+    el?.scrollIntoView?.({ block: "nearest" });
+  }, [open, selectedIndex]);
+  if (!open || items.length === 0) return null;
+  let offset = 0;
+  const SECTIONS = [
+    { kind: "command", label: l.commands },
+    { kind: "skill", label: l.skills }
+  ];
+  const sections = SECTIONS.map(({ kind, label }) => {
+    const rows = items.filter((i) => i.kind === kind);
+    const section = { kind, label, rows, offset };
+    offset += rows.length;
+    return section;
+  }).filter((s) => s.rows.length > 0);
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-slot": "slash-menu",
+      className: cn(
+        "absolute left-0 right-0 z-30 max-h-64 overflow-hidden rounded-md border border-border bg-popover text-popover-foreground shadow-lg",
+        placement === "above" ? "bottom-full mb-2" : "top-full mt-2",
+        className
+      ),
+      onMouseDown: (e) => e.preventDefault(),
+      "data-testid": testIdOr(testId, { testId: "slash-menu" }),
+      children: [
+        /* @__PURE__ */ jsx("div", { className: "border-b border-border/50 px-3 py-1.5 text-xs text-muted-foreground", children: l.hint }),
+        /* @__PURE__ */ jsx("div", { className: "sr-only", role: "status", "aria-live": "polite", "aria-atomic": "true", children: l.resultCount(items.length) }),
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            ref: scrollRef,
+            id: listboxId,
+            role: "listbox",
+            "aria-label": l.list,
+            className: "scrollbar-subtle max-h-56 overflow-y-auto py-1",
+            children: sections.map((section) => /* @__PURE__ */ jsxs(
+              "div",
+              {
+                role: "group",
+                "aria-labelledby": `${listboxId}-section-${section.kind}`,
+                children: [
+                  /* @__PURE__ */ jsxs(
+                    "div",
+                    {
+                      id: `${listboxId}-section-${section.kind}`,
+                      className: "flex items-center gap-1.5 px-3 pb-1 pt-1.5 text-xs font-medium text-muted-foreground",
+                      "data-testid": prefixedTestId(testIds?.section, section.kind, {
+                        testId: `slash-section-${section.kind}`
+                      }),
+                      children: [
+                        /* @__PURE__ */ jsx(SectionIcon, { kind: section.kind }),
+                        /* @__PURE__ */ jsx("span", { children: section.label })
+                      ]
+                    }
+                  ),
+                  section.rows.map((item, idx) => {
+                    const flatIndex = section.offset + idx;
+                    const isActive = flatIndex === selectedIndex;
+                    return /* @__PURE__ */ jsxs(
+                      "div",
+                      {
+                        id: listOptionId(listboxId, flatIndex),
+                        role: "option",
+                        "aria-selected": isActive,
+                        "data-slash-index": flatIndex,
+                        className: cn(
+                          "flex cursor-pointer items-baseline gap-2 px-3 py-1.5 text-sm pointer-coarse:min-h-11 pointer-coarse:items-center",
+                          isActive ? "bg-accent text-accent-foreground" : "hover:bg-accent/50"
+                        ),
+                        onMouseEnter: () => setSelectedIndex(flatIndex),
+                        onClick: () => onSelect(item),
+                        "data-testid": prefixedTestId(testIds?.item, item.name, {
+                          testId: `slash-item-${item.name}`
+                        }),
+                        children: [
+                          /* @__PURE__ */ jsxs("span", { className: "shrink-0 font-mono text-foreground", children: [
+                            "/",
+                            item.name
+                          ] }),
+                          item.argHint && /* @__PURE__ */ jsx("span", { className: "shrink-0 font-mono text-xs text-muted-foreground", children: item.argHint }),
+                          item.description && /* @__PURE__ */ jsx("span", { className: "truncate text-xs text-muted-foreground", children: item.description }),
+                          item.visibility === "global" && /* @__PURE__ */ jsxs(
+                            "span",
+                            {
+                              className: "ml-auto inline-flex shrink-0 items-center gap-1 text-xs text-muted-foreground",
+                              title: l.globalTitle,
+                              children: [
+                                /* @__PURE__ */ jsx(Globe, { className: "h-3 w-3" }),
+                                l.global
+                              ]
+                            }
+                          )
+                        ]
+                      },
+                      item.name
+                    );
+                  })
+                ]
+              },
+              section.kind
+            ))
+          }
+        ),
+        onBrowse && /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            onClick: onBrowse,
+            className: "flex w-full items-center gap-1.5 border-t border-border/50 px-3 py-1.5 text-left text-xs text-muted-foreground hover:bg-accent/50 pointer-coarse:min-h-11",
+            "data-testid": testIdOr(testIds?.browse, { testId: "slash-browse-skills" }),
+            children: [
+              /* @__PURE__ */ jsx(BookOpen, { className: "h-3 w-3", "aria-hidden": "true" }),
+              l.browse
+            ]
+          }
+        )
+      ]
+    }
+  );
+});
+var DEFAULT_PINNED_DOC_CHIP_LABELS = {
+  unpin: "Unpin",
+  unpinDocument: (title) => `Unpin ${title}`
+};
+function PinnedDocChip({
+  title,
+  onUnpin,
+  className,
+  labels,
+  testId = "unpin-document-button"
+}) {
+  const l = { ...DEFAULT_PINNED_DOC_CHIP_LABELS, ...labels };
+  return /* @__PURE__ */ jsxs(
+    "span",
+    {
+      role: "button",
+      tabIndex: 0,
+      "data-slot": "pinned-doc-chip",
+      onClick: (e) => {
+        e.stopPropagation();
+        onUnpin();
+      },
+      onKeyDown: (e) => {
+        if (e.key === "Enter" || e.key === " ") {
+          e.stopPropagation();
+          onUnpin();
+        }
+      },
+      title: l.unpin,
+      "aria-label": l.unpinDocument(title),
+      className: cn(
+        "-mx-0.5 flex min-w-0 items-center gap-1 rounded-sm px-1 text-foreground hover:bg-accent focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+        className
+      ),
+      "data-testid": testId,
+      children: [
+        /* @__PURE__ */ jsx(Pin, { className: "h-3 w-3 shrink-0 fill-primary" }),
+        /* @__PURE__ */ jsx(X, { className: "order-last h-3 w-3 shrink-0 text-muted-foreground" }),
+        /* @__PURE__ */ jsx("span", { className: "truncate text-sm", children: title })
+      ]
+    }
+  );
+}
+var DEFAULT_CONVERSATION_EMPTY_LABELS = {
+  title: "Ask ARBI about your documents",
+  description: "Ask a question and verify every answer against the source.",
+  dropDocuments: "Drop documents here to add them"
+};
+function AddDocumentsArea({
+  onAddDocuments,
+  label,
+  testId
+}) {
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      type: "button",
+      onClick: () => onAddDocuments(),
+      onDragOver: (e) => {
+        if (e.dataTransfer.types.includes("Files")) {
+          e.preventDefault();
+          e.dataTransfer.dropEffect = "copy";
+        }
+      },
+      onDrop: (e) => {
+        const files = Array.from(e.dataTransfer.files ?? []);
+        if (files.length > 0) {
+          e.preventDefault();
+          onAddDocuments(files);
+        }
+      },
+      "data-testid": testId,
+      className: "mx-auto flex w-full max-w-sm items-center justify-center gap-2 rounded-lg bg-muted px-3 py-2.5 text-sm text-muted-foreground transition-colors hover:bg-accent focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring pointer-coarse:min-h-11",
+      children: [
+        /* @__PURE__ */ jsx(FileUp, { className: "h-4 w-4 shrink-0" }),
+        /* @__PURE__ */ jsx("span", { children: label })
+      ]
+    }
+  );
+}
+var BELOW = "mx-auto w-full max-w-4xl text-left";
+var CHIP = "group inline-flex items-center rounded-full bg-muted px-3.5 py-2 text-left text-sm text-foreground transition-colors hover:bg-accent focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring pointer-coarse:min-h-11";
+function ConversationEmpty({
+  hasDocuments,
+  prompts,
+  shortcut,
+  onUsePrompt,
+  onAddDocuments,
+  noDocuments,
+  below,
+  title,
+  description,
+  className,
+  labels,
+  testIds
+}) {
+  const l = { ...DEFAULT_CONVERSATION_EMPTY_LABELS, ...labels };
+  const rootTestId = testIdOr(testIds?.root, { testId: "conversation-empty-state" });
+  const uploadTestId = testIdOr(testIds?.upload, { testId: "conversation-empty-upload" });
+  const shortcutTestId = testIdOr(testIds?.shortcut, {
+    testId: "conversation-shortcut-main-events"
+  });
+  const promptTestId = testIdOr(testIds?.prompt, { testId: "conversation-example-prompt" });
+  if (!hasDocuments) {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        "data-slot": "conversation-empty",
+        className: cn(
+          "absolute inset-0 flex flex-col items-center overflow-y-auto px-6 py-8 pb-28",
+          className
+        ),
+        "data-testid": rootTestId,
+        children: /* @__PURE__ */ jsxs("div", { className: "my-auto flex w-full flex-col items-center gap-8", children: [
+          /* @__PURE__ */ jsx("div", { className: "flex w-full max-w-xl flex-col items-center gap-3", children: noDocuments }),
+          below && /* @__PURE__ */ jsx("div", { className: BELOW, children: below })
+        ] })
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "conversation-empty",
+      className: cn("absolute inset-0 flex overflow-y-auto p-6 pb-28", className),
+      "data-testid": rootTestId,
+      children: /* @__PURE__ */ jsxs("div", { className: "m-auto flex w-full flex-col", children: [
+        /* @__PURE__ */ jsxs("div", { className: "mx-auto w-full max-w-xl text-center", children: [
+          /* @__PURE__ */ jsx("div", { className: "mx-auto mb-4 flex h-12 w-12 items-center justify-center rounded-lg bg-ai-soft text-ai-ink", children: /* @__PURE__ */ jsx(Sparkles, { className: "h-6 w-6" }) }),
+          /* @__PURE__ */ jsx("h2", { className: "text-lg font-semibold text-foreground", children: title ?? l.title }),
+          /* @__PURE__ */ jsx("p", { className: "mt-1.5 text-sm text-muted-foreground", children: description ?? l.description })
+        ] }),
+        below && /* @__PURE__ */ jsx("div", { className: cn(BELOW, "mt-6"), children: below }),
+        /* @__PURE__ */ jsxs("div", { className: "mx-auto w-full max-w-xl text-center", children: [
+          /* @__PURE__ */ jsxs("div", { className: cn("flex flex-wrap justify-center gap-2", below ? "mt-8" : "mt-5"), children: [
+            shortcut && /* @__PURE__ */ jsxs(
+              "button",
+              {
+                type: "button",
+                onClick: () => onUsePrompt(shortcut.prompt),
+                title: shortcut.prompt,
+                className: cn(CHIP, "gap-2 font-medium"),
+                "data-testid": shortcutTestId,
+                children: [
+                  /* @__PURE__ */ jsx(GanttChartSquare, { className: "h-4 w-4 shrink-0 text-ai-ink" }),
+                  /* @__PURE__ */ jsx("span", { children: shortcut.label }),
+                  /* @__PURE__ */ jsx(ArrowUpRight, { className: "h-3.5 w-3.5 shrink-0 text-muted-foreground" })
+                ]
+              }
+            ),
+            prompts.map((prompt) => /* @__PURE__ */ jsxs(
+              "button",
+              {
+                type: "button",
+                onClick: () => onUsePrompt(prompt),
+                className: cn(CHIP, "gap-1.5"),
+                "data-testid": promptTestId,
+                children: [
+                  prompt,
+                  /* @__PURE__ */ jsx(ArrowUpRight, { className: "h-3.5 w-3.5 text-muted-foreground" })
+                ]
+              },
+              prompt
+            ))
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "mt-5", children: /* @__PURE__ */ jsx(
+            AddDocumentsArea,
+            {
+              onAddDocuments,
+              label: l.dropDocuments,
+              testId: uploadTestId
+            }
+          ) })
+        ] })
+      ] })
+    }
+  );
+}
+var DEFAULT_CONVERSATION_LAYOUT_LABELS = {
+  loadingMessages: "Loading messages..."
+};
+function ConversationRoot({
+  className,
+  children,
+  testId = "conversation",
+  ...rest
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "conversation",
+      className: cn("flex min-h-full shrink-0 flex-col", className),
+      "data-testid": testId,
+      ...rest,
+      children
+    }
+  );
+}
+function ConversationHeader({
+  className,
+  children,
+  ...rest
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "conversation-header",
+      className: cn("sticky top-0 z-10 bg-background", className),
+      ...rest,
+      children
+    }
+  );
+}
+function ConversationBody({ className, children, ...rest }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "conversation-body",
+      className: cn("flex flex-[1_0_auto] flex-col", className),
+      ...rest,
+      children
+    }
+  );
+}
+function ConversationMain({ className, children, ...rest }) {
+  return /* @__PURE__ */ jsx(
+    "main",
+    {
+      "data-slot": "conversation-main",
+      className: cn("relative flex flex-[1_0_auto] flex-col", className),
+      ...rest,
+      children
+    }
+  );
+}
+function ConversationLoading({
+  children,
+  labels,
+  className,
+  testId = "loading-messages"
+}) {
+  const l = { ...DEFAULT_CONVERSATION_LAYOUT_LABELS, ...labels };
+  return /* @__PURE__ */ jsx("div", { className: cn("flex h-64 items-center justify-center", className), "data-testid": testId, children: /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: children ?? l.loadingMessages }) });
+}
+var Conversation = {
+  Root: ConversationRoot,
+  Header: ConversationHeader,
+  Body: ConversationBody,
+  Main: ConversationMain,
+  Loading: ConversationLoading
+};
+var DEFAULT_BRANCH_CONTROLS_LABELS = {
+  branchOf: (current, total) => `Branch ${current} of ${total}`,
+  previewHint: "Click for side-by-side view",
+  previousBranch: "Previous branch",
+  nextBranch: "Next branch"
+};
+var ARROW = "rounded p-1 hover:bg-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 pointer-coarse:p-3";
+function BranchControls({
+  index,
+  count,
+  onSwitch,
+  onPreview,
+  previewHint,
+  className,
+  labels,
+  testIds
+}) {
+  if (count <= 1) return null;
+  const l = { ...DEFAULT_BRANCH_CONTROLS_LABELS, ...labels };
+  const label = l.branchOf(index + 1, count);
+  const rootTestId = testIdOr(testIds?.root, { testId: "branch-controls" });
+  const previewTestId = testIdOr(testIds?.preview, { testId: "threads-preview-button" });
+  const iconTestId = testIdOr(testIds?.icon, { testId: "branch-icon" });
+  const indicatorTestId = testIdOr(testIds?.indicator, { testId: "branch-indicator" });
+  const previousTestId = testIdOr(testIds?.previous, { testId: "previous-branch-button" });
+  const nextTestId = testIdOr(testIds?.next, { testId: "next-branch-button" });
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-slot": "branch-controls",
+      className: cn("branch-controls flex items-center gap-1", className),
+      "data-testid": rootTestId,
+      children: [
+        onPreview ? /* @__PURE__ */ jsxs(Tooltip, { children: [
+          /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+            "button",
+            {
+              type: "button",
+              onClick: onPreview,
+              className: "flex items-center gap-1 rounded-md bg-muted px-2 py-1 transition-colors hover:bg-accent focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring pointer-coarse:min-h-11",
+              "data-testid": previewTestId,
+              children: [
+                /* @__PURE__ */ jsx(Network, { size: 12, className: "text-primary", "data-testid": iconTestId }),
+                /* @__PURE__ */ jsx(
+                  "span",
+                  {
+                    className: "text-sm font-medium text-muted-foreground",
+                    "data-testid": indicatorTestId,
+                    children: label
+                  }
+                )
+              ]
+            }
+          ) }),
+          /* @__PURE__ */ jsx(TooltipContent, { children: /* @__PURE__ */ jsx("p", { children: previewHint ?? l.previewHint }) })
+        ] }) : /* @__PURE__ */ jsxs(
+          "span",
+          {
+            className: "flex items-center gap-1 px-2 py-1 text-sm font-medium text-muted-foreground",
+            "data-testid": indicatorTestId,
+            children: [
+              /* @__PURE__ */ jsx(Network, { size: 12, className: "text-primary", "data-testid": iconTestId }),
+              label
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: () => onSwitch(index - 1),
+              disabled: index <= 0,
+              className: ARROW,
+              title: l.previousBranch,
+              "aria-label": l.previousBranch,
+              "data-testid": previousTestId,
+              children: /* @__PURE__ */ jsx(ArrowLeft, { size: 12 })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: () => onSwitch(index + 1),
+              disabled: index >= count - 1,
+              className: ARROW,
+              title: l.nextBranch,
+              "aria-label": l.nextBranch,
+              "data-testid": nextTestId,
+              children: /* @__PURE__ */ jsx(ArrowRight, { size: 12 })
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+var TIER_ICON = {
+  standard: Zap,
+  wise: Glasses,
+  premium: Crown
+};
+var TIER_TONE = {
+  standard: "text-secondary fill-secondary",
+  wise: "text-secondary fill-secondary",
+  premium: "text-yellow-text fill-yellow-text"
+};
+function ModelTierIcon({ tier, isGreyed, className }) {
+  const Icon = TIER_ICON[tier];
+  return /* @__PURE__ */ jsx(
+    Icon,
+    {
+      className: cn(
+        "size-3.5 shrink-0",
+        isGreyed ? "fill-muted-foreground text-muted-foreground" : TIER_TONE[tier],
+        className
+      )
+    }
+  );
+}
+function ModelAutoIcon({ className }) {
+  return /* @__PURE__ */ jsx(Sparkles, { className: cn("size-3.5 shrink-0 fill-secondary text-secondary", className) });
+}
+function ModelDot({ isGreyed }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        "size-2 shrink-0 rounded-full",
+        isGreyed ? "bg-muted-foreground" : "bg-primary"
+      )
+    }
+  );
+}
+function ModelOptionLabel({ icon, label }) {
+  return /* @__PURE__ */ jsxs("div", { className: "flex w-full items-center gap-2", children: [
+    icon,
+    /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate", children: label })
+  ] });
+}
+function ModelTriggerContent({ icon, label }) {
+  return /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 items-center gap-1.5", children: [
+    icon,
+    /* @__PURE__ */ jsx("span", { className: "truncate", children: label })
+  ] });
+}
+var ModelPickerTrigger = forwardRef(
+  function ModelPickerTrigger2({ icon, label, nameLabel = "Model", className, testId = "model-selector-compact", ...rest }, ref) {
+    return /* @__PURE__ */ jsxs(
+      Button,
+      {
+        ref,
+        variant: "ghost",
+        size: "sm",
+        className: cn(
+          "h-8 min-w-0 shrink gap-1 px-2 text-sm text-muted-foreground hover:bg-muted hover:text-foreground pointer-coarse:h-11",
+          className
+        ),
+        "aria-label": typeof label === "string" ? `${nameLabel}: ${label}` : void 0,
+        "data-slot": "model-picker-trigger",
+        "data-testid": testId,
+        ...rest,
+        children: [
+          /* @__PURE__ */ jsx(ModelTriggerContent, { icon, label }),
+          /* @__PURE__ */ jsx(ChevronsUpDown, { className: "size-3 shrink-0 text-muted-foreground" })
+        ]
+      }
+    );
+  }
+);
+function ModelPickerPopover({
+  open,
+  onOpenChange,
+  trigger,
+  tooltip,
+  title = "Select AI Model",
+  children
+}) {
+  return /* @__PURE__ */ jsx(BlocksTooltipProvider, { children: /* @__PURE__ */ jsxs(Popover, { open, onOpenChange, children: [
+    /* @__PURE__ */ jsxs(Tooltip, { children: [
+      /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: trigger }) }),
+      tooltip && !open && /* @__PURE__ */ jsx(TooltipContent, { side: "top", children: tooltip })
+    ] }),
+    /* @__PURE__ */ jsxs(PopoverContent, { side: "top", align: "start", className: "w-[280px] p-1", sideOffset: 8, children: [
+      /* @__PURE__ */ jsx("div", { className: "px-2 py-1.5 text-sm font-medium text-muted-foreground", children: title }),
+      /* @__PURE__ */ jsx("div", { className: "flex max-h-[280px] flex-col gap-0.5 overflow-y-auto", children })
+    ] })
+  ] }) });
+}
+function ModelMenuDivider() {
+  return /* @__PURE__ */ jsx("div", { className: "my-0.5 border-t border-border", role: "separator" });
+}
+function ModelMenuMessage({ children }) {
+  return /* @__PURE__ */ jsx("div", { className: "px-2 py-1.5 text-sm text-muted-foreground", children });
+}
+function ModelOption({
+  icon,
+  label,
+  isSelected,
+  onSelect,
+  testId,
+  emphasis = "plain"
+}) {
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      type: "button",
+      onClick: onSelect,
+      className: cn(
+        "flex w-full min-w-0 items-center gap-2 rounded-sm px-2 py-1.5 text-left text-sm transition-colors hover:bg-accent pointer-coarse:min-h-11",
+        emphasis === "tier" && "border-l-4",
+        emphasis === "tier" && (isSelected ? "border-l-primary" : "border-l-transparent"),
+        isSelected && "bg-accent"
+      ),
+      "aria-pressed": isSelected,
+      "data-slot": "model-option",
+      "data-testid": testId,
+      children: [
+        icon,
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: cn(
+              "min-w-0 flex-1 truncate",
+              emphasis === "tier" && (isSelected ? "font-semibold text-foreground" : "font-medium text-muted-foreground")
+            ),
+            children: label
+          }
+        ),
+        isSelected && /* @__PURE__ */ jsx(Check, { className: "size-3 shrink-0 text-primary" })
+      ]
+    }
+  );
+}
+function ModelTierOption({
+  icon,
+  label,
+  isSelected,
+  isDisabled,
+  onSelect,
+  action,
+  testId
+}) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "flex items-center gap-1 rounded-sm border-l-4 pr-1 transition-colors",
+        isSelected ? "border-l-primary bg-accent" : "border-l-transparent"
+      ),
+      "data-slot": "model-tier-option",
+      children: [
+        /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            onClick: () => {
+              if (!isDisabled) onSelect();
+            },
+            disabled: isDisabled,
+            className: cn(
+              "flex min-w-0 flex-1 items-center gap-2 rounded-sm px-2 py-1.5 text-left text-sm pointer-coarse:min-h-11",
+              isDisabled ? "cursor-not-allowed opacity-50" : "hover:bg-accent"
+            ),
+            "data-testid": testId,
+            children: [
+              icon,
+              /* @__PURE__ */ jsx(
+                "span",
+                {
+                  className: cn(
+                    "min-w-0 flex-1 truncate",
+                    isSelected ? "font-semibold text-foreground" : "font-medium text-muted-foreground"
+                  ),
+                  children: label
+                }
+              )
+            ]
+          }
+        ),
+        action
+      ]
+    }
+  );
+}
+function ModelConfigureButton({
+  onClick,
+  label,
+  tooltip,
+  testId
+}) {
+  return /* @__PURE__ */ jsxs(Tooltip, { children: [
+    /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        onClick: (e) => {
+          e.stopPropagation();
+          onClick();
+        },
+        className: "flex size-7 shrink-0 items-center justify-center rounded-md border border-border bg-background text-foreground hover:bg-accent pointer-coarse:size-11",
+        "data-testid": testId,
+        "aria-label": label,
+        children: /* @__PURE__ */ jsx(Settings, { className: "size-4" })
+      }
+    ) }),
+    /* @__PURE__ */ jsx(TooltipContent, { side: "top", children: tooltip })
+  ] });
+}
+var DEFAULT_MODEL_PRICING_TIP_LABELS = {
+  input: (credits) => `Input: ${credits} credits/M tokens`,
+  output: (credits) => `Output: ${credits} credits/M tokens`
+};
+function ModelPricingTip({
+  modelName,
+  inputCredits,
+  outputCredits,
+  labels
+}) {
+  const l = { ...DEFAULT_MODEL_PRICING_TIP_LABELS, ...labels };
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-1 text-sm", children: [
+    /* @__PURE__ */ jsx("div", { className: "font-medium", children: modelName }),
+    inputCredits && /* @__PURE__ */ jsx("div", { children: l.input(inputCredits) }),
+    outputCredits && /* @__PURE__ */ jsx("div", { children: l.output(outputCredits) })
+  ] });
+}
+function ConversationHeaderActions({
+  children,
+  className
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn("flex items-center gap-2", className),
+      "data-slot": "conversation-header-actions",
+      children
+    }
+  );
+}
+var DEFAULT_CONVERSATION_PARTS_LABELS = {
+  newEntity: (entityLabel) => `New ${entityLabel}`,
+  newPaChatTitle: "Start a new Personal Assistant chat",
+  newPaChat: "New PA Chat",
+  paModeTitle: "Personal Assistant mode",
+  pa: "PA"
+};
+function NewChatButton({
+  entityLabel,
+  isCompact,
+  onClick,
+  labels,
+  testId = "new-conversation-button"
+}) {
+  const text = { ...DEFAULT_CONVERSATION_PARTS_LABELS, ...labels }.newEntity(entityLabel);
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      type: "button",
+      onClick,
+      className: "flex h-8 items-center gap-1.5 rounded-md px-2 text-sm font-medium text-primary transition-colors hover:bg-primary/10 pointer-coarse:h-11! pointer-coarse:min-w-11 pointer-coarse:justify-center",
+      "data-testid": testId,
+      "aria-label": text,
+      title: text,
+      children: [
+        /* @__PURE__ */ jsx(Plus, { className: "size-4 shrink-0" }),
+        !isCompact && /* @__PURE__ */ jsx("span", { children: text })
+      ]
+    }
+  );
+}
+function NewPaChatButton({
+  isCompact,
+  onClick,
+  labels,
+  testId = "new-pa-conversation-button"
+}) {
+  const l = { ...DEFAULT_CONVERSATION_PARTS_LABELS, ...labels };
+  return /* @__PURE__ */ jsxs(
+    Button,
+    {
+      variant: "outline",
+      size: "icon",
+      onClick,
+      className: cn(
+        "pointer-coarse:min-h-11",
+        isCompact ? "flex items-center" : "flex w-auto items-center gap-2 px-4"
+      ),
+      "data-testid": testId,
+      title: l.newPaChatTitle,
+      children: [
+        /* @__PURE__ */ jsx(Bot, { className: "size-4" }),
+        !isCompact && /* @__PURE__ */ jsx("span", { children: l.newPaChat })
+      ]
+    }
+  );
+}
+function ComposerAccessories({
+  children,
+  className
+}) {
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: cn(
+        "flex items-center gap-1 [&_button]:border-transparent [&_button]:bg-transparent [&_button]:text-muted-foreground pointer-coarse:[&_button]:h-11",
+        className
+      ),
+      "data-slot": "composer-accessories",
+      children
+    }
+  );
+}
+function ComposerTools({
+  children,
+  className
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        "flex items-center gap-1 [&_button:not([data-testid=send-message-button]):not([data-testid=retry-button])]:border-transparent [&_button:not([data-testid=send-message-button]):not([data-testid=retry-button])]:bg-transparent",
+        className
+      ),
+      "data-slot": "composer-tools",
+      children
+    }
+  );
+}
+function PaModeBadge({
+  icon,
+  labels,
+  testId = "pa-mode-indicator"
+}) {
+  const l = { ...DEFAULT_CONVERSATION_PARTS_LABELS, ...labels };
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: "flex h-8 shrink-0 items-center gap-1.5 rounded-md px-2.5 text-yellow-text",
+      title: l.paModeTitle,
+      "data-testid": testId,
+      children: [
+        icon,
+        /* @__PURE__ */ jsx("span", { className: "text-sm font-semibold", children: l.pa })
+      ]
+    }
+  );
+}
+function ConversationSettingsButton({
+  label,
+  onClick,
+  testId = "conversation-settings-button"
+}) {
+  return /* @__PURE__ */ jsx(
+    Button,
+    {
+      type: "button",
+      size: "icon",
+      variant: "ghost",
+      className: "size-8 shrink-0 text-muted-foreground pointer-coarse:size-11",
+      onClick,
+      title: label,
+      "aria-label": label,
+      "data-testid": testId,
+      children: /* @__PURE__ */ jsx(Settings, { className: "size-4" })
+    }
+  );
+}
+function ConversationHistoryPane({
+  children,
+  className
+}) {
+  return /* @__PURE__ */ jsx("div", { className: cn("min-h-0 flex-1 overflow-hidden", className), children });
+}
+var DEFAULT_THREAD_MAP_LABELS = {
+  saveSvgTitle: "Save SVG as file",
+  saveSvg: "Save SVG",
+  generating: "Generating visualization...",
+  renderError: (message) => `Error rendering diagram: ${message}`
+};
+function ThreadMap({
+  hint,
+  onSave,
+  children,
+  className,
+  labels,
+  testId = "thread-visualizer"
+}) {
+  const l = { ...DEFAULT_THREAD_MAP_LABELS, ...labels };
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn("thread-visualizer flex h-full w-full flex-col", className),
+      "data-slot": "thread-map",
+      "data-testid": testId,
+      children: [
+        hint !== void 0 && /* @__PURE__ */ jsxs("div", { className: "mb-2 flex items-center justify-between gap-2", children: [
+          /* @__PURE__ */ jsx("div", { className: "text-sm italic text-muted-foreground", children: hint }),
+          onSave && /* @__PURE__ */ jsxs(
+            Button,
+            {
+              variant: "secondary",
+              size: "sm",
+              onClick: onSave,
+              title: l.saveSvgTitle,
+              className: "shrink-0 pointer-coarse:min-h-11",
+              children: [
+                /* @__PURE__ */ jsx(Download, { className: "size-3" }),
+                l.saveSvg
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: "mermaid-container w-full flex-1 overflow-auto rounded-lg bg-muted",
+            style: { scrollBehavior: "auto", contain: "layout style" },
+            onScroll: (e) => e.stopPropagation(),
+            children
+          }
+        )
+      ]
+    }
+  );
+}
+function ThreadMapLoading({
+  label,
+  labels
+}) {
+  const text = label ?? { ...DEFAULT_THREAD_MAP_LABELS, ...labels }.generating;
+  return /* @__PURE__ */ jsx("div", { className: "flex h-24 items-center justify-center text-muted-foreground", role: "status", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center", children: [
+    /* @__PURE__ */ jsxs(
+      "svg",
+      {
+        className: "-ml-1 mr-3 size-5 animate-spin text-primary",
+        xmlns: "http://www.w3.org/2000/svg",
+        fill: "none",
+        viewBox: "0 0 24 24",
+        "aria-hidden": true,
+        children: [
+          /* @__PURE__ */ jsx(
+            "circle",
+            {
+              className: "opacity-25",
+              cx: "12",
+              cy: "12",
+              r: "10",
+              stroke: "currentColor",
+              strokeWidth: "4"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "path",
+            {
+              className: "opacity-75",
+              fill: "currentColor",
+              d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx("span", { children: text })
+  ] }) });
+}
+function ThreadMapError({
+  message,
+  labels
+}) {
+  const l = { ...DEFAULT_THREAD_MAP_LABELS, ...labels };
+  return /* @__PURE__ */ jsx("div", { className: "p-4 text-red-text", role: "alert", children: l.renderError(message) });
+}
+function sanitizeDiagramSvg(svg) {
+  if (!DOMPurify.isSupported) return "";
+  return DOMPurify.sanitize(svg, {
+    USE_PROFILES: { svg: true, svgFilters: true, html: true },
+    ADD_TAGS: ["foreignobject"],
+    HTML_INTEGRATION_POINTS: { foreignobject: true },
+    ADD_ATTR: ["target"]
+  });
+}
+function ThreadMapDiagram({
+  svg,
+  diagramRef,
+  label = "Conversation thread map"
+}) {
+  const safeSvg = useMemo(() => sanitizeDiagramSvg(svg), [svg]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref: diagramRef,
+      className: "p-4",
+      role: "img",
+      "aria-label": label,
+      "data-slot": "thread-map-diagram",
+      dangerouslySetInnerHTML: { __html: safeSvg }
+    }
+  );
+}
+var LONG_PASTE_CHARACTER_LIMIT = 1e3;
+var LONG_PASTE_LINE_LIMIT = 12;
+function isLongPastedText(value) {
+  return value.length >= LONG_PASTE_CHARACTER_LIMIT || value.split("\n").length >= LONG_PASTE_LINE_LIMIT;
+}
+function useLongPaste(value) {
+  const [collapsed, setCollapsed] = useState(false);
+  const onPaste = useCallback(
+    (event, currentValue) => {
+      const pasted = event.clipboardData.getData("text");
+      const el = event.currentTarget;
+      const next = currentValue.slice(0, el.selectionStart) + pasted + currentValue.slice(el.selectionEnd);
+      if (isLongPastedText(next)) setCollapsed(true);
+    },
+    []
+  );
+  const onValueChange = useCallback((nextValue) => {
+    if (!isLongPastedText(nextValue)) setCollapsed(false);
+  }, []);
+  const expand = useCallback(() => setCollapsed(false), []);
+  return { isCollapsed: collapsed && isLongPastedText(value), onPaste, onValueChange, expand };
+}
+var DEFAULT_PENDING_ANSWER_BAR_LABELS = {
+  heading: "ARBI is asking",
+  optionsLabel: "Answer options",
+  hint: "Pick an option, or type your own answer below.",
+  pauseTimer: "Pause the countdown",
+  resumeTimer: "Resume the countdown",
+  timeLeft: "Time left to answer",
+  secondsWarning: (seconds) => `${seconds} seconds left to answer`
+};
+function PendingAnswerBar({
+  question,
+  options,
+  timeoutSeconds,
+  onPick,
+  labels
+}) {
+  const l = { ...DEFAULT_PENDING_ANSWER_BAR_LABELS, ...labels };
+  const [secondsLeft, setSecondsLeft] = useState(timeoutSeconds);
+  const firedRef = useRef(false);
+  const [isPausedByUser, setIsPausedByUser] = useState(false);
+  const [hasFocusWithin, setHasFocusWithin] = useState(false);
+  const isPaused = isPausedByUser || hasFocusWithin;
+  const [announcement, setAnnouncement] = useState("");
+  const choices = options.filter((o) => o.trim().toLowerCase() !== "other");
+  useEffect(() => {
+    setAnnouncement(`${l.heading}: ${question}`);
+  }, []);
+  useEffect(() => {
+    if (secondsLeft <= 0 || isPaused) return;
+    const t = setInterval(() => setSecondsLeft((s) => s <= 1 ? 0 : s - 1), 1e3);
+    return () => clearInterval(t);
+  }, [secondsLeft, isPaused]);
+  useEffect(() => {
+    if (secondsLeft === 30 || secondsLeft === 10) setAnnouncement(l.secondsWarning(secondsLeft));
+  }, [secondsLeft]);
+  useEffect(() => {
+    if (secondsLeft === 0 && !firedRef.current) {
+      firedRef.current = true;
+      onPick("timeout");
+    }
+  }, [secondsLeft, onPick]);
+  const pick = (answer) => {
+    if (firedRef.current) return;
+    firedRef.current = true;
+    onPick(answer);
+  };
+  const fmt = (s) => {
+    const m = Math.floor(s / 60);
+    const r = s % 60;
+    return m > 0 ? `${m}:${r.toString().padStart(2, "0")}` : `${r}s`;
+  };
+  const low = secondsLeft <= 30;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      role: "group",
+      "aria-label": l.heading,
+      className: "mb-2 rounded-lg border border-theme-cyan/30 bg-theme-cyan/[0.05] px-3 py-2.5",
+      "data-slot": "pending-answer-bar",
+      "data-testid": "pending-answer-bar",
+      onFocus: () => setHasFocusWithin(true),
+      onBlur: (event) => {
+        if (!event.currentTarget.contains(event.relatedTarget)) {
+          setHasFocusWithin(false);
+        }
+      },
+      children: [
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            role: "status",
+            "aria-live": "polite",
+            "aria-atomic": "true",
+            className: "sr-only",
+            "data-testid": "pending-answer-status",
+            children: announcement
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 items-center gap-2", children: [
+            /* @__PURE__ */ jsx(MessageCircleQuestion, { "aria-hidden": "true", className: "h-4 w-4 shrink-0 text-theme-cyan" }),
+            /* @__PURE__ */ jsx("span", { className: "text-xs font-medium uppercase tracking-wide text-theme-cyan", children: l.heading })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 items-center gap-1", children: [
+            /* @__PURE__ */ jsxs(
+              "span",
+              {
+                role: "timer",
+                "aria-label": l.timeLeft,
+                className: cn(
+                  "flex items-center gap-1 text-xs tabular-nums",
+                  low ? "text-red-text" : "text-muted-foreground"
+                ),
+                "data-testid": "pending-answer-timer",
+                children: [
+                  /* @__PURE__ */ jsx(Clock, { "aria-hidden": "true", className: "h-3 w-3" }),
+                  fmt(secondsLeft)
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                onClick: () => setIsPausedByUser((p) => !p),
+                "aria-pressed": isPausedByUser,
+                "aria-label": l.pauseTimer,
+                title: isPausedByUser ? l.resumeTimer : l.pauseTimer,
+                className: "flex size-6 items-center justify-center rounded-md text-muted-foreground transition-colors hover:bg-muted hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring pointer-coarse:size-11",
+                "data-testid": "pending-answer-pause",
+                children: isPausedByUser ? /* @__PURE__ */ jsx(Play, { "aria-hidden": "true", className: "h-3 w-3" }) : /* @__PURE__ */ jsx(Pause, { "aria-hidden": "true", className: "h-3 w-3" })
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx("p", { className: "mt-1.5 whitespace-pre-line text-sm text-foreground", children: question }),
+        choices.length > 0 && /* @__PURE__ */ jsx("div", { className: "mt-2.5 flex flex-col gap-1.5", role: "group", "aria-label": l.optionsLabel, children: choices.map((option, i) => /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            onClick: () => pick(option),
+            className: cn(
+              "flex w-full items-center gap-2 rounded-md border border-border bg-background",
+              "px-3 py-2 text-left text-sm text-foreground transition-colors",
+              "hover:border-theme-cyan/50 hover:bg-theme-cyan/10",
+              "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring pointer-coarse:min-h-11"
+            ),
+            "data-testid": `pending-answer-option-${option}`,
+            children: [
+              /* @__PURE__ */ jsx(
+                "span",
+                {
+                  "aria-hidden": "true",
+                  className: "flex h-5 w-5 shrink-0 items-center justify-center rounded-full border border-theme-cyan/40 text-xs font-medium text-theme-cyan",
+                  children: i + 1
+                }
+              ),
+              /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1", children: option })
+            ]
+          },
+          `${i}-${option}`
+        )) }),
+        /* @__PURE__ */ jsx("p", { className: "mt-2 text-xs text-muted-foreground", children: l.hint })
+      ]
+    }
+  );
+}
+var DEFAULT_CONVERSATION_SEARCH_LABELS = {
+  placeholder: "Search your conversations...",
+  search: "Search",
+  searching: "Searching conversations\u2026",
+  matched: (count, query) => `${count} conversation${count === 1 ? "" : "s"} matched \u201C${query}\u201D`,
+  matchCount: (count) => `${count} match${count === 1 ? "" : "es"}`,
+  untitled: "Untitled conversation",
+  you: "You",
+  assistant: "Assistant",
+  clear: "Clear",
+  noResults: (query) => `No conversations matched \u201C${query}\u201D.`,
+  reindexHint: /* @__PURE__ */ jsxs(Fragment, { children: [
+    "Older conversations may need indexing \u2014 try ",
+    /* @__PURE__ */ jsx("span", { className: "font-medium", children: "Re-index" }),
+    "."
+  ] }),
+  backToList: "Back to list"
+};
+function RoleChip({ isUser, labels }) {
+  const Icon = isUser ? User : Bot;
+  return /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1 text-xs font-medium text-muted-foreground", children: [
+    /* @__PURE__ */ jsx(Icon, { className: "size-3" }),
+    isUser ? labels.you : labels.assistant
+  ] });
+}
+var Passthrough = ({ children }) => /* @__PURE__ */ jsx(Fragment, { children });
+function ConversationSearchView({
+  query,
+  onQueryChange,
+  onSubmit,
+  canSubmit,
+  isSearching,
+  submittedQuery,
+  groups,
+  onOpenConversation,
+  onClear,
+  children,
+  ResultsBoundary = Passthrough,
+  labels
+}) {
+  const l = useMemo(() => ({ ...DEFAULT_CONVERSATION_SEARCH_LABELS, ...labels }), [labels]);
+  const hasResults = !!submittedQuery && !isSearching && groups.length > 0;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-slot": "conversation-search",
+      className: "flex h-full flex-col",
+      "data-testid": "conversation-search-page",
+      children: [
+        /* @__PURE__ */ jsx("div", { className: "flex items-start gap-3 px-6 py-4", children: /* @__PURE__ */ jsx(
+          "form",
+          {
+            onSubmit: (e) => {
+              e.preventDefault();
+              onSubmit();
+            },
+            className: "flex-1",
+            children: /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-2 rounded-md border border-input bg-muted px-3 py-1.5 focus-within:ring-2 focus-within:ring-ring", children: [
+              /* @__PURE__ */ jsx(
+                "textarea",
+                {
+                  rows: 1,
+                  value: query,
+                  onChange: (e) => {
+                    onQueryChange(e.target.value);
+                    e.target.style.height = "auto";
+                    e.target.style.height = `${e.target.scrollHeight}px`;
+                  },
+                  onKeyDown: (e) => {
+                    if (e.key === "Enter" && !e.shiftKey) {
+                      e.preventDefault();
+                      onSubmit();
+                    }
+                  },
+                  placeholder: l.placeholder,
+                  "aria-label": l.search,
+                  className: "flex-1 resize-none overflow-hidden border-0 bg-transparent p-0 text-base leading-relaxed text-foreground outline-none placeholder:text-muted-foreground",
+                  "data-testid": "conversation-search-input"
+                }
+              ),
+              /* @__PURE__ */ jsx("div", { className: "flex flex-shrink-0 items-center gap-1", children: /* @__PURE__ */ jsx(
+                Button,
+                {
+                  type: "submit",
+                  size: "icon",
+                  disabled: !canSubmit,
+                  className: "size-7 pointer-coarse:size-11",
+                  "data-testid": "conversation-search-submit-button",
+                  title: l.search,
+                  "aria-label": l.search,
+                  children: isSearching ? /* @__PURE__ */ jsx(Loader2, { className: "size-4 animate-spin" }) : /* @__PURE__ */ jsx(Search, { className: "size-4" })
+                }
+              ) })
+            ] })
+          }
+        ) }),
+        !submittedQuery ? /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-hidden", children }) : /* @__PURE__ */ jsx(ResultsBoundary, { children: /* @__PURE__ */ jsx("main", { className: "flex-1 overflow-auto px-6 pb-6", children: isSearching ? /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-center gap-2 py-16 text-muted-foreground", children: [
+          /* @__PURE__ */ jsx(Loader2, { className: "size-5 animate-spin" }),
+          l.searching
+        ] }) : hasResults ? /* @__PURE__ */ jsxs("div", { className: "space-y-4", "data-testid": "conversation-search-results", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-3", children: [
+            /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: l.matched(groups.length, submittedQuery) }),
+            /* @__PURE__ */ jsxs(
+              Button,
+              {
+                type: "button",
+                variant: "ghost",
+                size: "sm",
+                className: "h-7 gap-1 text-muted-foreground pointer-coarse:h-11",
+                onClick: onClear,
+                "data-testid": "conversation-search-clear",
+                children: [
+                  /* @__PURE__ */ jsx(X, { className: "size-3.5" }),
+                  l.clear
+                ]
+              }
+            )
+          ] }),
+          groups.map((group) => /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: "rounded-lg border border-border bg-card",
+              "data-testid": "conversation-search-group",
+              children: [
+                /* @__PURE__ */ jsxs(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: () => onOpenConversation(group.id),
+                    className: "flex w-full items-center justify-between gap-3 rounded-t-lg px-4 py-2.5 text-left transition-colors hover:bg-muted/50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ring pointer-coarse:min-h-11",
+                    children: [
+                      /* @__PURE__ */ jsxs("span", { className: "flex min-w-0 items-center gap-2", children: [
+                        /* @__PURE__ */ jsx(MessageSquare, { className: "size-4 flex-shrink-0 text-muted-foreground" }),
+                        /* @__PURE__ */ jsx("span", { className: "truncate font-medium", children: group.title || l.untitled })
+                      ] }),
+                      /* @__PURE__ */ jsx("span", { className: "flex-shrink-0 text-xs text-muted-foreground", children: l.matchCount(group.matches.length) })
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ jsx("div", { className: "space-y-2 border-t border-border p-3", children: group.matches.map((m) => /* @__PURE__ */ jsx(
+                  PassageCard,
+                  {
+                    header: /* @__PURE__ */ jsx(RoleChip, { isUser: m.role === "user", labels: l }),
+                    score: m.score,
+                    onClick: () => onOpenConversation(group.id, m.id),
+                    "data-testid": "conversation-search-hit",
+                    children: /* @__PURE__ */ jsx("p", { className: "line-clamp-3 text-sm text-foreground/90", children: m.snippet })
+                  },
+                  m.id
+                )) })
+              ]
+            },
+            group.id
+          ))
+        ] }) : /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: "py-16 text-center text-muted-foreground",
+            "data-testid": "conversation-search-no-results",
+            children: [
+              /* @__PURE__ */ jsx(MessageSquare, { className: "mx-auto mb-3 size-8 opacity-40" }),
+              /* @__PURE__ */ jsx("p", { children: l.noResults(submittedQuery) }),
+              /* @__PURE__ */ jsx("p", { className: "mt-1 text-sm", children: l.reindexHint }),
+              /* @__PURE__ */ jsxs(
+                Button,
+                {
+                  type: "button",
+                  variant: "ghost",
+                  size: "sm",
+                  className: "mt-3 gap-1 text-muted-foreground pointer-coarse:h-11",
+                  onClick: onClear,
+                  children: [
+                    /* @__PURE__ */ jsx(X, { className: "size-3.5" }),
+                    l.backToList
+                  ]
+                }
+              )
+            ]
+          }
+        ) }) })
+      ]
+    }
+  );
+}
+var ContextPanelContent = forwardRef(function ContextPanelContent2({ className, onClick, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    HoverCardContent,
+    {
+      ref,
+      side: "top",
+      align: "start",
+      "data-slot": "context-panel",
+      onClick: (e) => {
+        e.stopPropagation();
+        onClick?.(e);
+      },
+      className: cn(
+        "w-[var(--chat-input-width,var(--radix-hover-card-content-available-width))] max-h-[var(--radix-hover-card-content-available-height)] max-w-[95vw] overflow-y-auto overscroll-contain rounded-md border border-border bg-muted p-3 shadow-lg",
+        className
+      ),
+      ...props
+    }
+  );
+});
+function ContextPickerList({
+  groups,
+  emptyText,
+  testId,
+  className
+}) {
+  const isEmpty = groups.every((g) => g.count === 0);
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn("max-h-[400px] space-y-1 overflow-y-auto", className),
+      "data-slot": "context-picker-list",
+      "data-testid": testId,
+      onClick: (e) => e.stopPropagation(),
+      children: isEmpty ? /* @__PURE__ */ jsx("p", { className: "p-2 text-sm text-muted-foreground", children: emptyText }) : groups.map((g, index) => /* @__PURE__ */ jsxs(Fragment$1, { children: [
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: cn(
+              "sticky z-10 bg-muted px-2 py-1.5 text-sm font-medium text-muted-foreground",
+              index === 0 ? "top-0" : "top-8"
+            ),
+            "data-testid": g.testId,
+            children: [
+              g.heading,
+              " (",
+              g.count,
+              ")"
+            ]
+          }
+        ),
+        g.children
+      ] }, g.key))
+    }
+  );
+}
+function CheckGlyph({ isChecked, className }) {
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: cn(
+        "flex size-3.5 shrink-0 items-center justify-center rounded-sm border",
+        isChecked ? "border-primary bg-primary text-primary-foreground" : "border-input",
+        className
+      ),
+      children: isChecked && /* @__PURE__ */ jsx(Check, { className: "size-3" })
+    }
+  );
+}
+function ContextPickerRow({
+  isSelected,
+  onToggle,
+  testId,
+  children
+}) {
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      type: "button",
+      onClick: (e) => {
+        e.stopPropagation();
+        onToggle();
+      },
+      "aria-pressed": isSelected,
+      "data-testid": testId,
+      className: cn(
+        "flex w-full items-start gap-2 rounded p-2 text-left text-sm transition-colors pointer-coarse:min-h-11",
+        isSelected ? "bg-primary/10" : "bg-card hover:bg-muted"
+      ),
+      children: [
+        /* @__PURE__ */ jsx(CheckGlyph, { isChecked: isSelected, className: "mt-0.5" }),
+        /* @__PURE__ */ jsx("span", { className: "line-clamp-2 min-w-0 text-foreground", children })
+      ]
+    }
+  );
+}
+function ContextCheckRow({
+  isSelected,
+  toggle,
+  status,
+  testId,
+  children
+}) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: "flex items-center gap-2 rounded px-1 py-0.5",
+      "data-slot": "context-check-row",
+      "data-testid": testId,
+      children: [
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            "aria-label": toggle.label,
+            "aria-pressed": isSelected,
+            onClick: toggle.onToggle,
+            "data-testid": toggle.testId,
+            className: "flex shrink-0 items-center justify-center rounded-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring pointer-coarse:size-11",
+            children: /* @__PURE__ */ jsx(CheckGlyph, { isChecked: isSelected })
+          }
+        ),
+        status,
+        children
+      ]
+    }
+  );
+}
+function ContextSelectList({ children }) {
+  return /* @__PURE__ */ jsx("div", { className: "max-h-[150px] space-y-2 overflow-y-auto", children });
+}
+function ContextSelectRow({
+  isSelected,
+  onSelect,
+  status,
+  title,
+  testId
+}) {
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      type: "button",
+      onClick: (e) => {
+        e.stopPropagation();
+        onSelect(e);
+      },
+      "aria-pressed": isSelected,
+      "data-testid": testId,
+      className: cn(
+        "flex w-full items-center gap-2 rounded p-2 text-left text-sm transition-colors pointer-coarse:min-h-11",
+        isSelected ? "border border-primary/30 bg-primary/10" : "bg-card hover:bg-muted"
+      ),
+      children: [
+        status,
+        /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate text-foreground", title, children: title }),
+        isSelected && /* @__PURE__ */ jsx(CheckCircle, { className: "size-3.5 shrink-0 text-primary" })
+      ]
+    }
+  );
+}
+function ContextPanelFooter({ labels, search, title, actions }) {
+  return /* @__PURE__ */ jsxs("div", { className: "mt-3 space-y-2 border-t border-border pt-3", "data-slot": "context-panel-footer", children: [
+    labels,
+    search,
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: cn(
+          "flex flex-wrap items-center gap-x-2 gap-y-1.5",
+          title ? "justify-between" : "justify-end"
+        ),
+        children: [
+          title && /* @__PURE__ */ jsx("div", { className: "flex min-w-0 items-center gap-2 text-sm font-medium text-foreground", children: title }),
+          /* @__PURE__ */ jsx("div", { className: "flex flex-wrap items-center gap-1.5", children: actions })
+        ]
+      }
+    )
+  ] });
+}
+var ContextSearchInput = forwardRef(function ContextSearchInput2({ className, onClick, ...props }, ref) {
+  return /* @__PURE__ */ jsxs("div", { className: "relative", onClick: (e) => e.stopPropagation(), children: [
+    /* @__PURE__ */ jsx(Search, { className: "pointer-events-none absolute left-2 top-1/2 size-3.5 -translate-y-1/2 text-muted-foreground" }),
+    /* @__PURE__ */ jsx(
+      Input,
+      {
+        ref,
+        className: cn("h-7 bg-background pl-7 text-sm", className),
+        onClick,
+        ...props
+      }
+    )
+  ] });
+});
+var ContextActionButton = forwardRef(
+  function ContextActionButton2({ icon, count, isIconTrailing, onClick, children, className, variant = "outline", ...props }, ref) {
+    return /* @__PURE__ */ jsxs(
+      Button,
+      {
+        ref,
+        variant,
+        size: "sm",
+        className: cn("flex h-6 items-center gap-1 px-2 text-sm pointer-coarse:h-11", className),
+        onClick: (e) => {
+          e.stopPropagation();
+          onClick?.(e);
+        },
+        ...props,
+        children: [
+          !isIconTrailing && icon,
+          children,
+          isIconTrailing && icon,
+          count != null && count > 0 && /* @__PURE__ */ jsx(Badge, { variant: "outline", className: "badge-count ml-1", children: count })
+        ]
+      }
+    );
+  }
+);
+function ContextPanelTabs({
+  tabs,
+  value,
+  onValueChange,
+  testId,
+  listClassName
+}) {
+  return /* @__PURE__ */ jsxs(Tabs, { value, onValueChange, "data-testid": testId, children: [
+    /* @__PURE__ */ jsx(
+      TabsList,
+      {
+        className: cn("grid h-auto w-full grid-cols-2 pointer-coarse:h-auto", listClassName),
+        children: tabs.map((t) => /* @__PURE__ */ jsxs(TabsTrigger, { value: t.value, "data-testid": t.testId, className: "gap-1.5", children: [
+          t.label,
+          /* @__PURE__ */ jsx(Badge, { variant: "outline", className: "badge-count", children: t.count })
+        ] }, t.value))
+      }
+    ),
+    tabs.map((t) => /* @__PURE__ */ jsx(TabsContent, { value: t.value, className: "mt-3", children: t.content }, t.value))
+  ] });
+}
+function canHover() {
+  return typeof window !== "undefined" && !!window.matchMedia?.("(hover: hover)").matches;
+}
+function isFocusVisible(el) {
+  try {
+    return el.matches(":focus-visible");
+  } catch {
+    return true;
+  }
+}
+var ContextChip = forwardRef(function ContextChip2({
+  count,
+  label,
+  isOpen = false,
+  children,
+  className,
+  onMouseEnter,
+  onMouseLeave,
+  onFocus,
+  onBlur,
+  ...props
+}, ref) {
+  const [isHovered, setIsHovered] = useState(false);
+  const [isFocused, setIsFocused] = useState(false);
+  const isEditing = isHovered || isFocused || isOpen;
+  const Icon = isEditing ? Pencil : FileText;
+  return /* @__PURE__ */ jsxs(
+    Button,
+    {
+      ref,
+      type: "button",
+      variant: "outline",
+      "aria-label": label,
+      "aria-haspopup": "dialog",
+      "aria-expanded": isOpen,
+      "data-slot": "context-chip",
+      "data-icon": isEditing ? "edit" : "document",
+      className: cn(
+        "flex h-8 min-w-0 max-w-[280px] flex-shrink-0 items-center gap-1.5 rounded-md px-2.5",
+        className
+      ),
+      ...props,
+      onMouseEnter: (e) => {
+        onMouseEnter?.(e);
+        if (canHover()) setIsHovered(true);
+      },
+      onMouseLeave: (e) => {
+        onMouseLeave?.(e);
+        setIsHovered(false);
+      },
+      onFocus: (e) => {
+        onFocus?.(e);
+        setIsFocused(isFocusVisible(e.currentTarget));
+      },
+      onBlur: (e) => {
+        onBlur?.(e);
+        setIsFocused(false);
+      },
+      children: [
+        /* @__PURE__ */ jsx(Icon, { className: "h-3.5 w-3.5 flex-shrink-0", "aria-hidden": "true" }),
+        /* @__PURE__ */ jsx("span", { className: "flex-shrink-0 text-sm font-medium", "data-testid": "context-chip-count", children: count >= 1e3 ? "999+" : count }),
+        children
+      ]
+    }
+  );
+});
+function useDismissibleCard({
+  isOpen,
+  onClose,
+  contentRef,
+  focusRef
+}) {
+  useEffect(() => {
+    if (!isOpen) return;
+    const id = requestAnimationFrame(() => focusRef?.current?.focus());
+    return () => cancelAnimationFrame(id);
+  }, [isOpen, focusRef]);
+  useEffect(() => {
+    if (!isOpen) return;
+    const onKeyDown = (e) => {
+      if (e.key !== "Escape") return;
+      e.stopPropagation();
+      onClose();
+    };
+    document.addEventListener("keydown", onKeyDown);
+    return () => document.removeEventListener("keydown", onKeyDown);
+  }, [isOpen, onClose]);
+  useEffect(() => {
+    if (!isOpen) return;
+    const onPointerDown = (e) => {
+      const target = e.target;
+      if (!target) return;
+      if (contentRef.current?.contains(target)) return;
+      if (target.closest("[data-radix-popper-content-wrapper]")) return;
+      onClose();
+    };
+    document.addEventListener("mousedown", onPointerDown);
+    return () => document.removeEventListener("mousedown", onPointerDown);
+  }, [isOpen, onClose, contentRef]);
+}
+var DEFAULT_LABEL_PIN_ROW_LABELS = {
+  remove: (count, name) => `Remove the ${count} \u201C${name}\u201D item(s) from this chat`,
+  add: (count, name) => `Add the ${count} \u201C${name}\u201D item(s) to this chat`
+};
+function LabelPinRow({
+  labels,
+  selectedIds,
+  onAdd,
+  onRemove,
+  testId = "label-pin-row",
+  copy
+}) {
+  const l = { ...DEFAULT_LABEL_PIN_ROW_LABELS, ...copy };
+  const usable = labels.filter((label) => label.itemIds.length > 0);
+  if (usable.length === 0) return null;
+  const selectedSet = new Set(selectedIds);
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: "flex flex-wrap items-center gap-1",
+      "data-slot": "label-pin-row",
+      "data-testid": testId,
+      children: [
+        /* @__PURE__ */ jsx(Tag, { className: "size-3.5 shrink-0 text-muted-foreground", "aria-hidden": true }),
+        usable.map((label) => {
+          const allIn = label.itemIds.every((id) => selectedSet.has(id));
+          return /* @__PURE__ */ jsxs(
+            "button",
+            {
+              type: "button",
+              "aria-pressed": allIn,
+              title: allIn ? l.remove(label.itemIds.length, label.name) : l.add(label.itemIds.length, label.name),
+              onClick: () => allIn ? onRemove(label.itemIds) : onAdd(label.itemIds.filter((id) => !selectedSet.has(id))),
+              className: cn(
+                "flex items-center gap-1 rounded-full border px-2 py-0.5 text-xs font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring pointer-coarse:min-h-11",
+                allIn ? "text-white" : "bg-muted text-foreground hover:brightness-95"
+              ),
+              style: allIn ? { backgroundColor: label.color, borderColor: label.color } : { borderColor: `${label.color}66` },
+              "data-testid": `${testId}-${label.id}`,
+              children: [
+                !allIn && /* @__PURE__ */ jsx(
+                  "span",
+                  {
+                    className: "size-1.5 shrink-0 rounded-full",
+                    style: { backgroundColor: label.color },
+                    "aria-hidden": true
+                  }
+                ),
+                /* @__PURE__ */ jsx("span", { className: "max-w-[120px] truncate", children: label.name }),
+                /* @__PURE__ */ jsx("span", { className: "tabular-nums opacity-70", children: label.itemIds.length })
+              ]
+            },
+            label.id
+          );
+        })
+      ]
+    }
+  );
+}
+
+export { BranchControls, Composer, ComposerAccessories, ComposerBranchingNotice, ComposerContainer, ComposerDock, ComposerFrame, ComposerInput, ComposerRoot, ComposerSend, ComposerToolbar, ComposerTools, ComposerVoiceButton, ContextActionButton, ContextCheckRow, ContextChip, ContextPanelContent, ContextPanelFooter, ContextPanelTabs, ContextPickerList, ContextPickerRow, ContextSearchInput, ContextSelectList, ContextSelectRow, Conversation, ConversationBody, ConversationEmpty, ConversationHeader, ConversationHeaderActions, ConversationHistoryPane, ConversationLoading, ConversationMain, ConversationRoot, ConversationSearchView, ConversationSettingsButton, DEFAULT_BRANCH_CONTROLS_LABELS, DEFAULT_COMPOSER_LABELS, DEFAULT_CONVERSATION_EMPTY_LABELS, DEFAULT_CONVERSATION_LAYOUT_LABELS, DEFAULT_CONVERSATION_PARTS_LABELS, DEFAULT_CONVERSATION_SEARCH_LABELS, DEFAULT_LABEL_PIN_ROW_LABELS, DEFAULT_MESSAGE_ALERT_LABELS, DEFAULT_MESSAGE_LABELS, DEFAULT_MESSAGE_LIST_LABELS, DEFAULT_MODEL_PRICING_TIP_LABELS, DEFAULT_PENDING_ANSWER_BAR_LABELS, DEFAULT_PINNED_DOC_CHIP_LABELS, DEFAULT_SLASH_MENU_LABELS, DEFAULT_THREAD_MAP_LABELS, LabelPinRow, Message, MessageActionButton, MessageActionMenu, MessageAlert, MessageBody, MessageBubble, MessageByline, MessageContent, MessageFooter, MessageList, MessageListBanner, MessageListEmpty, MessageListRoot, MessageListRow, MessageListRows, MessageListStatus, MessageListTail, MessageNarration, MessageRoot, MessageSources, MessageSubagentBadge, ModelAutoIcon, ModelConfigureButton, ModelDot, ModelMenuDivider, ModelMenuMessage, ModelOption, ModelOptionLabel, ModelPickerPopover, ModelPickerTrigger, ModelPricingTip, ModelTierIcon, ModelTierOption, ModelTriggerContent, NewChatButton, NewPaChatButton, PaModeBadge, PendingAnswerBar, PinnedDocChip, ScrollToBottom, SlashMenu, SourceChip, ThreadMap, ThreadMapDiagram, ThreadMapError, ThreadMapLoading, isLongPastedText, toSpeakableText, useDismissibleCard, useListKeyNav, useLongPaste, useStreamAnnouncement };
+//# sourceMappingURL=chunk-AZQDNYH4.js.map
+//# sourceMappingURL=chunk-AZQDNYH4.js.map