@arbidocs/react 0.4.31 → 0.4.33

package/dist/{chunk-G3SWUES3.js → chunk-5JGBZQD4.js}

@@ -1,11 +1,12 @@
-import { MarkdownRenderer } from './chunk-6YSHODMG.js';
+import { MarkdownRenderer } from './chunk-FOEYFNQ4.js';
 import { getCollisionPadding, DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuLabel, DropdownMenuItem, DropdownMenuSeparator } from './chunk-N5SVBDLC.js';
 import { cn } from './chunk-SN5YV6FF.js';
 import * as React from 'react';
 import React__default, { createContext, forwardRef, memo, useContext, useState, useRef, useEffect, useCallback, useId, useMemo, Fragment as Fragment$1 } from 'react';
 import { createPortal } from 'react-dom';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { Circle, Check, X, ChevronDown, ChevronUp, Search, MessageCircleMore, Loader2, Square, Mic, 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, Folder, List, SquareCheckBig, Minus, Plus, Share2, ChevronsUpDown, AlertTriangle, FileX, SkipForward, XCircle, CheckCircle } from 'lucide-react';
+import { ChevronDown, ChevronUp, Check, Circle, X, Search, MessageCircleMore, Loader2, Square, Mic, 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, Folder, List, SquareCheckBig, Minus, Plus, Share2, MessageSquareShare, ChevronsUpDown, AlertTriangle, FileX, SkipForward, XCircle, CheckCircle } from 'lucide-react';
+import * as SelectPrimitive from '@radix-ui/react-select';
 import * as AvatarPrimitive from '@radix-ui/react-avatar';
 import { cva } from 'class-variance-authority';
 import { Slot } from '@radix-ui/react-slot';
@@ -22,7 +23,6 @@ import * as TogglePrimitive from '@radix-ui/react-toggle';
 import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
 import * as DialogPrimitive from '@radix-ui/react-dialog';
 import * as PopoverPrimitive from '@radix-ui/react-popover';
-import * as SelectPrimitive from '@radix-ui/react-select';
 import { Command as Command$1 } from 'cmdk';
 
 var TooltipContext = React.createContext(null);
@@ -296,6 +296,108 @@ function IconToggle({
     ] }) : button
   ] });
 }
