@arbidocs/react 0.5.30 → 0.5.31

package/dist/{chunk-I4JYI6GY.js → chunk-KUGZXI7V.js}

@@ -6,10 +6,10 @@ import { getCollisionPadding, usePortalContainer, DropdownMenu, DropdownMenuTrig
 import { cn } from './chunk-SN5YV6FF.js';
 import { useHostConfigRecord } from './chunk-CPZ36AQS.js';
 import * as React from 'react';
-import React__default, { forwardRef, memo, useState, useRef, useEffect, useCallback, useId, useMemo, Fragment as Fragment$1 } from 'react';
+import React__default, { forwardRef, memo, useState, useRef, useEffect, useId, useCallback, useMemo, Fragment as Fragment$1 } from 'react';
 import { createPortal } from 'react-dom';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { Check, ChevronDown, ChevronUp, Circle, Search, MessageCircleMore, MoreVertical, Loader2, Square, Mic, BadgeCheck, MessageSquareLock, Info, FileQuestion, BookOpen, Upload, LogOut, LayoutGrid, Bell, MessageSquare, CircleUserRound, Wrench, CreditCard, ClipboardList, UserPlus, UserStar, Settings2, Users, User, NotebookPen, NotebookText, Building2, Contact, Scale, Tags, StickyNote, FolderPlus, Hash, EyeOff, Eye, CaptionsOff, FolderOpen, MessageSquareMore, MessageSquarePlus, MessageSquareText, MessageSquareOff, MessagesSquare, Columns3Cog, SquarePlus, SquareM, ChevronsDown, Bot, Calendar, Folder, List, SquareCheckBig, Minus, Plus, Share2, CheckCircle2, FileText, Crown, MessageSquareShare, ChevronsUpDown, X, AlertTriangle, FileX, SkipForward, XCircle, CheckCircle } from 'lucide-react';
+import { Check, MessageCircleMore, ChevronDown, ChevronUp, Circle, Search, MoreVertical, Loader2, Square, Mic, BadgeCheck, MessageSquareLock, Info, FileQuestion, BookOpen, Upload, LogOut, LayoutGrid, Bell, MessageSquare, CircleUserRound, Wrench, CreditCard, ClipboardList, UserPlus, UserStar, Settings2, Users, User, NotebookPen, NotebookText, Building2, Contact, Scale, Tags, StickyNote, FolderPlus, Hash, EyeOff, Eye, CaptionsOff, FolderOpen, MessageSquareMore, MessageSquarePlus, MessageSquareText, MessageSquareOff, MessagesSquare, Columns3Cog, SquarePlus, SquareM, ChevronsDown, Bot, Calendar, Folder, List, SquareCheckBig, Minus, Plus, MessageSquareShare, Share2, CheckCircle2, FileText, Crown, ChevronsUpDown, X, AlertTriangle, FileX, SkipForward, XCircle, CheckCircle } from 'lucide-react';
 import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
 import { cva } from 'class-variance-authority';
 import * as SelectPrimitive from '@radix-ui/react-select';
@@ -2246,6 +2246,14 @@ function InlineMicButton({
     )
   ] });
 }
+function ThreadVisibilityIcon({
+  shared,
+  className,
+  ...props
+}) {
+  const Icon2 = shared ? MessageSquareShare : MessageSquareLock;
+  return /* @__PURE__ */ jsx(Icon2, { ...props, className: cn(shared ? "text-secondary" : "text-primary", className) });
+}
 var ENTITY_MAPPINGS = {
   PRODUCT: {
     NAMES: {
@@ -2575,2457 +2583,2449 @@ var VisibilityIcon = ({
     className: [isShared ? "text-secondary" : "text-primary", className].filter(Boolean).join(" ")
   });
 };
-var Select = SelectPrimitive.Root;
-var SelectGroup = SelectPrimitive.Group;
-var SelectValue = SelectPrimitive.Value;
-function SelectPortal({
-  container,
-  ...props
-}) {
-  const fallback = usePortalContainer();
-  return /* @__PURE__ */ jsx(SelectPrimitive.Portal, { container: container ?? fallback, ...props });
+
+// src/entities/tag-kinds.ts
+var KIND_ENTITY = {
+  label: "LABEL",
+  annotation: "ANNOTATION",
+  search: "SAVED_SEARCH",
+  issue: "ISSUE",
+  person: "PERSON",
+  organisation: "ORGANISATION"
+};
+function tagKindTitle(kind, { plural = false } = {}) {
+  return getEntityLabel(KIND_ENTITY[kind], plural ? "PLURAL" : "SINGULAR");
 }
-var SelectTrigger = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
-  SelectPrimitive.Trigger,
-  {
-    ref,
-    className: cn(
-      "flex h-9 pointer-coarse:min-h-11 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm placeholder:text-muted-foreground/60 focus:outline-none focus-visible:border-ring/50 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
-      className
-    ),
-    ...props,
-    children: [
-      children,
-      /* @__PURE__ */ jsx(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx(ChevronDown, { className: "h-4 w-4 opacity-50" }) })
-    ]
-  }
-));
-SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
-var SelectScrollUpButton = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  SelectPrimitive.ScrollUpButton,
-  {
-    ref,
-    className: cn("flex cursor-default items-center justify-center py-1", className),
-    ...props,
-    children: /* @__PURE__ */ jsx(ChevronUp, { className: "h-4 w-4" })
-  }
-));
-SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
-var SelectScrollDownButton = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  SelectPrimitive.ScrollDownButton,
-  {
-    ref,
-    className: cn("flex cursor-default items-center justify-center py-1", className),
-    ...props,
-    children: /* @__PURE__ */ jsx(ChevronDown, { className: "h-4 w-4" })
-  }
-));
-SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
-var SelectContent = React.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsx(SelectPortal, { children: /* @__PURE__ */ jsxs(
-  SelectPrimitive.Content,
-  {
-    ref,
-    className: cn(
-      "relative z-50 max-h-[min(24rem,var(--radix-select-content-available-height))] min-w-[8rem] max-w-[calc(100vw-1rem)] overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
-      position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
-      className
-    ),
-    position,
-    collisionPadding: getCollisionPadding(),
-    ...props,
-    children: [
-      /* @__PURE__ */ jsx(SelectScrollUpButton, {}),
-      /* @__PURE__ */ jsx(
-        SelectPrimitive.Viewport,
-        {
-          className: cn(
-            "p-1",
-            position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
-          ),
-          children
-        }
-      ),
-      /* @__PURE__ */ jsx(SelectScrollDownButton, {})
-    ]
-  }
-) }));
-SelectContent.displayName = SelectPrimitive.Content.displayName;
-var SelectLabel = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  SelectPrimitive.Label,
-  {
-    ref,
-    className: cn("py-1.5 pl-8 pr-2 text-sm font-semibold", className),
-    ...props
-  }
-));
-SelectLabel.displayName = SelectPrimitive.Label.displayName;
-var SelectItem = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
-  SelectPrimitive.Item,
-  {
-    ref,
-    className: cn(
-      "relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 pointer-coarse:min-h-11 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-      className
-    ),
-    ...props,
-    children: [
-      /* @__PURE__ */ jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(Check, { className: "h-4 w-4" }) }) }),
-      /* @__PURE__ */ jsx(SelectPrimitive.ItemText, { children })
-    ]
-  }
-));
-SelectItem.displayName = SelectPrimitive.Item.displayName;
-var SelectSeparator = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  SelectPrimitive.Separator,
-  {
-    ref,
-    className: cn("-mx-1 my-1 h-px bg-muted", className),
-    ...props
+function tagKindNouns(kind) {
+  return {
+    singular: tagKindTitle(kind).toLowerCase(),
+    plural: tagKindTitle(kind, { plural: true }).toLowerCase()
+  };
+}
+var VARIANT_STYLES = {
+  "mine-paid": {
+    pill: "text-primary",
+    icon: "text-primary"
+  },
+  other: {
+    pill: "text-secondary",
+    icon: "text-secondary"
+  },
+  "mine-free": {
+    pill: "text-muted-foreground",
+    icon: "text-muted-foreground"
+  },
+  common: {
+    pill: "",
+    icon: "text-muted-foreground"
   }
-));
-SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
-var COLORS = {
-  text: "text-secondary",
-  bg: "bg-secondary"
 };
-function isItemShared(item) {
-  return item.shared === true || item.is_shared === true;
+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 VisibilityToggle({
-  items,
-  presentation = "toggle",
-  onToggle,
-  disabled = false,
-  disabledTooltip,
-  disablePrivate = false,
-  showLabel = true,
-  showTooltip = true,
-  tooltipActive,
-  tooltipInactive,
-  tooltipMixed,
-  label = "Visibility",
-  workspaceLabel = getEntityLabel("WORKSPACE"),
-  "data-testid": dataTestId
+function ProjectEntity({
+  name,
+  label,
+  icon,
+  subscription = "none",
+  hasCollaborators = false,
+  size = "sm",
+  className,
+  onClick,
+  relation,
+  isPaid,
+  tooltipContent
 }) {
-  const itemsArray = useMemo(() => Array.isArray(items) ? items : [items], [items]);
-  const { isAllShared, isMixed } = useMemo(() => {
-    if (itemsArray.length === 0) return { isAllShared: false, isMixed: false };
-    const sharedCount = itemsArray.filter(isItemShared).length;
-    return {
-      isAllShared: sharedCount === itemsArray.length,
-      isMixed: sharedCount > 0 && sharedCount < itemsArray.length
-    };
-  }, [itemsArray]);
-  const isSingle = itemsArray.length === 1;
-  const defaultTooltipActive = `Hide${isSingle ? "" : " all"} from ${workspaceLabel} members`;
-  const defaultTooltipInactive = `Make${isSingle ? "" : " all"} visible to ${workspaceLabel} members`;
-  const defaultTooltipMixed = `Make all visible to ${workspaceLabel} members (some already shared)`;
-  const handleToggle = () => {
-    const shouldShare = !isAllShared;
-    if (disablePrivate && !shouldShare) return;
-    onToggle(shouldShare);
-  };
-  if (presentation === "select")
-    return /* @__PURE__ */ jsxs(
-      Select,
-      {
-        value: isMixed ? "mixed" : isAllShared ? "workspace" : "me",
-        onValueChange: (value) => onToggle(value === "workspace"),
-        disabled: disabled || !itemsArray.length,
-        children: [
-          /* @__PURE__ */ jsxs(
-            SelectTrigger,
-            {
-              "aria-label": label,
-              "data-testid": dataTestId,
-              className: "h-7 w-auto gap-1 border-0 bg-transparent px-1 text-xs font-normal text-muted-foreground shadow-none hover:bg-muted pointer-coarse:h-11",
-              children: [
-                showLabel && /* @__PURE__ */ jsxs("span", { children: [
-                  label,
-                  ":"
-                ] }),
-                /* @__PURE__ */ jsx(SelectValue, {})
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsxs(SelectContent, { children: [
-            /* @__PURE__ */ jsx(SelectItem, { value: "me", disabled: disablePrivate, children: "Me" }),
-            /* @__PURE__ */ jsx(SelectItem, { value: "workspace", children: "Workspace" }),
-            isMixed && /* @__PURE__ */ jsx(SelectItem, { value: "mixed", disabled: true, children: "Mixed" })
-          ] })
-        ]
-      }
-    );
+  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(
-    IconToggle,
+    EntityPill,
     {
-      icon: Share2,
-      isActive: isAllShared,
-      onToggle: handleToggle,
-      colors: COLORS,
-      inactiveColors: { text: "text-primary", bg: "bg-primary/10" },
-      disabled: disabled || itemsArray.length === 0,
-      disabledTooltip,
-      showLabel,
-      showTooltip,
-      label,
-      isMixed,
-      tooltipActive: tooltipActive || defaultTooltipActive,
-      tooltipInactive: tooltipInactive || defaultTooltipInactive,
-      tooltipMixed: tooltipMixed || defaultTooltipMixed,
-      "data-testid": dataTestId
+      icon: iconNode,
+      label: label ?? name,
+      size,
+      shape: "rounded",
+      className: cn(pill, className),
+      onClick,
+      tooltipContent
     }
   );
 }
-var COLORS2 = {
-  text: "text-green-text",
-  bg: "bg-green-text"
+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 VerifiedToggle({
-  verified,
-  onToggle,
-  disabled = false,
-  showLabel = true,
-  showTooltip = true,
-  tooltipActive,
-  tooltipInactive,
-  "data-testid": dataTestId
-}) {
+function VerifiedBadge({ className, label = "Identity verified" }) {
   return /* @__PURE__ */ jsx(
-    IconToggle,
+    BadgeCheck,
     {
-      icon: CheckCircle2,
-      isActive: verified,
-      onToggle,
-      colors: COLORS2,
-      disabled,
-      showLabel,
-      label: "Verified",
-      showTooltip,
-      tooltipActive: tooltipActive || "Verified by a human \u2014 click to unverify",
-      tooltipInactive: tooltipInactive || "Not verified \u2014 click to verify",
-      "data-testid": dataTestId
+      role: "img",
+      "aria-label": label,
+      "data-testid": "verified-badge",
+      className: cn("h-3.5 w-3.5 shrink-0 text-sky-500", className),
+      children: /* @__PURE__ */ jsx("title", { children: label })
     }
   );
 }
-
-// src/lib/format-friendly-date.ts
-function formatFriendlyDate(dateString, includeTime = true) {
-  if (!dateString) return "";
-  try {
-    if (dateString.includes("Today") || dateString.includes("Yesterday") || /\w+ \d+, \d+:\d+:\d+/.test(dateString)) {
-      return dateString;
-    }
-    if (/^\d{1,2}:\d{2}(:\d{2})?$/.test(dateString)) {
-      return dateString;
-    }
-    const date = new Date(dateString);
-    if (isNaN(date.getTime())) return dateString;
-    const timeOptions = { hour: "2-digit", minute: "2-digit" };
-    const timeString = date.toLocaleTimeString([], timeOptions);
-    const now = /* @__PURE__ */ new Date();
-    const today = now.toDateString();
-    const yesterday = new Date(now);
-    yesterday.setDate(yesterday.getDate() - 1);
-    if (date.toDateString() === today) {
-      return includeTime ? `Today, ${timeString}` : "today";
-    } else if (date.toDateString() === yesterday.toDateString()) {
-      return includeTime ? `Yesterday, ${timeString}` : "yesterday";
-    } else {
-      const dateOptions = {
-        month: "short",
-        day: "numeric"
-      };
-      if (date.getFullYear() !== now.getFullYear()) {
-        dateOptions.year = "numeric";
+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,
+  avatarImageClassName,
+  colorClass = "",
+  isAgent: isAgent2 = false,
+  isVerified = 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 formattedDate = date.toLocaleDateString([], dateOptions);
-      return includeTime ? `${formattedDate}, ${timeString}` : formattedDate;
-    }
-  } catch {
-    return dateString;
+    );
   }
-}
-
-// src/lib/markdown-to-text.ts
-function markdownToPlainText(input) {
-  if (!input) return "";
-  return input.replace(/```[^\n]*\n?/g, "").replace(/!\[([^\]]*)\]\([^)]*\)/g, "$1").replace(/\[([^\]]+)\]\([^)]*\)/g, "$1").replace(/^[ \t]*#{1,6}[ \t]+/gm, "").replace(/^[ \t]*>[ \t]?/gm, "").replace(/^[ \t]*([-*+]|\d+[.)])[ \t]+/gm, "").replace(/(\*\*|__)(.*?)\1/g, "$2").replace(/(\*|_)(.*?)\1/g, "$2").replace(/`([^`]*)`/g, "$1").replace(/\s+/g, " ").trim();
-}
-var TABLE_DELIMITER_ROW = /^\s*\|?\s*:?-{3,}:?\s*(\|\s*:?-{3,}:?\s*)*\|?\s*$/;
-function splitTableRow(line) {
-  return line.trim().replace(/^\|/, "").replace(/(?<!\\)\|$/, "").split(/(?<!\\)\|/).map((cell) => cell.trim().replace(/\\\|/g, "|"));
-}
-function flattenMarkdownTables(input) {
-  const lines = input.split("\n");
-  const out = [];
-  for (let i = 0; i < lines.length; i++) {
-    const isTableStart = lines[i].includes("|") && i + 1 < lines.length && lines[i + 1].includes("|") && TABLE_DELIMITER_ROW.test(lines[i + 1]);
-    if (!isTableStart) {
-      out.push(lines[i]);
-      continue;
+  const agentBadge = isAgent2 ? /* @__PURE__ */ jsx(ArbiBotHeadIcon, { className: "w-3.5 h-3.5 text-muted-foreground" }) : void 0;
+  const canMessage = interactive && !isMe && !isAgent2;
+  const showUnread = hasUnreadMessages && !isMe && !isAgent2;
+  const surfaceStyle = avatarStyle ?? agentStyle;
+  const avatarCore = /* @__PURE__ */ jsxs(
+    Avatar,
+    {
+      className: cn(
+        sizeClasses[size],
+        isAgent2 ? "rounded-full border-2 border-dashed" : "border border-white"
+      ),
+      style: surfaceStyle,
+      "data-testid": "user-entity",
+      children: [
+        picture && /* @__PURE__ */ jsx(AvatarImage, { src: picture, alt: initials, className: avatarImageClassName }),
+        /* @__PURE__ */ jsx(
+          AvatarFallback,
+          {
+            className: cn(
+              textSizeClasses[size],
+              "font-semibold leading-none",
+              isAgent2 ? "rounded-full bg-transparent" : `text-white ${colorClass}`
+            ),
+            style: surfaceStyle,
+            children: initials
+          }
+        )
+      ]
     }
-    out.push(splitTableRow(lines[i]).join("	"));
-    i += 1;
-    while (i + 1 < lines.length && lines[i + 1].includes("|") && lines[i + 1].trim()) {
-      i += 1;
-      out.push(splitTableRow(lines[i]).join("	"));
+  );
+  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]
     }
-  }
-  return out.join("\n");
-}
-function markdownToPlainTextBlocks(input) {
-  if (!input) return "";
-  return flattenMarkdownTables(input).replace(/^[ \t]*([-*_])([ \t]*\1){2,}[ \t]*$/gm, "").replace(/```[^\n]*\n?/g, "").replace(/!\[([^\]]*)\]\([^)]*\)/g, "$1").replace(/\[([^\]]+)\]\(([^)\s]+)\)/g, "$1 ($2)").replace(/^[ \t]*#{1,6}[ \t]+/gm, "").replace(/^[ \t]*>[ \t]?/gm, "").replace(/(\*\*|__)(?=\S)(.+?)(?<=\S)\1/g, "$2").replace(/\*(?=\S)(.+?)(?<=\S)\*/g, "$1").replace(/(^|[^\w])_(?=\S)(.+?)(?<=\S)_(?!\w)/g, "$1$2").replace(/`([^`]*)`/g, "$1").replace(/[ \t]+\n/g, "\n").replace(/\n{3,}/g, "\n\n").trim();
-}
-
-// src/ui/DictateContext.tsx
-function useDictateContext() {
-  return useHostConfigRecord().dictate ?? null;
-}
-var Input = React.forwardRef(
-  ({ className, type, dictate, onFocus, onBlur, ...props }, forwardedRef) => {
-    const dictateCtx = useDictateContext();
-    const [focused, setFocused] = React.useState(false);
-    const innerRef = React.useRef(null);
-    React.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,
+  ) : 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",
         {
-          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 }));
-          }
+          "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 }),
+      isVerified && !isAgent2 && /* @__PURE__ */ jsx(VerifiedBadge, {}),
+      agentBadge
     ] });
-  }
-);
-Input.displayName = "Input";
-var Textarea = React.forwardRef(
-  ({ className, dictate, onFocus, onBlur, ...props }, forwardedRef) => {
-    const dictateCtx = useDictateContext();
-    const [focused, setFocused] = React.useState(false);
-    const innerRef = React.useRef(null);
-    React.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
+    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
+          }
         ),
-        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(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(
-        InlineMicButton,
+        TooltipTrigger,
         {
-          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 }));
-          }
+          onFocusCapture: (e) => e.stopPropagation(),
+          className: "touch-hit inline-flex",
+          children: avatarElement
         }
-      )
+      ),
+      /* @__PURE__ */ jsx(TooltipContent, { className: "p-2", children: tooltipContent })
     ] });
   }
