@arbidocs/react 0.3.184 → 0.4.0

package/dist/index.js

@@ -1,21 +1,24 @@
-import { cn, Avatar, AvatarFallback, AvatarImage, Tooltip, TooltipTrigger, TooltipContent, Popover, PopoverTrigger, PopoverContent, AiMarkdown, Card, Button, Badge, MarkdownRenderer, Input, DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, ScrollArea, Textarea, Slider, Dialog, DialogContent, DialogHeader, DialogTitle, DialogFooter, DropdownMenuLabel, DropdownMenuSeparator, Checkbox, useAudioRecorder, MicWaveformIndicator, IconToggle, classifyMediaError, formatElapsed } from './chunk-I256BUCX.js';
-export { AiMarkdown, Avatar, AvatarFallback, AvatarImage, 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, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, HoverCard, HoverCardContent, HoverCardTrigger, IconToggle, InlineMicButton, Input, Label, MarkdownRenderer, MarkdownStreamingContext, MicRecordingOverlay, MicWaveformIndicator, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Progress, RadioGroup, RadioGroupItem, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Slider, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, badgeVariants, buttonVariants, cardVariants, cn, formatElapsed, markdownBaseComponents, splitMarkdownBlocks, toggleVariants, useAudioRecorder } from './chunk-I256BUCX.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 React2, { memo, useState, createContext, forwardRef, useMemo, useCallback, useId, useRef, useContext, useEffect, 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, MessageCircleMore, MoreVertical, MessageSquareLock, Info, FileQuestion, BookOpen, Upload, LogOut, LayoutGrid, Bell, MessageSquare, CircleUserRound, Wrench, CreditCard, ClipboardList, UserPlus, UserStar, Settings2, Users, User, NotebookPen, NotebookText, StickyNote, FolderPlus, Hash, EyeOff, Eye, CaptionsOff, FolderOpen, MessageSquareMore, MessageSquarePlus, MessageSquareText, MessageSquareOff, MessagesSquare, Columns3Cog, SquarePlus, SquareM, ChevronsDown, Bot, Calendar, Search, Folder, List, SquareCheckBig, Loader2, AlertTriangle, ShieldCheck, Copy, Sparkles, FileText, GitCompareArrows, Download, Image as Image$1, CornerDownLeft, X, ArrowLeft, Send, Tags, Crown, Activity, Gauge, Gift, PartyPopper, UserCheck, FileX2, FileCheck2, Pencil, SquareArrowOutUpRight, BellOff, XCircle, CheckCircle2, ArrowRight, ChevronDown, 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 { Toaster as Toaster$1, toast } from 'sonner';
-export { toast } from 'sonner';
 import Cropper from 'react-easy-crop';
 import { AgGridReact } from 'ag-grid-react';
 import { ModuleRegistry, AllCommunityModule } from 'ag-grid-community';
@@ -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)
               ] })
@@ -2205,350 +2208,6 @@ function DocSearch({
     ] })
   ] });
 }
