@arbidocs/react 0.3.185 → 0.4.1

package/dist/index.js

@@ -1,20 +1,23 @@
-import { useNotify, selectUnread, DEFAULT_NOTIFY_TONE } from './chunk-J3XEKOV5.js';
-export { DEFAULT_NOTIFY_TONE, Toaster, notify, seedNotifications, selectUnread, toast, useNotify } from './chunk-J3XEKOV5.js';
-import { cn, Popover, PopoverTrigger, PopoverContent, AiMarkdown, Card, Button, Badge, TagEntity, MarkdownRenderer, Input, FILE_TYPE_COLORS, getEntityIcon, DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, ScrollArea, UserEntity, getEntityColorStyles, AgentBadge, Textarea, Slider, Dialog, DialogContent, DialogHeader, DialogTitle, DialogFooter, Avatar, AvatarImage, AvatarFallback, DropdownMenuLabel, DropdownMenuSeparator, DocumentEntity, Checkbox, useAudioRecorder, MicWaveformIndicator, IconToggle, classifyMediaError, formatElapsed, VidIcon, AudIcon, ImgIcon, EmlIcon, PdfIcon } from './chunk-YJAYST7S.js';
-export { AgentBadge, AiMarkdown, ArbiBotHeadIcon, AudIcon, Avatar, AvatarFallback, AvatarImage, BASE_COLORS, Badge, Button, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DictateProvider, DocumentEntity, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, ENTITY_MAPPINGS, EmlIcon, EntityIcon, EntityPill, FILE_TYPE_COLORS, HoverCard, HoverCardContent, HoverCardTrigger, IconToggle, ImgIcon, InlineMicButton, Input, Label, MarkdownRenderer, MarkdownStreamingContext, MicRecordingOverlay, MicWaveformIndicator, NEUTRAL_GRAY, PLACEHOLDER_COLOR, PdfIcon, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, PresenceLabel, Progress, ProjectEntity, RadioGroup, RadioGroupItem, RagDot, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Slider, StatusPill, Switch, TAG_TYPE_ICONS, TAG_TYPE_LABELS, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, TagEntity, Textarea, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, UserEntity, VISIBILITY_ICONS, VidIcon, VisibilityIcon, badgeVariants, buttonVariants, cardVariants, cn, configureEntityRegistry, configureRagLabels, configureStatusRegistry, formatElapsed, getDocIcon, getEntityColor, getEntityColorStyles, getEntityIcon, getEntityLabel, getStatusVariant, getTagTypeIcon, getTagTypeLabel, getWorkspaceColor, markdownBaseComponents, splitMarkdownBlocks, toggleVariants, useAudioRecorder } from './chunk-YJAYST7S.js';
+import { formatRelativeTime } from './chunk-EJ2BMHYK.js';
+export { DEFAULT_NOTIFY_TONE, NotificationBell, Toaster, formatRelativeTime, notify, seedNotifications, selectUnread, toast, useNotify } from './chunk-EJ2BMHYK.js';
+import { MarkMenu, AiMarkdown, Card, Button, Badge, TagEntity, MarkdownRenderer, Input, FILE_TYPE_COLORS, getEntityIcon, UserEntity, getEntityColorStyles, AgentBadge, Textarea, Slider, Dialog, DialogContent, DialogHeader, DialogTitle, DialogFooter, DocumentEntity, DocumentCard, useAudioRecorder, MicWaveformIndicator, IconToggle, classifyMediaError, formatElapsed, PassageCard } from './chunk-3CLGHHME.js';
+export { AgentBadge, AiMarkdown, ArbiBotHeadIcon, AudIcon, Avatar, AvatarFallback, AvatarImage, BASE_COLORS, Badge, Button, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DictateProvider, DocumentCard, DocumentEntity, ENTITY_MAPPINGS, EmlIcon, EntityIcon, EntityPill, FILE_TYPE_COLORS, HoverCard, HoverCardContent, HoverCardTrigger, IconToggle, ImgIcon, InlineMicButton, Input, Label, MarkMenu, MarkdownRenderer, MarkdownStreamingContext, MicRecordingOverlay, MicWaveformIndicator, NEUTRAL_GRAY, PLACEHOLDER_COLOR, PassageCard, PdfIcon, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, PresenceLabel, Progress, ProjectEntity, RadioGroup, RadioGroupItem, RagDot, RelevanceDot, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Slider, StatusPill, Switch, TAG_TYPE_ICONS, TAG_TYPE_LABELS, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, TagEntity, Textarea, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, UserEntity, UserMenu, VISIBILITY_ICONS, VidIcon, VisibilityIcon, badgeVariants, buttonVariants, cardVariants, configureEntityRegistry, configureRagLabels, configureStatusRegistry, formatElapsed, getDocIcon, getEntityColor, getEntityColorStyles, getEntityIcon, getEntityLabel, getStatusVariant, getTagTypeIcon, getTagTypeLabel, getWorkspaceColor, markdownBaseComponents, splitMarkdownBlocks, toggleVariants, useAudioRecorder } from './chunk-3CLGHHME.js';
+import { cn, ScrollArea, DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator } from './chunk-6ALMBER7.js';
+export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, ScrollArea, ScrollBar, cn } from './chunk-6ALMBER7.js';
 import { useArbi, ArbiProvider, AudioViewer, ImageViewer, VideoViewer } from './chunk-JKO3NR5L.js';
 export { ArbiProvider, useArbi } from './chunk-JKO3NR5L.js';
-import React, { memo, useState, createContext, useMemo, useCallback, useRef, useContext, useEffect, useId, Fragment as Fragment$1 } from 'react';
+import React, { memo, useState, createContext, useMemo, useCallback, useEffect, useRef, useLayoutEffect, useContext, useId, Fragment as Fragment$1 } from 'react';
 import { useQuery, useMutation, useQueries, QueryClient, QueryClientProvider, useQueryClient } from '@tanstack/react-query';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { connectWithReconnect, resolveCitations, summarizeCitations } from '@arbidocs/sdk/browser';
 export { Arbi, ArbiError } from '@arbidocs/sdk/browser';
-import { Link, Trash2, CheckCheck, Check, Loader2, AlertTriangle, ShieldCheck, Copy, Sparkles, FileText, GitCompareArrows, Download, Image as Image$1, Search, CornerDownLeft, X, ArrowLeft, Send, Tags, Crown, Info, Activity, Gauge, Gift, PartyPopper, UserCheck, MessageCircleMore, FileX2, FileCheck2, Pencil, FolderPlus, SquareArrowOutUpRight, Bell, BellOff, XCircle, CheckCircle2, MessagesSquare, ArrowRight, ChevronDown, LogOut, MoreHorizontal, SquarePen, Mic, Pause, Play, Square, RotateCcw, Camera, Circle, FileX, SkipForward, CheckCircle } from 'lucide-react';
+import { Link, Trash2, CheckCheck, Check, Loader2, AlertTriangle, ShieldCheck, Copy, Sparkles, FileText, GitCompareArrows, Download, Image as Image$1, Search, CornerDownLeft, X, ArrowLeft, Send, Tags, Crown, Info, Activity, Gauge, Gift, PartyPopper, UserCheck, MessageCircleMore, FileX2, FileCheck2, Pencil, FolderPlus, SquareArrowOutUpRight, MessagesSquare, ArrowRight, MoreHorizontal, SquarePen, Mic, Pause, Play, Square, RotateCcw, Camera, Circle } from 'lucide-react';
 import { isMessageType } from '@arbidocs/client';
 export { isMessageType } from '@arbidocs/client';
 import { create } from 'zustand';
 import { diffWords } from 'diff';
 import { AnimatePresence, motion } from 'framer-motion';
+import { createPortal } from 'react-dom';
 import ReactMarkdown from 'react-markdown';
 import Cropper from 'react-easy-crop';
 import { AgGridReact } from 'ag-grid-react';