-);
-Textarea.displayName = "Textarea";
-function DebouncedInput({
-  value,
-  onChange,
-  disabled,
-  type = "text",
-  multiline = false,
-  className,
-  debounceMs = 500,
-  placeholder,
-  autoResize = true,
-  minHeight = 28,
-  maxHeight = 72
-}) {
-  const [localValue, setLocalValue] = useState(value);
-  const timeoutRef = useRef(void 0);
-  const pendingRef = useRef(null);
-  const textareaRef = useRef(null);
-  const adjustHeight = useCallback(() => {
-    const textarea = textareaRef.current;
-    if (!textarea || !autoResize) return;
-    textarea.style.height = "auto";
-    const newHeight = Math.min(Math.max(textarea.scrollHeight, minHeight), maxHeight);
-    textarea.style.height = `${newHeight}px`;
-  }, [autoResize, minHeight, maxHeight]);
-  useEffect(() => {
-    if (pendingRef.current !== null) return;
-    setLocalValue(value);
-  }, [value]);
-  useEffect(() => {
-    if (multiline) {
-      adjustHeight();
+  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"
+      ]
     }
-  }, [localValue, multiline, adjustHeight]);
-  const onChangeRef = useRef(onChange);
-  useEffect(() => {
-    onChangeRef.current = onChange;
-  }, [onChange]);
-  const flushPendingChange = useCallback(() => {
-    if (pendingRef.current === null) return false;
-    const pending = pendingRef.current;
-    pendingRef.current = null;
-    clearTimeout(timeoutRef.current);
-    onChangeRef.current(pending);
-    return true;
-  }, []);
-  const handleChange = useCallback(
-    (e) => {
-      const newValue = e.target.value;
-      setLocalValue(newValue);
-      pendingRef.current = newValue;
-      clearTimeout(timeoutRef.current);
-      timeoutRef.current = setTimeout(() => {
-        pendingRef.current = null;
-        onChangeRef.current(newValue);
-      }, debounceMs);
-    },
-    [debounceMs]
   );
-  useEffect(
-    () => () => {
-      const pending = pendingRef.current;
-      pendingRef.current = null;
-      clearTimeout(timeoutRef.current);
-      if (pending !== null) onChangeRef.current(pending);
-    },
-    []
-  );
-  const handleBlur = useCallback(() => {
-    flushPendingChange();
-    if (localValue !== value) {
-      setLocalValue(value);
-    }
-  }, [flushPendingChange, localValue, value]);
-  if (multiline) {
-    return /* @__PURE__ */ jsx(
-      Textarea,
-      {
-        ref: textareaRef,
-        value: localValue,
-        onChange: handleChange,
-        onBlur: handleBlur,
-        disabled,
-        className: `resize-y ${className || ""}`,
-        placeholder,
-        style: { minHeight: `${minHeight}px` }
-      }
-    );
-  }
-  return /* @__PURE__ */ jsx(
-    Input,
+}
+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",
     {
-      type,
-      value: localValue,
-      onChange: handleChange,
-      onBlur: handleBlur,
-      disabled,
-      className,
-      placeholder
+      "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 HoverCard = HoverCardPrimitive.Root;
-var HoverCardTrigger = HoverCardPrimitive.Trigger;
-function HoverCardPortal({
-  container,
-  ...props
+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 fallback = usePortalContainer();
-  return /* @__PURE__ */ jsx(HoverCardPrimitive.Portal, { container: container ?? fallback, ...props });
+  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 HoverCardContent = React.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(HoverCardPortal, { 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("min-w-0 rounded-lg bg-card text-card-foreground", {
-  variants: {
-    variant: {
-      flat: "",
-      outline: "border",
-      elevated: "border shadow-sm"
-    }
-  },
-  defaultVariants: {
-    variant: "flat"
+
+// 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;
   }
-});
-var Card = React.forwardRef(
-  ({ className, variant, ...props }, ref) => /* @__PURE__ */ jsx(
-    "div",
+}
+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");
+};
+var ShieldIcon = ({
+  char,
+  size = 24,
+  className = "",
+  workspaceColor,
+  isSelected = false,
+  ...props
+}) => {
+  const fillColor = workspaceColor && workspaceColor !== "hsl(var(--primary))" ? workspaceColor : "transparent";
+  const strokeColor = isSelected ? "white" : workspaceColor && workspaceColor !== "hsl(var(--primary))" ? workspaceColor : "currentColor";
+  return /* @__PURE__ */ jsxs(
+    "svg",
     {
-      ref,
-      "data-slot": "card",
-      className: cn(cardVariants({ variant }), className),
-      ...props
+      width: size,
+      height: size,
+      viewBox: "0 0 24 24",
+      fill: fillColor,
+      stroke: strokeColor,
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      className: `lucide lucide-square ${className}`,
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }),
+        char && /* @__PURE__ */ jsx(
+          "text",
+          {
+            x: "12",
+            y: "12.5",
+            textAnchor: "middle",
+            fontSize: "9",
+            fontFamily: "sans-serif",
+            fontWeight: "300",
+            dominantBaseline: "middle",
+            stroke: workspaceColor ? "white" : "currentColor",
+            strokeWidth: "0.8",
+            children: char.toUpperCase()
+          }
+        )
+      ]
     }
-  )
-);
-Card.displayName = "Card";
-var CardHeader = React.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 = React.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 = React.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 = React.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 = React.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-    "div",
-    {
-      ref,
-      "data-slot": "card-footer",
-      className: cn("flex items-center p-6 pt-0", className),
-      ...props
+  );
+};
+
+// src/entities/agent-avatar-colors.ts
+var BG_TO_COLOR = {
+  "bg-emerald-700": "#047857",
+  "bg-blue-700": "#1d4ed8",
+  "bg-purple-700": "#7e22ce",
+  "bg-amber-700": "#b45309",
+  "bg-rose-700": "#be123c",
+  "bg-red-700": "#b91c1c",
+  "bg-indigo-700": "#4338ca",
+  "bg-teal-700": "#0f766e",
+  "bg-cyan-700": "#0e7490",
+  "bg-sky-700": "#0369a1",
+  "bg-lime-700": "#4d7c0f",
+  "bg-orange-700": "#c2410c",
+  "bg-pink-700": "#be185d",
+  "bg-violet-700": "#6d28d9",
+  "bg-fuchsia-700": "#a21caf",
+  "bg-yellow-700": "#a16207"
+};
+function agentAvatarColors(bgColorClass) {
+  const color = BG_TO_COLOR[bgColorClass] || "#047857";
+  return { borderColor: color, color };
+}
+
+// src/entities/media-type.ts
+function getDottedExtension(fileName) {
+  if (!fileName) return "";
+  return fileName.substring(fileName.lastIndexOf(".")).toLowerCase();
+}
+var DOWNLOAD_ONLY_EXTENSIONS = /* @__PURE__ */ new Set([
+  ".zip",
+  ".rar",
+  ".7z",
+  ".tar",
+  ".gz",
+  ".exe",
+  ".bin",
+  ".dmg",
+  ".iso",
+  ".apk",
+  ".msi",
+  ".dll",
+  ".so",
+  ".psd",
+  ".ai",
+  ".sketch"
+]);
+var IMAGE_EXTENSIONS3 = /* @__PURE__ */ new Set([
+  ".jpg",
+  ".jpeg",
+  ".png",
+  ".gif",
+  ".bmp",
+  ".tiff",
+  ".tif",
+  ".webp"
+]);
+var VIDEO_EXTENSIONS3 = /* @__PURE__ */ new Set([".mp4", ".mpeg", ".mpg", ".webm", ".mov", ".avi", ".mkv"]);
+var AUDIO_EXTENSIONS3 = /* @__PURE__ */ new Set([".mp3", ".wav", ".m4a", ".aac", ".ogg", ".flac"]);
+function isImageFile(fileName) {
+  return IMAGE_EXTENSIONS3.has(getDottedExtension(fileName));
+}
+function isVideoFile(fileName) {
+  return VIDEO_EXTENSIONS3.has(getDottedExtension(fileName));
+}
+function isAudioFile(fileName) {
+  return AUDIO_EXTENSIONS3.has(getDottedExtension(fileName));
+}
+function isMediaFile(fileName) {
+  return isImageFile(fileName) || isVideoFile(fileName) || isAudioFile(fileName);
+}
+function usesOriginalBytesForViewer(fileName) {
+  return isMediaFile(fileName);
+}
+function isDownloadOnlyFile(fileName) {
+  return DOWNLOAD_ONLY_EXTENSIONS.has(getDottedExtension(fileName));
+}
+
+// src/entities/file-type.ts
+var EXT_LABELS = {
+  pdf: "PDF",
+  // Word / docs
+  doc: "Word",
+  docx: "Word",
+  rtf: "Word",
+  odt: "Word",
+  // Spreadsheets
+  xls: "Excel",
+  xlsx: "Excel",
+  ods: "Excel",
+  csv: "CSV",
+  tsv: "CSV",
+  // Slides
+  ppt: "PowerPoint",
+  pptx: "PowerPoint",
+  odp: "PowerPoint",
+  // Plain text / markup
+  txt: "Text",
+  log: "Text",
+  md: "Markdown",
+  markdown: "Markdown",
+  html: "HTML",
+  htm: "HTML",
+  xml: "XML",
+  json: "JSON",
+  yaml: "YAML",
+  yml: "YAML",
+  // Email
+  eml: "Email",
+  msg: "Email",
+  mbox: "Email",
+  pst: "Outlook",
+  ost: "Outlook",
+  // Images
+  jpg: "Image",
+  jpeg: "Image",
+  png: "Image",
+  gif: "Image",
+  bmp: "Image",
+  tif: "Image",
+  tiff: "Image",
+  webp: "Image",
+  svg: "Image",
+  heic: "Image",
+  heif: "Image",
+  // Audio
+  mp3: "Audio",
+  wav: "Audio",
+  m4a: "Audio",
+  aac: "Audio",
+  ogg: "Audio",
+  flac: "Audio",
+  opus: "Audio",
+  // Video
+  mp4: "Video",
+  webm: "Video",
+  mov: "Video",
+  avi: "Video",
+  mkv: "Video",
+  // Archives
+  zip: "Archive",
+  tar: "Archive",
+  gz: "Archive",
+  rar: "Archive",
+  "7z": "Archive"
+};
+var MIME_SUBTYPE_LABELS = {
+  // PDF
+  pdf: "PDF",
+  "x-pdf": "PDF",
+  // Word
+  msword: "Word",
+  "vnd.openxmlformats-officedocument.wordprocessingml.document": "Word",
+  "vnd.oasis.opendocument.text": "Word",
+  rtf: "Word",
+  // Excel
+  "vnd.ms-excel": "Excel",
+  "vnd.openxmlformats-officedocument.spreadsheetml.sheet": "Excel",
+  "vnd.oasis.opendocument.spreadsheet": "Excel",
+  csv: "CSV",
+  "tab-separated-values": "CSV",
+  // PowerPoint
+  "vnd.ms-powerpoint": "PowerPoint",
+  "vnd.openxmlformats-officedocument.presentationml.presentation": "PowerPoint",
+  "vnd.oasis.opendocument.presentation": "PowerPoint",
+  // Plain text / markup
+  plain: "Text",
+  html: "HTML",
+  xml: "XML",
+  json: "JSON",
+  markdown: "Markdown",
+  "x-markdown": "Markdown",
+  yaml: "YAML",
+  "x-yaml": "YAML",
+  // Email
+  rfc822: "Email",
+  "vnd.ms-outlook": "Email",
+  // Archives
+  zip: "Archive",
+  "x-zip-compressed": "Archive",
+  "x-tar": "Archive",
+  gzip: "Archive",
+  "x-7z-compressed": "Archive",
+  "x-rar-compressed": "Archive"
+};
+var MIME_TYPE_LABELS = {
+  image: "Image",
+  audio: "Audio",
+  video: "Video",
+  text: "Text"
+};
+function lookupExt(ext) {
+  return EXT_LABELS[ext.toLowerCase().replace(/^\./, "")];
+}
+function lookupMime(mime) {
+  const base = mime.toLowerCase().split(";")[0].trim();
+  const slash = base.indexOf("/");
+  if (slash <= 0) return void 0;
+  const top = base.slice(0, slash);
+  const sub = base.slice(slash + 1);
+  return MIME_SUBTYPE_LABELS[sub] ?? MIME_TYPE_LABELS[top];
+}
+function extFromFileName(fileName) {
+  if (!fileName) return void 0;
+  const dot = fileName.lastIndexOf(".");
+  if (dot <= 0 || dot === fileName.length - 1) return void 0;
+  return fileName.slice(dot + 1);
+}
+function friendlyFileType(fileType, fileName) {
+  if (fileType) {
+    const trimmed = fileType.trim();
+    if (trimmed.includes("/")) {
+      const fromMime = lookupMime(trimmed);
+      if (fromMime) return fromMime;
+    } else {
+      const fromExt = lookupExt(trimmed);
+      if (fromExt) return fromExt;
     }
-  )
-);
-CardFooter.displayName = "CardFooter";
-var Label2 = React.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
   }
-));
-Label2.displayName = "Label";
-var Separator2 = React.forwardRef(({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsx(
-  SeparatorPrimitive.Root,
+  const fnExt = extFromFileName(fileName);
+  if (fnExt) {
+    const fromExt = lookupExt(fnExt);
+    if (fromExt) return fromExt;
+  }
+  return "Other";
+}
+var Select = SelectPrimitive.Root;
+var SelectGroup = SelectPrimitive.Group;
+var SelectValue = SelectPrimitive.Value;
+function SelectPortal({
+  container,
+  ...props
+}) {
+  const fallback = usePortalContainer();
+  return /* @__PURE__ */ jsx(SelectPrimitive.Portal, { container: container ?? fallback, ...props });
+}
+var SelectTrigger = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+  SelectPrimitive.Trigger,
   {
     ref,
-    decorative,
-    orientation,
     className: cn(
-      "shrink-0 bg-border",
-      orientation === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]",
+      "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
+    ...props,
+    children: [
+      children,
+      /* @__PURE__ */ jsx(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx(ChevronDown, { className: "h-4 w-4 opacity-50" }) })
+    ]
   }
 ));
-Separator2.displayName = SeparatorPrimitive.Root.displayName;
-var Collapsible = CollapsiblePrimitive.Root;
-var CollapsibleTrigger2 = CollapsiblePrimitive.CollapsibleTrigger;
-var CollapsibleContent2 = CollapsiblePrimitive.CollapsibleContent;
-var Progress = React.forwardRef(({ className, value, ...props }, ref) => /* @__PURE__ */ jsx(
-  ProgressPrimitive.Root,
+SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
+var SelectScrollUpButton = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  SelectPrimitive.ScrollUpButton,
   {
     ref,
-    className: cn("relative h-2 w-full overflow-hidden rounded-full bg-primary/20", className),
+    className: cn("flex cursor-default items-center justify-center py-1", className),
     ...props,
-    children: /* @__PURE__ */ jsx(
-      ProgressPrimitive.Indicator,
-      {
-        className: "h-full w-full flex-1 bg-primary transition-all",
-        style: { transform: `translateX(-${100 - (value || 0)}%)` }
-      }
-    )
+    children: /* @__PURE__ */ jsx(ChevronUp, { className: "h-4 w-4" })
   }
 ));
