@arbidocs/react 0.3.185 → 0.4.0

package/dist/{chunk-IZPXHVPJ.cjs → chunk-OU2QLIKS.cjs}

@@ -1,7 +1,6 @@
 'use strict';
 
-var clsx = require('clsx');
-var tailwindMerge = require('tailwind-merge');
+var chunkRZQACYNQ_cjs = require('./chunk-RZQACYNQ.cjs');
 var jsxRuntime = require('react/jsx-runtime');
 var React2 = require('react');
 var Markdown = require('react-markdown');
@@ -16,7 +15,6 @@ var HoverCardPrimitive = require('@radix-ui/react-hover-card');
 var SeparatorPrimitive = require('@radix-ui/react-separator');
 var CollapsiblePrimitive = require('@radix-ui/react-collapsible');
 var ProgressPrimitive = require('@radix-ui/react-progress');
-var ScrollAreaPrimitive = require('@radix-ui/react-scroll-area');
 var RadioGroupPrimitive = require('@radix-ui/react-radio-group');
 var CheckboxPrimitive = require('@radix-ui/react-checkbox');
 var SwitchPrimitives = require('@radix-ui/react-switch');
@@ -26,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 DropdownMenuPrimitive = require('@radix-ui/react-dropdown-menu');
 var SelectPrimitive = require('@radix-ui/react-select');
 var cmdk = require('cmdk');
 
@@ -59,7 +56,6 @@ var HoverCardPrimitive__namespace = /*#__PURE__*/_interopNamespace(HoverCardPrim
 var SeparatorPrimitive__namespace = /*#__PURE__*/_interopNamespace(SeparatorPrimitive);
 var CollapsiblePrimitive__namespace = /*#__PURE__*/_interopNamespace(CollapsiblePrimitive);
 var ProgressPrimitive__namespace = /*#__PURE__*/_interopNamespace(ProgressPrimitive);
-var ScrollAreaPrimitive__namespace = /*#__PURE__*/_interopNamespace(ScrollAreaPrimitive);
 var RadioGroupPrimitive__namespace = /*#__PURE__*/_interopNamespace(RadioGroupPrimitive);
 var CheckboxPrimitive__namespace = /*#__PURE__*/_interopNamespace(CheckboxPrimitive);
 var SwitchPrimitives__namespace = /*#__PURE__*/_interopNamespace(SwitchPrimitives);
@@ -69,13 +65,8 @@ 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 DropdownMenuPrimitive__namespace = /*#__PURE__*/_interopNamespace(DropdownMenuPrimitive);
 var SelectPrimitive__namespace = /*#__PURE__*/_interopNamespace(SelectPrimitive);
 
-// src/lib/utils.ts
-function cn(...inputs) {
-  return tailwindMerge.twMerge(clsx.clsx(inputs));
-}
 var markdownBaseComponents = {
   h1: ({ children, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-lg font-semibold", "data-testid": "markdown-heading-1", ...props, children }),
   h2: ({ children, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "font-semibold text-base", "data-testid": "markdown-heading-2", ...props, children }),
@@ -179,7 +170,7 @@ function CodeBlock({ language, code }) {
             }
           )
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsx("pre", { className: "overflow-x-auto p-3 text-sm leading-relaxed", children: /* @__PURE__ */ jsxRuntime.jsx("code", { className: cn("font-mono text-foreground", language && `language-${language}`), children: code }) })
+        /* @__PURE__ */ jsxRuntime.jsx("pre", { className: "overflow-x-auto p-3 text-sm leading-relaxed", children: /* @__PURE__ */ jsxRuntime.jsx("code", { className: chunkRZQACYNQ_cjs.cn("font-mono text-foreground", language && `language-${language}`), children: code }) })
       ]
     }
   );