@@ -1440,8 +1443,8 @@ var ChatBubble = memo(function ChatBubble2({
                     isSent ? "justify-end" : "justify-start"
                   ),
                   children: [
-                    senderName && /* @__PURE__ */ jsx("span", { className: "text-[11px] font-medium leading-none opacity-90", children: senderName }),
-                    /* @__PURE__ */ jsx("span", { className: "text-[11px] leading-none opacity-70", children: formatTimestamp(timestamp) }),
+                    senderName && /* @__PURE__ */ jsx("span", { className: "text-xs font-medium leading-none opacity-90", children: senderName }),
+                    /* @__PURE__ */ jsx("span", { className: "text-xs leading-none opacity-70", children: formatTimestamp(timestamp) }),
                     isSent && (read ? /* @__PURE__ */ jsx(CheckCheck, { className: "w-3.5 h-3.5 flex-shrink-0 opacity-80" }) : /* @__PURE__ */ jsx(Check, { className: "w-3.5 h-3.5 flex-shrink-0 opacity-60" }))
                   ]
                 }
@@ -2192,7 +2195,7 @@ function DocSearch({
                 "p.",
                 r.page
               ] }),
-              r.score != null && /* @__PURE__ */ jsxs("span", { className: "ml-auto text-[10px] text-muted-foreground", children: [
+              r.score != null && /* @__PURE__ */ jsxs("span", { className: "ml-auto text-xs text-muted-foreground", children: [
                 "score ",
                 r.score.toFixed(2)
               ] })
@@ -2385,79 +2388,6 @@ function DocumentReview({
     }
   );
 }
-var TIERS = [
-  { min: 0.7, tone: "bg-emerald-500", label: "High relevance" },
-  { min: 0.4, tone: "bg-amber-500", label: "Medium relevance" },
-  { min: -Infinity, tone: "bg-muted-foreground/40", label: "Low relevance" }
-];
-function RelevanceDot({ score }) {
-  if (score == null) return null;
-  const tier = TIERS.find((t) => score >= t.min) ?? TIERS[TIERS.length - 1];
-  return /* @__PURE__ */ jsx(
-    "span",
-    {
-      role: "img",
-      "aria-label": tier.label,
-      title: `${tier.label} (${score.toFixed(2)})`,
-      className: cn("size-1.5 shrink-0 rounded-full", tier.tone),
-      "data-testid": "passage-relevance"
-    }
-  );
-}
-function PassageCard({
-  header,
-  score,
-  headerRight,
-  active,
-  onClick,
-  footer,
-  className,
-  children,
-  "data-testid": testId
-}) {
-  const body = /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxs("div", { className: "mb-1.5 flex items-center gap-2", children: [
-      header,
-      (score != null || headerRight) && /* @__PURE__ */ jsxs("div", { className: "ml-auto flex shrink-0 items-center gap-2", children: [
-        /* @__PURE__ */ jsx(RelevanceDot, { score }),
-        headerRight
-      ] })
-    ] }),
-    /* @__PURE__ */ jsx("div", { className: "[&_mark]:rounded-sm [&_mark]:bg-ai-accent/20 [&_mark]:px-0.5 [&_mark]:font-medium [&_mark]:text-foreground", children })
-  ] });
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: cn(
-        "group rounded-lg border border-border bg-card p-3 text-left transition-colors",
-        onClick && "hover:border-ai-accent/40 focus-within:ring-2 focus-within:ring-ai-accent/40",
-        active && "border-ai-accent/60 ring-1 ring-ai-accent/30",
-        className
-      ),
-      children: [
-        onClick ? /* @__PURE__ */ jsx(
-          "div",
-          {
-            role: "button",
-            tabIndex: 0,
-            onClick,
-            onKeyDown: (e) => {
-              if (e.key === "Enter" || e.key === " ") {
-                e.preventDefault();
-                onClick(e);
-              }
-            },
-            "aria-current": active || void 0,
-            "data-testid": testId,
-            className: "cursor-pointer focus:outline-none",
-            children: body
-          }
-        ) : /* @__PURE__ */ jsx("div", { "aria-current": active || void 0, "data-testid": testId, children: body }),
-        footer
-      ]
-    }
-  );
-}
 function queryTerms(query) {
   const terms = /* @__PURE__ */ new Set();
   for (const phrase of query.match(/"([^"]+)"/g) ?? []) {
@@ -2749,7 +2679,8 @@ var CitationRendererComponent = ({
   onActivateChunk,
   useCitationState,
   onCloseCitation,
-  onDismissCitation
+  onDismissCitation,
+  notify: notify2
 }) => {
   const chunkMap = useMemo(() => {
     const map = /* @__PURE__ */ new Map();
@@ -2801,6 +2732,7 @@ var CitationRendererComponent = ({
             useCitationState,
             onCloseCitation,
             onDismissCitation,
+            notify: notify2,
             children
           },
           citationKey
@@ -2818,7 +2750,8 @@ var CitationRendererComponent = ({
     ExternalLink,
     useCitationState,
     onCloseCitation,
-    onDismissCitation
+    onDismissCitation,
+    notify2
   ]);
   return /* @__PURE__ */ jsx("div", { className: cn("citation-container", className), "data-testid": "citation-renderer", children: renderMarkdown({ components: markdownComponents, isStreaming, children: content }) });
 };
@@ -2832,28 +2765,51 @@ var CitationPopover = ({
   useCitationState,
   onCloseCitation,
   onDismissCitation,
+  notify: notify2,
   children
 }) => {
   const { activeCitationKey, viewingPassageId, isOnConversationPage } = useCitationState();
   const isActive = activeCitationKey === `${messageId}-${citationNum}`;
   const open = isActive && isOnConversationPage;
-  const chatContainer = useMemo(
-    () => document.querySelector('main[data-testid^="conversation-"]'),
-    []
-  );
+  useEffect(() => {
+    if (isActive && !isOnConversationPage) onDismissCitation();
+  }, [isActive, isOnConversationPage, onDismissCitation]);
   const triggerRef = useRef(null);
-  const [alignOffset, setAlignOffset] = useState(0);
+  const dialogRef = useRef(null);
+  const restoreFocusRef = useRef(false);
+  const dismiss = useCallback(() => {
+    restoreFocusRef.current = true;
+    onDismissCitation();
+  }, [onDismissCitation]);
+  useEffect(() => {
+    if (!open) return;
+    dialogRef.current?.focus({ preventScroll: true });
+    return () => {
+      if (!restoreFocusRef.current) return;
+      restoreFocusRef.current = false;
+      triggerRef.current?.focus({ preventScroll: true });
+    };
+  }, [open]);
+  useEffect(() => {
+    if (!open) return;
+    const onKeyDown = (e) => {
+      if (e.key === "Escape") dismiss();
+    };
+    document.addEventListener("keydown", onKeyDown);
+    return () => document.removeEventListener("keydown", onKeyDown);
+  }, [open, dismiss]);
+  const [dock, setDock] = useState({ left: 0, top: 0, width: 0 });
+  useLayoutEffect(() => {
+    if (!open) return;
+    const edge = (document.querySelector('[data-testid="message-input-container"]') ?? document.querySelector('main[data-testid^="conversation-"]') ?? document.body).getBoundingClientRect();
+    setDock({ left: edge.left, top: edge.top, width: edge.width });
+  }, [open]);
   const handleOpen = useCallback(() => {
-    if (triggerRef.current && chatContainer) {
-      const triggerLeft = triggerRef.current.getBoundingClientRect().left;
-      const chatLeft = chatContainer.getBoundingClientRect().left;
-      setAlignOffset(-(triggerLeft - chatLeft));
-    }
     onOpen();
     if (chunks.length > 0) {
       onChunkClick(chunks[0]);
     }
-  }, [onOpen, onChunkClick, chunks, chatContainer]);
+  }, [onOpen, onChunkClick, chunks]);
   const byDoc = useMemo(() => {
     const map = /* @__PURE__ */ new Map();
     chunks.forEach((chunk) => {
@@ -2864,151 +2820,185 @@ var CitationPopover = ({
     });
     return Array.from(map.entries()).map(([docId, val]) => ({ docId, ...val }));
   }, [chunks]);
-  return /* @__PURE__ */ jsxs(
-    Popover,
+  const first = chunks[0];
+  const firstText = first ? first.content.replace(/\n+/g, " ").trim() : "";
+  const firstTitle = first ? first.metadata.doc_title ?? first.metadata.doc_ext_id ?? "" : "";
+  const firstPage = first?.metadata.page_number;
+  const copyCitation = useCallback(async () => {
+    const source = [firstTitle, firstPage != null ? `p.${firstPage}` : null].filter(Boolean).join(", ");
+    try {
+      await navigator.clipboard.writeText(source ? `\u201C${firstText}\u201D (${source})` : firstText);
+      notify2?.("Citation copied", "success");
+    } catch {
+      notify2?.("Could not copy the citation", "error");
+    }
+  }, [firstText, firstTitle, firstPage, notify2]);
+  const items = isStreaming || chunks.length === 0 ? [] : [
     {
-      open,
-      onOpenChange: (next) => {
-        if (isStreaming) return;
-        if (next) {
-          handleOpen();
-        } else {
-          onCloseCitation();
-        }
-      },
-      children: [
-        /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
-          CitationLink,
-          {
-            ref: triggerRef,
-            citationNum,
-            isActive,
-            isStreaming,
-            children
-          }
-        ) }),
-        /* @__PURE__ */ jsxs(
-          PopoverContent,
-          {
-            className: "z-[42] w-[min(var(--radix-popover-content-available-width),48rem)] min-w-0 p-0 max-h-[75vh] overflow-y-auto border-2 border-border shadow-xl",
-            align: "start",
-            alignOffset,
-            side: "bottom",
-            sideOffset: 6,
-            avoidCollisions: true,
-            container: chatContainer,
-            collisionBoundary: chatContainer,
-            collisionPadding: { top: 8, bottom: 8, left: 8, right: 8 },
-            "data-testid": `citation-popover-${citationNum}`,
-            onInteractOutside: (e) => e.preventDefault(),
-            onEscapeKeyDown: (e) => e.preventDefault(),
-            onCloseAutoFocus: (e) => e.preventDefault(),
-            children: [
-              /* @__PURE__ */ jsxs("div", { className: "px-3 py-2 border-b border-border sticky top-0 bg-popover z-10 flex items-center justify-between gap-2", children: [
-                /* @__PURE__ */ jsxs("span", { className: "text-xs font-semibold text-muted-foreground tracking-wide", children: [
-                  "Citation ",
-                  citationNum,
-                  " (",
-                  chunks.length,
-                  " passage",
-                  chunks.length !== 1 ? "s" : "",
-                  ")"
+      id: "open",
+      label: "Open in viewer",
+      primary: true,
+      onSelect: handleOpen,
+      testId: `citation-open-${citationNum}`
+    },
+    {
+      id: "copy",
+      label: "Copy citation",
+      onSelect: () => void copyCitation(),
+      testId: `citation-copy-${citationNum}`
+    }
+  ];
+  const preview = first ? /* @__PURE__ */ jsxs("div", { className: "max-w-xs", "data-testid": `citation-preview-${citationNum}`, children: [
+    /* @__PURE__ */ jsx("span", { className: "block text-xs font-medium text-foreground", children: firstTitle }),
+    firstPage != null && /* @__PURE__ */ jsxs("span", { className: "block text-xs text-muted-foreground", children: [
+      "Page ",
+      firstPage
+    ] }),
+    /* @__PURE__ */ jsx("span", { className: "mt-1 line-clamp-4 block text-xs italic text-muted-foreground", children: /* @__PURE__ */ jsx(ReactMarkdown, { components: INLINE_MD_COMPONENTS, children: firstText }) }),
+    chunks.length > 1 && /* @__PURE__ */ jsxs("span", { className: "mt-1 block text-xs text-muted-foreground", children: [
+      "+",
+      chunks.length - 1,
+      " more passage",
+      chunks.length > 2 ? "s" : ""
+    ] })
+  ] }) : void 0;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      CitationLink,
+      {
+        triggerRef,
+        citationNum,
+        isActive,
+        isStreaming,
+        items,
+        preview,
+        children
+      }
+    ),
+    open && createPortal(
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: "pointer-events-none fixed z-[42] flex justify-center px-2",
+          style: {
+            left: dock.left,
+            width: dock.width,
+            bottom: window.innerHeight - dock.top + 8
+          },
+          children: /* @__PURE__ */ jsxs(
+            "div",
+            {
+              ref: dialogRef,
+              role: "dialog",
+              tabIndex: -1,
+              "aria-label": `Citation ${citationNum}`,
+              className: "pointer-events-auto z-[42] max-h-[45vh] outline-none w-[min(100%,48rem)] min-w-0 overflow-y-auto rounded-md border border-border bg-popover p-0 text-popover-foreground shadow-xl",
+              "data-testid": `citation-popover-${citationNum}`,
+              children: [
+                /* @__PURE__ */ jsxs("div", { className: "px-3 py-2 pointer-coarse:py-0 border-b border-border sticky top-0 bg-popover z-10 flex items-center justify-between gap-2", children: [
+                  /* @__PURE__ */ jsxs("span", { className: "text-xs font-semibold text-muted-foreground tracking-wide", children: [
+                    "Citation ",
+                    citationNum,
+                    " (",
+                    chunks.length,
+                    " passage",
+                    chunks.length !== 1 ? "s" : "",
+                    ")"
+                  ] }),
+                  /* @__PURE__ */ jsx(
+                    "button",
+                    {
+                      onClick: dismiss,
+                      className: "-m-1.5 flex shrink-0 items-center justify-center rounded p-1.5 text-muted-foreground transition-colors hover:bg-muted hover:text-foreground pointer-coarse:m-0 pointer-coarse:size-11 pointer-coarse:p-0",
+                      "aria-label": "Close",
+                      "data-testid": `citation-popover-close-${citationNum}`,
+                      children: /* @__PURE__ */ jsx(
+                        "svg",
+                        {
+                          width: "14",
+                          height: "14",
+                          viewBox: "0 0 12 12",
+                          fill: "none",
+                          xmlns: "http://www.w3.org/2000/svg",
+                          children: /* @__PURE__ */ jsx(
+                            "path",
+                            {
+                              d: "M1 1L11 11M11 1L1 11",
+                              stroke: "currentColor",
+                              strokeWidth: "1.5",
+                              strokeLinecap: "round"
+                            }
+                          )
+                        }
+                      )
+                    }
+                  )
                 ] }),
-                /* @__PURE__ */ jsx(
-                  "button",
-                  {
-                    onClick: onDismissCitation,
-                    className: "-m-1.5 flex shrink-0 items-center justify-center rounded p-1.5 text-muted-foreground transition-colors hover:bg-muted hover:text-foreground",
-                    "aria-label": "Close",
-                    "data-testid": `citation-popover-close-${citationNum}`,
-                    children: /* @__PURE__ */ jsx(
-                      "svg",
-                      {
-                        width: "14",
-                        height: "14",
-                        viewBox: "0 0 12 12",
-                        fill: "none",
-                        xmlns: "http://www.w3.org/2000/svg",
-                        children: /* @__PURE__ */ jsx(
-                          "path",
-                          {
-                            d: "M1 1L11 11M11 1L1 11",
-                            stroke: "currentColor",
-                            strokeWidth: "1.5",
-                            strokeLinecap: "round"
-                          }
-                        )
-                      }
-                    )
-                  }
-                )
-              ] }),
-              (() => {
-                let idx = 0;
-                return byDoc.map(({ docId, title, chunks: docChunks }) => /* @__PURE__ */ jsxs("div", { className: "px-3 py-2 border-b border-border last:border-0", children: [
-                  /* @__PURE__ */ jsx("p", { className: "text-xs font-medium text-primary mb-1 truncate", title, children: title }),
+                byDoc.map(({ docId, title, chunks: docChunks }) => /* @__PURE__ */ jsxs("div", { className: "px-3 py-2 border-b border-border last:border-0", children: [
+                  /* @__PURE__ */ jsx("p", { className: "text-sm font-semibold text-foreground mb-1 truncate", title, children: title }),
                   docChunks.map((chunk) => {
-                    idx++;
                     const isSelected = viewingPassageId === chunk.metadata.chunk_ext_id;
-                    return /* @__PURE__ */ jsxs(
+                    return /* @__PURE__ */ jsx(
                       "button",
                       {
                         "data-testid": `citation-chunk-${chunk.metadata.chunk_ext_id}`,
                         onClick: () => onChunkClick(chunk),
                         className: cn(
-                          "w-full text-left text-xs rounded px-2 py-1.5 transition-colors flex items-start gap-2 mb-1 last:mb-0",
-                          isSelected ? "bg-yellow-100 dark:bg-yellow-900/30 text-yellow-900 dark:text-yellow-100" : "text-muted-foreground hover:text-primary hover:bg-muted"
+                          "w-full text-left text-sm rounded-md px-2 py-1.5 pointer-coarse:min-h-11 pointer-coarse:py-3 transition-colors flex items-start gap-2 mb-1 last:mb-0",
+                          isSelected ? "bg-ai-soft text-foreground ring-1 ring-ai-accent/40" : "text-muted-foreground hover:text-primary hover:bg-muted"
                         ),
-                        children: [
-                          /* @__PURE__ */ jsxs("span", { className: "shrink-0 text-[10px] font-mono bg-muted text-muted-foreground rounded px-1 py-0.5 mt-0.5", children: [
-                            idx,
-                            "."
-                          ] }),
-                          chunk.metadata.page_number != null && /* @__PURE__ */ jsxs("span", { className: "shrink-0 text-[10px] font-mono bg-muted text-muted-foreground rounded-full px-1.5 py-0.5 mt-0.5", children: [
-                            "p.",
+                        children: /* @__PURE__ */ jsxs("span", { className: "min-w-0 flex-1", children: [
+                          chunk.metadata.page_number != null && /* @__PURE__ */ jsxs("span", { className: "block text-xs text-muted-foreground", children: [
+                            "Page ",
                             chunk.metadata.page_number
                           ] }),
-                          /* @__PURE__ */ jsxs("span", { className: "min-w-0 flex-1 overflow-hidden whitespace-nowrap text-ellipsis block", children: [
-                            /* @__PURE__ */ jsx("span", { children: "(\u201C" }),
-                            " ",
-                            /* @__PURE__ */ jsx(ReactMarkdown, { components: INLINE_MD_COMPONENTS, children: chunk.content.replace(/\n+/g, " ").trim() }),
-                            " ",
-                            /* @__PURE__ */ jsx("span", { children: "\u201D)" })
-                          ] })
-                        ]
+                          /* @__PURE__ */ jsx("span", { className: "line-clamp-3 italic", children: /* @__PURE__ */ jsx(ReactMarkdown, { components: INLINE_MD_COMPONENTS, children: chunk.content.replace(/\n+/g, " ").trim() }) })
+                        ] })
                       },
                       chunk.metadata.chunk_ext_id
                     );
                   })
-                ] }, docId));
-              })()
-            ]
-          }
-        )
-      ]
-    }
-  );
-};
-var CitationLink = React.forwardRef(
-  ({ citationNum, isActive, isStreaming, children, ...props }, ref) => /* @__PURE__ */ jsxs(
-    "span",
-    {
-      ref,
-      className: cn(
-        "cited-text transition-colors px-0.5 rounded inline-block",
-        isStreaming ? "cursor-default" : "cursor-pointer",
-        isActive ? "bg-yellow-100 dark:bg-yellow-900/30 hover:bg-yellow-200 dark:hover:bg-yellow-900/40" : "hover:bg-yellow-50 dark:hover:bg-yellow-900/20"
+                ] }, docId))
+              ]
+            }
+          )
+        }
       ),
-      "data-testid": `citation-link-${citationNum}`,
-      ...props,
-      children: [
-        children,
-        /* @__PURE__ */ jsx("sup", { className: "relative -top-2", children: /* @__PURE__ */ jsx("span", { className: "inline-flex items-center justify-center min-w-4 h-4 px-1 text-[10px] border border-muted bg-muted text-primary rounded font-normal cursor-pointer antialiased tabular-nums font-heading", children: citationNum }) })
-      ]
-    }
-  )
+      document.body
+    )
+  ] });
+};
+var CitationLink = ({
+  citationNum,
+  isActive,
+  isStreaming,
+  items,
+  preview,
+  triggerRef,
+  children
+}) => /* @__PURE__ */ jsxs(
+  MarkMenu,
+  {
+    triggerRef,
+    items,
+    preview: isStreaming ? void 0 : preview,
+    menuLabel: `Citation ${citationNum}`,
+    testId: `citation-link-${citationNum}`,
+    tabIndex: isStreaming ? -1 : 0,
+    "data-mark-kind": "citation",
+    className: cn(
+      "cited-text relative rounded-sm px-0.5 transition-colors",
+      // 44px touch hit area without changing the text layout.
+      "pointer-coarse:after:absolute pointer-coarse:after:content-[''] pointer-coarse:after:-inset-x-3 pointer-coarse:after:-inset-y-4",
+      isStreaming ? "cursor-default" : "cursor-pointer",
+      isActive ? "bg-ai-soft text-foreground" : "bg-ai-soft/30 hover:bg-ai-soft/70"
+    ),
+    children: [
+      children,
+      /* @__PURE__ */ jsx("sup", { className: "ml-px align-super text-[0.7em] font-semibold leading-none tabular-nums text-ai-ink", children: citationNum })
+    ]
+  }
 );
-CitationLink.displayName = "CitationLink";
 var CitationRenderer = React.memo(CitationRendererComponent);
 var DocIcon = ({ size = 16, className = "" }) => {
   return /* @__PURE__ */ jsxs(
@@ -3796,178 +3786,6 @@ function userDisplayName(user) {
 function isAgentUser(user) {
   return user.external_id.startsWith("agt-");
 }
-var RELATIVE = new Intl.RelativeTimeFormat(void 0, { numeric: "auto" });
-var DIVISIONS = [
-  { amount: 60, unit: "seconds" },
-  { amount: 60, unit: "minutes" },
-  { amount: 24, unit: "hours" },
-  { amount: 7, unit: "days" },
-  { amount: 4.34524, unit: "weeks" },
-  { amount: 12, unit: "months" },
-  { amount: Number.POSITIVE_INFINITY, unit: "years" }
-];
-function formatRelativeTime(iso) {
-  const then = Date.parse(iso);
-  if (Number.isNaN(then)) return "";
-  let duration = (then - Date.now()) / 1e3;
-  if (Math.abs(duration) < 45) return "just now";
-  for (const division of DIVISIONS) {
-    if (Math.abs(duration) < division.amount) {
-      return RELATIVE.format(Math.round(duration), division.unit);
-    }
-    duration /= division.amount;
-  }
-  return "";
-}
-var GLYPH = {
-  success: CheckCircle2,
-  error: XCircle,
-  warning: AlertTriangle,
-  info: Info
-};
-function NotificationBell({
-  onNavigate,
-  onMarkRead,
-  onMarkAllRead,
-  muted = false,
-  onToggleMute,
-  toneClassNames,
-  emptyText = "You're all caught up.",
-  onViewAll,
-  viewAllLabel = "View all",
-  testId = "notifications"
-}) {
-  const notifications = useNotify((s) => s.notifications);
-  const unread = useNotify(selectUnread);
-  const markAllRead = useNotify((s) => s.markAllRead);
-  const markRead = useNotify((s) => s.markRead);
-  const tone = (v) => toneClassNames?.[v] ?? DEFAULT_NOTIFY_TONE[v];
-  const visible = notifications.filter((n) => !n.ambient);
-  return /* @__PURE__ */ jsxs(DropdownMenu, { children: [
-    /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
-      "button",
-      {
-        className: "relative flex size-9 items-center justify-center rounded-md text-muted-foreground transition-colors hover:bg-accent hover:text-foreground",
-        "data-testid": testId,
-        "aria-label": `Notifications${unread ? ` (${unread} unread)` : ""}`,
-        children: [
-          /* @__PURE__ */ jsx(Bell, { className: "size-5" }),
-          unread > 0 && /* @__PURE__ */ jsx(
-            "span",
-            {
-              className: "absolute -right-0.5 -top-0.5 flex min-w-4 items-center justify-center rounded-full bg-secondary px-1 text-[10px] font-semibold leading-4 text-secondary-foreground",
-              "data-testid": `${testId}-badge`,
-              children: unread > 9 ? "9+" : unread
-            }
-          )
-        ]
-      }
-    ) }),
-    /* @__PURE__ */ jsxs(
-      DropdownMenuContent,
-      {
-        align: "end",
-        sideOffset: 8,
-        collisionPadding: 12,
-        className: "w-[360px] rounded-lg border-border/60 p-0 shadow-lg",
-        "data-testid": `${testId}-panel`,
-        children: [
-          /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-3 border-b border-border px-3.5 py-2.5", children: [
-            /* @__PURE__ */ jsx("p", { className: "text-sm font-semibold text-foreground", children: "Notifications" }),
-            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
-              unread > 0 && /* @__PURE__ */ jsxs(
-                "button",
-                {
-                  onClick: () => {
-                    markAllRead();
-                    onMarkAllRead?.();
-                  },
-                  className: "flex items-center gap-1 text-xs font-medium text-primary transition-colors hover:opacity-80",
-                  "data-testid": `${testId}-mark-all`,
-                  children: [
-                    /* @__PURE__ */ jsx(CheckCheck, { className: "size-3.5" }),
-                    " Mark all read"
-                  ]
-                }
-              ),
-              onToggleMute && /* @__PURE__ */ jsx(
-                "button",
-                {
-                  onClick: onToggleMute,
-                  "aria-pressed": muted,
-                  title: muted ? "Unmute notifications" : "Mute notifications",
-                  "aria-label": muted ? "Unmute notifications" : "Mute notifications",
-                  className: cn(
-                    "flex size-6 items-center justify-center rounded-md transition-colors hover:bg-accent",
-                    muted ? "text-foreground" : "text-muted-foreground hover:text-foreground"
-                  ),
-                  "data-testid": `${testId}-mute`,
-                  children: /* @__PURE__ */ jsx(BellOff, { className: "size-3.5" })
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                DropdownMenuItem,
-                {
-                  className: "flex size-6 items-center justify-center rounded-md p-0 text-muted-foreground transition-colors hover:bg-accent hover:text-foreground focus:bg-accent",
-                  "aria-label": "Close notifications",
-                  "data-testid": `${testId}-close`,
-                  children: /* @__PURE__ */ jsx(X, { className: "size-3.5" })
-                }
-              )
-            ] })
-          ] }),
-          muted && /* @__PURE__ */ jsx(
-            "p",
-            {
-              className: "border-b border-border/60 bg-amber-500/10 px-3.5 py-1.5 text-[11px] text-muted-foreground",
-              "data-testid": `${testId}-muted-note`,
-              children: "Toasts are muted \u2014 everything still lands here."
-            }
-          ),
-          visible.length === 0 ? /* @__PURE__ */ jsx("div", { className: "px-3.5 py-10 text-center text-sm text-muted-foreground", children: emptyText }) : /* @__PURE__ */ jsx(ScrollArea, { className: "max-h-[380px]", children: /* @__PURE__ */ jsx("ul", { "data-testid": `${testId}-list`, children: visible.map((n) => {
-            const Glyph = GLYPH[n.variant];
-            return /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(
-              "button",
-              {
-                onClick: () => {
-                  markRead(n.id);
-                  if (!n.read) onMarkRead?.(n.id);
-                  if (n.onSelect) n.onSelect();
-                  else if (n.href) onNavigate?.(n.href);
-                },
-                className: cn(
-                  "flex w-full items-start gap-3 border-b border-border/60 px-3.5 py-3 text-left transition-colors hover:bg-accent",
-                  !n.read && "bg-accent/40"
-                ),
-                "data-testid": `${testId}-item`,
-                children: [
-                  /* @__PURE__ */ jsx(Glyph, { className: cn("mt-0.5 size-4 shrink-0", tone(n.variant)) }),
-                  /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
-                    /* @__PURE__ */ jsx("p", { className: "text-sm font-medium leading-snug text-foreground", children: n.title }),
-                    n.description && /* @__PURE__ */ jsx("p", { className: "mt-0.5 line-clamp-2 text-xs leading-relaxed text-muted-foreground", children: n.description }),
-                    /* @__PURE__ */ jsx("p", { className: "mt-1 text-[11px] text-muted-foreground/80", children: formatRelativeTime(new Date(n.ts).toISOString()) })
-                  ] }),
-                  !n.read && /* @__PURE__ */ jsx("span", { className: "mt-1.5 size-2 shrink-0 rounded-full bg-primary" })
-                ]
-              }
-            ) }, n.id);
-          }) }) }),
-          onViewAll && // A real menu item, not a bare button: selecting it must CLOSE the
-          // dropdown on its way to the full surface.
-          /* @__PURE__ */ jsx(
-            DropdownMenuItem,
-            {
-              onClick: onViewAll,
-              className: "justify-center rounded-none border-t border-border px-3.5 py-2.5 text-xs font-medium text-primary focus:text-primary",
-              "data-testid": `${testId}-view-all`,
-              children: viewAllLabel
-            }
-          )
-        ]
-      }
-    )
-  ] });
-}
 var DM_QUERY_KEY = ["arbi", "directMessages"];
 var CONTACTS_QUERY_KEY = ["arbi", "contacts"];
 function mergeContacts(threads, contacts) {
@@ -4166,7 +3984,7 @@ function ConversationList({
                   Badge,
                   {
                     variant: "outline",
-                    className: "shrink-0 rounded-full px-2 py-0 text-[10px] font-medium text-muted-foreground",
+                    className: "shrink-0 rounded-full px-2 py-0 text-xs font-medium text-muted-foreground",
                     children: c.statusLabel
                   }
                 ) : unreadCount > 0 ? (
@@ -4178,7 +3996,7 @@ function ConversationList({
                     {
                       variant: "accent",
                       className: cn(
-                        "min-w-[1.125rem] justify-center rounded-full px-1 py-0 text-[10px] font-medium leading-[1.125rem] shadow-none",
+                        "min-w-[1.125rem] justify-center rounded-full px-1 py-0 text-xs font-medium leading-[1.125rem] shadow-none",
                         classNames?.unreadBadge
                       ),
                       children: unreadCount
@@ -4210,7 +4028,7 @@ function ConversationList({
                     children: c.subtitle ?? preview
                   }
                 ),
-                /* @__PURE__ */ jsx("span", { className: "shrink-0 text-[11px] text-muted-foreground", children: lastMessage ? formatRelativeTime(lastMessage.createdAt) : "" })
+                /* @__PURE__ */ jsx("span", { className: "shrink-0 text-xs text-muted-foreground", children: lastMessage ? formatRelativeTime(lastMessage.createdAt) : "" })
               ] })
             ] })
           ] });
