@arbidocs/blocks 0.4.2 → 0.4.4

package/dist/chunk-JPO3F4J7.js

@@ -0,0 +1,1899 @@
+"use client";
+import { ToolButton, Shell } from './chunk-2VBJ763Y.js';
+import { formatCount } from './chunk-OXF2IFXG.js';
+import { testIdOr } from './chunk-7F6CBP3Z.js';
+import { forwardRef, useState, useRef, useEffect, useSyncExternalStore, useCallback } from 'react';
+import { FileText, ChevronDown, Pencil, Sparkles, ChevronUp, MoreHorizontal, RotateCw, AlertCircle, ArrowLeft, Edit3, Send, Loader2, Square, Mic, ArrowDown, GanttChartSquare, ArrowUpRight, Upload, MessageSquarePlus, Trash2, PanelRight, MessageSquare, X, FileUp } from 'lucide-react';
+import { cn, Textarea, Button, PopoverTrigger, Popover, PopoverAnchor, PopoverContent, DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, Tooltip, TooltipTrigger, TooltipContent, MarkdownRenderer } from '@arbidocs/react/ui';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+
+var DEFAULT_MESSAGE_LABELS = {
+  subagentBadge: "sub-agent",
+  hideSteps: "Hide steps",
+  showSteps: "Show steps",
+  stepCount: (count) => formatCount(count, { one: "step", other: "steps" }),
+  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
+};
+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
+            }
+          ) })
+        ] })
+      ] })
+    }
+  );
+}
+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: isOpen2 = false,
+  children,
+  className,
+  onMouseEnter,
+  onMouseLeave,
+  onFocus,
+  onBlur,
+  ...props
+}, ref) {
+  const [isHovered, setIsHovered] = useState(false);
+  const [isFocused, setIsFocused] = useState(false);
+  const isEditing = isHovered || isFocused || isOpen2;
+  const Icon = isEditing ? Pencil : FileText;
+  return /* @__PURE__ */ jsxs(
+    Button,
+    {
+      ref,
+      type: "button",
+      variant: "outline",
+      "aria-label": label,
+      "aria-haspopup": "dialog",
+      "aria-expanded": isOpen2,
+      "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 ChatDocuments({ chat, labels, onPickFiles, testIds }) {
+  const [isOpen2, setIsOpen] = useState(false);
+  const selected = chat.documents.filter((d) => d.isSelected).length;
+  const total = chat.documents.length;
+  return /* @__PURE__ */ jsxs(Popover, { open: isOpen2, onOpenChange: setIsOpen, children: [
+    /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+      ContextChip,
+      {
+        count: selected,
+        label: labels.documentsInChat(selected, total),
+        isOpen: isOpen2,
+        "data-testid": testIdOr(testIds?.documents, { testId: "chat-documents" }),
+        className: "pointer-coarse:h-11"
+      }
+    ) }),
+    /* @__PURE__ */ jsxs(
+      PopoverContent,
+      {
+        align: "start",
+        className: "w-80 p-3",
+        "aria-label": labels.documentsHeading,
+        "data-testid": "chat-documents-panel",
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "mb-2 flex items-center justify-between gap-2", children: [
+            /* @__PURE__ */ jsx("h3", { className: "text-sm font-medium text-foreground", children: labels.documentsHeading }),
+            total > 0 && selected < total && /* @__PURE__ */ jsx(
+              Button,
+              {
+                type: "button",
+                variant: "ghost",
+                size: "sm",
+                className: "pointer-coarse:min-h-11",
+                onClick: chat.selectAllDocuments,
+                children: labels.selectAllDocuments
+              }
+            )
+          ] }),
+          total === 0 ? /* @__PURE__ */ jsx("p", { className: "py-2 text-sm text-muted-foreground", children: labels.noDocuments }) : /* @__PURE__ */ jsx("ul", { className: "max-h-60 overflow-y-auto", children: chat.documents.map((doc) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs("label", { className: "flex cursor-pointer items-center gap-2 rounded-md px-1 py-1.5 text-sm hover:bg-muted pointer-coarse:min-h-11", children: [
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                type: "checkbox",
+                checked: doc.isSelected,
+                onChange: () => chat.toggleDocument(doc.id),
+                className: "size-4 shrink-0 accent-[hsl(var(--primary))]"
+              }
+            ),
+            /* @__PURE__ */ jsx("span", { className: "min-w-0 truncate", title: doc.name, children: doc.name })
+          ] }) }, doc.id)) }),
+          /* @__PURE__ */ jsxs(
+            Button,
+            {
+              type: "button",
+              variant: "outline",
+              size: "sm",
+              className: "mt-2 w-full gap-2 pointer-coarse:min-h-11",
+              disabled: chat.isUploading,
+              onClick: onPickFiles,
+              "data-testid": testIdOr(testIds?.upload, { testId: "chat-upload" }),
+              children: [
+                chat.isUploading ? /* @__PURE__ */ jsx(Loader2, { className: "size-4 animate-spin", "aria-hidden": "true" }) : /* @__PURE__ */ jsx(Upload, { className: "size-4", "aria-hidden": "true" }),
+                chat.isUploading ? labels.uploading : labels.uploadDocuments
+              ]
+            }
+          )
+        ]
+      }
+    )
+  ] });
+}
+function ChatThreadList({
+  threads,
+  activeId,
+  labels,
+  onSelect,
+  onNew,
+  onDelete,
+  testIds
+}) {
+  return /* @__PURE__ */ jsxs(
+    "nav",
+    {
+      "aria-label": labels.conversations,
+      "data-slot": "chat-thread-list",
+      "data-testid": testIdOr(testIds?.list, { testId: "chat-thread-list" }),
+      className: "flex min-h-0 flex-1 flex-col gap-2 p-3",
+      children: [
+        /* @__PURE__ */ jsxs(
+          Button,
+          {
+            type: "button",
+            variant: "outline",
+            className: "w-full justify-start gap-2 pointer-coarse:min-h-11",
+            onClick: onNew,
+            "data-testid": testIdOr(testIds?.new, { testId: "chat-new" }),
+            children: [
+              /* @__PURE__ */ jsx(MessageSquarePlus, { className: "size-4", "aria-hidden": "true" }),
+              labels.newChat
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx("ul", { className: "flex min-h-0 flex-1 flex-col gap-0.5 overflow-y-auto", children: threads.map((thread) => {
+          const isActive = thread.id === activeId;
+          const title = thread.title || labels.untitled;
+          return /* @__PURE__ */ jsxs("li", { className: "group relative", children: [
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                onClick: () => onSelect(thread.id),
+                "aria-current": isActive ? "true" : void 0,
+                title,
+                "data-testid": `${testIdOr(testIds?.row, { testId: "chat-conversation" })}-${thread.id}`,
+                className: cn(
+                  "flex w-full items-center rounded-md px-3 py-2 pr-10 text-left text-sm transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring pointer-coarse:min-h-11",
+                  isActive ? "bg-muted font-medium text-foreground" : "text-muted-foreground hover:bg-muted/60 hover:text-foreground"
+                ),
+                children: /* @__PURE__ */ jsx("span", { className: "truncate", children: title })
+              }
+            ),
+            onDelete && /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                onClick: () => onDelete(thread.id),
+                "aria-label": labels.deleteConversation(title),
+                "data-testid": `${testIdOr(testIds?.delete, { testId: "chat-delete" })}-${thread.id}`,
+                className: "absolute right-1 top-1/2 flex size-8 -translate-y-1/2 items-center justify-center rounded-md text-muted-foreground opacity-100 hover:bg-background hover:text-foreground focus-visible:opacity-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring pointer-fine:opacity-0 pointer-fine:group-hover:opacity-100 pointer-coarse:size-11",
+                children: /* @__PURE__ */ jsx(Trash2, { className: "size-4", "aria-hidden": "true" })
+              }
+            )
+          ] }, thread.id);
+        }) })
+      ]
+    }
+  );
+}
+function ChatThreadSelect({
+  threads,
+  activeId,
+  labels,
+  onSelect,
+  testIds
+}) {
+  return /* @__PURE__ */ jsx(
+    "select",
+    {
+      "aria-label": labels.conversations,
+      value: activeId,
+      onChange: (e) => onSelect(e.target.value),
+      "data-testid": testIdOr(testIds?.select, { testId: "chat-conversation-select" }),
+      className: "h-9 min-w-0 flex-1 truncate rounded-md border border-input bg-background px-2 text-sm font-medium text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring pointer-coarse:h-11 pointer-coarse:text-base",
+      children: threads.map((thread) => /* @__PURE__ */ jsx("option", { value: thread.id, children: thread.title || labels.untitled }, thread.id))
+    }
+  );
+}
+var embeddedCount = 0;
+var listeners = /* @__PURE__ */ new Set();
+function subscribe(listener) {
+  listeners.add(listener);
+  return () => listeners.delete(listener);
+}
+function emit() {
+  listeners.forEach((l) => l());
+}
+function useRegisterEmbeddedChat(enabled = true) {
+  useEffect(() => {
+    if (!enabled) return;
+    embeddedCount += 1;
+    emit();
+    return () => {
+      embeddedCount -= 1;
+      emit();
+    };
+  }, [enabled]);
+}
+function useChatSurface() {
+  const count = useSyncExternalStore(
+    subscribe,
+    () => embeddedCount,
+    () => 0
+  );
+  return { hasEmbeddedChat: count > 0, isDockAvailable: count === 0 };
+}
+
+// src/chat/chat-page-types.ts
+var DEFAULT_CHAT_PAGE_LABELS = {
+  chat: "Assistant chat",
+  conversations: "Conversations",
+  newChat: "New chat",
+  untitled: "New chat",
+  deleteConversation: (title) => `Delete conversation ${title}`,
+  assistant: "Assistant",
+  thinking: "Thinking\u2026",
+  steps: (count) => count === 1 ? "1 step" : `${count} steps`,
+  responseFailed: "Response failed",
+  answerFailedTitle: "The answer could not be completed",
+  uploadFailedTitle: "The upload failed",
+  placeholder: "Ask about your documents",
+  composerAriaLabel: "Message the assistant",
+  documentsInChat: (selected, total) => `${selected} of ${total} documents in this chat`,
+  documentsHeading: "Documents in this chat",
+  selectAllDocuments: "Select all",
+  noDocuments: "No documents yet",
+  uploadDocuments: "Upload documents",
+  uploading: "Uploading\u2026",
+  emptyTitle: "Ask about your documents",
+  emptyDescription: "Every answer is grounded in the selected documents and cites its sources.",
+  emptyUploadTitle: "Add a document to start",
+  emptyUploadDescription: "Upload the documents you want to ask about.",
+  workflows: "Workflows",
+  loadingDocuments: "Loading documents\u2026"
+};
+var USER_BUBBLE = "bg-[color:hsl(var(--chat-user-bubble,var(--muted)))] text-[color:hsl(var(--chat-user-bubble-foreground,var(--foreground)))]";
+var NEAR_BOTTOM_PX = 96;
+function MessageRow({ message, identity, renderContent, labels }) {
+  if (message.role === "user") {
+    return /* @__PURE__ */ jsx(Message.Root, { role: "user", messageId: message.id, children: /* @__PURE__ */ jsx(Message.Content, { role: "user", messageId: message.id, children: /* @__PURE__ */ jsx(
+      Message.Bubble,
+      {
+        role: "user",
+        messageId: message.id,
+        className: USER_BUBBLE,
+        testId: "chat-message-user",
+        children: /* @__PURE__ */ jsx("p", { className: "m-0 whitespace-pre-wrap break-words text-base leading-relaxed", children: message.content })
+      }
+    ) }) });
+  }
+  const isStreaming = message.status === "streaming";
+  const isFailed = message.status === "error";
+  const hasText = message.content.trim() !== "";
+  return /* @__PURE__ */ jsx(Message.Root, { role: "assistant", messageId: message.id, tone: isFailed ? "error" : void 0, children: /* @__PURE__ */ jsx(Message.Content, { role: "assistant", messageId: message.id, children: /* @__PURE__ */ jsxs(Message.Bubble, { role: "assistant", messageId: message.id, testId: "chat-message-assistant", children: [
+    /* @__PURE__ */ jsx(
+      Message.Byline,
+      {
+        messageId: message.id,
+        identity: identity ?? /* @__PURE__ */ jsx("span", { className: "font-medium", children: labels.assistant }),
+        timeLabel: message.stepCount ? labels.steps(message.stepCount) : "",
+        isSettled: !isStreaming,
+        isFailed,
+        statusLabel: isFailed ? labels.responseFailed : ""
+      }
+    ),
+    hasText && (renderContent?.(message) ?? /* @__PURE__ */ jsx(MarkdownRenderer, { isStreaming, children: message.content })),
+    isStreaming && !hasText && /* @__PURE__ */ jsxs(
+      "span",
+      {
+        className: "flex items-center gap-2 text-muted-foreground",
+        "data-testid": "chat-streaming",
+        children: [
+          /* @__PURE__ */ jsx(Loader2, { className: "size-4 animate-spin motion-reduce:animate-none", "aria-hidden": true }),
+          labels.thinking
+        ]
+      }
+    )
+  ] }) }) });
+}
+function ChatPage({
+  chat,
+  surface = "page",
+  header,
+  headerActions,
+  aside,
+  prompts = [],
+  emptyTitle,
+  emptyDescription,
+  identity,
+  renderContent,
+  accept,
+  labels,
+  className,
+  testIds
+}) {
+  const l = { ...DEFAULT_CHAT_PAGE_LABELS, ...labels };
+  useRegisterEmbeddedChat(surface === "page");
+  const [draft, setDraft] = useState("");
+  const [isAsideOpen, setIsAsideOpen] = useState(false);
+  const [isAway, setIsAway] = useState(false);
+  const scrollRef = useRef(null);
+  const fileRef = useRef(null);
+  const textareaRef = useRef(null);
+  const last = chat.messages[chat.messages.length - 1];
+  const announcement = useStreamAnnouncement({
+    isStreaming: chat.isRunning,
+    text: last?.role === "assistant" ? last.content : "",
+    resetKey: chat.activeThreadId
+  });
+  const scrollToEnd = useCallback(() => {
+    const el = scrollRef.current;
+    if (el) el.scrollTop = el.scrollHeight;
+  }, []);
+  useEffect(() => {
+    if (!isAway) scrollToEnd();
+  }, [chat.messages, isAway, scrollToEnd]);
+  useEffect(() => {
+    setIsAway(false);
+  }, [chat.activeThreadId]);
+  const onScroll = () => {
+    const el = scrollRef.current;
+    if (el) setIsAway(el.scrollHeight - el.scrollTop - el.clientHeight > NEAR_BOTTOM_PX);
+  };
+  const submit = (e) => {
+    e?.preventDefault();
+    const text = draft.trim();
+    if (!text || chat.isRunning) return;
+    setDraft("");
+    setIsAway(false);
+    void chat.send(text);
+  };
+  const pickFiles = () => fileRef.current?.click();
+  const onFiles = (files) => {
+    if (files.length > 0) void chat.upload(files);
+  };
+  const activeThread = chat.threads.find((t) => t.id === chat.activeThreadId);
+  const hasDocuments = chat.documents.length > 0;
+  const isEmpty = chat.messages.length === 0;
+  const heading = header ?? /* @__PURE__ */ jsx("h2", { className: "min-w-0 truncate text-sm font-semibold text-foreground", children: activeThread?.title || l.untitled });
+  return /* @__PURE__ */ jsxs(
+    "section",
+    {
+      "aria-label": l.chat,
+      "data-slot": "chat-page",
+      "data-surface": surface,
+      "data-testid": testIdOr(testIds?.root, { testId: "chat-page" }),
+      className: cn(
+        "@container/chat flex h-full min-h-0 w-full overflow-hidden bg-background text-foreground",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsx("div", { className: "hidden w-64 shrink-0 flex-col border-r border-border @3xl/chat:flex", children: /* @__PURE__ */ jsx(
+          ChatThreadList,
+          {
+            threads: chat.threads,
+            activeId: chat.activeThreadId,
+            labels: l,
+            onSelect: chat.selectThread,
+            onNew: chat.newThread,
+            onDelete: chat.deleteThread
+          }
+        ) }),
+        /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 flex-col", children: [
+          /* @__PURE__ */ jsxs(
+            "div",
+            {
+              "data-slot": "chat-page-header",
+              className: "flex min-h-12 shrink-0 items-center gap-2 border-b border-border px-3 py-1.5",
+              children: [
+                /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 items-center gap-2", children: [
+                  /* @__PURE__ */ jsx("div", { className: "hidden min-w-0 flex-1 @3xl/chat:block", children: heading }),
+                  /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 items-center gap-2 @3xl/chat:hidden", children: [
+                    header ? /* @__PURE__ */ jsx("div", { className: "min-w-0 shrink", children: header }) : null,
+                    /* @__PURE__ */ jsx(
+                      ChatThreadSelect,
+                      {
+                        threads: chat.threads,
+                        activeId: chat.activeThreadId,
+                        labels: l,
+                        onSelect: chat.selectThread
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      Button,
+                      {
+                        type: "button",
+                        variant: "ghost",
+                        size: "icon",
+                        className: "size-9 shrink-0 pointer-coarse:size-11",
+                        "aria-label": l.newChat,
+                        onClick: chat.newThread,
+                        children: /* @__PURE__ */ jsx(MessageSquarePlus, { className: "size-4", "aria-hidden": "true" })
+                      }
+                    )
+                  ] })
+                ] }),
+                aside && /* @__PURE__ */ jsxs(
+                  Button,
+                  {
+                    type: "button",
+                    variant: "outline",
+                    size: "sm",
+                    className: "shrink-0 gap-1.5 pointer-coarse:min-h-11 @6xl/chat:hidden",
+                    "aria-expanded": isAsideOpen,
+                    "aria-controls": "chat-page-aside-panel",
+                    onClick: () => setIsAsideOpen((v) => !v),
+                    "data-testid": testIdOr(testIds?.asideToggle, { testId: "chat-aside-toggle" }),
+                    children: [
+                      /* @__PURE__ */ jsx(PanelRight, { className: "size-4", "aria-hidden": "true" }),
+                      l.workflows
+                    ]
+                  }
+                ),
+                headerActions
+              ]
+            }
+          ),
+          aside && isAsideOpen && /* @__PURE__ */ jsx(
+            "div",
+            {
+              id: "chat-page-aside-panel",
+              "data-slot": "chat-page-aside-panel",
+              className: "max-h-[45%] shrink-0 overflow-y-auto border-b border-border p-3 @6xl/chat:hidden",
+              children: aside
+            }
+          ),
+          /* @__PURE__ */ jsxs(
+            MessageList.Root,
+            {
+              isBusy: chat.isRunning,
+              testId: testIdOr(testIds?.transcript, { testId: "chat-messages" }),
+              className: "relative flex min-h-0 flex-1 flex-col",
+              children: [
+                /* @__PURE__ */ jsx(MessageList.Status, { message: announcement }),
+                /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    ref: scrollRef,
+                    onScroll,
+                    "data-slot": "chat-page-scroll",
+                    className: "relative min-h-0 flex-1 overflow-y-auto overscroll-contain",
+                    children: isEmpty ? chat.isLoadingDocuments ? /* @__PURE__ */ jsx("div", { className: "flex h-full items-center justify-center text-sm text-muted-foreground", children: l.loadingDocuments }) : /* @__PURE__ */ jsx(
+                      ConversationEmpty,
+                      {
+                        hasDocuments,
+                        prompts,
+                        onUsePrompt: (text) => {
+                          setDraft(text);
+                          textareaRef.current?.focus();
+                        },
+                        onAddDocuments: (files) => files ? onFiles(files) : pickFiles(),
+                        title: emptyTitle ?? l.emptyTitle,
+                        description: emptyDescription ?? l.emptyDescription,
+                        className: "pb-6",
+                        noDocuments: /* @__PURE__ */ jsxs(Fragment, { children: [
+                          /* @__PURE__ */ jsxs("div", { className: "text-center", children: [
+                            /* @__PURE__ */ jsx("h2", { className: "text-lg font-semibold", children: l.emptyUploadTitle }),
+                            /* @__PURE__ */ jsx("p", { className: "mt-1 text-sm text-muted-foreground", children: l.emptyUploadDescription })
+                          ] }),
+                          /* @__PURE__ */ jsxs(
+                            Button,
+                            {
+                              type: "button",
+                              className: "gap-2 pointer-coarse:min-h-11",
+                              onClick: pickFiles,
+                              disabled: chat.isUploading,
+                              children: [
+                                /* @__PURE__ */ jsx(Upload, { className: "size-4", "aria-hidden": "true" }),
+                                chat.isUploading ? l.uploading : l.uploadDocuments
+                              ]
+                            }
+                          )
+                        ] })
+                      }
+                    ) : /* @__PURE__ */ jsx(
+                      "div",
+                      {
+                        role: "list",
+                        "aria-label": "Conversation messages",
+                        className: "mx-auto flex w-full max-w-3xl flex-col gap-5 px-3 py-5 @lg/chat:px-6",
+                        children: chat.messages.map((message) => /* @__PURE__ */ jsx("div", { role: "listitem", "data-message-id": message.id, children: /* @__PURE__ */ jsx(
+                          MessageRow,
+                          {
+                            message,
+                            identity,
+                            renderContent,
+                            labels: l
+                          }
+                        ) }, message.id))
+                      }
+                    )
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  ScrollToBottom,
+                  {
+                    className: "bottom-3 top-auto",
+                    show: isAway && !isEmpty,
+                    onClick: () => {
+                      setIsAway(false);
+                      scrollToEnd();
+                    }
+                  }
+                )
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx("div", { className: "shrink-0 border-t border-border/60 bg-background px-3 pb-3 pt-2 @lg/chat:px-6", children: /* @__PURE__ */ jsxs("div", { className: "mx-auto w-full max-w-3xl", children: [
+            chat.error && /* @__PURE__ */ jsx(
+              MessageAlert,
+              {
+                title: l.answerFailedTitle,
+                description: chat.error,
+                isBusy: chat.isRunning,
+                onActivate: () => void chat.retry(),
+                testId: testIdOr(testIds?.alert, { testId: "chat-alert" })
+              }
+            ),
+            chat.uploadError && /* @__PURE__ */ jsx(
+              MessageAlert,
+              {
+                title: l.uploadFailedTitle,
+                description: chat.uploadError,
+                testId: "chat-upload-alert"
+              }
+            ),
+            /* @__PURE__ */ jsx(Composer.Root, { onSubmit: submit, testId: "chat-composer", children: /* @__PURE__ */ jsxs(Composer.Frame, { className: "px-3 py-2 shadow-sm", children: [
+              /* @__PURE__ */ jsx(
+                Composer.Input,
+                {
+                  value: draft,
+                  onValueChange: setDraft,
+                  placeholder: l.placeholder,
+                  ariaLabel: l.composerAriaLabel,
+                  textareaRef,
+                  testId: testIdOr(testIds?.input, { testId: "chat-input" })
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                Composer.Toolbar,
+                {
+                  leading: /* @__PURE__ */ jsx(
+                    ChatDocuments,
+                    {
+                      chat,
+                      labels: l,
+                      onPickFiles: pickFiles,
+                      testIds: { documents: testIds?.documents, upload: testIds?.upload }
+                    }
+                  ),
+                  trailing: /* @__PURE__ */ jsx(
+                    Composer.Send,
+                    {
+                      onSend: () => submit(),
+                      disabled: chat.isRunning || draft.trim() === "",
+                      testIds: { send: testIdOr(testIds?.send, { testId: "chat-send" }) }
+                    }
+                  )
+                }
+              )
+            ] }) })
+          ] }) })
+        ] }),
+        aside && /* @__PURE__ */ jsx(
+          "aside",
+          {
+            "aria-label": l.workflows,
+            "data-slot": "chat-page-aside",
+            "data-testid": testIdOr(testIds?.aside, { testId: "chat-aside" }),
+            className: "hidden w-80 shrink-0 overflow-y-auto border-l border-border p-4 @6xl/chat:block",
+            children: aside
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            ref: fileRef,
+            type: "file",
+            multiple: true,
+            accept,
+            className: "sr-only",
+            tabIndex: -1,
+            "aria-hidden": "true",
+            "data-testid": "chat-file-input",
+            onChange: (e) => {
+              onFiles(Array.from(e.target.files ?? []));
+              e.target.value = "";
+            }
+          }
+        )
+      ]
+    }
+  );
+}
+var isOpen = false;
+var listeners2 = /* @__PURE__ */ new Set();
+var subscribe2 = (l) => {
+  listeners2.add(l);
+  return () => listeners2.delete(l);
+};
+function set(next) {
+  if (next === isOpen) return;
+  isOpen = next;
+  listeners2.forEach((l) => l());
+}
+function useAssistantDock() {
+  const open = useSyncExternalStore(
+    subscribe2,
+    () => isOpen,
+    () => false
+  );
+  return { isOpen: open, setOpen: set, toggle: () => set(!isOpen) };
+}
+function AssistantDockToggle({
+  label = "Assistant chat",
+  testId = "chat-dock-toggle"
+}) {
+  const { isDockAvailable } = useChatSurface();
+  const dock = useAssistantDock();
+  if (!isDockAvailable) return null;
+  return /* @__PURE__ */ jsx(ToolButton, { onClick: dock.toggle, label, active: dock.isOpen, "data-testid": testId, children: /* @__PURE__ */ jsx(MessageSquare, { className: "size-4", "aria-hidden": "true" }) });
+}
+function AssistantDock({
+  chat,
+  isMobile = false,
+  width = 380,
+  label = "Assistant chat",
+  closeLabel = "Close chat",
+  headerActions,
+  ...pageProps
+}) {
+  const { isDockAvailable } = useChatSurface();
+  const dock = useAssistantDock();
+  if (!isDockAvailable) return null;
+  return /* @__PURE__ */ jsx(
+    Shell.Dock,
+    {
+      isOpen: dock.isOpen,
+      onOpenChange: dock.setOpen,
+      isMobile,
+      width,
+      label,
+      closeLabel,
+      "data-testid": "chat-dock",
+      children: /* @__PURE__ */ jsx(
+        ChatPage,
+        {
+          ...pageProps,
+          chat,
+          surface: "dock",
+          className: "min-h-0 flex-1",
+          headerActions: /* @__PURE__ */ jsxs(Fragment, { children: [
+            headerActions,
+            !isMobile && /* @__PURE__ */ jsx(
+              ToolButton,
+              {
+                onClick: () => dock.setOpen(false),
+                label: closeLabel,
+                "data-testid": "chat-close",
+                children: /* @__PURE__ */ jsx(X, { className: "size-4", "aria-hidden": "true" })
+              }
+            )
+          ] })
+        }
+      )
+    }
+  );
+}
+
+export { AssistantDock, AssistantDockToggle, ChatDocuments, ChatPage, ChatThreadList, ChatThreadSelect, Composer, ComposerBranchingNotice, ComposerContainer, ComposerDock, ComposerFrame, ComposerInput, ComposerRoot, ComposerSend, ComposerToolbar, ComposerVoiceButton, ContextChip, ConversationEmpty, DEFAULT_CHAT_PAGE_LABELS, DEFAULT_COMPOSER_LABELS, DEFAULT_CONVERSATION_EMPTY_LABELS, DEFAULT_MESSAGE_ALERT_LABELS, DEFAULT_MESSAGE_LABELS, DEFAULT_MESSAGE_LIST_LABELS, Message, MessageActionButton, MessageActionMenu, MessageAlert, MessageBody, MessageBubble, MessageByline, MessageContent, MessageFooter, MessageList, MessageListBanner, MessageListEmpty, MessageListRoot, MessageListRow, MessageListRows, MessageListStatus, MessageListTail, MessageNarration, MessageRoot, MessageSources, MessageSubagentBadge, ScrollToBottom, SourceChip, toSpeakableText, useAssistantDock, useChatSurface, useRegisterEmbeddedChat, useStreamAnnouncement };
+//# sourceMappingURL=chunk-JPO3F4J7.js.map
+//# sourceMappingURL=chunk-JPO3F4J7.js.map