-Progress.displayName = ProgressPrimitive.Root.displayName;
-var RadioGroup = React.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx(RadioGroupPrimitive.Root, { className: cn("grid gap-2", className), ...props, ref });
-});
-RadioGroup.displayName = RadioGroupPrimitive.Root.displayName;
-var RadioGroupItem = React.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 Switch = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  SwitchPrimitives.Root,
+SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
+var SelectScrollDownButton = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  SelectPrimitive.ScrollDownButton,
   {
-    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"
-        )
-      }
-    )
+    className: cn("flex cursor-default items-center justify-center py-1", className),
+    ...props,
+    children: /* @__PURE__ */ jsx(ChevronDown, { className: "h-4 w-4" })
   }
 ));
-Switch.displayName = SwitchPrimitives.Root.displayName;
-var Tabs = TabsPrimitive.Root;
-var TabsList = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  TabsPrimitive.List,
+SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
+var SelectContent = React.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsx(SelectPortal, { children: /* @__PURE__ */ jsxs(
+  SelectPrimitive.Content,
   {
     ref,
     className: cn(
-      "inline-flex h-9 pointer-coarse:h-auto items-center justify-center rounded-lg bg-muted p-1 text-muted-foreground",
+      "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
     ),
-    ...props
+    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, {})
+    ]
   }
-));
-TabsList.displayName = TabsPrimitive.List.displayName;
-var TabsTrigger = React.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
-    ),
+) }));
+SelectContent.displayName = SelectPrimitive.Content.displayName;
+var SelectLabel = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  SelectPrimitive.Label,
+  {
+    ref,
+    className: cn("py-1.5 pl-8 pr-2 text-sm font-semibold", className),
     ...props
   }
 ));
-TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
-var TabsContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  TabsPrimitive.Content,
+SelectLabel.displayName = SelectPrimitive.Label.displayName;
+var SelectItem = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+  SelectPrimitive.Item,
   {
     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",
+      "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
+    ...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 })
+    ]
   }
 ));
-TabsContent.displayName = TabsPrimitive.Content.displayName;
-var Table = React.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 = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("thead", { ref, className: cn("[&_tr]:border-b", className), ...props }));
-TableHeader.displayName = "TableHeader";
-var TableBody = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("tbody", { ref, className: cn("[&_tr:last-child]:border-0", className), ...props }));
-TableBody.displayName = "TableBody";
-var TableFooter = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  "tfoot",
+SelectItem.displayName = SelectPrimitive.Item.displayName;
+var SelectSeparator = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  SelectPrimitive.Separator,
   {
     ref,
-    className: cn("border-t bg-muted/50 font-medium [&>tr]:last:border-b-0", className),
+    className: cn("-mx-1 my-1 h-px bg-muted", className),
     ...props
   }
 ));
-TableFooter.displayName = "TableFooter";
-var TableRow = React.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 = React.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 = React.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 = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("caption", { ref, className: cn("mt-4 text-sm text-muted-foreground", className), ...props }));
-TableCaption.displayName = "TableCaption";
-var Slider = React.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"
+SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
+var COLORS = {
+  text: "text-secondary",
+  bg: "bg-secondary"
+};
+function isItemShared(item) {
+  return item.shared === true || item.is_shared === true;
+}
+function VisibilityToggle({
+  items,
+  presentation = "toggle",
+  onToggle,
+  disabled = false,
+  disabledTooltip,
+  disablePrivate = false,
+  showLabel = true,
+  showTooltip = true,
+  tooltipActive,
+  tooltipInactive,
+  tooltipMixed,
+  label = "Visibility",
+  workspaceLabel = getEntityLabel("WORKSPACE"),
+  "data-testid": dataTestId
+}) {
+  const itemsArray = useMemo(() => Array.isArray(items) ? items : [items], [items]);
+  const { isAllShared, isMixed } = useMemo(() => {
+    if (itemsArray.length === 0) return { isAllShared: false, isMixed: false };
+    const sharedCount = itemsArray.filter(isItemShared).length;
+    return {
+      isAllShared: sharedCount === itemsArray.length,
+      isMixed: sharedCount > 0 && sharedCount < itemsArray.length
+    };
+  }, [itemsArray]);
+  const isSingle = itemsArray.length === 1;
+  const defaultTooltipActive = `Hide${isSingle ? "" : " all"} from ${workspaceLabel} members`;
+  const defaultTooltipInactive = `Make${isSingle ? "" : " all"} visible to ${workspaceLabel} members`;
+  const defaultTooltipMixed = `Make all visible to ${workspaceLabel} members (some already shared)`;
+  const handleToggle = () => {
+    const shouldShare = !isAllShared;
+    if (disablePrivate && !shouldShare) return;
+    onToggle(shouldShare);
+  };
+  if (presentation === "select")
+    return /* @__PURE__ */ jsxs(
+      Select,
+      {
+        value: isMixed ? "mixed" : isAllShared ? "workspace" : "me",
+        onValueChange: (value) => onToggle(value === "workspace"),
+        disabled: disabled || !itemsArray.length,
+        children: [
+          /* @__PURE__ */ jsxs(
+            SelectTrigger,
+            {
+              "aria-label": label,
+              "data-testid": dataTestId,
+              className: "h-7 w-auto gap-1 border-0 bg-transparent px-1 text-xs font-normal text-muted-foreground shadow-none hover:bg-muted pointer-coarse:h-11",
+              children: [
+                showLabel && /* @__PURE__ */ jsxs("span", { children: [
+                  label,
+                  ":"
+                ] }),
+                /* @__PURE__ */ jsx(SelectValue, {})
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxs(SelectContent, { children: [
+            /* @__PURE__ */ jsx(SelectItem, { value: "me", disabled: disablePrivate, children: "Me" }),
+            /* @__PURE__ */ jsx(SelectItem, { value: "workspace", children: "Workspace" }),
+            isMixed && /* @__PURE__ */ jsx(SelectItem, { value: "mixed", disabled: true, children: "Mixed" })
+          ] })
+        ]
       }
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default"
+    );
+  return /* @__PURE__ */ jsx(
+    IconToggle,
+    {
+      icon: Share2,
+      isActive: isAllShared,
+      onToggle: handleToggle,
+      colors: COLORS,
+      inactiveColors: { text: "text-primary", bg: "bg-primary/10" },
+      disabled: disabled || itemsArray.length === 0,
+      disabledTooltip,
+      showLabel,
+      showTooltip,
+      label,
+      isMixed,
+      tooltipActive: tooltipActive || defaultTooltipActive,
+      tooltipInactive: tooltipInactive || defaultTooltipInactive,
+      tooltipMixed: tooltipMixed || defaultTooltipMixed,
+      "data-testid": dataTestId
     }
-  }
-);
-var Toggle = React.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 = React.createContext({
-  size: "default",
-  variant: "default"
-});
-var ToggleGroup = React.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 = React.forwardRef(({ className, children, variant, size, ...props }, ref) => {
-  const context = React.useContext(ToggleGroupContext);
+  );
+}
+var COLORS2 = {
+  text: "text-green-text",
+  bg: "bg-green-text"
+};
+function VerifiedToggle({
+  verified,
+  onToggle,
+  disabled = false,
+  showLabel = true,
+  showTooltip = true,
+  tooltipActive,
+  tooltipInactive,
+  "data-testid": dataTestId
+}) {
   return /* @__PURE__ */ jsx(
-    ToggleGroupPrimitive.Item,
+    IconToggle,
     {
-      ref,
-      className: cn(
-        toggleVariants({
-          variant: context.variant || variant,
-          size: context.size || size
-        }),
-        className
-      ),
-      ...props,
-      children
+      icon: CheckCircle2,
+      isActive: verified,
+      onToggle,
+      colors: COLORS2,
+      disabled,
+      showLabel,
+      label: "Verified",
+      showTooltip,
+      tooltipActive: tooltipActive || "Verified by a human \u2014 click to unverify",
+      tooltipInactive: tooltipInactive || "Not verified \u2014 click to verify",
+      "data-testid": dataTestId
     }
   );
-});
-ToggleGroupItem.displayName = ToggleGroupPrimitive.Item.displayName;
-var Popover = PopoverPrimitive.Root;
-var PopoverTrigger = PopoverPrimitive.Trigger;
-var PopoverAnchor = PopoverPrimitive.Anchor;
-function PopoverPortal({
-  container,
-  ...props
-}) {
-  const fallback = usePortalContainer();
-  return /* @__PURE__ */ jsx(PopoverPrimitive.Portal, { container: container ?? fallback, ...props });
-}
-var PopoverContent = React.forwardRef(({ className, align = "center", sideOffset = 4, container, ...props }, ref) => /* @__PURE__ */ jsx(PopoverPortal, { 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 border-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 PopoverClose = PopoverPrimitive.Close;
-var FINE_OPEN_DELAY = 350;
-var FINE_CLOSE_DELAY = 180;
-var silentFocusMarks = /* @__PURE__ */ new WeakSet();
-function returnFocusToMark(mark) {
-  silentFocusMarks.add(mark);
-  mark.focus({ preventScroll: true });
-  silentFocusMarks.delete(mark);
 }
-function isFocusVisible(el) {
+
+// src/lib/format-friendly-date.ts
+function formatFriendlyDate(dateString, includeTime = true) {
+  if (!dateString) return "";
   try {
-    return el.matches(":focus-visible");
+    if (dateString.includes("Today") || dateString.includes("Yesterday") || /\w+ \d+, \d+:\d+:\d+/.test(dateString)) {
+      return dateString;
+    }
+    if (/^\d{1,2}:\d{2}(:\d{2})?$/.test(dateString)) {
+      return dateString;
+    }
+    const date = new Date(dateString);
+    if (isNaN(date.getTime())) return dateString;
+    const timeOptions = { hour: "2-digit", minute: "2-digit" };
+    const timeString = date.toLocaleTimeString([], timeOptions);
+    const now = /* @__PURE__ */ new Date();
+    const today = now.toDateString();
+    const yesterday = new Date(now);
+    yesterday.setDate(yesterday.getDate() - 1);
+    if (date.toDateString() === today) {
+      return includeTime ? `Today, ${timeString}` : "today";
+    } else if (date.toDateString() === yesterday.toDateString()) {
+      return includeTime ? `Yesterday, ${timeString}` : "yesterday";
+    } else {
+      const dateOptions = {
+        month: "short",
+        day: "numeric"
+      };
+      if (date.getFullYear() !== now.getFullYear()) {
+        dateOptions.year = "numeric";
+      }
+      const formattedDate = date.toLocaleDateString([], dateOptions);
+      return includeTime ? `${formattedDate}, ${timeString}` : formattedDate;
+    }
   } catch {
-    return true;
+    return dateString;
   }
 }
-function isCoarse(pointerType) {
-  if (pointerType === "touch" || pointerType === "pen") return true;
-  if (pointerType === "mouse") return false;
-  return typeof window !== "undefined" && !!window.matchMedia?.("(pointer: coarse)").matches;
+
+// src/lib/markdown-to-text.ts
+function markdownToPlainText(input) {
+  if (!input) return "";
+  return input.replace(/```[^\n]*\n?/g, "").replace(/!\[([^\]]*)\]\([^)]*\)/g, "$1").replace(/\[([^\]]+)\]\([^)]*\)/g, "$1").replace(/^[ \t]*#{1,6}[ \t]+/gm, "").replace(/^[ \t]*>[ \t]?/gm, "").replace(/^[ \t]*([-*+]|\d+[.)])[ \t]+/gm, "").replace(/(\*\*|__)(.*?)\1/g, "$2").replace(/(\*|_)(.*?)\1/g, "$2").replace(/`([^`]*)`/g, "$1").replace(/\s+/g, " ").trim();
 }
-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,
-  onPointerMove,
-  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 hoverArmed = useRef(false);
-  const isEmpty = items.length === 0 && !preview;
-  const ordered = [...items].sort((a, b) => Number(!!b.primary) - Number(!!a.primary));
-  const primary = ordered[0];
-  const clearTimer = () => {
-    if (timer.current) clearTimeout(timer.current);
-    timer.current = null;
-  };
-  useEffect(() => clearTimer, []);
-  useEffect(() => {
-    if (!open) return;
-    const onDocumentPointerDown = (e) => {
-      const target = e.target;
-      if (triggerRef.current?.contains(target) || contentRef.current?.contains(target)) return;
-      if (timer.current) clearTimeout(timer.current);
-      setOpen(false);
-    };
-    document.addEventListener("pointerdown", onDocumentPointerDown, true);
-    return () => document.removeEventListener("pointerdown", onDocumentPointerDown, true);
-  }, [open]);
-  const rows = () => Array.from(contentRef.current?.querySelectorAll('[role="menuitem"]') ?? []);
-  const firstItem = () => rows()[0];
-  const openWith = (next, focusFirst = false) => {
-    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) returnFocusToMark(triggerRef.current);
-  };
-  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;
-    hoverArmed.current = true;
-  };
-  const handlePointerMove = (e) => {
-    onPointerMove?.(e);
-    if (!hoverArmed.current) return;
-    hoverArmed.current = false;
-    if (isCoarse(e.pointerType)) return;
-    schedule(() => openWith("hover"), openDelay);
-  };
-  const handlePointerLeave = (e) => {
-    onPointerLeave?.(e);
-    hoverArmed.current = false;
-    if (isCoarse(e.pointerType)) return;
-    if (!open) return clearTimer();
-    if (mode.current === "hover") schedule(() => close(), closeDelay);
-  };
-  const handleFocus = (e) => {
-    onFocus?.(e);
-    if (isEmpty || silentFocusMarks.has(e.currentTarget)) 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;
+var TABLE_DELIMITER_ROW = /^\s*\|?\s*:?-{3,}:?\s*(\|\s*:?-{3,}:?\s*)*\|?\s*$/;
+function splitTableRow(line) {
+  return line.trim().replace(/^\|/, "").replace(/(?<!\\)\|$/, "").split(/(?<!\\)\|/).map((cell) => cell.trim().replace(/\\\|/g, "|"));
+}
+function flattenMarkdownTables(input) {
+  const lines = input.split("\n");
+  const out = [];
+  for (let i = 0; i < lines.length; i++) {
+    const isTableStart = lines[i].includes("|") && i + 1 < lines.length && lines[i + 1].includes("|") && TABLE_DELIMITER_ROW.test(lines[i + 1]);
+    if (!isTableStart) {
+      out.push(lines[i]);
+      continue;
     }
-    if (target) {
-      e.preventDefault();
-      target.focus();
+    out.push(splitTableRow(lines[i]).join("	"));
+    i += 1;
+    while (i + 1 < lines.length && lines[i + 1].includes("|") && lines[i + 1].trim()) {
+      i += 1;
+      out.push(splitTableRow(lines[i]).join("	"));
     }
-  };
-  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,
-    onPointerMove: handlePointerMove,
-    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,
+  }
+  return out.join("\n");
+}
+function markdownToPlainTextBlocks(input) {
+  if (!input) return "";
+  return flattenMarkdownTables(input).replace(/^[ \t]*([-*_])([ \t]*\1){2,}[ \t]*$/gm, "").replace(/```[^\n]*\n?/g, "").replace(/!\[([^\]]*)\]\([^)]*\)/g, "$1").replace(/\[([^\]]+)\]\(([^)\s]+)\)/g, "$1 ($2)").replace(/^[ \t]*#{1,6}[ \t]+/gm, "").replace(/^[ \t]*>[ \t]?/gm, "").replace(/(\*\*|__)(?=\S)(.+?)(?<=\S)\1/g, "$2").replace(/\*(?=\S)(.+?)(?<=\S)\*/g, "$1").replace(/(^|[^\w])_(?=\S)(.+?)(?<=\S)_(?!\w)/g, "$1$2").replace(/`([^`]*)`/g, "$1").replace(/[ \t]+\n/g, "\n").replace(/\n{3,}/g, "\n\n").trim();
+}
+
+// src/ui/DictateContext.tsx
+function useDictateContext() {
+  return useHostConfigRecord().dictate ?? null;
+}
+var Input = React.forwardRef(
+  ({ className, type, dictate, onFocus, onBlur, ...props }, forwardedRef) => {
+    const dictateCtx = useDictateContext();
+    const [focused, setFocused] = React.useState(false);
+    const innerRef = React.useRef(null);
+    React.useImperativeHandle(forwardedRef, () => innerRef.current);
+    const showDictate = dictate && !!dictateCtx && !props.disabled && !props.readOnly;
+    const input = /* @__PURE__ */ jsx(
+      "input",
       {
-        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();
+        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);
         },
-        onCloseAutoFocus: (e) => e.preventDefault(),
-        onEscapeKeyDown: (e) => {
-          e.preventDefault();
-          close(true);
+        onBlur: (e) => {
+          setFocused(false);
+          onBlur?.(e);
         },
-        onInteractOutside: (e) => {
-          if (triggerRef.current?.contains(e.target)) e.preventDefault();
+        ...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 Textarea = React.forwardRef(
+  ({ className, dictate, onFocus, onBlur, ...props }, forwardedRef) => {
+    const dictateCtx = useDictateContext();
+    const [focused, setFocused] = React.useState(false);
+    const innerRef = React.useRef(null);
+    React.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);
         },
-        onPointerEnter: clearTimer,
-        onPointerLeave: (e) => {
-          if (!isCoarse(e.pointerType) && mode.current === "hover")
-            schedule(() => close(), closeDelay);
+        onBlur: (e) => {
+          setFocused(false);
+          onBlur?.(e);
         },
-        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
-            );
-          }) })
-        ]
+        ...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";
+function DebouncedInput({
+  value,
+  onChange,
+  disabled,
+  type = "text",
+  multiline = false,
+  className,
+  debounceMs = 500,
+  placeholder,
+  autoResize = true,
+  minHeight = 28,
+  maxHeight = 72
+}) {
+  const [localValue, setLocalValue] = useState(value);
+  const timeoutRef = useRef(void 0);
+  const pendingRef = useRef(null);
+  const textareaRef = useRef(null);
+  const adjustHeight = useCallback(() => {
+    const textarea = textareaRef.current;
+    if (!textarea || !autoResize) return;
+    textarea.style.height = "auto";
+    const newHeight = Math.min(Math.max(textarea.scrollHeight, minHeight), maxHeight);
+    textarea.style.height = `${newHeight}px`;
+  }, [autoResize, minHeight, maxHeight]);
+  useEffect(() => {
+    if (pendingRef.current !== null) return;
+    setLocalValue(value);
+  }, [value]);
+  useEffect(() => {
+    if (multiline) {
+      adjustHeight();
+    }
+  }, [localValue, multiline, adjustHeight]);
+  const onChangeRef = useRef(onChange);
+  useEffect(() => {
+    onChangeRef.current = onChange;
+  }, [onChange]);
+  const flushPendingChange = useCallback(() => {
+    if (pendingRef.current === null) return false;
+    const pending = pendingRef.current;
+    pendingRef.current = null;
+    clearTimeout(timeoutRef.current);
+    onChangeRef.current(pending);
+    return true;
+  }, []);
+  const handleChange = useCallback(
+    (e) => {
+      const newValue = e.target.value;
+      setLocalValue(newValue);
+      pendingRef.current = newValue;
+      clearTimeout(timeoutRef.current);
+      timeoutRef.current = setTimeout(() => {
+        pendingRef.current = null;
+        onChangeRef.current(newValue);
+      }, debounceMs);
+    },
+    [debounceMs]
+  );
+  useEffect(
+    () => () => {
+      const pending = pendingRef.current;
+      pendingRef.current = null;
+      clearTimeout(timeoutRef.current);
+      if (pending !== null) onChangeRef.current(pending);
+    },
+    []
+  );
+  const handleBlur = useCallback(() => {
+    flushPendingChange();
+    if (localValue !== value) {
+      setLocalValue(value);
+    }
+  }, [flushPendingChange, localValue, value]);
+  if (multiline) {
+    return /* @__PURE__ */ jsx(
+      Textarea,
+      {
+        ref: textareaRef,
+        value: localValue,
+        onChange: handleChange,
+        onBlur: handleBlur,
+        disabled,
+        className: `resize-y ${className || ""}`,
+        placeholder,
+        style: { minHeight: `${minHeight}px` }
       }
-    )
-  ] });
-}
-var Command = React.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 = React.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,
+  return /* @__PURE__ */ jsx(
+    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
+      type,
+      value: localValue,
+      onChange: handleChange,
+      onBlur: handleBlur,
+      disabled,
+      className,
+      placeholder
     }
-  )
-] }));
-CommandInput.displayName = Command$1.Input.displayName;
-var CommandList = React.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 = React.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 = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  Command$1.Group,
+  );
+}
+var HoverCard = HoverCardPrimitive.Root;
+var HoverCardTrigger = HoverCardPrimitive.Trigger;
+function HoverCardPortal({
+  container,
+  ...props
+}) {
+  const fallback = usePortalContainer();
+  return /* @__PURE__ */ jsx(HoverCardPrimitive.Portal, { container: container ?? fallback, ...props });
+}
+var HoverCardContent = React.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(HoverCardPortal, { children: /* @__PURE__ */ jsx(
+  HoverCardPrimitive.Content,
   {
     ref,
+    align,
+    sideOffset,
+    collisionPadding: getCollisionPadding(),
     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",
+      "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
   }
-));
-CommandGroup.displayName = Command$1.Group.displayName;
-var CommandSeparator = React.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 = React.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
+) }));
+HoverCardContent.displayName = HoverCardPrimitive.Content.displayName;
+var cardVariants = cva("min-w-0 rounded-lg bg-card text-card-foreground", {
+  variants: {
+    variant: {
+      flat: "",
+      outline: "border",
+      elevated: "border shadow-sm"
+    }
+  },
+  defaultVariants: {
+    variant: "flat"
   }
-));
-CommandItem.displayName = Command$1.Item.displayName;
-var CommandShortcut = ({ className, ...props }) => {
-  return /* @__PURE__ */ jsx(
-    "span",
+});
+var Card = React.forwardRef(
+  ({ className, variant, ...props }, ref) => /* @__PURE__ */ jsx(
+    "div",
     {
-      className: cn("ml-auto text-sm tracking-widest text-muted-foreground", className),
+      ref,
+      "data-slot": "card",
+      className: cn(cardVariants({ variant }), 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,
-  allowHtml
-}) {
-  return /* @__PURE__ */ jsx(
-    MarkdownRenderer,
-    {
-      className: className ?? "text-sm",
-      components: AI_COMPONENTS,
-      isStreaming,
-      allowHtml,
-      testId: "ai-markdown",
-      children
-    }
-  );
-}
-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",
+  )
+);
+Card.displayName = "Card";
+var CardHeader = React.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+    "div",
     {
-      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"
+      ref,
+      "data-slot": "card-header",
+      className: cn("flex flex-col space-y-1.5 p-6", className),
+      ...props
     }
