@arbidocs/react 0.4.32 → 0.4.34

package/dist/{chunk-3AK4QJ62.cjs → chunk-QJLXFDKV.cjs}

@@ -1,12 +1,13 @@
 'use strict';
 
 var chunkOBNTJEEO_cjs = require('./chunk-OBNTJEEO.cjs');
-var chunkEOOHRPFM_cjs = require('./chunk-EOOHRPFM.cjs');
+var chunk775VGSKN_cjs = require('./chunk-775VGSKN.cjs');
 var chunkS6A6FSG7_cjs = require('./chunk-S6A6FSG7.cjs');
 var React = require('react');
 var reactDom = require('react-dom');
 var jsxRuntime = require('react/jsx-runtime');
 var lucideReact = require('lucide-react');
+var SelectPrimitive = require('@radix-ui/react-select');
 var AvatarPrimitive = require('@radix-ui/react-avatar');
 var classVarianceAuthority = require('class-variance-authority');
 var reactSlot = require('@radix-ui/react-slot');
@@ -23,7 +24,6 @@ var TogglePrimitive = require('@radix-ui/react-toggle');
 var ToggleGroupPrimitive = require('@radix-ui/react-toggle-group');
 var DialogPrimitive = require('@radix-ui/react-dialog');
 var PopoverPrimitive = require('@radix-ui/react-popover');
-var SelectPrimitive = require('@radix-ui/react-select');
 var cmdk = require('cmdk');
 
 function _interopNamespace(e) {
@@ -45,6 +45,7 @@ function _interopNamespace(e) {
 }
 
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
+var SelectPrimitive__namespace = /*#__PURE__*/_interopNamespace(SelectPrimitive);
 var AvatarPrimitive__namespace = /*#__PURE__*/_interopNamespace(AvatarPrimitive);
 var HoverCardPrimitive__namespace = /*#__PURE__*/_interopNamespace(HoverCardPrimitive);
 var SeparatorPrimitive__namespace = /*#__PURE__*/_interopNamespace(SeparatorPrimitive);
@@ -59,7 +60,6 @@ var TogglePrimitive__namespace = /*#__PURE__*/_interopNamespace(TogglePrimitive)
 var ToggleGroupPrimitive__namespace = /*#__PURE__*/_interopNamespace(ToggleGroupPrimitive);
 var DialogPrimitive__namespace = /*#__PURE__*/_interopNamespace(DialogPrimitive);
 var PopoverPrimitive__namespace = /*#__PURE__*/_interopNamespace(PopoverPrimitive);
-var SelectPrimitive__namespace = /*#__PURE__*/_interopNamespace(SelectPrimitive);
 
 var TooltipContext = React__namespace.createContext(null);
 var DEFAULT_DELAY = 300;
@@ -332,6 +332,108 @@ function IconToggle({
     ] }) : button
   ] });
 }
