@arbidocs/react 0.3.184 → 0.3.185

package/dist/index.js

@@ -1,21 +1,21 @@
-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 { useNotify, selectUnread, DEFAULT_NOTIFY_TONE } from './chunk-J3XEKOV5.js';
+export { DEFAULT_NOTIFY_TONE, Toaster, notify, seedNotifications, selectUnread, toast, useNotify } from './chunk-J3XEKOV5.js';
+import { cn, Popover, PopoverTrigger, PopoverContent, AiMarkdown, Card, Button, Badge, TagEntity, MarkdownRenderer, Input, FILE_TYPE_COLORS, getEntityIcon, DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, ScrollArea, UserEntity, getEntityColorStyles, AgentBadge, Textarea, Slider, Dialog, DialogContent, DialogHeader, DialogTitle, DialogFooter, Avatar, AvatarImage, AvatarFallback, DropdownMenuLabel, DropdownMenuSeparator, DocumentEntity, Checkbox, useAudioRecorder, MicWaveformIndicator, IconToggle, classifyMediaError, formatElapsed, VidIcon, AudIcon, ImgIcon, EmlIcon, PdfIcon } from './chunk-YJAYST7S.js';
+export { AgentBadge, AiMarkdown, ArbiBotHeadIcon, AudIcon, Avatar, AvatarFallback, AvatarImage, BASE_COLORS, Badge, Button, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DictateProvider, DocumentEntity, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, ENTITY_MAPPINGS, EmlIcon, EntityIcon, EntityPill, FILE_TYPE_COLORS, HoverCard, HoverCardContent, HoverCardTrigger, IconToggle, ImgIcon, InlineMicButton, Input, Label, MarkdownRenderer, MarkdownStreamingContext, MicRecordingOverlay, MicWaveformIndicator, NEUTRAL_GRAY, PLACEHOLDER_COLOR, PdfIcon, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, PresenceLabel, Progress, ProjectEntity, RadioGroup, RadioGroupItem, RagDot, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Slider, StatusPill, Switch, TAG_TYPE_ICONS, TAG_TYPE_LABELS, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, TagEntity, Textarea, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, UserEntity, VISIBILITY_ICONS, VidIcon, VisibilityIcon, badgeVariants, buttonVariants, cardVariants, cn, configureEntityRegistry, configureRagLabels, configureStatusRegistry, formatElapsed, getDocIcon, getEntityColor, getEntityColorStyles, getEntityIcon, getEntityLabel, getStatusVariant, getTagTypeIcon, getTagTypeLabel, getWorkspaceColor, markdownBaseComponents, splitMarkdownBlocks, toggleVariants, useAudioRecorder } from './chunk-YJAYST7S.js';
 import { 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, useRef, useContext, useEffect, 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, Bell, BellOff, XCircle, CheckCircle2, MessagesSquare, ArrowRight, ChevronDown, LogOut, MoreHorizontal, SquarePen, Mic, Pause, Play, Square, RotateCcw, Camera, Circle, FileX, SkipForward, CheckCircle } 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 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';
@@ -2205,350 +2205,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 +2216,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 +2224,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 +2240,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 +2250,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 +2260,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);
@@ -3333,7 +2989,7 @@ var CitationPopover = ({
     }
   );
 };
-var CitationLink = React2.forwardRef(
+var CitationLink = React.forwardRef(
   ({ citationNum, isActive, isStreaming, children, ...props }, ref) => /* @__PURE__ */ jsxs(
     "span",
     {
@@ -3353,86 +3009,7 @@ var CitationLink = React2.forwardRef(
   )
 );
 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
-};
-var PdfIcon = ({ 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.pdf,
-            stroke: FILE_TYPE_COLORS.pdf,
-            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: "PDF"
-          }
-        )
-      ]
-    }
-  );
-};
+var CitationRenderer = React.memo(CitationRendererComponent);
 var DocIcon = ({ size = 16, className = "" }) => {
   return /* @__PURE__ */ jsxs(
     "svg",
@@ -3633,207 +3210,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",
@@ -4131,80 +3507,40 @@ function ProviderIcon({
     return /* @__PURE__ */ jsx(OpenAIIcon, { size, className });
   }
   if (m.includes("claude") || p === "anthropic") {
-    return /* @__PURE__ */ jsx(ClaudeIcon, { size, className });
-  }
-  if (m.includes("gemini") || p.startsWith("vertex_ai")) {
-    return /* @__PURE__ */ jsx(GeminiIcon, { size, className });
-  }
-  if (p === "google") {
-    return /* @__PURE__ */ jsx(GoogleIcon, { size, className });
-  }
-  if (p === "fireworks_ai") {
-    return /* @__PURE__ */ jsx(FireworksIcon, { size, className });
-  }
-  return /* @__PURE__ */ jsx(
-    Crown,
-    {
-      className,
-      style: { width: size, height: size, color: "#EAB308", fill: "#EAB308" }
-    }
-  );
-}
-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" })
-          ] })
-        ] })
-      ]
+    return /* @__PURE__ */ jsx(ClaudeIcon, { size, className });
+  }
+  if (m.includes("gemini") || p.startsWith("vertex_ai")) {
+    return /* @__PURE__ */ jsx(GeminiIcon, { size, className });
+  }
+  if (p === "google") {
+    return /* @__PURE__ */ jsx(GoogleIcon, { size, className });
+  }
+  if (p === "fireworks_ai") {
+    return /* @__PURE__ */ jsx(FireworksIcon, { size, className });
+  }
+  return /* @__PURE__ */ jsx(
+    Crown,
+    {
+      className,
+      style: { width: size, height: size, color: "#EAB308", fill: "#EAB308" }
+    }
+  );
+}
+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
     }
   );
 };