-  );
-}
-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(
+  )
+);
+CardHeader.displayName = "CardHeader";
+var CardTitle = React.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
     "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
-      ]
+      ref,
+      "data-slot": "card-title",
+      className: cn("font-semibold leading-none tracking-tight", className),
+      ...props
     }
-  );
-}
-var TextIcon = FileText;
-var IMAGE_EXTENSIONS3 = /* @__PURE__ */ new Set(["jpg", "jpeg", "png", "gif", "bmp", "tiff", "tif", "webp", "svg"]);
-var VIDEO_EXTENSIONS3 = /* @__PURE__ */ new Set(["mp4", "mpeg", "mpg", "webm", "mov", "avi", "mkv"]);
-var AUDIO_EXTENSIONS3 = /* @__PURE__ */ new Set(["mp3", "wav", "m4a", "aac", "ogg", "flac"]);
-var DOCX_EXTENSIONS2 = /* @__PURE__ */ new Set(["doc", "docx", "odt", "rtf"]);
-var XLSX_EXTENSIONS2 = /* @__PURE__ */ new Set(["xls", "xlsx", "csv", "ods"]);
-var EMAIL_EXTENSIONS3 = /* @__PURE__ */ new Set(["eml", "msg"]);
-var HTML_EXTENSIONS2 = /* @__PURE__ */ new Set(["html", "htm", "mhtml"]);
-var PDF_EXTENSIONS = /* @__PURE__ */ new Set(["pdf"]);
-var TEXT_EXTENSIONS2 = /* @__PURE__ */ new Set([
-  "txt",
-  "text",
-  "md",
-  "markdown",
-  "log",
-  "json",
-  "xml",
-  "yaml",
-  "yml"
-]);
-function getFileExtension(fileName) {
-  if (!fileName) return "";
-  const dot = fileName.lastIndexOf(".");
-  if (dot <= 0 || dot === fileName.length - 1) return "";
-  return fileName.slice(dot + 1).toLowerCase();
-}
-var MIME_TO_EXTENSION = {
-  "application/pdf": "pdf",
-  "text/plain": "txt",
-  "text/markdown": "md",
-  "text/html": "html",
-  "text/csv": "csv",
-  "application/json": "json",
-  "application/xml": "xml",
-  "application/msword": "doc",
-  "application/vnd.openxmlformats-officedocument.wordprocessingml.document": "docx",
-  "application/rtf": "rtf",
-  "application/vnd.oasis.opendocument.text": "odt",
-  "application/vnd.ms-excel": "xls",
-  "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet": "xlsx",
-  "application/vnd.oasis.opendocument.spreadsheet": "ods",
-  "image/png": "png",
-  "image/jpeg": "jpg",
-  "image/gif": "gif",
-  "image/webp": "webp",
-  "image/svg+xml": "svg",
-  "image/tiff": "tiff",
-  "image/bmp": "bmp",
-  "video/mp4": "mp4",
-  "video/webm": "webm",
-  "video/quicktime": "mov",
-  "audio/mpeg": "mp3",
-  "audio/wav": "wav",
-  "audio/ogg": "ogg",
-  "message/rfc822": "eml"
-};
-function extensionFromMime(mime) {
-  if (!mime) return "";
-  return MIME_TO_EXTENSION[mime.toLowerCase()] ?? "";
-}
-function iconFromExtension(ext) {
-  if (VIDEO_EXTENSIONS3.has(ext)) return VidIcon;
-  if (AUDIO_EXTENSIONS3.has(ext)) return AudIcon;
-  if (IMAGE_EXTENSIONS3.has(ext)) return ImgIcon;
-  if (DOCX_EXTENSIONS2.has(ext)) return DocIcon;
-  if (XLSX_EXTENSIONS2.has(ext)) return XlsIcon;
-  if (EMAIL_EXTENSIONS3.has(ext)) return EmlIcon;
-  if (HTML_EXTENSIONS2.has(ext)) return HtmlIcon;
-  if (PDF_EXTENSIONS.has(ext)) return PdfIcon;
-  if (TEXT_EXTENSIONS2.has(ext)) return TextIcon;
-  return null;
-}
-function iconFromMime(mime) {
-  const m = mime.toLowerCase();
-  if (m.startsWith("image/")) return ImgIcon;
-  if (m.startsWith("video/")) return VidIcon;
-  if (m.startsWith("audio/")) return AudIcon;
-  if (m === "application/pdf") return PdfIcon;
-  if (m === "text/html") return HtmlIcon;
-  if (m === "message/rfc822" || m.includes("outlook")) return EmlIcon;
-  if (m.includes("word") || m === "application/rtf" || m.includes("opendocument.text"))
-    return DocIcon;
-  if (m.includes("sheet") || m.includes("excel") || m === "text/csv" || m.includes("opendocument.spreadsheet"))
-    return XlsIcon;
-  if (m.startsWith("text/") || m === "application/json" || m === "application/xml") return TextIcon;
-  return null;
-}
-function getFileTypeIcon(fileName, opts) {
-  return iconFromExtension(getFileExtension(fileName)) ?? (opts?.mime ? iconFromMime(opts.mime) : null) ?? (opts?.defaultToPdf ? PdfIcon : TextIcon);
-}
-var GoogleIcon = ({
-  size = 20,
-  className = "",
-  "aria-label": ariaLabel,
-  "aria-hidden": ariaHidden = true
-}) => {
-  return /* @__PURE__ */ jsxs(
-    "svg",
+  )
+);
+CardTitle.displayName = "CardTitle";
+var CardDescription = React.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+    "div",
     {
-      className,
-      width: size,
-      height: size,
-      viewBox: "0 0 24 24",
-      "aria-label": ariaLabel,
-      "aria-hidden": ariaHidden,
-      children: [
-        /* @__PURE__ */ jsx(
-          "path",
-          {
-            fill: "#4285F4",
-            d: "M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z"
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          "path",
-          {
-            fill: "#34A853",
-            d: "M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z"
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          "path",
-          {
-            fill: "#FBBC05",
-            d: "M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z"
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          "path",
-          {
-            fill: "#EA4335",
-            d: "M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z"
-          }
-        )
-      ]
+      ref,
+      "data-slot": "card-description",
+      className: cn("text-sm text-muted-foreground", className),
+      ...props
     }
-  );
-};
-var OpenAIIcon = ({
-  size = 16,
-  className = "",
-  "aria-label": ariaLabel = "OpenAI",
-  "aria-hidden": ariaHidden = true
-}) => /* @__PURE__ */ jsx(
-  "svg",
+  )
+);
+CardDescription.displayName = "CardDescription";
+var CardContent = React.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 = React.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";
+var Label2 = React.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
+  }
+));
+Label2.displayName = "Label";
+var Separator2 = React.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
+  }
+));
+Separator2.displayName = SeparatorPrimitive.Root.displayName;
+var Collapsible = CollapsiblePrimitive.Root;
+var CollapsibleTrigger2 = CollapsiblePrimitive.CollapsibleTrigger;
+var CollapsibleContent2 = CollapsiblePrimitive.CollapsibleContent;
+var Progress = React.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 = React.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx(RadioGroupPrimitive.Root, { className: cn("grid gap-2", className), ...props, ref });
+});
+RadioGroup.displayName = RadioGroupPrimitive.Root.displayName;
+var RadioGroupItem = React.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 Switch = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  SwitchPrimitives.Root,
   {
-    className,
-    width: size,
-    height: size,
-    viewBox: "0 0 24 24",
-    "aria-label": ariaLabel,
-    "aria-hidden": ariaHidden,
+    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(
-      "path",
+      SwitchPrimitives.Thumb,
       {
-        fill: "#10A37F",
-        d: "M22.2819 9.8211a5.9847 5.9847 0 0 0-.5157-4.9108 6.0462 6.0462 0 0 0-6.5098-2.9A6.0651 6.0651 0 0 0 4.9807 4.1818a5.9847 5.9847 0 0 0-3.9977 2.9 6.0462 6.0462 0 0 0 .7427 7.0966 5.98 5.98 0 0 0 .511 4.9107 6.051 6.051 0 0 0 6.5146 2.9001A5.9847 5.9847 0 0 0 13.2599 24a6.0557 6.0557 0 0 0 5.7718-4.2058 5.9894 5.9894 0 0 0 3.9977-2.9001 6.0557 6.0557 0 0 0-.7475-7.0729zm-9.022 12.6081a4.4755 4.4755 0 0 1-2.8764-1.0408l.1419-.0804 4.7783-2.7582a.7948.7948 0 0 0 .3927-.6813v-6.7369l2.02 1.1686a.071.071 0 0 1 .038.052v5.5826a4.504 4.504 0 0 1-4.4945 4.4944zm-9.6607-4.1254a4.4708 4.4708 0 0 1-.5346-3.0137l.142.0852 4.783 2.7582a.7712.7712 0 0 0 .7806 0l5.8428-3.3685v2.3324a.0804.0804 0 0 1-.0332.0615L9.74 19.9502a4.4992 4.4992 0 0 1-6.1408-1.6464zM2.3408 7.8956a4.485 4.485 0 0 1 2.3655-1.9728V11.6a.7664.7664 0 0 0 .3879.6765l5.8144 3.3543-2.0201 1.1685a.0757.0757 0 0 1-.071 0l-4.8303-2.7865A4.504 4.504 0 0 1 2.3408 7.872zm16.5963 3.8558L13.1038 8.364 15.1192 7.2a.0757.0757 0 0 1 .071 0l4.8303 2.7913a4.4944 4.4944 0 0 1-.6765 8.1042v-5.6772a.79.79 0 0 0-.407-.667zm2.0107-3.0231l-.142-.0852-4.7735-2.7818a.7759.7759 0 0 0-.7854 0L9.409 9.2297V6.8974a.0662.0662 0 0 1 .0284-.0615l4.8303-2.7866a4.4992 4.4992 0 0 1 6.6802 4.66zM8.3065 12.863l-2.02-1.1638a.0804.0804 0 0 1-.038-.0567V6.0742a4.4992 4.4992 0 0 1 7.3757-3.4537l-.142.0805L8.704 5.459a.7948.7948 0 0 0-.3927.6813zm1.0976-2.3654l2.602-1.4998 2.6069 1.4998v2.9994l-2.5974 1.4997-2.6067-1.4997Z"
+        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"
+        )
       }
     )
   }
-);
-var ClaudeIcon = ({
-  size = 16,
-  className = "",
-  "aria-label": ariaLabel = "Claude",
-  "aria-hidden": ariaHidden = true
-}) => /* @__PURE__ */ jsx(
-  "svg",
+));
+Switch.displayName = SwitchPrimitives.Root.displayName;
+var Tabs = TabsPrimitive.Root;
+var TabsList = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  TabsPrimitive.List,
   {
-    className,
-    width: size,
-    height: size,
-    viewBox: "0 0 24 24",
-    "aria-label": ariaLabel,
-    "aria-hidden": ariaHidden,
-    children: /* @__PURE__ */ jsx(
-      "path",
-      {
-        fill: "#D97757",
-        d: "m4.7144 15.9555 4.7174-2.6471.079-.2307-.079-.1275h-.2307l-.7893-.0486-2.6956-.0729-2.3375-.0971-2.2646-.1214-.5707-.1215-.5343-.7042.0546-.3522.4797-.3218.686.0608 1.5179.1032 2.2767.1578 1.6514.0972 2.4468.255h.3886l.0546-.1579-.1336-.0971-.1032-.0972L6.973 9.8356l-2.55-1.6879-1.3356-.9714-.7225-.4918-.3643-.4614-.1578-1.0078.6557-.7225.8803.0607.2246.0607.8925.686 1.9064 1.4754 2.4893 1.8336.3643.3035.1457-.1032.0182-.0728-.164-.2733-1.3539-2.4467-1.445-2.4893-.6435-1.032-.17-.6194c-.0607-.255-.1032-.4674-.1032-.7285L6.287.1335 6.6997 0l.9957.1336.419.3642.6192 1.4147 1.0018 2.2282 1.5543 3.0296.4553.8985.2429.8318.091.255h.1579v-.1457l.1275-1.706.2368-2.0947.2307-2.6957.0789-.7589.3764-.9107.7468-.4918.5828.2793.4797.686-.0668.4433-.2853 1.8517-.5586 2.9021-.3643 1.9429h.2125l.2429-.2429.9835-1.3053 1.6514-2.0643.7286-.8196.85-.9046.5464-.4311h1.0321l.759 1.1293-.34 1.1657-1.0625 1.3478-.8804 1.1414-1.2628 1.7-.7893 1.36.0729.1093.1882-.0183 2.8535-.607 1.5421-.2794 1.8396-.3157.8318.3886.091.3946-.3278.8075-1.967.4857-2.3072.4614-3.4364.8136-.0425.0304.0486.0607 1.5482.1457.6618.0364h1.621l3.0175.2247.7892.522.4736.6376-.079.4857-1.2142.6193-1.6393-.3886-3.825-.9107-1.3113-.3279h-.1822v.1093l1.0929 1.0686 2.0035 1.8092 2.5075 2.3314.1275.5768-.3218.4554-.34-.0486-2.2039-1.6575-.85-.7468-1.9246-1.621h-.1275v.17l.4432.6496 2.3436 3.5214.1214 1.0807-.17.3521-.6071.2125-.6679-.1214-1.3721-1.9246L14.38 17.959l-1.1414-1.9428-.1397.079-.674 7.2552-.3156.3703-.7286.2793-.6071-.4614-.3218-.7468.3218-1.4753.3886-1.9246.3157-1.53.2853-1.9004.17-.6314-.0121-.0425-.1397.0182-1.4328 1.9672-2.1796 2.9446-1.7243 1.8456-.4128.164-.7164-.3704.0667-.6618.4008-.5889 2.386-3.0357 1.4389-1.882.929-1.0868-.0062-.1579h-.0546l-6.3385 4.1164-1.1293.1457-.4857-.4554.0608-.7467.2307-.2429 1.9064-1.3114Z"
-      }
-    )
+    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
   }