@@ -4225,7 +4043,7 @@ function ConversationList({
             newSection && /* @__PURE__ */ jsx(
               "p",
               {
-                className: "bg-muted/40 px-4 py-1.5 text-[11px] font-medium uppercase tracking-wide text-muted-foreground",
+                className: "bg-muted/40 px-4 py-1.5 text-xs font-medium uppercase tracking-wide text-muted-foreground",
                 "data-testid": "arbi-dm-section",
                 children: c.sectionLabel
               }
@@ -4550,7 +4368,7 @@ function ImageCropper({
       }
     ) }),
     aspectOptions && aspectOptions.length > 1 ? /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-1", "data-testid": "image-cropper-aspects", children: [
-      /* @__PURE__ */ jsx("span", { className: "mr-1 text-[11px] font-semibold uppercase tracking-wider text-muted-foreground", children: "Ratio" }),
+      /* @__PURE__ */ jsx("span", { className: "mr-1 text-xs font-semibold uppercase tracking-wider text-muted-foreground", children: "Ratio" }),
       aspectOptions.map((opt) => {
         const on = opt.value === activeAspect;
         return /* @__PURE__ */ jsx(
@@ -4570,7 +4388,7 @@ function ImageCropper({
       })
     ] }) : null,
     /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
-      /* @__PURE__ */ jsx("label", { className: "text-[11px] font-semibold uppercase tracking-wider text-muted-foreground", children: "Zoom" }),
+      /* @__PURE__ */ jsx("label", { className: "text-xs font-semibold uppercase tracking-wider text-muted-foreground", children: "Zoom" }),
       /* @__PURE__ */ jsx(
         Slider,
         {
@@ -4761,7 +4579,7 @@ function CommandPalette({
               "data-testid": `${testId}-input`
             }
           ),
-          /* @__PURE__ */ jsx("kbd", { className: "hidden rounded border border-border px-1.5 py-0.5 text-[10px] text-muted-foreground sm:inline", children: "\u2318K" })
+          /* @__PURE__ */ jsx("kbd", { className: "hidden rounded border border-border px-1.5 py-0.5 text-xs text-muted-foreground sm:inline", children: "\u2318K" })
         ] }),
         /* @__PURE__ */ jsxs("div", { className: "max-h-[60vh] overflow-y-auto p-2", children: [
           query.trim() && !showingAnswer && /* @__PURE__ */ jsxs(
@@ -4820,7 +4638,7 @@ function CommandPalette({
             ) })
           ] }),
           !showingAnswer && /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsx("p", { className: "px-3 pb-1 pt-2 text-[10px] font-semibold uppercase tracking-wide text-muted-foreground", children: query.trim() ? "Jump to" : "Go to" }),