@@ -4256,754 +3592,6 @@ var ArbiBotIcon = ({ size = 24, className = "" }) => {
     }
   );
 };
-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
-}) => {
-  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"
-};
-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");
-};
 function getNotificationTypeMeta(type) {
   const WorkspaceIcon = getEntityIcon("WORKSPACE");
   switch (type) {
@@ -5191,65 +3779,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) {
@@ -5439,24 +3968,6 @@ function NotificationBell({
     )
   ] });
 }
-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) {
@@ -6545,7 +5056,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 +5069,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 +5087,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 +5198,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) {
@@ -6729,16 +5240,16 @@ var STATUS_LABEL = {
   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"]);
+var IMAGE_EXTENSIONS = /* @__PURE__ */ new Set(["jpg", "jpeg", "png", "gif", "bmp", "tiff", "tif", "webp"]);
+var VIDEO_EXTENSIONS = /* @__PURE__ */ new Set(["mp4", "mpeg", "mpg", "webm", "mov", "avi", "mkv"]);
+var AUDIO_EXTENSIONS = /* @__PURE__ */ new Set(["mp3", "wav", "m4a", "aac", "ogg", "flac"]);
+var EMAIL_EXTENSIONS = /* @__PURE__ */ new Set(["eml", "msg"]);
 function fileIcon(fileName, size) {
   const ext = fileName?.split(".").pop()?.toLowerCase();
-  if (ext && VIDEO_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 });
+  if (ext && VIDEO_EXTENSIONS.has(ext)) return /* @__PURE__ */ jsx(VidIcon, { size });
+  if (ext && AUDIO_EXTENSIONS.has(ext)) return /* @__PURE__ */ jsx(AudIcon, { size });
+  if (ext && IMAGE_EXTENSIONS.has(ext)) return /* @__PURE__ */ jsx(ImgIcon, { size });
+  if (ext && EMAIL_EXTENSIONS.has(ext)) return /* @__PURE__ */ jsx(EmlIcon, { size });
   return /* @__PURE__ */ jsx(PdfIcon, { size });
 }
 function RenameField({
@@ -6747,7 +5258,7 @@ function RenameField({
   onCancel,
   testId
 }) {
-  const done = React2.useRef(false);
+  const done = React.useRef(false);
   const commit = (value) => {
     if (done.current) return;
     done.current = true;
@@ -6835,8 +5346,8 @@ function DocumentCard({
   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 [thumbFailed, setThumbFailed] = React.useState(false);
+  const [thumbLandscape, setThumbLandscape] = React.useState(false);
   const showThumbnail = !!thumbnailUrl && !thumbFailed && !isProcessing;
   return /* @__PURE__ */ jsxs(
     "div",
@@ -7040,14 +5551,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 +5570,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 +5580,7 @@ function DocumentGallery({
     },
     [effectiveSelected, emitSelection]
   );
-  const openDocument = React2.useCallback(
+  const openDocument = React.useCallback(
     (id) => {
       setViewingDocId(id);
       onOpenDocument?.(id);
@@ -7078,7 +5589,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 +6214,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, DocumentCard, DocumentCardMenu, DocumentGallery, DocumentReview, DocumentTable, DraftTitleControls, FileIcon, FireworksIcon, GeminiIcon, GitHubIcon, GoogleIcon, HtmlIcon, ImageCropModal, ImageCropper, LinkedInIcon, MessageArtifactCard, MessageBubble2 as MessageBubble, MessageThread, NotificationBell, OpenAIIcon, PassageCard, PhotoCapture, ProviderIcon, RUN_WINDOW_MS, RelevanceDot, SemanticSearch, TxtIcon, TypingIndicator, UserMenu, VideoCapture, VoiceNoteRecorder, XlsIcon, annotateThread, arbiQueryKeys, captureFrameAsBlob, cropImage, dayKey, describeActivity, formatRelativeTime, getNotificationTypeMeta, getWorkspaceActionText, getWorkspaceSentPhrase, hasVideoTrack, isWorkspaceNotificationType, parseActivityContent, redlineStats, textToArtifact, toRedlineMarkdown, useActivity, useAgents, useAiTask, useArbiConnected, useArbiDocumentSync, useArbiUiStore, useArbiWebSocket, useArbiWsContext, useArbiWsMessage, useArbiWsStatus, useArbiWsStore, useArbiWsTask, useArbiWsTasks, useAssistantQuery, useCameraStream, useCommandPalette, useConfigs, useConversations, useDeleteAgents, useDirectMessages, useDocuments, useFacts, useHealth, useParsedDocument, useProjectInvoices, useProjectUsage, useProjects, useProjectsUsage, useSemanticSearch, useSessions, useTags, useTasks, useThumbnails, useUserUsageToday, useVideoRecorder, useWorkspaceDocs, useWorkspaces, userDisplayName, userInitials };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map