+var Select = SelectPrimitive__namespace.Root;
+var SelectGroup = SelectPrimitive__namespace.Group;
+var SelectValue = SelectPrimitive__namespace.Value;
+var SelectTrigger = React__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+  SelectPrimitive__namespace.Trigger,
+  {
+    ref,
+    className: chunkS6A6FSG7_cjs.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__ */ jsxRuntime.jsx(SelectPrimitive__namespace.Icon, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { className: "h-4 w-4 opacity-50" }) })
+    ]
+  }
+));
+SelectTrigger.displayName = SelectPrimitive__namespace.Trigger.displayName;
+var SelectScrollUpButton = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  SelectPrimitive__namespace.ScrollUpButton,
+  {
+    ref,
+    className: chunkS6A6FSG7_cjs.cn("flex cursor-default items-center justify-center py-1", className),
+    ...props,
+    children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronUp, { className: "h-4 w-4" })
+  }
+));
+SelectScrollUpButton.displayName = SelectPrimitive__namespace.ScrollUpButton.displayName;
+var SelectScrollDownButton = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  SelectPrimitive__namespace.ScrollDownButton,
+  {
+    ref,
+    className: chunkS6A6FSG7_cjs.cn("flex cursor-default items-center justify-center py-1", className),
+    ...props,
+    children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { className: "h-4 w-4" })
+  }
+));
+SelectScrollDownButton.displayName = SelectPrimitive__namespace.ScrollDownButton.displayName;
+var SelectContent = React__namespace.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsxs(
+  SelectPrimitive__namespace.Content,
+  {
+    ref,
+    className: chunkS6A6FSG7_cjs.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: chunkOBNTJEEO_cjs.getCollisionPadding(),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsx(SelectScrollUpButton, {}),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        SelectPrimitive__namespace.Viewport,
+        {
+          className: chunkS6A6FSG7_cjs.cn(
+            "p-1",
+            position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
+          ),
+          children
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(SelectScrollDownButton, {})
+    ]
+  }
+) }));
+SelectContent.displayName = SelectPrimitive__namespace.Content.displayName;
+var SelectLabel = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  SelectPrimitive__namespace.Label,
+  {
+    ref,
+    className: chunkS6A6FSG7_cjs.cn("py-1.5 pl-8 pr-2 text-sm font-semibold", className),
+    ...props
+  }
+));
+SelectLabel.displayName = SelectPrimitive__namespace.Label.displayName;
+var SelectItem = React__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+  SelectPrimitive__namespace.Item,
+  {
+    ref,
+    className: chunkS6A6FSG7_cjs.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__ */ jsxRuntime.jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.ItemIndicator, { children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.ItemText, { children })
+    ]
+  }
+));
+SelectItem.displayName = SelectPrimitive__namespace.Item.displayName;
+var SelectSeparator = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  SelectPrimitive__namespace.Separator,
+  {
+    ref,
+    className: chunkS6A6FSG7_cjs.cn("-mx-1 my-1 h-px bg-muted", className),
+    ...props
+  }
+));
+SelectSeparator.displayName = SelectPrimitive__namespace.Separator.displayName;
 var COLORS = {
   text: "text-secondary",
   bg: "bg-secondary"
@@ -341,6 +443,7 @@ function isItemShared(item) {
 }
 function VisibilityToggle({
   items,
+  presentation = "toggle",
   onToggle,
   disabled = false,
   disabledTooltip,
@@ -372,6 +475,37 @@ function VisibilityToggle({
     if (disablePrivate && !shouldShare) return;
     onToggle(shouldShare);
   };
+  if (presentation === "select")
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      Select,
+      {
+        value: isMixed ? "mixed" : isAllShared ? "workspace" : "me",
+        onValueChange: (value) => onToggle(value === "workspace"),
+        disabled: disabled || !itemsArray.length,
+        children: [
+          /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("span", { children: [
+                  label,
+                  ":"
+                ] }),
+                /* @__PURE__ */ jsxRuntime.jsx(SelectValue, {})
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsxs(SelectContent, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(SelectItem, { value: "me", disabled: disablePrivate, children: "Me" }),
+            /* @__PURE__ */ jsxRuntime.jsx(SelectItem, { value: "workspace", children: "Workspace" }),
+            isMixed && /* @__PURE__ */ jsxRuntime.jsx(SelectItem, { value: "mixed", disabled: true, children: "Mixed" })
+          ] })
+        ]
+      }
+    );
   return /* @__PURE__ */ jsxRuntime.jsx(
     IconToggle,
     {
@@ -455,7 +589,7 @@ function Badge({ className, variant, ...props }) {
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkS6A6FSG7_cjs.cn(badgeVariants({ variant }), className), ...props });
 }
 var buttonVariants = classVarianceAuthority.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
@@ -966,7 +1100,7 @@ var Input = React__namespace.forwardRef(
   }
 );
 Input.displayName = "Input";
-var Label = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var Label2 = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "label",
   {
     ref,
@@ -974,8 +1108,8 @@ var Label = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__
     ...props
   }
 ));