-);
-var GeminiIcon = ({
-  size = 16,
-  className = "",
-  "aria-label": ariaLabel = "Gemini",
-  "aria-hidden": ariaHidden = true
-}) => /* @__PURE__ */ jsxs(
-  "svg",
+));
+TabsList.displayName = TabsPrimitive.List.displayName;
+var TabsTrigger = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  TabsPrimitive.Trigger,
   {
-    className,
-    width: size,
-    height: size,
-    viewBox: "0 0 24 24",
-    "aria-label": ariaLabel,
-    "aria-hidden": ariaHidden,
-    children: [
-      /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsxs("linearGradient", { id: "geminiGradient", x1: "0%", y1: "0%", x2: "100%", y2: "100%", children: [
-        /* @__PURE__ */ jsx("stop", { offset: "0%", stopColor: "#1BA1E3" }),
-        /* @__PURE__ */ jsx("stop", { offset: "25%", stopColor: "#5489D6" }),
-        /* @__PURE__ */ jsx("stop", { offset: "50%", stopColor: "#9B72CB" }),
-        /* @__PURE__ */ jsx("stop", { offset: "75%", stopColor: "#D96570" }),
-        /* @__PURE__ */ jsx("stop", { offset: "100%", stopColor: "#F49C46" })
-      ] }) }),
-      /* @__PURE__ */ jsx(
-        "path",
-        {
-          fill: "url(#geminiGradient)",
-          d: "M11.04 19.32Q12 21.51 12 24q0-2.49.93-4.68.96-2.19 2.58-3.81t3.81-2.55Q21.51 12 24 12q-2.49 0-4.68-.93a12.3 12.3 0 0 1-3.81-2.58 12.3 12.3 0 0 1-2.58-3.81Q12 2.49 12 0q0 2.49-.96 4.68-.93 2.19-2.55 3.81a12.3 12.3 0 0 1-3.81 2.58Q2.49 12 0 12q2.49 0 4.68.96 2.19.93 3.81 2.55t2.55 3.81"
-        }
-      )
-    ]
+    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 = React.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 = React.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 }) })
 );
-var FireworksIcon = ({
-  size = 16,
-  className = "",
-  "aria-label": ariaLabel = "Fireworks AI",
-  "aria-hidden": ariaHidden = true
-}) => /* @__PURE__ */ jsxs(
-  "svg",
+Table.displayName = "Table";
+var TableHeader = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("thead", { ref, className: cn("[&_tr]:border-b", className), ...props }));
+TableHeader.displayName = "TableHeader";
+var TableBody = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("tbody", { ref, className: cn("[&_tr:last-child]:border-0", className), ...props }));
+TableBody.displayName = "TableBody";
+var TableFooter = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "tfoot",
   {
-    className,
-    width: size,
-    height: size,
-    viewBox: "-2 6 36 20",
-    preserveAspectRatio: "xMidYMid meet",
-    fill: "none",
-    style: { minWidth: size, minHeight: size },
-    "aria-label": ariaLabel,
-    "aria-hidden": ariaHidden,
-    children: [
-      /* @__PURE__ */ jsx(
-        "path",
-        {
-          fill: "#6720FF",
-          d: "M15.9851 19.1274C15.0969 19.1274 14.2999 18.6001 13.96 17.7838L9.86258 8H12.2608L15.9991 16.9499L19.7339 8H22.1321L18.0102 17.7873C17.6686 18.6001 16.8733 19.1274 15.9851 19.1274Z"
-        }
+    ref,
+    className: cn("border-t bg-muted/50 font-medium [&>tr]:last:border-b-0", className),
+    ...props
+  }
+));
+TableFooter.displayName = "TableFooter";
+var TableRow = React.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+    "tr",
+    {
+      ref,
+      className: cn(
+        "border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted",
+        className
       ),
-      /* @__PURE__ */ jsx(
-        "path",
-        {
-          fill: "#6720FF",
-          d: "M21.3316 23.8029C20.4469 23.8029 19.6533 23.2792 19.31 22.4698C18.9649 21.6535 19.1436 20.7215 19.7672 20.0891L27.2299 12.5302L28.1618 14.7287L21.3298 21.636L31.068 21.5817L32 23.7802L21.3333 23.8065L21.3298 23.8029H21.3316Z"
-        }
+      ...props
+    }
+  )
+);
+TableRow.displayName = "TableRow";
+var TableHead = React.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
       ),
-      /* @__PURE__ */ jsx(
-        "path",
-        {
-          fill: "#6720FF",
-          d: "M0 23.7766L0.931955 21.5781L10.6702 21.6324L3.83993 14.7234L4.77189 12.5249L12.2345 20.0838C12.8582 20.7145 13.0386 21.65 12.6918 22.4645C12.3484 23.2756 11.5513 23.7977 10.6702 23.7977L0.00350359 23.7731L0 23.7766Z"
-        }
-      )
-    ]
-  }
+      ...props
+    }
+  )
 );
-function ProviderIcon({
-  modelName,
-  provider,
-  size = 16,
-  className = ""
-}) {
-  const m = (modelName ?? "").toLowerCase();
-  const p = (provider ?? "").toLowerCase();
-  if (m.includes("gpt") || p === "openai") {
-    return /* @__PURE__ */ jsx(OpenAIIcon, { size, className });
-  }
-  if (m.includes("claude") || p === "anthropic") {
-    return /* @__PURE__ */ jsx(ClaudeIcon, { size, className });
-  }
-  if (m.includes("gemini") || p.startsWith("vertex_ai")) {
-    return /* @__PURE__ */ jsx(GeminiIcon, { size, className });
+TableHead.displayName = "TableHead";
+var TableCell = React.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 = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("caption", { ref, className: cn("mt-4 text-sm text-muted-foreground", className), ...props }));
+TableCaption.displayName = "TableCaption";
+var Slider = React.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"
+    }
   }
-  if (p === "google") {
-    return /* @__PURE__ */ jsx(GoogleIcon, { size, className });
+);
+var Toggle = React.forwardRef(({ className, variant, size, ...props }, ref) => /* @__PURE__ */ jsx(
+  TogglePrimitive.Root,
+  {
+    ref,
+    className: cn(toggleVariants({ variant, size, className })),
+    ...props
   }
-  if (p === "fireworks_ai") {
-    return /* @__PURE__ */ jsx(FireworksIcon, { size, className });
+));
+Toggle.displayName = TogglePrimitive.Root.displayName;
+var ToggleGroupContext = React.createContext({
+  size: "default",
+  variant: "default"
+});
+var ToggleGroup = React.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 = React.forwardRef(({ className, children, variant, size, ...props }, ref) => {
+  const context = React.useContext(ToggleGroupContext);
   return /* @__PURE__ */ jsx(
-    Crown,
+    ToggleGroupPrimitive.Item,
     {
-      className,
-      style: { width: size, height: size, color: "#EAB308", fill: "#EAB308" }
+      ref,
+      className: cn(
+        toggleVariants({
+          variant: context.variant || variant,
+          size: context.size || size
+        }),
+        className
+      ),
+      ...props,
+      children
     }
   );
+});
+ToggleGroupItem.displayName = ToggleGroupPrimitive.Item.displayName;
+var Popover = PopoverPrimitive.Root;
+var PopoverTrigger = PopoverPrimitive.Trigger;
+var PopoverAnchor = PopoverPrimitive.Anchor;
+function PopoverPortal({
+  container,
+  ...props
+}) {
+  const fallback = usePortalContainer();
+  return /* @__PURE__ */ jsx(PopoverPrimitive.Portal, { container: container ?? fallback, ...props });
 }
-
-// src/icons/arbi-mark.ts
-var ARBI_MARK_SRC = "data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20xmlns:xlink=%22http://www.w3.org/1999/xlink%22%20width=%22500%22%20zoomAndPan=%22magnify%22%20viewBox=%220%200%20375%20374.999991%22%20height=%22500%22%20preserveAspectRatio=%22xMidYMid%20meet%22%20version=%221.0%22%3E%3Cdefs%3E%3Cg/%3E%3CclipPath%20id=%22413a615d81%22%3E%3Cpath%20d=%22M%20187.5%200%20C%2083.945312%200%200%2083.945312%200%20187.5%20C%200%20291.054688%2083.945312%20375%20187.5%20375%20C%20291.054688%20375%20375%20291.054688%20375%20187.5%20C%20375%2083.945312%20291.054688%200%20187.5%200%20Z%20M%20187.5%200%20%22%20clip-rule=%22nonzero%22/%3E%3C/clipPath%3E%3CclipPath%20id=%22b4114fb668%22%3E%3Cpath%20d=%22M%200%200%20L%20375%200%20L%20375%20375%20L%200%20375%20Z%20M%200%200%20%22%20clip-rule=%22nonzero%22/%3E%3C/clipPath%3E%3CclipPath%20id=%2202d2f74560%22%3E%3Cpath%20d=%22M%20187.5%200%20C%2083.945312%200%200%2083.945312%200%20187.5%20C%200%20291.054688%2083.945312%20375%20187.5%20375%20C%20291.054688%20375%20375%20291.054688%20375%20187.5%20C%20375%2083.945312%20291.054688%200%20187.5%200%20Z%20M%20187.5%200%20%22%20clip-rule=%22nonzero%22/%3E%3C/clipPath%3E%3CclipPath%20id=%2266f7fee432%22%3E%3Crect%20x=%220%22%20width=%22375%22%20y=%220%22%20height=%22375%22/%3E%3C/clipPath%3E%3CclipPath%20id=%2244a7358375%22%3E%3Cpath%20d=%22M%2066.527344%2066.527344%20L%20308.472656%2066.527344%20L%20308.472656%20308.472656%20L%2066.527344%20308.472656%20Z%20M%2066.527344%2066.527344%20%22%20clip-rule=%22nonzero%22/%3E%3C/clipPath%3E%3CclipPath%20id=%2206d1da3b78%22%3E%3Cpath%20d=%22M%20187.5%2066.527344%20C%20120.6875%2066.527344%2066.527344%20120.6875%2066.527344%20187.5%20C%2066.527344%20254.3125%20120.6875%20308.472656%20187.5%20308.472656%20C%20254.3125%20308.472656%20308.472656%20254.3125%20308.472656%20187.5%20C%20308.472656%20120.6875%20254.3125%2066.527344%20187.5%2066.527344%20Z%20M%20187.5%2066.527344%20%22%20clip-rule=%22nonzero%22/%3E%3C/clipPath%3E%3CclipPath%20id=%225f19be2713%22%3E%3Cpath%20d=%22M%200.527344%200.527344%20L%20242.472656%200.527344%20L%20242.472656%20242.472656%20L%200.527344%20242.472656%20Z%20M%200.527344%200.527344%20%22%20clip-rule=%22nonzero%22/%3E%3C/clipPath%3E%3CclipPath%20id=%22fde3ba0cc4%22%3E%3Cpath%20d=%22M%20121.5%200.527344%20C%2054.6875%200.527344%200.527344%2054.6875%200.527344%20121.5%20C%200.527344%20188.3125%2054.6875%20242.472656%20121.5%20242.472656%20C%20188.3125%20242.472656%20242.472656%20188.3125%20242.472656%20121.5%20C%20242.472656%2054.6875%20188.3125%200.527344%20121.5%200.527344%20Z%20M%20121.5%200.527344%20%22%20clip-rule=%22nonzero%22/%3E%3C/clipPath%3E%3CclipPath%20id=%2267bf874d33%22%3E%3Crect%20x=%220%22%20width=%22243%22%20y=%220%22%20height=%22243%22/%3E%3C/clipPath%3E%3CclipPath%20id=%2205f2bd6677%22%3E%3Cpath%20d=%22M%200%2098.171875%20L%20375%2098.171875%20L%20375%20375%20L%200%20375%20Z%20M%200%2098.171875%20%22%20clip-rule=%22nonzero%22/%3E%3C/clipPath%3E%3CclipPath%20id=%22a5274c9106%22%3E%3Cpath%20d=%22M%20187.5%2098.171875%20L%20404.023438%20508.144531%20L%20-29.023438%20508.144531%20Z%20M%20187.5%2098.171875%20%22%20clip-rule=%22nonzero%22/%3E%3C/clipPath%3E%3CclipPath%20id=%220f4217ffe3%22%3E%3Cpath%20d=%22M%200%200.171875%20L%20375%200.171875%20L%20375%20277%20L%200%20277%20Z%20M%200%200.171875%20%22%20clip-rule=%22nonzero%22/%3E%3C/clipPath%3E%3CclipPath%20id=%22ca1f5799a3%22%3E%3Cpath%20d=%22M%20187.5%200.171875%20L%20404.023438%20410.144531%20L%20-29.023438%20410.144531%20Z%20M%20187.5%200.171875%20%22%20clip-rule=%22nonzero%22/%3E%3C/clipPath%3E%3CclipPath%20id=%228bb016993a%22%3E%3Crect%20x=%220%22%20width=%22375%22%20y=%220%22%20height=%22277%22/%3E%3C/clipPath%3E%3CclipPath%20id=%2276af0040d9%22%3E%3Cpath%20d=%22M%200%20195.949219%20L%20375%20195.949219%20L%20375%20375%20L%200%20375%20Z%20M%200%20195.949219%20%22%20clip-rule=%22nonzero%22/%3E%3C/clipPath%3E%3CclipPath%20id=%221062f89594%22%3E%3Cpath%20d=%22M%200%200.949219%20L%20375%200.949219%20L%20375%20180%20L%200%20180%20Z%20M%200%200.949219%20%22%20clip-rule=%22nonzero%22/%3E%3C/clipPath%3E%3CclipPath%20id=%2217bc809498%22%3E%3Crect%20x=%220%22%20width=%22375%22%20y=%220%22%20height=%22180%22/%3E%3C/clipPath%3E%3CclipPath%20id=%22ad524f887e%22%3E%3Cpath%20d=%22M%202%2094%20L%20293%2094%20L%20293%20342%20L%202%20342%20Z%20M%202%2094%20%22%20clip-rule=%22nonzero%22/%3E%3C/clipPath%3E%3CclipPath%20id=%22ac73806eb1%22%3E%3Crect%20x=%220%22%20width=%22294%22%20y=%220%22%20height=%22342%22/%3E%3C/clipPath%3E%3C/defs%3E%3Crect%20x=%22-37.5%22%20width=%22450%22%20fill=%22%23ffffff%22%20y=%22-37.499999%22%20height=%22449.999989%22%20fill-opacity=%221%22/%3E%3Crect%20x=%22-37.5%22%20width=%22450%22%20fill=%22%23ffffff%22%20y=%22-37.499999%22%20height=%22449.999989%22%20fill-opacity=%221%22/%3E%3Cg%20clip-path=%22url(%23413a615d81)%22%3E%3Cg%20transform=%22matrix(1,%200,%200,%201,%200,%200)%22%3E%3Cg%20clip-path=%22url(%2366f7fee432)%22%3E%3Cg%20clip-path=%22url(%23b4114fb668)%22%3E%3Cg%20clip-path=%22url(%2302d2f74560)%22%3E%3Crect%20x=%22-82.5%22%20width=%22540%22%20fill=%22%2301adef%22%20height=%22539.999987%22%20y=%22-82.499998%22%20fill-opacity=%221%22/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg%20clip-path=%22url(%2344a7358375)%22%3E%3Cg%20clip-path=%22url(%2306d1da3b78)%22%3E%3Cg%20transform=%22matrix(1,%200,%200,%201,%2066,%2066)%22%3E%3Cg%20clip-path=%22url(%2367bf874d33)%22%3E%3Cg%20clip-path=%22url(%235f19be2713)%22%3E%3Cg%20clip-path=%22url(%23fde3ba0cc4)%22%3E%3Cpath%20fill=%22%23ffffff%22%20d=%22M%200.527344%200.527344%20L%20242.472656%200.527344%20L%20242.472656%20242.472656%20L%200.527344%20242.472656%20Z%20M%200.527344%200.527344%20%22%20fill-opacity=%221%22%20fill-rule=%22nonzero%22/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg%20clip-path=%22url(%2305f2bd6677)%22%3E%3Cg%20clip-path=%22url(%23a5274c9106)%22%3E%3Cg%20transform=%22matrix(1,%200,%200,%201,%200,%2098)%22%3E%3Cg%20clip-path=%22url(%238bb016993a)%22%3E%3Cg%20clip-path=%22url(%230f4217ffe3)%22%3E%3Cg%20clip-path=%22url(%23ca1f5799a3)%22%3E%3Cpath%20fill=%22%23ffffff%22%20d=%22M%20-29.023438%200.171875%20L%20403.371094%200.171875%20L%20403.371094%20410.144531%20L%20-29.023438%20410.144531%20Z%20M%20-29.023438%200.171875%20%22%20fill-opacity=%221%22%20fill-rule=%22nonzero%22/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg%20clip-path=%22url(%2376af0040d9)%22%3E%3Cg%20transform=%22matrix(1,%200,%200,%201,%200,%20195)%22%3E%3Cg%20clip-path=%22url(%2317bc809498)%22%3E%3Cg%20clip-path=%22url(%231062f89594)%22%3E%3Cpath%20fill=%22%23ffffff%22%20d=%22M%20-62.902344%200.949219%20L%20438.316406%200.949219%20L%20438.316406%20313.144531%20L%20-62.902344%20313.144531%20Z%20M%20-62.902344%200.949219%20%22%20fill-opacity=%221%22%20fill-rule=%22nonzero%22/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg%20transform=%22matrix(1,%200,%200,%201,%2040,%2033)%22%3E%3Cg%20clip-path=%22url(%23ac73806eb1)%22%3E%3Cg%20clip-path=%22url(%23ad524f887e)%22%3E%3Cg%20fill=%22%23202b61%22%20fill-opacity=%221%22%3E%3Cg%20transform=%22translate(7.369923,%20344.002374)%22%3E%3Cg%3E%3Cpath%20d=%22M%20192.15625%20-48.484375%20L%2086.640625%20-48.484375%20L%2067.03125%200%20L%20-4.984375%200%20L%20105.171875%20-249.5625%20L%20174.6875%20-249.5625%20L%20285.21875%200%20L%20211.765625%200%20Z%20M%20171.484375%20-100.53125%20L%20139.390625%20-180.390625%20L%20107.3125%20-100.53125%20Z%20M%20171.484375%20-100.53125%20%22/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cpath%20stroke-linecap=%22butt%22%20transform=%22matrix(0.75,%200,%200,%200.75,%200.0000045,%20209.710181)%22%20fill=%22none%22%20stroke-linejoin=%22miter%22%20d=%22M%20-0.000006%2010.001009%20L%2088.703125%2010.001009%20%22%20stroke=%22%23202b61%22%20stroke-width=%2220%22%20stroke-opacity=%221%22%20stroke-miterlimit=%224%22/%3E%3Cpath%20stroke-linecap=%22butt%22%20transform=%22matrix(0.75,%200,%200,%200.75,%20308.473813,%20209.710181)%22%20fill=%22none%22%20stroke-linejoin=%22miter%22%20d=%22M%20-0.00154239%2010.001009%20L%2088.701588%2010.001009%20%22%20stroke=%22%23202b61%22%20stroke-width=%2220%22%20stroke-opacity=%221%22%20stroke-miterlimit=%224%22/%3E%3C/svg%3E";
-var ArbiIcon = ({
-  size = 20,
-  className = "",
-  "aria-label": ariaLabel = "ARBI Docs",
-  "aria-hidden": ariaHidden = false
-}) => {
-  return /* @__PURE__ */ jsx(
-    "img",
-    {
-      src: ARBI_MARK_SRC,
-      alt: ariaLabel,
-      className: `rounded object-contain ${className}`,
-      style: { width: size, height: size },
-      "aria-label": ariaLabel,
-      "aria-hidden": ariaHidden
+var PopoverContent = React.forwardRef(({ className, align = "center", sideOffset = 4, container, ...props }, ref) => /* @__PURE__ */ jsx(PopoverPortal, { 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 border-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 PopoverClose = PopoverPrimitive.Close;
+var FINE_OPEN_DELAY = 350;
+var FINE_CLOSE_DELAY = 180;
+var silentFocusMarks = /* @__PURE__ */ new WeakSet();
+function returnFocusToMark(mark) {
+  silentFocusMarks.add(mark);
+  mark.focus({ preventScroll: true });
+  silentFocusMarks.delete(mark);
+}
+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,
+  onPointerMove,
+  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 hoverArmed = useRef(false);
+  const isEmpty = items.length === 0 && !preview;
+  const ordered = [...items].sort((a, b) => Number(!!b.primary) - Number(!!a.primary));
+  const primary = ordered[0];
+  const clearTimer = () => {
+    if (timer.current) clearTimeout(timer.current);
+    timer.current = null;
+  };
+  useEffect(() => clearTimer, []);
+  useEffect(() => {
+    if (!open) return;
+    const onDocumentPointerDown = (e) => {
+      const target = e.target;
+      if (triggerRef.current?.contains(target) || contentRef.current?.contains(target)) return;
+      if (timer.current) clearTimeout(timer.current);
+      setOpen(false);
+    };
+    document.addEventListener("pointerdown", onDocumentPointerDown, true);
+    return () => document.removeEventListener("pointerdown", onDocumentPointerDown, true);
+  }, [open]);
+  const rows = () => Array.from(contentRef.current?.querySelectorAll('[role="menuitem"]') ?? []);
+  const firstItem = () => rows()[0];
+  const openWith = (next, focusFirst = false) => {
+    clearTimer();
+    mode.current = next;
+    focusFirstOnOpen.current = focusFirst;
+    setSide(next === "press" && isCoarse(lastPointer.current) ? "top" : "bottom");
+    setOpen(true);
+    if (focusFirst) {
+      requestAnimationFrame(() => firstItem()?.focus());
     }
-  );
-};
-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" })
-          ] })
-        ] })
-      ]
+  };
+  const close = (returnFocus = false) => {
+    clearTimer();
+    setOpen(false);
+    if (returnFocus && triggerRef.current) returnFocusToMark(triggerRef.current);
+  };
+  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;
+    hoverArmed.current = true;
+  };
+  const handlePointerMove = (e) => {
+    onPointerMove?.(e);
+    if (!hoverArmed.current) return;
+    hoverArmed.current = false;
+    if (isCoarse(e.pointerType)) return;
+    schedule(() => openWith("hover"), openDelay);
+  };
+  const handlePointerLeave = (e) => {
+    onPointerLeave?.(e);
+    hoverArmed.current = false;
+    if (isCoarse(e.pointerType)) return;
+    if (!open) return clearTimer();
+    if (mode.current === "hover") schedule(() => close(), closeDelay);
+  };
+  const handleFocus = (e) => {
+    onFocus?.(e);
+    if (isEmpty || silentFocusMarks.has(e.currentTarget)) 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);
     }