+var Select = SelectPrimitive.Root;
+var SelectGroup = SelectPrimitive.Group;
+var SelectValue = SelectPrimitive.Value;
+var SelectTrigger = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+  SelectPrimitive.Trigger,
+  {
+    ref,
+    className: cn(
+      "flex h-9 pointer-coarse:min-h-11 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm placeholder:text-muted-foreground/60 focus:outline-none focus-visible:border-ring/50 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
+      className
+    ),
+    ...props,
+    children: [
+      children,
+      /* @__PURE__ */ jsx(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx(ChevronDown, { className: "h-4 w-4 opacity-50" }) })
+    ]
+  }
+));
+SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
+var SelectScrollUpButton = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  SelectPrimitive.ScrollUpButton,
+  {
+    ref,
+    className: cn("flex cursor-default items-center justify-center py-1", className),
+    ...props,
+    children: /* @__PURE__ */ jsx(ChevronUp, { className: "h-4 w-4" })
+  }
+));
+SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
+var SelectScrollDownButton = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  SelectPrimitive.ScrollDownButton,
+  {
+    ref,
+    className: cn("flex cursor-default items-center justify-center py-1", className),
+    ...props,
+    children: /* @__PURE__ */ jsx(ChevronDown, { className: "h-4 w-4" })
+  }
+));
+SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
+var SelectContent = React.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsx(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs(
+  SelectPrimitive.Content,
+  {
+    ref,
+    className: cn(
+      "relative z-50 max-h-[min(24rem,var(--radix-select-content-available-height))] min-w-[8rem] max-w-[calc(100vw-1rem)] overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+      position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
+      className
+    ),
+    position,
+    collisionPadding: getCollisionPadding(),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx(SelectScrollUpButton, {}),
+      /* @__PURE__ */ jsx(
+        SelectPrimitive.Viewport,
+        {
+          className: cn(
+            "p-1",
+            position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
+          ),
+          children
+        }
+      ),
+      /* @__PURE__ */ jsx(SelectScrollDownButton, {})
+    ]
+  }
+) }));
+SelectContent.displayName = SelectPrimitive.Content.displayName;
+var SelectLabel = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  SelectPrimitive.Label,
+  {
+    ref,
+    className: cn("py-1.5 pl-8 pr-2 text-sm font-semibold", className),
+    ...props
+  }
+));
+SelectLabel.displayName = SelectPrimitive.Label.displayName;
+var SelectItem = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+  SelectPrimitive.Item,
+  {
+    ref,
+    className: cn(
+      "relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 pointer-coarse:min-h-11 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      className
+    ),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(Check, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ jsx(SelectPrimitive.ItemText, { children })
+    ]
+  }
+));
+SelectItem.displayName = SelectPrimitive.Item.displayName;
+var SelectSeparator = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  SelectPrimitive.Separator,
+  {
+    ref,
+    className: cn("-mx-1 my-1 h-px bg-muted", className),
+    ...props
+  }
+));
+SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
 var COLORS = {
   text: "text-secondary",
   bg: "bg-secondary"
@@ -305,6 +407,7 @@ function isItemShared(item) {
 }
 function VisibilityToggle({
   items,
+  presentation = "toggle",
   onToggle,
   disabled = false,
   disabledTooltip,
@@ -336,6 +439,37 @@ function VisibilityToggle({
     if (disablePrivate && !shouldShare) return;
     onToggle(shouldShare);
   };
+  if (presentation === "select")
+    return /* @__PURE__ */ jsxs(
+      Select,
+      {
+        value: isMixed ? "mixed" : isAllShared ? "workspace" : "me",
+        onValueChange: (value) => onToggle(value === "workspace"),
+        disabled: disabled || !itemsArray.length,
+        children: [
+          /* @__PURE__ */ jsxs(
+            SelectTrigger,
+            {
+              "aria-label": label,
+              "data-testid": dataTestId,
+              className: "h-7 w-auto gap-1 border-0 bg-transparent px-1 text-xs font-normal text-muted-foreground shadow-none hover:bg-muted pointer-coarse:h-11",
+              children: [
+                showLabel && /* @__PURE__ */ jsxs("span", { children: [
+                  label,
+                  ":"
+                ] }),
+                /* @__PURE__ */ jsx(SelectValue, {})
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxs(SelectContent, { children: [
+            /* @__PURE__ */ jsx(SelectItem, { value: "me", disabled: disablePrivate, children: "Me" }),
+            /* @__PURE__ */ jsx(SelectItem, { value: "workspace", children: "Workspace" }),
+            isMixed && /* @__PURE__ */ jsx(SelectItem, { value: "mixed", disabled: true, children: "Mixed" })
+          ] })
+        ]
+      }
+    );
   return /* @__PURE__ */ jsx(
     IconToggle,
     {
@@ -419,7 +553,7 @@ function Badge({ className, variant, ...props }) {
   return /* @__PURE__ */ jsx("div", { className: cn(badgeVariants({ variant }), className), ...props });
 }
 var buttonVariants = cva(
-  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0",
+  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-3 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0",
   {
     variants: {
       // One filled primary per view; everything else is tonal, hairline or ghost. No
@@ -930,7 +1064,7 @@ var Input = React.forwardRef(
   }
 );
 Input.displayName = "Input";
-var Label = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var Label2 = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "label",
   {
     ref,
@@ -938,8 +1072,8 @@ var Label = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ j
     ...props
   }
 ));
-Label.displayName = "Label";
-var Separator = React.forwardRef(({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsx(
+Label2.displayName = "Label";
+var Separator2 = React.forwardRef(({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsx(
   SeparatorPrimitive.Root,
   {
     ref,
@@ -953,7 +1087,7 @@ var Separator = React.forwardRef(({ className, orientation = "horizontal", decor
     ...props
   }
 ));
-Separator.displayName = SeparatorPrimitive.Root.displayName;
+Separator2.displayName = SeparatorPrimitive.Root.displayName;
 var Textarea = React.forwardRef(
   ({ className, dictate, onFocus, onBlur, ...props }, forwardedRef) => {
     const dictateCtx = useDictateContext();
@@ -1278,6 +1412,7 @@ var DialogOverlay = React.forwardRef(({ className, ...props }, ref) => /* @__PUR
 ));
 DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
 var PHONE_PRESENTATION = {
+  right: "inset-y-0 left-auto right-0 h-dvh max-h-dvh w-full max-w-[28rem] translate-x-0 translate-y-0 rounded-none border-y-0 border-r-0 data-[state=open]:slide-in-from-right data-[state=closed]:slide-out-to-right data-[state=open]:zoom-in-100 data-[state=closed]:zoom-out-100",
   center: "",
   sheet: "max-sm:top-auto max-sm:bottom-0 max-sm:left-0 max-sm:w-full max-sm:max-w-full max-sm:border-x-0 max-sm:border-b-0 max-sm:translate-x-0 max-sm:translate-y-0 max-sm:rounded-b-none max-sm:rounded-t-xl max-sm:pb-[max(1.5rem,env(safe-area-inset-bottom))] max-sm:max-h-[calc(100dvh-env(safe-area-inset-top,0px)-2.5rem)] max-sm:data-[state=open]:slide-in-from-bottom-10 max-sm:data-[state=open]:zoom-in-100 max-sm:data-[state=closed]:zoom-out-100",
   full: "max-sm:top-auto max-sm:bottom-0 max-sm:left-0 max-sm:border-x-0 max-sm:border-b-0 max-sm:h-[calc(100dvh-env(safe-area-inset-top,0px)-1rem)] max-sm:w-full max-sm:max-w-full max-sm:translate-x-0 max-sm:translate-y-0 max-sm:rounded-b-none max-sm:rounded-t-xl max-sm:pb-[max(1.5rem,env(safe-area-inset-bottom))] max-sm:max-h-none max-sm:data-[state=open]:slide-in-from-bottom-10 max-sm:data-[state=open]:zoom-in-100 max-sm:data-[state=closed]:zoom-out-100"
@@ -1402,6 +1537,7 @@ function MarkMenu({
   children,
   onPointerDown,
   onPointerEnter,
+  onPointerMove,
   onPointerLeave,
   onFocus,
   onBlur,
@@ -1417,6 +1553,7 @@ function MarkMenu({
   const mode = useRef("hover");
   const lastPointer = useRef("mouse");
   const focusFirstOnOpen = useRef(false);
+  const hoverArmed = useRef(false);
   const isEmpty = items.length === 0 && !preview;
   const ordered = [...items].sort((a, b) => Number(!!b.primary) - Number(!!a.primary));
   const primary = ordered[0];
@@ -1425,6 +1562,17 @@ function MarkMenu({
     timer.current = null;
   };
   useEffect(() => clearTimer, []);
+  useEffect(() => {
+    if (!open) return;
+    const onDocumentPointerDown = (e) => {
+      const target = e.target;
+      if (triggerRef.current?.contains(target) || contentRef.current?.contains(target)) return;
+      if (timer.current) clearTimeout(timer.current);
+      setOpen(false);
+    };
+    document.addEventListener("pointerdown", onDocumentPointerDown, true);
+    return () => document.removeEventListener("pointerdown", onDocumentPointerDown, true);
+  }, [open]);
   const rows = () => Array.from(contentRef.current?.querySelectorAll('[role="menuitem"]') ?? []);
   const firstItem = () => rows()[0];
   const openWith = (next, focusFirst = false) => {
@@ -1454,10 +1602,18 @@ function MarkMenu({
     onPointerEnter?.(e);
     if (isCoarse(e.pointerType) || isEmpty) return;
     lastPointer.current = e.pointerType;
+    hoverArmed.current = true;
+  };
+  const handlePointerMove = (e) => {
+    onPointerMove?.(e);
+    if (!hoverArmed.current) return;
+    hoverArmed.current = false;
+    if (isCoarse(e.pointerType)) return;
     schedule(() => openWith("hover"), openDelay);
   };
   const handlePointerLeave = (e) => {
     onPointerLeave?.(e);
+    hoverArmed.current = false;
     if (isCoarse(e.pointerType)) return;
     if (!open) return clearTimer();
     if (mode.current === "hover") schedule(() => close(), closeDelay);
@@ -1551,6 +1707,7 @@ function MarkMenu({
     "aria-controls": open ? menuId : void 0,
     onPointerDown: handlePointerDown,
     onPointerEnter: handlePointerEnter,
+    onPointerMove: handlePointerMove,
     onPointerLeave: handlePointerLeave,
     onFocus: handleFocus,
     onBlur: handleBlur,
@@ -1585,7 +1742,6 @@ function MarkMenu({
         onInteractOutside: (e) => {
           if (triggerRef.current?.contains(e.target)) e.preventDefault();
         },
-        onPointerDownOutside: () => close(),
         onPointerEnter: clearTimer,
         onPointerLeave: (e) => {
           if (!isCoarse(e.pointerType) && mode.current === "hover")
@@ -1630,108 +1786,6 @@ function MarkMenu({
     )
   ] });
 }
-var Select = SelectPrimitive.Root;
-var SelectGroup = SelectPrimitive.Group;
-var SelectValue = SelectPrimitive.Value;
-var SelectTrigger = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
-  SelectPrimitive.Trigger,
-  {
-    ref,
-    className: cn(
-      "flex h-9 pointer-coarse:min-h-11 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm placeholder:text-muted-foreground/60 focus:outline-none focus-visible:border-ring/50 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
-      className
-    ),
-    ...props,
-    children: [
-      children,
-      /* @__PURE__ */ jsx(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx(ChevronDown, { className: "h-4 w-4 opacity-50" }) })
-    ]
-  }
-));
-SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
-var SelectScrollUpButton = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  SelectPrimitive.ScrollUpButton,
-  {
-    ref,
-    className: cn("flex cursor-default items-center justify-center py-1", className),
-    ...props,
-    children: /* @__PURE__ */ jsx(ChevronUp, { className: "h-4 w-4" })
-  }
-));
-SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
-var SelectScrollDownButton = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  SelectPrimitive.ScrollDownButton,
-  {
-    ref,
-    className: cn("flex cursor-default items-center justify-center py-1", className),
-    ...props,
-    children: /* @__PURE__ */ jsx(ChevronDown, { className: "h-4 w-4" })
-  }
-));
-SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
-var SelectContent = React.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsx(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs(
-  SelectPrimitive.Content,
-  {
-    ref,
-    className: cn(
-      "relative z-50 max-h-[min(24rem,var(--radix-select-content-available-height))] min-w-[8rem] max-w-[calc(100vw-1rem)] overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
-      position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
-      className
-    ),
-    position,
-    collisionPadding: getCollisionPadding(),
-    ...props,
-    children: [
-      /* @__PURE__ */ jsx(SelectScrollUpButton, {}),
-      /* @__PURE__ */ jsx(
-        SelectPrimitive.Viewport,
-        {
-          className: cn(
-            "p-1",
-            position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
-          ),
-          children
-        }
-      ),
-      /* @__PURE__ */ jsx(SelectScrollDownButton, {})
-    ]
-  }
-) }));
-SelectContent.displayName = SelectPrimitive.Content.displayName;
-var SelectLabel = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  SelectPrimitive.Label,
-  {
-    ref,
-    className: cn("py-1.5 pl-8 pr-2 text-sm font-semibold", className),
-    ...props
-  }
-));
-SelectLabel.displayName = SelectPrimitive.Label.displayName;
-var SelectItem = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
-  SelectPrimitive.Item,
-  {
-    ref,
-    className: cn(
-      "relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 pointer-coarse:min-h-11 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-      className
-    ),
-    ...props,
-    children: [
-      /* @__PURE__ */ jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(Check, { className: "h-4 w-4" }) }) }),
-      /* @__PURE__ */ jsx(SelectPrimitive.ItemText, { children })
-    ]
-  }
-));
-SelectItem.displayName = SelectPrimitive.Item.displayName;
-var SelectSeparator = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  SelectPrimitive.Separator,
-  {
-    ref,
-    className: cn("-mx-1 my-1 h-px bg-muted", className),
-    ...props
-  }
-));
-SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
 var Command = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   Command$1,
   {
@@ -1877,12 +1931,11 @@ var EntityPill = forwardRef(function EntityPill2({
     fullWidth ? "flex w-full" : "inline-flex",
     sizeClasses2,
     shapeClass,
-    "bg-muted",
-    "border border-border",
-    "transition-all",
+    "border border-transparent",
+    "transition-colors",
     className
   );
-  const interactiveClasses = "relative cursor-pointer hover:bg-muted/80 pointer-coarse:after:absolute pointer-coarse:after:inset-x-0 pointer-coarse:after:-inset-y-3 pointer-coarse:after:content-['']";
+  const interactiveClasses = "relative cursor-pointer hover:bg-muted pointer-coarse:after:absolute pointer-coarse:after:inset-x-0 pointer-coarse:after:-inset-y-3 pointer-coarse:after:content-['']";
   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: [
@@ -1992,7 +2045,7 @@ var EntityPill = forwardRef(function EntityPill2({
         ref,
         className: cn(
           baseClasses,
-          (onClick || href) && !disabled && "cursor-pointer hover:bg-muted/80",
+          (onClick || href) && !disabled && "cursor-pointer hover:bg-muted",
           highlight && highlightClasses
         ),
         "data-testid": testId,
@@ -2351,6 +2404,206 @@ var PdfIcon = ({ size = 16, className = "" }) => {
     }
   );
 };
+var DocIcon = ({ 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.doc,
+            stroke: FILE_TYPE_COLORS.doc,
+            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: "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"
+          }
+        )
+      ]
+    }
+  );
+};
+var TxtIcon = ({ 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.txt,
+            stroke: FILE_TYPE_COLORS.txt,
+            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: "TXT"
+          }
+        )
+      ]
+    }
+  );
+};
+var XlsIcon = ({ 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.xls,
+            stroke: FILE_TYPE_COLORS.xls,
+            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: "XLS"
+          }
+        )
+      ]
+    }
+  );
+};
 var AudIcon = ({ size = 16, className = "" }) => {
   return /* @__PURE__ */ jsxs(
     "svg",
@@ -2592,6 +2845,14 @@ var ArbiBotHeadIcon = ({ size = 24, className = "" }) => {
     }
   );
 };