-var EntityPill = forwardRef(function EntityPill2({
-  icon,
-  label,
-  secondaryText,
-  size = "sm",
-  shape = "rounded",
-  className,
-  labelMaxWidth = "max-w-[320px]",
-  labelClassName,
-  fullWidth = false,
-  highlight = false,
-  onClick,
-  onIconClick,
-  onMoreClick,
-  moreContent,
-  href,
-  disabled = false,
-  tooltipContent,
-  tooltipSide = "bottom",
-  "data-testid": testId
-}, ref) {
-  const shapeClass = shape === "pill" ? "rounded-full" : "rounded-md";
-  const sizeClasses2 = size === "base" ? "gap-1.5 px-1.5 py-0.5" : "gap-1 px-1";
-  const textSizeClass = size === "base" ? "text-base" : "text-sm";
-  const baseClasses = cn(
-    "group/pill items-center",
-    fullWidth ? "flex w-full" : "inline-flex",
-    sizeClasses2,
-    shapeClass,
-    "bg-muted",
-    "border border-border",
-    "transition-all",
-    className
-  );
-  const interactiveClasses = "cursor-pointer hover:bg-muted/80";
-  const disabledClasses = "cursor-default opacity-60";
-  const highlightClasses = "bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground";
-  const mainContent = /* @__PURE__ */ jsxs(Fragment, { children: [
-    onIconClick ? /* @__PURE__ */ jsx(
-      "span",
-      {
-        role: "button",
-        tabIndex: 0,
-        className: "flex-shrink-0 cursor-pointer hover:opacity-70 transition-opacity",
-        onClick: (e) => {
-          e.stopPropagation();
-          onIconClick(e);
-        },
-        children: icon
-      }
-    ) : icon,
-    /* @__PURE__ */ jsx(
-      "span",
-      {
-        className: cn(
-          textSizeClass,
-          "font-medium truncate leading-tight min-w-0",
-          labelMaxWidth,
-          labelClassName
-        ),
-        children: label
-      }
-    ),
-    secondaryText && /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground flex-shrink-0 leading-none", children: secondaryText })
-  ] });
-  const tooltipWrap = (content, tip, side = tooltipSide, triggerClassName, triggerProps) => /* @__PURE__ */ jsxs(Tooltip, { children: [
-    /* @__PURE__ */ jsx(
-      TooltipTrigger,
-      {
-        onFocusCapture: (e) => e.stopPropagation(),
-        className: triggerClassName,
-        ...triggerProps,
-        children: content
-      }
-    ),
-    /* @__PURE__ */ jsx(TooltipContent, { side, className: "p-2", children: tip })
-  ] });
-  const mainAreaClass = cn("inline-flex items-center gap-1", fullWidth && "min-w-0 flex-1");
-  if (onMoreClick || moreContent) {
-    let mainArea;
-    if (tooltipContent) {
-      mainArea = tooltipWrap(
-        mainContent,
-        tooltipContent,
-        tooltipSide,
-        cn(mainAreaClass, disabled && "opacity-60"),
-        {
-          type: "button",
-          onClick: href ? onClick : disabled ? void 0 : onClick,
-          disabled: disabled || void 0
-        }
-      );
-    } else if (href) {
-      mainArea = /* @__PURE__ */ jsx(
-        "a",
-        {
-          href,
-          target: "_blank",
-          rel: "noopener noreferrer",
-          className: mainAreaClass,
-          onClick,
-          children: mainContent
-        }
-      );
-    } else if (onClick) {
-      mainArea = /* @__PURE__ */ jsx(
-        "button",
-        {
-          type: "button",
-          onClick: disabled ? void 0 : onClick,
-          disabled,
-          className: cn("inline-flex items-center gap-1", disabled && "opacity-60"),
-          children: mainContent
-        }
-      );
-    } else {
-      mainArea = /* @__PURE__ */ jsx("span", { className: mainAreaClass, children: mainContent });
-    }
-    const moreArea = moreContent ? /* @__PURE__ */ jsx("span", { className: "flex-shrink-0 leading-none", children: moreContent }) : tooltipWrap(
-      /* @__PURE__ */ jsx(MoreVertical, { className: "w-3.5 h-3.5" }),
-      "Click for more",
-      tooltipSide,
-      "flex-shrink-0 leading-none text-muted-foreground hover:text-foreground",
-      {
-        type: "button",
-        onClick: (e) => {
-          e.stopPropagation();
-          onMoreClick?.(e);
-        }
-      }
-    );
-    return /* @__PURE__ */ jsxs(
-      "span",
-      {
-        ref,
-        className: cn(
-          baseClasses,
-          (onClick || href) && !disabled && interactiveClasses,
-          highlight && highlightClasses
-        ),
-        "data-testid": testId,
-        children: [
-          mainArea,
-          moreArea
-        ]
-      }
-    );
-  }
-  if (tooltipContent) {
-    if (href) {
-      return tooltipWrap(
-        /* @__PURE__ */ jsx(
-          "a",
-          {
-            href,
-            target: "_blank",
-            rel: "noopener noreferrer",
-            className: mainAreaClass,
-            onClick,
-            children: mainContent
-          }
-        ),
-        tooltipContent,
-        tooltipSide,
-        cn(baseClasses, interactiveClasses),
-        { "data-testid": testId }
-      );
-    }
-    return tooltipWrap(
-      mainContent,
-      tooltipContent,
-      tooltipSide,
-      cn(
-        baseClasses,
-        onClick && !disabled ? interactiveClasses : "",
-        disabled ? disabledClasses : "",
-        highlight && highlightClasses
-      ),
-      {
-        type: "button",
-        ref,
-        onClick: onClick && !disabled ? onClick : void 0,
-        disabled: disabled || void 0,
-        "data-testid": testId
-      }
-    );
-  }
-  if (href) {
-    return /* @__PURE__ */ jsx(
-      "a",
-      {
-        ref,
-        href,
-        target: "_blank",
-        rel: "noopener noreferrer",
-        className: cn(baseClasses, interactiveClasses),
-        "data-testid": testId,
-        onClick,
-        children: mainContent
-      }
-    );
-  }
-  if (onClick) {
-    return /* @__PURE__ */ jsx(
-      "button",
-      {
-        ref,
-        type: "button",
-        onClick: disabled ? void 0 : onClick,
-        disabled,
-        className: cn(
-          baseClasses,
-          disabled ? disabledClasses : interactiveClasses,
-          highlight && highlightClasses
-        ),
-        "data-testid": testId,
-        children: mainContent
-      }
-    );
-  }
-  return /* @__PURE__ */ jsx(
-    "span",
-    {
-      ref,
-      className: cn(baseClasses, highlight && highlightClasses),
-      "data-testid": testId,
-      children: mainContent
-    }
-  );
-});
-var TAG_TYPE_LABELS = {
-  checkbox: "Checkbox",
-  select: "Select",
-  number: "Number",
-  text: "Text",
-  folder: "Folder",
-  search: "Saved Search",
-  date: "Date",
-  assistant: "AI Assistant"
-};
-var TAG_TYPE_ICONS = {
-  checkbox: SquareCheckBig,
-  select: List,
-  number: Hash,
-  text: NotebookPen,
-  folder: Folder,
-  search: Search,
-  date: Calendar,
-  assistant: Bot
-};
-function getTagTypeIcon(type) {
-  return TAG_TYPE_ICONS[type ?? "text"] || NotebookPen;
-}
-function getTagTypeLabel(type) {
-  const t = type ?? "text";
-  return TAG_TYPE_LABELS[t] || t;
-}
-var BASE_COLORS = {
-  "0": "#10b981",
-  "1": "#3b82f6",
-  "2": "#8b5cf6",
-  "3": "#f43f5e",
-  "4": "#f59e0b",
-  "5": "#84cc16",
-  "6": "#a855f7",
-  "7": "#06b6d4",
-  "8": "#f97316",
-  "9": "#14b8a6",
-  a: "#ef4444",
-  b: "#6366f1",
-  c: "#ec4899",
-  d: "#22c55e",
-  e: "#eab308",
-  f: "#0ea5e9"
-};
-function getEntityColor(entityId) {
-  return BASE_COLORS[entityId[4]] || BASE_COLORS["0"];
-}
-function TagEntity({
-  tag,
-  size = "md",
-  className = "",
-  onClick,
-  showTooltip = true,
-  tooltipContent
-}) {
-  const tagType = tag.tag_type?.type ?? "text";
-  const iconSize = size === "sm" ? 12 : size === "md" ? 14 : 16;
-  const Icon = getTagTypeIcon(tagType);
-  const sizeClasses2 = {
-    sm: "p-0.5",
-    md: "p-1",
-    lg: "p-1.5"
-  };
-  const tagColor = tag.color ?? getEntityColor(tag.external_id);
-  const iconElement = /* @__PURE__ */ jsx(
-    "span",
-    {
-      className: `inline-flex items-center justify-center rounded-md text-white flex-shrink-0 ${sizeClasses2[size]}`,
-      style: { backgroundColor: tagColor },
-      children: /* @__PURE__ */ jsx(Icon, { size: iconSize, className: "flex-shrink-0" })
-    }
-  );
-  const pillSize = size === "lg" ? "base" : "sm";
-  const defaultTooltip = /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ jsx(
-        "span",
-        {
-          className: "inline-flex items-center justify-center rounded-md text-white p-1",
-          style: { backgroundColor: tagColor },
-          children: /* @__PURE__ */ jsx(Icon, { size: 16 })
-        }
-      ),
-      /* @__PURE__ */ jsx("span", { className: "font-medium text-sm", children: tag.name })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1.5 text-sm", children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "Type:" }),
-        /* @__PURE__ */ jsx("span", { children: getTagTypeLabel(tagType) })
-      ] }),
-      tag.doctag_count != null && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "Documents:" }),
-        /* @__PURE__ */ jsx(Badge, { variant: "secondary", className: "h-5 min-w-[20px] justify-center", children: tag.doctag_count ?? 0 })
-      ] }),
-      tag.shared != null && /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: tag.shared ? "Shared" : "Private" }) })
-    ] })
-  ] });
-  const resolvedTooltip = showTooltip ? tooltipContent ?? defaultTooltip : void 0;
-  return /* @__PURE__ */ jsx(
-    EntityPill,
-    {
-      icon: iconElement,
-      label: tag.name,
-      size: pillSize,
-      shape: "rounded",
-      labelMaxWidth: "max-w-[180px]",
-      tooltipContent: resolvedTooltip,
-      onClick,
-      className,
-      "data-testid": `tag-entity-${tag.external_id}`
-    }
-  );
-}
 function DocumentReview({
   docId,
   doc,
@@ -2560,7 +2219,7 @@ function DocumentReview({
 }) {
   const parsedQuery = useParsedDocument(docId, stage);
   const tagsQuery = useTags(workspaceId);
-  const tagNameById = React2.useMemo(() => {
+  const tagNameById = React.useMemo(() => {
     const map = /* @__PURE__ */ new Map();
     for (const t of tagsQuery.data ?? []) {
       if (t.external_id) map.set(t.external_id, t.name ?? t.external_id.slice(0, 8));
@@ -2568,7 +2227,7 @@ function DocumentReview({
     return map;
   }, [tagsQuery.data]);
   const title = doc?.doc_metadata?.title || doc?.file_name || "Document";
-  const { findings, chunkToTag } = React2.useMemo(() => {
+  const { findings, chunkToTag } = React.useMemo(() => {
     const list = [];
     const chunkTag = /* @__PURE__ */ new Map();
     for (const dt of doc?.doctags ?? []) {
@@ -2584,7 +2243,7 @@ function DocumentReview({
     }
     return { findings: list, chunkToTag: chunkTag };
   }, [doc?.doctags]);
-  const pages = React2.useMemo(() => {
+  const pages = React.useMemo(() => {
     const chunks = parsedQuery.data?.chunks ?? [];
     const byPage = /* @__PURE__ */ new Map();
     for (const c of chunks) {
@@ -2594,9 +2253,9 @@ function DocumentReview({
     }
     return [...byPage.entries()].sort((a, b) => a[0] - b[0]);
   }, [parsedQuery.data]);
-  const scrollRef = React2.useRef(null);
-  const [flash, setFlash] = React2.useState(null);
-  const jumpToChunk = React2.useCallback((chunkId) => {
+  const scrollRef = React.useRef(null);
+  const [flash, setFlash] = React.useState(null);
+  const jumpToChunk = React.useCallback((chunkId) => {
     const el = scrollRef.current?.querySelector(`[data-chunk-id="${chunkId}"]`);
     if (!el) return;
     el.scrollIntoView({ behavior: "smooth", block: "center" });
@@ -2604,7 +2263,7 @@ function DocumentReview({
     window.setTimeout(() => setFlash((c) => c === chunkId ? null : c), 1600);
   }, []);
   const parsedReady = !parsedQuery.isLoading && !!parsedQuery.data;
-  React2.useEffect(() => {
+  React.useEffect(() => {
     if (!activeChunkId || !parsedReady) return;
     const raf = window.requestAnimationFrame(() => jumpToChunk(activeChunkId));
     return () => window.cancelAnimationFrame(raf);
@@ -2729,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) ?? []) {
@@ -3093,7 +2679,8 @@ var CitationRendererComponent = ({
   onActivateChunk,
   useCitationState,
   onCloseCitation,
-  onDismissCitation
+  onDismissCitation,
+  notify: notify2
 }) => {
   const chunkMap = useMemo(() => {
     const map = /* @__PURE__ */ new Map();
@@ -3145,6 +2732,7 @@ var CitationRendererComponent = ({
             useCitationState,
             onCloseCitation,
             onDismissCitation,
+            notify: notify2,
             children
           },
           citationKey
@@ -3162,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 }) });
 };
@@ -3176,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) => {
@@ -3208,182 +2820,187 @@ 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 = React2.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 }) })
-      ]
-    }
-  )
-);
-CitationLink.displayName = "CitationLink";
-var CitationRenderer = React2.memo(CitationRendererComponent);
-
-// src/icons/colors.ts
-var NEUTRAL_GRAY = "#64748b";
-var FILE_TYPE_COLORS = {
-  pdf: "#ef4444",
-  // red
-  doc: "#3b82f6",
-  // blue (Word docs)
-  docx: "#3b82f6",
-  // blue
-  html: "#0284c7",
-  // sky-600 (web files)
-  img: "#8b5cf6",
-  // violet-500 (images)
-  vid: "#10b981",
-  // emerald-500 (video)
-  aud: "#f59e0b",
-  // amber-500 (audio)
-  xls: "#16a34a",
-  // green-600 (Excel)
-  eml: "#0d9488",
-  // teal-600 (email)
-  txt: NEUTRAL_GRAY,
-  // gray (plain text)
-  generic: NEUTRAL_GRAY,
-  // gray (unknown)
-  white: "#ffffff"
-  // for strokes/text on colored backgrounds
+      document.body
+    )
+  ] });
 };
-var PdfIcon = ({ size = 16, className = "" }) => {
+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 })
+    ]
+  }
+);
+var CitationRenderer = React.memo(CitationRendererComponent);
+var DocIcon = ({ size = 16, className = "" }) => {
   return /* @__PURE__ */ jsxs(
     "svg",
     {
@@ -3398,8 +3015,8 @@ var PdfIcon = ({ size = 16, className = "" }) => {
           "path",
           {
             d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6z",
-            fill: FILE_TYPE_COLORS.pdf,
-            stroke: FILE_TYPE_COLORS.pdf,
+            fill: FILE_TYPE_COLORS.doc,
+            stroke: FILE_TYPE_COLORS.doc,
             strokeWidth: "1",
             strokeLinecap: "round",
             strokeLinejoin: "round"
@@ -3426,14 +3043,14 @@ var PdfIcon = ({ size = 16, className = "" }) => {
             textAnchor: "middle",
             fontWeight: "bold",
             fontFamily: "Arial, sans-serif",
-            children: "PDF"
+            children: "DOC"
           }
         )
       ]
     }
   );
 };
-var DocIcon = ({ size = 16, className = "" }) => {
+var HtmlIcon = ({ size = 16, className = "" }) => {
   return /* @__PURE__ */ jsxs(
     "svg",
     {
@@ -3448,8 +3065,8 @@ var DocIcon = ({ size = 16, className = "" }) => {
           "path",
           {
             d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6z",
-            fill: FILE_TYPE_COLORS.doc,
-            stroke: FILE_TYPE_COLORS.doc,
+            fill: FILE_TYPE_COLORS.html,
+            stroke: FILE_TYPE_COLORS.html,
             strokeWidth: "1",
             strokeLinecap: "round",
             strokeLinejoin: "round"
@@ -3471,62 +3088,12 @@ var DocIcon = ({ size = 16, className = "" }) => {
           {
             x: "12",
             y: "16",
-            fontSize: "6",
+            fontSize: "5",
             fill: "white",
             textAnchor: "middle",
             fontWeight: "bold",
             fontFamily: "Arial, sans-serif",
-            children: "DOC"
-          }
-        )
-      ]
-    }
-  );
-};
-var HtmlIcon = ({ size = 16, className = "" }) => {
-  return /* @__PURE__ */ jsxs(
-    "svg",
-    {
-      width: size,
-      height: size,
-      viewBox: "0 0 24 24",
-      fill: "none",
-      xmlns: "http://www.w3.org/2000/svg",
-      className,
-      children: [
-        /* @__PURE__ */ jsx(
-          "path",
-          {
-            d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6z",
-            fill: FILE_TYPE_COLORS.html,
-            stroke: FILE_TYPE_COLORS.html,
-            strokeWidth: "1",
-            strokeLinecap: "round",
-            strokeLinejoin: "round"
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          "path",
-          {
-            d: "M14 2v6h6",
-            fill: "none",
-            stroke: FILE_TYPE_COLORS.white,
-            strokeWidth: "1",
-            strokeLinecap: "round",
-            strokeLinejoin: "round"
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          "text",
-          {
-            x: "12",
-            y: "16",
-            fontSize: "5",
-            fill: "white",
-            textAnchor: "middle",
-            fontWeight: "bold",
-            fontFamily: "Arial, sans-serif",
-            children: "HTML"
+            children: "HTML"
           }
         )
       ]
@@ -3633,207 +3200,6 @@ var XlsIcon = ({ size = 16, className = "" }) => {
     }
   );
 };
-var AudIcon = ({ size = 16, className = "" }) => {
-  return /* @__PURE__ */ jsxs(
-    "svg",
-    {
-      width: size,
-      height: size,
-      viewBox: "0 0 24 24",
-      fill: "none",
-      xmlns: "http://www.w3.org/2000/svg",
-      className,
-      children: [
-        /* @__PURE__ */ jsx(
-          "path",
-          {
-            d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6z",
-            fill: FILE_TYPE_COLORS.aud,
-            stroke: FILE_TYPE_COLORS.aud,
-            strokeWidth: "1",
-            strokeLinecap: "round",
-            strokeLinejoin: "round"
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          "path",
-          {
-            d: "M14 2v6h6",
-            fill: "none",
-            stroke: FILE_TYPE_COLORS.white,
-            strokeWidth: "1",
-            strokeLinecap: "round",
-            strokeLinejoin: "round"
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          "text",
-          {
-            x: "12",
-            y: "16",
-            fontSize: "6",
-            fill: "white",
-            textAnchor: "middle",
-            fontWeight: "bold",
-            fontFamily: "Arial, sans-serif",
-            children: "AUD"
-          }
-        )
-      ]
-    }
-  );
-};
-var ImgIcon = ({ size = 16, className = "" }) => {
-  return /* @__PURE__ */ jsxs(
-    "svg",
-    {
-      width: size,
-      height: size,
-      viewBox: "0 0 24 24",
-      fill: "none",
-      xmlns: "http://www.w3.org/2000/svg",
-      className,
-      children: [
-        /* @__PURE__ */ jsx(
-          "path",
-          {
-            d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6z",
-            fill: FILE_TYPE_COLORS.img,
-            stroke: FILE_TYPE_COLORS.img,
-            strokeWidth: "1",
-            strokeLinecap: "round",
-            strokeLinejoin: "round"
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          "path",
-          {
-            d: "M14 2v6h6",
-            fill: "none",
-            stroke: FILE_TYPE_COLORS.white,
-            strokeWidth: "1",
-            strokeLinecap: "round",
-            strokeLinejoin: "round"
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          "text",
-          {
-            x: "12",
-            y: "16",
-            fontSize: "6",
-            fill: "white",
-            textAnchor: "middle",
-            fontWeight: "bold",
-            fontFamily: "Arial, sans-serif",
-            children: "IMG"
-          }
-        )
-      ]
-    }
-  );
-};
-var VidIcon = ({ size = 16, className = "" }) => {
-  return /* @__PURE__ */ jsxs(
-    "svg",
-    {
-      width: size,
-      height: size,
-      viewBox: "0 0 24 24",
-      fill: "none",
-      xmlns: "http://www.w3.org/2000/svg",
-      className,
-      children: [
-        /* @__PURE__ */ jsx(
-          "path",
-          {
-            d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6z",
-            fill: FILE_TYPE_COLORS.vid,
-            stroke: FILE_TYPE_COLORS.vid,
-            strokeWidth: "1",
-            strokeLinecap: "round",
-            strokeLinejoin: "round"
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          "path",
-          {
-            d: "M14 2v6h6",
-            fill: "none",
-            stroke: FILE_TYPE_COLORS.white,
-            strokeWidth: "1",
-            strokeLinecap: "round",
-            strokeLinejoin: "round"
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          "text",
-          {
-            x: "12",
-            y: "16",
-            fontSize: "6",
-            fill: "white",
-            textAnchor: "middle",
-            fontWeight: "bold",
-            fontFamily: "Arial, sans-serif",
-            children: "VID"
-          }
-        )
-      ]
-    }
-  );
-};
-var EmlIcon = ({ size = 16, className = "" }) => {
-  return /* @__PURE__ */ jsxs(
-    "svg",
-    {
-      width: size,
-      height: size,
-      viewBox: "0 0 24 24",
-      fill: "none",
-      xmlns: "http://www.w3.org/2000/svg",
-      className,
-      children: [
-        /* @__PURE__ */ jsx(
-          "path",
-          {
-            d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6z",
-            fill: FILE_TYPE_COLORS.eml,
-            stroke: FILE_TYPE_COLORS.eml,
-            strokeWidth: "1",
-            strokeLinecap: "round",
-            strokeLinejoin: "round"
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          "path",
-          {
-            d: "M14 2v6h6",
-            fill: "none",
-            stroke: FILE_TYPE_COLORS.white,
-            strokeWidth: "1",
-            strokeLinecap: "round",
-            strokeLinejoin: "round"
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          "rect",
-          {
-            x: "7",
-            y: "12",
-            width: "10",
-            height: "7",
-            rx: "1",
-            fill: "none",
-            stroke: "white",
-            strokeWidth: "1.2"
-          }
-        ),
-        /* @__PURE__ */ jsx("path", { d: "M7 13l5 3 5-3", fill: "none", stroke: "white", strokeWidth: "1.2", strokeLinejoin: "round" })
-      ]
-    }
-  );
-};
 var FileIcon = ({ size = 16, className = "" }) => {
   return /* @__PURE__ */ jsxs(
     "svg",
@@ -4154,855 +3520,67 @@ var ArbiIcon = ({
   size = 20,
   className = "",
   "aria-label": ariaLabel = "ARBI Docs",
-  "aria-hidden": ariaHidden = false
-}) => {
-  return /* @__PURE__ */ jsx(
-    "img",
-    {
-      src: "/favicon.svg",
-      alt: ariaLabel,
-      className: `rounded object-contain ${className}`,
-      style: { width: size, height: size },
-      "aria-label": ariaLabel,
-      "aria-hidden": ariaHidden
-    }
-  );
-};
-var ArbiBotHeadIcon = ({ size = 24, className = "" }) => {
-  const maskId = useId();
-  return /* @__PURE__ */ jsxs(
-    "svg",
-    {
-      xmlns: "http://www.w3.org/2000/svg",
-      width: size,
-      height: size,
-      viewBox: "30 -5 190 190",
-      preserveAspectRatio: "xMidYMid meet",
-      className,
-      children: [
-        /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("mask", { id: maskId, children: /* @__PURE__ */ jsxs("g", { transform: "translate(0,250) scale(0.1,-0.1)", children: [
-          /* @__PURE__ */ jsx("rect", { x: "0", y: "0", width: "2500", height: "2500", fill: "white" }),
-          /* @__PURE__ */ jsx("circle", { cx: "855", cy: "1715", r: "190", fill: "black" }),
-          /* @__PURE__ */ jsx("circle", { cx: "855", cy: "1715", r: "50", fill: "white" }),
-          /* @__PURE__ */ jsx("circle", { cx: "1665", cy: "1700", r: "190", fill: "black" }),
-          /* @__PURE__ */ jsx("circle", { cx: "1665", cy: "1700", r: "50", fill: "white" })
-        ] }) }) }),
-        /* @__PURE__ */ jsxs("g", { mask: `url(#${maskId})`, children: [
-          /* @__PURE__ */ jsx(
-            "g",
-            {
-              transform: "translate(0,250) scale(0.1,-0.1)",
-              fill: "currentColor",
-              stroke: "currentColor",
-              strokeWidth: "100",
-              children: /* @__PURE__ */ jsx("path", { d: "M1038 2434 c-217 -39 -406 -154 -522 -318 -121 -170 -176 -376 -103 -384 l27 -3 0 -106 c0 -88 -3 -108 -17 -118 -15 -11 -16 -18 -5 -66 44 -188 209 -369 420 -459 l65 -28 -74 -7 c-283 -26 -444 -152 -535 -418 -70 -204 -73 -507 -5 -507 4 0 12 75 19 168 18 263 68 419 167 530 78 87 224 162 263 134 9 -6 43 -26 76 -43 224 -117 802 -95 948 38 38 34 165 -22 253 -111 117 -119 168 -268 187 -549 6 -92 15 -167 19 -167 89 0 53 415 -54 627 -88 173 -238 270 -458 295 l-99 11 75 32 c201 88 367 274 406 454 10 47 9 56 -5 66 -13 10 -16 32 -16 118 l0 106 28 3 c91 10 -12 297 -165 459 -202 214 -544 307 -895 243z m472 -84 c170 -43 323 -140 416 -264 47 -61 117 -197 128 -248 l6 -28 -65 0 c-64 0 -65 1 -78 33 -43 102 -109 136 -262 137 l-110 0 -38 -40 c-25 -27 -46 -40 -65 -41 -134 -5 -394 1 -410 10 -11 6 -30 24 -42 41 l-21 30 -112 0 c-156 -1 -219 -33 -262 -136 -14 -34 -14 -34 -80 -34 -76 0 -74 -7 -30 103 96 243 311 406 595 452 118 20 319 13 430 -15z m-561 -505 c97 -50 126 -174 61 -263 -118 -163 -380 -23 -309 165 35 93 162 143 248 98z m799 -15 c129 -96 69 -304 -92 -318 -189 -16 -265 218 -106 326 48 33 149 29 198 -8z m272 -389 c0 -23 -45 -110 -86 -168 -245 -343 -856 -408 -1231 -130 -90 67 -213 236 -213 294 0 11 132 13 765 13 457 0 765 -4 765 -9z" })
-            }
-          ),
-          /* @__PURE__ */ jsxs("g", { transform: "translate(0,250) scale(0.1,-0.1)", fill: "currentColor", stroke: "none", children: [
-            /* @__PURE__ */ jsx("path", { d: "M785 1777 c-60 -60 -59 -134 1 -186 92 -82 236 9 204 128 -25 93 -138 125 -205 58z m161 -29 c7 -22 -19 -52 -40 -45 -21 7 -30 35 -17 51 19 23 48 20 57 -6z" }),
-            /* @__PURE__ */ jsx("path", { d: "M1591 1803 c-128 -67 -85 -243 60 -243 83 0 141 99 105 178 -32 69 -103 97 -165 65z m127 -59 c4 -25 -19 -47 -41 -38 -22 8 -30 34 -16 51 17 20 53 12 57 -13z" }),
-            /* @__PURE__ */ jsx("path", { d: "M843 1347 c-9 -15 9 -63 41 -108 148 -202 565 -209 730 -12 37 44 60 103 47 116 -13 13 -810 17 -818 4z" })
-          ] })
-        ] })
-      ]
-    }
-  );
-};
-var ArbiBotIcon = ({ size = 24, className = "" }) => {
-  const maskId = useId();
-  return /* @__PURE__ */ jsxs(
-    "svg",
-    {
-      xmlns: "http://www.w3.org/2000/svg",
-      width: size,
-      height: size,
-      viewBox: "0 0 250 250",
-      preserveAspectRatio: "xMidYMid meet",
-      className,
-      children: [
-        /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("mask", { id: maskId, children: /* @__PURE__ */ jsxs("g", { transform: "translate(0,250) scale(0.1,-0.1)", children: [
-          /* @__PURE__ */ jsx("rect", { x: "0", y: "0", width: "2500", height: "2500", fill: "white" }),
-          /* @__PURE__ */ jsx("circle", { cx: "855", cy: "1715", r: "190", fill: "black" }),
-          /* @__PURE__ */ jsx("circle", { cx: "855", cy: "1715", r: "50", fill: "white" }),
-          /* @__PURE__ */ jsx("circle", { cx: "1665", cy: "1700", r: "190", fill: "black" }),
-          /* @__PURE__ */ jsx("circle", { cx: "1665", cy: "1700", r: "50", fill: "white" })
-        ] }) }) }),
-        /* @__PURE__ */ jsxs("g", { mask: `url(#${maskId})`, children: [
-          /* @__PURE__ */ jsx(
-            "g",
-            {
-              transform: "translate(0,250) scale(0.1,-0.1)",
-              fill: "currentColor",
-              stroke: "currentColor",
-              strokeWidth: "100",
-              children: /* @__PURE__ */ jsx("path", { d: "M1038 2434 c-217 -39 -406 -154 -522 -318 -121 -170 -176 -376 -103 -384 l27 -3 0 -106 c0 -88 -3 -108 -17 -118 -15 -11 -16 -18 -5 -66 44 -188 209 -369 420 -459 l65 -28 -74 -7 c-283 -26 -444 -152 -535 -418 -70 -204 -73 -507 -5 -507 4 0 12 75 19 168 18 263 68 419 167 530 78 87 224 162 263 134 9 -6 43 -26 76 -43 224 -117 802 -95 948 38 38 34 165 -22 253 -111 117 -119 168 -268 187 -549 6 -92 15 -167 19 -167 89 0 53 415 -54 627 -88 173 -238 270 -458 295 l-99 11 75 32 c201 88 367 274 406 454 10 47 9 56 -5 66 -13 10 -16 32 -16 118 l0 106 28 3 c91 10 -12 297 -165 459 -202 214 -544 307 -895 243z m472 -84 c170 -43 323 -140 416 -264 47 -61 117 -197 128 -248 l6 -28 -65 0 c-64 0 -65 1 -78 33 -43 102 -109 136 -262 137 l-110 0 -38 -40 c-25 -27 -46 -40 -65 -41 -134 -5 -394 1 -410 10 -11 6 -30 24 -42 41 l-21 30 -112 0 c-156 -1 -219 -33 -262 -136 -14 -34 -14 -34 -80 -34 -76 0 -74 -7 -30 103 96 243 311 406 595 452 118 20 319 13 430 -15z m-561 -505 c97 -50 126 -174 61 -263 -118 -163 -380 -23 -309 165 35 93 162 143 248 98z m799 -15 c129 -96 69 -304 -92 -318 -189 -16 -265 218 -106 326 48 33 149 29 198 -8z m272 -389 c0 -23 -45 -110 -86 -168 -245 -343 -856 -408 -1231 -130 -90 67 -213 236 -213 294 0 11 132 13 765 13 457 0 765 -4 765 -9z" })
-            }
-          ),
-          /* @__PURE__ */ jsxs("g", { transform: "translate(0,250) scale(0.1,-0.1)", fill: "currentColor", stroke: "none", children: [
-            /* @__PURE__ */ jsx("path", { d: "M785 1777 c-60 -60 -59 -134 1 -186 92 -82 236 9 204 128 -25 93 -138 125 -205 58z m161 -29 c7 -22 -19 -52 -40 -45 -21 7 -30 35 -17 51 19 23 48 20 57 -6z" }),
-            /* @__PURE__ */ jsx("path", { d: "M1591 1803 c-128 -67 -85 -243 60 -243 83 0 141 99 105 178 -32 69 -103 97 -165 65z m127 -59 c4 -25 -19 -47 -41 -38 -22 8 -30 34 -16 51 17 20 53 12 57 -13z" }),
-            /* @__PURE__ */ jsx("path", { d: "M843 1347 c-9 -15 9 -63 41 -108 148 -202 565 -209 730 -12 37 44 60 103 47 116 -13 13 -810 17 -818 4z" }),
-            /* @__PURE__ */ jsx("g", { transform: "translate(564,0)", children: /* @__PURE__ */ jsx(
-              "path",
-              {
-                d: "M515 353 c-49 -136 -91 -253 -93 -261 -3 -10 11 -12 60 -10 l63 3 19 53 19 52 91 0 92 0 18 -55 17 -56 62 3 c76 4 79 -24 -30 275 l-88 243 -70 0 -70 0 -90 -247z m215 -55 c0 -4 -27 -8 -59 -8 l-60 0 31 92 31 93 29 -85 c15 -46 28 -88 28 -92z",
-                stroke: "currentColor",
-                strokeWidth: "30"
-              }
-            ) })
-          ] })
-        ] })
-      ]
-    }
-  );
-};
-function getDocumentTitle(document2, defaultValue = "") {
-  if (!document2) return defaultValue;
-  return document2.doc_metadata?.title || document2.file_name || defaultValue;
-}
-var MAX_LABEL_CHARS = 30;
-function clampLabel(text) {
-  return text.length > MAX_LABEL_CHARS ? `${text.slice(0, MAX_LABEL_CHARS).trimEnd()}\u2026` : text;
-}
-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 getDocIcon(fileName, iconSize = 14) {
-  const ext = fileName?.split(".").pop()?.toLowerCase();
-  if (ext && VIDEO_EXTENSIONS.has(ext)) return /* @__PURE__ */ jsx(VidIcon, { size: iconSize, className: "flex-shrink-0" });
-  if (ext && AUDIO_EXTENSIONS.has(ext)) return /* @__PURE__ */ jsx(AudIcon, { size: iconSize, className: "flex-shrink-0" });
-  if (ext && IMAGE_EXTENSIONS.has(ext)) return /* @__PURE__ */ jsx(ImgIcon, { size: iconSize, className: "flex-shrink-0" });
-  if (ext && EMAIL_EXTENSIONS.has(ext)) return /* @__PURE__ */ jsx(EmlIcon, { size: iconSize, className: "flex-shrink-0" });
-  return /* @__PURE__ */ jsx(PdfIcon, { size: iconSize, className: "flex-shrink-0" });
-}
-function DocumentEntity({
-  doc,
-  icon,
-  size = "sm",
-  labelMaxWidth,
-  labelClassName,
-  onClick,
-  onIconClick,
-  viewing,
-  iconBadge,
-  actions,
-  tooltipContent,
-  className,
-  fullWidth,
-  noClamp
-}) {
-  const title = getDocumentTitle(doc);
-  const ext = doc.file_name?.split(".").pop()?.toLowerCase();
-  const iconSize = size === "base" ? 16 : 14;
-  const eyeSizeClass = size === "base" ? "h-4 w-4" : "h-3.5 w-3.5";
-  const baseIcon = icon ?? getDocIcon(doc.file_name, iconSize);
-  const displayIcon = viewing || iconBadge ? /* @__PURE__ */ jsxs("span", { className: "relative inline-flex flex-shrink-0 items-center justify-center", children: [
-    viewing ? /* @__PURE__ */ jsx(Eye, { className: cn("text-primary-foreground", eyeSizeClass) }) : baseIcon,
-    iconBadge
-  ] }) : baseIcon;
-  const defaultTooltip = /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1 text-xs max-w-[440px]", children: [
-    doc.folder && // `flex-wrap` so a deep folder path wraps WITHIN the balloon instead of
-    // spilling out of it (each path segment is atomic and wraps as a unit;
-    // `min-w-0` + `break-all` lets a single over-long segment break too).
-    /* @__PURE__ */ jsxs("span", { className: "flex flex-wrap items-center gap-0.5 text-muted-foreground", children: [
-      /* @__PURE__ */ jsx(FolderOpen, { className: "h-3 w-3 text-yellow-600 shrink-0" }),
-      doc.folder.split("/").map((part, i, arr) => /* @__PURE__ */ jsxs("span", { className: "flex min-w-0 items-center gap-0.5", children: [
-        i > 0 && /* @__PURE__ */ jsx("span", { className: "text-muted-foreground/50 mx-0.5", children: "/" }),
-        /* @__PURE__ */ jsx("span", { className: `break-all ${i < arr.length - 1 ? "text-muted-foreground/70" : ""}`, children: part })
-      ] }, i))
-    ] }),
-    /* @__PURE__ */ jsxs("span", { className: "font-medium break-words", children: [
-      title,
-      ext ? `.${ext}` : ""
-    ] })
-  ] });
-  return /* @__PURE__ */ jsx(
-    EntityPill,
-    {
-      icon: displayIcon,
-      size,
-      label: fullWidth || noClamp ? title : clampLabel(title),
-      labelMaxWidth: labelMaxWidth ?? "max-w-[140px]",
-      labelClassName,
-      fullWidth,
-      onClick,
-      onIconClick,
-      moreContent: actions,
-      className,
-      highlight: viewing,
-      tooltipContent: tooltipContent ?? defaultTooltip
-    }
-  );
-}
-var VARIANT_STYLES = {
-  "mine-paid": {
-    pill: "bg-primary/10 text-primary border-border/60",
-    icon: "text-primary"
-  },
-  other: {
-    pill: "bg-secondary/10 text-secondary border-border/60",
-    icon: "text-secondary"
-  },
-  "mine-free": {
-    pill: "bg-muted-foreground/10 text-muted-foreground border-border/60",
-    icon: "text-muted-foreground"
-  },
-  common: {
-    pill: "",
-    icon: "text-muted-foreground"
-  }
-};
-function resolveVariant(relation, paid, hasCollaborators) {
-  if (relation === "common") return "common";
-  if (relation === "other") return "other";
-  if (relation === "mine") return paid ? "mine-paid" : "mine-free";
-  if (paid) return hasCollaborators ? "other" : "mine-paid";
-  return "mine-free";
-}
-function ProjectEntity({
-  name,
-  label,
-  icon,
-  subscription = "none",
-  hasCollaborators = false,
-  size = "sm",
-  className,
-  onClick,
-  relation,
-  isPaid,
-  tooltipContent
-}) {
-  const paid = isPaid ?? (subscription === "active" || subscription === "past_due" || subscription === "dev");
-  const variant = resolveVariant(relation, paid, hasCollaborators);
-  const { pill, icon: iconClass } = VARIANT_STYLES[variant];
-  const iconSizeClass = size === "base" ? "h-4 w-4" : "h-3.5 w-3.5";
-  const iconNode = icon ?? /* @__PURE__ */ jsx(CreditCard, { className: cn(iconSizeClass, iconClass) });
-  return /* @__PURE__ */ jsx(
-    EntityPill,
-    {
-      icon: iconNode,
-      label: label ?? name,
-      size,
-      shape: "rounded",
-      className: cn(pill, className),
-      onClick,
-      tooltipContent
-    }
-  );
-}
-var sizeClasses = {
-  xs: "h-5 w-5",
-  sm: "h-6 w-6",
-  md: "h-8 w-8",
-  lg: "h-10 w-10"
-};
-var textSizeClasses = {
-  xs: "text-xs",
-  sm: "text-xs",
-  md: "text-xs",
-  lg: "text-sm"
-};
-var presenceDotClasses = {
-  xs: "w-2 h-2 border",
-  sm: "w-2.5 h-2.5 border",
-  md: "w-3 h-3 border-2",
-  lg: "w-3.5 h-3.5 border-2"
-};
-var presencePositionClasses = {
-  xs: "-right-1 bottom-0",
-  sm: "-right-1 bottom-0",
-  md: "-right-1.5 -bottom-0.5",
-  lg: "-right-1.5 -bottom-0.5"
-};
-var PRESENCE_LABELS = {
-  connected: "Online",
-  connecting: "Connecting",
-  disconnected: "Offline",
-  error: "Connection problem",
-  hidden: "Status hidden"
-};
-var presenceColorClasses = {
-  connected: "bg-status-online",
-  connecting: "bg-status-connecting",
-  disconnected: "bg-status-away",
-  error: "bg-status-busy",
-  hidden: "bg-status-offline"
-};
-var UserEntity = memo(function UserEntity2({
-  size = "md",
-  variant = "pill",
-  className,
-  showTooltip = true,
-  interactive = true,
-  hasUnreadMessages = false,
-  initials = "",
-  displayName = "",
-  picture,
-  colorClass = "",
-  isAgent = false,
-  agentStyle,
-  avatarStyle,
-  isMe = false,
-  displayStatus,
-  onClick,
-  tooltipContent,
-  empty = false
-}) {
-  if (empty) {
-    return /* @__PURE__ */ jsx(
-      Avatar,
-      {
-        className: cn(sizeClasses[size], "border border-border", className),
-        "data-testid": "user-entity",
-        children: /* @__PURE__ */ jsx(AvatarFallback, { className: "bg-status-empty text-muted-foreground text-xs font-semibold", children: "?" })
-      }
-    );
-  }
-  const agentBadge = isAgent ? /* @__PURE__ */ jsx(ArbiBotHeadIcon, { className: "w-3.5 h-3.5 text-muted-foreground" }) : void 0;
-  const canMessage = interactive && !isMe && !isAgent;
-  const showUnread = hasUnreadMessages && !isMe && !isAgent;
-  const surfaceStyle = avatarStyle ?? agentStyle;
-  const avatarCore = /* @__PURE__ */ jsxs(
-    Avatar,
-    {
-      className: cn(
-        sizeClasses[size],
-        isAgent ? "rounded-full border-2 border-dashed" : "border border-white"
-      ),
-      style: surfaceStyle,
-      "data-testid": "user-entity",
-      children: [
-        picture && /* @__PURE__ */ jsx(AvatarImage, { src: picture, alt: initials }),
-        /* @__PURE__ */ jsx(
-          AvatarFallback,
-          {
-            className: cn(
-              textSizeClasses[size],
-              "font-semibold leading-none",
-              isAgent ? "rounded-full bg-transparent" : `text-white ${colorClass}`
-            ),
-            style: surfaceStyle,
-            children: initials
-          }
-        )
-      ]
-    }
-  );
-  const statusDot = showUnread || displayStatus ? /* @__PURE__ */ jsx(
-    "span",
-    {
-      className: cn(
-        "absolute rounded-full border-white",
-        presenceDotClasses[size],
-        presencePositionClasses[size],
-        !showUnread && displayStatus ? presenceColorClasses[displayStatus] : ""
-      ),
-      style: showUnread ? { backgroundColor: "#00adef" } : void 0,
-      "data-testid": "user-entity-presence",
-      role: "img",
-      "aria-label": showUnread ? "Unread messages" : PRESENCE_LABELS[displayStatus],
-      title: showUnread ? "Unread messages" : PRESENCE_LABELS[displayStatus]
-    }
-  ) : null;
-  const avatarElement = statusDot ? /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: cn(
-        "relative inline-block",
-        sizeClasses[size],
-        variant === "pill" ? "" : className
-      ),
-      children: [
-        avatarCore,
-        statusDot
-      ]
-    }
-  ) : /* @__PURE__ */ jsx("div", { className: cn("inline-block", variant === "pill" ? "" : className), children: avatarCore });
-  const pillAvatar = (
-    // shrink-0: when the pill is squeezed the NAME truncates away — the avatar
-    // must never collapse under it and overflow onto neighbouring text.
-    /* @__PURE__ */ jsxs("span", { className: cn("relative inline-block shrink-0", sizeClasses[size]), children: [
-      /* @__PURE__ */ jsx("span", { className: cn("block transition-opacity", canMessage && "group-hover/pill:opacity-0"), children: avatarCore }),
-      canMessage && /* @__PURE__ */ jsx(
-        "span",
-        {
-          "aria-hidden": true,
-          className: "absolute inset-0 flex items-center justify-center rounded-full bg-muted text-foreground opacity-0 transition-opacity group-hover/pill:opacity-100",
-          children: /* @__PURE__ */ jsx(MessageCircleMore, { className: size === "xs" ? "h-3 w-3" : "h-4 w-4" })
-        }
-      ),
-      statusDot
-    ] })
-  );
-  const resolvedTooltip = showTooltip ? tooltipContent : void 0;
-  if (variant === "pill") {
-    const row = /* @__PURE__ */ jsxs(Fragment, { children: [
-      pillAvatar,
-      displayName && /* @__PURE__ */ jsx("span", { className: "min-w-0 max-w-[320px] truncate text-sm leading-tight", children: displayName }),
-      agentBadge
-    ] });
-    const rowClass = "group/pill inline-flex min-w-0 items-center gap-2";
-    const clickable = interactive && !!onClick;
-    const clickableClass = "cursor-pointer rounded-md px-1 py-0.5 -mx-1 transition-colors hover:bg-muted/60";
-    if (resolvedTooltip) {
-      return /* @__PURE__ */ jsxs(Tooltip, { children: [
-        /* @__PURE__ */ jsx(
-          TooltipTrigger,
-          {
-            type: "button",
-            onClick: clickable ? onClick : void 0,
-            onFocusCapture: (e) => e.stopPropagation(),
-            className: cn(rowClass, clickable && clickableClass, className),
-            "data-testid": "user-entity-pill",
-            children: row
-          }
-        ),
-        /* @__PURE__ */ jsx(TooltipContent, { className: "p-2", children: resolvedTooltip })
-      ] });
-    }
-    if (clickable) {
-      return /* @__PURE__ */ jsx(
-        "button",
-        {
-          type: "button",
-          onClick,
-          className: cn(rowClass, clickableClass, className),
-          "data-testid": "user-entity-pill",
-          children: row
-        }
-      );
-    }
-    return /* @__PURE__ */ jsx("span", { className: cn(rowClass, className), "data-testid": "user-entity-pill", children: row });
-  }
-  if (showTooltip) {
-    return /* @__PURE__ */ jsxs(Tooltip, { children: [
-      /* @__PURE__ */ jsx(TooltipTrigger, { onFocusCapture: (e) => e.stopPropagation(), className: "inline-flex", children: avatarElement }),
-      /* @__PURE__ */ jsx(TooltipContent, { className: "p-2", children: tooltipContent })
-    ] });
-  }
-  return avatarElement;
-});
-function AgentBadge({ className }) {
-  return /* @__PURE__ */ jsxs(
-    "span",
-    {
-      "data-testid": "agent-badge",
-      className: cn(
-        "inline-flex shrink-0 items-center gap-1 rounded-full border border-ai-accent/50",
-        "bg-ai-accent-soft px-2 py-0.5 text-[11px] font-bold uppercase tracking-wider text-ai-accent",
-        className
-      ),
-      children: [
-        /* @__PURE__ */ jsx(ArbiBotHeadIcon, { size: 14, className: "text-ai-accent" }),
-        "Agent"
-      ]
-    }
-  );
-}
-var PRESENCE_WORDS = {
-  connected: "Online",
-  connecting: "Connecting",
-  disconnected: "Offline",
-  error: "Connection problem",
-  hidden: null
-};
-function PresenceLabel({
-  status,
-  className
-}) {
-  if (!status) return null;
-  const word = PRESENCE_WORDS[status];
-  if (!word) return null;
-  const online = status === "connected";
-  return /* @__PURE__ */ jsxs(
-    "span",
-    {
-      "data-testid": "presence-label",
-      className: cn("inline-flex shrink-0 items-center gap-1 text-xs", className),
-      children: [
-        /* @__PURE__ */ jsx(
-          "span",
-          {
-            className: cn(
-              "size-1.5 rounded-full",
-              online ? "bg-status-online" : "bg-muted-foreground/50"
-            ),
-            "aria-hidden": "true"
-          }
-        ),
-        /* @__PURE__ */ jsx("span", { className: online ? "font-medium text-status-online" : "text-muted-foreground", children: word })
-      ]
-    }
-  );
-}
-var PACKAGE_BADGE_VARIANTS = [
-  "default",
-  "accent",
-  "secondary",
-  "destructive",
-  "outline"
-];
-function isPackageBadgeVariant(v) {
-  return PACKAGE_BADGE_VARIANTS.some((known) => known === v);
-}
-function PackageStatusBadge({ variant, ...rest }) {
-  return /* @__PURE__ */ jsx(Badge, { variant: isPackageBadgeVariant(variant) ? variant : "outline", ...rest });
-}
-var registry = {
-  variants: {},
-  fallback: "outline",
-  Badge: PackageStatusBadge
-};
-function configureStatusRegistry(map, opts) {
-  Object.assign(registry.variants, map);
-  if (opts?.fallback) registry.fallback = opts.fallback;
-  if (opts?.Badge) registry.Badge = opts.Badge;
-}
-function getStatusVariant(status) {
-  return registry.variants[status] ?? registry.fallback;
-}
-function StatusPill({ status, label, variant, className, testId }) {
-  const Badge2 = registry.Badge;
-  return /* @__PURE__ */ jsx(Badge2, { variant: variant ?? getStatusVariant(status), className, "data-testid": testId, children: label ?? status });
-}
-var RAG_LABELS = { red: "At risk", amber: "Attention", green: "On track" };
-function configureRagLabels(labels) {
-  RAG_LABELS = { ...RAG_LABELS, ...labels };
-}
-function RagDot({
-  rag,
-  withLabel,
-  className
-}) {
-  const color = rag === "red" ? "bg-destructive" : rag === "amber" ? "bg-warning" : "bg-success";
-  return /* @__PURE__ */ jsxs("span", { className: cn("inline-flex items-center gap-1.5", className), "data-testid": `rag-${rag}`, children: [
-    /* @__PURE__ */ jsx("span", { className: cn("size-2 rounded-full", color) }),
-    withLabel && /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: RAG_LABELS[rag] })
-  ] });
-}
-var ENTITY_MAPPINGS = {
-  PRODUCT: {
-    NAMES: {
-      SINGULAR: "ARBI Docs"
-    },
-    ICONS: {
-      DEFAULT: MessageSquareLock
-    }
-  },
-  SECTION: {
-    NAMES: {
-      SINGULAR: "Section"
-    },
-    ICONS: {
-      DEFAULT: ChevronsDown
-    }
-  },
-  WORKSPACE: {
-    NAMES: {
-      SINGULAR: "Workspace",
-      PLURAL: "Workspaces"
-    },
-    ICONS: {
-      DEFAULT: SquareM,
-      NEW: SquarePlus,
-      LIST: LayoutGrid,
-      SETTINGS: Columns3Cog
-    }
-  },
-  CONVERSATION: {
-    NAMES: {
-      SINGULAR: "Chat",
-      PLURAL: "Chats",
-      NEW: "New ARBI Chat"
-    },
-    ICONS: {
-      DEFAULT: MessagesSquare,
-      OFF: MessageSquareOff,
-      ACTIVE: MessageSquareText,
-      NEW: MessageSquarePlus,
-      LIST: MessageSquareMore
-    }
-  },
-  DOCUMENT: {
-    NAMES: {
-      SINGULAR: "File",
-      PLURAL: "Files"
-    },
-    ICONS: {
-      DEFAULT: FolderOpen,
-      OFF: CaptionsOff
-    }
-  },
-  VIEWER: {
-    NAMES: {
-      SINGULAR: "Viewer",
-      PLURAL: "Viewers"
-    },
-    ICONS: {
-      DEFAULT: Eye,
-      OFF: EyeOff
-    }
-  },
-  TAG: {
-    NAMES: {
-      SINGULAR: "Field",
-      PLURAL: "Fields"
-    },
-    ICONS: {
-      DEFAULT: Hash,
-      NEW: FolderPlus
-    }
-  },
-  ANNOTATION: {
-    NAMES: {
-      SINGULAR: "Annotation",
-      PLURAL: "Annotations"
-    },
-    ICONS: {
-      DEFAULT: StickyNote,
-      NEW: StickyNote
-    }
-  },
-  // Workspace knowledge the assistant retains and recalls — durable free text,
-  // optionally grounded in source passages. Distinct from ANNOTATION, which is
-  // attached TO a document field; a NOTE is workspace-scoped and stands alone.
-  // Stored server-side as `memories` (mem-*); "Note" is the user-facing name.
-  NOTE: {
-    NAMES: {
-      SINGULAR: "Note",
-      PLURAL: "Notes"
-    },
-    ICONS: {
-      DEFAULT: NotebookText,
-      NEW: NotebookPen
-    }
-  },
-  USER: {
-    NAMES: {
-      SINGULAR: "User",
-      PLURAL: "Users"
-    },
-    ICONS: {
-      DEFAULT: User,
-      NEW: UserPlus,
-      SETTINGS: Settings2
-    }
-  },
-  WORKSPACEUSER: {
-    NAMES: {
-      SINGULAR: "Member",
-      PLURAL: "Members"
-    },
-    ICONS: {
-      DEFAULT: User,
-      PLURAL: Users,
-      NEW: UserPlus,
-      SETTINGS: Settings2
-    }
-  },
-  CONTACT: {
-    NAMES: {
-      SINGULAR: "Contact",
-      PLURAL: "Contacts"
-    },
-    ICONS: {
-      // A starred person, not an address-book card: contacts here are the
-      // people you talk to, and the star reads as "your people".
-      DEFAULT: UserStar,
-      NEW: UserPlus
-    }
-  },
-  TASK: {
-    NAMES: {
-      SINGULAR: "Job",
-      PLURAL: "Jobs"
-    },
-    ICONS: {
-      DEFAULT: ClipboardList
-    }
-  },
-  PROJECT: {
-    NAMES: {
-      SINGULAR: "Project",
-      PLURAL: "Projects"
-    },
-    ICONS: {
-      DEFAULT: CreditCard
-    }
-  },
-  SKILL: {
-    NAMES: {
-      SINGULAR: "Skill",
-      PLURAL: "Skills"
-    },
-    ICONS: {
-      DEFAULT: Wrench
-    }
-  },
-  ACCOUNT: {
-    NAMES: {
-      SINGULAR: "Account"
-    },
-    ICONS: {
-      DEFAULT: CircleUserRound
-    }
-  },
-  NOTIFICATIONS: {
-    NAMES: {
-      SINGULAR: "Activity",
-      PLURAL: "Activities"
-    },
-    ICONS: {
-      DEFAULT: Bell
-    }
-  },
-  MESSAGE: {
-    NAMES: {
-      SINGULAR: "Message",
-      PLURAL: "Messages"
-    },
-    ICONS: {
-      DEFAULT: MessageSquare
-    }
-  },
-  NOTIFICATION: {
-    NAMES: {
-      SINGULAR: "Notification",
-      PLURAL: "Notifications"
-    },
-    ICONS: {
-      DEFAULT: Bell
-    }
-  },
-  APP: {
-    NAMES: {
-      SINGULAR: "Application",
-      PLURAL: "Applications"
-    },
-    ICONS: {
-      DEFAULT: LayoutGrid,
-      HOME: LayoutGrid,
-      LOGOUT: LogOut,
-      UPLOAD: Upload
-    }
-  },
-  HELP: {
-    NAMES: {
-      SINGULAR: "Help",
-      PLURAL: "Help"
-    },
-    ICONS: {
-      DEFAULT: MessageSquareLock,
-      DOCS: BookOpen,
-      FAQ: FileQuestion,
-      ABOUT: Info
-    }
-  },
-  USERSHIELD: {
-    NAMES: {
-      SINGULAR: "User Shield",
-      PLURAL: "User Shields"
-    },
-    ICONS: {
-      DEFAULT: MessageSquareLock
-    }
-  }
-};
-function configureEntityRegistry(overrides) {
-  for (const [type, def] of Object.entries(overrides)) {
-    const target = ENTITY_MAPPINGS[type];
-    if (!target) continue;
-    if (def?.NAMES) Object.assign(target.NAMES, def.NAMES);
-    if (def?.ICONS) Object.assign(target.ICONS, def.ICONS);
-  }
-}
-var getEntityIcon = (entityType, variant = "DEFAULT") => {
-  const icons = ENTITY_MAPPINGS[entityType]?.ICONS;
-  return icons?.[variant] || icons?.DEFAULT;
-};
-var getEntityLabel = (entityType, form = "SINGULAR") => {
-  const entityMapping = ENTITY_MAPPINGS[entityType];
-  if (!entityMapping) return "";
-  const names = entityMapping.NAMES;
-  const singularName = names.SINGULAR || "";
-  if (form === "NEW") return names.NEW !== void 0 ? names.NEW : "New " + singularName;
-  if (form === "SHORT")
-    return names.SHORT !== void 0 ? names.SHORT : singularName.substring(0, 3) + ".";
-  if (form === "PLURAL") return names.PLURAL !== void 0 ? names.PLURAL : singularName + "s";
-  return singularName;
-};
-var EntityIcon = ({ entityType, variant = "DEFAULT", ...props }) => {
-  const IconComponent = getEntityIcon(entityType, variant);
-  return IconComponent ? React2.createElement(IconComponent, props) : null;
-};
-var VISIBILITY_ICONS = {
-  PRIVATE: MessageSquareLock,
-  SHARED: Users
-};
-var VisibilityIcon = ({
-  isShared,
-  ...props
+  "aria-hidden": ariaHidden = false
 }) => {
-  const IconComponent = isShared ? VISIBILITY_ICONS.SHARED : VISIBILITY_ICONS.PRIVATE;
-  return React2.createElement(IconComponent, props);
-};
-
-// src/entities/colors.ts
-var OPACITY_LIGHT = 0.15;
-var OPACITY_MEDIUM = 1;
-var OPACITY_BORDER = 0.3;
-var PLACEHOLDER_COLOR = "#9ca3af";
-var NEUTRAL_GRAY2 = "#64748b";
-var BASE_COLORS2 = {
-  "0": "#10b981",
-  "1": "#3b82f6",
-  "2": "#8b5cf6",
-  "3": "#f43f5e",
-  "4": "#f59e0b",
-  "5": "#84cc16",
-  "6": "#a855f7",
-  "7": "#06b6d4",
-  "8": "#f97316",
-  "9": "#14b8a6",
-  a: "#ef4444",
-  b: "#6366f1",
-  c: "#ec4899",
-  d: "#22c55e",
-  e: "#eab308",
-  f: "#0ea5e9"
+  return /* @__PURE__ */ jsx(
+    "img",
+    {
+      src: "/favicon.svg",
+      alt: ariaLabel,
+      className: `rounded object-contain ${className}`,
+      style: { width: size, height: size },
+      "aria-label": ariaLabel,
+      "aria-hidden": ariaHidden
+    }
+  );
 };
-function hexToRgba(hex, opacity) {
-  const r = parseInt(hex.slice(1, 3), 16);
-  const g = parseInt(hex.slice(3, 5), 16);
-  const b = parseInt(hex.slice(5, 7), 16);
-  return `rgba(${r}, ${g}, ${b}, ${opacity})`;
-}
-function getEntityColor2(entityId, variant = "medium") {
-  const baseColor = BASE_COLORS2[entityId[4]] || BASE_COLORS2["0"];
-  switch (variant) {
-    case "light":
-      return hexToRgba(baseColor, OPACITY_LIGHT);
-    case "medium":
-      return hexToRgba(baseColor, OPACITY_MEDIUM);
-    case "text":
-      return baseColor;
-  }
-}
-function getEntityColorStyles(entityId) {
-  const baseColor = BASE_COLORS2[entityId[4]] || BASE_COLORS2["0"];
-  return {
-    backgroundColor: getEntityColor2(entityId, "light"),
-    color: baseColor,
-    borderColor: hexToRgba(baseColor, OPACITY_BORDER)
-  };
-}
-var getWorkspaceColor = (workspaceId, useWorkspaceColors) => {
-  const shouldUseWorkspaceColors = useWorkspaceColors !== void 0 ? useWorkspaceColors : true;
-  if (!shouldUseWorkspaceColors) return "hsl(var(--primary))";
-  const isValidId = workspaceId && workspaceId.startsWith("wrk-") && workspaceId.length >= 5;
-  if (!isValidId) return "hsl(var(--primary))";
-  return getEntityColor2(workspaceId, "medium");
+var ArbiBotIcon = ({ size = 24, className = "" }) => {
+  const maskId = useId();
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: size,
+      height: size,
+      viewBox: "0 0 250 250",
+      preserveAspectRatio: "xMidYMid meet",
+      className,
+      children: [
+        /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("mask", { id: maskId, children: /* @__PURE__ */ jsxs("g", { transform: "translate(0,250) scale(0.1,-0.1)", children: [
+          /* @__PURE__ */ jsx("rect", { x: "0", y: "0", width: "2500", height: "2500", fill: "white" }),
+          /* @__PURE__ */ jsx("circle", { cx: "855", cy: "1715", r: "190", fill: "black" }),
+          /* @__PURE__ */ jsx("circle", { cx: "855", cy: "1715", r: "50", fill: "white" }),
+          /* @__PURE__ */ jsx("circle", { cx: "1665", cy: "1700", r: "190", fill: "black" }),
+          /* @__PURE__ */ jsx("circle", { cx: "1665", cy: "1700", r: "50", fill: "white" })
+        ] }) }) }),
+        /* @__PURE__ */ jsxs("g", { mask: `url(#${maskId})`, children: [
+          /* @__PURE__ */ jsx(
+            "g",
+            {
+              transform: "translate(0,250) scale(0.1,-0.1)",
+              fill: "currentColor",
+              stroke: "currentColor",
+              strokeWidth: "100",
+              children: /* @__PURE__ */ jsx("path", { d: "M1038 2434 c-217 -39 -406 -154 -522 -318 -121 -170 -176 -376 -103 -384 l27 -3 0 -106 c0 -88 -3 -108 -17 -118 -15 -11 -16 -18 -5 -66 44 -188 209 -369 420 -459 l65 -28 -74 -7 c-283 -26 -444 -152 -535 -418 -70 -204 -73 -507 -5 -507 4 0 12 75 19 168 18 263 68 419 167 530 78 87 224 162 263 134 9 -6 43 -26 76 -43 224 -117 802 -95 948 38 38 34 165 -22 253 -111 117 -119 168 -268 187 -549 6 -92 15 -167 19 -167 89 0 53 415 -54 627 -88 173 -238 270 -458 295 l-99 11 75 32 c201 88 367 274 406 454 10 47 9 56 -5 66 -13 10 -16 32 -16 118 l0 106 28 3 c91 10 -12 297 -165 459 -202 214 -544 307 -895 243z m472 -84 c170 -43 323 -140 416 -264 47 -61 117 -197 128 -248 l6 -28 -65 0 c-64 0 -65 1 -78 33 -43 102 -109 136 -262 137 l-110 0 -38 -40 c-25 -27 -46 -40 -65 -41 -134 -5 -394 1 -410 10 -11 6 -30 24 -42 41 l-21 30 -112 0 c-156 -1 -219 -33 -262 -136 -14 -34 -14 -34 -80 -34 -76 0 -74 -7 -30 103 96 243 311 406 595 452 118 20 319 13 430 -15z m-561 -505 c97 -50 126 -174 61 -263 -118 -163 -380 -23 -309 165 35 93 162 143 248 98z m799 -15 c129 -96 69 -304 -92 -318 -189 -16 -265 218 -106 326 48 33 149 29 198 -8z m272 -389 c0 -23 -45 -110 -86 -168 -245 -343 -856 -408 -1231 -130 -90 67 -213 236 -213 294 0 11 132 13 765 13 457 0 765 -4 765 -9z" })
+            }
+          ),
+          /* @__PURE__ */ jsxs("g", { transform: "translate(0,250) scale(0.1,-0.1)", fill: "currentColor", stroke: "none", children: [
+            /* @__PURE__ */ jsx("path", { d: "M785 1777 c-60 -60 -59 -134 1 -186 92 -82 236 9 204 128 -25 93 -138 125 -205 58z m161 -29 c7 -22 -19 -52 -40 -45 -21 7 -30 35 -17 51 19 23 48 20 57 -6z" }),
+            /* @__PURE__ */ jsx("path", { d: "M1591 1803 c-128 -67 -85 -243 60 -243 83 0 141 99 105 178 -32 69 -103 97 -165 65z m127 -59 c4 -25 -19 -47 -41 -38 -22 8 -30 34 -16 51 17 20 53 12 57 -13z" }),
+            /* @__PURE__ */ jsx("path", { d: "M843 1347 c-9 -15 9 -63 41 -108 148 -202 565 -209 730 -12 37 44 60 103 47 116 -13 13 -810 17 -818 4z" }),
+            /* @__PURE__ */ jsx("g", { transform: "translate(564,0)", children: /* @__PURE__ */ jsx(
+              "path",
+              {
+                d: "M515 353 c-49 -136 -91 -253 -93 -261 -3 -10 11 -12 60 -10 l63 3 19 53 19 52 91 0 92 0 18 -55 17 -56 62 3 c76 4 79 -24 -30 275 l-88 243 -70 0 -70 0 -90 -247z m215 -55 c0 -4 -27 -8 -59 -8 l-60 0 31 92 31 93 29 -85 c15 -46 28 -88 28 -92z",
+                stroke: "currentColor",
+                strokeWidth: "30"
+              }
+            ) })
+          ] })
+        ] })
+      ]
+    }
+  );
 };
 function getNotificationTypeMeta(type) {
   const WorkspaceIcon = getEntityIcon("WORKSPACE");
@@ -5191,65 +3769,6 @@ function ActivityFeed({
     );
   }) });
 }
-var seq = 0;
-var uid = () => `n${Date.now().toString(36)}${(seq++).toString(36)}`;
-var useNotify = create((set) => ({
-  notifications: [],
-  markRead: (id) => set((s) => ({
-    notifications: s.notifications.map((n) => n.id === id ? { ...n, read: true } : n)
-  })),
-  markAllRead: () => set((s) => ({ notifications: s.notifications.map((n) => ({ ...n, read: true })) })),
-  removeNotification: (id) => set((s) => ({ notifications: s.notifications.filter((n) => n.id !== id) })),
-  clearNotifications: () => set({ notifications: [] }),
-  seed: (items) => set({ notifications: items }),
-  record: (note) => set((s) => ({ notifications: [note, ...s.notifications].slice(0, 50) })),
-  syncSource: (source, items) => set((s) => ({
-    notifications: [
-      ...items.map((n) => ({ ...n, source })),
-      ...s.notifications.filter((n) => n.source !== source)
-    ].sort((a, b) => b.ts - a.ts).slice(0, 100)
-  }))
-}));
-function make(variant) {
-  return (title, opts = {}) => {
-    toast[variant](title, {
-      description: opts.description,
-      duration: opts.duration,
-      action: opts.action,
-      icon: opts.icon
-    });
-    const id = uid();
-    if (opts.record !== false) {
-      useNotify.getState().record({
-        id,
-        title,
-        description: opts.description,
-        variant,
-        ts: Date.now(),
-        read: false,
-        href: opts.href,
-        ambient: opts.ambient
-      });
-    }
-    return id;
-  };
-}
-var notify = {
-  success: make("success"),
-  error: make("error"),
-  info: make("info"),
-  warning: make("warning")
-};
-function seedNotifications(items) {
-  useNotify.getState().seed(items);
-}
-var selectUnread = (s) => s.notifications.filter((n) => !n.read && !n.ambient).length;
-var DEFAULT_NOTIFY_TONE = {
-  success: "text-green-600",
-  error: "text-destructive",
-  warning: "text-amber-500",
-  info: "text-blue-500"
-};
 
 // src/directmessages/utils.ts
 function userInitials(user) {
@@ -5267,196 +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 DEFAULT_TOAST_OPTIONS = {
-  classNames: {
-    toast: "group toast group-[.toaster]:bg-card group-[.toaster]:text-foreground group-[.toaster]:border group-[.toaster]:border-border group-[.toaster]:shadow-lg group-[.toaster]:rounded-lg",
-    description: "group-[.toast]:text-muted-foreground",
-    actionButton: "group-[.toast]:bg-primary group-[.toast]:text-primary-foreground",
-    cancelButton: "group-[.toast]:bg-muted group-[.toast]:text-muted-foreground"
-  }
-};
-function Toaster({ toastOptions, ...props }) {
-  return /* @__PURE__ */ jsx(
-    Toaster$1,
-    {
-      className: "toaster group",
-      toastOptions: toastOptions ?? DEFAULT_TOAST_OPTIONS,
-      ...props
-    }
-  );
-}
 var DM_QUERY_KEY = ["arbi", "directMessages"];
 var CONTACTS_QUERY_KEY = ["arbi", "contacts"];
 function mergeContacts(threads, contacts) {
@@ -5655,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 ? (
@@ -5667,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
@@ -5699,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) : "" })
               ] })
             ] })
           ] });