@@ -271,11 +262,11 @@ function MarkdownRendererComponent({
   return /* @__PURE__ */ jsxRuntime.jsx(
     MarkdownErrorBoundary,
     {
-      fallback: /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("whitespace-pre-wrap break-words text-foreground", className), children }),
+      fallback: /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkRZQACYNQ_cjs.cn("whitespace-pre-wrap break-words text-foreground", className), children }),
       children: /* @__PURE__ */ jsxRuntime.jsx(MarkdownStreamingContext.Provider, { value: isStreaming, children: /* @__PURE__ */ jsxRuntime.jsx(
         "div",
         {
-          className: cn(
+          className: chunkRZQACYNQ_cjs.cn(
             "markdown-content space-y-3 break-words leading-relaxed text-foreground",
             className
           ),
@@ -309,39 +300,74 @@ function Tooltip({ children, delayDuration }) {
       timer.current = null;
     }
   };
+  const suppressed = React2__namespace.useRef(false);
   const show = React2__namespace.useCallback(() => {
     clearTimer();
+    if (suppressed.current) return;
     timer.current = setTimeout(() => setOpen(true), delay);
   }, [delay]);
   const hide = React2__namespace.useCallback(() => {
     clearTimer();
     setOpen(false);
   }, []);
+  const suppress = React2__namespace.useCallback(() => {
+    suppressed.current = true;
+    clearTimer();
+    setOpen(false);
+  }, []);
+  const release = React2__namespace.useCallback(() => {
+    suppressed.current = false;
+  }, []);
   const setTrigger = React2__namespace.useCallback((el) => {
     triggerRef.current = el;
   }, []);
   React2__namespace.useEffect(() => () => clearTimer(), []);
   const value = React2__namespace.useMemo(
-    () => ({ open, show, hide, setTrigger, triggerRef, contentId }),
-    [open, show, hide, setTrigger, contentId]
+    () => ({ open, show, hide, suppress, release, setTrigger, triggerRef, contentId }),
+    [open, show, hide, suppress, release, setTrigger, contentId]
   );
   return /* @__PURE__ */ jsxRuntime.jsx(TooltipContext.Provider, { value, children });
 }
+function isKeyboardFocus(target) {
+  try {
+    return target.matches(":focus-visible");
+  } catch {
+    return true;
+  }
+}
+function showsOwnText(el) {
+  if (!el) return false;
+  const walker = document.createTreeWalker(el, NodeFilter.SHOW_TEXT);
+  let visible = "";
+  for (let node = walker.nextNode(); node; node = walker.nextNode()) {
+    if (node.parentElement?.closest(".sr-only")) continue;
+    visible += node.textContent ?? "";
+  }
+  return /\p{L}{2,}/u.test(visible);
+}
 function TooltipTrigger({ asChild, children, ...props }) {
   const ctx = React2__namespace.useContext(TooltipContext);
   if (!ctx) return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
   const triggerHandlers = {
     onPointerEnter: (e) => {
       props.onPointerEnter?.(e);
+      if (e.pointerType === "touch") return;
+      if (showsOwnText(e.currentTarget)) return;
       ctx.show();
     },
     onPointerLeave: (e) => {
       props.onPointerLeave?.(e);
+      ctx.release();
       ctx.hide();
     },
+    onPointerDown: (e) => {
+      props.onPointerDown?.(e);
+      (asChild && React2__namespace.isValidElement(children) ? children.props.onPointerDown : void 0)?.(e);
+      ctx.suppress();
+    },
     onFocus: (e) => {
       props.onFocus?.(e);
-      ctx.show();
+      if (isKeyboardFocus(e.target) && !showsOwnText(e.currentTarget)) ctx.show();
     },
     onBlur: (e) => {
       props.onBlur?.(e);
@@ -376,7 +402,7 @@ var TRANSFORM_BY_SIDE = {
   right: "translate(0, -50%)"
 };
 var TooltipContent = React2__namespace.forwardRef(
-  ({ className, side = "top", sideOffset = 4, style, ...props }, ref) => {
+  ({ className, side = "top", sideOffset = 4, collisionPadding = 8, style, ...props }, ref) => {
     const ctx = React2__namespace.useContext(TooltipContext);
     const innerRef = React2__namespace.useRef(null);
     const [coords, setCoords] = React2__namespace.useState(null);
@@ -396,12 +422,16 @@ var TooltipContent = React2__namespace.forwardRef(
       else if (s === "bottom" && r.bottom + sideOffset + ch > vh) s = "top";
       else if (s === "left" && r.left - sideOffset - cw < 0) s = "right";
       else if (s === "right" && r.right + sideOffset + cw > vw) s = "left";
+      const PAD = collisionPadding;
+      const clamp = (value, half, max) => Math.min(Math.max(value, PAD + half), Math.max(PAD + half, max - PAD - half));
+      const rawTop = s === "top" ? r.top - sideOffset : s === "bottom" ? r.bottom + sideOffset : r.top + r.height / 2;
+      const rawLeft = s === "left" ? r.left - sideOffset : s === "right" ? r.right + sideOffset : r.left + r.width / 2;
       setCoords({
-        top: s === "top" ? r.top - sideOffset : s === "bottom" ? r.bottom + sideOffset : r.top + r.height / 2,
-        left: s === "left" ? r.left - sideOffset : s === "right" ? r.right + sideOffset : r.left + r.width / 2,
+        top: s === "left" || s === "right" ? clamp(rawTop, ch / 2, vh) : rawTop,
+        left: s === "top" || s === "bottom" ? clamp(rawLeft, cw / 2, vw) : rawLeft,
         transform: TRANSFORM_BY_SIDE[s]
       });
-    }, [ctx?.open, side, sideOffset, ctx?.triggerRef]);
+    }, [ctx?.open, side, sideOffset, collisionPadding, ctx?.triggerRef]);
     if (!ctx?.open) return null;
     const setRefs = (node) => {
       innerRef.current = node;
@@ -415,13 +445,13 @@ var TooltipContent = React2__namespace.forwardRef(
           ref: setRefs,
           id: ctx.contentId,
           role: "tooltip",
-          className: cn(
+          className: chunkRZQACYNQ_cjs.cn(
             // The kit owns the tooltip's look: semantic tokens only, so it is
             // legible in every app without one of them defining a global class.
             // The `tooltip-content` hook is kept last-but-one so a host stylesheet
             // can still restyle every tooltip in one place (the ARBI app does, with
             // `!important` rules that win over these defaults).
-            "pointer-events-none max-w-[300px] break-words rounded-md border border-border bg-popover px-3 py-2 text-sm font-normal text-popover-foreground shadow-lg",
+            "pointer-events-none w-max max-w-[300px] break-words rounded-md border border-border bg-popover px-3 py-2 text-sm font-normal text-popover-foreground shadow-lg",
             "tooltip-content",
             className
           ),
@@ -476,6 +506,7 @@ function IconToggle({
       "aria-pressed": isMixed ? "mixed" : isActive,
       className: `
           group/toggle relative inline-flex items-center h-4 w-8 rounded-full
+          pointer-coarse:after:absolute pointer-coarse:after:left-1/2 pointer-coarse:after:top-1/2 pointer-coarse:after:size-11 pointer-coarse:after:-translate-x-1/2 pointer-coarse:after:-translate-y-1/2 pointer-coarse:after:content-['']
           transition-colors cursor-pointer
           disabled:opacity-50 disabled:cursor-not-allowed
           ${isActive ? bgColorClass : isMixed ? "bg-gray-400" : "bg-muted"}
@@ -526,7 +557,7 @@ var Avatar = React2__namespace.forwardRef(({ className, ...props }, ref) => /* @
   AvatarPrimitive__namespace.Root,
   {
     ref,
-    className: cn("relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full", className),
+    className: chunkRZQACYNQ_cjs.cn("relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full", className),
     ...props
   }
 ));
@@ -535,7 +566,7 @@ var AvatarImage = React2__namespace.forwardRef(({ className, ...props }, ref) =>
   AvatarPrimitive__namespace.Image,
   {
     ref,
-    className: cn("aspect-square h-full w-full object-cover", className),
+    className: chunkRZQACYNQ_cjs.cn("aspect-square h-full w-full object-cover", className),
     ...props
   }
 ));
@@ -544,7 +575,7 @@ var AvatarFallback = React2__namespace.forwardRef(({ className, ...props }, ref)
   AvatarPrimitive__namespace.Fallback,
   {
     ref,
-    className: cn(
+    className: chunkRZQACYNQ_cjs.cn(
       "flex h-full w-full items-center justify-center rounded-full bg-muted",
       className
     ),
@@ -570,26 +601,31 @@ var badgeVariants = classVarianceAuthority.cva(
   }
 );
 function Badge({ className, variant, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn(badgeVariants({ variant }), className), ...props });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkRZQACYNQ_cjs.cn(badgeVariants({ variant }), className), ...props });
 }
 var buttonVariants = classVarianceAuthority.cva(
-  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-base font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 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-2 focus-visible:ring-ring 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
+      // static shadows: separation is tone, and shadows are reserved for floating layers.
       variant: {
-        default: "bg-primary text-primary-foreground shadow hover:bg-primary/90",
-        accent: "bg-ai-accent text-ai-accent-foreground shadow hover:bg-ai-accent/90",
-        destructive: "bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90",
-        outline: "border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground",
-        secondary: "bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80",
-        ghost: "hover:bg-accent hover:text-accent-foreground",
+        default: "bg-primary text-primary-foreground hover:bg-primary/90",
+        accent: "bg-ai-accent text-ai-accent-foreground hover:bg-ai-accent/90",
+        destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
+        outline: "border border-border bg-background hover:bg-muted",
+        secondary: "bg-muted text-foreground hover:bg-muted/70",
+        ghost: "hover:bg-muted",
         link: "text-primary underline-offset-4 hover:underline"
       },
+      // Touch screens get a 44px target (coarse pointers only), mouse keeps the compact 36px.
+      // `!` so the floor also wins over a caller's compact `h-7` or a container's
+      // `[&_button]:h-7` rule: a compact toolbar on a phone must still be tappable.
       size: {
-        default: "h-9 px-4 py-2",
-        sm: "h-8 rounded-md px-3",
-        lg: "h-10 rounded-md px-8",
-        icon: "h-9 w-9"
+        default: "h-9 px-4 py-2 pointer-coarse:h-11!",
+        sm: "h-8 rounded-md px-3 pointer-coarse:h-11! pointer-coarse:min-w-11",
+        lg: "h-10 rounded-md px-8 pointer-coarse:h-12!",
+        icon: "h-9 w-9 pointer-coarse:h-11! pointer-coarse:w-11!"
       }
     },
     defaultVariants: {
@@ -601,7 +637,7 @@ var buttonVariants = classVarianceAuthority.cva(
 var Button = React2__namespace.forwardRef(
   ({ className, variant, size, asChild = false, ...props }, ref) => {
     const Comp = asChild ? reactSlot.Slot : "button";
-    return /* @__PURE__ */ jsxRuntime.jsx(Comp, { className: cn(buttonVariants({ variant, size, className })), ref, ...props });
+    return /* @__PURE__ */ jsxRuntime.jsx(Comp, { className: chunkRZQACYNQ_cjs.cn(buttonVariants({ variant, size, className })), ref, ...props });
   }
 );
 Button.displayName = "Button";
@@ -613,8 +649,9 @@ var HoverCardContent = React2__namespace.forwardRef(({ className, align = "cente
     ref,
     align,
     sideOffset,
-    className: cn(
-      "z-50 w-64 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none 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 origin-[--radix-hover-card-content-transform-origin]",
+    collisionPadding: chunkRZQACYNQ_cjs.getCollisionPadding(),
+    className: chunkRZQACYNQ_cjs.cn(
+      "z-50 w-64 max-w-[calc(100vw-1rem)] rounded-md border bg-popover p-4 text-popover-foreground shadow-lg outline-none 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 origin-[--radix-hover-card-content-transform-origin]",
       className
     ),
     ...props
@@ -639,7 +676,7 @@ var Card = React2__namespace.forwardRef(
     {
       ref,
       "data-slot": "card",
-      className: cn(cardVariants({ variant }), className),
+      className: chunkRZQACYNQ_cjs.cn(cardVariants({ variant }), className),
       ...props
     }
   )
@@ -651,7 +688,7 @@ var CardHeader = React2__namespace.forwardRef(
     {
       ref,
       "data-slot": "card-header",
-      className: cn("flex flex-col space-y-1.5 p-6", className),
+      className: chunkRZQACYNQ_cjs.cn("flex flex-col space-y-1.5 p-6", className),
       ...props
     }
   )
@@ -663,7 +700,7 @@ var CardTitle = React2__namespace.forwardRef(
     {
       ref,
       "data-slot": "card-title",
-      className: cn("font-semibold leading-none tracking-tight", className),
+      className: chunkRZQACYNQ_cjs.cn("font-semibold leading-none tracking-tight", className),
       ...props
     }
   )
@@ -675,14 +712,14 @@ var CardDescription = React2__namespace.forwardRef(
     {
       ref,
       "data-slot": "card-description",
-      className: cn("text-sm text-muted-foreground", className),
+      className: chunkRZQACYNQ_cjs.cn("text-sm text-muted-foreground", className),
       ...props
     }
   )
 );
 CardDescription.displayName = "CardDescription";
 var CardContent = React2__namespace.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, "data-slot": "card-content", className: cn("p-6 pt-0", className), ...props })
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, "data-slot": "card-content", className: chunkRZQACYNQ_cjs.cn("p-6 pt-0", className), ...props })
 );
 CardContent.displayName = "CardContent";
 var CardFooter = React2__namespace.forwardRef(
@@ -691,7 +728,7 @@ var CardFooter = React2__namespace.forwardRef(
     {
       ref,
       "data-slot": "card-footer",
-      className: cn("flex items-center p-6 pt-0", className),
+      className: chunkRZQACYNQ_cjs.cn("flex items-center p-6 pt-0", className),
       ...props
     }
   )
@@ -1034,8 +1071,8 @@ var Input = React2__namespace.forwardRef(
       {
         type,
         "data-slot": "input",
-        className: cn(
-          "flex h-9 w-full rounded-md border border-input bg-background px-3 py-1 text-base shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground/60 focus-visible:outline-none focus-visible:border-ring/50 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+        className: chunkRZQACYNQ_cjs.cn(
+          "flex h-9 pointer-coarse:h-11 w-full rounded-md border border-input bg-background px-3 py-1 text-base shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground/60 focus-visible:outline-none focus-visible:border-ring/50 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
           showDictate && "pr-9",
           className
         ),
@@ -1093,7 +1130,7 @@ var Separator = React2__namespace.forwardRef(({ className, orientation = "horizo
     ref,
     decorative,
     orientation,
-    className: cn(
+    className: chunkRZQACYNQ_cjs.cn(
       "shrink-0 bg-border",
       orientation === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]",
       className
@@ -1112,7 +1149,7 @@ var Textarea = React2__namespace.forwardRef(
     const textarea = /* @__PURE__ */ jsxRuntime.jsx(
       "textarea",
       {
-        className: cn(
+        className: chunkRZQACYNQ_cjs.cn(
           "flex min-h-[60px] w-full rounded-md border border-input bg-background px-3 py-2 text-base shadow-sm placeholder:text-muted-foreground/60 focus-visible:outline-none focus-visible:border-ring/50 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
           showDictate && "pr-9",
           className
@@ -1163,7 +1200,7 @@ var Progress = React2__namespace.forwardRef(({ className, value, ...props }, ref
   ProgressPrimitive__namespace.Root,
   {
     ref,
-    className: cn("relative h-2 w-full overflow-hidden rounded-full bg-primary/20", className),
+    className: chunkRZQACYNQ_cjs.cn("relative h-2 w-full overflow-hidden rounded-full bg-primary/20", className),
     ...props,
     children: /* @__PURE__ */ jsxRuntime.jsx(
       ProgressPrimitive__namespace.Indicator,
@@ -1175,38 +1212,8 @@ var Progress = React2__namespace.forwardRef(({ className, value, ...props }, ref
   }
 ));
 Progress.displayName = ProgressPrimitive__namespace.Root.displayName;
-var ScrollArea = React2__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
-  ScrollAreaPrimitive__namespace.Root,
-  {
-    ref,
-    className: cn("relative overflow-hidden", className),
-    ...props,
-    children: [
-      /* @__PURE__ */ jsxRuntime.jsx(ScrollAreaPrimitive__namespace.Viewport, { className: "h-full w-full rounded-[inherit]", children }),
-      /* @__PURE__ */ jsxRuntime.jsx(ScrollBar, {}),
-      /* @__PURE__ */ jsxRuntime.jsx(ScrollAreaPrimitive__namespace.Corner, {})
-    ]
-  }
-));
-ScrollArea.displayName = ScrollAreaPrimitive__namespace.Root.displayName;
-var ScrollBar = React2__namespace.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-  ScrollAreaPrimitive__namespace.ScrollAreaScrollbar,
-  {
-    ref,
-    orientation,
-    className: cn(
-      "flex touch-none select-none transition-colors",
-      orientation === "vertical" && "h-full w-2.5 border-l border-l-transparent p-[1px]",
-      orientation === "horizontal" && "h-2.5 flex-col border-t border-t-transparent p-[1px]",
-      className
-    ),
-    ...props,
-    children: /* @__PURE__ */ jsxRuntime.jsx(ScrollAreaPrimitive__namespace.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-border" })
-  }
-));
-ScrollBar.displayName = ScrollAreaPrimitive__namespace.ScrollAreaScrollbar.displayName;
 var RadioGroup = React2__namespace.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(RadioGroupPrimitive__namespace.Root, { className: cn("grid gap-2", className), ...props, ref });
+  return /* @__PURE__ */ jsxRuntime.jsx(RadioGroupPrimitive__namespace.Root, { className: chunkRZQACYNQ_cjs.cn("grid gap-2", className), ...props, ref });
 });
 RadioGroup.displayName = RadioGroupPrimitive__namespace.Root.displayName;
 var RadioGroupItem = React2__namespace.forwardRef(({ className, ...props }, ref) => {
@@ -1214,8 +1221,8 @@ var RadioGroupItem = React2__namespace.forwardRef(({ className, ...props }, ref)
     RadioGroupPrimitive__namespace.Item,
     {
       ref,
-      className: cn(
-        "aspect-square h-4 w-4 rounded-full border border-primary text-primary focus:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50",
+      className: chunkRZQACYNQ_cjs.cn(
+        "relative aspect-square h-4 w-4 rounded-full border border-primary text-primary after:absolute after:left-1/2 after:top-1/2 after:hidden after:size-11 after:-translate-x-1/2 after:-translate-y-1/2 after:content-[''] pointer-coarse:after:block focus:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50",
         className
       ),
       ...props,
@@ -1228,20 +1235,20 @@ var Checkbox = React2__namespace.forwardRef(({ className, ...props }, ref) => /*
   CheckboxPrimitive__namespace.Root,
   {
     ref,
-    className: cn(
-      "peer h-4 w-4 shrink-0 rounded-sm border border-primary shadow focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground",
+    className: chunkRZQACYNQ_cjs.cn(
+      "peer relative h-4 w-4 shrink-0 rounded-sm border border-muted-foreground/50 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground after:absolute after:left-1/2 after:top-1/2 after:hidden after:size-11 after:-translate-x-1/2 after:-translate-y-1/2 after:content-[''] pointer-coarse:after:block",
       className
     ),
     ...props,
-    children: /* @__PURE__ */ jsxRuntime.jsx(CheckboxPrimitive__namespace.Indicator, { className: cn("flex items-center justify-center text-current"), children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "h-4 w-4" }) })
+    children: /* @__PURE__ */ jsxRuntime.jsx(CheckboxPrimitive__namespace.Indicator, { className: chunkRZQACYNQ_cjs.cn("flex items-center justify-center text-current"), children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "h-4 w-4" }) })
   }
 ));
 Checkbox.displayName = CheckboxPrimitive__namespace.Root.displayName;
 var Switch = React2__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   SwitchPrimitives__namespace.Root,
   {
-    className: cn(
-      "peer inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent shadow-sm transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input",
+    className: chunkRZQACYNQ_cjs.cn(
+      "peer relative inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent shadow-sm transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input dark:data-[state=unchecked]:bg-muted-foreground/45 after:absolute after:left-1/2 after:top-1/2 after:hidden after:size-11 after:-translate-x-1/2 after:-translate-y-1/2 after:content-[''] pointer-coarse:after:block",
       className
     ),
     ...props,
@@ -1249,7 +1256,7 @@ var Switch = React2__namespace.forwardRef(({ className, ...props }, ref) => /* @
     children: /* @__PURE__ */ jsxRuntime.jsx(
       SwitchPrimitives__namespace.Thumb,
       {
-        className: cn(
+        className: chunkRZQACYNQ_cjs.cn(
           "pointer-events-none block h-4 w-4 rounded-full bg-background shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0"
         )
       }
@@ -1262,8 +1269,8 @@ var TabsList = React2__namespace.forwardRef(({ className, ...props }, ref) => /*
   TabsPrimitive__namespace.List,
   {
     ref,
-    className: cn(
-      "inline-flex h-9 items-center justify-center rounded-lg bg-muted p-1 text-muted-foreground",
+    className: chunkRZQACYNQ_cjs.cn(
+      "inline-flex h-9 pointer-coarse:h-auto items-center justify-center rounded-lg bg-muted p-1 text-muted-foreground",
       className
     ),
     ...props
@@ -1274,8 +1281,8 @@ var TabsTrigger = React2__namespace.forwardRef(({ className, ...props }, ref) =>
   TabsPrimitive__namespace.Trigger,
   {
     ref,
-    className: cn(
-      "inline-flex items-center justify-center whitespace-nowrap rounded-md px-3 py-1 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow",
+    className: chunkRZQACYNQ_cjs.cn(
+      "inline-flex items-center justify-center whitespace-nowrap rounded-md px-3 py-1 text-sm pointer-coarse:min-h-11 font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow",
       className
     ),
     ...props
@@ -1286,7 +1293,7 @@ var TabsContent = React2__namespace.forwardRef(({ className, ...props }, ref) =>
   TabsPrimitive__namespace.Content,
   {
     ref,
-    className: cn(
+    className: chunkRZQACYNQ_cjs.cn(
       "mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
       className
     ),
@@ -1295,18 +1302,18 @@ var TabsContent = React2__namespace.forwardRef(({ className, ...props }, ref) =>
 ));
 TabsContent.displayName = TabsPrimitive__namespace.Content.displayName;
 var Table = React2__namespace.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsxRuntime.jsx("table", { ref, className: cn("w-full caption-bottom text-sm", className), ...props }) })
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsxRuntime.jsx("table", { ref, className: chunkRZQACYNQ_cjs.cn("w-full caption-bottom text-sm", className), ...props }) })
 );
 Table.displayName = "Table";
-var TableHeader = React2__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("thead", { ref, className: cn("[&_tr]:border-b", className), ...props }));
+var TableHeader = React2__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("thead", { ref, className: chunkRZQACYNQ_cjs.cn("[&_tr]:border-b", className), ...props }));
 TableHeader.displayName = "TableHeader";
-var TableBody = React2__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("tbody", { ref, className: cn("[&_tr:last-child]:border-0", className), ...props }));
+var TableBody = React2__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("tbody", { ref, className: chunkRZQACYNQ_cjs.cn("[&_tr:last-child]:border-0", className), ...props }));
 TableBody.displayName = "TableBody";
 var TableFooter = React2__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "tfoot",
   {
     ref,
-    className: cn("border-t bg-muted/50 font-medium [&>tr]:last:border-b-0", className),
+    className: chunkRZQACYNQ_cjs.cn("border-t bg-muted/50 font-medium [&>tr]:last:border-b-0", className),
     ...props
   }
 ));
@@ -1316,7 +1323,7 @@ var TableRow = React2__namespace.forwardRef(
     "tr",
     {
       ref,
-      className: cn(
+      className: chunkRZQACYNQ_cjs.cn(
         "border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted",
         className
       ),
@@ -1330,7 +1337,7 @@ var TableHead = React2__namespace.forwardRef(
     "th",
     {
       ref,
-      className: cn(
+      className: chunkRZQACYNQ_cjs.cn(
         "h-10 px-2 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
         className
       ),
@@ -1344,7 +1351,7 @@ var TableCell = React2__namespace.forwardRef(
     "td",
     {
       ref,
-      className: cn(
+      className: chunkRZQACYNQ_cjs.cn(
         "p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
         className
       ),
@@ -1353,17 +1360,17 @@ var TableCell = React2__namespace.forwardRef(
   )
 );
 TableCell.displayName = "TableCell";
-var TableCaption = React2__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("caption", { ref, className: cn("mt-4 text-sm text-muted-foreground", className), ...props }));
+var TableCaption = React2__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("caption", { ref, className: chunkRZQACYNQ_cjs.cn("mt-4 text-sm text-muted-foreground", className), ...props }));
 TableCaption.displayName = "TableCaption";
 var Slider = React2__namespace.forwardRef(
   ({ className, rangeClassName, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
     SliderPrimitive__namespace.Root,
     {
       ref,
-      className: cn("relative flex w-full touch-none select-none items-center", className),
+      className: chunkRZQACYNQ_cjs.cn("relative flex w-full touch-none select-none items-center", className),
       ...props,
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx(SliderPrimitive__namespace.Track, { className: "relative h-1.5 w-full grow overflow-hidden rounded-full bg-primary/20", children: /* @__PURE__ */ jsxRuntime.jsx(SliderPrimitive__namespace.Range, { className: cn("absolute h-full bg-primary", rangeClassName) }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(SliderPrimitive__namespace.Track, { className: "relative h-1.5 w-full grow overflow-hidden rounded-full bg-primary/20", children: /* @__PURE__ */ jsxRuntime.jsx(SliderPrimitive__namespace.Range, { className: chunkRZQACYNQ_cjs.cn("absolute h-full bg-primary", rangeClassName) }) }),
         /* @__PURE__ */ jsxRuntime.jsx(SliderPrimitive__namespace.Thumb, { className: "block h-4 w-4 rounded-full border border-primary/50 bg-background shadow transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50" })
       ]
     }
@@ -1379,9 +1386,9 @@ var toggleVariants = classVarianceAuthority.cva(
         outline: "border border-input bg-transparent shadow-sm hover:bg-accent hover:text-accent-foreground"
       },
       size: {
-        default: "h-9 px-2 min-w-9",
-        sm: "h-8 px-1.5 min-w-8",
-        lg: "h-10 px-2.5 min-w-10"
+        default: "h-9 px-2 min-w-9 pointer-coarse:h-11 pointer-coarse:min-w-11",
+        sm: "h-8 px-1.5 min-w-8 pointer-coarse:h-11 pointer-coarse:min-w-11",
+        lg: "h-10 px-2.5 min-w-10 pointer-coarse:h-11 pointer-coarse:min-w-11"
       }
     },
     defaultVariants: {
@@ -1394,7 +1401,7 @@ var Toggle = React2__namespace.forwardRef(({ className, variant, size, ...props
   TogglePrimitive__namespace.Root,
   {
     ref,
-    className: cn(toggleVariants({ variant, size, className })),
+    className: chunkRZQACYNQ_cjs.cn(toggleVariants({ variant, size, className })),
     ...props
   }
 ));
@@ -1407,7 +1414,7 @@ var ToggleGroup = React2__namespace.forwardRef(({ className, variant, size, chil
   ToggleGroupPrimitive__namespace.Root,
   {
     ref,
-    className: cn("flex items-center justify-center gap-1", className),
+    className: chunkRZQACYNQ_cjs.cn("flex items-center justify-center gap-1", className),
     ...props,
     children: /* @__PURE__ */ jsxRuntime.jsx(ToggleGroupContext.Provider, { value: { variant, size }, children })
   }
@@ -1419,7 +1426,7 @@ var ToggleGroupItem = React2__namespace.forwardRef(({ className, children, varia
     ToggleGroupPrimitive__namespace.Item,
     {
       ref,
-      className: cn(
+      className: chunkRZQACYNQ_cjs.cn(
         toggleVariants({
           variant: context.variant || variant,
           size: context.size || size
@@ -1447,7 +1454,7 @@ var DialogOverlay = React2__namespace.forwardRef(({ className, ...props }, ref)
   DialogPrimitive__namespace.Overlay,
   {
     ref,
-    className: cn(
+    className: chunkRZQACYNQ_cjs.cn(
       "fixed inset-0 z-50 bg-black/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
       className
     ),
@@ -1455,45 +1462,61 @@ var DialogOverlay = React2__namespace.forwardRef(({ className, ...props }, ref)
   }
 ));
 DialogOverlay.displayName = DialogPrimitive__namespace.Overlay.displayName;
-var DialogContent = React2__namespace.forwardRef(({ className, children, hideCloseButton, onInteractOutside, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(DialogPortal, { children: [
-  /* @__PURE__ */ jsxRuntime.jsx(DialogOverlay, {}),
-  /* @__PURE__ */ jsxRuntime.jsxs(
-    DialogPrimitive__namespace.Content,
-    {
-      ref,
-      onInteractOutside: (event) => {
-        if (isToastInteraction(event)) event.preventDefault();
-        onInteractOutside?.(event);
-      },
-      className: cn(
-        "fixed left-[50%] top-[50%] z-50 grid w-[calc(100%-2rem)] max-w-lg max-h-[90vh] translate-x-[-50%] translate-y-[-50%] gap-4 overflow-y-auto border bg-background p-6 shadow-lg duration-200 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 rounded-md",
-        className
-      ),
-      ...props,
-      children: [
-        children,
-        !hideCloseButton && /* @__PURE__ */ jsxRuntime.jsxs(
-          DialogPrimitive__namespace.Close,
-          {
-            className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground",
-            "data-testid": "dialog-close-button",
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "h-4 w-4" }),
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Close dialog" })
-            ]
-          }
-        )
-      ]
-    }
-  )
-] }));
+var PHONE_PRESENTATION = {
+  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"
+};
+var DialogContent = React2__namespace.forwardRef(
+  ({ className, children, hideCloseButton, presentation = "center", onInteractOutside, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(DialogPortal, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(DialogOverlay, {}),
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      DialogPrimitive__namespace.Content,
+      {
+        ref,
+        "data-slot": "dialog-content",
+        "data-presentation": presentation,
+        onInteractOutside: (event) => {
+          if (isToastInteraction(event)) event.preventDefault();
+          onInteractOutside?.(event);
+        },
+        className: chunkRZQACYNQ_cjs.cn(
+          // Always inside the viewport: width and height are capped by the DYNAMIC viewport (mobile
+          // browser chrome) and the notch / home-indicator insets; the content scrolls inside.
+          "fixed left-[50%] top-[50%] z-50 grid w-[calc(100%-2rem-env(safe-area-inset-left,0px)-env(safe-area-inset-right,0px))] max-w-lg max-h-[calc(min(100dvh,100svh,100vh)-2rem-env(safe-area-inset-top,0px)-env(safe-area-inset-bottom,0px))] translate-x-[-50%] translate-y-[-50%] will-change-transform grid-cols-[minmax(0,1fr)] gap-4 overflow-x-hidden overflow-y-auto overscroll-contain border bg-background p-6 shadow-xl duration-200 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 rounded-md",
+          PHONE_PRESENTATION[presentation],
+          className
+        ),
+        ...props,
+        children: [
+          children,
+          !hideCloseButton && /* @__PURE__ */ jsxRuntime.jsxs(
+            DialogPrimitive__namespace.Close,
+            {
+              className: "fixed right-4 top-4 z-20 inline-flex items-center justify-center rounded-sm pointer-coarse:right-2 pointer-coarse:top-2 pointer-coarse:size-11 opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground",
+              "data-testid": "dialog-close-button",
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "h-4 w-4" }),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Close dialog" })
+              ]
+            }
+          )
+        ]
+      }
+    )
+  ] })
+);
 DialogContent.displayName = DialogPrimitive__namespace.Content.displayName;
-var DialogHeader = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("flex flex-col space-y-1.5 text-center sm:text-left", className), ...props });
+var DialogHeader = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkRZQACYNQ_cjs.cn("flex min-w-0 flex-col space-y-1.5 pr-8 text-left", className), ...props });
 DialogHeader.displayName = "DialogHeader";
 var DialogFooter = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
   "div",
   {
-    className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className),
+    className: chunkRZQACYNQ_cjs.cn(
+      // Sticks to the bottom of a scrolling dialog so the actions stay reachable.
+      "sticky bottom-0 z-10 -mx-6 -mb-6 flex flex-col-reverse gap-2 bg-background px-6 pb-6 pt-3 sm:flex-row sm:justify-end",
+      className
+    ),
     ...props
   }
 );
@@ -1502,7 +1525,7 @@ var DialogTitle = React2__namespace.forwardRef(({ className, ...props }, ref) =>
   DialogPrimitive__namespace.Title,
   {
     ref,
-    className: cn("text-lg font-semibold leading-none tracking-tight", className),
+    className: chunkRZQACYNQ_cjs.cn("break-words text-lg font-semibold leading-tight tracking-tight", className),
     ...props
   }
 ));
@@ -1511,7 +1534,7 @@ var DialogDescription = React2__namespace.forwardRef(({ className, ...props }, r
   DialogPrimitive__namespace.Description,
   {
     ref,
-    className: cn("text-sm text-muted-foreground", className),
+    className: chunkRZQACYNQ_cjs.cn("text-sm text-muted-foreground", className),
     ...props
   }
 ));
@@ -1525,131 +1548,273 @@ var PopoverContent = React2__namespace.forwardRef(({ className, align = "center"
     ref,
     align,
     sideOffset,
-    className: cn(
-      "z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none 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 origin-[--radix-popover-content-transform-origin]",
+    collisionPadding: chunkRZQACYNQ_cjs.getCollisionPadding(),
+    className: chunkRZQACYNQ_cjs.cn(
+      "z-50 w-72 max-w-[calc(100vw-1rem)] max-h-[var(--radix-popover-content-available-height)] overflow-y-auto overscroll-contain rounded-md border bg-popover p-4 text-popover-foreground shadow-lg outline-none 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 origin-[--radix-popover-content-transform-origin]",
       className
     ),
     ...props
   }
 ) }));
 PopoverContent.displayName = PopoverPrimitive__namespace.Content.displayName;
-var DropdownMenu = DropdownMenuPrimitive__namespace.Root;
-var DropdownMenuTrigger = DropdownMenuPrimitive__namespace.Trigger;
-var DropdownMenuGroup = DropdownMenuPrimitive__namespace.Group;
-var DropdownMenuPortal = DropdownMenuPrimitive__namespace.Portal;
-var DropdownMenuSub = DropdownMenuPrimitive__namespace.Sub;
-var DropdownMenuRadioGroup = DropdownMenuPrimitive__namespace.RadioGroup;
-var DropdownMenuSubTrigger = React2__namespace.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
-  DropdownMenuPrimitive__namespace.SubTrigger,
-  {
-    ref,
-    className: cn(
-      "flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
-      inset && "pl-8",
-      className
-    ),
-    ...props,
-    children: [
-      children,
-      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { className: "ml-auto" })
-    ]
+var FINE_OPEN_DELAY = 350;
+var FINE_CLOSE_DELAY = 180;
+function isFocusVisible(el) {
+  try {
+    return el.matches(":focus-visible");
+  } catch {
+    return true;
   }
-));
-DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive__namespace.SubTrigger.displayName;
-var DropdownMenuSubContent = React2__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-  DropdownMenuPrimitive__namespace.SubContent,
-  {
-    ref,
-    className: cn(
-      "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 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 origin-[--radix-dropdown-menu-content-transform-origin]",
-      className
-    ),
-    ...props
-  }
-));
-DropdownMenuSubContent.displayName = DropdownMenuPrimitive__namespace.SubContent.displayName;
-var DropdownMenuContent = React2__namespace.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
-  DropdownMenuPrimitive__namespace.Content,
-  {
-    ref,
-    sideOffset,
-    className: cn(
-      "z-50 max-h-[var(--radix-dropdown-menu-content-available-height)] min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md",
-      "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 origin-[--radix-dropdown-menu-content-transform-origin]",
-      className
-    ),
-    ...props
-  }
-) }));
-DropdownMenuContent.displayName = DropdownMenuPrimitive__namespace.Content.displayName;
-var DropdownMenuItem = React2__namespace.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-  DropdownMenuPrimitive__namespace.Item,
-  {
-    ref,
-    className: cn(
-      "relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&>svg]:size-4 [&>svg]:shrink-0",
-      inset && "pl-8",
-      className
-    ),
-    ...props
-  }
-));
-DropdownMenuItem.displayName = DropdownMenuPrimitive__namespace.Item.displayName;
-var DropdownMenuCheckboxItem = React2__namespace.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
-  DropdownMenuPrimitive__namespace.CheckboxItem,
-  {
-    ref,
-    className: cn(
-      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-      className
-    ),
-    checked,
-    ...props,
-    children: [
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute left-2 flex h-4 w-4 items-center justify-center rounded border border-border bg-popover", children: /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.ItemIndicator, { children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "h-3.5 w-3.5 text-primary" }) }) }),
-      children
-    ]
-  }
-));
-DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive__namespace.CheckboxItem.displayName;
-var DropdownMenuRadioItem = React2__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
-  DropdownMenuPrimitive__namespace.RadioItem,
-  {
-    ref,
-    className: cn(
-      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors 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(DropdownMenuPrimitive__namespace.ItemIndicator, { children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Circle, { className: "h-2 w-2 fill-current" }) }) }),
-      children
-    ]
-  }
-));
-DropdownMenuRadioItem.displayName = DropdownMenuPrimitive__namespace.RadioItem.displayName;
-var DropdownMenuLabel = React2__namespace.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-  DropdownMenuPrimitive__namespace.Label,
-  {
-    ref,
-    className: cn("px-2 py-1.5 text-sm font-semibold", inset && "pl-8", className),
-    ...props
-  }
-));
-DropdownMenuLabel.displayName = DropdownMenuPrimitive__namespace.Label.displayName;
-var DropdownMenuSeparator = React2__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-  DropdownMenuPrimitive__namespace.Separator,
-  {
-    ref,
-    className: cn("-mx-1 my-1 h-px bg-muted", className),
-    ...props
-  }
-));
-DropdownMenuSeparator.displayName = DropdownMenuPrimitive__namespace.Separator.displayName;
-var DropdownMenuShortcut = ({ className, ...props }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn("ml-auto text-sm tracking-widest opacity-60", className), ...props });
-};
-DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
+}
+function isCoarse(pointerType) {
+  if (pointerType === "touch" || pointerType === "pen") return true;
+  if (pointerType === "mouse") return false;
+  return typeof window !== "undefined" && !!window.matchMedia?.("(pointer: coarse)").matches;
+}
+function MarkMenu({
+  as = "span",
+  href,
+  items,
+  preview,
+  menuLabel,
+  shouldClickRunPrimary = true,
+  openDelay = FINE_OPEN_DELAY,
+  closeDelay = FINE_CLOSE_DELAY,
+  testId,
+  menuTestId,
+  triggerRef: externalRef,
+  className,
+  children,
+  onPointerDown,
+  onPointerEnter,
+  onPointerLeave,
+  onFocus,
+  onBlur,
+  onKeyDown,
+  ...rest
+}) {
+  const [open, setOpen] = React2.useState(false);
+  const [side, setSide] = React2.useState("bottom");
+  const menuId = React2.useId();
+  const triggerRef = React2.useRef(null);
+  const contentRef = React2.useRef(null);
+  const timer = React2.useRef(null);
+  const mode = React2.useRef("hover");
+  const lastPointer = React2.useRef("mouse");
+  const focusFirstOnOpen = React2.useRef(false);
+  const isEmpty = items.length === 0 && !preview;
+  const ordered = [...items].sort((a, b) => Number(!!b.primary) - Number(!!a.primary));
+  const primary = ordered[0];
+  const clearTimer = () => {
+    if (timer.current) clearTimeout(timer.current);
+    timer.current = null;
+  };
+  React2.useEffect(() => clearTimer, []);
+  const rows = () => Array.from(contentRef.current?.querySelectorAll('[role="menuitem"]') ?? []);
+  const firstItem = () => rows()[0];
+  const openWith = (next, focusFirst = false) => {
+    clearTimer();
+    mode.current = next;
+    focusFirstOnOpen.current = focusFirst;
+    setSide(next === "press" && isCoarse(lastPointer.current) ? "top" : "bottom");
+    setOpen(true);
+    if (focusFirst) {
+      requestAnimationFrame(() => firstItem()?.focus());
+    }
+  };
+  const close = (returnFocus = false) => {
+    clearTimer();
+    setOpen(false);
+    if (returnFocus) triggerRef.current?.focus({ preventScroll: true });
+  };
+  const schedule = (action, delay) => {
+    clearTimer();
+    timer.current = setTimeout(action, delay);
+  };
+  const handlePointerDown = (e) => {
+    lastPointer.current = e.pointerType;
+    onPointerDown?.(e);
+  };
+  const handlePointerEnter = (e) => {
+    onPointerEnter?.(e);
+    if (isCoarse(e.pointerType) || isEmpty) return;
+    lastPointer.current = e.pointerType;
+    schedule(() => openWith("hover"), openDelay);
+  };
+  const handlePointerLeave = (e) => {
+    onPointerLeave?.(e);
+    if (isCoarse(e.pointerType)) return;
+    if (!open) return clearTimer();
+    if (mode.current === "hover") schedule(() => close(), closeDelay);
+  };
+  const handleFocus = (e) => {
+    onFocus?.(e);
+    if (isEmpty) return;
+    if (isFocusVisible(e.currentTarget)) schedule(() => openWith("focus"), openDelay);
+  };
+  const handleBlur = (e) => {
+    onBlur?.(e);
+    const next = e.relatedTarget;
+    if (next && contentRef.current?.contains(next)) return;
+    if (mode.current === "focus" || mode.current === "key") schedule(() => close(), closeDelay);
+    else clearTimer();
+  };
+  const handleKeyDown = (e) => {
+    onKeyDown?.(e);
+    lastPointer.current = "keyboard";
+    if (e.defaultPrevented || isEmpty) return;
+    if (e.key === "Enter" || e.key === " " || e.key === "ArrowDown") {
+      e.preventDefault();
+      openWith("key", true);
+    } else if (e.key === "Escape" && open) {
+      e.preventDefault();
+      e.stopPropagation();
+      close(true);
+    }
+  };
+  const handleClick = (e) => {
+    if (isEmpty) return;
+    if (e.metaKey || e.ctrlKey || e.shiftKey || e.altKey) return;
+    if (e.detail === 0 && lastPointer.current === "keyboard") {
+      e.preventDefault();
+      return;
+    }
+    if (isCoarse(lastPointer.current)) {
+      e.preventDefault();
+      if (open) close();
+      else openWith("press");
+      return;
+    }
+    if (shouldClickRunPrimary && primary?.onSelect) {
+      e.preventDefault();
+      close();
+      primary.onSelect();
+    }
+  };
+  const handleMenuKeyDown = (e) => {
+    const list = rows();
+    const index = list.indexOf(document.activeElement);
+    let target;
+    if (e.key === "ArrowDown") target = list[(index + 1) % list.length];
+    else if (e.key === "ArrowUp") target = list[(index - 1 + list.length) % list.length];
+    else if (e.key === "Home") target = list[0];
+    else if (e.key === "End") target = list[list.length - 1];
+    else if (e.key === "Escape") {
+      e.preventDefault();
+      e.stopPropagation();
+      close(true);
+      return;
+    } else if (e.key === "Tab") {
+      close();
+      return;
+    }
+    if (target) {
+      e.preventDefault();
+      target.focus();
+    }
+  };
+  const choose = (item) => {
+    const wasKey = mode.current === "key";
+    close(wasKey);
+    item.onSelect?.();
+  };
+  const setTriggerRef = React2.useCallback(
+    (el) => {
+      triggerRef.current = el;
+      if (typeof externalRef === "function") externalRef(el);
+      else if (externalRef) externalRef.current = el;
+    },
+    [externalRef]
+  );
+  const triggerProps = {
+    ref: setTriggerRef,
+    className,
+    "data-testid": testId,
+    "data-slot": "mark",
+    "aria-haspopup": "true",
+    "aria-expanded": open,
+    "aria-controls": open ? menuId : void 0,
+    onPointerDown: handlePointerDown,
+    onPointerEnter: handlePointerEnter,
+    onPointerLeave: handlePointerLeave,
+    onFocus: handleFocus,
+    onBlur: handleBlur,
+    onKeyDown: handleKeyDown,
+    onClick: handleClick,
+    ...rest
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(Popover, { open: open && !isEmpty, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(PopoverAnchor, { asChild: true, children: as === "a" ? /* @__PURE__ */ jsxRuntime.jsx("a", { href, ...triggerProps, children }) : /* @__PURE__ */ jsxRuntime.jsx("span", { role: "button", tabIndex: 0, ...triggerProps, children }) }),
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      PopoverContent,
+      {
+        ref: contentRef,
+        id: menuId,
+        side,
+        align: "start",
+        sideOffset: 6,
+        collisionPadding: 8,
+        role: "group",
+        "data-testid": menuTestId,
+        "data-slot": "mark-menu",
+        className: "w-auto min-w-[12rem] max-w-[min(22rem,calc(100vw-1rem))] p-1",
+        onOpenAutoFocus: (e) => {
+          e.preventDefault();
+          if (focusFirstOnOpen.current) firstItem()?.focus();
+        },
+        onCloseAutoFocus: (e) => e.preventDefault(),
+        onEscapeKeyDown: (e) => {
+          e.preventDefault();
+          close(true);
+        },
+        onInteractOutside: (e) => {
+          if (triggerRef.current?.contains(e.target)) e.preventDefault();
+        },
+        onPointerDownOutside: () => close(),
+        onPointerEnter: clearTimer,
+        onPointerLeave: (e) => {
+          if (!isCoarse(e.pointerType) && mode.current === "hover")
+            schedule(() => close(), closeDelay);
+        },
+        children: [
+          preview && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-2 py-1.5 text-sm", children: preview }),
+          ordered.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { role: "menu", "aria-label": menuLabel, onKeyDown: handleMenuKeyDown, children: ordered.map((item) => {
+            const rowClass = chunkRZQACYNQ_cjs.cn(
+              "flex w-full cursor-pointer items-center rounded-sm px-2 py-1.5 text-left text-sm outline-none transition-colors hover:bg-accent focus-visible:bg-accent pointer-coarse:min-h-11 pointer-coarse:px-3",
+              item.primary && "font-medium pointer-coarse:text-base",
+              item.destructive && "text-destructive"
+            );
+            return item.href && !item.onSelect ? /* @__PURE__ */ jsxRuntime.jsx(
+              "a",
+              {
+                role: "menuitem",
+                tabIndex: -1,
+                href: item.href,
+                className: rowClass,
+                "data-testid": item.testId,
+                onClick: () => close(),
+                children: item.label
+              },
+              item.id
+            ) : /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                type: "button",
+                role: "menuitem",
+                tabIndex: -1,
+                className: rowClass,
+                "data-testid": item.testId,
+                onClick: () => choose(item),
+                children: item.label
+              },
+              item.id
+            );
+          }) })
+        ]
+      }
+    )
+  ] });
+}
 var Select = SelectPrimitive__namespace.Root;
 var SelectGroup = SelectPrimitive__namespace.Group;
 var SelectValue = SelectPrimitive__namespace.Value;
@@ -1657,8 +1822,8 @@ var SelectTrigger = React2__namespace.forwardRef(({ className, children, ...prop
   SelectPrimitive__namespace.Trigger,
   {
     ref,
-    className: cn(
-      "flex h-9 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: chunkRZQACYNQ_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,
@@ -1673,7 +1838,7 @@ var SelectScrollUpButton = React2__namespace.forwardRef(({ className, ...props }
   SelectPrimitive__namespace.ScrollUpButton,
   {
     ref,
-    className: cn("flex cursor-default items-center justify-center py-1", className),
+    className: chunkRZQACYNQ_cjs.cn("flex cursor-default items-center justify-center py-1", className),
     ...props,
     children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronUp, { className: "h-4 w-4" })
   }
@@ -1683,7 +1848,7 @@ var SelectScrollDownButton = React2__namespace.forwardRef(({ className, ...props
   SelectPrimitive__namespace.ScrollDownButton,
   {
     ref,
-    className: cn("flex cursor-default items-center justify-center py-1", className),
+    className: chunkRZQACYNQ_cjs.cn("flex cursor-default items-center justify-center py-1", className),
     ...props,
     children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { className: "h-4 w-4" })
   }
@@ -1693,19 +1858,20 @@ var SelectContent = React2__namespace.forwardRef(({ className, children, positio
   SelectPrimitive__namespace.Content,
   {
     ref,
-    className: cn(
-      "relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md 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",
+    className: chunkRZQACYNQ_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: chunkRZQACYNQ_cjs.getCollisionPadding(),
     ...props,
     children: [
       /* @__PURE__ */ jsxRuntime.jsx(SelectScrollUpButton, {}),
       /* @__PURE__ */ jsxRuntime.jsx(
         SelectPrimitive__namespace.Viewport,
         {
-          className: cn(
+          className: chunkRZQACYNQ_cjs.cn(
             "p-1",
             position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
           ),
@@ -1721,7 +1887,7 @@ var SelectLabel = React2__namespace.forwardRef(({ className, ...props }, ref) =>
   SelectPrimitive__namespace.Label,
   {
     ref,
-    className: cn("py-1.5 pl-8 pr-2 text-sm font-semibold", className),
+    className: chunkRZQACYNQ_cjs.cn("py-1.5 pl-8 pr-2 text-sm font-semibold", className),
     ...props
   }
 ));
@@ -1730,8 +1896,8 @@ var SelectItem = React2__namespace.forwardRef(({ className, children, ...props }
   SelectPrimitive__namespace.Item,
   {
     ref,
-    className: cn(
-      "relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+    className: chunkRZQACYNQ_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,
@@ -1746,7 +1912,7 @@ var SelectSeparator = React2__namespace.forwardRef(({ className, ...props }, ref
   SelectPrimitive__namespace.Separator,
   {
     ref,
-    className: cn("-mx-1 my-1 h-px bg-muted", className),
+    className: chunkRZQACYNQ_cjs.cn("-mx-1 my-1 h-px bg-muted", className),
     ...props
   }
 ));
@@ -1755,7 +1921,7 @@ var Command = React2__namespace.forwardRef(({ className, ...props }, ref) => /*
   cmdk.Command,
   {
     ref,
-    className: cn(
+    className: chunkRZQACYNQ_cjs.cn(
       "flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground",
       className
     ),
@@ -1772,8 +1938,8 @@ var CommandInput = React2__namespace.forwardRef(({ className, ...props }, ref) =
     cmdk.Command.Input,
     {
       ref,
-      className: cn(
-        "flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50",
+      className: chunkRZQACYNQ_cjs.cn(
+        "flex h-10 pointer-coarse:h-11 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50",
         className
       ),
       ...props
@@ -1785,7 +1951,7 @@ var CommandList = React2__namespace.forwardRef(({ className, ...props }, ref) =>
   cmdk.Command.List,
   {
     ref,
-    className: cn("max-h-[300px] overflow-y-auto overflow-x-hidden", className),
+    className: chunkRZQACYNQ_cjs.cn("max-h-[min(300px,50dvh)] overflow-y-auto overflow-x-hidden", className),
     ...props
   }
 ));
@@ -1796,7 +1962,7 @@ var CommandGroup = React2__namespace.forwardRef(({ className, ...props }, ref) =
   cmdk.Command.Group,
   {
     ref,
-    className: cn(
+    className: chunkRZQACYNQ_cjs.cn(
       "overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-sm [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground",
       className
     ),
@@ -1808,7 +1974,7 @@ var CommandSeparator = React2__namespace.forwardRef(({ className, ...props }, re
   cmdk.Command.Separator,
   {
     ref,
-    className: cn("-mx-1 h-px bg-border", className),
+    className: chunkRZQACYNQ_cjs.cn("-mx-1 h-px bg-border", className),
     ...props
   }
 ));
@@ -1817,8 +1983,8 @@ var CommandItem = React2__namespace.forwardRef(({ className, ...props }, ref) =>
   cmdk.Command.Item,
   {
     ref,
-    className: cn(
-      "relative flex cursor-default gap-2 select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[disabled=true]:pointer-events-none data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+    className: chunkRZQACYNQ_cjs.cn(
+      "relative flex cursor-default gap-2 select-none items-center rounded-sm px-2 py-1.5 pointer-coarse:min-h-11 text-sm outline-none data-[disabled=true]:pointer-events-none data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
       className
     ),
     ...props
@@ -1829,7 +1995,7 @@ var CommandShortcut = ({ className, ...props }) => {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "span",
     {
-      className: cn("ml-auto text-sm tracking-widest text-muted-foreground", className),
+      className: chunkRZQACYNQ_cjs.cn("ml-auto text-sm tracking-widest text-muted-foreground", className),
       ...props
     }
   );
@@ -1891,7 +2057,7 @@ var EntityPill = React2.forwardRef(function EntityPill2({
   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(
+  const baseClasses = chunkRZQACYNQ_cjs.cn(
     "group/pill items-center",
     fullWidth ? "flex w-full" : "inline-flex",
     sizeClasses2,
@@ -1901,7 +2067,7 @@ var EntityPill = React2.forwardRef(function EntityPill2({
     "transition-all",
     className
   );
-  const interactiveClasses = "cursor-pointer hover:bg-muted/80";
+  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 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: [
@@ -1921,7 +2087,7 @@ var EntityPill = React2.forwardRef(function EntityPill2({
     /* @__PURE__ */ jsxRuntime.jsx(
       "span",
       {
-        className: cn(
+        className: chunkRZQACYNQ_cjs.cn(
           textSizeClass,
           "font-medium truncate leading-tight min-w-0",
           labelMaxWidth,
@@ -1944,7 +2110,11 @@ var EntityPill = React2.forwardRef(function EntityPill2({
     ),
     /* @__PURE__ */ jsxRuntime.jsx(TooltipContent, { side, className: "p-2", children: tip })
   ] });
-  const mainAreaClass = cn("inline-flex items-center gap-1", fullWidth && "min-w-0 flex-1");
+  const mainAreaClass = chunkRZQACYNQ_cjs.cn("inline-flex items-center gap-1", fullWidth && "min-w-0 flex-1");
+  const mainAreaTouchClass = chunkRZQACYNQ_cjs.cn(
+    mainAreaClass,
+    (onClick || href) && !disabled && "relative pointer-coarse:after:absolute pointer-coarse:after:inset-x-0 pointer-coarse:after:-inset-y-3 pointer-coarse:after:content-['']"
+  );
   if (onMoreClick || moreContent) {
     let mainArea;
     if (tooltipContent) {
@@ -1952,7 +2122,7 @@ var EntityPill = React2.forwardRef(function EntityPill2({
         mainContent,
         tooltipContent,
         tooltipSide,
-        cn(mainAreaClass, disabled && "opacity-60"),
+        chunkRZQACYNQ_cjs.cn(mainAreaTouchClass, disabled && "opacity-60"),
         {
           type: "button",
           onClick: href ? onClick : disabled ? void 0 : onClick,
@@ -1966,7 +2136,7 @@ var EntityPill = React2.forwardRef(function EntityPill2({
           href,
           target: "_blank",
           rel: "noopener noreferrer",
-          className: mainAreaClass,
+          className: mainAreaTouchClass,
           onClick,
           children: mainContent
         }
@@ -1978,12 +2148,15 @@ var EntityPill = React2.forwardRef(function EntityPill2({
           type: "button",
           onClick: disabled ? void 0 : onClick,
           disabled,
-          className: cn("inline-flex items-center gap-1", disabled && "opacity-60"),
+          className: chunkRZQACYNQ_cjs.cn(
+            "relative inline-flex items-center gap-1 pointer-coarse:after:absolute pointer-coarse:after:inset-x-0 pointer-coarse:after:-inset-y-3 pointer-coarse:after:content-['']",
+            disabled && "opacity-60"
+          ),
           children: mainContent
         }
       );
     } else {
-      mainArea = /* @__PURE__ */ jsxRuntime.jsx("span", { className: mainAreaClass, children: mainContent });
+      mainArea = /* @__PURE__ */ jsxRuntime.jsx("span", { className: mainAreaTouchClass, children: mainContent });
     }
     const moreArea = moreContent ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-shrink-0 leading-none", children: moreContent }) : tooltipWrap(
       /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MoreVertical, { className: "w-3.5 h-3.5" }),
@@ -2002,9 +2175,9 @@ var EntityPill = React2.forwardRef(function EntityPill2({
       "span",
       {
         ref,
-        className: cn(
+        className: chunkRZQACYNQ_cjs.cn(
           baseClasses,
-          (onClick || href) && !disabled && interactiveClasses,
+          (onClick || href) && !disabled && "cursor-pointer hover:bg-muted/80",
           highlight && highlightClasses
         ),
         "data-testid": testId,
@@ -2031,7 +2204,7 @@ var EntityPill = React2.forwardRef(function EntityPill2({
         ),
         tooltipContent,
         tooltipSide,
-        cn(baseClasses, interactiveClasses),
+        chunkRZQACYNQ_cjs.cn(baseClasses, interactiveClasses),
         { "data-testid": testId }
       );
     }
@@ -2039,7 +2212,7 @@ var EntityPill = React2.forwardRef(function EntityPill2({
       mainContent,
       tooltipContent,
       tooltipSide,
-      cn(
+      chunkRZQACYNQ_cjs.cn(
         baseClasses,
         onClick && !disabled ? interactiveClasses : "",
         disabled ? disabledClasses : "",
@@ -2062,7 +2235,7 @@ var EntityPill = React2.forwardRef(function EntityPill2({
         href,
         target: "_blank",
         rel: "noopener noreferrer",
-        className: cn(baseClasses, interactiveClasses),
+        className: chunkRZQACYNQ_cjs.cn(baseClasses, interactiveClasses),
         "data-testid": testId,
         onClick,
         children: mainContent
@@ -2077,7 +2250,7 @@ var EntityPill = React2.forwardRef(function EntityPill2({
         type: "button",
         onClick: disabled ? void 0 : onClick,
         disabled,
-        className: cn(
+        className: chunkRZQACYNQ_cjs.cn(
           baseClasses,
           disabled ? disabledClasses : interactiveClasses,
           highlight && highlightClasses
@@ -2091,7 +2264,7 @@ var EntityPill = React2.forwardRef(function EntityPill2({
     "span",
     {
       ref,
-      className: cn(baseClasses, highlight && highlightClasses),
+      className: chunkRZQACYNQ_cjs.cn(baseClasses, highlight && highlightClasses),
       "data-testid": testId,
       children: mainContent
     }
@@ -2211,6 +2384,79 @@ function TagEntity({
     }
   );
 }
+var TIERS = [
+  { min: 0.7, tone: "bg-emerald-500", label: "High relevance" },
+  { min: 0.4, tone: "bg-amber-500", label: "Medium relevance" },
+  { min: -Infinity, tone: "bg-muted-foreground/40", label: "Low relevance" }
+];
+function RelevanceDot({ score }) {
+  if (score == null) return null;
+  const tier = TIERS.find((t) => score >= t.min) ?? TIERS[TIERS.length - 1];
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "span",
+    {
+      role: "img",
+      "aria-label": tier.label,
+      title: `${tier.label} (${score.toFixed(2)})`,
+      className: chunkRZQACYNQ_cjs.cn("size-1.5 shrink-0 rounded-full", tier.tone),
+      "data-testid": "passage-relevance"
+    }
+  );
+}
+function PassageCard({
+  header,
+  score,
+  headerRight,
+  active,
+  onClick,
+  footer,
+  className,
+  children,
+  "data-testid": testId
+}) {
+  const body = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-1.5 flex items-center gap-2", children: [
+      header,
+      (score != null || headerRight) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ml-auto flex shrink-0 items-center gap-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(RelevanceDot, { score }),
+        headerRight
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "[&_mark]:rounded-sm [&_mark]:bg-ai-accent/20 [&_mark]:px-0.5 [&_mark]:font-medium [&_mark]:text-foreground", children })
+  ] });
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: chunkRZQACYNQ_cjs.cn(
+        "group rounded-lg border border-border bg-card p-3 text-left transition-colors",
+        onClick && "hover:border-ai-accent/40 focus-within:ring-2 focus-within:ring-ai-accent/40",
+        active && "border-ai-accent/60 ring-1 ring-ai-accent/30",
+        className
+      ),
+      children: [
+        onClick ? /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            role: "button",
+            tabIndex: 0,
+            onClick,
+            onKeyDown: (e) => {
+              if (e.key === "Enter" || e.key === " ") {
+                e.preventDefault();
+                onClick(e);
+              }
+            },
+            "aria-current": active || void 0,
+            "data-testid": testId,
+            className: "cursor-pointer focus:outline-none",
+            children: body
+          }
+        ) : /* @__PURE__ */ jsxRuntime.jsx("div", { "aria-current": active || void 0, "data-testid": testId, children: body }),
+        footer
+      ]
+    }
+  );
+}
 
 // src/icons/colors.ts
 var NEUTRAL_GRAY = "#64748b";
@@ -2565,7 +2811,8 @@ function DocumentEntity({
   tooltipContent,
   className,
   fullWidth,
-  noClamp
+  noClamp,
+  "data-testid": testId
 }) {
   const title = getDocumentTitle(doc);
   const ext = doc.file_name?.split(".").pop()?.toLowerCase();
@@ -2573,7 +2820,7 @@ function DocumentEntity({
   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__ */ jsxRuntime.jsxs("span", { className: "relative inline-flex flex-shrink-0 items-center justify-center", children: [
-    viewing ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Eye, { className: cn("text-primary-foreground", eyeSizeClass) }) : baseIcon,
+    viewing ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Eye, { className: chunkRZQACYNQ_cjs.cn("text-primary-foreground", eyeSizeClass) }) : baseIcon,
     iconBadge
   ] }) : baseIcon;
   const defaultTooltip = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1 text-xs max-w-[440px]", children: [
@@ -2606,6 +2853,7 @@ function DocumentEntity({
       moreContent: actions,
       className,
       highlight: viewing,
+      "data-testid": testId,
       tooltipContent: tooltipContent ?? defaultTooltip
     }
   );
@@ -2652,7 +2900,7 @@ function ProjectEntity({
   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__ */ jsxRuntime.jsx(lucideReact.CreditCard, { className: cn(iconSizeClass, iconClass) });
+  const iconNode = icon ?? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CreditCard, { className: chunkRZQACYNQ_cjs.cn(iconSizeClass, iconClass) });
   return /* @__PURE__ */ jsxRuntime.jsx(
     EntityPill,
     {
@@ -2660,7 +2908,7 @@ function ProjectEntity({
       label: label ?? name,
       size,
       shape: "rounded",
-      className: cn(pill, className),
+      className: chunkRZQACYNQ_cjs.cn(pill, className),
       onClick,
       tooltipContent
     }
@@ -2728,7 +2976,7 @@ var UserEntity = React2.memo(function UserEntity2({
     return /* @__PURE__ */ jsxRuntime.jsx(
       Avatar,
       {
-        className: cn(sizeClasses[size], "border border-border", className),
+        className: chunkRZQACYNQ_cjs.cn(sizeClasses[size], "border border-border", className),
         "data-testid": "user-entity",
         children: /* @__PURE__ */ jsxRuntime.jsx(AvatarFallback, { className: "bg-status-empty text-muted-foreground text-xs font-semibold", children: "?" })
       }
@@ -2741,7 +2989,7 @@ var UserEntity = React2.memo(function UserEntity2({
   const avatarCore = /* @__PURE__ */ jsxRuntime.jsxs(
     Avatar,
     {
-      className: cn(
+      className: chunkRZQACYNQ_cjs.cn(
         sizeClasses[size],
         isAgent ? "rounded-full border-2 border-dashed" : "border border-white"
       ),
@@ -2752,7 +3000,7 @@ var UserEntity = React2.memo(function UserEntity2({
         /* @__PURE__ */ jsxRuntime.jsx(
           AvatarFallback,
           {
-            className: cn(
+            className: chunkRZQACYNQ_cjs.cn(
               textSizeClasses[size],
               "font-semibold leading-none",
               isAgent ? "rounded-full bg-transparent" : `text-white ${colorClass}`
@@ -2767,7 +3015,7 @@ var UserEntity = React2.memo(function UserEntity2({
   const statusDot = showUnread || displayStatus ? /* @__PURE__ */ jsxRuntime.jsx(
     "span",
     {
-      className: cn(
+      className: chunkRZQACYNQ_cjs.cn(
         "absolute rounded-full border-white",
         presenceDotClasses[size],
         presencePositionClasses[size],
@@ -2783,7 +3031,7 @@ var UserEntity = React2.memo(function UserEntity2({
   const avatarElement = statusDot ? /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
-      className: cn(
+      className: chunkRZQACYNQ_cjs.cn(
         "relative inline-block",
         sizeClasses[size],
         variant === "pill" ? "" : className
@@ -2793,12 +3041,12 @@ var UserEntity = React2.memo(function UserEntity2({
         statusDot
       ]
     }
-  ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("inline-block", variant === "pill" ? "" : className), children: avatarCore });
+  ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkRZQACYNQ_cjs.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__ */ jsxRuntime.jsxs("span", { className: cn("relative inline-block shrink-0", sizeClasses[size]), children: [
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn("block transition-opacity", canMessage && "group-hover/pill:opacity-0"), children: avatarCore }),
+    /* @__PURE__ */ jsxRuntime.jsxs("span", { className: chunkRZQACYNQ_cjs.cn("relative inline-block shrink-0", sizeClasses[size]), children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: chunkRZQACYNQ_cjs.cn("block transition-opacity", canMessage && "group-hover/pill:opacity-0"), children: avatarCore }),
       canMessage && /* @__PURE__ */ jsxRuntime.jsx(
         "span",
         {
@@ -2819,7 +3067,7 @@ var UserEntity = React2.memo(function UserEntity2({
     ] });
     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";
+    const clickableClass = "relative cursor-pointer rounded-md px-1 py-0.5 -mx-1 transition-colors hover:bg-muted/60 pointer-coarse:after:absolute pointer-coarse:after:inset-x-0 pointer-coarse:after:-inset-y-3 pointer-coarse:after:content-['']";
     if (resolvedTooltip) {
       return /* @__PURE__ */ jsxRuntime.jsxs(Tooltip, { children: [
         /* @__PURE__ */ jsxRuntime.jsx(
@@ -2828,7 +3076,7 @@ var UserEntity = React2.memo(function UserEntity2({
             type: "button",
             onClick: clickable ? onClick : void 0,
             onFocusCapture: (e) => e.stopPropagation(),
-            className: cn(rowClass, clickable && clickableClass, className),
+            className: chunkRZQACYNQ_cjs.cn(rowClass, clickable && clickableClass, className),
             "data-testid": "user-entity-pill",
             children: row
           }
@@ -2842,17 +3090,24 @@ var UserEntity = React2.memo(function UserEntity2({
         {
           type: "button",
           onClick,
-          className: cn(rowClass, clickableClass, className),
+          className: chunkRZQACYNQ_cjs.cn(rowClass, clickableClass, className),
           "data-testid": "user-entity-pill",
           children: row
         }
       );
     }
-    return /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn(rowClass, className), "data-testid": "user-entity-pill", children: row });
+    return /* @__PURE__ */ jsxRuntime.jsx("span", { className: chunkRZQACYNQ_cjs.cn(rowClass, className), "data-testid": "user-entity-pill", children: row });
   }
   if (showTooltip) {
     return /* @__PURE__ */ jsxRuntime.jsxs(Tooltip, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(TooltipTrigger, { onFocusCapture: (e) => e.stopPropagation(), className: "inline-flex", children: avatarElement }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        TooltipTrigger,
+        {
+          onFocusCapture: (e) => e.stopPropagation(),
+          className: "touch-hit inline-flex",
+          children: avatarElement
+        }
+      ),
       /* @__PURE__ */ jsxRuntime.jsx(TooltipContent, { className: "p-2", children: tooltipContent })
     ] });
   }
@@ -2863,9 +3118,9 @@ function AgentBadge({ className }) {
     "span",
     {
       "data-testid": "agent-badge",
-      className: cn(
+      className: chunkRZQACYNQ_cjs.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",
+        "bg-ai-accent-soft px-2 py-0.5 text-xs font-bold uppercase tracking-wider text-ai-accent",
         className
       ),
       children: [
@@ -2894,12 +3149,12 @@ function PresenceLabel({
     "span",
     {
       "data-testid": "presence-label",
-      className: cn("inline-flex shrink-0 items-center gap-1 text-xs", className),
+      className: chunkRZQACYNQ_cjs.cn("inline-flex shrink-0 items-center gap-1 text-xs", className),
       children: [
         /* @__PURE__ */ jsxRuntime.jsx(
           "span",
           {
-            className: cn(
+            className: chunkRZQACYNQ_cjs.cn(
               "size-1.5 rounded-full",
               online ? "bg-status-online" : "bg-muted-foreground/50"
             ),
@@ -2951,8 +3206,8 @@ function RagDot({
   className
 }) {
   const color = rag === "red" ? "bg-destructive" : rag === "amber" ? "bg-warning" : "bg-success";
-  return /* @__PURE__ */ jsxRuntime.jsxs("span", { className: cn("inline-flex items-center gap-1.5", className), "data-testid": `rag-${rag}`, children: [
-    /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn("size-2 rounded-full", color) }),
+  return /* @__PURE__ */ jsxRuntime.jsxs("span", { className: chunkRZQACYNQ_cjs.cn("inline-flex items-center gap-1.5", className), "data-testid": `rag-${rag}`, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: chunkRZQACYNQ_cjs.cn("size-2 rounded-full", color) }),
     withLabel && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-muted-foreground", children: RAG_LABELS[rag] })
   ] });
 }
@@ -3279,6 +3534,389 @@ var getWorkspaceColor = (workspaceId, useWorkspaceColors) => {
   if (!isValidId) return "hsl(var(--primary))";
   return getEntityColor2(workspaceId, "medium");
 };
+function nameInitials(name) {
+  const parts = name.trim().split(/\s+/).filter(Boolean);
+  if (!parts.length) return "?";
+  return parts.slice(0, 2).map((p) => p[0]?.toUpperCase() ?? "").join("");
+}
+var STATUS_DOT = {
+  online: "bg-emerald-500",
+  busy: "bg-amber-500",
+  offline: "bg-destructive"
+};
+function UserMenu({
+  user,
+  status,
+  items = [],
+  onLogout,
+  logoutLabel = "Sign out",
+  align = "end",
+  side = "bottom",
+  variant = "avatar",
+  showChevron = true,
+  classNames,
+  testId = "user-menu",
+  logoutTestId
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(chunkRZQACYNQ_cjs.DropdownMenu, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(chunkRZQACYNQ_cjs.DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(
+      "button",
+      {
+        type: "button",
+        className: chunkRZQACYNQ_cjs.cn(
+          "flex items-center gap-2 rounded-md transition-colors hover:bg-accent focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+          variant === "account" ? "w-full min-w-0 p-1 text-left pointer-coarse:min-h-11" : "px-1.5 py-1 pointer-coarse:min-h-11 pointer-coarse:min-w-11 pointer-coarse:justify-center",
+          classNames?.trigger
+        ),
+        "data-testid": testId,
+        "data-variant": variant,
+        "aria-label": variant === "avatar" ? "Account menu" : void 0,
+        title: variant === "avatar" ? user.name : void 0,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "relative", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs(Avatar, { className: "size-8", children: [
+              user.picture ? /* @__PURE__ */ jsxRuntime.jsx(AvatarImage, { src: user.picture, alt: user.name }) : null,
+              /* @__PURE__ */ jsxRuntime.jsx(
+                AvatarFallback,
+                {
+                  className: chunkRZQACYNQ_cjs.cn("bg-primary text-primary-foreground", classNames?.fallback),
+                  children: nameInitials(user.name)
+                }
+              )
+            ] }),
+            status && /* @__PURE__ */ jsxRuntime.jsx(
+              "span",
+              {
+                className: chunkRZQACYNQ_cjs.cn(
+                  "absolute -bottom-0.5 -right-0.5 size-2.5 rounded-full border-2 border-background",
+                  STATUS_DOT[status.tone]
+                ),
+                title: status.detail ? `${status.label} \xB7 ${status.detail}` : status.label,
+                "data-testid": status.testId ? `${status.testId}-dot` : void 0
+              }
+            )
+          ] }),
+          variant === "account" ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0 flex-1 truncate text-sm font-medium text-foreground", children: user.name }),
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronsUpDown, { className: "mr-1 size-4 shrink-0 text-muted-foreground" })
+          ] }) : showChevron && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { className: "size-4 text-muted-foreground" })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      chunkRZQACYNQ_cjs.DropdownMenuContent,
+      {
+        align,
+        side,
+        sideOffset: 8,
+        collisionPadding: 12,
+        className: "w-60 rounded-lg border-border/60 shadow-lg",
+        "data-testid": "user-menu-panel",
+        "data-topbar-popover": "",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(chunkRZQACYNQ_cjs.DropdownMenuLabel, { className: "relative pr-8 pointer-coarse:pr-12", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              chunkRZQACYNQ_cjs.DropdownMenuItem,
+              {
+                className: "absolute right-1 top-1 flex size-6 items-center justify-center rounded-md p-0 text-muted-foreground transition-colors hover:bg-accent hover:text-foreground focus:bg-accent pointer-coarse:right-0 pointer-coarse:top-0 pointer-coarse:size-11",
+                "aria-label": "Close account menu",
+                "data-testid": "user-menu-close",
+                children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "size-3.5" })
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "truncate font-medium text-foreground", title: user.name, children: user.name }),
+            user.email && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "truncate text-xs font-normal text-muted-foreground", title: user.email, children: user.email }),
+            status && /* @__PURE__ */ jsxRuntime.jsxs(
+              "div",
+              {
+                className: "mt-1 text-xs font-normal text-muted-foreground",
+                "data-testid": status.testId,
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-1.5", children: [
+                    /* @__PURE__ */ jsxRuntime.jsx("span", { className: chunkRZQACYNQ_cjs.cn("size-2 shrink-0 rounded-full", STATUS_DOT[status.tone]) }),
+                    status.label
+                  ] }),
+                  status.detail && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-0.5 truncate pl-3.5 text-xs leading-tight text-muted-foreground/70", children: status.detail })
+                ]
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkRZQACYNQ_cjs.DropdownMenuSeparator, {}),
+          items.map((item) => /* @__PURE__ */ jsxRuntime.jsxs(React2.Fragment, { children: [
+            item.separatorBefore && /* @__PURE__ */ jsxRuntime.jsx(chunkRZQACYNQ_cjs.DropdownMenuSeparator, {}),
+            /* @__PURE__ */ jsxRuntime.jsxs(
+              chunkRZQACYNQ_cjs.DropdownMenuItem,
+              {
+                onClick: item.onSelect,
+                "data-testid": item.testId,
+                className: "pointer-coarse:min-h-11",
+                ...item.checked !== void 0 ? { role: "menuitemcheckbox", "aria-checked": item.checked } : {},
+                children: [
+                  item.icon && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "relative flex shrink-0", children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(item.icon, { className: "size-4" }),
+                    item.dot && /* @__PURE__ */ jsxRuntime.jsx(
+                      "span",
+                      {
+                        className: "absolute -right-0.5 -top-0.5 size-2 rounded-full bg-primary ring-2 ring-popover",
+                        "aria-hidden": true
+                      }
+                    )
+                  ] }),
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0 flex-1 truncate", children: item.label }),
+                  item.badge !== void 0 && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rounded-full bg-muted px-1.5 text-xs font-medium tabular-nums text-muted-foreground", children: item.badge }),
+                  item.checked !== void 0 && /* @__PURE__ */ jsxRuntime.jsx(
+                    "span",
+                    {
+                      "aria-hidden": true,
+                      className: chunkRZQACYNQ_cjs.cn(
+                        "flex h-4 w-7 shrink-0 items-center rounded-full p-0.5 transition-colors",
+                        item.checked ? "bg-primary" : "bg-border"
+                      ),
+                      children: /* @__PURE__ */ jsxRuntime.jsx(
+                        "span",
+                        {
+                          className: chunkRZQACYNQ_cjs.cn(
+                            "size-3 rounded-full bg-background transition-transform",
+                            item.checked && "translate-x-3"
+                          )
+                        }
+                      )
+                    }
+                  )
+                ]
+              }
+            )
+          ] }, item.label)),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkRZQACYNQ_cjs.DropdownMenuSeparator, {}),
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            chunkRZQACYNQ_cjs.DropdownMenuItem,
+            {
+              onClick: onLogout,
+              "data-testid": logoutTestId ?? `${testId}-logout`,
+              className: "pointer-coarse:min-h-11",
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(lucideReact.LogOut, { className: "size-4" }),
+                logoutLabel
+              ]
+            }
+          )
+        ]
+      }
+    )
+  ] });
+}
+var ACTIVE_STATUSES = /* @__PURE__ */ new Set([
+  "queued",
+  "processing",
+  "parsing",
+  "encrypting",
+  "indexing",
+  "analysing"
+]);
+var TERMINAL_STATUSES = /* @__PURE__ */ new Set(["completed", "failed", "skipped", "empty", "low-content"]);
+var STATUS_LABEL = {
+  queued: "Queued",
+  processing: "Processing",
+  parsing: "Parsing",
+  encrypting: "Encrypting",
+  indexing: "Indexing",
+  analysing: "Analysing"
+};
+var IMAGE_EXTENSIONS2 = /* @__PURE__ */ new Set(["jpg", "jpeg", "png", "gif", "bmp", "tiff", "tif", "webp"]);
+var VIDEO_EXTENSIONS2 = /* @__PURE__ */ new Set(["mp4", "mpeg", "mpg", "webm", "mov", "avi", "mkv"]);
+var AUDIO_EXTENSIONS2 = /* @__PURE__ */ new Set(["mp3", "wav", "m4a", "aac", "ogg", "flac"]);
+var EMAIL_EXTENSIONS2 = /* @__PURE__ */ new Set(["eml", "msg"]);
+function fileIcon(fileName, size) {
+  const ext = fileName?.split(".").pop()?.toLowerCase();
+  if (ext && VIDEO_EXTENSIONS2.has(ext)) return /* @__PURE__ */ jsxRuntime.jsx(VidIcon, { size });
+  if (ext && AUDIO_EXTENSIONS2.has(ext)) return /* @__PURE__ */ jsxRuntime.jsx(AudIcon, { size });
+  if (ext && IMAGE_EXTENSIONS2.has(ext)) return /* @__PURE__ */ jsxRuntime.jsx(ImgIcon, { size });
+  if (ext && EMAIL_EXTENSIONS2.has(ext)) return /* @__PURE__ */ jsxRuntime.jsx(EmlIcon, { size });
+  return /* @__PURE__ */ jsxRuntime.jsx(PdfIcon, { size });
+}
+function RenameField({
+  seed,
+  onCommit,
+  onCancel,
+  testId
+}) {
+  const done = React2__namespace.default.useRef(false);
+  const commit = (value) => {
+    if (done.current) return;
+    done.current = true;
+    const trimmed = value.trim();
+    if (trimmed && trimmed !== seed) onCommit(trimmed);
+    else onCancel();
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "input",
+    {
+      autoFocus: true,
+      defaultValue: seed,
+      "data-testid": testId,
+      onFocus: (e) => e.currentTarget.select(),
+      onClick: (e) => e.stopPropagation(),
+      onKeyDown: (e) => {
+        if (e.key === "Enter") {
+          e.preventDefault();
+          commit(e.currentTarget.value);
+        } else if (e.key === "Escape") {
+          e.preventDefault();
+          done.current = true;
+          onCancel();
+        }
+      },
+      onBlur: (e) => commit(e.currentTarget.value),
+      className: "w-full rounded border border-primary bg-background px-1 py-0.5 text-xs text-foreground outline-none"
+    }
+  );
+}
+function StatusMarker({ status, testId }) {
+  let icon = null;
+  let title = "";
+  switch (status) {
+    case "completed":
+      icon = /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CheckCircle, { className: "size-4 text-success", strokeWidth: 2.75 });
+      title = "Ready";
+      break;
+    case "failed":
+      icon = /* @__PURE__ */ jsxRuntime.jsx(lucideReact.XCircle, { className: "size-4 text-destructive", strokeWidth: 2.75 });
+      title = "Failed";
+      break;
+    case "skipped":
+      icon = /* @__PURE__ */ jsxRuntime.jsx(lucideReact.SkipForward, { className: "size-4 text-muted-foreground", strokeWidth: 2.75 });
+      title = "Skipped";
+      break;
+    case "empty":
+      icon = /* @__PURE__ */ jsxRuntime.jsx(lucideReact.FileX, { className: "size-4 text-warning", strokeWidth: 2.75 });
+      title = "Empty \u2014 no extractable content";
+      break;
+    case "low-content":
+      icon = /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlertTriangle, { className: "size-4 text-warning", strokeWidth: 2.75 });
+      title = "Low content \u2014 minimal extractable content";
+      break;
+    default:
+      return null;
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "span",
+    {
+      title,
+      "data-testid": testId,
+      className: "flex size-6 items-center justify-center rounded-full bg-background shadow-sm",
+      children: icon
+    }
+  );
+}
+function DocumentCard({
+  doc,
+  thumbnailUrl,
+  status,
+  selected = false,
+  onToggleSelect,
+  viewing = false,
+  onOpen,
+  actions,
+  renaming = false,
+  onCommitRename,
+  onCancelRename,
+  tooltipContent,
+  marker,
+  testId = "document-card",
+  className
+}) {
+  const normalised = (status ?? "").toLowerCase();
+  const isProcessing = ACTIVE_STATUSES.has(normalised);
+  const showStatusMarker = !isProcessing && TERMINAL_STATUSES.has(normalised);
+  const [thumbFailed, setThumbFailed] = React2__namespace.default.useState(false);
+  const [thumbLandscape, setThumbLandscape] = React2__namespace.default.useState(false);
+  const showThumbnail = !!thumbnailUrl && !thumbFailed && !isProcessing;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      "data-testid": testId,
+      className: chunkRZQACYNQ_cjs.cn(
+        // Square corners and a portrait-page aspect (height = 1.3 × width), so a
+        // cover-page thumbnail reads edge-to-edge.
+        "group relative aspect-[10/13] select-none overflow-hidden border bg-muted/20 transition",
+        selected ? "border-primary bg-primary/10" : "border-border shadow-sm hover:border-border/80 hover:bg-muted/50",
+        className
+      ),
+      children: [
+        showThumbnail ? /* @__PURE__ */ jsxRuntime.jsx(
+          "img",
+          {
+            src: thumbnailUrl,
+            alt: "",
+            loading: "lazy",
+            draggable: false,
+            onError: () => setThumbFailed(true),
+            onLoad: (e) => setThumbLandscape(e.currentTarget.naturalWidth > e.currentTarget.naturalHeight),
+            className: chunkRZQACYNQ_cjs.cn(
+              "absolute inset-0 size-full bg-white",
+              thumbLandscape ? "object-contain" : "object-cover object-top"
+            )
+          }
+        ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 flex items-center justify-center text-muted-foreground", children: fileIcon(doc.file_name, 44) }),
+        isProcessing && /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            "data-testid": `${testId}-processing`,
+            className: "absolute inset-0 z-10 flex flex-col items-center justify-center gap-1.5 bg-background/80 px-3",
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-1.5 w-full overflow-hidden rounded-sm bg-muted", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-full w-1/3 animate-pulse rounded-sm bg-primary" }) }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-medium text-primary", children: STATUS_LABEL[normalised] ?? normalised })
+            ]
+          }
+        ),
+        onToggleSelect && /* @__PURE__ */ jsxRuntime.jsx(
+          Checkbox,
+          {
+            checked: selected,
+            onCheckedChange: () => onToggleSelect(),
+            onClick: (e) => e.stopPropagation(),
+            "aria-label": selected ? "Deselect" : "Select",
+            "data-testid": `${testId}-select`,
+            className: chunkRZQACYNQ_cjs.cn(
+              "absolute left-1.5 top-1.5 z-20 size-6 rounded-none border-muted-foreground/60 bg-background shadow-sm transition",
+              selected ? "opacity-100" : "opacity-40 group-hover:opacity-100"
+            )
+          }
+        ),
+        actions && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute right-1.5 top-1.5 z-20", children: actions }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "absolute inset-x-1.5 bottom-1.5 z-20 flex flex-col gap-1", children: [
+          (marker || showStatusMarker) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center", children: [
+            marker,
+            showStatusMarker && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ml-auto flex", children: /* @__PURE__ */ jsxRuntime.jsx(StatusMarker, { status: normalised, testId: `${testId}-status` }) })
+          ] }),
+          renaming ? /* @__PURE__ */ jsxRuntime.jsx(
+            RenameField,
+            {
+              seed: doc.doc_metadata?.title || doc.file_name || "",
+              onCommit: (name) => onCommitRename?.(name),
+              onCancel: () => onCancelRename?.(),
+              testId: `${testId}-rename-input`
+            }
+          ) : /* @__PURE__ */ jsxRuntime.jsx(
+            DocumentEntity,
+            {
+              doc,
+              fullWidth: true,
+              viewing,
+              tooltipContent,
+              labelClassName: "font-semibold",
+              className: "w-full min-w-0 max-w-full bg-background/90 backdrop-blur-sm",
+              onClick: (e) => {
+                e.stopPropagation();
+                onOpen?.();
+              }
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
 
 exports.AgentBadge = AgentBadge;
 exports.AiMarkdown = AiMarkdown;
@@ -3320,22 +3958,8 @@ exports.DialogPortal = DialogPortal;
 exports.DialogTitle = DialogTitle;
 exports.DialogTrigger = DialogTrigger;
 exports.DictateProvider = DictateProvider;
+exports.DocumentCard = DocumentCard;
 exports.DocumentEntity = DocumentEntity;
-exports.DropdownMenu = DropdownMenu;
-exports.DropdownMenuCheckboxItem = DropdownMenuCheckboxItem;
-exports.DropdownMenuContent = DropdownMenuContent;
-exports.DropdownMenuGroup = DropdownMenuGroup;
-exports.DropdownMenuItem = DropdownMenuItem;
-exports.DropdownMenuLabel = DropdownMenuLabel;
-exports.DropdownMenuPortal = DropdownMenuPortal;
-exports.DropdownMenuRadioGroup = DropdownMenuRadioGroup;
-exports.DropdownMenuRadioItem = DropdownMenuRadioItem;
-exports.DropdownMenuSeparator = DropdownMenuSeparator;
-exports.DropdownMenuShortcut = DropdownMenuShortcut;
-exports.DropdownMenuSub = DropdownMenuSub;
-exports.DropdownMenuSubContent = DropdownMenuSubContent;
-exports.DropdownMenuSubTrigger = DropdownMenuSubTrigger;
-exports.DropdownMenuTrigger = DropdownMenuTrigger;
 exports.ENTITY_MAPPINGS = ENTITY_MAPPINGS;
 exports.EmlIcon = EmlIcon;
 exports.EntityIcon = EntityIcon;
@@ -3349,12 +3973,14 @@ exports.ImgIcon = ImgIcon;
 exports.InlineMicButton = InlineMicButton;
 exports.Input = Input;
 exports.Label = Label;
+exports.MarkMenu = MarkMenu;
 exports.MarkdownRenderer = MarkdownRenderer;
 exports.MarkdownStreamingContext = MarkdownStreamingContext;
 exports.MicRecordingOverlay = MicRecordingOverlay;
 exports.MicWaveformIndicator = MicWaveformIndicator;
 exports.NEUTRAL_GRAY = NEUTRAL_GRAY2;
 exports.PLACEHOLDER_COLOR = PLACEHOLDER_COLOR;
+exports.PassageCard = PassageCard;
 exports.PdfIcon = PdfIcon;
 exports.Popover = Popover;
 exports.PopoverAnchor = PopoverAnchor;
@@ -3366,8 +3992,7 @@ exports.ProjectEntity = ProjectEntity;
 exports.RadioGroup = RadioGroup;
 exports.RadioGroupItem = RadioGroupItem;
 exports.RagDot = RagDot;
-exports.ScrollArea = ScrollArea;
-exports.ScrollBar = ScrollBar;
+exports.RelevanceDot = RelevanceDot;
 exports.Select = Select;
 exports.SelectContent = SelectContent;
 exports.SelectGroup = SelectGroup;
@@ -3406,6 +4031,7 @@ exports.TooltipContent = TooltipContent;
 exports.TooltipProvider = TooltipProvider;
 exports.TooltipTrigger = TooltipTrigger;
 exports.UserEntity = UserEntity;
+exports.UserMenu = UserMenu;
 exports.VISIBILITY_ICONS = VISIBILITY_ICONS;
 exports.VidIcon = VidIcon;
 exports.VisibilityIcon = VisibilityIcon;
@@ -3413,7 +4039,6 @@ exports.badgeVariants = badgeVariants;
 exports.buttonVariants = buttonVariants;
 exports.cardVariants = cardVariants;
 exports.classifyMediaError = classifyMediaError;
-exports.cn = cn;
 exports.configureEntityRegistry = configureEntityRegistry;
 exports.configureRagLabels = configureRagLabels;
 exports.configureStatusRegistry = configureStatusRegistry;
@@ -3431,5 +4056,5 @@ exports.markdownBaseComponents = markdownBaseComponents;
 exports.splitMarkdownBlocks = splitMarkdownBlocks;
 exports.toggleVariants = toggleVariants;
 exports.useAudioRecorder = useAudioRecorder;
-//# sourceMappingURL=chunk-IZPXHVPJ.cjs.map
-//# sourceMappingURL=chunk-IZPXHVPJ.cjs.map
+//# sourceMappingURL=chunk-OU2QLIKS.cjs.map
+//# sourceMappingURL=chunk-OU2QLIKS.cjs.map