+function ThreadVisibilityIcon({
+  shared,
+  className,
+  ...props
+}) {
+  const Icon2 = shared ? MessageSquareShare : MessageSquareLock;
+  return /* @__PURE__ */ jsx(Icon2, { ...props, className: cn(shared ? "text-secondary" : "text-primary", className) });
+}
 function getDocumentTitle(document2, defaultValue = "") {
   if (!document2) return defaultValue;
   return document2.doc_metadata?.title || document2.file_name || defaultValue;
@@ -2604,12 +2865,30 @@ var IMAGE_EXTENSIONS = /* @__PURE__ */ new Set(["jpg", "jpeg", "png", "gif", "bm
 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"]);
+var DOCX_EXTENSIONS = /* @__PURE__ */ new Set(["doc", "docx", "odt", "rtf"]);
+var XLSX_EXTENSIONS = /* @__PURE__ */ new Set(["xls", "xlsx", "csv", "ods"]);
+var HTML_EXTENSIONS = /* @__PURE__ */ new Set(["html", "htm", "mhtml"]);
+var TEXT_EXTENSIONS = /* @__PURE__ */ new Set([
+  "txt",
+  "text",
+  "md",
+  "markdown",
+  "log",
+  "json",
+  "xml",
+  "yaml",
+  "yml"
+]);
 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" });
+  if (ext && DOCX_EXTENSIONS.has(ext)) return /* @__PURE__ */ jsx(DocIcon, { size: iconSize, className: "flex-shrink-0" });
+  if (ext && XLSX_EXTENSIONS.has(ext)) return /* @__PURE__ */ jsx(XlsIcon, { size: iconSize, className: "flex-shrink-0" });
+  if (ext && HTML_EXTENSIONS.has(ext)) return /* @__PURE__ */ jsx(HtmlIcon, { size: iconSize, className: "flex-shrink-0" });
+  if (ext && TEXT_EXTENSIONS.has(ext)) return /* @__PURE__ */ jsx(TxtIcon, { size: iconSize, className: "flex-shrink-0" });
   return /* @__PURE__ */ jsx(PdfIcon, { size: iconSize, className: "flex-shrink-0" });
 }
 function DocumentEntity({
@@ -2622,6 +2901,7 @@ function DocumentEntity({
   onIconClick,
   viewing,
   iconBadge,
+  status,
   actions,
   tooltipContent,
   className,
@@ -2662,6 +2942,7 @@ function DocumentEntity({
       label: fullWidth || noClamp ? title : clampLabel(title),
       labelMaxWidth: labelMaxWidth ?? "max-w-[140px]",
       labelClassName,
+      secondaryText: status,
       fullWidth,
       onClick,
       onIconClick,
@@ -2675,15 +2956,15 @@ function DocumentEntity({
 }
 var VARIANT_STYLES = {
   "mine-paid": {
-    pill: "bg-primary/10 text-primary border-border/60",
+    pill: "text-primary",
     icon: "text-primary"
   },
   other: {
-    pill: "bg-secondary/10 text-secondary border-border/60",
+    pill: "text-secondary",
     icon: "text-secondary"
   },
   "mine-free": {
-    pill: "bg-muted-foreground/10 text-muted-foreground border-border/60",
+    pill: "text-muted-foreground",
     icon: "text-muted-foreground"
   },
   common: {
@@ -2777,6 +3058,7 @@ var UserEntity = memo(function UserEntity2({
   initials = "",
   displayName = "",
   picture,
+  avatarImageClassName,
   colorClass = "",
   isAgent = false,
   agentStyle,
@@ -2811,7 +3093,7 @@ var UserEntity = memo(function UserEntity2({
       style: surfaceStyle,
       "data-testid": "user-entity",
       children: [
-        picture && /* @__PURE__ */ jsx(AvatarImage, { src: picture, alt: initials }),
+        picture && /* @__PURE__ */ jsx(AvatarImage, { src: picture, alt: initials, className: avatarImageClassName }),
         /* @__PURE__ */ jsx(
           AvatarFallback,
           {
@@ -3737,6 +4019,6 @@ function DocumentCard({
   );
 }
 
-export { AgentBadge, AiMarkdown, ArbiBotHeadIcon, AudIcon, Avatar, AvatarFallback, AvatarImage, BASE_COLORS2 as BASE_COLORS, Badge, Button, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, Collapsible, CollapsibleContent2 as CollapsibleContent, CollapsibleTrigger2 as 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, MicRecordingOverlay, MicWaveformIndicator, NEUTRAL_GRAY2 as 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, VisibilityToggle, badgeVariants, buttonVariants, cardVariants, classifyMediaError, configureEntityRegistry, configureRagLabels, configureStatusRegistry, formatElapsed, getDocIcon, getEntityColor2 as getEntityColor, getEntityColorStyles, getEntityIcon, getEntityLabel, getStatusVariant, getTagTypeIcon, getTagTypeLabel, getWorkspaceColor, toggleVariants, useAudioRecorder };
-//# sourceMappingURL=chunk-G3SWUES3.js.map
-//# sourceMappingURL=chunk-G3SWUES3.js.map
+export { AgentBadge, AiMarkdown, ArbiBotHeadIcon, AudIcon, Avatar, AvatarFallback, AvatarImage, BASE_COLORS2 as BASE_COLORS, Badge, Button, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, Collapsible, CollapsibleContent2 as CollapsibleContent, CollapsibleTrigger2 as CollapsibleTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DictateProvider, DocIcon, DocumentCard, DocumentEntity, ENTITY_MAPPINGS, EmlIcon, EntityIcon, EntityPill, FILE_TYPE_COLORS, HoverCard, HoverCardContent, HoverCardTrigger, HtmlIcon, IconToggle, ImgIcon, InlineMicButton, Input, Label2 as Label, MarkMenu, MicRecordingOverlay, MicWaveformIndicator, NEUTRAL_GRAY2 as 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, Separator2 as Separator, Slider, StatusPill, Switch, TAG_TYPE_ICONS, TAG_TYPE_LABELS, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, TagEntity, Textarea, ThreadVisibilityIcon, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, TxtIcon, UserEntity, UserMenu, VISIBILITY_ICONS, VidIcon, VisibilityIcon, VisibilityToggle, XlsIcon, badgeVariants, buttonVariants, cardVariants, classifyMediaError, configureEntityRegistry, configureRagLabels, configureStatusRegistry, formatElapsed, getDocIcon, getEntityColor2 as getEntityColor, getEntityColorStyles, getEntityIcon, getEntityLabel, getStatusVariant, getTagTypeIcon, getTagTypeLabel, getWorkspaceColor, toggleVariants, useAudioRecorder };
+//# sourceMappingURL=chunk-5JGBZQD4.js.map
+//# sourceMappingURL=chunk-5JGBZQD4.js.map