@@ -5714,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
               }
@@ -6039,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(
@@ -6059,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,
         {
@@ -6250,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(
@@ -6309,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",
@@ -6330,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",
@@ -6394,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 }),
@@ -6545,7 +4766,7 @@ function DocumentTable({
   const rows = documents ?? query.data ?? [];
   const isLoading = !documents && query.isLoading;
   const tagsQuery = useTags(workspaceId);
-  const tagNameById = React2.useMemo(() => {
+  const tagNameById = React.useMemo(() => {
     const map = /* @__PURE__ */ new Map();
     for (const t of tagsQuery.data ?? []) {
       if (t.external_id) map.set(t.external_id, t.name ?? t.external_id.slice(0, 8));
@@ -6558,15 +4779,15 @@ function DocumentTable({
   const setViewingDocId = useArbiUiStore((s) => s.setViewingDocId);
   const effectiveSelected = selectedIds ?? storeSelected;
   const emitSelection = onSelectionChange ?? storeSetSelected;
-  const gridApiRef = React2.useRef(null);
-  const openDocument = React2.useCallback(
+  const gridApiRef = React.useRef(null);
+  const openDocument = React.useCallback(
     (id) => {
       setViewingDocId(id);
       onOpenDocument?.(id);
     },
     [onOpenDocument, setViewingDocId]
   );
-  const applySelection = React2.useCallback(() => {
+  const applySelection = React.useCallback(() => {
     const api = gridApiRef.current;
     if (!api) return;
     const wanted = new Set(effectiveSelected);
@@ -6576,10 +4797,10 @@ function DocumentTable({
       if (node.isSelected() !== shouldSelect) node.setSelected(shouldSelect);
     });
   }, [effectiveSelected]);
-  React2.useEffect(() => {
+  React.useEffect(() => {
     applySelection();
   }, [applySelection]);
-  const columnDefs = React2.useMemo(
+  const columnDefs = React.useMemo(
     () => [
       {
         colId: "select",
@@ -6687,7 +4908,7 @@ function DocumentTable({
     const id = e.data?.external_id;
     if (id) openDocument(id);
   };
-  const getRowId = React2.useCallback((params) => params.data.external_id, []);
+  const getRowId = React.useCallback((params) => params.data.external_id, []);
   const autoHeight = height === "auto";
   const style = autoHeight ? {} : { height: typeof height === "number" ? `${height}px` : height, width: "100%" };
   if (isLoading) {
@@ -6712,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_EXTENSIONS2 = /* @__PURE__ */ new Set(["jpg", "jpeg", "png", "gif", "bmp", "tiff", "tif", "webp"]);
-var VIDEO_EXTENSIONS2 = /* @__PURE__ */ new Set(["mp4", "mpeg", "mpg", "webm", "mov", "avi", "mkv"]);
-var AUDIO_EXTENSIONS2 = /* @__PURE__ */ new Set(["mp3", "wav", "m4a", "aac", "ogg", "flac"]);
-var EMAIL_EXTENSIONS2 = /* @__PURE__ */ new Set(["eml", "msg"]);
-function fileIcon(fileName, size) {
-  const ext = fileName?.split(".").pop()?.toLowerCase();
-  if (ext && VIDEO_EXTENSIONS2.has(ext)) return /* @__PURE__ */ jsx(VidIcon, { size });
-  if (ext && AUDIO_EXTENSIONS2.has(ext)) return /* @__PURE__ */ jsx(AudIcon, { size });
-  if (ext && IMAGE_EXTENSIONS2.has(ext)) return /* @__PURE__ */ jsx(ImgIcon, { size });
-  if (ext && EMAIL_EXTENSIONS2.has(ext)) return /* @__PURE__ */ jsx(EmlIcon, { size });
-  return /* @__PURE__ */ jsx(PdfIcon, { size });
-}
-function RenameField({
-  seed,
-  onCommit,
-  onCancel,
-  testId
-}) {
-  const done = React2.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] = React2.useState(false);
-  const [thumbLandscape, setThumbLandscape] = React2.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,
@@ -7020,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
@@ -7040,14 +5049,14 @@ function DocumentGallery({
   const rows = documents ?? query.data ?? [];
   const isLoading = !documents && query.isLoading;
   const tagsQuery = useTags(workspaceId);
-  const tagNameById = React2.useMemo(() => {
+  const tagNameById = React.useMemo(() => {
     const map = /* @__PURE__ */ new Map();
     for (const t of tagsQuery.data ?? []) {
       if (t.external_id) map.set(t.external_id, t.name ?? t.external_id.slice(0, 8));
     }
     return map;
   }, [tagsQuery.data]);
-  const docIds = React2.useMemo(
+  const docIds = React.useMemo(
     () => rows.map((d) => d.external_id).filter((id) => !!id),
     [rows]
   );
@@ -7059,8 +5068,8 @@ function DocumentGallery({
   const setViewingDocId = useArbiUiStore((s) => s.setViewingDocId);
   const effectiveSelected = selectedIds ?? storeSelected;
   const emitSelection = onSelectionChange ?? storeSetSelected;
-  const selectedSet = React2.useMemo(() => new Set(effectiveSelected), [effectiveSelected]);
-  const toggleSelected = React2.useCallback(
+  const selectedSet = React.useMemo(() => new Set(effectiveSelected), [effectiveSelected]);
+  const toggleSelected = React.useCallback(
     (id) => {
       const next = new Set(effectiveSelected);
       if (next.has(id)) next.delete(id);
@@ -7069,7 +5078,7 @@ function DocumentGallery({
     },
     [effectiveSelected, emitSelection]
   );
-  const openDocument = React2.useCallback(
+  const openDocument = React.useCallback(
     (id) => {
       setViewingDocId(id);
       onOpenDocument?.(id);
@@ -7078,7 +5087,7 @@ function DocumentGallery({
   );
   const arbi = useArbi();
   const queryClient = useQueryClient();
-  const [renamingId, setRenamingId] = React2.useState(null);
+  const [renamingId, setRenamingId] = React.useState(null);
   const rename = useMutation({
     mutationFn: ({ doc, title }) => arbi.documents.update([
       { external_id: doc.external_id, doc_metadata: { ...doc.doc_metadata, title } }
@@ -7703,6 +5712,6 @@ function hasVideoTrack(blob) {
   });
 }
 
-export { ActivityFeed, AgentBadge, AiActionCard, AiAnswer, AppleIcon, ArbiBotHeadIcon, ArbiBotIcon, ArbiChat, ArbiChatPanel, ArbiIcon, ArbiWebSocketProvider, ArtifactCanvas, AudIcon, BASE_COLORS2 as BASE_COLORS, ChatBubble, CitationRenderer, ClaudeIcon, CommandPalette, CommandPaletteProvider, ConversationList, DEFAULT_ASPECT_OPTIONS, DEFAULT_NOTIFY_TONE, DateSeparator, DirectMessages, DmAvatar, DmComposer, DocIcon, DocQaPanel, DocSearch, DocumentCard, DocumentCardMenu, DocumentEntity, DocumentGallery, DocumentReview, DocumentTable, DraftTitleControls, ENTITY_MAPPINGS, EmlIcon, EntityIcon, EntityPill, FILE_TYPE_COLORS, FileIcon, FireworksIcon, GeminiIcon, GitHubIcon, GoogleIcon, HtmlIcon, ImageCropModal, ImageCropper, ImgIcon, LinkedInIcon, MessageArtifactCard, MessageBubble2 as MessageBubble, MessageThread, NEUTRAL_GRAY2 as NEUTRAL_GRAY, NotificationBell, OpenAIIcon, PLACEHOLDER_COLOR, PassageCard, PdfIcon, PhotoCapture, PresenceLabel, ProjectEntity, ProviderIcon, RUN_WINDOW_MS, RagDot, RelevanceDot, SemanticSearch, StatusPill, TAG_TYPE_ICONS, TAG_TYPE_LABELS, TagEntity, Toaster, TxtIcon, TypingIndicator, UserEntity, UserMenu, VISIBILITY_ICONS, VidIcon, VideoCapture, VisibilityIcon, VoiceNoteRecorder, XlsIcon, annotateThread, arbiQueryKeys, captureFrameAsBlob, configureEntityRegistry, configureRagLabels, configureStatusRegistry, cropImage, dayKey, describeActivity, formatRelativeTime, getDocIcon, getEntityColor2 as getEntityColor, getEntityColorStyles, getEntityIcon, getEntityLabel, getNotificationTypeMeta, getStatusVariant, getTagTypeIcon, getTagTypeLabel, getWorkspaceActionText, getWorkspaceColor, getWorkspaceSentPhrase, hasVideoTrack, isWorkspaceNotificationType, notify, parseActivityContent, redlineStats, seedNotifications, selectUnread, 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, useNotify, 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