@arbidocs/react 0.3.184 → 0.4.0

package/dist/chunk-3CLGHHME.js

@@ -0,0 +1,3882 @@
+import { cn, getCollisionPadding, DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuLabel, DropdownMenuItem, DropdownMenuSeparator } from './chunk-6ALMBER7.js';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import * as React2 from 'react';
+import React2__default, { createContext, forwardRef, memo, useMemo, useContext, useState, useRef, useEffect, useCallback, useId, Fragment as Fragment$1 } from 'react';
+import Markdown from 'react-markdown';
+import remarkGfm from 'remark-gfm';
+import rehypeRaw from 'rehype-raw';
+import { Circle, Check, X, ChevronDown, ChevronUp, Search, MessageCircleMore, Loader2, Square, Mic, MoreVertical, Copy, MessageSquareLock, Info, FileQuestion, BookOpen, Upload, LogOut, LayoutGrid, Bell, MessageSquare, CircleUserRound, Wrench, CreditCard, ClipboardList, UserPlus, UserStar, Settings2, Users, User, NotebookPen, NotebookText, StickyNote, FolderPlus, Hash, EyeOff, Eye, CaptionsOff, FolderOpen, MessageSquareMore, MessageSquarePlus, MessageSquareText, MessageSquareOff, MessagesSquare, Columns3Cog, SquarePlus, SquareM, ChevronsDown, Bot, Calendar, Folder, List, SquareCheckBig, ChevronsUpDown, Minus, Plus, AlertTriangle, FileX, SkipForward, XCircle, CheckCircle } from 'lucide-react';
+import { createPortal } from 'react-dom';
+import * as AvatarPrimitive from '@radix-ui/react-avatar';
+import { cva } from 'class-variance-authority';
+import { Slot } from '@radix-ui/react-slot';
+import * as HoverCardPrimitive from '@radix-ui/react-hover-card';
+import * as SeparatorPrimitive from '@radix-ui/react-separator';
+import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
+import * as ProgressPrimitive from '@radix-ui/react-progress';
+import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
+import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
+import * as SwitchPrimitives from '@radix-ui/react-switch';
+import * as TabsPrimitive from '@radix-ui/react-tabs';
+import * as SliderPrimitive from '@radix-ui/react-slider';
+import * as TogglePrimitive from '@radix-ui/react-toggle';
+import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
+import * as DialogPrimitive from '@radix-ui/react-dialog';
+import * as PopoverPrimitive from '@radix-ui/react-popover';
+import * as SelectPrimitive from '@radix-ui/react-select';
+import { Command as Command$1 } from 'cmdk';
+
+var markdownBaseComponents = {
+  h1: ({ children, ...props }) => /* @__PURE__ */ jsx("h1", { className: "text-lg font-semibold", "data-testid": "markdown-heading-1", ...props, children }),
+  h2: ({ children, ...props }) => /* @__PURE__ */ jsx("h2", { className: "font-semibold text-base", "data-testid": "markdown-heading-2", ...props, children }),
+  h3: ({ children, ...props }) => /* @__PURE__ */ jsx("h3", { className: "font-semibold text-base", "data-testid": "markdown-heading-3", ...props, children }),
+  h4: ({ children, ...props }) => /* @__PURE__ */ jsx("h4", { className: "font-semibold text-base", ...props, children }),
+  h5: ({ children, ...props }) => /* @__PURE__ */ jsx("h5", { className: "font-medium", ...props, children }),
+  strong: ({ children, ...props }) => /* @__PURE__ */ jsx("strong", { className: "font-semibold", ...props, children }),
+  blockquote: ({ children, ...props }) => /* @__PURE__ */ jsx("blockquote", { className: "border-l-2 border-primary pl-4", ...props, children }),
+  ol: ({ children, ...props }) => /* @__PURE__ */ jsx("ol", { className: "list-decimal space-y-2 pl-6", "data-testid": "markdown-ordered-list", ...props, children }),
+  ul: ({ children, ...props }) => /* @__PURE__ */ jsx("ul", { className: "list-none space-y-2 pl-6", "data-testid": "markdown-unordered-list", ...props, children }),
+  li: ({ children, ...props }) => /* @__PURE__ */ jsx("li", { className: "my-1.5", ...props, children }),
+  table: ({ children, ...props }) => /* @__PURE__ */ jsx("table", { "data-testid": "markdown-table", ...props, children }),
+  th: ({ children, ...props }) => /* @__PURE__ */ jsx("th", { ...props, children }),
+  td: ({ children, ...props }) => /* @__PURE__ */ jsx("td", { ...props, children }),
+  tr: ({ children, ...props }) => /* @__PURE__ */ jsx("tr", { ...props, children }),
+  p: ({ children, ...props }) => /* @__PURE__ */ jsx("p", { className: "whitespace-pre-wrap", ...props, children }),
+  hr: (props) => /* @__PURE__ */ jsx("hr", { className: "border-foreground/20", ...props }),
+  sup: ({ children, ...props }) => /* @__PURE__ */ jsx("sup", { className: "text-xs", ...props, children }),
+  sub: ({ children, ...props }) => /* @__PURE__ */ jsx("sub", { className: "text-xs", ...props, children }),
+  div: ({ children, className, ...props }) => /* @__PURE__ */ jsx("div", { className, ...props, children }),
+  br: (props) => /* @__PURE__ */ jsx("br", { ...props }),
+  kbd: ({ children, ...props }) => /* @__PURE__ */ jsx(
+    "kbd",
+    {
+      className: "px-1.5 py-0.5 text-xs font-mono bg-muted border border-border rounded",
+      ...props,
+      children
+    }
+  ),
+  abbr: ({ children, title, ...props }) => /* @__PURE__ */ jsx("abbr", { title, className: "underline decoration-dotted cursor-help", ...props, children }),
+  cite: ({ children, ...props }) => /* @__PURE__ */ jsx("cite", { className: "italic", ...props, children })
+};
+var MarkdownStreamingContext = createContext(false);
+
+// src/ai/split-markdown-blocks.ts
+var LIST_ITEM_RE = /^\s*([-*+]|\d+[.)])\s/;
+var BLOCKQUOTE_RE = /^\s*>/;
+function splitMarkdownBlocks(content) {
+  if (!content) return [];
+  const blocks = [];
+  let start = 0;
+  let inFence = false;
+  let i = 0;
+  while (i < content.length) {
+    if (content.startsWith("```", i)) {
+      inFence = !inFence;
+      i += 3;
+      continue;
+    }
+    if (!inFence && content[i] === "\n" && content[i + 1] === "\n") {
+      const before = content.slice(start, i);
+      const lastLine = before.slice(before.lastIndexOf("\n") + 1);
+      const afterStart = i + 2;
+      const nextNewline = content.indexOf("\n", afterStart);
+      const nextLine = content.slice(afterStart, nextNewline === -1 ? void 0 : nextNewline);
+      const bothListItems = LIST_ITEM_RE.test(lastLine) && LIST_ITEM_RE.test(nextLine);
+      const bothBlockquotes = BLOCKQUOTE_RE.test(lastLine) && BLOCKQUOTE_RE.test(nextLine);
+      if (bothListItems || bothBlockquotes) {
+        i += 2;
+        continue;
+      }
+      blocks.push(content.slice(start, afterStart));
+      start = afterStart;
+      i = afterStart;
+      continue;
+    }
+    i++;
+  }
+  if (start < content.length) blocks.push(content.slice(start));
+  return blocks;
+}
+function CodeBlock({ language, code }) {
+  const [copied, setCopied] = useState(false);
+  const handleCopy = async () => {
+    try {
+      await navigator.clipboard.writeText(code);
+      setCopied(true);
+      setTimeout(() => setCopied(false), 2e3);
+    } catch {
+    }
+  };
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: "code-block relative my-3 overflow-hidden rounded-md border border-border bg-muted",
+      "data-testid": "markdown-code-block",
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between border-b border-border px-3 py-1.5", children: [
+          /* @__PURE__ */ jsx("span", { className: "font-mono text-xs text-muted-foreground", children: language || "code" }),
+          /* @__PURE__ */ jsxs(
+            "button",
+            {
+              type: "button",
+              onClick: handleCopy,
+              className: "flex items-center gap-1 text-xs text-muted-foreground transition-colors hover:text-foreground",
+              title: copied ? "Copied!" : "Copy code",
+              children: [
+                copied ? /* @__PURE__ */ jsx(Check, { size: 12 }) : /* @__PURE__ */ jsx(Copy, { size: 12 }),
+                /* @__PURE__ */ jsx("span", { children: copied ? "Copied" : "Copy" })
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx("pre", { className: "overflow-x-auto p-3 text-sm leading-relaxed", children: /* @__PURE__ */ jsx("code", { className: cn("font-mono text-foreground", language && `language-${language}`), children: code }) })
+      ]
+    }
+  );
+}
+var defaultComponents = {
+  ...markdownBaseComponents,
+  a: ({ href, children, ...props }) => {
+    const isInternal = !href || href.startsWith("#") || href.startsWith("cite:");
+    return /* @__PURE__ */ jsx(
+      "a",
+      {
+        className: "text-primary underline underline-offset-2",
+        href,
+        ...isInternal ? {} : { target: "_blank", rel: "noopener noreferrer" },
+        ...props,
+        children
+      }
+    );
+  },
+  em: ({ children, ...props }) => /* @__PURE__ */ jsx("em", { className: "italic", ...props, children }),
+  code: function MarkdownCode({
+    className,
+    children,
+    ...props
+  }) {
+    const match = /language-(\w+)/.exec(className || "");
+    if (!match) {
+      return /* @__PURE__ */ jsx(
+        "code",
+        {
+          className: "rounded bg-muted px-1 py-0.5 font-mono text-[0.9em]",
+          "data-testid": "markdown-inline-code",
+          ...props,
+          children
+        }
+      );
+    }
+    return /* @__PURE__ */ jsx(CodeBlock, { language: match[1], code: String(children).replace(/\n$/, "") });
+  },
+  // The CodeBlock renders its own <pre>; unwrap react-markdown's wrapper so we
+  // don't nest <pre><pre>.
+  pre: ({ children }) => /* @__PURE__ */ jsx(Fragment, { children }),
+  blockquote: ({ children, ...props }) => /* @__PURE__ */ jsx("blockquote", { className: "border-l-2 border-border pl-4 italic text-muted-foreground", ...props, children }),
+  table: ({ children, ...props }) => /* @__PURE__ */ jsx("div", { className: "my-3 overflow-x-auto rounded-lg border border-border", children: /* @__PURE__ */ jsx("table", { "data-testid": "markdown-table", className: "w-full border-collapse text-sm", ...props, children }) }),
+  thead: ({ children, ...props }) => /* @__PURE__ */ jsx("thead", { className: "bg-muted", ...props, children }),
+  th: ({ children, ...props }) => /* @__PURE__ */ jsx(
+    "th",
+    {
+      className: "border-b border-border px-3 py-2 text-left font-semibold text-foreground",
+      ...props,
+      children
+    }
+  ),
+  td: ({ children, ...props }) => /* @__PURE__ */ jsx("td", { className: "border-b border-border px-3 py-2 align-top", ...props, children }),
+  // General emphasis marks (GFM `~~strikethrough~~` → <del>, raw <ins>/<mark>).
+  del: ({ children, ...props }) => /* @__PURE__ */ jsx("del", { className: "text-muted-foreground line-through", ...props, children }),
+  ins: ({ children, ...props }) => /* @__PURE__ */ jsx("ins", { className: "underline decoration-primary/60", ...props, children }),
+  mark: ({ children, ...props }) => /* @__PURE__ */ jsx("mark", { className: "rounded bg-primary/15 px-0.5 text-foreground", ...props, children })
+};
+var remarkPlugins = [remarkGfm];
+var rehypePlugins = [rehypeRaw];
+var MemoizedBlock = React2__default.memo(function MarkdownBlock({
+  content,
+  components
+}) {
+  return /* @__PURE__ */ jsx(Markdown, { remarkPlugins, rehypePlugins, components, children: content });
+});
+var MarkdownErrorBoundary = class extends React2__default.Component {
+  state = { hasError: false };
+  static getDerivedStateFromError() {
+    return { hasError: true };
+  }
+  render() {
+    return this.state.hasError ? this.props.fallback : this.props.children;
+  }
+};
+function MarkdownRendererComponent({
+  children,
+  components: customComponents,
+  isStreaming = false,
+  className,
+  testId = "markdown-renderer"
+}) {
+  const components = useMemo(
+    () => customComponents ? { ...defaultComponents, ...customComponents } : defaultComponents,
+    [customComponents]
+  );
+  const blocks = useMemo(() => splitMarkdownBlocks(children), [children]);
+  return /* @__PURE__ */ jsx(
+    MarkdownErrorBoundary,
+    {
+      fallback: /* @__PURE__ */ jsx("div", { className: cn("whitespace-pre-wrap break-words text-foreground", className), children }),
+      children: /* @__PURE__ */ jsx(MarkdownStreamingContext.Provider, { value: isStreaming, children: /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: cn(
+            "markdown-content space-y-3 break-words leading-relaxed text-foreground",
+            className
+          ),
+          "data-testid": testId,
+          children: blocks.map((block, index) => /* @__PURE__ */ jsx(MemoizedBlock, { content: block, components }, index))
+        }
+      ) })
+    }
+  );
+}
+var MarkdownRenderer = React2__default.memo(MarkdownRendererComponent);
+var TooltipContext = React2.createContext(null);
+var DEFAULT_DELAY = 300;
+var TooltipConfigContext = React2.createContext({
+  delayDuration: DEFAULT_DELAY
+});
+var TooltipProvider = ({ children, delayDuration = DEFAULT_DELAY }) => {
+  const value = React2.useMemo(() => ({ delayDuration }), [delayDuration]);
+  return /* @__PURE__ */ jsx(TooltipConfigContext.Provider, { value, children });
+};
+function Tooltip({ children, delayDuration }) {
+  const config = React2.useContext(TooltipConfigContext);
+  const delay = delayDuration ?? config.delayDuration;
+  const [open, setOpen] = React2.useState(false);
+  const triggerRef = React2.useRef(null);
+  const timer = React2.useRef(null);
+  const contentId = React2.useId();
+  const clearTimer = () => {
+    if (timer.current) {
+      clearTimeout(timer.current);
+      timer.current = null;
+    }
+  };
+  const suppressed = React2.useRef(false);
+  const show = React2.useCallback(() => {
+    clearTimer();
+    if (suppressed.current) return;
+    timer.current = setTimeout(() => setOpen(true), delay);
+  }, [delay]);
+  const hide = React2.useCallback(() => {
+    clearTimer();
+    setOpen(false);
+  }, []);
+  const suppress = React2.useCallback(() => {
+    suppressed.current = true;
+    clearTimer();
+    setOpen(false);
+  }, []);
+  const release = React2.useCallback(() => {
+    suppressed.current = false;
+  }, []);
+  const setTrigger = React2.useCallback((el) => {
+    triggerRef.current = el;
+  }, []);
+  React2.useEffect(() => () => clearTimer(), []);
+  const value = React2.useMemo(
+    () => ({ open, show, hide, suppress, release, setTrigger, triggerRef, contentId }),
+    [open, show, hide, suppress, release, setTrigger, contentId]
+  );
+  return /* @__PURE__ */ 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.useContext(TooltipContext);
+  if (!ctx) return /* @__PURE__ */ jsx(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.isValidElement(children) ? children.props.onPointerDown : void 0)?.(e);
+      ctx.suppress();
+    },
+    onFocus: (e) => {
+      props.onFocus?.(e);
+      if (isKeyboardFocus(e.target) && !showsOwnText(e.currentTarget)) ctx.show();
+    },
+    onBlur: (e) => {
+      props.onBlur?.(e);
+      ctx.hide();
+    },
+    "aria-describedby": ctx.open ? ctx.contentId : void 0,
+    "data-state": ctx.open ? "open" : "closed"
+  };
+  if (asChild && React2.isValidElement(children)) {
+    const child = children;
+    return React2.cloneElement(child, {
+      ...props,
+      ...triggerHandlers,
+      ref: ctx.setTrigger
+    });
+  }
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "button",
+      ...props,
+      ...triggerHandlers,
+      ref: ctx.setTrigger,
+      children
+    }
+  );
+}
+var TRANSFORM_BY_SIDE = {
+  top: "translate(-50%, -100%)",
+  bottom: "translate(-50%, 0)",
+  left: "translate(-100%, -50%)",
+  right: "translate(0, -50%)"
+};
+var TooltipContent = React2.forwardRef(
+  ({ className, side = "top", sideOffset = 4, collisionPadding = 8, style, ...props }, ref) => {
+    const ctx = React2.useContext(TooltipContext);
+    const innerRef = React2.useRef(null);
+    const [coords, setCoords] = React2.useState(null);
+    React2.useLayoutEffect(() => {
+      if (!ctx?.open || !ctx.triggerRef.current) {
+        setCoords(null);
+        return;
+      }
+      const r = ctx.triggerRef.current.getBoundingClientRect();
+      const c = innerRef.current?.getBoundingClientRect();
+      const ch = c?.height ?? 0;
+      const cw = c?.width ?? 0;
+      const vh = window.innerHeight;
+      const vw = window.innerWidth;
+      let s = side;
+      if (s === "top" && r.top - sideOffset - ch < 0) s = "bottom";
+      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 === "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, collisionPadding, ctx?.triggerRef]);
+    if (!ctx?.open) return null;
+    const setRefs = (node) => {
+      innerRef.current = node;
+      if (typeof ref === "function") ref(node);
+      else if (ref) ref.current = node;
+    };
+    return createPortal(
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          ref: setRefs,
+          id: ctx.contentId,
+          role: "tooltip",
+          className: 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 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
+          ),
+          style: {
+            position: "fixed",
+            top: coords?.top ?? -9999,
+            left: coords?.left ?? -9999,
+            transform: coords?.transform ?? TRANSFORM_BY_SIDE[side],
+            opacity: coords ? void 0 : 0,
+            zIndex: 9999,
+            ...style
+          },
+          ...props
+        }
+      ),
+      document.body
+    );
+  }
+);
+TooltipContent.displayName = "TooltipContent";
+function IconToggle({
+  icon: Icon2,
+  isActive,
+  onToggle,
+  colors,
+  fillWhenActive = false,
+  disabled = false,
+  disabledTooltip,
+  showLabel = false,
+  label,
+  tooltipActive,
+  tooltipInactive,
+  tooltipMixed,
+  isMixed = false,
+  showTooltip = true,
+  "data-testid": dataTestId
+}) {
+  const handleClick = (e) => {
+    e.stopPropagation();
+    onToggle(!isActive);
+  };
+  const { bg: bgColorClass } = colors;
+  const tooltipText = disabled ? disabledTooltip : isMixed ? tooltipMixed : isActive ? tooltipActive : tooltipInactive;
+  const { text: textColorClass } = colors;
+  const button = /* @__PURE__ */ jsx("div", { className: "inline-flex items-center gap-2", children: /* @__PURE__ */ jsxs(
+    "button",
+    {
+      type: "button",
+      onClick: handleClick,
+      disabled,
+      "data-testid": dataTestId,
+      "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"}
+        `,
+      children: [
+        isActive && !disabled && /* @__PURE__ */ jsx("div", { className: "absolute left-0 w-4 h-4 flex items-center justify-center", children: /* @__PURE__ */ jsx(Minus, { className: "w-2.5 h-2.5 text-white/70 hidden group-hover/toggle:block" }) }),
+        !isActive && !disabled && /* @__PURE__ */ jsx("div", { className: "absolute right-0 w-4 h-4 flex items-center justify-center", children: /* @__PURE__ */ jsx(Plus, { className: "w-2.5 h-2.5 text-muted-foreground hidden group-hover/toggle:block" }) }),
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: `
+            absolute h-4 w-4 rounded-full bg-white shadow-sm
+            flex items-center justify-center
+            transition-transform duration-200
+            ${isActive ? "translate-x-4" : "translate-x-0"}
+          `,
+            children: /* @__PURE__ */ jsx(
+              Icon2,
+              {
+                className: `w-2.5 h-2.5 ${isActive ? textColorClass : "text-muted-foreground"} ${isActive && fillWhenActive ? "fill-current" : ""}`
+              }
+            )
+          }
+        )
+      ]
+    }
+  ) });
+  return /* @__PURE__ */ jsxs("div", { className: "inline-flex items-center gap-2", children: [
+    showLabel && label && /* @__PURE__ */ jsx("span", { className: "font-semibold text-sm text-primary", children: label }),
+    tooltipText && showTooltip ? /* @__PURE__ */ jsxs(Tooltip, { children: [
+      /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, onFocusCapture: (e) => e.stopPropagation(), children: button }),
+      /* @__PURE__ */ jsx(TooltipContent, { children: /* @__PURE__ */ jsx("p", { children: tooltipText }) })
+    ] }) : button
+  ] });
+}
+var DictateContext = createContext(null);
+function DictateProvider({
+  transcribe,
+  onError,
+  children
+}) {
+  return /* @__PURE__ */ jsx(DictateContext.Provider, { value: { transcribe, onError }, children });
+}
+function useDictateContext() {
+  return useContext(DictateContext);
+}
+var Avatar = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  AvatarPrimitive.Root,
+  {
+    ref,
+    className: cn("relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full", className),
+    ...props
+  }
+));
+Avatar.displayName = AvatarPrimitive.Root.displayName;
+var AvatarImage = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  AvatarPrimitive.Image,
+  {
+    ref,
+    className: cn("aspect-square h-full w-full object-cover", className),
+    ...props
+  }
+));
+AvatarImage.displayName = AvatarPrimitive.Image.displayName;
+var AvatarFallback = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  AvatarPrimitive.Fallback,
+  {
+    ref,
+    className: cn(
+      "flex h-full w-full items-center justify-center rounded-full bg-muted",
+      className
+    ),
+    ...props
+  }
+));
+AvatarFallback.displayName = AvatarPrimitive.Fallback.displayName;
+var badgeVariants = cva(
+  "inline-flex items-center rounded-md border px-2.5 py-0.5 text-sm font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
+  {
+    variants: {
+      variant: {
+        default: "border-transparent bg-primary text-primary-foreground shadow hover:bg-primary/80",
+        accent: "border-transparent bg-ai-accent-soft text-ai-accent",
+        secondary: "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",
+        destructive: "border-transparent bg-destructive text-destructive-foreground shadow hover:bg-destructive/80",
+        outline: "text-foreground"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function Badge({ className, variant, ...props }) {
+  return /* @__PURE__ */ jsx("div", { className: cn(badgeVariants({ variant }), className), ...props });
+}
+var buttonVariants = cva(
+  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0",
+  {
+    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 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 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: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+var Button = React2.forwardRef(
+  ({ className, variant, size, asChild = false, ...props }, ref) => {
+    const Comp = asChild ? Slot : "button";
+    return /* @__PURE__ */ jsx(Comp, { className: cn(buttonVariants({ variant, size, className })), ref, ...props });
+  }
+);
+Button.displayName = "Button";
+var HoverCard = HoverCardPrimitive.Root;
+var HoverCardTrigger = HoverCardPrimitive.Trigger;
+var HoverCardContent = React2.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(HoverCardPrimitive.Portal, { children: /* @__PURE__ */ jsx(
+  HoverCardPrimitive.Content,
+  {
+    ref,
+    align,
+    sideOffset,
+    collisionPadding: getCollisionPadding(),
+    className: 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
+  }
+) }));
+HoverCardContent.displayName = HoverCardPrimitive.Content.displayName;
+var cardVariants = cva("rounded-lg bg-card text-card-foreground", {
+  variants: {
+    variant: {
+      flat: "",
+      outline: "border",
+      elevated: "border shadow-sm"
+    }
+  },
+  defaultVariants: {
+    variant: "flat"
+  }
+});
+var Card = React2.forwardRef(
+  ({ className, variant, ...props }, ref) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      "data-slot": "card",
+      className: cn(cardVariants({ variant }), className),
+      ...props
+    }
+  )
+);
+Card.displayName = "Card";
+var CardHeader = React2.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      "data-slot": "card-header",
+      className: cn("flex flex-col space-y-1.5 p-6", className),
+      ...props
+    }
+  )
+);
+CardHeader.displayName = "CardHeader";
+var CardTitle = React2.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      "data-slot": "card-title",
+      className: cn("font-semibold leading-none tracking-tight", className),
+      ...props
+    }
+  )
+);
+CardTitle.displayName = "CardTitle";
+var CardDescription = React2.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      "data-slot": "card-description",
+      className: cn("text-sm text-muted-foreground", className),
+      ...props
+    }
+  )
+);
+CardDescription.displayName = "CardDescription";
+var CardContent = React2.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, "data-slot": "card-content", className: cn("p-6 pt-0", className), ...props })
+);
+CardContent.displayName = "CardContent";
+var CardFooter = React2.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      "data-slot": "card-footer",
+      className: cn("flex items-center p-6 pt-0", className),
+      ...props
+    }
+  )
+);
+CardFooter.displayName = "CardFooter";
+
+// src/documents/media-error.ts
+function classifyMediaError(err, kind) {
+  const label = kind === "camera" ? "Camera" : "Microphone";
+  const name = err instanceof DOMException ? err.name : void 0;
+  if (name === "NotAllowedError" || name === "SecurityError") {
+    return `${label} access is blocked. Allow ${kind} permission in your browser settings to use this feature.`;
+  }
+  if (name === "NotFoundError" || name === "DevicesNotFoundError") {
+    return `No ${kind} found on this device.`;
+  }
+  if (!navigator.mediaDevices?.getUserMedia) {
+    return `${kind === "camera" ? "Camera" : "Voice"} input is not supported in this browser.`;
+  }
+  return `Could not access the ${kind}. Please try again.`;
+}
+
+// src/documents/useAudioRecorder.ts
+var LEVEL_UPDATE_INTERVAL_MS = 50;
+function useAudioRecorder() {
+  const [state, setState] = useState("idle");
+  const [level, setLevel] = useState(0);
+  const [elapsedMs, setElapsedMs] = useState(0);
+  const [blob, setBlob] = useState(null);
+  const [mimeType, setMimeType] = useState(null);
+  const [error, setError] = useState(null);
+  const mediaRecorderRef = useRef(null);
+  const chunksRef = useRef([]);
+  const streamRef = useRef(null);
+  const stateRef = useRef("idle");
+  stateRef.current = state;
+  const segmentStartRef = useRef(0);
+  const accumulatedMsRef = useRef(0);
+  const audioContextRef = useRef(null);
+  const analyserRef = useRef(null);
+  const levelRafRef = useRef(null);
+  const stopMeter = useCallback(() => {
+    if (levelRafRef.current !== null) cancelAnimationFrame(levelRafRef.current);
+    levelRafRef.current = null;
+    analyserRef.current = null;
+    void audioContextRef.current?.close().catch(() => {
+    });
+    audioContextRef.current = null;
+  }, []);
+  const startMeter = useCallback((stream) => {
+    const audioContext = new AudioContext();
+    const source = audioContext.createMediaStreamSource(stream);
+    const analyser = audioContext.createAnalyser();
+    analyser.fftSize = 256;
+    source.connect(analyser);
+    audioContextRef.current = audioContext;
+    analyserRef.current = analyser;
+    const data = new Uint8Array(analyser.frequencyBinCount);
+    let lastUpdate = 0;
+    const tick = (t) => {
+      const active = analyserRef.current;
+      if (!active) return;
+      if (t - lastUpdate >= LEVEL_UPDATE_INTERVAL_MS) {
+        lastUpdate = t;
+        active.getByteTimeDomainData(data);
+        let sumSquares = 0;
+        for (let i = 0; i < data.length; i++) {
+          const centered = (data[i] - 128) / 128;
+          sumSquares += centered * centered;
+        }
+        const rms = Math.sqrt(sumSquares / data.length);
+        setLevel(Math.sqrt(Math.min(1, rms * 8)));
+        setElapsedMs(accumulatedMsRef.current + (t - segmentStartRef.current));
+      }
+      levelRafRef.current = requestAnimationFrame(tick);
+    };
+    levelRafRef.current = requestAnimationFrame(tick);
+  }, []);
+  const stopTracks = useCallback(() => {
+    streamRef.current?.getTracks().forEach((t) => t.stop());
+    streamRef.current = null;
+  }, []);
+  useEffect(
+    () => () => {
+      stopTracks();
+      stopMeter();
+    },
+    [stopTracks, stopMeter]
+  );
+  const start = useCallback(async () => {
+    if (stateRef.current === "recording" || stateRef.current === "paused") return;
+    setError(null);
+    try {
+      const stream = await navigator.mediaDevices.getUserMedia({ audio: true });
+      streamRef.current = stream;
+      const mt = MediaRecorder.isTypeSupported("audio/webm") ? "audio/webm" : "audio/mp4";
+      const recorder = new MediaRecorder(stream, { mimeType: mt });
+      chunksRef.current = [];
+      recorder.ondataavailable = (e) => {
+        if (e.data.size > 0) chunksRef.current.push(e.data);
+      };
+      mediaRecorderRef.current = recorder;
+      setMimeType(mt);
+      setBlob(null);
+      accumulatedMsRef.current = 0;
+      segmentStartRef.current = performance.now();
+      recorder.start();
+      setState("recording");
+      startMeter(stream);
+    } catch (err) {
+      stopTracks();
+      setError(classifyMediaError(err, "microphone"));
+    }
+  }, [startMeter, stopTracks]);
+  const pause = useCallback(() => {
+    const recorder = mediaRecorderRef.current;
+    if (!recorder || recorder.state !== "recording") return;
+    recorder.pause();
+    accumulatedMsRef.current += performance.now() - segmentStartRef.current;
+    stopMeter();
+    setLevel(0);
+    setState("paused");
+  }, [stopMeter]);
+  const resume = useCallback(() => {
+    const recorder = mediaRecorderRef.current;
+    if (!recorder || recorder.state !== "paused") return;
+    recorder.resume();
+    segmentStartRef.current = performance.now();
+    setState("recording");
+    if (streamRef.current) startMeter(streamRef.current);
+  }, [startMeter]);
+  const stop = useCallback(() => {
+    const recorder = mediaRecorderRef.current;
+    if (!recorder || recorder.state === "inactive") return;
+    const finalElapsed = recorder.state === "paused" ? accumulatedMsRef.current : accumulatedMsRef.current + (performance.now() - segmentStartRef.current);
+    stopMeter();
+    recorder.onstop = () => {
+      stopTracks();
+      const finalBlob = chunksRef.current.length ? new Blob(chunksRef.current, { type: recorder.mimeType }) : null;
+      setBlob(finalBlob);
+      setElapsedMs(finalElapsed);
+      setLevel(0);
+      setState("stopped");
+    };
+    recorder.stop();
+  }, [stopMeter, stopTracks]);
+  const reset = useCallback(() => {
+    setState("idle");
+    setBlob(null);
+    setElapsedMs(0);
+    setLevel(0);
+    setMimeType(null);
+    setError(null);
+  }, []);
+  return { state, level, elapsedMs, blob, mimeType, error, start, pause, resume, stop, reset };
+}
+
+// src/documents/format-elapsed.ts
+function formatElapsed(ms) {
+  const totalSeconds = Math.max(0, Math.floor(ms / 1e3));
+  const minutes = Math.floor(totalSeconds / 60);
+  const seconds = totalSeconds % 60;
+  return `${String(minutes).padStart(2, "0")}:${String(seconds).padStart(2, "0")}`;
+}
+var BAR_WEIGHTS = [
+  0.25,
+  0.32,
+  0.48,
+  0.62,
+  0.82,
+  0.56,
+  0.92,
+  0.72,
+  1,
+  0.86,
+  0.62,
+  0.96,
+  0.76,
+  0.5,
+  0.84,
+  0.66,
+  0.42,
+  0.56,
+  0.36,
+  0.28,
+  0.22
+];
+var MIN_BAR_PX = 3;
+var MAX_BAR_PX = 40;
+function MicWaveformIndicator({
+  level,
+  elapsedMs,
+  paused = false
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-3", "data-testid": "mic-waveform-indicator", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsxs("span", { className: "relative flex h-2 w-2", children: [
+        !paused && /* @__PURE__ */ jsx("span", { className: "absolute inline-flex h-full w-full animate-ping rounded-full bg-red-500 opacity-75" }),
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: `relative inline-flex h-2 w-2 rounded-full ${paused ? "bg-muted-foreground" : "bg-red-500"}`
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx(
+        "span",
+        {
+          className: `text-xs font-semibold uppercase tracking-wide ${paused ? "text-muted-foreground" : "text-red-500"}`,
+          children: paused ? "Paused" : "Rec"
+        }
+      ),
+      /* @__PURE__ */ jsx("span", { className: "font-mono text-xs tabular-nums text-muted-foreground", children: formatElapsed(elapsedMs) })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "flex h-10 items-end gap-[3px]", "data-testid": "mic-waveform-indicator-bars", children: BAR_WEIGHTS.map((weight, i) => /* @__PURE__ */ jsx(
+      "span",
+      {
+        className: "w-1 rounded-full bg-secondary transition-[height] duration-75 ease-out",
+        style: {
+          height: Math.min(MAX_BAR_PX, Math.max(MIN_BAR_PX, level * weight * MAX_BAR_PX))
+        }
+      },
+      i
+    )) })
+  ] });
+}
+function MicRecordingOverlay({
+  level,
+  elapsedMs,
+  paused,
+  caption = "Keep button pressed while speaking"
+}) {
+  if (typeof document === "undefined") return null;
+  return createPortal(
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        "aria-hidden": true,
+        className: "pointer-events-none fixed inset-0 z-[2147483647] flex items-center justify-center",
+        "data-testid": "mic-recording-overlay",
+        children: /* @__PURE__ */ jsxs("div", { className: "flex w-72 flex-col items-center gap-3 rounded-2xl bg-background/95 px-6 py-5 shadow-2xl ring-1 ring-border backdrop-blur-sm", children: [
+          /* @__PURE__ */ jsx(MicWaveformIndicator, { level, elapsedMs, paused }),
+          /* @__PURE__ */ jsx("p", { className: "text-center text-sm font-medium text-muted-foreground", children: caption })
+        ] })
+      }
+    ),
+    document.body
+  );
+}
+var HOLD_THRESHOLD_MS = 350;
+function InlineMicButton({
+  focused,
+  onTranscript,
+  onError,
+  transcribe,
+  className
+}) {
+  const recorder = useAudioRecorder();
+  const [isTranscribing, setIsTranscribing] = useState(false);
+  const [latched, setLatched] = useState(false);
+  const pressedAtRef = useRef(0);
+  useEffect(() => {
+    if (recorder.error) onError?.(recorder.error);
+  }, [recorder.error]);
+  useEffect(() => {
+    if (recorder.state !== "stopped" || !recorder.blob) return;
+    const blob = recorder.blob;
+    setIsTranscribing(true);
+    transcribe(blob).then((text) => {
+      if (text.trim()) onTranscript(text.trim());
+    }).catch((err) => {
+      onError?.(err instanceof Error ? err.message : "Could not transcribe audio.");
+    }).finally(() => {
+      setIsTranscribing(false);
+      setLatched(false);
+      recorder.reset();
+    });
+  }, [recorder.state, recorder.blob]);
+  const isRecording = recorder.state === "recording";
+  const isBusy = isTranscribing;
+  if (!focused && !isRecording && !isBusy) return null;
+  const handlePointerDown = (e) => {
+    e.preventDefault();
+    if (isRecording) return;
+    pressedAtRef.current = Date.now();
+    void recorder.start();
+  };
+  const handlePointerUp = () => {
+    if (!isRecording) return;
+    if (latched) {
+      recorder.stop();
+      setLatched(false);
+      return;
+    }
+    const held = Date.now() - pressedAtRef.current;
+    if (held >= HOLD_THRESHOLD_MS) {
+      recorder.stop();
+    } else {
+      setLatched(true);
+    }
+  };
+  const handlePointerLeave = () => {
+    if (isRecording && !latched) recorder.stop();
+  };
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        onPointerDown: handlePointerDown,
+        onPointerUp: handlePointerUp,
+        onPointerLeave: handlePointerLeave,
+        onPointerCancel: handlePointerLeave,
+        disabled: isBusy,
+        title: isRecording ? "Release to stop, or tap again if hands-free" : "Hold, or tap to dictate",
+        "data-testid": "inline-mic-button",
+        className: `inline-flex items-center justify-center rounded-full transition-colors disabled:pointer-events-none ${isRecording ? "h-7 w-7 bg-red-500 text-white shadow-sm hover:bg-red-600" : isBusy ? "h-6 w-6 text-muted-foreground" : "h-6 w-6 text-muted-foreground/50 hover:bg-muted hover:text-muted-foreground"} ${className ?? ""}`,
+        children: isBusy ? /* @__PURE__ */ jsx(Loader2, { className: "h-3.5 w-3.5 animate-spin" }) : isRecording ? /* @__PURE__ */ jsx(Square, { className: "h-3 w-3 fill-current" }) : /* @__PURE__ */ jsx(Mic, { className: "h-3.5 w-3.5" })
+      }
+    ),
+    isRecording && /* @__PURE__ */ jsx(
+      MicRecordingOverlay,
+      {
+        level: recorder.level,
+        elapsedMs: recorder.elapsedMs,
+        caption: latched ? "Tap the mic again to stop" : "Release to stop, or keep holding"
+      }
+    )
+  ] });
+}
+var Input = React2.forwardRef(
+  ({ className, type, dictate, onFocus, onBlur, ...props }, forwardedRef) => {
+    const dictateCtx = useDictateContext();
+    const [focused, setFocused] = React2.useState(false);
+    const innerRef = React2.useRef(null);
+    React2.useImperativeHandle(forwardedRef, () => innerRef.current);
+    const showDictate = dictate && !!dictateCtx && !props.disabled && !props.readOnly;
+    const input = /* @__PURE__ */ jsx(
+      "input",
+      {
+        type,
+        "data-slot": "input",
+        className: 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
+        ),
+        ref: innerRef,
+        onFocus: (e) => {
+          setFocused(true);
+          onFocus?.(e);
+        },
+        onBlur: (e) => {
+          setFocused(false);
+          onBlur?.(e);
+        },
+        ...props
+      }
+    );
+    if (!showDictate) return input;
+    return /* @__PURE__ */ jsxs("div", { className: "relative w-full", children: [
+      input,
+      /* @__PURE__ */ jsx(
+        InlineMicButton,
+        {
+          focused,
+          transcribe: dictateCtx.transcribe,
+          onError: dictateCtx.onError,
+          className: "absolute right-1.5 top-1/2 -translate-y-1/2",
+          onTranscript: (text) => {
+            const el = innerRef.current;
+            if (!el) return;
+            const next = el.value ? `${el.value} ${text}` : text;
+            const setter = Object.getOwnPropertyDescriptor(
+              window.HTMLInputElement.prototype,
+              "value"
+            )?.set;
+            setter?.call(el, next);
+            el.dispatchEvent(new Event("input", { bubbles: true }));
+          }
+        }
+      )
+    ] });
+  }
+);
+Input.displayName = "Input";
+var Label = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "label",
+  {
+    ref,
+    className: `text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70 ${className || ""}`,
+    ...props
+  }
+));
+Label.displayName = "Label";
+var Separator = React2.forwardRef(({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsx(
+  SeparatorPrimitive.Root,
+  {
+    ref,
+    decorative,
+    orientation,
+    className: cn(
+      "shrink-0 bg-border",
+      orientation === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]",
+      className
+    ),
+    ...props
+  }
+));
+Separator.displayName = SeparatorPrimitive.Root.displayName;
+var Textarea = React2.forwardRef(
+  ({ className, dictate, onFocus, onBlur, ...props }, forwardedRef) => {
+    const dictateCtx = useDictateContext();
+    const [focused, setFocused] = React2.useState(false);
+    const innerRef = React2.useRef(null);
+    React2.useImperativeHandle(forwardedRef, () => innerRef.current);
+    const showDictate = dictate && !!dictateCtx && !props.disabled && !props.readOnly;
+    const textarea = /* @__PURE__ */ jsx(
+      "textarea",
+      {
+        className: 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
+        ),
+        ref: innerRef,
+        onFocus: (e) => {
+          setFocused(true);
+          onFocus?.(e);
+        },
+        onBlur: (e) => {
+          setFocused(false);
+          onBlur?.(e);
+        },
+        ...props
+      }
+    );
+    if (!showDictate) return textarea;
+    return /* @__PURE__ */ jsxs("div", { className: "relative w-full", children: [
+      textarea,
+      /* @__PURE__ */ jsx(
+        InlineMicButton,
+        {
+          focused,
+          transcribe: dictateCtx.transcribe,
+          onError: dictateCtx.onError,
+          className: "absolute right-1.5 top-1.5",
+          onTranscript: (text) => {
+            const el = innerRef.current;
+            if (!el) return;
+            const next = el.value ? `${el.value} ${text}` : text;
+            const setter = Object.getOwnPropertyDescriptor(
+              window.HTMLTextAreaElement.prototype,
+              "value"
+            )?.set;
+            setter?.call(el, next);
+            el.dispatchEvent(new Event("input", { bubbles: true }));
+          }
+        }
+      )
+    ] });
+  }
+);
+Textarea.displayName = "Textarea";
+var Collapsible = CollapsiblePrimitive.Root;
+var CollapsibleTrigger2 = CollapsiblePrimitive.CollapsibleTrigger;
+var CollapsibleContent2 = CollapsiblePrimitive.CollapsibleContent;
+var Progress = React2.forwardRef(({ className, value, ...props }, ref) => /* @__PURE__ */ jsx(
+  ProgressPrimitive.Root,
+  {
+    ref,
+    className: cn("relative h-2 w-full overflow-hidden rounded-full bg-primary/20", className),
+    ...props,
+    children: /* @__PURE__ */ jsx(
+      ProgressPrimitive.Indicator,
+      {
+        className: "h-full w-full flex-1 bg-primary transition-all",
+        style: { transform: `translateX(-${100 - (value || 0)}%)` }
+      }
+    )
+  }
+));
+Progress.displayName = ProgressPrimitive.Root.displayName;
+var RadioGroup = React2.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx(RadioGroupPrimitive.Root, { className: cn("grid gap-2", className), ...props, ref });
+});
+RadioGroup.displayName = RadioGroupPrimitive.Root.displayName;
+var RadioGroupItem = React2.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx(
+    RadioGroupPrimitive.Item,
+    {
+      ref,
+      className: 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,
+      children: /* @__PURE__ */ jsx(RadioGroupPrimitive.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ jsx(Circle, { className: "h-2.5 w-2.5 fill-current text-current" }) })
+    }
+  );
+});
+RadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName;
+var Checkbox = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  CheckboxPrimitive.Root,
+  {
+    ref,
+    className: 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__ */ jsx(CheckboxPrimitive.Indicator, { className: cn("flex items-center justify-center text-current"), children: /* @__PURE__ */ jsx(Check, { className: "h-4 w-4" }) })
+  }
+));
+Checkbox.displayName = CheckboxPrimitive.Root.displayName;
+var Switch = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  SwitchPrimitives.Root,
+  {
+    className: 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,
+    ref,
+    children: /* @__PURE__ */ jsx(
+      SwitchPrimitives.Thumb,
+      {
+        className: 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"
+        )
+      }
+    )
+  }
+));
+Switch.displayName = SwitchPrimitives.Root.displayName;
+var Tabs = TabsPrimitive.Root;
+var TabsList = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  TabsPrimitive.List,
+  {
+    ref,
+    className: cn(
+      "inline-flex h-9 pointer-coarse:h-auto items-center justify-center rounded-lg bg-muted p-1 text-muted-foreground",
+      className
+    ),
+    ...props
+  }
+));
+TabsList.displayName = TabsPrimitive.List.displayName;
+var TabsTrigger = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  TabsPrimitive.Trigger,
+  {
+    ref,
+    className: 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
+  }
+));
+TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
+var TabsContent = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  TabsPrimitive.Content,
+  {
+    ref,
+    className: cn(
+      "mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+      className
+    ),
+    ...props
+  }
+));
+TabsContent.displayName = TabsPrimitive.Content.displayName;
+var Table = React2.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsx("table", { ref, className: cn("w-full caption-bottom text-sm", className), ...props }) })
+);
+Table.displayName = "Table";
+var TableHeader = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("thead", { ref, className: cn("[&_tr]:border-b", className), ...props }));
+TableHeader.displayName = "TableHeader";
+var TableBody = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("tbody", { ref, className: cn("[&_tr:last-child]:border-0", className), ...props }));
+TableBody.displayName = "TableBody";
+var TableFooter = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "tfoot",
+  {
+    ref,
+    className: cn("border-t bg-muted/50 font-medium [&>tr]:last:border-b-0", className),
+    ...props
+  }
+));
+TableFooter.displayName = "TableFooter";
+var TableRow = React2.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+    "tr",
+    {
+      ref,
+      className: cn(
+        "border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted",
+        className
+      ),
+      ...props
+    }
+  )
+);
+TableRow.displayName = "TableRow";
+var TableHead = React2.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+    "th",
+    {
+      ref,
+      className: 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
+      ),
+      ...props
+    }
+  )
+);
+TableHead.displayName = "TableHead";
+var TableCell = React2.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+    "td",
+    {
+      ref,
+      className: cn(
+        "p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
+        className
+      ),
+      ...props
+    }
+  )
+);
+TableCell.displayName = "TableCell";
+var TableCaption = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("caption", { ref, className: cn("mt-4 text-sm text-muted-foreground", className), ...props }));
+TableCaption.displayName = "TableCaption";
+var Slider = React2.forwardRef(
+  ({ className, rangeClassName, ...props }, ref) => /* @__PURE__ */ jsxs(
+    SliderPrimitive.Root,
+    {
+      ref,
+      className: cn("relative flex w-full touch-none select-none items-center", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(SliderPrimitive.Track, { className: "relative h-1.5 w-full grow overflow-hidden rounded-full bg-primary/20", children: /* @__PURE__ */ jsx(SliderPrimitive.Range, { className: cn("absolute h-full bg-primary", rangeClassName) }) }),
+        /* @__PURE__ */ jsx(SliderPrimitive.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" })
+      ]
+    }
+  )
+);
+Slider.displayName = SliderPrimitive.Root.displayName;
+var toggleVariants = cva(
+  "inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium transition-colors hover:bg-muted hover:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+  {
+    variants: {
+      variant: {
+        default: "bg-transparent",
+        outline: "border border-input bg-transparent shadow-sm hover:bg-accent hover:text-accent-foreground"
+      },
+      size: {
+        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: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+var Toggle = React2.forwardRef(({ className, variant, size, ...props }, ref) => /* @__PURE__ */ jsx(
+  TogglePrimitive.Root,
+  {
+    ref,
+    className: cn(toggleVariants({ variant, size, className })),
+    ...props
+  }
+));
+Toggle.displayName = TogglePrimitive.Root.displayName;
+var ToggleGroupContext = React2.createContext({
+  size: "default",
+  variant: "default"
+});
+var ToggleGroup = React2.forwardRef(({ className, variant, size, children, ...props }, ref) => /* @__PURE__ */ jsx(
+  ToggleGroupPrimitive.Root,
+  {
+    ref,
+    className: cn("flex items-center justify-center gap-1", className),
+    ...props,
+    children: /* @__PURE__ */ jsx(ToggleGroupContext.Provider, { value: { variant, size }, children })
+  }
+));
+ToggleGroup.displayName = ToggleGroupPrimitive.Root.displayName;
+var ToggleGroupItem = React2.forwardRef(({ className, children, variant, size, ...props }, ref) => {
+  const context = React2.useContext(ToggleGroupContext);
+  return /* @__PURE__ */ jsx(
+    ToggleGroupPrimitive.Item,
+    {
+      ref,
+      className: cn(
+        toggleVariants({
+          variant: context.variant || variant,
+          size: context.size || size
+        }),
+        className
+      ),
+      ...props,
+      children
+    }
+  );
+});
+ToggleGroupItem.displayName = ToggleGroupPrimitive.Item.displayName;
+
+// src/lib/toast-interaction.ts
+function isToastInteraction(event) {
+  const original = event.detail?.originalEvent;
+  const target = original?.target ?? event.target;
+  return target instanceof Element && target.closest("[data-sonner-toaster]") !== null;
+}
+var Dialog = DialogPrimitive.Root;
+var DialogTrigger = DialogPrimitive.Trigger;
+var DialogPortal = DialogPrimitive.Portal;
+var DialogClose = DialogPrimitive.Close;
+var DialogOverlay = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  DialogPrimitive.Overlay,
+  {
+    ref,
+    className: 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
+    ),
+    ...props
+  }
+));
+DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
+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.forwardRef(
+  ({ className, children, hideCloseButton, presentation = "center", onInteractOutside, ...props }, ref) => /* @__PURE__ */ jsxs(DialogPortal, { children: [
+    /* @__PURE__ */ jsx(DialogOverlay, {}),
+    /* @__PURE__ */ jsxs(
+      DialogPrimitive.Content,
+      {
+        ref,
+        "data-slot": "dialog-content",
+        "data-presentation": presentation,
+        onInteractOutside: (event) => {
+          if (isToastInteraction(event)) event.preventDefault();
+          onInteractOutside?.(event);
+        },
+        className: 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__ */ jsxs(
+            DialogPrimitive.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__ */ jsx(X, { className: "h-4 w-4" }),
+                /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close dialog" })
+              ]
+            }
+          )
+        ]
+      }
+    )
+  ] })
+);
+DialogContent.displayName = DialogPrimitive.Content.displayName;
+var DialogHeader = ({ className, ...props }) => /* @__PURE__ */ jsx("div", { className: 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__ */ jsx(
+  "div",
+  {
+    className: 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
+  }
+);
+DialogFooter.displayName = "DialogFooter";
+var DialogTitle = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  DialogPrimitive.Title,
+  {
+    ref,
+    className: cn("break-words text-lg font-semibold leading-tight tracking-tight", className),
+    ...props
+  }
+));
+DialogTitle.displayName = DialogPrimitive.Title.displayName;
+var DialogDescription = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  DialogPrimitive.Description,
+  {
+    ref,
+    className: cn("text-sm text-muted-foreground", className),
+    ...props
+  }
+));
+DialogDescription.displayName = DialogPrimitive.Description.displayName;
+var Popover = PopoverPrimitive.Root;
+var PopoverTrigger = PopoverPrimitive.Trigger;
+var PopoverAnchor = PopoverPrimitive.Anchor;
+var PopoverContent = React2.forwardRef(({ className, align = "center", sideOffset = 4, container, ...props }, ref) => /* @__PURE__ */ jsx(PopoverPrimitive.Portal, { container: container ?? void 0, children: /* @__PURE__ */ jsx(
+  PopoverPrimitive.Content,
+  {
+    ref,
+    align,
+    sideOffset,
+    collisionPadding: getCollisionPadding(),
+    className: 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.Content.displayName;
+var FINE_OPEN_DELAY = 350;
+var FINE_CLOSE_DELAY = 180;
+function isFocusVisible(el) {
+  try {
+    return el.matches(":focus-visible");
+  } catch {
+    return true;
+  }
+}
+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] = useState(false);
+  const [side, setSide] = useState("bottom");
+  const menuId = useId();
+  const triggerRef = useRef(null);
+  const contentRef = useRef(null);
+  const timer = useRef(null);
+  const mode = useRef("hover");
+  const lastPointer = useRef("mouse");
+  const focusFirstOnOpen = 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;
+  };
+  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 = 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__ */ jsxs(Popover, { open: open && !isEmpty, children: [
+    /* @__PURE__ */ jsx(PopoverAnchor, { asChild: true, children: as === "a" ? /* @__PURE__ */ jsx("a", { href, ...triggerProps, children }) : /* @__PURE__ */ jsx("span", { role: "button", tabIndex: 0, ...triggerProps, children }) }),
+    /* @__PURE__ */ 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__ */ jsx("div", { className: "px-2 py-1.5 text-sm", children: preview }),
+          ordered.length > 0 && /* @__PURE__ */ jsx("div", { role: "menu", "aria-label": menuLabel, onKeyDown: handleMenuKeyDown, children: ordered.map((item) => {
+            const rowClass = 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__ */ jsx(
+              "a",
+              {
+                role: "menuitem",
+                tabIndex: -1,
+                href: item.href,
+                className: rowClass,
+                "data-testid": item.testId,
+                onClick: () => close(),
+                children: item.label
+              },
+              item.id
+            ) : /* @__PURE__ */ 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.Root;
+var SelectGroup = SelectPrimitive.Group;
+var SelectValue = SelectPrimitive.Value;
+var SelectTrigger = React2.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+  SelectPrimitive.Trigger,
+  {
+    ref,
+    className: cn(
+      "flex h-9 pointer-coarse:min-h-11 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm placeholder:text-muted-foreground/60 focus:outline-none focus-visible:border-ring/50 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
+      className
+    ),
+    ...props,
+    children: [
+      children,
+      /* @__PURE__ */ jsx(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx(ChevronDown, { className: "h-4 w-4 opacity-50" }) })
+    ]
+  }
+));
+SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
+var SelectScrollUpButton = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  SelectPrimitive.ScrollUpButton,
+  {
+    ref,
+    className: cn("flex cursor-default items-center justify-center py-1", className),
+    ...props,
+    children: /* @__PURE__ */ jsx(ChevronUp, { className: "h-4 w-4" })
+  }
+));
+SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
+var SelectScrollDownButton = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  SelectPrimitive.ScrollDownButton,
+  {
+    ref,
+    className: cn("flex cursor-default items-center justify-center py-1", className),
+    ...props,
+    children: /* @__PURE__ */ jsx(ChevronDown, { className: "h-4 w-4" })
+  }
+));
+SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
+var SelectContent = React2.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsx(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs(
+  SelectPrimitive.Content,
+  {
+    ref,
+    className: cn(
+      "relative z-50 max-h-[min(24rem,var(--radix-select-content-available-height))] min-w-[8rem] max-w-[calc(100vw-1rem)] overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+      position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
+      className
+    ),
+    position,
+    collisionPadding: getCollisionPadding(),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx(SelectScrollUpButton, {}),
+      /* @__PURE__ */ jsx(
+        SelectPrimitive.Viewport,
+        {
+          className: cn(
+            "p-1",
+            position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
+          ),
+          children
+        }
+      ),
+      /* @__PURE__ */ jsx(SelectScrollDownButton, {})
+    ]
+  }
+) }));
+SelectContent.displayName = SelectPrimitive.Content.displayName;
+var SelectLabel = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  SelectPrimitive.Label,
+  {
+    ref,
+    className: cn("py-1.5 pl-8 pr-2 text-sm font-semibold", className),
+    ...props
+  }
+));
+SelectLabel.displayName = SelectPrimitive.Label.displayName;
+var SelectItem = React2.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+  SelectPrimitive.Item,
+  {
+    ref,
+    className: cn(
+      "relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 pointer-coarse:min-h-11 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      className
+    ),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(Check, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ jsx(SelectPrimitive.ItemText, { children })
+    ]
+  }
+));
+SelectItem.displayName = SelectPrimitive.Item.displayName;
+var SelectSeparator = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  SelectPrimitive.Separator,
+  {
+    ref,
+    className: cn("-mx-1 my-1 h-px bg-muted", className),
+    ...props
+  }
+));
+SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
+var Command = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  Command$1,
+  {
+    ref,
+    className: cn(
+      "flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground",
+      className
+    ),
+    ...props
+  }
+));
+Command.displayName = Command$1.displayName;
+var CommandDialog = ({ children, ...props }) => {
+  return /* @__PURE__ */ jsx(Dialog, { ...props, children: /* @__PURE__ */ jsx(DialogContent, { className: "overflow-hidden p-0", children: /* @__PURE__ */ jsx(Command, { className: "[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5", children }) }) });
+};
+var CommandInput = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs("div", { className: "flex items-center border-b px-3", "data-cmdk-input-wrapper": "", children: [
+  /* @__PURE__ */ jsx(Search, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
+  /* @__PURE__ */ jsx(
+    Command$1.Input,
+    {
+      ref,
+      className: 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
+    }
+  )
+] }));
+CommandInput.displayName = Command$1.Input.displayName;
+var CommandList = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  Command$1.List,
+  {
+    ref,
+    className: cn("max-h-[min(300px,50dvh)] overflow-y-auto overflow-x-hidden", className),
+    ...props
+  }
+));
+CommandList.displayName = Command$1.List.displayName;
+var CommandEmpty = React2.forwardRef((props, ref) => /* @__PURE__ */ jsx(Command$1.Empty, { ref, className: "py-6 text-center text-sm", ...props }));
+CommandEmpty.displayName = Command$1.Empty.displayName;
+var CommandGroup = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  Command$1.Group,
+  {
+    ref,
+    className: 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
+    ),
+    ...props
+  }
+));
+CommandGroup.displayName = Command$1.Group.displayName;
+var CommandSeparator = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  Command$1.Separator,
+  {
+    ref,
+    className: cn("-mx-1 h-px bg-border", className),
+    ...props
+  }
+));
+CommandSeparator.displayName = Command$1.Separator.displayName;
+var CommandItem = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  Command$1.Item,
+  {
+    ref,
+    className: 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
+  }
+));
+CommandItem.displayName = Command$1.Item.displayName;
+var CommandShortcut = ({ className, ...props }) => {
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: cn("ml-auto text-sm tracking-widest text-muted-foreground", className),
+      ...props
+    }
+  );
+};
+CommandShortcut.displayName = "CommandShortcut";
+var AI_COMPONENTS = {
+  a: (p) => /* @__PURE__ */ jsx(
+    "a",
+    {
+      className: "text-ai-accent underline underline-offset-2",
+      target: "_blank",
+      rel: "noopener noreferrer",
+      ...p
+    }
+  ),
+  // Redline marks: deletions in red strike, <ins>/<mark> additions accented.
+  del: (p) => /* @__PURE__ */ jsx("del", { className: "rounded bg-destructive/10 text-destructive decoration-destructive/60", ...p }),
+  ins: (p) => /* @__PURE__ */ jsx("ins", { className: "rounded bg-ai-accent-soft px-0.5 text-ai-accent no-underline", ...p }),
+  mark: (p) => /* @__PURE__ */ jsx("mark", { className: "rounded bg-ai-accent-soft px-0.5 text-ai-accent", ...p }),
+  thead: (p) => /* @__PURE__ */ jsx("thead", { className: "bg-secondary/60", ...p })
+};
+function AiMarkdown({
+  children,
+  className,
+  isStreaming
+}) {
+  return /* @__PURE__ */ jsx(
+    MarkdownRenderer,
+    {
+      className: className ?? "text-sm text-foreground",
+      components: AI_COMPONENTS,
+      isStreaming,
+      testId: "ai-markdown",
+      children
+    }
+  );
+}
+var EntityPill = forwardRef(function EntityPill2({
+  icon,
+  label,
+  secondaryText,
+  size = "sm",
+  shape = "rounded",
+  className,
+  labelMaxWidth = "max-w-[320px]",
+  labelClassName,
+  fullWidth = false,
+  highlight = false,
+  onClick,
+  onIconClick,
+  onMoreClick,
+  moreContent,
+  href,
+  disabled = false,
+  tooltipContent,
+  tooltipSide = "bottom",
+  "data-testid": testId
+}, ref) {
+  const shapeClass = shape === "pill" ? "rounded-full" : "rounded-md";
+  const sizeClasses2 = size === "base" ? "gap-1.5 px-1.5 py-0.5" : "gap-1 px-1";
+  const textSizeClass = size === "base" ? "text-base" : "text-sm";
+  const baseClasses = cn(
+    "group/pill items-center",
+    fullWidth ? "flex w-full" : "inline-flex",
+    sizeClasses2,
+    shapeClass,
+    "bg-muted",
+    "border border-border",
+    "transition-all",
+    className
+  );
+  const interactiveClasses = "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__ */ jsxs(Fragment, { children: [
+    onIconClick ? /* @__PURE__ */ jsx(
+      "span",
+      {
+        role: "button",
+        tabIndex: 0,
+        className: "flex-shrink-0 cursor-pointer hover:opacity-70 transition-opacity",
+        onClick: (e) => {
+          e.stopPropagation();
+          onIconClick(e);
+        },
+        children: icon
+      }
+    ) : icon,
+    /* @__PURE__ */ jsx(
+      "span",
+      {
+        className: cn(
+          textSizeClass,
+          "font-medium truncate leading-tight min-w-0",
+          labelMaxWidth,
+          labelClassName
+        ),
+        children: label
+      }
+    ),
+    secondaryText && /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground flex-shrink-0 leading-none", children: secondaryText })
+  ] });
+  const tooltipWrap = (content, tip, side = tooltipSide, triggerClassName, triggerProps) => /* @__PURE__ */ jsxs(Tooltip, { children: [
+    /* @__PURE__ */ jsx(
+      TooltipTrigger,
+      {
+        onFocusCapture: (e) => e.stopPropagation(),
+        className: triggerClassName,
+        ...triggerProps,
+        children: content
+      }
+    ),
+    /* @__PURE__ */ jsx(TooltipContent, { side, className: "p-2", children: tip })
+  ] });
+  const mainAreaClass = cn("inline-flex items-center gap-1", fullWidth && "min-w-0 flex-1");
+  const mainAreaTouchClass = 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) {
+      mainArea = tooltipWrap(
+        mainContent,
+        tooltipContent,
+        tooltipSide,
+        cn(mainAreaTouchClass, disabled && "opacity-60"),
+        {
+          type: "button",
+          onClick: href ? onClick : disabled ? void 0 : onClick,
+          disabled: disabled || void 0
+        }
+      );
+    } else if (href) {
+      mainArea = /* @__PURE__ */ jsx(
+        "a",
+        {
+          href,
+          target: "_blank",
+          rel: "noopener noreferrer",
+          className: mainAreaTouchClass,
+          onClick,
+          children: mainContent
+        }
+      );
+    } else if (onClick) {
+      mainArea = /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: disabled ? void 0 : onClick,
+          disabled,
+          className: 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__ */ jsx("span", { className: mainAreaTouchClass, children: mainContent });
+    }
+    const moreArea = moreContent ? /* @__PURE__ */ jsx("span", { className: "flex-shrink-0 leading-none", children: moreContent }) : tooltipWrap(
+      /* @__PURE__ */ jsx(MoreVertical, { className: "w-3.5 h-3.5" }),
+      "Click for more",
+      tooltipSide,
+      "flex-shrink-0 leading-none text-muted-foreground hover:text-foreground",
+      {
+        type: "button",
+        onClick: (e) => {
+          e.stopPropagation();
+          onMoreClick?.(e);
+        }
+      }
+    );
+    return /* @__PURE__ */ jsxs(
+      "span",
+      {
+        ref,
+        className: cn(
+          baseClasses,
+          (onClick || href) && !disabled && "cursor-pointer hover:bg-muted/80",
+          highlight && highlightClasses
+        ),
+        "data-testid": testId,
+        children: [
+          mainArea,
+          moreArea
+        ]
+      }
+    );
+  }
+  if (tooltipContent) {
+    if (href) {
+      return tooltipWrap(
+        /* @__PURE__ */ jsx(
+          "a",
+          {
+            href,
+            target: "_blank",
+            rel: "noopener noreferrer",
+            className: mainAreaClass,
+            onClick,
+            children: mainContent
+          }
+        ),
+        tooltipContent,
+        tooltipSide,
+        cn(baseClasses, interactiveClasses),
+        { "data-testid": testId }
+      );
+    }
+    return tooltipWrap(
+      mainContent,
+      tooltipContent,
+      tooltipSide,
+      cn(
+        baseClasses,
+        onClick && !disabled ? interactiveClasses : "",
+        disabled ? disabledClasses : "",
+        highlight && highlightClasses
+      ),
+      {
+        type: "button",
+        ref,
+        onClick: onClick && !disabled ? onClick : void 0,
+        disabled: disabled || void 0,
+        "data-testid": testId
+      }
+    );
+  }
+  if (href) {
+    return /* @__PURE__ */ jsx(
+      "a",
+      {
+        ref,
+        href,
+        target: "_blank",
+        rel: "noopener noreferrer",
+        className: cn(baseClasses, interactiveClasses),
+        "data-testid": testId,
+        onClick,
+        children: mainContent
+      }
+    );
+  }
+  if (onClick) {
+    return /* @__PURE__ */ jsx(
+      "button",
+      {
+        ref,
+        type: "button",
+        onClick: disabled ? void 0 : onClick,
+        disabled,
+        className: cn(
+          baseClasses,
+          disabled ? disabledClasses : interactiveClasses,
+          highlight && highlightClasses
+        ),
+        "data-testid": testId,
+        children: mainContent
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      ref,
+      className: cn(baseClasses, highlight && highlightClasses),
+      "data-testid": testId,
+      children: mainContent
+    }
+  );
+});
+var TAG_TYPE_LABELS = {
+  checkbox: "Checkbox",
+  select: "Select",
+  number: "Number",
+  text: "Text",
+  folder: "Folder",
+  search: "Saved Search",
+  date: "Date",
+  assistant: "AI Assistant"
+};
+var TAG_TYPE_ICONS = {
+  checkbox: SquareCheckBig,
+  select: List,
+  number: Hash,
+  text: NotebookPen,
+  folder: Folder,
+  search: Search,
+  date: Calendar,
+  assistant: Bot
+};
+function getTagTypeIcon(type) {
+  return TAG_TYPE_ICONS[type ?? "text"] || NotebookPen;
+}
+function getTagTypeLabel(type) {
+  const t = type ?? "text";
+  return TAG_TYPE_LABELS[t] || t;
+}
+var BASE_COLORS = {
+  "0": "#10b981",
+  "1": "#3b82f6",
+  "2": "#8b5cf6",
+  "3": "#f43f5e",
+  "4": "#f59e0b",
+  "5": "#84cc16",
+  "6": "#a855f7",
+  "7": "#06b6d4",
+  "8": "#f97316",
+  "9": "#14b8a6",
+  a: "#ef4444",
+  b: "#6366f1",
+  c: "#ec4899",
+  d: "#22c55e",
+  e: "#eab308",
+  f: "#0ea5e9"
+};
+function getEntityColor(entityId) {
+  return BASE_COLORS[entityId[4]] || BASE_COLORS["0"];
+}
+function TagEntity({
+  tag,
+  size = "md",
+  className = "",
+  onClick,
+  showTooltip = true,
+  tooltipContent
+}) {
+  const tagType = tag.tag_type?.type ?? "text";
+  const iconSize = size === "sm" ? 12 : size === "md" ? 14 : 16;
+  const Icon2 = getTagTypeIcon(tagType);
+  const sizeClasses2 = {
+    sm: "p-0.5",
+    md: "p-1",
+    lg: "p-1.5"
+  };
+  const tagColor = tag.color ?? getEntityColor(tag.external_id);
+  const iconElement = /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: `inline-flex items-center justify-center rounded-md text-white flex-shrink-0 ${sizeClasses2[size]}`,
+      style: { backgroundColor: tagColor },
+      children: /* @__PURE__ */ jsx(Icon2, { size: iconSize, className: "flex-shrink-0" })
+    }
+  );
+  const pillSize = size === "lg" ? "base" : "sm";
+  const defaultTooltip = /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx(
+        "span",
+        {
+          className: "inline-flex items-center justify-center rounded-md text-white p-1",
+          style: { backgroundColor: tagColor },
+          children: /* @__PURE__ */ jsx(Icon2, { size: 16 })
+        }
+      ),
+      /* @__PURE__ */ jsx("span", { className: "font-medium text-sm", children: tag.name })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1.5 text-sm", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "Type:" }),
+        /* @__PURE__ */ jsx("span", { children: getTagTypeLabel(tagType) })
+      ] }),
+      tag.doctag_count != null && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "Documents:" }),
+        /* @__PURE__ */ jsx(Badge, { variant: "secondary", className: "h-5 min-w-[20px] justify-center", children: tag.doctag_count ?? 0 })
+      ] }),
+      tag.shared != null && /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: tag.shared ? "Shared" : "Private" }) })
+    ] })
+  ] });
+  const resolvedTooltip = showTooltip ? tooltipContent ?? defaultTooltip : void 0;
+  return /* @__PURE__ */ jsx(
+    EntityPill,
+    {
+      icon: iconElement,
+      label: tag.name,
+      size: pillSize,
+      shape: "rounded",
+      labelMaxWidth: "max-w-[180px]",
+      tooltipContent: resolvedTooltip,
+      onClick,
+      className,
+      "data-testid": `tag-entity-${tag.external_id}`
+    }
+  );
+}
+var TIERS = [
+  { min: 0.7, tone: "bg-emerald-500", label: "High relevance" },
+  { min: 0.4, tone: "bg-amber-500", label: "Medium relevance" },
+  { min: -Infinity, tone: "bg-muted-foreground/40", label: "Low relevance" }
+];
+function RelevanceDot({ score }) {
+  if (score == null) return null;
+  const tier = TIERS.find((t) => score >= t.min) ?? TIERS[TIERS.length - 1];
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      role: "img",
+      "aria-label": tier.label,
+      title: `${tier.label} (${score.toFixed(2)})`,
+      className: cn("size-1.5 shrink-0 rounded-full", tier.tone),
+      "data-testid": "passage-relevance"
+    }
+  );
+}
+function PassageCard({
+  header,
+  score,
+  headerRight,
+  active,
+  onClick,
+  footer,
+  className,
+  children,
+  "data-testid": testId
+}) {
+  const body = /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs("div", { className: "mb-1.5 flex items-center gap-2", children: [
+      header,
+      (score != null || headerRight) && /* @__PURE__ */ jsxs("div", { className: "ml-auto flex shrink-0 items-center gap-2", children: [
+        /* @__PURE__ */ jsx(RelevanceDot, { score }),
+        headerRight
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "[&_mark]:rounded-sm [&_mark]:bg-ai-accent/20 [&_mark]:px-0.5 [&_mark]:font-medium [&_mark]:text-foreground", children })
+  ] });
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "group rounded-lg border border-border bg-card p-3 text-left transition-colors",
+        onClick && "hover:border-ai-accent/40 focus-within:ring-2 focus-within:ring-ai-accent/40",
+        active && "border-ai-accent/60 ring-1 ring-ai-accent/30",
+        className
+      ),
+      children: [
+        onClick ? /* @__PURE__ */ jsx(
+          "div",
+          {
+            role: "button",
+            tabIndex: 0,
+            onClick,
+            onKeyDown: (e) => {
+              if (e.key === "Enter" || e.key === " ") {
+                e.preventDefault();
+                onClick(e);
+              }
+            },
+            "aria-current": active || void 0,
+            "data-testid": testId,
+            className: "cursor-pointer focus:outline-none",
+            children: body
+          }
+        ) : /* @__PURE__ */ jsx("div", { "aria-current": active || void 0, "data-testid": testId, children: body }),
+        footer
+      ]
+    }
+  );
+}
+
+// src/icons/colors.ts
+var NEUTRAL_GRAY = "#64748b";
+var FILE_TYPE_COLORS = {
+  pdf: "#ef4444",
+  // red
+  doc: "#3b82f6",
+  // blue (Word docs)
+  docx: "#3b82f6",
+  // blue
+  html: "#0284c7",
+  // sky-600 (web files)
+  img: "#8b5cf6",
+  // violet-500 (images)
+  vid: "#10b981",
+  // emerald-500 (video)
+  aud: "#f59e0b",
+  // amber-500 (audio)
+  xls: "#16a34a",
+  // green-600 (Excel)
+  eml: "#0d9488",
+  // teal-600 (email)
+  txt: NEUTRAL_GRAY,
+  // gray (plain text)
+  generic: NEUTRAL_GRAY,
+  // gray (unknown)
+  white: "#ffffff"
+  // for strokes/text on colored backgrounds
+};
+var PdfIcon = ({ size = 16, className = "" }) => {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      width: size,
+      height: size,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      className,
+      children: [
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6z",
+            fill: FILE_TYPE_COLORS.pdf,
+            stroke: FILE_TYPE_COLORS.pdf,
+            strokeWidth: "1",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M14 2v6h6",
+            fill: "none",
+            stroke: FILE_TYPE_COLORS.white,
+            strokeWidth: "1",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "text",
+          {
+            x: "12",
+            y: "16",
+            fontSize: "6",
+            fill: "white",
+            textAnchor: "middle",
+            fontWeight: "bold",
+            fontFamily: "Arial, sans-serif",
+            children: "PDF"
+          }
+        )
+      ]
+    }
+  );
+};
+var AudIcon = ({ size = 16, className = "" }) => {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      width: size,
+      height: size,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      className,
+      children: [
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6z",
+            fill: FILE_TYPE_COLORS.aud,
+            stroke: FILE_TYPE_COLORS.aud,
+            strokeWidth: "1",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M14 2v6h6",
+            fill: "none",
+            stroke: FILE_TYPE_COLORS.white,
+            strokeWidth: "1",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "text",
+          {
+            x: "12",
+            y: "16",
+            fontSize: "6",
+            fill: "white",
+            textAnchor: "middle",
+            fontWeight: "bold",
+            fontFamily: "Arial, sans-serif",
+            children: "AUD"
+          }
+        )
+      ]
+    }
+  );
+};
+var ImgIcon = ({ size = 16, className = "" }) => {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      width: size,
+      height: size,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      className,
+      children: [
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6z",
+            fill: FILE_TYPE_COLORS.img,
+            stroke: FILE_TYPE_COLORS.img,
+            strokeWidth: "1",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M14 2v6h6",
+            fill: "none",
+            stroke: FILE_TYPE_COLORS.white,
+            strokeWidth: "1",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "text",
+          {
+            x: "12",
+            y: "16",
+            fontSize: "6",
+            fill: "white",
+            textAnchor: "middle",
+            fontWeight: "bold",
+            fontFamily: "Arial, sans-serif",
+            children: "IMG"
+          }
+        )
+      ]
+    }
+  );
+};
+var VidIcon = ({ size = 16, className = "" }) => {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      width: size,
+      height: size,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      className,
+      children: [
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6z",
+            fill: FILE_TYPE_COLORS.vid,
+            stroke: FILE_TYPE_COLORS.vid,
+            strokeWidth: "1",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M14 2v6h6",
+            fill: "none",
+            stroke: FILE_TYPE_COLORS.white,
+            strokeWidth: "1",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "text",
+          {
+            x: "12",
+            y: "16",
+            fontSize: "6",
+            fill: "white",
+            textAnchor: "middle",
+            fontWeight: "bold",
+            fontFamily: "Arial, sans-serif",
+            children: "VID"
+          }
+        )
+      ]
+    }
+  );
+};
+var EmlIcon = ({ size = 16, className = "" }) => {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      width: size,
+      height: size,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      className,
+      children: [
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6z",
+            fill: FILE_TYPE_COLORS.eml,
+            stroke: FILE_TYPE_COLORS.eml,
+            strokeWidth: "1",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M14 2v6h6",
+            fill: "none",
+            stroke: FILE_TYPE_COLORS.white,
+            strokeWidth: "1",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "rect",
+          {
+            x: "7",
+            y: "12",
+            width: "10",
+            height: "7",
+            rx: "1",
+            fill: "none",
+            stroke: "white",
+            strokeWidth: "1.2"
+          }
+        ),
+        /* @__PURE__ */ jsx("path", { d: "M7 13l5 3 5-3", fill: "none", stroke: "white", strokeWidth: "1.2", strokeLinejoin: "round" })
+      ]
+    }
+  );
+};
+var ArbiBotHeadIcon = ({ size = 24, className = "" }) => {
+  const maskId = useId();
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: size,
+      height: size,
+      viewBox: "30 -5 190 190",
+      preserveAspectRatio: "xMidYMid meet",
+      className,
+      children: [
+        /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("mask", { id: maskId, children: /* @__PURE__ */ jsxs("g", { transform: "translate(0,250) scale(0.1,-0.1)", children: [
+          /* @__PURE__ */ jsx("rect", { x: "0", y: "0", width: "2500", height: "2500", fill: "white" }),
+          /* @__PURE__ */ jsx("circle", { cx: "855", cy: "1715", r: "190", fill: "black" }),
+          /* @__PURE__ */ jsx("circle", { cx: "855", cy: "1715", r: "50", fill: "white" }),
+          /* @__PURE__ */ jsx("circle", { cx: "1665", cy: "1700", r: "190", fill: "black" }),
+          /* @__PURE__ */ jsx("circle", { cx: "1665", cy: "1700", r: "50", fill: "white" })
+        ] }) }) }),
+        /* @__PURE__ */ jsxs("g", { mask: `url(#${maskId})`, children: [
+          /* @__PURE__ */ jsx(
+            "g",
+            {
+              transform: "translate(0,250) scale(0.1,-0.1)",
+              fill: "currentColor",
+              stroke: "currentColor",
+              strokeWidth: "100",
+              children: /* @__PURE__ */ jsx("path", { d: "M1038 2434 c-217 -39 -406 -154 -522 -318 -121 -170 -176 -376 -103 -384 l27 -3 0 -106 c0 -88 -3 -108 -17 -118 -15 -11 -16 -18 -5 -66 44 -188 209 -369 420 -459 l65 -28 -74 -7 c-283 -26 -444 -152 -535 -418 -70 -204 -73 -507 -5 -507 4 0 12 75 19 168 18 263 68 419 167 530 78 87 224 162 263 134 9 -6 43 -26 76 -43 224 -117 802 -95 948 38 38 34 165 -22 253 -111 117 -119 168 -268 187 -549 6 -92 15 -167 19 -167 89 0 53 415 -54 627 -88 173 -238 270 -458 295 l-99 11 75 32 c201 88 367 274 406 454 10 47 9 56 -5 66 -13 10 -16 32 -16 118 l0 106 28 3 c91 10 -12 297 -165 459 -202 214 -544 307 -895 243z m472 -84 c170 -43 323 -140 416 -264 47 -61 117 -197 128 -248 l6 -28 -65 0 c-64 0 -65 1 -78 33 -43 102 -109 136 -262 137 l-110 0 -38 -40 c-25 -27 -46 -40 -65 -41 -134 -5 -394 1 -410 10 -11 6 -30 24 -42 41 l-21 30 -112 0 c-156 -1 -219 -33 -262 -136 -14 -34 -14 -34 -80 -34 -76 0 -74 -7 -30 103 96 243 311 406 595 452 118 20 319 13 430 -15z m-561 -505 c97 -50 126 -174 61 -263 -118 -163 -380 -23 -309 165 35 93 162 143 248 98z m799 -15 c129 -96 69 -304 -92 -318 -189 -16 -265 218 -106 326 48 33 149 29 198 -8z m272 -389 c0 -23 -45 -110 -86 -168 -245 -343 -856 -408 -1231 -130 -90 67 -213 236 -213 294 0 11 132 13 765 13 457 0 765 -4 765 -9z" })
+            }
+          ),
+          /* @__PURE__ */ jsxs("g", { transform: "translate(0,250) scale(0.1,-0.1)", fill: "currentColor", stroke: "none", children: [
+            /* @__PURE__ */ jsx("path", { d: "M785 1777 c-60 -60 -59 -134 1 -186 92 -82 236 9 204 128 -25 93 -138 125 -205 58z m161 -29 c7 -22 -19 -52 -40 -45 -21 7 -30 35 -17 51 19 23 48 20 57 -6z" }),
+            /* @__PURE__ */ jsx("path", { d: "M1591 1803 c-128 -67 -85 -243 60 -243 83 0 141 99 105 178 -32 69 -103 97 -165 65z m127 -59 c4 -25 -19 -47 -41 -38 -22 8 -30 34 -16 51 17 20 53 12 57 -13z" }),
+            /* @__PURE__ */ jsx("path", { d: "M843 1347 c-9 -15 9 -63 41 -108 148 -202 565 -209 730 -12 37 44 60 103 47 116 -13 13 -810 17 -818 4z" })
+          ] })
+        ] })
+      ]
+    }
+  );
+};
+function getDocumentTitle(document2, defaultValue = "") {
+  if (!document2) return defaultValue;
+  return document2.doc_metadata?.title || document2.file_name || defaultValue;
+}
+var MAX_LABEL_CHARS = 30;
+function clampLabel(text) {
+  return text.length > MAX_LABEL_CHARS ? `${text.slice(0, MAX_LABEL_CHARS).trimEnd()}\u2026` : text;
+}
+var IMAGE_EXTENSIONS = /* @__PURE__ */ new Set(["jpg", "jpeg", "png", "gif", "bmp", "tiff", "tif", "webp"]);
+var VIDEO_EXTENSIONS = /* @__PURE__ */ new Set(["mp4", "mpeg", "mpg", "webm", "mov", "avi", "mkv"]);
+var AUDIO_EXTENSIONS = /* @__PURE__ */ new Set(["mp3", "wav", "m4a", "aac", "ogg", "flac"]);
+var EMAIL_EXTENSIONS = /* @__PURE__ */ new Set(["eml", "msg"]);
+function getDocIcon(fileName, iconSize = 14) {
+  const ext = fileName?.split(".").pop()?.toLowerCase();
+  if (ext && VIDEO_EXTENSIONS.has(ext)) return /* @__PURE__ */ jsx(VidIcon, { size: iconSize, className: "flex-shrink-0" });
+  if (ext && AUDIO_EXTENSIONS.has(ext)) return /* @__PURE__ */ jsx(AudIcon, { size: iconSize, className: "flex-shrink-0" });
+  if (ext && IMAGE_EXTENSIONS.has(ext)) return /* @__PURE__ */ jsx(ImgIcon, { size: iconSize, className: "flex-shrink-0" });
+  if (ext && EMAIL_EXTENSIONS.has(ext)) return /* @__PURE__ */ jsx(EmlIcon, { size: iconSize, className: "flex-shrink-0" });
+  return /* @__PURE__ */ jsx(PdfIcon, { size: iconSize, className: "flex-shrink-0" });
+}
+function DocumentEntity({
+  doc,
+  icon,
+  size = "sm",
+  labelMaxWidth,
+  labelClassName,
+  onClick,
+  onIconClick,
+  viewing,
+  iconBadge,
+  actions,
+  tooltipContent,
+  className,
+  fullWidth,
+  noClamp,
+  "data-testid": testId
+}) {
+  const title = getDocumentTitle(doc);
+  const ext = doc.file_name?.split(".").pop()?.toLowerCase();
+  const iconSize = size === "base" ? 16 : 14;
+  const eyeSizeClass = size === "base" ? "h-4 w-4" : "h-3.5 w-3.5";
+  const baseIcon = icon ?? getDocIcon(doc.file_name, iconSize);
+  const displayIcon = viewing || iconBadge ? /* @__PURE__ */ jsxs("span", { className: "relative inline-flex flex-shrink-0 items-center justify-center", children: [
+    viewing ? /* @__PURE__ */ jsx(Eye, { className: cn("text-primary-foreground", eyeSizeClass) }) : baseIcon,
+    iconBadge
+  ] }) : baseIcon;
+  const defaultTooltip = /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1 text-xs max-w-[440px]", children: [
+    doc.folder && // `flex-wrap` so a deep folder path wraps WITHIN the balloon instead of
+    // spilling out of it (each path segment is atomic and wraps as a unit;
+    // `min-w-0` + `break-all` lets a single over-long segment break too).
+    /* @__PURE__ */ jsxs("span", { className: "flex flex-wrap items-center gap-0.5 text-muted-foreground", children: [
+      /* @__PURE__ */ jsx(FolderOpen, { className: "h-3 w-3 text-yellow-600 shrink-0" }),
+      doc.folder.split("/").map((part, i, arr) => /* @__PURE__ */ jsxs("span", { className: "flex min-w-0 items-center gap-0.5", children: [
+        i > 0 && /* @__PURE__ */ jsx("span", { className: "text-muted-foreground/50 mx-0.5", children: "/" }),
+        /* @__PURE__ */ jsx("span", { className: `break-all ${i < arr.length - 1 ? "text-muted-foreground/70" : ""}`, children: part })
+      ] }, i))
+    ] }),
+    /* @__PURE__ */ jsxs("span", { className: "font-medium break-words", children: [
+      title,
+      ext ? `.${ext}` : ""
+    ] })
+  ] });
+  return /* @__PURE__ */ jsx(
+    EntityPill,
+    {
+      icon: displayIcon,
+      size,
+      label: fullWidth || noClamp ? title : clampLabel(title),
+      labelMaxWidth: labelMaxWidth ?? "max-w-[140px]",
+      labelClassName,
+      fullWidth,
+      onClick,
+      onIconClick,
+      moreContent: actions,
+      className,
+      highlight: viewing,
+      "data-testid": testId,
+      tooltipContent: tooltipContent ?? defaultTooltip
+    }
+  );
+}
+var VARIANT_STYLES = {
+  "mine-paid": {
+    pill: "bg-primary/10 text-primary border-border/60",
+    icon: "text-primary"
+  },
+  other: {
+    pill: "bg-secondary/10 text-secondary border-border/60",
+    icon: "text-secondary"
+  },
+  "mine-free": {
+    pill: "bg-muted-foreground/10 text-muted-foreground border-border/60",
+    icon: "text-muted-foreground"
+  },
+  common: {
+    pill: "",
+    icon: "text-muted-foreground"
+  }
+};
+function resolveVariant(relation, paid, hasCollaborators) {
+  if (relation === "common") return "common";
+  if (relation === "other") return "other";
+  if (relation === "mine") return paid ? "mine-paid" : "mine-free";
+  if (paid) return hasCollaborators ? "other" : "mine-paid";
+  return "mine-free";
+}
+function ProjectEntity({
+  name,
+  label,
+  icon,
+  subscription = "none",
+  hasCollaborators = false,
+  size = "sm",
+  className,
+  onClick,
+  relation,
+  isPaid,
+  tooltipContent
+}) {
+  const paid = isPaid ?? (subscription === "active" || subscription === "past_due" || subscription === "dev");
+  const variant = resolveVariant(relation, paid, hasCollaborators);
+  const { pill, icon: iconClass } = VARIANT_STYLES[variant];
+  const iconSizeClass = size === "base" ? "h-4 w-4" : "h-3.5 w-3.5";
+  const iconNode = icon ?? /* @__PURE__ */ jsx(CreditCard, { className: cn(iconSizeClass, iconClass) });
+  return /* @__PURE__ */ jsx(
+    EntityPill,
+    {
+      icon: iconNode,
+      label: label ?? name,
+      size,
+      shape: "rounded",
+      className: cn(pill, className),
+      onClick,
+      tooltipContent
+    }
+  );
+}
+var sizeClasses = {
+  xs: "h-5 w-5",
+  sm: "h-6 w-6",
+  md: "h-8 w-8",
+  lg: "h-10 w-10"
+};
+var textSizeClasses = {
+  xs: "text-xs",
+  sm: "text-xs",
+  md: "text-xs",
+  lg: "text-sm"
+};
+var presenceDotClasses = {
+  xs: "w-2 h-2 border",
+  sm: "w-2.5 h-2.5 border",
+  md: "w-3 h-3 border-2",
+  lg: "w-3.5 h-3.5 border-2"
+};
+var presencePositionClasses = {
+  xs: "-right-1 bottom-0",
+  sm: "-right-1 bottom-0",
+  md: "-right-1.5 -bottom-0.5",
+  lg: "-right-1.5 -bottom-0.5"
+};
+var PRESENCE_LABELS = {
+  connected: "Online",
+  connecting: "Connecting",
+  disconnected: "Offline",
+  error: "Connection problem",
+  hidden: "Status hidden"
+};
+var presenceColorClasses = {
+  connected: "bg-status-online",
+  connecting: "bg-status-connecting",
+  disconnected: "bg-status-away",
+  error: "bg-status-busy",
+  hidden: "bg-status-offline"
+};
+var UserEntity = memo(function UserEntity2({
+  size = "md",
+  variant = "pill",
+  className,
+  showTooltip = true,
+  interactive = true,
+  hasUnreadMessages = false,
+  initials = "",
+  displayName = "",
+  picture,
+  colorClass = "",
+  isAgent = false,
+  agentStyle,
+  avatarStyle,
+  isMe = false,
+  displayStatus,
+  onClick,
+  tooltipContent,
+  empty = false
+}) {
+  if (empty) {
+    return /* @__PURE__ */ jsx(
+      Avatar,
+      {
+        className: cn(sizeClasses[size], "border border-border", className),
+        "data-testid": "user-entity",
+        children: /* @__PURE__ */ jsx(AvatarFallback, { className: "bg-status-empty text-muted-foreground text-xs font-semibold", children: "?" })
+      }
+    );
+  }
+  const agentBadge = isAgent ? /* @__PURE__ */ jsx(ArbiBotHeadIcon, { className: "w-3.5 h-3.5 text-muted-foreground" }) : void 0;
+  const canMessage = interactive && !isMe && !isAgent;
+  const showUnread = hasUnreadMessages && !isMe && !isAgent;
+  const surfaceStyle = avatarStyle ?? agentStyle;
+  const avatarCore = /* @__PURE__ */ jsxs(
+    Avatar,
+    {
+      className: cn(
+        sizeClasses[size],
+        isAgent ? "rounded-full border-2 border-dashed" : "border border-white"
+      ),
+      style: surfaceStyle,
+      "data-testid": "user-entity",
+      children: [
+        picture && /* @__PURE__ */ jsx(AvatarImage, { src: picture, alt: initials }),
+        /* @__PURE__ */ jsx(
+          AvatarFallback,
+          {
+            className: cn(
+              textSizeClasses[size],
+              "font-semibold leading-none",
+              isAgent ? "rounded-full bg-transparent" : `text-white ${colorClass}`
+            ),
+            style: surfaceStyle,
+            children: initials
+          }
+        )
+      ]
+    }
+  );
+  const statusDot = showUnread || displayStatus ? /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: cn(
+        "absolute rounded-full border-white",
+        presenceDotClasses[size],
+        presencePositionClasses[size],
+        !showUnread && displayStatus ? presenceColorClasses[displayStatus] : ""
+      ),
+      style: showUnread ? { backgroundColor: "#00adef" } : void 0,
+      "data-testid": "user-entity-presence",
+      role: "img",
+      "aria-label": showUnread ? "Unread messages" : PRESENCE_LABELS[displayStatus],
+      title: showUnread ? "Unread messages" : PRESENCE_LABELS[displayStatus]
+    }
+  ) : null;
+  const avatarElement = statusDot ? /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "relative inline-block",
+        sizeClasses[size],
+        variant === "pill" ? "" : className
+      ),
+      children: [
+        avatarCore,
+        statusDot
+      ]
+    }
+  ) : /* @__PURE__ */ jsx("div", { className: cn("inline-block", variant === "pill" ? "" : className), children: avatarCore });
+  const pillAvatar = (
+    // shrink-0: when the pill is squeezed the NAME truncates away — the avatar
+    // must never collapse under it and overflow onto neighbouring text.
+    /* @__PURE__ */ jsxs("span", { className: cn("relative inline-block shrink-0", sizeClasses[size]), children: [
+      /* @__PURE__ */ jsx("span", { className: cn("block transition-opacity", canMessage && "group-hover/pill:opacity-0"), children: avatarCore }),
+      canMessage && /* @__PURE__ */ jsx(
+        "span",
+        {
+          "aria-hidden": true,
+          className: "absolute inset-0 flex items-center justify-center rounded-full bg-muted text-foreground opacity-0 transition-opacity group-hover/pill:opacity-100",
+          children: /* @__PURE__ */ jsx(MessageCircleMore, { className: size === "xs" ? "h-3 w-3" : "h-4 w-4" })
+        }
+      ),
+      statusDot
+    ] })
+  );
+  const resolvedTooltip = showTooltip ? tooltipContent : void 0;
+  if (variant === "pill") {
+    const row = /* @__PURE__ */ jsxs(Fragment, { children: [
+      pillAvatar,
+      displayName && /* @__PURE__ */ jsx("span", { className: "min-w-0 max-w-[320px] truncate text-sm leading-tight", children: displayName }),
+      agentBadge
+    ] });
+    const rowClass = "group/pill inline-flex min-w-0 items-center gap-2";
+    const clickable = interactive && !!onClick;
+    const clickableClass = "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__ */ jsxs(Tooltip, { children: [
+        /* @__PURE__ */ jsx(
+          TooltipTrigger,
+          {
+            type: "button",
+            onClick: clickable ? onClick : void 0,
+            onFocusCapture: (e) => e.stopPropagation(),
+            className: cn(rowClass, clickable && clickableClass, className),
+            "data-testid": "user-entity-pill",
+            children: row
+          }
+        ),
+        /* @__PURE__ */ jsx(TooltipContent, { className: "p-2", children: resolvedTooltip })
+      ] });
+    }
+    if (clickable) {
+      return /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick,
+          className: cn(rowClass, clickableClass, className),
+          "data-testid": "user-entity-pill",
+          children: row
+        }
+      );
+    }
+    return /* @__PURE__ */ jsx("span", { className: cn(rowClass, className), "data-testid": "user-entity-pill", children: row });
+  }
+  if (showTooltip) {
+    return /* @__PURE__ */ jsxs(Tooltip, { children: [
+      /* @__PURE__ */ jsx(
+        TooltipTrigger,
+        {
+          onFocusCapture: (e) => e.stopPropagation(),
+          className: "touch-hit inline-flex",
+          children: avatarElement
+        }
+      ),
+      /* @__PURE__ */ jsx(TooltipContent, { className: "p-2", children: tooltipContent })
+    ] });
+  }
+  return avatarElement;
+});
+function AgentBadge({ className }) {
+  return /* @__PURE__ */ jsxs(
+    "span",
+    {
+      "data-testid": "agent-badge",
+      className: cn(
+        "inline-flex shrink-0 items-center gap-1 rounded-full border border-ai-accent/50",
+        "bg-ai-accent-soft px-2 py-0.5 text-xs font-bold uppercase tracking-wider text-ai-accent",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsx(ArbiBotHeadIcon, { size: 14, className: "text-ai-accent" }),
+        "Agent"
+      ]
+    }
+  );
+}
+var PRESENCE_WORDS = {
+  connected: "Online",
+  connecting: "Connecting",
+  disconnected: "Offline",
+  error: "Connection problem",
+  hidden: null
+};
+function PresenceLabel({
+  status,
+  className
+}) {
+  if (!status) return null;
+  const word = PRESENCE_WORDS[status];
+  if (!word) return null;
+  const online = status === "connected";
+  return /* @__PURE__ */ jsxs(
+    "span",
+    {
+      "data-testid": "presence-label",
+      className: cn("inline-flex shrink-0 items-center gap-1 text-xs", className),
+      children: [
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: cn(
+              "size-1.5 rounded-full",
+              online ? "bg-status-online" : "bg-muted-foreground/50"
+            ),
+            "aria-hidden": "true"
+          }
+        ),
+        /* @__PURE__ */ jsx("span", { className: online ? "font-medium text-status-online" : "text-muted-foreground", children: word })
+      ]
+    }
+  );
+}
+var PACKAGE_BADGE_VARIANTS = [
+  "default",
+  "accent",
+  "secondary",
+  "destructive",
+  "outline"
+];
+function isPackageBadgeVariant(v) {
+  return PACKAGE_BADGE_VARIANTS.some((known) => known === v);
+}
+function PackageStatusBadge({ variant, ...rest }) {
+  return /* @__PURE__ */ jsx(Badge, { variant: isPackageBadgeVariant(variant) ? variant : "outline", ...rest });
+}
+var registry = {
+  variants: {},
+  fallback: "outline",
+  Badge: PackageStatusBadge
+};
+function configureStatusRegistry(map, opts) {
+  Object.assign(registry.variants, map);
+  if (opts?.fallback) registry.fallback = opts.fallback;
+  if (opts?.Badge) registry.Badge = opts.Badge;
+}
+function getStatusVariant(status) {
+  return registry.variants[status] ?? registry.fallback;
+}
+function StatusPill({ status, label, variant, className, testId }) {
+  const Badge2 = registry.Badge;
+  return /* @__PURE__ */ jsx(Badge2, { variant: variant ?? getStatusVariant(status), className, "data-testid": testId, children: label ?? status });
+}
+var RAG_LABELS = { red: "At risk", amber: "Attention", green: "On track" };
+function configureRagLabels(labels) {
+  RAG_LABELS = { ...RAG_LABELS, ...labels };
+}
+function RagDot({
+  rag,
+  withLabel,
+  className
+}) {
+  const color = rag === "red" ? "bg-destructive" : rag === "amber" ? "bg-warning" : "bg-success";
+  return /* @__PURE__ */ jsxs("span", { className: cn("inline-flex items-center gap-1.5", className), "data-testid": `rag-${rag}`, children: [
+    /* @__PURE__ */ jsx("span", { className: cn("size-2 rounded-full", color) }),
+    withLabel && /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: RAG_LABELS[rag] })
+  ] });
+}
+var ENTITY_MAPPINGS = {
+  PRODUCT: {
+    NAMES: {
+      SINGULAR: "ARBI Docs"
+    },
+    ICONS: {
+      DEFAULT: MessageSquareLock
+    }
+  },
+  SECTION: {
+    NAMES: {
+      SINGULAR: "Section"
+    },
+    ICONS: {
+      DEFAULT: ChevronsDown
+    }
+  },
+  WORKSPACE: {
+    NAMES: {
+      SINGULAR: "Workspace",
+      PLURAL: "Workspaces"
+    },
+    ICONS: {
+      DEFAULT: SquareM,
+      NEW: SquarePlus,
+      LIST: LayoutGrid,
+      SETTINGS: Columns3Cog
+    }
+  },
+  CONVERSATION: {
+    NAMES: {
+      SINGULAR: "Chat",
+      PLURAL: "Chats",
+      NEW: "New ARBI Chat"
+    },
+    ICONS: {
+      DEFAULT: MessagesSquare,
+      OFF: MessageSquareOff,
+      ACTIVE: MessageSquareText,
+      NEW: MessageSquarePlus,
+      LIST: MessageSquareMore
+    }
+  },
+  DOCUMENT: {
+    NAMES: {
+      SINGULAR: "File",
+      PLURAL: "Files"
+    },
+    ICONS: {
+      DEFAULT: FolderOpen,
+      OFF: CaptionsOff
+    }
+  },
+  VIEWER: {
+    NAMES: {
+      SINGULAR: "Viewer",
+      PLURAL: "Viewers"
+    },
+    ICONS: {
+      DEFAULT: Eye,
+      OFF: EyeOff
+    }
+  },
+  TAG: {
+    NAMES: {
+      SINGULAR: "Field",
+      PLURAL: "Fields"
+    },
+    ICONS: {
+      DEFAULT: Hash,
+      NEW: FolderPlus
+    }
+  },
+  ANNOTATION: {
+    NAMES: {
+      SINGULAR: "Annotation",
+      PLURAL: "Annotations"
+    },
+    ICONS: {
+      DEFAULT: StickyNote,
+      NEW: StickyNote
+    }
+  },
+  // Workspace knowledge the assistant retains and recalls — durable free text,
+  // optionally grounded in source passages. Distinct from ANNOTATION, which is
+  // attached TO a document field; a NOTE is workspace-scoped and stands alone.
+  // Stored server-side as `memories` (mem-*); "Note" is the user-facing name.
+  NOTE: {
+    NAMES: {
+      SINGULAR: "Note",
+      PLURAL: "Notes"
+    },
+    ICONS: {
+      DEFAULT: NotebookText,
+      NEW: NotebookPen
+    }
+  },
+  USER: {
+    NAMES: {
+      SINGULAR: "User",
+      PLURAL: "Users"
+    },
+    ICONS: {
+      DEFAULT: User,
+      NEW: UserPlus,
+      SETTINGS: Settings2
+    }
+  },
+  WORKSPACEUSER: {
+    NAMES: {
+      SINGULAR: "Member",
+      PLURAL: "Members"
+    },
+    ICONS: {
+      DEFAULT: User,
+      PLURAL: Users,
+      NEW: UserPlus,
+      SETTINGS: Settings2
+    }
+  },
+  CONTACT: {
+    NAMES: {
+      SINGULAR: "Contact",
+      PLURAL: "Contacts"
+    },
+    ICONS: {
+      // A starred person, not an address-book card: contacts here are the
+      // people you talk to, and the star reads as "your people".
+      DEFAULT: UserStar,
+      NEW: UserPlus
+    }
+  },
+  TASK: {
+    NAMES: {
+      SINGULAR: "Job",
+      PLURAL: "Jobs"
+    },
+    ICONS: {
+      DEFAULT: ClipboardList
+    }
+  },
+  PROJECT: {
+    NAMES: {
+      SINGULAR: "Project",
+      PLURAL: "Projects"
+    },
+    ICONS: {
+      DEFAULT: CreditCard
+    }
+  },
+  SKILL: {
+    NAMES: {
+      SINGULAR: "Skill",
+      PLURAL: "Skills"
+    },
+    ICONS: {
+      DEFAULT: Wrench
+    }
+  },
+  ACCOUNT: {
+    NAMES: {
+      SINGULAR: "Account"
+    },
+    ICONS: {
+      DEFAULT: CircleUserRound
+    }
+  },
+  NOTIFICATIONS: {
+    NAMES: {
+      SINGULAR: "Activity",
+      PLURAL: "Activities"
+    },
+    ICONS: {
+      DEFAULT: Bell
+    }
+  },
+  MESSAGE: {
+    NAMES: {
+      SINGULAR: "Message",
+      PLURAL: "Messages"
+    },
+    ICONS: {
+      DEFAULT: MessageSquare
+    }
+  },
+  NOTIFICATION: {
+    NAMES: {
+      SINGULAR: "Notification",
+      PLURAL: "Notifications"
+    },
+    ICONS: {
+      DEFAULT: Bell
+    }
+  },
+  APP: {
+    NAMES: {
+      SINGULAR: "Application",
+      PLURAL: "Applications"
+    },
+    ICONS: {
+      DEFAULT: LayoutGrid,
+      HOME: LayoutGrid,
+      LOGOUT: LogOut,
+      UPLOAD: Upload
+    }
+  },
+  HELP: {
+    NAMES: {
+      SINGULAR: "Help",
+      PLURAL: "Help"
+    },
+    ICONS: {
+      DEFAULT: MessageSquareLock,
+      DOCS: BookOpen,
+      FAQ: FileQuestion,
+      ABOUT: Info
+    }
+  },
+  USERSHIELD: {
+    NAMES: {
+      SINGULAR: "User Shield",
+      PLURAL: "User Shields"
+    },
+    ICONS: {
+      DEFAULT: MessageSquareLock
+    }
+  }
+};
+function configureEntityRegistry(overrides) {
+  for (const [type, def] of Object.entries(overrides)) {
+    const target = ENTITY_MAPPINGS[type];
+    if (!target) continue;
+    if (def?.NAMES) Object.assign(target.NAMES, def.NAMES);
+    if (def?.ICONS) Object.assign(target.ICONS, def.ICONS);
+  }
+}
+var getEntityIcon = (entityType, variant = "DEFAULT") => {
+  const icons = ENTITY_MAPPINGS[entityType]?.ICONS;
+  return icons?.[variant] || icons?.DEFAULT;
+};
+var getEntityLabel = (entityType, form = "SINGULAR") => {
+  const entityMapping = ENTITY_MAPPINGS[entityType];
+  if (!entityMapping) return "";
+  const names = entityMapping.NAMES;
+  const singularName = names.SINGULAR || "";
+  if (form === "NEW") return names.NEW !== void 0 ? names.NEW : "New " + singularName;
+  if (form === "SHORT")
+    return names.SHORT !== void 0 ? names.SHORT : singularName.substring(0, 3) + ".";
+  if (form === "PLURAL") return names.PLURAL !== void 0 ? names.PLURAL : singularName + "s";
+  return singularName;
+};
+var EntityIcon = ({ entityType, variant = "DEFAULT", ...props }) => {
+  const IconComponent = getEntityIcon(entityType, variant);
+  return IconComponent ? React2__default.createElement(IconComponent, props) : null;
+};
+var VISIBILITY_ICONS = {
+  PRIVATE: MessageSquareLock,
+  SHARED: Users
+};
+var VisibilityIcon = ({
+  isShared,
+  ...props
+}) => {
+  const IconComponent = isShared ? VISIBILITY_ICONS.SHARED : VISIBILITY_ICONS.PRIVATE;
+  return React2__default.createElement(IconComponent, props);
+};
+
+// src/entities/colors.ts
+var OPACITY_LIGHT = 0.15;
+var OPACITY_MEDIUM = 1;
+var OPACITY_BORDER = 0.3;
+var PLACEHOLDER_COLOR = "#9ca3af";
+var NEUTRAL_GRAY2 = "#64748b";
+var BASE_COLORS2 = {
+  "0": "#10b981",
+  "1": "#3b82f6",
+  "2": "#8b5cf6",
+  "3": "#f43f5e",
+  "4": "#f59e0b",
+  "5": "#84cc16",
+  "6": "#a855f7",
+  "7": "#06b6d4",
+  "8": "#f97316",
+  "9": "#14b8a6",
+  a: "#ef4444",
+  b: "#6366f1",
+  c: "#ec4899",
+  d: "#22c55e",
+  e: "#eab308",
+  f: "#0ea5e9"
+};
+function hexToRgba(hex, opacity) {
+  const r = parseInt(hex.slice(1, 3), 16);
+  const g = parseInt(hex.slice(3, 5), 16);
+  const b = parseInt(hex.slice(5, 7), 16);
+  return `rgba(${r}, ${g}, ${b}, ${opacity})`;
+}
+function getEntityColor2(entityId, variant = "medium") {
+  const baseColor = BASE_COLORS2[entityId[4]] || BASE_COLORS2["0"];
+  switch (variant) {
+    case "light":
+      return hexToRgba(baseColor, OPACITY_LIGHT);
+    case "medium":
+      return hexToRgba(baseColor, OPACITY_MEDIUM);
+    case "text":
+      return baseColor;
+  }
+}
+function getEntityColorStyles(entityId) {
+  const baseColor = BASE_COLORS2[entityId[4]] || BASE_COLORS2["0"];
+  return {
+    backgroundColor: getEntityColor2(entityId, "light"),
+    color: baseColor,
+    borderColor: hexToRgba(baseColor, OPACITY_BORDER)
+  };
+}
+var getWorkspaceColor = (workspaceId, useWorkspaceColors) => {
+  const shouldUseWorkspaceColors = useWorkspaceColors !== void 0 ? useWorkspaceColors : true;
+  if (!shouldUseWorkspaceColors) return "hsl(var(--primary))";
+  const isValidId = workspaceId && workspaceId.startsWith("wrk-") && workspaceId.length >= 5;
+  if (!isValidId) return "hsl(var(--primary))";
+  return getEntityColor2(workspaceId, "medium");
+};
+function 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__ */ jsxs(DropdownMenu, { children: [
+    /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        className: 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__ */ jsxs("span", { className: "relative", children: [
+            /* @__PURE__ */ jsxs(Avatar, { className: "size-8", children: [
+              user.picture ? /* @__PURE__ */ jsx(AvatarImage, { src: user.picture, alt: user.name }) : null,
+              /* @__PURE__ */ jsx(
+                AvatarFallback,
+                {
+                  className: cn("bg-primary text-primary-foreground", classNames?.fallback),
+                  children: nameInitials(user.name)
+                }
+              )
+            ] }),
+            status && /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: cn(
+                  "absolute -bottom-0.5 -right-0.5 size-2.5 rounded-full border-2 border-background",
+                  STATUS_DOT[status.tone]
+                ),
+                title: status.detail ? `${status.label} \xB7 ${status.detail}` : status.label,
+                "data-testid": status.testId ? `${status.testId}-dot` : void 0
+              }
+            )
+          ] }),
+          variant === "account" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate text-sm font-medium text-foreground", children: user.name }),
+            /* @__PURE__ */ jsx(ChevronsUpDown, { className: "mr-1 size-4 shrink-0 text-muted-foreground" })
+          ] }) : showChevron && /* @__PURE__ */ jsx(ChevronDown, { className: "size-4 text-muted-foreground" })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsxs(
+      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__ */ jsxs(DropdownMenuLabel, { className: "relative pr-8 pointer-coarse:pr-12", children: [
+            /* @__PURE__ */ jsx(
+              DropdownMenuItem,
+              {
+                className: "absolute right-1 top-1 flex size-6 items-center justify-center rounded-md p-0 text-muted-foreground transition-colors hover:bg-accent hover:text-foreground focus:bg-accent pointer-coarse:right-0 pointer-coarse:top-0 pointer-coarse:size-11",
+                "aria-label": "Close account menu",
+                "data-testid": "user-menu-close",
+                children: /* @__PURE__ */ jsx(X, { className: "size-3.5" })
+              }
+            ),
+            /* @__PURE__ */ jsx("div", { className: "truncate font-medium text-foreground", title: user.name, children: user.name }),
+            user.email && /* @__PURE__ */ jsx("div", { className: "truncate text-xs font-normal text-muted-foreground", title: user.email, children: user.email }),
+            status && /* @__PURE__ */ jsxs(
+              "div",
+              {
+                className: "mt-1 text-xs font-normal text-muted-foreground",
+                "data-testid": status.testId,
+                children: [
+                  /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1.5", children: [
+                    /* @__PURE__ */ jsx("span", { className: cn("size-2 shrink-0 rounded-full", STATUS_DOT[status.tone]) }),
+                    status.label
+                  ] }),
+                  status.detail && /* @__PURE__ */ jsx("div", { className: "mt-0.5 truncate pl-3.5 text-xs leading-tight text-muted-foreground/70", children: status.detail })
+                ]
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
+          items.map((item) => /* @__PURE__ */ jsxs(Fragment$1, { children: [
+            item.separatorBefore && /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
+            /* @__PURE__ */ jsxs(
+              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__ */ jsxs("span", { className: "relative flex shrink-0", children: [
+                    /* @__PURE__ */ jsx(item.icon, { className: "size-4" }),
+                    item.dot && /* @__PURE__ */ jsx(
+                      "span",
+                      {
+                        className: "absolute -right-0.5 -top-0.5 size-2 rounded-full bg-primary ring-2 ring-popover",
+                        "aria-hidden": true
+                      }
+                    )
+                  ] }),
+                  /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate", children: item.label }),
+                  item.badge !== void 0 && /* @__PURE__ */ 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__ */ jsx(
+                    "span",
+                    {
+                      "aria-hidden": true,
+                      className: 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__ */ jsx(
+                        "span",
+                        {
+                          className: cn(
+                            "size-3 rounded-full bg-background transition-transform",
+                            item.checked && "translate-x-3"
+                          )
+                        }
+                      )
+                    }
+                  )
+                ]
+              }
+            )
+          ] }, item.label)),
+          /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
+          /* @__PURE__ */ jsxs(
+            DropdownMenuItem,
+            {
+              onClick: onLogout,
+              "data-testid": logoutTestId ?? `${testId}-logout`,
+              className: "pointer-coarse:min-h-11",
+              children: [
+                /* @__PURE__ */ jsx(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__ */ jsx(VidIcon, { size });
+  if (ext && AUDIO_EXTENSIONS2.has(ext)) return /* @__PURE__ */ jsx(AudIcon, { size });
+  if (ext && IMAGE_EXTENSIONS2.has(ext)) return /* @__PURE__ */ jsx(ImgIcon, { size });
+  if (ext && EMAIL_EXTENSIONS2.has(ext)) return /* @__PURE__ */ jsx(EmlIcon, { size });
+  return /* @__PURE__ */ jsx(PdfIcon, { size });
+}
+function RenameField({
+  seed,
+  onCommit,
+  onCancel,
+  testId
+}) {
+  const done = React2__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__ */ jsx(
+    "input",
+    {
+      autoFocus: true,
+      defaultValue: seed,
+      "data-testid": testId,
+      onFocus: (e) => e.currentTarget.select(),
+      onClick: (e) => e.stopPropagation(),
+      onKeyDown: (e) => {
+        if (e.key === "Enter") {
+          e.preventDefault();
+          commit(e.currentTarget.value);
+        } else if (e.key === "Escape") {
+          e.preventDefault();
+          done.current = true;
+          onCancel();
+        }
+      },
+      onBlur: (e) => commit(e.currentTarget.value),
+      className: "w-full rounded border border-primary bg-background px-1 py-0.5 text-xs text-foreground outline-none"
+    }
+  );
+}
+function StatusMarker({ status, testId }) {
+  let icon = null;
+  let title = "";
+  switch (status) {
+    case "completed":
+      icon = /* @__PURE__ */ jsx(CheckCircle, { className: "size-4 text-success", strokeWidth: 2.75 });
+      title = "Ready";
+      break;
+    case "failed":
+      icon = /* @__PURE__ */ jsx(XCircle, { className: "size-4 text-destructive", strokeWidth: 2.75 });
+      title = "Failed";
+      break;
+    case "skipped":
+      icon = /* @__PURE__ */ jsx(SkipForward, { className: "size-4 text-muted-foreground", strokeWidth: 2.75 });
+      title = "Skipped";
+      break;
+    case "empty":
+      icon = /* @__PURE__ */ jsx(FileX, { className: "size-4 text-warning", strokeWidth: 2.75 });
+      title = "Empty \u2014 no extractable content";
+      break;
+    case "low-content":
+      icon = /* @__PURE__ */ jsx(AlertTriangle, { className: "size-4 text-warning", strokeWidth: 2.75 });
+      title = "Low content \u2014 minimal extractable content";
+      break;
+    default:
+      return null;
+  }
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      title,
+      "data-testid": testId,
+      className: "flex size-6 items-center justify-center rounded-full bg-background shadow-sm",
+      children: icon
+    }
+  );
+}
+function DocumentCard({
+  doc,
+  thumbnailUrl,
+  status,
+  selected = false,
+  onToggleSelect,
+  viewing = false,
+  onOpen,
+  actions,
+  renaming = false,
+  onCommitRename,
+  onCancelRename,
+  tooltipContent,
+  marker,
+  testId = "document-card",
+  className
+}) {
+  const normalised = (status ?? "").toLowerCase();
+  const isProcessing = ACTIVE_STATUSES.has(normalised);
+  const showStatusMarker = !isProcessing && TERMINAL_STATUSES.has(normalised);
+  const [thumbFailed, setThumbFailed] = React2__default.useState(false);
+  const [thumbLandscape, setThumbLandscape] = React2__default.useState(false);
+  const showThumbnail = !!thumbnailUrl && !thumbFailed && !isProcessing;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-testid": testId,
+      className: cn(
+        // Square corners and a portrait-page aspect (height = 1.3 × width), so a
+        // cover-page thumbnail reads edge-to-edge.
+        "group relative aspect-[10/13] select-none overflow-hidden border bg-muted/20 transition",
+        selected ? "border-primary bg-primary/10" : "border-border shadow-sm hover:border-border/80 hover:bg-muted/50",
+        className
+      ),
+      children: [
+        showThumbnail ? /* @__PURE__ */ jsx(
+          "img",
+          {
+            src: thumbnailUrl,
+            alt: "",
+            loading: "lazy",
+            draggable: false,
+            onError: () => setThumbFailed(true),
+            onLoad: (e) => setThumbLandscape(e.currentTarget.naturalWidth > e.currentTarget.naturalHeight),
+            className: cn(
+              "absolute inset-0 size-full bg-white",
+              thumbLandscape ? "object-contain" : "object-cover object-top"
+            )
+          }
+        ) : /* @__PURE__ */ jsx("div", { className: "absolute inset-0 flex items-center justify-center text-muted-foreground", children: fileIcon(doc.file_name, 44) }),
+        isProcessing && /* @__PURE__ */ jsxs(
+          "div",
+          {
+            "data-testid": `${testId}-processing`,
+            className: "absolute inset-0 z-10 flex flex-col items-center justify-center gap-1.5 bg-background/80 px-3",
+            children: [
+              /* @__PURE__ */ jsx("div", { className: "h-1.5 w-full overflow-hidden rounded-sm bg-muted", children: /* @__PURE__ */ jsx("div", { className: "h-full w-1/3 animate-pulse rounded-sm bg-primary" }) }),
+              /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-primary", children: STATUS_LABEL[normalised] ?? normalised })
+            ]
+          }
+        ),
+        onToggleSelect && /* @__PURE__ */ jsx(
+          Checkbox,
+          {
+            checked: selected,
+            onCheckedChange: () => onToggleSelect(),
+            onClick: (e) => e.stopPropagation(),
+            "aria-label": selected ? "Deselect" : "Select",
+            "data-testid": `${testId}-select`,
+            className: cn(
+              "absolute left-1.5 top-1.5 z-20 size-6 rounded-none border-muted-foreground/60 bg-background shadow-sm transition",
+              selected ? "opacity-100" : "opacity-40 group-hover:opacity-100"
+            )
+          }
+        ),
+        actions && /* @__PURE__ */ jsx("div", { className: "absolute right-1.5 top-1.5 z-20", children: actions }),
+        /* @__PURE__ */ jsxs("div", { className: "absolute inset-x-1.5 bottom-1.5 z-20 flex flex-col gap-1", children: [
+          (marker || showStatusMarker) && /* @__PURE__ */ jsxs("div", { className: "flex items-center", children: [
+            marker,
+            showStatusMarker && /* @__PURE__ */ jsx("div", { className: "ml-auto flex", children: /* @__PURE__ */ jsx(StatusMarker, { status: normalised, testId: `${testId}-status` }) })
+          ] }),
+          renaming ? /* @__PURE__ */ jsx(
+            RenameField,
+            {
+              seed: doc.doc_metadata?.title || doc.file_name || "",
+              onCommit: (name) => onCommitRename?.(name),
+              onCancel: () => onCancelRename?.(),
+              testId: `${testId}-rename-input`
+            }
+          ) : /* @__PURE__ */ jsx(
+            DocumentEntity,
+            {
+              doc,
+              fullWidth: true,
+              viewing,
+              tooltipContent,
+              labelClassName: "font-semibold",
+              className: "w-full min-w-0 max-w-full bg-background/90 backdrop-blur-sm",
+              onClick: (e) => {
+                e.stopPropagation();
+                onOpen?.();
+              }
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+
+export { AgentBadge, AiMarkdown, ArbiBotHeadIcon, AudIcon, Avatar, AvatarFallback, AvatarImage, BASE_COLORS2 as BASE_COLORS, Badge, Button, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, Collapsible, CollapsibleContent2 as CollapsibleContent, CollapsibleTrigger2 as CollapsibleTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DictateProvider, DocumentCard, DocumentEntity, ENTITY_MAPPINGS, EmlIcon, EntityIcon, EntityPill, FILE_TYPE_COLORS, HoverCard, HoverCardContent, HoverCardTrigger, IconToggle, ImgIcon, InlineMicButton, Input, Label, MarkMenu, MarkdownRenderer, MarkdownStreamingContext, MicRecordingOverlay, MicWaveformIndicator, NEUTRAL_GRAY2 as NEUTRAL_GRAY, PLACEHOLDER_COLOR, PassageCard, PdfIcon, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, PresenceLabel, Progress, ProjectEntity, RadioGroup, RadioGroupItem, RagDot, RelevanceDot, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Slider, StatusPill, Switch, TAG_TYPE_ICONS, TAG_TYPE_LABELS, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, TagEntity, Textarea, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, UserEntity, UserMenu, VISIBILITY_ICONS, VidIcon, VisibilityIcon, badgeVariants, buttonVariants, cardVariants, classifyMediaError, configureEntityRegistry, configureRagLabels, configureStatusRegistry, formatElapsed, getDocIcon, getEntityColor2 as getEntityColor, getEntityColorStyles, getEntityIcon, getEntityLabel, getStatusVariant, getTagTypeIcon, getTagTypeLabel, getWorkspaceColor, markdownBaseComponents, splitMarkdownBlocks, toggleVariants, useAudioRecorder };
+//# sourceMappingURL=chunk-3CLGHHME.js.map
+//# sourceMappingURL=chunk-3CLGHHME.js.map