+            /* @__PURE__ */ jsx("p", { className: "px-3 pb-1 pt-2 text-xs font-semibold uppercase tracking-wide text-muted-foreground", children: query.trim() ? "Jump to" : "Go to" }),
             navMatches.length === 0 && /* @__PURE__ */ jsx("p", { className: "px-3 py-2 text-sm text-muted-foreground", children: "No pages match \u2014 press Enter to ask AI." }),
             navMatches.map((item) => /* @__PURE__ */ jsxs(
               "button",
@@ -4841,7 +4659,7 @@ function CommandPalette({
               item.id
             )),
             searchable && query.trim().length >= 2 && /* @__PURE__ */ jsxs(Fragment, { children: [
-              /* @__PURE__ */ jsx("p", { className: "px-3 pb-1 pt-3 text-[10px] font-semibold uppercase tracking-wide text-muted-foreground", children: "Documents" }),
+              /* @__PURE__ */ jsx("p", { className: "px-3 pb-1 pt-3 text-xs font-semibold uppercase tracking-wide text-muted-foreground", children: "Documents" }),
               searchStatus === "done" && docHits.length === 0 && /* @__PURE__ */ jsx("p", { className: "px-3 py-2 text-sm text-muted-foreground", children: "No passages matched." }),
               docHits.map((hit, i) => /* @__PURE__ */ jsxs(
                 "button",
@@ -4905,114 +4723,6 @@ function CommandPaletteProvider({
     /* @__PURE__ */ jsx(CommandPalette, { open: isOpen, onOpenChange: setIsOpen, ...paletteProps })
   ] });
 }
-function nameInitials(name) {
-  const parts = name.trim().split(/\s+/).filter(Boolean);
-  if (!parts.length) return "?";
-  return parts.slice(0, 2).map((p) => p[0]?.toUpperCase() ?? "").join("");
-}
-var STATUS_DOT = {
-  online: "bg-emerald-500",
-  busy: "bg-amber-500",
-  offline: "bg-destructive"
-};
-function UserMenu({
-  user,
-  status,
-  items = [],
-  onLogout,
-  logoutLabel = "Sign out",
-  align = "end",
-  classNames,
-  testId = "user-menu",
-  logoutTestId
-}) {
-  return /* @__PURE__ */ jsxs(DropdownMenu, { children: [
-    /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
-      "button",
-      {
-        className: cn(
-          "flex items-center gap-2 rounded-md px-1.5 py-1 transition-colors hover:bg-accent",
-          classNames?.trigger
-        ),
-        "data-testid": testId,
-        children: [
-          /* @__PURE__ */ jsxs("span", { className: "relative", children: [
-            /* @__PURE__ */ jsxs(Avatar, { className: "size-8", children: [
-              user.picture ? /* @__PURE__ */ jsx(AvatarImage, { src: user.picture, alt: user.name }) : null,
-              /* @__PURE__ */ jsx(
-                AvatarFallback,
-                {
-                  className: cn("bg-primary text-primary-foreground", classNames?.fallback),
-                  children: nameInitials(user.name)
-                }
-              )
-            ] }),
-            status && /* @__PURE__ */ jsx(
-              "span",
-              {
-                className: cn(
-                  "absolute -bottom-0.5 -right-0.5 size-2.5 rounded-full border-2 border-background",
-                  STATUS_DOT[status.tone]
-                ),
-                title: status.detail ? `${status.label} \xB7 ${status.detail}` : status.label,
-                "data-testid": status.testId ? `${status.testId}-dot` : void 0
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsx(ChevronDown, { className: "size-4 text-muted-foreground" })
-        ]
-      }
-    ) }),
-    /* @__PURE__ */ jsxs(
-      DropdownMenuContent,
-      {
-        align,
-        sideOffset: 8,
-        collisionPadding: 12,
-        className: "w-56 rounded-lg border-border/60 shadow-lg",
-        "data-testid": "user-menu-panel",
-        children: [
-          /* @__PURE__ */ jsxs(DropdownMenuLabel, { className: "relative pr-8", children: [
-            /* @__PURE__ */ jsx(
-              DropdownMenuItem,
-              {
-                className: "absolute right-1 top-1 flex size-6 items-center justify-center rounded-md p-0 text-muted-foreground transition-colors hover:bg-accent hover:text-foreground focus:bg-accent",
-                "aria-label": "Close account menu",
-                "data-testid": "user-menu-close",
-                children: /* @__PURE__ */ jsx(X, { className: "size-3.5" })
-              }
-            ),
-            /* @__PURE__ */ jsx("div", { className: "font-medium text-foreground", children: user.name }),
-            user.email && /* @__PURE__ */ jsx("div", { className: "text-xs font-normal text-muted-foreground", children: user.email }),
-            status && /* @__PURE__ */ jsxs(
-              "div",
-              {
-                className: "mt-1 text-xs font-normal text-muted-foreground",
-                "data-testid": status.testId,
-                children: [
-                  /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1.5", children: [
-                    /* @__PURE__ */ jsx("span", { className: cn("size-2 shrink-0 rounded-full", STATUS_DOT[status.tone]) }),
-                    status.label
-                  ] }),
-                  status.detail && /* @__PURE__ */ jsx("div", { className: "mt-0.5 truncate pl-3.5 text-[10px] leading-tight text-muted-foreground/70", children: status.detail })
-                ]
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
-          items.map((item) => /* @__PURE__ */ jsxs(DropdownMenuItem, { onClick: item.onSelect, "data-testid": item.testId, children: [
-            item.icon && /* @__PURE__ */ jsx(item.icon, { className: "size-4" }),
-            item.label
-          ] }, item.label)),
-          /* @__PURE__ */ jsxs(DropdownMenuItem, { onClick: onLogout, "data-testid": logoutTestId ?? `${testId}-logout`, children: [
-            /* @__PURE__ */ jsx(LogOut, { className: "size-4" }),
-            logoutLabel
-          ] })
-        ]
-      }
-    )
-  ] });
-}
 var useArbiUiStore = create((set) => ({
   selectedDocIds: [],
   setSelectedDocIds: (ids) => set({ selectedDocIds: ids }),
@@ -5223,218 +4933,6 @@ function DocumentTable({
     }
   ) });
 }
-var ACTIVE_STATUSES = /* @__PURE__ */ new Set([
-  "queued",
-  "processing",
-  "parsing",
-  "encrypting",
-  "indexing",
-  "analysing"
-]);
-var TERMINAL_STATUSES2 = /* @__PURE__ */ new Set(["completed", "failed", "skipped", "empty", "low-content"]);
-var STATUS_LABEL = {
-  queued: "Queued",
-  processing: "Processing",
-  parsing: "Parsing",
-  encrypting: "Encrypting",
-  indexing: "Indexing",
-  analysing: "Analysing"
-};
-var IMAGE_EXTENSIONS = /* @__PURE__ */ new Set(["jpg", "jpeg", "png", "gif", "bmp", "tiff", "tif", "webp"]);
-var VIDEO_EXTENSIONS = /* @__PURE__ */ new Set(["mp4", "mpeg", "mpg", "webm", "mov", "avi", "mkv"]);
-var AUDIO_EXTENSIONS = /* @__PURE__ */ new Set(["mp3", "wav", "m4a", "aac", "ogg", "flac"]);
-var EMAIL_EXTENSIONS = /* @__PURE__ */ new Set(["eml", "msg"]);
-function fileIcon(fileName, size) {
-  const ext = fileName?.split(".").pop()?.toLowerCase();
-  if (ext && VIDEO_EXTENSIONS.has(ext)) return /* @__PURE__ */ jsx(VidIcon, { size });
-  if (ext && AUDIO_EXTENSIONS.has(ext)) return /* @__PURE__ */ jsx(AudIcon, { size });
-  if (ext && IMAGE_EXTENSIONS.has(ext)) return /* @__PURE__ */ jsx(ImgIcon, { size });
-  if (ext && EMAIL_EXTENSIONS.has(ext)) return /* @__PURE__ */ jsx(EmlIcon, { size });
-  return /* @__PURE__ */ jsx(PdfIcon, { size });
-}
-function RenameField({
-  seed,
-  onCommit,
-  onCancel,
-  testId
-}) {
-  const done = React.useRef(false);
-  const commit = (value) => {
-    if (done.current) return;
-    done.current = true;
-    const trimmed = value.trim();
-    if (trimmed && trimmed !== seed) onCommit(trimmed);
-    else onCancel();
-  };
-  return /* @__PURE__ */ jsx(
-    "input",
-    {
-      autoFocus: true,
-      defaultValue: seed,
-      "data-testid": testId,
-      onFocus: (e) => e.currentTarget.select(),
-      onClick: (e) => e.stopPropagation(),
-      onKeyDown: (e) => {
-        if (e.key === "Enter") {
-          e.preventDefault();
-          commit(e.currentTarget.value);
-        } else if (e.key === "Escape") {
-          e.preventDefault();
-          done.current = true;
-          onCancel();
-        }
-      },
-      onBlur: (e) => commit(e.currentTarget.value),
-      className: "w-full rounded border border-primary bg-background px-1 py-0.5 text-xs text-foreground outline-none"
-    }
-  );
-}
-function StatusMarker({ status, testId }) {
-  let icon = null;
-  let title = "";
-  switch (status) {
-    case "completed":
-      icon = /* @__PURE__ */ jsx(CheckCircle, { className: "size-4 text-success", strokeWidth: 2.75 });
-      title = "Ready";
-      break;
-    case "failed":
-      icon = /* @__PURE__ */ jsx(XCircle, { className: "size-4 text-destructive", strokeWidth: 2.75 });
-      title = "Failed";
-      break;
-    case "skipped":
-      icon = /* @__PURE__ */ jsx(SkipForward, { className: "size-4 text-muted-foreground", strokeWidth: 2.75 });
-      title = "Skipped";
-      break;
-    case "empty":
-      icon = /* @__PURE__ */ jsx(FileX, { className: "size-4 text-warning", strokeWidth: 2.75 });
-      title = "Empty \u2014 no extractable content";
-      break;
-    case "low-content":
-      icon = /* @__PURE__ */ jsx(AlertTriangle, { className: "size-4 text-warning", strokeWidth: 2.75 });
-      title = "Low content \u2014 minimal extractable content";
-      break;
-    default:
-      return null;
-  }
-  return /* @__PURE__ */ jsx(
-    "span",
-    {
-      title,
-      "data-testid": testId,
-      className: "flex size-6 items-center justify-center rounded-full bg-background shadow-sm",
-      children: icon
-    }
-  );
-}
-function DocumentCard({
-  doc,
-  thumbnailUrl,
-  status,
-  selected = false,
-  onToggleSelect,
-  viewing = false,
-  onOpen,
-  actions,
-  renaming = false,
-  onCommitRename,
-  onCancelRename,
-  tooltipContent,
-  marker,
-  testId = "document-card",
-  className
-}) {
-  const normalised = (status ?? "").toLowerCase();
-  const isProcessing = ACTIVE_STATUSES.has(normalised);
-  const showStatusMarker = !isProcessing && TERMINAL_STATUSES2.has(normalised);
-  const [thumbFailed, setThumbFailed] = React.useState(false);
-  const [thumbLandscape, setThumbLandscape] = React.useState(false);
-  const showThumbnail = !!thumbnailUrl && !thumbFailed && !isProcessing;
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      "data-testid": testId,
-      className: cn(
-        // Square corners and a portrait-page aspect (height = 1.3 × width), so a
-        // cover-page thumbnail reads edge-to-edge.
-        "group relative aspect-[10/13] select-none overflow-hidden border bg-muted/20 transition",
-        selected ? "border-primary bg-primary/10" : "border-border shadow-sm hover:border-border/80 hover:bg-muted/50",
-        className
-      ),
-      children: [
-        showThumbnail ? /* @__PURE__ */ jsx(
-          "img",
-          {
-            src: thumbnailUrl,
-            alt: "",
-            loading: "lazy",
-            draggable: false,
-            onError: () => setThumbFailed(true),
-            onLoad: (e) => setThumbLandscape(e.currentTarget.naturalWidth > e.currentTarget.naturalHeight),
-            className: cn(
-              "absolute inset-0 size-full bg-white",
-              thumbLandscape ? "object-contain" : "object-cover object-top"
-            )
-          }
-        ) : /* @__PURE__ */ jsx("div", { className: "absolute inset-0 flex items-center justify-center text-muted-foreground", children: fileIcon(doc.file_name, 44) }),
-        isProcessing && /* @__PURE__ */ jsxs(
-          "div",
-          {
-            "data-testid": `${testId}-processing`,
-            className: "absolute inset-0 z-10 flex flex-col items-center justify-center gap-1.5 bg-background/80 px-3",
-            children: [
-              /* @__PURE__ */ jsx("div", { className: "h-1.5 w-full overflow-hidden rounded-sm bg-muted", children: /* @__PURE__ */ jsx("div", { className: "h-full w-1/3 animate-pulse rounded-sm bg-primary" }) }),
-              /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-primary", children: STATUS_LABEL[normalised] ?? normalised })
-            ]
-          }
-        ),
-        onToggleSelect && /* @__PURE__ */ jsx(
-          Checkbox,
-          {
-            checked: selected,
-            onCheckedChange: () => onToggleSelect(),
-            onClick: (e) => e.stopPropagation(),
-            "aria-label": selected ? "Deselect" : "Select",
-            "data-testid": `${testId}-select`,
-            className: cn(
-              "absolute left-1.5 top-1.5 z-20 size-6 rounded-none border-muted-foreground/60 bg-background shadow-sm transition",
-              selected ? "opacity-100" : "opacity-40 group-hover:opacity-100"
-            )
-          }
-        ),
-        actions && /* @__PURE__ */ jsx("div", { className: "absolute right-1.5 top-1.5 z-20", children: actions }),
-        /* @__PURE__ */ jsxs("div", { className: "absolute inset-x-1.5 bottom-1.5 z-20 flex flex-col gap-1", children: [
-          (marker || showStatusMarker) && /* @__PURE__ */ jsxs("div", { className: "flex items-center", children: [
-            marker,
-            showStatusMarker && /* @__PURE__ */ jsx("div", { className: "ml-auto flex", children: /* @__PURE__ */ jsx(StatusMarker, { status: normalised, testId: `${testId}-status` }) })
-          ] }),
-          renaming ? /* @__PURE__ */ jsx(
-            RenameField,
-            {
-              seed: doc.doc_metadata?.title || doc.file_name || "",
-              onCommit: (name) => onCommitRename?.(name),
-              onCancel: () => onCancelRename?.(),
-              testId: `${testId}-rename-input`
-            }
-          ) : /* @__PURE__ */ jsx(
-            DocumentEntity,
-            {
-              doc,
-              fullWidth: true,
-              viewing,
-              tooltipContent,
-              labelClassName: "font-semibold",
-              className: "w-full min-w-0 max-w-full bg-background/90 backdrop-blur-sm",
-              onClick: (e) => {
-                e.stopPropagation();
-                onOpen?.();
-              }
-            }
-          )
-        ] })
-      ]
-    }
-  );
-}
 function DocumentCardMenu({
   docId,
   fileName,
@@ -5531,7 +5029,7 @@ function TileTooltip({ title, labels }) {
     labels.length > 0 && /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1 border-t border-border/60 pt-1.5", children: labels.map((label) => /* @__PURE__ */ jsx(
       "span",
       {
-        className: "rounded bg-muted px-1.5 py-0.5 text-[10px] font-medium text-foreground/80",
+        className: "rounded bg-muted px-1.5 py-0.5 text-xs font-medium text-foreground/80",
         children: label
       },
       label
@@ -6214,6 +5712,6 @@ function hasVideoTrack(blob) {
   });
 }
 
-export { ActivityFeed, AiActionCard, AiAnswer, AppleIcon, ArbiBotIcon, ArbiChat, ArbiChatPanel, ArbiIcon, ArbiWebSocketProvider, ArtifactCanvas, ChatBubble, CitationRenderer, ClaudeIcon, CommandPalette, CommandPaletteProvider, ConversationList, DEFAULT_ASPECT_OPTIONS, DateSeparator, DirectMessages, DmAvatar, DmComposer, DocIcon, DocQaPanel, DocSearch, DocumentCard, DocumentCardMenu, DocumentGallery, DocumentReview, DocumentTable, DraftTitleControls, FileIcon, FireworksIcon, GeminiIcon, GitHubIcon, GoogleIcon, HtmlIcon, ImageCropModal, ImageCropper, LinkedInIcon, MessageArtifactCard, MessageBubble2 as MessageBubble, MessageThread, NotificationBell, OpenAIIcon, PassageCard, PhotoCapture, ProviderIcon, RUN_WINDOW_MS, RelevanceDot, SemanticSearch, TxtIcon, TypingIndicator, UserMenu, VideoCapture, VoiceNoteRecorder, XlsIcon, annotateThread, arbiQueryKeys, captureFrameAsBlob, cropImage, dayKey, describeActivity, formatRelativeTime, getNotificationTypeMeta, getWorkspaceActionText, getWorkspaceSentPhrase, hasVideoTrack, isWorkspaceNotificationType, parseActivityContent, redlineStats, textToArtifact, toRedlineMarkdown, useActivity, useAgents, useAiTask, useArbiConnected, useArbiDocumentSync, useArbiUiStore, useArbiWebSocket, useArbiWsContext, useArbiWsMessage, useArbiWsStatus, useArbiWsStore, useArbiWsTask, useArbiWsTasks, useAssistantQuery, useCameraStream, useCommandPalette, useConfigs, useConversations, useDeleteAgents, useDirectMessages, useDocuments, useFacts, useHealth, useParsedDocument, useProjectInvoices, useProjectUsage, useProjects, useProjectsUsage, useSemanticSearch, useSessions, useTags, useTasks, useThumbnails, useUserUsageToday, useVideoRecorder, useWorkspaceDocs, useWorkspaces, userDisplayName, userInitials };
+export { ActivityFeed, AiActionCard, AiAnswer, AppleIcon, ArbiBotIcon, ArbiChat, ArbiChatPanel, ArbiIcon, ArbiWebSocketProvider, ArtifactCanvas, ChatBubble, CitationRenderer, ClaudeIcon, CommandPalette, CommandPaletteProvider, ConversationList, DEFAULT_ASPECT_OPTIONS, DateSeparator, DirectMessages, DmAvatar, DmComposer, DocIcon, DocQaPanel, DocSearch, DocumentCardMenu, DocumentGallery, DocumentReview, DocumentTable, DraftTitleControls, FileIcon, FireworksIcon, GeminiIcon, GitHubIcon, GoogleIcon, HtmlIcon, ImageCropModal, ImageCropper, LinkedInIcon, MessageArtifactCard, MessageBubble2 as MessageBubble, MessageThread, OpenAIIcon, PhotoCapture, ProviderIcon, RUN_WINDOW_MS, SemanticSearch, TxtIcon, TypingIndicator, VideoCapture, VoiceNoteRecorder, XlsIcon, annotateThread, arbiQueryKeys, captureFrameAsBlob, cropImage, dayKey, describeActivity, getNotificationTypeMeta, getWorkspaceActionText, getWorkspaceSentPhrase, hasVideoTrack, isWorkspaceNotificationType, parseActivityContent, redlineStats, textToArtifact, toRedlineMarkdown, useActivity, useAgents, useAiTask, useArbiConnected, useArbiDocumentSync, useArbiUiStore, useArbiWebSocket, useArbiWsContext, useArbiWsMessage, useArbiWsStatus, useArbiWsStore, useArbiWsTask, useArbiWsTasks, useAssistantQuery, useCameraStream, useCommandPalette, useConfigs, useConversations, useDeleteAgents, useDirectMessages, useDocuments, useFacts, useHealth, useParsedDocument, useProjectInvoices, useProjectUsage, useProjects, useProjectsUsage, useSemanticSearch, useSessions, useTags, useTasks, useThumbnails, useUserUsageToday, useVideoRecorder, useWorkspaceDocs, useWorkspaces, userDisplayName, userInitials };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map