-  );
-};
-function ThreadVisibilityIcon({
-  shared,
-  className,
-  ...props
-}) {
-  const Icon2 = shared ? MessageSquareShare : MessageSquareLock;
-  return /* @__PURE__ */ jsx(Icon2, { ...props, className: cn(shared ? "text-secondary" : "text-primary", className) });
-}
-
-// src/entities/tag-kinds.ts
-var KIND_ENTITY = {
-  label: "LABEL",
-  annotation: "ANNOTATION",
-  search: "SAVED_SEARCH",
-  issue: "ISSUE",
-  person: "PERSON",
-  organisation: "ORGANISATION"
-};
-function tagKindTitle(kind, { plural = false } = {}) {
-  return getEntityLabel(KIND_ENTITY[kind], plural ? "PLURAL" : "SINGULAR");
-}
-function tagKindNouns(kind) {
-  return {
-    singular: tagKindTitle(kind).toLowerCase(),
-    plural: tagKindTitle(kind, { plural: true }).toLowerCase()
   };
-}
-var VARIANT_STYLES = {
-  "mine-paid": {
-    pill: "text-primary",
-    icon: "text-primary"
-  },
-  other: {
-    pill: "text-secondary",
-    icon: "text-secondary"
-  },
-  "mine-free": {
-    pill: "text-muted-foreground",
-    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
+  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;
     }
-  );
-}
-function VerifiedBadge({ className, label = "Identity verified" }) {
-  return /* @__PURE__ */ jsx(
-    BadgeCheck,
-    {
-      role: "img",
-      "aria-label": label,
-      "data-testid": "verified-badge",
-      className: cn("h-3.5 w-3.5 shrink-0 text-sky-500", className),
-      children: /* @__PURE__ */ jsx("title", { children: label })
+    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]
   );
-}
-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,
-  avatarImageClassName,
-  colorClass = "",
-  isAgent: isAgent2 = false,
-  isVerified = false,
-  agentStyle,
-  avatarStyle,
-  isMe = false,
-  displayStatus,
-  onClick,
-  tooltipContent,
-  empty = false
-}) {
-  if (empty) {
-    return /* @__PURE__ */ jsx(
-      Avatar,
+  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,
+    onPointerMove: handlePointerMove,
+    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,
       {
-        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: "?" })
+        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();
+        },
+        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 Command = React.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
   }
-  const agentBadge = isAgent2 ? /* @__PURE__ */ jsx(ArbiBotHeadIcon, { className: "w-3.5 h-3.5 text-muted-foreground" }) : void 0;
-  const canMessage = interactive && !isMe && !isAgent2;
-  const showUnread = hasUnreadMessages && !isMe && !isAgent2;
-  const surfaceStyle = avatarStyle ?? agentStyle;
-  const avatarCore = /* @__PURE__ */ jsxs(
-    Avatar,
-    {
-      className: cn(
-        sizeClasses[size],
-        isAgent2 ? "rounded-full border-2 border-dashed" : "border border-white"
-      ),
-      style: surfaceStyle,
-      "data-testid": "user-entity",
-      children: [
-        picture && /* @__PURE__ */ jsx(AvatarImage, { src: picture, alt: initials, className: avatarImageClassName }),
-        /* @__PURE__ */ jsx(
-          AvatarFallback,
-          {
-            className: cn(
-              textSizeClasses[size],
-              "font-semibold leading-none",
-              isAgent2 ? "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",
+));
+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 = React.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(
-        "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" })
-        }
+        "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
       ),
-      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 }),
-      isVerified && !isAgent2 && /* @__PURE__ */ jsx(VerifiedBadge, {}),
-      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
-        }
-      );
+      ...props
     }
-    return /* @__PURE__ */ jsx("span", { className: cn(rowClass, className), "data-testid": "user-entity-pill", children: row });
+  )
+] }));
+CommandInput.displayName = Command$1.Input.displayName;
+var CommandList = React.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
   }
-  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 })
-    ] });
+));
+CommandList.displayName = Command$1.List.displayName;
+var CommandEmpty = React.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 = React.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
   }
-  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"
-      ]
+));
+CommandGroup.displayName = Command$1.Group.displayName;
+var CommandSeparator = React.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 = React.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
     }
   );
-}
-var PRESENCE_WORDS = {
-  connected: "Online",
-  connecting: "Connecting",
-  disconnected: "Offline",
-  error: "Connection problem",
-  hidden: null
 };
-function PresenceLabel({
-  status,
-  className
+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,
+  allowHtml
 }) {
-  if (!status) return null;
-  const word = PRESENCE_WORDS[status];
-  if (!word) return null;
-  const online = status === "connected";
-  return /* @__PURE__ */ jsxs(
-    "span",
+  return /* @__PURE__ */ jsx(
+    MarkdownRenderer,
     {
-      "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 })
-      ]
+      className: className ?? "text-sm",
+      components: AI_COMPONENTS,
+      isStreaming,
+      allowHtml,
+      testId: "ai-markdown",
+      children
     }
   );
 }
-var PACKAGE_BADGE_VARIANTS = [
-  "default",
-  "accent",
-  "secondary",
-  "destructive",
-  "outline"
+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 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 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 RagDot({
-  rag,
-  withLabel,
-  className
+function PassageCard({
+  header,
+  score,
+  headerRight,
+  active,
+  onClick,
+  footer,
+  className,
+  children,
+  "data-testid": testId
 }) {
-  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] })
+  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 })
   ] });