-Label.displayName = "Label";
-var Separator = React__namespace.forwardRef(({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+Label2.displayName = "Label";
+var Separator2 = React__namespace.forwardRef(({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   SeparatorPrimitive__namespace.Root,
   {
     ref,
@@ -989,7 +1123,7 @@ var Separator = React__namespace.forwardRef(({ className, orientation = "horizon
     ...props
   }
 ));
-Separator.displayName = SeparatorPrimitive__namespace.Root.displayName;
+Separator2.displayName = SeparatorPrimitive__namespace.Root.displayName;
 var Textarea = React__namespace.forwardRef(
   ({ className, dictate, onFocus, onBlur, ...props }, forwardedRef) => {
     const dictateCtx = useDictateContext();
@@ -1314,6 +1448,7 @@ var DialogOverlay = React__namespace.forwardRef(({ className, ...props }, ref) =
 ));
 DialogOverlay.displayName = DialogPrimitive__namespace.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"
@@ -1438,6 +1573,7 @@ function MarkMenu({
   children,
   onPointerDown,
   onPointerEnter,
+  onPointerMove,
   onPointerLeave,
   onFocus,
   onBlur,
@@ -1453,6 +1589,7 @@ function MarkMenu({
   const mode = React.useRef("hover");
   const lastPointer = React.useRef("mouse");
   const focusFirstOnOpen = React.useRef(false);
+  const hoverArmed = React.useRef(false);
   const isEmpty = items.length === 0 && !preview;
   const ordered = [...items].sort((a, b) => Number(!!b.primary) - Number(!!a.primary));
   const primary = ordered[0];
@@ -1461,6 +1598,17 @@ function MarkMenu({
     timer.current = null;
   };
   React.useEffect(() => clearTimer, []);
+  React.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) => {
@@ -1490,10 +1638,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);
@@ -1587,6 +1743,7 @@ function MarkMenu({
     "aria-controls": open ? menuId : void 0,
     onPointerDown: handlePointerDown,
     onPointerEnter: handlePointerEnter,
+    onPointerMove: handlePointerMove,
     onPointerLeave: handlePointerLeave,
     onFocus: handleFocus,
     onBlur: handleBlur,
@@ -1621,7 +1778,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")
@@ -1666,108 +1822,6 @@ function MarkMenu({
     )
   ] });
 }
-var Select = SelectPrimitive__namespace.Root;
-var SelectGroup = SelectPrimitive__namespace.Group;
-var SelectValue = SelectPrimitive__namespace.Value;
-var SelectTrigger = React__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
-  SelectPrimitive__namespace.Trigger,
-  {
-    ref,
-    className: chunkS6A6FSG7_cjs.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__ */ jsxRuntime.jsx(SelectPrimitive__namespace.Icon, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { className: "h-4 w-4 opacity-50" }) })
-    ]
-  }
-));
-SelectTrigger.displayName = SelectPrimitive__namespace.Trigger.displayName;
-var SelectScrollUpButton = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-  SelectPrimitive__namespace.ScrollUpButton,
-  {
-    ref,
-    className: chunkS6A6FSG7_cjs.cn("flex cursor-default items-center justify-center py-1", className),
-    ...props,
-    children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronUp, { className: "h-4 w-4" })
-  }
-));
-SelectScrollUpButton.displayName = SelectPrimitive__namespace.ScrollUpButton.displayName;
-var SelectScrollDownButton = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-  SelectPrimitive__namespace.ScrollDownButton,
-  {
-    ref,
-    className: chunkS6A6FSG7_cjs.cn("flex cursor-default items-center justify-center py-1", className),
-    ...props,
-    children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { className: "h-4 w-4" })
-  }
-));
-SelectScrollDownButton.displayName = SelectPrimitive__namespace.ScrollDownButton.displayName;
-var SelectContent = React__namespace.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsxs(
-  SelectPrimitive__namespace.Content,
-  {
-    ref,
-    className: chunkS6A6FSG7_cjs.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: chunkOBNTJEEO_cjs.getCollisionPadding(),
-    ...props,
-    children: [
-      /* @__PURE__ */ jsxRuntime.jsx(SelectScrollUpButton, {}),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        SelectPrimitive__namespace.Viewport,
-        {
-          className: chunkS6A6FSG7_cjs.cn(
-            "p-1",
-            position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
-          ),
-          children
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(SelectScrollDownButton, {})
-    ]
-  }
-) }));
-SelectContent.displayName = SelectPrimitive__namespace.Content.displayName;
-var SelectLabel = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-  SelectPrimitive__namespace.Label,
-  {
-    ref,
-    className: chunkS6A6FSG7_cjs.cn("py-1.5 pl-8 pr-2 text-sm font-semibold", className),
-    ...props
-  }
-));
-SelectLabel.displayName = SelectPrimitive__namespace.Label.displayName;
-var SelectItem = React__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
-  SelectPrimitive__namespace.Item,
-  {
-    ref,
-    className: chunkS6A6FSG7_cjs.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__ */ jsxRuntime.jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.ItemIndicator, { children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "h-4 w-4" }) }) }),
-      /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.ItemText, { children })
-    ]
-  }
-));
-SelectItem.displayName = SelectPrimitive__namespace.Item.displayName;
-var SelectSeparator = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-  SelectPrimitive__namespace.Separator,
-  {
-    ref,
-    className: chunkS6A6FSG7_cjs.cn("-mx-1 my-1 h-px bg-muted", className),
-    ...props
-  }
-));
-SelectSeparator.displayName = SelectPrimitive__namespace.Separator.displayName;
 var Command = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   cmdk.Command,
   {
@@ -1874,7 +1928,7 @@ function AiMarkdown({
   isStreaming
 }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkEOOHRPFM_cjs.MarkdownRenderer,
+    chunk775VGSKN_cjs.MarkdownRenderer,
     {
       className: className ?? "text-sm",
       components: AI_COMPONENTS,
@@ -1913,12 +1967,11 @@ var EntityPill = React.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__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
@@ -2028,7 +2081,7 @@ var EntityPill = React.forwardRef(function EntityPill2({
         ref,
         className: chunkS6A6FSG7_cjs.cn(
           baseClasses,
-          (onClick || href) && !disabled && "cursor-pointer hover:bg-muted/80",
+          (onClick || href) && !disabled && "cursor-pointer hover:bg-muted",
           highlight && highlightClasses
         ),
         "data-testid": testId,
@@ -2387,6 +2440,206 @@ var PdfIcon = ({ size = 16, className = "" }) => {
     }
   );
 };
+var DocIcon = ({ size = 16, className = "" }) => {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "svg",
+    {
+      width: size,
+      height: size,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      className,
+      children: [
+        /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
+          "path",
+          {
+            d: "M14 2v6h6",
+            fill: "none",
+            stroke: FILE_TYPE_COLORS.white,
+            strokeWidth: "1",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs(
+    "svg",
+    {
+      width: size,
+      height: size,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      className,
+      children: [
+        /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
+          "path",
+          {
+            d: "M14 2v6h6",
+            fill: "none",
+            stroke: FILE_TYPE_COLORS.white,
+            strokeWidth: "1",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs(
+    "svg",
+    {
+      width: size,
+      height: size,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      className,
+      children: [
+        /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
+          "path",
+          {
+            d: "M14 2v6h6",
+            fill: "none",
+            stroke: FILE_TYPE_COLORS.white,
+            strokeWidth: "1",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs(
+    "svg",
+    {
+      width: size,
+      height: size,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      className,
+      children: [
+        /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
+          "path",
+          {
+            d: "M14 2v6h6",
+            fill: "none",
+            stroke: FILE_TYPE_COLORS.white,
+            strokeWidth: "1",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs(
     "svg",
@@ -2628,6 +2881,14 @@ var ArbiBotHeadIcon = ({ size = 24, className = "" }) => {
     }
   );
 };
+function ThreadVisibilityIcon({
+  shared,
+  className,
+  ...props
+}) {
+  const Icon2 = shared ? lucideReact.MessageSquareShare : lucideReact.MessageSquareLock;
+  return /* @__PURE__ */ jsxRuntime.jsx(Icon2, { ...props, className: chunkS6A6FSG7_cjs.cn(shared ? "text-secondary" : "text-primary", className) });
+}
 function getDocumentTitle(document2, defaultValue = "") {
   if (!document2) return defaultValue;
   return document2.doc_metadata?.title || document2.file_name || defaultValue;
@@ -2640,12 +2901,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__ */ jsxRuntime.jsx(VidIcon, { size: iconSize, className: "flex-shrink-0" });
   if (ext && AUDIO_EXTENSIONS.has(ext)) return /* @__PURE__ */ jsxRuntime.jsx(AudIcon, { size: iconSize, className: "flex-shrink-0" });
   if (ext && IMAGE_EXTENSIONS.has(ext)) return /* @__PURE__ */ jsxRuntime.jsx(ImgIcon, { size: iconSize, className: "flex-shrink-0" });
   if (ext && EMAIL_EXTENSIONS.has(ext)) return /* @__PURE__ */ jsxRuntime.jsx(EmlIcon, { size: iconSize, className: "flex-shrink-0" });
+  if (ext && DOCX_EXTENSIONS.has(ext)) return /* @__PURE__ */ jsxRuntime.jsx(DocIcon, { size: iconSize, className: "flex-shrink-0" });
+  if (ext && XLSX_EXTENSIONS.has(ext)) return /* @__PURE__ */ jsxRuntime.jsx(XlsIcon, { size: iconSize, className: "flex-shrink-0" });
+  if (ext && HTML_EXTENSIONS.has(ext)) return /* @__PURE__ */ jsxRuntime.jsx(HtmlIcon, { size: iconSize, className: "flex-shrink-0" });
+  if (ext && TEXT_EXTENSIONS.has(ext)) return /* @__PURE__ */ jsxRuntime.jsx(TxtIcon, { size: iconSize, className: "flex-shrink-0" });
   return /* @__PURE__ */ jsxRuntime.jsx(PdfIcon, { size: iconSize, className: "flex-shrink-0" });
 }
 function DocumentEntity({
@@ -2658,6 +2937,7 @@ function DocumentEntity({
   onIconClick,
   viewing,
   iconBadge,
+  status,
   actions,
   tooltipContent,
   className,
@@ -2698,6 +2978,7 @@ function DocumentEntity({
       label: fullWidth || noClamp ? title : clampLabel(title),
       labelMaxWidth: labelMaxWidth ?? "max-w-[140px]",
       labelClassName,
+      secondaryText: status,
       fullWidth,
       onClick,
       onIconClick,
@@ -2711,15 +2992,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: {
@@ -2813,6 +3094,7 @@ var UserEntity = React.memo(function UserEntity2({
   initials = "",
   displayName = "",
   picture,
+  avatarImageClassName,
   colorClass = "",
   isAgent = false,
   agentStyle,
@@ -2847,7 +3129,7 @@ var UserEntity = React.memo(function UserEntity2({
       style: surfaceStyle,
       "data-testid": "user-entity",
       children: [
-        picture && /* @__PURE__ */ jsxRuntime.jsx(AvatarImage, { src: picture, alt: initials }),
+        picture && /* @__PURE__ */ jsxRuntime.jsx(AvatarImage, { src: picture, alt: initials, className: avatarImageClassName }),
         /* @__PURE__ */ jsxRuntime.jsx(
           AvatarFallback,
           {
@@ -3813,6 +4095,7 @@ exports.DialogPortal = DialogPortal;
 exports.DialogTitle = DialogTitle;
 exports.DialogTrigger = DialogTrigger;
 exports.DictateProvider = DictateProvider;
+exports.DocIcon = DocIcon;
 exports.DocumentCard = DocumentCard;
 exports.DocumentEntity = DocumentEntity;
 exports.ENTITY_MAPPINGS = ENTITY_MAPPINGS;
@@ -3823,11 +4106,12 @@ exports.FILE_TYPE_COLORS = FILE_TYPE_COLORS;
 exports.HoverCard = HoverCard;
 exports.HoverCardContent = HoverCardContent;
 exports.HoverCardTrigger = HoverCardTrigger;
+exports.HtmlIcon = HtmlIcon;
 exports.IconToggle = IconToggle;
 exports.ImgIcon = ImgIcon;
 exports.InlineMicButton = InlineMicButton;
 exports.Input = Input;
-exports.Label = Label;
+exports.Label = Label2;
 exports.MarkMenu = MarkMenu;
 exports.MicRecordingOverlay = MicRecordingOverlay;
 exports.MicWaveformIndicator = MicWaveformIndicator;
@@ -3856,7 +4140,7 @@ exports.SelectScrollUpButton = SelectScrollUpButton;
 exports.SelectSeparator = SelectSeparator;
 exports.SelectTrigger = SelectTrigger;
 exports.SelectValue = SelectValue;
-exports.Separator = Separator;
+exports.Separator = Separator2;
 exports.Slider = Slider;
 exports.StatusPill = StatusPill;
 exports.Switch = Switch;
@@ -3876,6 +4160,7 @@ exports.TabsList = TabsList;
 exports.TabsTrigger = TabsTrigger;
 exports.TagEntity = TagEntity;
 exports.Textarea = Textarea;
+exports.ThreadVisibilityIcon = ThreadVisibilityIcon;
 exports.Toggle = Toggle;
 exports.ToggleGroup = ToggleGroup;
 exports.ToggleGroupItem = ToggleGroupItem;
@@ -3883,12 +4168,14 @@ exports.Tooltip = Tooltip;
 exports.TooltipContent = TooltipContent;
 exports.TooltipProvider = TooltipProvider;
 exports.TooltipTrigger = TooltipTrigger;
+exports.TxtIcon = TxtIcon;
 exports.UserEntity = UserEntity;
 exports.UserMenu = UserMenu;
 exports.VISIBILITY_ICONS = VISIBILITY_ICONS;
 exports.VidIcon = VidIcon;
 exports.VisibilityIcon = VisibilityIcon;
 exports.VisibilityToggle = VisibilityToggle;
+exports.XlsIcon = XlsIcon;
 exports.badgeVariants = badgeVariants;
 exports.buttonVariants = buttonVariants;
 exports.cardVariants = cardVariants;
@@ -3908,5 +4195,5 @@ exports.getTagTypeLabel = getTagTypeLabel;
 exports.getWorkspaceColor = getWorkspaceColor;
 exports.toggleVariants = toggleVariants;
 exports.useAudioRecorder = useAudioRecorder;
-//# sourceMappingURL=chunk-3AK4QJ62.cjs.map
-//# sourceMappingURL=chunk-3AK4QJ62.cjs.map
+//# sourceMappingURL=chunk-QJLXFDKV.cjs.map
+//# sourceMappingURL=chunk-QJLXFDKV.cjs.map