-}
-
-// 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");
-};
-var ShieldIcon = ({
-  char,
-  size = 24,
-  className = "",
-  workspaceColor,
-  isSelected = false,
-  ...props
-}) => {
-  const fillColor = workspaceColor && workspaceColor !== "hsl(var(--primary))" ? workspaceColor : "transparent";
-  const strokeColor = isSelected ? "white" : workspaceColor && workspaceColor !== "hsl(var(--primary))" ? workspaceColor : "currentColor";
   return /* @__PURE__ */ jsxs(
-    "svg",
+    "div",
     {
-      width: size,
-      height: size,
-      viewBox: "0 0 24 24",
-      fill: fillColor,
-      stroke: strokeColor,
-      strokeWidth: "2",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      className: `lucide lucide-square ${className}`,
-      ...props,
+      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: [
-        /* @__PURE__ */ jsx("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }),
-        char && /* @__PURE__ */ jsx(
-          "text",
+        onClick ? /* @__PURE__ */ jsx(
+          "div",
           {
-            x: "12",
-            y: "12.5",
-            textAnchor: "middle",
-            fontSize: "9",
-            fontFamily: "sans-serif",
-            fontWeight: "300",
-            dominantBaseline: "middle",
-            stroke: workspaceColor ? "white" : "currentColor",
-            strokeWidth: "0.8",
-            children: char.toUpperCase()
+            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/entities/agent-avatar-colors.ts
-var BG_TO_COLOR = {
-  "bg-emerald-700": "#047857",
-  "bg-blue-700": "#1d4ed8",
-  "bg-purple-700": "#7e22ce",
-  "bg-amber-700": "#b45309",
-  "bg-rose-700": "#be123c",
-  "bg-red-700": "#b91c1c",
-  "bg-indigo-700": "#4338ca",
-  "bg-teal-700": "#0f766e",
-  "bg-cyan-700": "#0e7490",
-  "bg-sky-700": "#0369a1",
-  "bg-lime-700": "#4d7c0f",
-  "bg-orange-700": "#c2410c",
-  "bg-pink-700": "#be185d",
-  "bg-violet-700": "#6d28d9",
-  "bg-fuchsia-700": "#a21caf",
-  "bg-yellow-700": "#a16207"
-};
-function agentAvatarColors(bgColorClass) {
-  const color = BG_TO_COLOR[bgColorClass] || "#047857";
-  return { borderColor: color, color };
-}
-
-// src/entities/media-type.ts
-function getDottedExtension(fileName) {
-  if (!fileName) return "";
-  return fileName.substring(fileName.lastIndexOf(".")).toLowerCase();
 }
-var DOWNLOAD_ONLY_EXTENSIONS = /* @__PURE__ */ new Set([
-  ".zip",
-  ".rar",
-  ".7z",
-  ".tar",
-  ".gz",
-  ".exe",
-  ".bin",
-  ".dmg",
-  ".iso",
-  ".apk",
-  ".msi",
-  ".dll",
-  ".so",
-  ".psd",
-  ".ai",
-  ".sketch"
-]);
-var IMAGE_EXTENSIONS4 = /* @__PURE__ */ new Set([
-  ".jpg",
-  ".jpeg",
-  ".png",
-  ".gif",
-  ".bmp",
-  ".tiff",
-  ".tif",
-  ".webp"
+var TextIcon = FileText;
+var IMAGE_EXTENSIONS4 = /* @__PURE__ */ new Set(["jpg", "jpeg", "png", "gif", "bmp", "tiff", "tif", "webp", "svg"]);
+var VIDEO_EXTENSIONS4 = /* @__PURE__ */ new Set(["mp4", "mpeg", "mpg", "webm", "mov", "avi", "mkv"]);
+var AUDIO_EXTENSIONS4 = /* @__PURE__ */ new Set(["mp3", "wav", "m4a", "aac", "ogg", "flac"]);
+var DOCX_EXTENSIONS2 = /* @__PURE__ */ new Set(["doc", "docx", "odt", "rtf"]);
+var XLSX_EXTENSIONS2 = /* @__PURE__ */ new Set(["xls", "xlsx", "csv", "ods"]);
+var EMAIL_EXTENSIONS3 = /* @__PURE__ */ new Set(["eml", "msg"]);
+var HTML_EXTENSIONS2 = /* @__PURE__ */ new Set(["html", "htm", "mhtml"]);
+var PDF_EXTENSIONS = /* @__PURE__ */ new Set(["pdf"]);
+var TEXT_EXTENSIONS2 = /* @__PURE__ */ new Set([
+  "txt",
+  "text",
+  "md",
+  "markdown",
+  "log",
+  "json",
+  "xml",
+  "yaml",
+  "yml"
 ]);
-var VIDEO_EXTENSIONS4 = /* @__PURE__ */ new Set([".mp4", ".mpeg", ".mpg", ".webm", ".mov", ".avi", ".mkv"]);
-var AUDIO_EXTENSIONS4 = /* @__PURE__ */ new Set([".mp3", ".wav", ".m4a", ".aac", ".ogg", ".flac"]);
-function isImageFile(fileName) {
-  return IMAGE_EXTENSIONS4.has(getDottedExtension(fileName));
-}
-function isVideoFile(fileName) {
-  return VIDEO_EXTENSIONS4.has(getDottedExtension(fileName));
-}
-function isAudioFile(fileName) {
-  return AUDIO_EXTENSIONS4.has(getDottedExtension(fileName));
-}
-function isMediaFile(fileName) {
-  return isImageFile(fileName) || isVideoFile(fileName) || isAudioFile(fileName);
-}
-function usesOriginalBytesForViewer(fileName) {
-  return isMediaFile(fileName);
-}
-function isDownloadOnlyFile(fileName) {
-  return DOWNLOAD_ONLY_EXTENSIONS.has(getDottedExtension(fileName));
+function getFileExtension(fileName) {
+  if (!fileName) return "";
+  const dot = fileName.lastIndexOf(".");
+  if (dot <= 0 || dot === fileName.length - 1) return "";
+  return fileName.slice(dot + 1).toLowerCase();
 }
-
-// src/entities/file-type.ts
-var EXT_LABELS = {
-  pdf: "PDF",
-  // Word / docs
-  doc: "Word",
-  docx: "Word",
-  rtf: "Word",
-  odt: "Word",
-  // Spreadsheets
-  xls: "Excel",
-  xlsx: "Excel",
-  ods: "Excel",
-  csv: "CSV",
-  tsv: "CSV",
-  // Slides
-  ppt: "PowerPoint",
-  pptx: "PowerPoint",
-  odp: "PowerPoint",
-  // Plain text / markup
-  txt: "Text",
-  log: "Text",
-  md: "Markdown",
-  markdown: "Markdown",
-  html: "HTML",
-  htm: "HTML",
-  xml: "XML",
-  json: "JSON",
-  yaml: "YAML",
-  yml: "YAML",
-  // Email
-  eml: "Email",
-  msg: "Email",
-  mbox: "Email",
-  pst: "Outlook",
-  ost: "Outlook",
-  // Images
-  jpg: "Image",
-  jpeg: "Image",
-  png: "Image",
-  gif: "Image",
-  bmp: "Image",
-  tif: "Image",
-  tiff: "Image",
-  webp: "Image",
-  svg: "Image",
-  heic: "Image",
-  heif: "Image",
-  // Audio
-  mp3: "Audio",
-  wav: "Audio",
-  m4a: "Audio",
-  aac: "Audio",
-  ogg: "Audio",
-  flac: "Audio",
-  opus: "Audio",
-  // Video
-  mp4: "Video",
-  webm: "Video",
-  mov: "Video",
-  avi: "Video",
-  mkv: "Video",
-  // Archives
-  zip: "Archive",
-  tar: "Archive",
-  gz: "Archive",
-  rar: "Archive",
-  "7z": "Archive"
-};
-var MIME_SUBTYPE_LABELS = {
-  // PDF
-  pdf: "PDF",
-  "x-pdf": "PDF",
-  // Word
-  msword: "Word",
-  "vnd.openxmlformats-officedocument.wordprocessingml.document": "Word",
-  "vnd.oasis.opendocument.text": "Word",
-  rtf: "Word",
-  // Excel
-  "vnd.ms-excel": "Excel",
-  "vnd.openxmlformats-officedocument.spreadsheetml.sheet": "Excel",
-  "vnd.oasis.opendocument.spreadsheet": "Excel",
-  csv: "CSV",
-  "tab-separated-values": "CSV",
-  // PowerPoint
-  "vnd.ms-powerpoint": "PowerPoint",
-  "vnd.openxmlformats-officedocument.presentationml.presentation": "PowerPoint",
-  "vnd.oasis.opendocument.presentation": "PowerPoint",
-  // Plain text / markup
-  plain: "Text",
-  html: "HTML",
-  xml: "XML",
-  json: "JSON",
-  markdown: "Markdown",
-  "x-markdown": "Markdown",
-  yaml: "YAML",
-  "x-yaml": "YAML",
-  // Email
-  rfc822: "Email",
-  "vnd.ms-outlook": "Email",
-  // Archives
-  zip: "Archive",
-  "x-zip-compressed": "Archive",
-  "x-tar": "Archive",
-  gzip: "Archive",
-  "x-7z-compressed": "Archive",
-  "x-rar-compressed": "Archive"
-};
-var MIME_TYPE_LABELS = {
-  image: "Image",
-  audio: "Audio",
-  video: "Video",
-  text: "Text"
+var MIME_TO_EXTENSION = {
+  "application/pdf": "pdf",
+  "text/plain": "txt",
+  "text/markdown": "md",
+  "text/html": "html",
+  "text/csv": "csv",
+  "application/json": "json",
+  "application/xml": "xml",
+  "application/msword": "doc",
+  "application/vnd.openxmlformats-officedocument.wordprocessingml.document": "docx",
+  "application/rtf": "rtf",
+  "application/vnd.oasis.opendocument.text": "odt",
+  "application/vnd.ms-excel": "xls",
+  "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet": "xlsx",
+  "application/vnd.oasis.opendocument.spreadsheet": "ods",
+  "image/png": "png",
+  "image/jpeg": "jpg",
+  "image/gif": "gif",
+  "image/webp": "webp",
+  "image/svg+xml": "svg",
+  "image/tiff": "tiff",
+  "image/bmp": "bmp",
+  "video/mp4": "mp4",
+  "video/webm": "webm",
+  "video/quicktime": "mov",
+  "audio/mpeg": "mp3",
+  "audio/wav": "wav",
+  "audio/ogg": "ogg",
+  "message/rfc822": "eml"
 };
-function lookupExt(ext) {
-  return EXT_LABELS[ext.toLowerCase().replace(/^\./, "")];
+function extensionFromMime(mime) {
+  if (!mime) return "";
+  return MIME_TO_EXTENSION[mime.toLowerCase()] ?? "";
 }
-function lookupMime(mime) {
-  const base = mime.toLowerCase().split(";")[0].trim();
-  const slash = base.indexOf("/");
-  if (slash <= 0) return void 0;
-  const top = base.slice(0, slash);
-  const sub = base.slice(slash + 1);
-  return MIME_SUBTYPE_LABELS[sub] ?? MIME_TYPE_LABELS[top];
+function iconFromExtension(ext) {
+  if (VIDEO_EXTENSIONS4.has(ext)) return VidIcon;
+  if (AUDIO_EXTENSIONS4.has(ext)) return AudIcon;
+  if (IMAGE_EXTENSIONS4.has(ext)) return ImgIcon;
+  if (DOCX_EXTENSIONS2.has(ext)) return DocIcon;
+  if (XLSX_EXTENSIONS2.has(ext)) return XlsIcon;
+  if (EMAIL_EXTENSIONS3.has(ext)) return EmlIcon;
+  if (HTML_EXTENSIONS2.has(ext)) return HtmlIcon;
+  if (PDF_EXTENSIONS.has(ext)) return PdfIcon;
+  if (TEXT_EXTENSIONS2.has(ext)) return TextIcon;
+  return null;
 }
-function extFromFileName(fileName) {
-  if (!fileName) return void 0;
-  const dot = fileName.lastIndexOf(".");
-  if (dot <= 0 || dot === fileName.length - 1) return void 0;
-  return fileName.slice(dot + 1);
+function iconFromMime(mime) {
+  const m = mime.toLowerCase();
+  if (m.startsWith("image/")) return ImgIcon;
+  if (m.startsWith("video/")) return VidIcon;
+  if (m.startsWith("audio/")) return AudIcon;
+  if (m === "application/pdf") return PdfIcon;
+  if (m === "text/html") return HtmlIcon;
+  if (m === "message/rfc822" || m.includes("outlook")) return EmlIcon;
+  if (m.includes("word") || m === "application/rtf" || m.includes("opendocument.text"))
+    return DocIcon;
+  if (m.includes("sheet") || m.includes("excel") || m === "text/csv" || m.includes("opendocument.spreadsheet"))
+    return XlsIcon;
+  if (m.startsWith("text/") || m === "application/json" || m === "application/xml") return TextIcon;
+  return null;
 }
-function friendlyFileType(fileType, fileName) {
-  if (fileType) {
-    const trimmed = fileType.trim();
-    if (trimmed.includes("/")) {
-      const fromMime = lookupMime(trimmed);
-      if (fromMime) return fromMime;
-    } else {
-      const fromExt = lookupExt(trimmed);
-      if (fromExt) return fromExt;
+function getFileTypeIcon(fileName, opts) {
+  return iconFromExtension(getFileExtension(fileName)) ?? (opts?.mime ? iconFromMime(opts.mime) : null) ?? (opts?.defaultToPdf ? PdfIcon : TextIcon);
+}
+var GoogleIcon = ({
+  size = 20,
+  className = "",
+  "aria-label": ariaLabel,
+  "aria-hidden": ariaHidden = true
+}) => {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      className,
+      width: size,
+      height: size,
+      viewBox: "0 0 24 24",
+      "aria-label": ariaLabel,
+      "aria-hidden": ariaHidden,
+      children: [
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            fill: "#4285F4",
+            d: "M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            fill: "#34A853",
+            d: "M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            fill: "#FBBC05",
+            d: "M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            fill: "#EA4335",
+            d: "M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z"
+          }
+        )
+      ]
     }
+  );
+};
+var OpenAIIcon = ({
+  size = 16,
+  className = "",
+  "aria-label": ariaLabel = "OpenAI",
+  "aria-hidden": ariaHidden = true
+}) => /* @__PURE__ */ jsx(
+  "svg",
+  {
+    className,
+    width: size,
+    height: size,
+    viewBox: "0 0 24 24",
+    "aria-label": ariaLabel,
+    "aria-hidden": ariaHidden,
+    children: /* @__PURE__ */ jsx(
+      "path",
+      {
+        fill: "#10A37F",
+        d: "M22.2819 9.8211a5.9847 5.9847 0 0 0-.5157-4.9108 6.0462 6.0462 0 0 0-6.5098-2.9A6.0651 6.0651 0 0 0 4.9807 4.1818a5.9847 5.9847 0 0 0-3.9977 2.9 6.0462 6.0462 0 0 0 .7427 7.0966 5.98 5.98 0 0 0 .511 4.9107 6.051 6.051 0 0 0 6.5146 2.9001A5.9847 5.9847 0 0 0 13.2599 24a6.0557 6.0557 0 0 0 5.7718-4.2058 5.9894 5.9894 0 0 0 3.9977-2.9001 6.0557 6.0557 0 0 0-.7475-7.0729zm-9.022 12.6081a4.4755 4.4755 0 0 1-2.8764-1.0408l.1419-.0804 4.7783-2.7582a.7948.7948 0 0 0 .3927-.6813v-6.7369l2.02 1.1686a.071.071 0 0 1 .038.052v5.5826a4.504 4.504 0 0 1-4.4945 4.4944zm-9.6607-4.1254a4.4708 4.4708 0 0 1-.5346-3.0137l.142.0852 4.783 2.7582a.7712.7712 0 0 0 .7806 0l5.8428-3.3685v2.3324a.0804.0804 0 0 1-.0332.0615L9.74 19.9502a4.4992 4.4992 0 0 1-6.1408-1.6464zM2.3408 7.8956a4.485 4.485 0 0 1 2.3655-1.9728V11.6a.7664.7664 0 0 0 .3879.6765l5.8144 3.3543-2.0201 1.1685a.0757.0757 0 0 1-.071 0l-4.8303-2.7865A4.504 4.504 0 0 1 2.3408 7.872zm16.5963 3.8558L13.1038 8.364 15.1192 7.2a.0757.0757 0 0 1 .071 0l4.8303 2.7913a4.4944 4.4944 0 0 1-.6765 8.1042v-5.6772a.79.79 0 0 0-.407-.667zm2.0107-3.0231l-.142-.0852-4.7735-2.7818a.7759.7759 0 0 0-.7854 0L9.409 9.2297V6.8974a.0662.0662 0 0 1 .0284-.0615l4.8303-2.7866a4.4992 4.4992 0 0 1 6.6802 4.66zM8.3065 12.863l-2.02-1.1638a.0804.0804 0 0 1-.038-.0567V6.0742a4.4992 4.4992 0 0 1 7.3757-3.4537l-.142.0805L8.704 5.459a.7948.7948 0 0 0-.3927.6813zm1.0976-2.3654l2.602-1.4998 2.6069 1.4998v2.9994l-2.5974 1.4997-2.6067-1.4997Z"
+      }
+    )
   }
-  const fnExt = extFromFileName(fileName);
-  if (fnExt) {
-    const fromExt = lookupExt(fnExt);
-    if (fromExt) return fromExt;
+);
+var ClaudeIcon = ({
+  size = 16,
+  className = "",
+  "aria-label": ariaLabel = "Claude",
+  "aria-hidden": ariaHidden = true
+}) => /* @__PURE__ */ jsx(
+  "svg",
+  {
+    className,
+    width: size,
+    height: size,
+    viewBox: "0 0 24 24",
+    "aria-label": ariaLabel,
+    "aria-hidden": ariaHidden,
+    children: /* @__PURE__ */ jsx(
+      "path",
+      {
+        fill: "#D97757",
+        d: "m4.7144 15.9555 4.7174-2.6471.079-.2307-.079-.1275h-.2307l-.7893-.0486-2.6956-.0729-2.3375-.0971-2.2646-.1214-.5707-.1215-.5343-.7042.0546-.3522.4797-.3218.686.0608 1.5179.1032 2.2767.1578 1.6514.0972 2.4468.255h.3886l.0546-.1579-.1336-.0971-.1032-.0972L6.973 9.8356l-2.55-1.6879-1.3356-.9714-.7225-.4918-.3643-.4614-.1578-1.0078.6557-.7225.8803.0607.2246.0607.8925.686 1.9064 1.4754 2.4893 1.8336.3643.3035.1457-.1032.0182-.0728-.164-.2733-1.3539-2.4467-1.445-2.4893-.6435-1.032-.17-.6194c-.0607-.255-.1032-.4674-.1032-.7285L6.287.1335 6.6997 0l.9957.1336.419.3642.6192 1.4147 1.0018 2.2282 1.5543 3.0296.4553.8985.2429.8318.091.255h.1579v-.1457l.1275-1.706.2368-2.0947.2307-2.6957.0789-.7589.3764-.9107.7468-.4918.5828.2793.4797.686-.0668.4433-.2853 1.8517-.5586 2.9021-.3643 1.9429h.2125l.2429-.2429.9835-1.3053 1.6514-2.0643.7286-.8196.85-.9046.5464-.4311h1.0321l.759 1.1293-.34 1.1657-1.0625 1.3478-.8804 1.1414-1.2628 1.7-.7893 1.36.0729.1093.1882-.0183 2.8535-.607 1.5421-.2794 1.8396-.3157.8318.3886.091.3946-.3278.8075-1.967.4857-2.3072.4614-3.4364.8136-.0425.0304.0486.0607 1.5482.1457.6618.0364h1.621l3.0175.2247.7892.522.4736.6376-.079.4857-1.2142.6193-1.6393-.3886-3.825-.9107-1.3113-.3279h-.1822v.1093l1.0929 1.0686 2.0035 1.8092 2.5075 2.3314.1275.5768-.3218.4554-.34-.0486-2.2039-1.6575-.85-.7468-1.9246-1.621h-.1275v.17l.4432.6496 2.3436 3.5214.1214 1.0807-.17.3521-.6071.2125-.6679-.1214-1.3721-1.9246L14.38 17.959l-1.1414-1.9428-.1397.079-.674 7.2552-.3156.3703-.7286.2793-.6071-.4614-.3218-.7468.3218-1.4753.3886-1.9246.3157-1.53.2853-1.9004.17-.6314-.0121-.0425-.1397.0182-1.4328 1.9672-2.1796 2.9446-1.7243 1.8456-.4128.164-.7164-.3704.0667-.6618.4008-.5889 2.386-3.0357 1.4389-1.882.929-1.0868-.0062-.1579h-.0546l-6.3385 4.1164-1.1293.1457-.4857-.4554.0608-.7467.2307-.2429 1.9064-1.3114Z"
+      }
+    )
   }
-  return "Other";
+);
+var GeminiIcon = ({
+  size = 16,
+  className = "",
+  "aria-label": ariaLabel = "Gemini",
+  "aria-hidden": ariaHidden = true
+}) => /* @__PURE__ */ jsxs(
+  "svg",
+  {
+    className,
+    width: size,
+    height: size,
+    viewBox: "0 0 24 24",
+    "aria-label": ariaLabel,
+    "aria-hidden": ariaHidden,
+    children: [
+      /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsxs("linearGradient", { id: "geminiGradient", x1: "0%", y1: "0%", x2: "100%", y2: "100%", children: [
+        /* @__PURE__ */ jsx("stop", { offset: "0%", stopColor: "#1BA1E3" }),
+        /* @__PURE__ */ jsx("stop", { offset: "25%", stopColor: "#5489D6" }),
+        /* @__PURE__ */ jsx("stop", { offset: "50%", stopColor: "#9B72CB" }),
+        /* @__PURE__ */ jsx("stop", { offset: "75%", stopColor: "#D96570" }),
+        /* @__PURE__ */ jsx("stop", { offset: "100%", stopColor: "#F49C46" })
+      ] }) }),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          fill: "url(#geminiGradient)",
+          d: "M11.04 19.32Q12 21.51 12 24q0-2.49.93-4.68.96-2.19 2.58-3.81t3.81-2.55Q21.51 12 24 12q-2.49 0-4.68-.93a12.3 12.3 0 0 1-3.81-2.58 12.3 12.3 0 0 1-2.58-3.81Q12 2.49 12 0q0 2.49-.96 4.68-.93 2.19-2.55 3.81a12.3 12.3 0 0 1-3.81 2.58Q2.49 12 0 12q2.49 0 4.68.96 2.19.93 3.81 2.55t2.55 3.81"
+        }
+      )
+    ]
+  }
+);
+var FireworksIcon = ({
+  size = 16,
+  className = "",
+  "aria-label": ariaLabel = "Fireworks AI",
+  "aria-hidden": ariaHidden = true
+}) => /* @__PURE__ */ jsxs(
+  "svg",
+  {
+    className,
+    width: size,
+    height: size,
+    viewBox: "-2 6 36 20",
+    preserveAspectRatio: "xMidYMid meet",
+    fill: "none",
+    style: { minWidth: size, minHeight: size },
+    "aria-label": ariaLabel,
+    "aria-hidden": ariaHidden,
+    children: [
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          fill: "#6720FF",
+          d: "M15.9851 19.1274C15.0969 19.1274 14.2999 18.6001 13.96 17.7838L9.86258 8H12.2608L15.9991 16.9499L19.7339 8H22.1321L18.0102 17.7873C17.6686 18.6001 16.8733 19.1274 15.9851 19.1274Z"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          fill: "#6720FF",
+          d: "M21.3316 23.8029C20.4469 23.8029 19.6533 23.2792 19.31 22.4698C18.9649 21.6535 19.1436 20.7215 19.7672 20.0891L27.2299 12.5302L28.1618 14.7287L21.3298 21.636L31.068 21.5817L32 23.7802L21.3333 23.8065L21.3298 23.8029H21.3316Z"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          fill: "#6720FF",
+          d: "M0 23.7766L0.931955 21.5781L10.6702 21.6324L3.83993 14.7234L4.77189 12.5249L12.2345 20.0838C12.8582 20.7145 13.0386 21.65 12.6918 22.4645C12.3484 23.2756 11.5513 23.7977 10.6702 23.7977L0.00350359 23.7731L0 23.7766Z"
+        }
+      )
+    ]
+  }
+);
+function ProviderIcon({
+  modelName,
+  provider,
+  size = 16,
+  className = ""
+}) {
+  const m = (modelName ?? "").toLowerCase();
+  const p = (provider ?? "").toLowerCase();
+  if (m.includes("gpt") || p === "openai") {
+    return /* @__PURE__ */ jsx(OpenAIIcon, { size, className });
+  }
+  if (m.includes("claude") || p === "anthropic") {
+    return /* @__PURE__ */ jsx(ClaudeIcon, { size, className });
+  }
+  if (m.includes("gemini") || p.startsWith("vertex_ai")) {
+    return /* @__PURE__ */ jsx(GeminiIcon, { size, className });
+  }
+  if (p === "google") {
+    return /* @__PURE__ */ jsx(GoogleIcon, { size, className });
+  }
+  if (p === "fireworks_ai") {
+    return /* @__PURE__ */ jsx(FireworksIcon, { size, className });
+  }
+  return /* @__PURE__ */ jsx(
+    Crown,
+    {
+      className,
+      style: { width: size, height: size, color: "#EAB308", fill: "#EAB308" }
+    }
+  );
 }
+
+// src/icons/arbi-mark.ts
+var ARBI_MARK_SRC = "data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20xmlns:xlink=%22http://www.w3.org/1999/xlink%22%20width=%22500%22%20zoomAndPan=%22magnify%22%20viewBox=%220%200%20375%20374.999991%22%20height=%22500%22%20preserveAspectRatio=%22xMidYMid%20meet%22%20version=%221.0%22%3E%3Cdefs%3E%3Cg/%3E%3CclipPath%20id=%22413a615d81%22%3E%3Cpath%20d=%22M%20187.5%200%20C%2083.945312%200%200%2083.945312%200%20187.5%20C%200%20291.054688%2083.945312%20375%20187.5%20375%20C%20291.054688%20375%20375%20291.054688%20375%20187.5%20C%20375%2083.945312%20291.054688%200%20187.5%200%20Z%20M%20187.5%200%20%22%20clip-rule=%22nonzero%22/%3E%3C/clipPath%3E%3CclipPath%20id=%22b4114fb668%22%3E%3Cpath%20d=%22M%200%200%20L%20375%200%20L%20375%20375%20L%200%20375%20Z%20M%200%200%20%22%20clip-rule=%22nonzero%22/%3E%3C/clipPath%3E%3CclipPath%20id=%2202d2f74560%22%3E%3Cpath%20d=%22M%20187.5%200%20C%2083.945312%200%200%2083.945312%200%20187.5%20C%200%20291.054688%2083.945312%20375%20187.5%20375%20C%20291.054688%20375%20375%20291.054688%20375%20187.5%20C%20375%2083.945312%20291.054688%200%20187.5%200%20Z%20M%20187.5%200%20%22%20clip-rule=%22nonzero%22/%3E%3C/clipPath%3E%3CclipPath%20id=%2266f7fee432%22%3E%3Crect%20x=%220%22%20width=%22375%22%20y=%220%22%20height=%22375%22/%3E%3C/clipPath%3E%3CclipPath%20id=%2244a7358375%22%3E%3Cpath%20d=%22M%2066.527344%2066.527344%20L%20308.472656%2066.527344%20L%20308.472656%20308.472656%20L%2066.527344%20308.472656%20Z%20M%2066.527344%2066.527344%20%22%20clip-rule=%22nonzero%22/%3E%3C/clipPath%3E%3CclipPath%20id=%2206d1da3b78%22%3E%3Cpath%20d=%22M%20187.5%2066.527344%20C%20120.6875%2066.527344%2066.527344%20120.6875%2066.527344%20187.5%20C%2066.527344%20254.3125%20120.6875%20308.472656%20187.5%20308.472656%20C%20254.3125%20308.472656%20308.472656%20254.3125%20308.472656%20187.5%20C%20308.472656%20120.6875%20254.3125%2066.527344%20187.5%2066.527344%20Z%20M%20187.5%2066.527344%20%22%20clip-rule=%22nonzero%22/%3E%3C/clipPath%3E%3CclipPath%20id=%225f19be2713%22%3E%3Cpath%20d=%22M%200.527344%200.527344%20L%20242.472656%200.527344%20L%20242.472656%20242.472656%20L%200.527344%20242.472656%20Z%20M%200.527344%200.527344%20%22%20clip-rule=%22nonzero%22/%3E%3C/clipPath%3E%3CclipPath%20id=%22fde3ba0cc4%22%3E%3Cpath%20d=%22M%20121.5%200.527344%20C%2054.6875%200.527344%200.527344%2054.6875%200.527344%20121.5%20C%200.527344%20188.3125%2054.6875%20242.472656%20121.5%20242.472656%20C%20188.3125%20242.472656%20242.472656%20188.3125%20242.472656%20121.5%20C%20242.472656%2054.6875%20188.3125%200.527344%20121.5%200.527344%20Z%20M%20121.5%200.527344%20%22%20clip-rule=%22nonzero%22/%3E%3C/clipPath%3E%3CclipPath%20id=%2267bf874d33%22%3E%3Crect%20x=%220%22%20width=%22243%22%20y=%220%22%20height=%22243%22/%3E%3C/clipPath%3E%3CclipPath%20id=%2205f2bd6677%22%3E%3Cpath%20d=%22M%200%2098.171875%20L%20375%2098.171875%20L%20375%20375%20L%200%20375%20Z%20M%200%2098.171875%20%22%20clip-rule=%22nonzero%22/%3E%3C/clipPath%3E%3CclipPath%20id=%22a5274c9106%22%3E%3Cpath%20d=%22M%20187.5%2098.171875%20L%20404.023438%20508.144531%20L%20-29.023438%20508.144531%20Z%20M%20187.5%2098.171875%20%22%20clip-rule=%22nonzero%22/%3E%3C/clipPath%3E%3CclipPath%20id=%220f4217ffe3%22%3E%3Cpath%20d=%22M%200%200.171875%20L%20375%200.171875%20L%20375%20277%20L%200%20277%20Z%20M%200%200.171875%20%22%20clip-rule=%22nonzero%22/%3E%3C/clipPath%3E%3CclipPath%20id=%22ca1f5799a3%22%3E%3Cpath%20d=%22M%20187.5%200.171875%20L%20404.023438%20410.144531%20L%20-29.023438%20410.144531%20Z%20M%20187.5%200.171875%20%22%20clip-rule=%22nonzero%22/%3E%3C/clipPath%3E%3CclipPath%20id=%228bb016993a%22%3E%3Crect%20x=%220%22%20width=%22375%22%20y=%220%22%20height=%22277%22/%3E%3C/clipPath%3E%3CclipPath%20id=%2276af0040d9%22%3E%3Cpath%20d=%22M%200%20195.949219%20L%20375%20195.949219%20L%20375%20375%20L%200%20375%20Z%20M%200%20195.949219%20%22%20clip-rule=%22nonzero%22/%3E%3C/clipPath%3E%3CclipPath%20id=%221062f89594%22%3E%3Cpath%20d=%22M%200%200.949219%20L%20375%200.949219%20L%20375%20180%20L%200%20180%20Z%20M%200%200.949219%20%22%20clip-rule=%22nonzero%22/%3E%3C/clipPath%3E%3CclipPath%20id=%2217bc809498%22%3E%3Crect%20x=%220%22%20width=%22375%22%20y=%220%22%20height=%22180%22/%3E%3C/clipPath%3E%3CclipPath%20id=%22ad524f887e%22%3E%3Cpath%20d=%22M%202%2094%20L%20293%2094%20L%20293%20342%20L%202%20342%20Z%20M%202%2094%20%22%20clip-rule=%22nonzero%22/%3E%3C/clipPath%3E%3CclipPath%20id=%22ac73806eb1%22%3E%3Crect%20x=%220%22%20width=%22294%22%20y=%220%22%20height=%22342%22/%3E%3C/clipPath%3E%3C/defs%3E%3Crect%20x=%22-37.5%22%20width=%22450%22%20fill=%22%23ffffff%22%20y=%22-37.499999%22%20height=%22449.999989%22%20fill-opacity=%221%22/%3E%3Crect%20x=%22-37.5%22%20width=%22450%22%20fill=%22%23ffffff%22%20y=%22-37.499999%22%20height=%22449.999989%22%20fill-opacity=%221%22/%3E%3Cg%20clip-path=%22url(%23413a615d81)%22%3E%3Cg%20transform=%22matrix(1,%200,%200,%201,%200,%200)%22%3E%3Cg%20clip-path=%22url(%2366f7fee432)%22%3E%3Cg%20clip-path=%22url(%23b4114fb668)%22%3E%3Cg%20clip-path=%22url(%2302d2f74560)%22%3E%3Crect%20x=%22-82.5%22%20width=%22540%22%20fill=%22%2301adef%22%20height=%22539.999987%22%20y=%22-82.499998%22%20fill-opacity=%221%22/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg%20clip-path=%22url(%2344a7358375)%22%3E%3Cg%20clip-path=%22url(%2306d1da3b78)%22%3E%3Cg%20transform=%22matrix(1,%200,%200,%201,%2066,%2066)%22%3E%3Cg%20clip-path=%22url(%2367bf874d33)%22%3E%3Cg%20clip-path=%22url(%235f19be2713)%22%3E%3Cg%20clip-path=%22url(%23fde3ba0cc4)%22%3E%3Cpath%20fill=%22%23ffffff%22%20d=%22M%200.527344%200.527344%20L%20242.472656%200.527344%20L%20242.472656%20242.472656%20L%200.527344%20242.472656%20Z%20M%200.527344%200.527344%20%22%20fill-opacity=%221%22%20fill-rule=%22nonzero%22/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg%20clip-path=%22url(%2305f2bd6677)%22%3E%3Cg%20clip-path=%22url(%23a5274c9106)%22%3E%3Cg%20transform=%22matrix(1,%200,%200,%201,%200,%2098)%22%3E%3Cg%20clip-path=%22url(%238bb016993a)%22%3E%3Cg%20clip-path=%22url(%230f4217ffe3)%22%3E%3Cg%20clip-path=%22url(%23ca1f5799a3)%22%3E%3Cpath%20fill=%22%23ffffff%22%20d=%22M%20-29.023438%200.171875%20L%20403.371094%200.171875%20L%20403.371094%20410.144531%20L%20-29.023438%20410.144531%20Z%20M%20-29.023438%200.171875%20%22%20fill-opacity=%221%22%20fill-rule=%22nonzero%22/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg%20clip-path=%22url(%2376af0040d9)%22%3E%3Cg%20transform=%22matrix(1,%200,%200,%201,%200,%20195)%22%3E%3Cg%20clip-path=%22url(%2317bc809498)%22%3E%3Cg%20clip-path=%22url(%231062f89594)%22%3E%3Cpath%20fill=%22%23ffffff%22%20d=%22M%20-62.902344%200.949219%20L%20438.316406%200.949219%20L%20438.316406%20313.144531%20L%20-62.902344%20313.144531%20Z%20M%20-62.902344%200.949219%20%22%20fill-opacity=%221%22%20fill-rule=%22nonzero%22/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg%20transform=%22matrix(1,%200,%200,%201,%2040,%2033)%22%3E%3Cg%20clip-path=%22url(%23ac73806eb1)%22%3E%3Cg%20clip-path=%22url(%23ad524f887e)%22%3E%3Cg%20fill=%22%23202b61%22%20fill-opacity=%221%22%3E%3Cg%20transform=%22translate(7.369923,%20344.002374)%22%3E%3Cg%3E%3Cpath%20d=%22M%20192.15625%20-48.484375%20L%2086.640625%20-48.484375%20L%2067.03125%200%20L%20-4.984375%200%20L%20105.171875%20-249.5625%20L%20174.6875%20-249.5625%20L%20285.21875%200%20L%20211.765625%200%20Z%20M%20171.484375%20-100.53125%20L%20139.390625%20-180.390625%20L%20107.3125%20-100.53125%20Z%20M%20171.484375%20-100.53125%20%22/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cpath%20stroke-linecap=%22butt%22%20transform=%22matrix(0.75,%200,%200,%200.75,%200.0000045,%20209.710181)%22%20fill=%22none%22%20stroke-linejoin=%22miter%22%20d=%22M%20-0.000006%2010.001009%20L%2088.703125%2010.001009%20%22%20stroke=%22%23202b61%22%20stroke-width=%2220%22%20stroke-opacity=%221%22%20stroke-miterlimit=%224%22/%3E%3Cpath%20stroke-linecap=%22butt%22%20transform=%22matrix(0.75,%200,%200,%200.75,%20308.473813,%20209.710181)%22%20fill=%22none%22%20stroke-linejoin=%22miter%22%20d=%22M%20-0.00154239%2010.001009%20L%2088.701588%2010.001009%20%22%20stroke=%22%23202b61%22%20stroke-width=%2220%22%20stroke-opacity=%221%22%20stroke-miterlimit=%224%22/%3E%3C/svg%3E";
+var ArbiIcon = ({
+  size = 20,
+  className = "",
+  "aria-label": ariaLabel = "ARBI Docs",
+  "aria-hidden": ariaHidden = false
+}) => {
+  return /* @__PURE__ */ jsx(
+    "img",
+    {
+      src: ARBI_MARK_SRC,
+      alt: ariaLabel,
+      className: `rounded object-contain ${className}`,
+      style: { width: size, height: size },
+      "aria-label": ariaLabel,
+      "aria-hidden": ariaHidden
+    }
+  );
+};
 function nameInitials(name) {
   const parts = name.trim().split(/\s+/).filter(Boolean);
   if (!parts.length) return "?";
@@ -5199,5 +5199,5 @@ function UserMenu({
 }
 
 export { ARBI_MARK_SRC, AUDIO_MIME_PREFERENCE, AgentBadge, AiMarkdown, ArbiBotHeadIcon, ArbiIcon, AudIcon, BASE_COLORS2 as BASE_COLORS, Badge, COLUMN_LABEL_FALLBACKS, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, ClaudeIcon, Collapsible, CollapsibleContent2 as CollapsibleContent, CollapsibleTrigger2 as CollapsibleTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, DEFAULT_METADATA_TAGS, DebouncedInput, DocIcon, DocumentCard, DocumentEntity, ENTITY_MAPPINGS, EmlIcon, EntityIcon, EntityPill, FILE_TYPE_COLORS, FireworksIcon, GeminiIcon, GoogleIcon, HoverCard, HoverCardContent, HoverCardTrigger, HtmlIcon, IconToggle, ImgIcon, InlineMicButton, Input, Label2 as Label, MarkMenu, MicRecordingOverlay, MicWaveformIndicator, NEUTRAL_GRAY2 as NEUTRAL_GRAY, OpenAIIcon, PLACEHOLDER_COLOR, PassageCard, PdfIcon, Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverTrigger, PresenceLabel, Progress, ProjectEntity, ProviderIcon, RadioGroup, RadioGroupItem, RagDot, RelevanceDot, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator2 as Separator, ShieldIcon, Slider, StatusPill, Switch, TAG_TYPE_ICONS, TAG_TYPE_LABELS, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, TagEntity, Textarea, ThreadVisibilityIcon, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, TxtIcon, UserEntity, UserMenu, VIDEO_MIME_PREFERENCE, VISIBILITY_ICONS, VerifiedBadge, VerifiedToggle, VidIcon, VisibilityIcon, VisibilityToggle, XlsIcon, agentAvatarColors, badgeVariants, buildFolderTree, canonicalFolderPath, cardVariants, classifyMediaError, configureEntityRegistry, configureRagLabels, configureStatusRegistry, createChunkedRecorder, entityNoun, extensionFromMime, formatDocDate, formatElapsed, formatFolderLabel, formatFriendlyDate, friendlyFileType, getDocIcon, getDocumentAuthor, getDocumentDate, getDocumentNature, getDocumentSubject, getDocumentTitle, getEntityColor2 as getEntityColor, getEntityColorStyles, getEntityIcon, getEntityLabel, getFileExtension, getFileTypeIcon, getStatusVariant, getTagTypeIcon, getTagTypeLabel, getWorkspaceColor, isAudioFile, isDocumentAddableToConversation, isDownloadOnlyFile, isImageDocument, isImageFile, isMediaFile, isVideoFile, markdownToPlainText, markdownToPlainTextBlocks, pickRecorderMimeType, returnFocusToMark, tagKindNouns, tagKindTitle, toggleVariants, useAudioRecorder, useDictateContext, usesOriginalBytesForViewer };
-//# sourceMappingURL=chunk-I4JYI6GY.js.map
-//# sourceMappingURL=chunk-I4JYI6GY.js.map
+//# sourceMappingURL=chunk-KUGZXI7V.js.map
+//# sourceMappingURL=chunk-KUGZXI7V.js.map