@arbidocs/react 0.3.183 → 0.3.185

package/dist/{chunk-I256BUCX.js → chunk-YJAYST7S.js}

@@ -2,11 +2,11 @@ import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import * as React2 from 'react';
-import React2__default, { createContext, useMemo, useContext, useState, useRef, useEffect, useCallback } from 'react';
+import React2__default, { createContext, forwardRef, memo, useMemo, useContext, useState, useRef, useEffect, useCallback, useId } from 'react';
 import Markdown from 'react-markdown';
 import remarkGfm from 'remark-gfm';
 import rehypeRaw from 'rehype-raw';
-import { Circle, Check, X, ChevronRight, ChevronDown, ChevronUp, Search, Loader2, Square, Mic, Copy, Minus, Plus } from 'lucide-react';
+import { Circle, Check, X, ChevronRight, ChevronDown, ChevronUp, Search, MessageCircleMore, Loader2, Square, Mic, MoreVertical, Copy, MessageSquareLock, Info, FileQuestion, BookOpen, Upload, LogOut, LayoutGrid, Bell, MessageSquare, CircleUserRound, Wrench, CreditCard, ClipboardList, UserPlus, UserStar, Settings2, Users, User, NotebookPen, NotebookText, StickyNote, FolderPlus, Hash, EyeOff, Eye, CaptionsOff, FolderOpen, MessageSquareMore, MessageSquarePlus, MessageSquareText, MessageSquareOff, MessagesSquare, Columns3Cog, SquarePlus, SquareM, ChevronsDown, Bot, Calendar, Folder, List, SquareCheckBig, Minus, Plus } from 'lucide-react';
 import { createPortal } from 'react-dom';
 import * as AvatarPrimitive from '@radix-ui/react-avatar';
 import { cva } from 'class-variance-authority';
@@ -1389,6 +1389,13 @@ var ToggleGroupItem = React2.forwardRef(({ className, children, variant, size, .
   );
 });
 ToggleGroupItem.displayName = ToggleGroupPrimitive.Item.displayName;
+
+// src/lib/toast-interaction.ts
+function isToastInteraction(event) {
+  const original = event.detail?.originalEvent;
+  const target = original?.target ?? event.target;
+  return target instanceof Element && target.closest("[data-sonner-toaster]") !== null;
+}
 var Dialog = DialogPrimitive.Root;
 var DialogTrigger = DialogPrimitive.Trigger;
 var DialogPortal = DialogPrimitive.Portal;
@@ -1405,12 +1412,16 @@ var DialogOverlay = React2.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
-var DialogContent = React2.forwardRef(({ className, children, hideCloseButton, ...props }, ref) => /* @__PURE__ */ jsxs(DialogPortal, { children: [
+var DialogContent = React2.forwardRef(({ className, children, hideCloseButton, onInteractOutside, ...props }, ref) => /* @__PURE__ */ jsxs(DialogPortal, { children: [
   /* @__PURE__ */ jsx(DialogOverlay, {}),
   /* @__PURE__ */ jsxs(
     DialogPrimitive.Content,
     {
       ref,
+      onInteractOutside: (event) => {
+        if (isToastInteraction(event)) event.preventDefault();
+        onInteractOutside?.(event);
+      },
       className: cn(
         "fixed left-[50%] top-[50%] z-50 grid w-[calc(100%-2rem)] max-w-lg max-h-[90vh] translate-x-[-50%] translate-y-[-50%] gap-4 overflow-y-auto border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 rounded-md",
         className
@@ -1813,7 +1824,1419 @@ function AiMarkdown({
     }
   );
 }
+var EntityPill = forwardRef(function EntityPill2({
+  icon,
+  label,
+  secondaryText,
+  size = "sm",
+  shape = "rounded",
+  className,
+  labelMaxWidth = "max-w-[320px]",
+  labelClassName,
+  fullWidth = false,
+  highlight = false,
+  onClick,
+  onIconClick,
+  onMoreClick,
+  moreContent,
+  href,
+  disabled = false,
+  tooltipContent,
+  tooltipSide = "bottom",
+  "data-testid": testId
+}, ref) {
+  const shapeClass = shape === "pill" ? "rounded-full" : "rounded-md";
+  const sizeClasses2 = size === "base" ? "gap-1.5 px-1.5 py-0.5" : "gap-1 px-1";
+  const textSizeClass = size === "base" ? "text-base" : "text-sm";
+  const baseClasses = cn(
+    "group/pill items-center",
+    fullWidth ? "flex w-full" : "inline-flex",
+    sizeClasses2,
+    shapeClass,
+    "bg-muted",
+    "border border-border",
+    "transition-all",
+    className
+  );
+  const interactiveClasses = "cursor-pointer hover:bg-muted/80";
+  const disabledClasses = "cursor-default opacity-60";
+  const highlightClasses = "bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground";
+  const mainContent = /* @__PURE__ */ jsxs(Fragment, { children: [
+    onIconClick ? /* @__PURE__ */ jsx(
+      "span",
+      {
+        role: "button",
+        tabIndex: 0,
+        className: "flex-shrink-0 cursor-pointer hover:opacity-70 transition-opacity",
+        onClick: (e) => {
+          e.stopPropagation();
+          onIconClick(e);
+        },
+        children: icon
+      }
+    ) : icon,
+    /* @__PURE__ */ jsx(
+      "span",
+      {
+        className: cn(
+          textSizeClass,
+          "font-medium truncate leading-tight min-w-0",
+          labelMaxWidth,
+          labelClassName
+        ),
+        children: label
+      }
+    ),
+    secondaryText && /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground flex-shrink-0 leading-none", children: secondaryText })
+  ] });
+  const tooltipWrap = (content, tip, side = tooltipSide, triggerClassName, triggerProps) => /* @__PURE__ */ jsxs(Tooltip, { children: [
+    /* @__PURE__ */ jsx(
+      TooltipTrigger,
+      {
+        onFocusCapture: (e) => e.stopPropagation(),
+        className: triggerClassName,
+        ...triggerProps,
+        children: content
+      }
+    ),
+    /* @__PURE__ */ jsx(TooltipContent, { side, className: "p-2", children: tip })
+  ] });
+  const mainAreaClass = cn("inline-flex items-center gap-1", fullWidth && "min-w-0 flex-1");
+  if (onMoreClick || moreContent) {
+    let mainArea;
+    if (tooltipContent) {
+      mainArea = tooltipWrap(
+        mainContent,
+        tooltipContent,
+        tooltipSide,
+        cn(mainAreaClass, disabled && "opacity-60"),
+        {
+          type: "button",
+          onClick: href ? onClick : disabled ? void 0 : onClick,
+          disabled: disabled || void 0
+        }
+      );
+    } else if (href) {
+      mainArea = /* @__PURE__ */ jsx(
+        "a",
+        {
+          href,
+          target: "_blank",
+          rel: "noopener noreferrer",
+          className: mainAreaClass,
+          onClick,
+          children: mainContent
+        }
+      );
+    } else if (onClick) {
+      mainArea = /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: disabled ? void 0 : onClick,
+          disabled,
+          className: cn("inline-flex items-center gap-1", disabled && "opacity-60"),
+          children: mainContent
+        }
+      );
+    } else {
+      mainArea = /* @__PURE__ */ jsx("span", { className: mainAreaClass, children: mainContent });
+    }
+    const moreArea = moreContent ? /* @__PURE__ */ jsx("span", { className: "flex-shrink-0 leading-none", children: moreContent }) : tooltipWrap(
+      /* @__PURE__ */ jsx(MoreVertical, { className: "w-3.5 h-3.5" }),
+      "Click for more",
+      tooltipSide,
+      "flex-shrink-0 leading-none text-muted-foreground hover:text-foreground",
+      {
+        type: "button",
+        onClick: (e) => {
+          e.stopPropagation();
+          onMoreClick?.(e);
+        }
+      }
+    );
+    return /* @__PURE__ */ jsxs(
+      "span",
+      {
+        ref,
+        className: cn(
+          baseClasses,
+          (onClick || href) && !disabled && interactiveClasses,
+          highlight && highlightClasses
+        ),
+        "data-testid": testId,
+        children: [
+          mainArea,
+          moreArea
+        ]
+      }
+    );
+  }
+  if (tooltipContent) {
+    if (href) {
+      return tooltipWrap(
+        /* @__PURE__ */ jsx(
+          "a",
+          {
+            href,
+            target: "_blank",
+            rel: "noopener noreferrer",
+            className: mainAreaClass,
+            onClick,
+            children: mainContent
+          }
+        ),
+        tooltipContent,
+        tooltipSide,
+        cn(baseClasses, interactiveClasses),
+        { "data-testid": testId }
+      );
+    }
+    return tooltipWrap(
+      mainContent,
+      tooltipContent,
+      tooltipSide,
+      cn(
+        baseClasses,
+        onClick && !disabled ? interactiveClasses : "",
+        disabled ? disabledClasses : "",
+        highlight && highlightClasses
+      ),
+      {
+        type: "button",
+        ref,
+        onClick: onClick && !disabled ? onClick : void 0,
+        disabled: disabled || void 0,
+        "data-testid": testId
+      }
+    );
+  }
+  if (href) {
+    return /* @__PURE__ */ jsx(
+      "a",
+      {
+        ref,
+        href,
+        target: "_blank",
+        rel: "noopener noreferrer",
+        className: cn(baseClasses, interactiveClasses),
+        "data-testid": testId,
+        onClick,
+        children: mainContent
+      }
+    );
+  }
+  if (onClick) {
+    return /* @__PURE__ */ jsx(
+      "button",
+      {
+        ref,
+        type: "button",
+        onClick: disabled ? void 0 : onClick,
+        disabled,
+        className: cn(
+          baseClasses,
+          disabled ? disabledClasses : interactiveClasses,
+          highlight && highlightClasses
+        ),
+        "data-testid": testId,
+        children: mainContent
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      ref,
+      className: cn(baseClasses, highlight && highlightClasses),
+      "data-testid": testId,
+      children: mainContent
+    }
+  );
+});
+var TAG_TYPE_LABELS = {
+  checkbox: "Checkbox",
+  select: "Select",
+  number: "Number",
+  text: "Text",
+  folder: "Folder",
+  search: "Saved Search",
+  date: "Date",
+  assistant: "AI Assistant"
+};
+var TAG_TYPE_ICONS = {
+  checkbox: SquareCheckBig,
+  select: List,
+  number: Hash,
+  text: NotebookPen,
+  folder: Folder,
+  search: Search,
+  date: Calendar,
+  assistant: Bot
+};
+function getTagTypeIcon(type) {
+  return TAG_TYPE_ICONS[type ?? "text"] || NotebookPen;
+}
+function getTagTypeLabel(type) {
+  const t = type ?? "text";
+  return TAG_TYPE_LABELS[t] || t;
+}
+var BASE_COLORS = {
+  "0": "#10b981",
+  "1": "#3b82f6",
+  "2": "#8b5cf6",
+  "3": "#f43f5e",
+  "4": "#f59e0b",
+  "5": "#84cc16",
+  "6": "#a855f7",
+  "7": "#06b6d4",
+  "8": "#f97316",
+  "9": "#14b8a6",
+  a: "#ef4444",
+  b: "#6366f1",
+  c: "#ec4899",
+  d: "#22c55e",
+  e: "#eab308",
+  f: "#0ea5e9"
+};
+function getEntityColor(entityId) {
+  return BASE_COLORS[entityId[4]] || BASE_COLORS["0"];
+}
+function TagEntity({
+  tag,
+  size = "md",
+  className = "",
+  onClick,
+  showTooltip = true,
+  tooltipContent
+}) {
+  const tagType = tag.tag_type?.type ?? "text";
+  const iconSize = size === "sm" ? 12 : size === "md" ? 14 : 16;
+  const Icon2 = getTagTypeIcon(tagType);
+  const sizeClasses2 = {
+    sm: "p-0.5",
+    md: "p-1",
+    lg: "p-1.5"
+  };
+  const tagColor = tag.color ?? getEntityColor(tag.external_id);
+  const iconElement = /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: `inline-flex items-center justify-center rounded-md text-white flex-shrink-0 ${sizeClasses2[size]}`,
+      style: { backgroundColor: tagColor },
+      children: /* @__PURE__ */ jsx(Icon2, { size: iconSize, className: "flex-shrink-0" })
+    }
+  );
+  const pillSize = size === "lg" ? "base" : "sm";
+  const defaultTooltip = /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx(
+        "span",
+        {
+          className: "inline-flex items-center justify-center rounded-md text-white p-1",
+          style: { backgroundColor: tagColor },
+          children: /* @__PURE__ */ jsx(Icon2, { size: 16 })
+        }
+      ),
+      /* @__PURE__ */ jsx("span", { className: "font-medium text-sm", children: tag.name })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1.5 text-sm", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "Type:" }),
+        /* @__PURE__ */ jsx("span", { children: getTagTypeLabel(tagType) })
+      ] }),
+      tag.doctag_count != null && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "Documents:" }),
+        /* @__PURE__ */ jsx(Badge, { variant: "secondary", className: "h-5 min-w-[20px] justify-center", children: tag.doctag_count ?? 0 })
+      ] }),
+      tag.shared != null && /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: tag.shared ? "Shared" : "Private" }) })
+    ] })
+  ] });
+  const resolvedTooltip = showTooltip ? tooltipContent ?? defaultTooltip : void 0;
+  return /* @__PURE__ */ jsx(
+    EntityPill,
+    {
+      icon: iconElement,
+      label: tag.name,
+      size: pillSize,
+      shape: "rounded",
+      labelMaxWidth: "max-w-[180px]",
+      tooltipContent: resolvedTooltip,
+      onClick,
+      className,
+      "data-testid": `tag-entity-${tag.external_id}`
+    }
+  );
+}
+
+// src/icons/colors.ts
+var NEUTRAL_GRAY = "#64748b";
+var FILE_TYPE_COLORS = {
+  pdf: "#ef4444",
+  // red
+  doc: "#3b82f6",
+  // blue (Word docs)
+  docx: "#3b82f6",
+  // blue
+  html: "#0284c7",
+  // sky-600 (web files)
+  img: "#8b5cf6",
+  // violet-500 (images)
+  vid: "#10b981",
+  // emerald-500 (video)
+  aud: "#f59e0b",
+  // amber-500 (audio)
+  xls: "#16a34a",
+  // green-600 (Excel)
+  eml: "#0d9488",
+  // teal-600 (email)
+  txt: NEUTRAL_GRAY,
+  // gray (plain text)
+  generic: NEUTRAL_GRAY,
+  // gray (unknown)
+  white: "#ffffff"
+  // for strokes/text on colored backgrounds
+};
+var PdfIcon = ({ size = 16, className = "" }) => {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      width: size,
+      height: size,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      className,
+      children: [
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6z",
+            fill: FILE_TYPE_COLORS.pdf,
+            stroke: FILE_TYPE_COLORS.pdf,
+            strokeWidth: "1",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M14 2v6h6",
+            fill: "none",
+            stroke: FILE_TYPE_COLORS.white,
+            strokeWidth: "1",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "text",
+          {
+            x: "12",
+            y: "16",
+            fontSize: "6",
+            fill: "white",
+            textAnchor: "middle",
+            fontWeight: "bold",
+            fontFamily: "Arial, sans-serif",
+            children: "PDF"
+          }
+        )
+      ]
+    }
+  );
+};
+var AudIcon = ({ size = 16, className = "" }) => {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      width: size,
+      height: size,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      className,
+      children: [
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6z",
+            fill: FILE_TYPE_COLORS.aud,
+            stroke: FILE_TYPE_COLORS.aud,
+            strokeWidth: "1",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M14 2v6h6",
+            fill: "none",
+            stroke: FILE_TYPE_COLORS.white,
+            strokeWidth: "1",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "text",
+          {
+            x: "12",
+            y: "16",
+            fontSize: "6",
+            fill: "white",
+            textAnchor: "middle",
+            fontWeight: "bold",
+            fontFamily: "Arial, sans-serif",
+            children: "AUD"
+          }
+        )
+      ]
+    }
+  );
+};
+var ImgIcon = ({ size = 16, className = "" }) => {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      width: size,
+      height: size,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      className,
+      children: [
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6z",
+            fill: FILE_TYPE_COLORS.img,
+            stroke: FILE_TYPE_COLORS.img,
+            strokeWidth: "1",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M14 2v6h6",
+            fill: "none",
+            stroke: FILE_TYPE_COLORS.white,
+            strokeWidth: "1",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "text",
+          {
+            x: "12",
+            y: "16",
+            fontSize: "6",
+            fill: "white",
+            textAnchor: "middle",
+            fontWeight: "bold",
+            fontFamily: "Arial, sans-serif",
+            children: "IMG"
+          }
+        )
+      ]
+    }
+  );
+};
+var VidIcon = ({ size = 16, className = "" }) => {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      width: size,
+      height: size,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      className,
+      children: [
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6z",
+            fill: FILE_TYPE_COLORS.vid,
+            stroke: FILE_TYPE_COLORS.vid,
+            strokeWidth: "1",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M14 2v6h6",
+            fill: "none",
+            stroke: FILE_TYPE_COLORS.white,
+            strokeWidth: "1",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "text",
+          {
+            x: "12",
+            y: "16",
+            fontSize: "6",
+            fill: "white",
+            textAnchor: "middle",
+            fontWeight: "bold",
+            fontFamily: "Arial, sans-serif",
+            children: "VID"
+          }
+        )
+      ]
+    }
+  );
+};
+var EmlIcon = ({ size = 16, className = "" }) => {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      width: size,
+      height: size,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      className,
+      children: [
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6z",
+            fill: FILE_TYPE_COLORS.eml,
+            stroke: FILE_TYPE_COLORS.eml,
+            strokeWidth: "1",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M14 2v6h6",
+            fill: "none",
+            stroke: FILE_TYPE_COLORS.white,
+            strokeWidth: "1",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "rect",
+          {
+            x: "7",
+            y: "12",
+            width: "10",
+            height: "7",
+            rx: "1",
+            fill: "none",
+            stroke: "white",
+            strokeWidth: "1.2"
+          }
+        ),
+        /* @__PURE__ */ jsx("path", { d: "M7 13l5 3 5-3", fill: "none", stroke: "white", strokeWidth: "1.2", strokeLinejoin: "round" })
+      ]
+    }
+  );
+};
+var ArbiBotHeadIcon = ({ size = 24, className = "" }) => {
+  const maskId = useId();
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: size,
+      height: size,
+      viewBox: "30 -5 190 190",
+      preserveAspectRatio: "xMidYMid meet",
+      className,
+      children: [
+        /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("mask", { id: maskId, children: /* @__PURE__ */ jsxs("g", { transform: "translate(0,250) scale(0.1,-0.1)", children: [
+          /* @__PURE__ */ jsx("rect", { x: "0", y: "0", width: "2500", height: "2500", fill: "white" }),
+          /* @__PURE__ */ jsx("circle", { cx: "855", cy: "1715", r: "190", fill: "black" }),
+          /* @__PURE__ */ jsx("circle", { cx: "855", cy: "1715", r: "50", fill: "white" }),
+          /* @__PURE__ */ jsx("circle", { cx: "1665", cy: "1700", r: "190", fill: "black" }),
+          /* @__PURE__ */ jsx("circle", { cx: "1665", cy: "1700", r: "50", fill: "white" })
+        ] }) }) }),
+        /* @__PURE__ */ jsxs("g", { mask: `url(#${maskId})`, children: [
+          /* @__PURE__ */ jsx(
+            "g",
+            {
+              transform: "translate(0,250) scale(0.1,-0.1)",
+              fill: "currentColor",
+              stroke: "currentColor",
+              strokeWidth: "100",
+              children: /* @__PURE__ */ jsx("path", { d: "M1038 2434 c-217 -39 -406 -154 -522 -318 -121 -170 -176 -376 -103 -384 l27 -3 0 -106 c0 -88 -3 -108 -17 -118 -15 -11 -16 -18 -5 -66 44 -188 209 -369 420 -459 l65 -28 -74 -7 c-283 -26 -444 -152 -535 -418 -70 -204 -73 -507 -5 -507 4 0 12 75 19 168 18 263 68 419 167 530 78 87 224 162 263 134 9 -6 43 -26 76 -43 224 -117 802 -95 948 38 38 34 165 -22 253 -111 117 -119 168 -268 187 -549 6 -92 15 -167 19 -167 89 0 53 415 -54 627 -88 173 -238 270 -458 295 l-99 11 75 32 c201 88 367 274 406 454 10 47 9 56 -5 66 -13 10 -16 32 -16 118 l0 106 28 3 c91 10 -12 297 -165 459 -202 214 -544 307 -895 243z m472 -84 c170 -43 323 -140 416 -264 47 -61 117 -197 128 -248 l6 -28 -65 0 c-64 0 -65 1 -78 33 -43 102 -109 136 -262 137 l-110 0 -38 -40 c-25 -27 -46 -40 -65 -41 -134 -5 -394 1 -410 10 -11 6 -30 24 -42 41 l-21 30 -112 0 c-156 -1 -219 -33 -262 -136 -14 -34 -14 -34 -80 -34 -76 0 -74 -7 -30 103 96 243 311 406 595 452 118 20 319 13 430 -15z m-561 -505 c97 -50 126 -174 61 -263 -118 -163 -380 -23 -309 165 35 93 162 143 248 98z m799 -15 c129 -96 69 -304 -92 -318 -189 -16 -265 218 -106 326 48 33 149 29 198 -8z m272 -389 c0 -23 -45 -110 -86 -168 -245 -343 -856 -408 -1231 -130 -90 67 -213 236 -213 294 0 11 132 13 765 13 457 0 765 -4 765 -9z" })
+            }
+          ),
+          /* @__PURE__ */ jsxs("g", { transform: "translate(0,250) scale(0.1,-0.1)", fill: "currentColor", stroke: "none", children: [
+            /* @__PURE__ */ jsx("path", { d: "M785 1777 c-60 -60 -59 -134 1 -186 92 -82 236 9 204 128 -25 93 -138 125 -205 58z m161 -29 c7 -22 -19 -52 -40 -45 -21 7 -30 35 -17 51 19 23 48 20 57 -6z" }),
+            /* @__PURE__ */ jsx("path", { d: "M1591 1803 c-128 -67 -85 -243 60 -243 83 0 141 99 105 178 -32 69 -103 97 -165 65z m127 -59 c4 -25 -19 -47 -41 -38 -22 8 -30 34 -16 51 17 20 53 12 57 -13z" }),
+            /* @__PURE__ */ jsx("path", { d: "M843 1347 c-9 -15 9 -63 41 -108 148 -202 565 -209 730 -12 37 44 60 103 47 116 -13 13 -810 17 -818 4z" })
+          ] })
+        ] })
+      ]
+    }
+  );
+};
+function getDocumentTitle(document2, defaultValue = "") {
+  if (!document2) return defaultValue;
+  return document2.doc_metadata?.title || document2.file_name || defaultValue;
+}
+var MAX_LABEL_CHARS = 30;
+function clampLabel(text) {
+  return text.length > MAX_LABEL_CHARS ? `${text.slice(0, MAX_LABEL_CHARS).trimEnd()}\u2026` : text;
+}
+var IMAGE_EXTENSIONS = /* @__PURE__ */ new Set(["jpg", "jpeg", "png", "gif", "bmp", "tiff", "tif", "webp"]);
+var VIDEO_EXTENSIONS = /* @__PURE__ */ new Set(["mp4", "mpeg", "mpg", "webm", "mov", "avi", "mkv"]);
+var AUDIO_EXTENSIONS = /* @__PURE__ */ new Set(["mp3", "wav", "m4a", "aac", "ogg", "flac"]);
+var EMAIL_EXTENSIONS = /* @__PURE__ */ new Set(["eml", "msg"]);
+function getDocIcon(fileName, iconSize = 14) {
+  const ext = fileName?.split(".").pop()?.toLowerCase();
+  if (ext && VIDEO_EXTENSIONS.has(ext)) return /* @__PURE__ */ jsx(VidIcon, { size: iconSize, className: "flex-shrink-0" });
+  if (ext && AUDIO_EXTENSIONS.has(ext)) return /* @__PURE__ */ jsx(AudIcon, { size: iconSize, className: "flex-shrink-0" });
+  if (ext && IMAGE_EXTENSIONS.has(ext)) return /* @__PURE__ */ jsx(ImgIcon, { size: iconSize, className: "flex-shrink-0" });
+  if (ext && EMAIL_EXTENSIONS.has(ext)) return /* @__PURE__ */ jsx(EmlIcon, { size: iconSize, className: "flex-shrink-0" });
+  return /* @__PURE__ */ jsx(PdfIcon, { size: iconSize, className: "flex-shrink-0" });
+}
+function DocumentEntity({
+  doc,
+  icon,
+  size = "sm",
+  labelMaxWidth,
+  labelClassName,
+  onClick,
+  onIconClick,
+  viewing,
+  iconBadge,
+  actions,
+  tooltipContent,
+  className,
+  fullWidth,
+  noClamp
+}) {
+  const title = getDocumentTitle(doc);
+  const ext = doc.file_name?.split(".").pop()?.toLowerCase();
+  const iconSize = size === "base" ? 16 : 14;
+  const eyeSizeClass = size === "base" ? "h-4 w-4" : "h-3.5 w-3.5";
+  const baseIcon = icon ?? getDocIcon(doc.file_name, iconSize);
+  const displayIcon = viewing || iconBadge ? /* @__PURE__ */ jsxs("span", { className: "relative inline-flex flex-shrink-0 items-center justify-center", children: [
+    viewing ? /* @__PURE__ */ jsx(Eye, { className: cn("text-primary-foreground", eyeSizeClass) }) : baseIcon,
+    iconBadge
+  ] }) : baseIcon;
+  const defaultTooltip = /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1 text-xs max-w-[440px]", children: [
+    doc.folder && // `flex-wrap` so a deep folder path wraps WITHIN the balloon instead of
+    // spilling out of it (each path segment is atomic and wraps as a unit;
+    // `min-w-0` + `break-all` lets a single over-long segment break too).
+    /* @__PURE__ */ jsxs("span", { className: "flex flex-wrap items-center gap-0.5 text-muted-foreground", children: [
+      /* @__PURE__ */ jsx(FolderOpen, { className: "h-3 w-3 text-yellow-600 shrink-0" }),
+      doc.folder.split("/").map((part, i, arr) => /* @__PURE__ */ jsxs("span", { className: "flex min-w-0 items-center gap-0.5", children: [
+        i > 0 && /* @__PURE__ */ jsx("span", { className: "text-muted-foreground/50 mx-0.5", children: "/" }),
+        /* @__PURE__ */ jsx("span", { className: `break-all ${i < arr.length - 1 ? "text-muted-foreground/70" : ""}`, children: part })
+      ] }, i))
+    ] }),
+    /* @__PURE__ */ jsxs("span", { className: "font-medium break-words", children: [
+      title,
+      ext ? `.${ext}` : ""
+    ] })
+  ] });
+  return /* @__PURE__ */ jsx(
+    EntityPill,
+    {
+      icon: displayIcon,
+      size,
+      label: fullWidth || noClamp ? title : clampLabel(title),
+      labelMaxWidth: labelMaxWidth ?? "max-w-[140px]",
+      labelClassName,
+      fullWidth,
+      onClick,
+      onIconClick,
+      moreContent: actions,
+      className,
+      highlight: viewing,
+      tooltipContent: tooltipContent ?? defaultTooltip
+    }
+  );
+}
+var VARIANT_STYLES = {
+  "mine-paid": {
+    pill: "bg-primary/10 text-primary border-border/60",
+    icon: "text-primary"
+  },
+  other: {
+    pill: "bg-secondary/10 text-secondary border-border/60",
+    icon: "text-secondary"
+  },
+  "mine-free": {
+    pill: "bg-muted-foreground/10 text-muted-foreground border-border/60",
+    icon: "text-muted-foreground"
+  },
+  common: {
+    pill: "",
+    icon: "text-muted-foreground"
+  }
+};
+function resolveVariant(relation, paid, hasCollaborators) {
+  if (relation === "common") return "common";
+  if (relation === "other") return "other";
+  if (relation === "mine") return paid ? "mine-paid" : "mine-free";
+  if (paid) return hasCollaborators ? "other" : "mine-paid";
+  return "mine-free";
+}
+function ProjectEntity({
+  name,
+  label,
+  icon,
+  subscription = "none",
+  hasCollaborators = false,
+  size = "sm",
+  className,
+  onClick,
+  relation,
+  isPaid,
+  tooltipContent
+}) {
+  const paid = isPaid ?? (subscription === "active" || subscription === "past_due" || subscription === "dev");
+  const variant = resolveVariant(relation, paid, hasCollaborators);
+  const { pill, icon: iconClass } = VARIANT_STYLES[variant];
+  const iconSizeClass = size === "base" ? "h-4 w-4" : "h-3.5 w-3.5";
+  const iconNode = icon ?? /* @__PURE__ */ jsx(CreditCard, { className: cn(iconSizeClass, iconClass) });
+  return /* @__PURE__ */ jsx(
+    EntityPill,
+    {
+      icon: iconNode,
+      label: label ?? name,
+      size,
+      shape: "rounded",
+      className: cn(pill, className),
+      onClick,
+      tooltipContent
+    }
+  );
+}
+var sizeClasses = {
+  xs: "h-5 w-5",
+  sm: "h-6 w-6",
+  md: "h-8 w-8",
+  lg: "h-10 w-10"
+};
+var textSizeClasses = {
+  xs: "text-xs",
+  sm: "text-xs",
+  md: "text-xs",
+  lg: "text-sm"
+};
+var presenceDotClasses = {
+  xs: "w-2 h-2 border",
+  sm: "w-2.5 h-2.5 border",
+  md: "w-3 h-3 border-2",
+  lg: "w-3.5 h-3.5 border-2"
+};
+var presencePositionClasses = {
+  xs: "-right-1 bottom-0",
+  sm: "-right-1 bottom-0",
+  md: "-right-1.5 -bottom-0.5",
+  lg: "-right-1.5 -bottom-0.5"
+};
+var PRESENCE_LABELS = {
+  connected: "Online",
+  connecting: "Connecting",
+  disconnected: "Offline",
+  error: "Connection problem",
+  hidden: "Status hidden"
+};
+var presenceColorClasses = {
+  connected: "bg-status-online",
+  connecting: "bg-status-connecting",
+  disconnected: "bg-status-away",
+  error: "bg-status-busy",
+  hidden: "bg-status-offline"
+};
+var UserEntity = memo(function UserEntity2({
+  size = "md",
+  variant = "pill",
+  className,
+  showTooltip = true,
+  interactive = true,
+  hasUnreadMessages = false,
+  initials = "",
+  displayName = "",
+  picture,
+  colorClass = "",
+  isAgent = false,
+  agentStyle,
+  avatarStyle,
+  isMe = false,
+  displayStatus,
+  onClick,
+  tooltipContent,
+  empty = false
+}) {
+  if (empty) {
+    return /* @__PURE__ */ jsx(
+      Avatar,
+      {
+        className: cn(sizeClasses[size], "border border-border", className),
+        "data-testid": "user-entity",
+        children: /* @__PURE__ */ jsx(AvatarFallback, { className: "bg-status-empty text-muted-foreground text-xs font-semibold", children: "?" })
+      }
+    );
+  }
+  const agentBadge = isAgent ? /* @__PURE__ */ jsx(ArbiBotHeadIcon, { className: "w-3.5 h-3.5 text-muted-foreground" }) : void 0;
+  const canMessage = interactive && !isMe && !isAgent;
+  const showUnread = hasUnreadMessages && !isMe && !isAgent;
+  const surfaceStyle = avatarStyle ?? agentStyle;
+  const avatarCore = /* @__PURE__ */ jsxs(
+    Avatar,
+    {
+      className: cn(
+        sizeClasses[size],
+        isAgent ? "rounded-full border-2 border-dashed" : "border border-white"
+      ),
+      style: surfaceStyle,
+      "data-testid": "user-entity",
+      children: [
+        picture && /* @__PURE__ */ jsx(AvatarImage, { src: picture, alt: initials }),
+        /* @__PURE__ */ jsx(
+          AvatarFallback,
+          {
+            className: cn(
+              textSizeClasses[size],
+              "font-semibold leading-none",
+              isAgent ? "rounded-full bg-transparent" : `text-white ${colorClass}`
+            ),
+            style: surfaceStyle,
+            children: initials
+          }
+        )
+      ]
+    }
+  );
+  const statusDot = showUnread || displayStatus ? /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: cn(
+        "absolute rounded-full border-white",
+        presenceDotClasses[size],
+        presencePositionClasses[size],
+        !showUnread && displayStatus ? presenceColorClasses[displayStatus] : ""
+      ),
+      style: showUnread ? { backgroundColor: "#00adef" } : void 0,
+      "data-testid": "user-entity-presence",
+      role: "img",
+      "aria-label": showUnread ? "Unread messages" : PRESENCE_LABELS[displayStatus],
+      title: showUnread ? "Unread messages" : PRESENCE_LABELS[displayStatus]
+    }
+  ) : null;
+  const avatarElement = statusDot ? /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "relative inline-block",
+        sizeClasses[size],
+        variant === "pill" ? "" : className
+      ),
+      children: [
+        avatarCore,
+        statusDot
+      ]
+    }
+  ) : /* @__PURE__ */ jsx("div", { className: cn("inline-block", variant === "pill" ? "" : className), children: avatarCore });
+  const pillAvatar = (
+    // shrink-0: when the pill is squeezed the NAME truncates away — the avatar
+    // must never collapse under it and overflow onto neighbouring text.
+    /* @__PURE__ */ jsxs("span", { className: cn("relative inline-block shrink-0", sizeClasses[size]), children: [
+      /* @__PURE__ */ jsx("span", { className: cn("block transition-opacity", canMessage && "group-hover/pill:opacity-0"), children: avatarCore }),
+      canMessage && /* @__PURE__ */ jsx(
+        "span",
+        {
+          "aria-hidden": true,
+          className: "absolute inset-0 flex items-center justify-center rounded-full bg-muted text-foreground opacity-0 transition-opacity group-hover/pill:opacity-100",
+          children: /* @__PURE__ */ jsx(MessageCircleMore, { className: size === "xs" ? "h-3 w-3" : "h-4 w-4" })
+        }
+      ),
+      statusDot
+    ] })
+  );
+  const resolvedTooltip = showTooltip ? tooltipContent : void 0;
+  if (variant === "pill") {
+    const row = /* @__PURE__ */ jsxs(Fragment, { children: [
+      pillAvatar,
+      displayName && /* @__PURE__ */ jsx("span", { className: "min-w-0 max-w-[320px] truncate text-sm leading-tight", children: displayName }),
+      agentBadge
+    ] });
+    const rowClass = "group/pill inline-flex min-w-0 items-center gap-2";
+    const clickable = interactive && !!onClick;
+    const clickableClass = "cursor-pointer rounded-md px-1 py-0.5 -mx-1 transition-colors hover:bg-muted/60";
+    if (resolvedTooltip) {
+      return /* @__PURE__ */ jsxs(Tooltip, { children: [
+        /* @__PURE__ */ jsx(
+          TooltipTrigger,
+          {
+            type: "button",
+            onClick: clickable ? onClick : void 0,
+            onFocusCapture: (e) => e.stopPropagation(),
+            className: cn(rowClass, clickable && clickableClass, className),
+            "data-testid": "user-entity-pill",
+            children: row
+          }
+        ),
+        /* @__PURE__ */ jsx(TooltipContent, { className: "p-2", children: resolvedTooltip })
+      ] });
+    }
+    if (clickable) {
+      return /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick,
+          className: cn(rowClass, clickableClass, className),
+          "data-testid": "user-entity-pill",
+          children: row
+        }
+      );
+    }
+    return /* @__PURE__ */ jsx("span", { className: cn(rowClass, className), "data-testid": "user-entity-pill", children: row });
+  }
+  if (showTooltip) {
+    return /* @__PURE__ */ jsxs(Tooltip, { children: [
+      /* @__PURE__ */ jsx(TooltipTrigger, { onFocusCapture: (e) => e.stopPropagation(), className: "inline-flex", children: avatarElement }),
+      /* @__PURE__ */ jsx(TooltipContent, { className: "p-2", children: tooltipContent })
+    ] });
+  }
+  return avatarElement;
+});
+function AgentBadge({ className }) {
+  return /* @__PURE__ */ jsxs(
+    "span",
+    {
+      "data-testid": "agent-badge",
+      className: cn(
+        "inline-flex shrink-0 items-center gap-1 rounded-full border border-ai-accent/50",
+        "bg-ai-accent-soft px-2 py-0.5 text-[11px] font-bold uppercase tracking-wider text-ai-accent",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsx(ArbiBotHeadIcon, { size: 14, className: "text-ai-accent" }),
+        "Agent"
+      ]
+    }
+  );
+}
+var PRESENCE_WORDS = {
+  connected: "Online",
+  connecting: "Connecting",
+  disconnected: "Offline",
+  error: "Connection problem",
+  hidden: null
+};
+function PresenceLabel({
+  status,
+  className
+}) {
+  if (!status) return null;
+  const word = PRESENCE_WORDS[status];
+  if (!word) return null;
+  const online = status === "connected";
+  return /* @__PURE__ */ jsxs(
+    "span",
+    {
+      "data-testid": "presence-label",
+      className: cn("inline-flex shrink-0 items-center gap-1 text-xs", className),
+      children: [
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: cn(
+              "size-1.5 rounded-full",
+              online ? "bg-status-online" : "bg-muted-foreground/50"
+            ),
+            "aria-hidden": "true"
+          }
+        ),
+        /* @__PURE__ */ jsx("span", { className: online ? "font-medium text-status-online" : "text-muted-foreground", children: word })
+      ]
+    }
+  );
+}
+var PACKAGE_BADGE_VARIANTS = [
+  "default",
+  "accent",
+  "secondary",
+  "destructive",
+  "outline"
+];
+function isPackageBadgeVariant(v) {
+  return PACKAGE_BADGE_VARIANTS.some((known) => known === v);
+}
+function PackageStatusBadge({ variant, ...rest }) {
+  return /* @__PURE__ */ jsx(Badge, { variant: isPackageBadgeVariant(variant) ? variant : "outline", ...rest });
+}
+var registry = {
+  variants: {},
+  fallback: "outline",
+  Badge: PackageStatusBadge
+};
+function configureStatusRegistry(map, opts) {
+  Object.assign(registry.variants, map);
+  if (opts?.fallback) registry.fallback = opts.fallback;
+  if (opts?.Badge) registry.Badge = opts.Badge;
+}
+function getStatusVariant(status) {
+  return registry.variants[status] ?? registry.fallback;
+}
+function StatusPill({ status, label, variant, className, testId }) {
+  const Badge2 = registry.Badge;
+  return /* @__PURE__ */ jsx(Badge2, { variant: variant ?? getStatusVariant(status), className, "data-testid": testId, children: label ?? status });
+}
+var RAG_LABELS = { red: "At risk", amber: "Attention", green: "On track" };
+function configureRagLabels(labels) {
+  RAG_LABELS = { ...RAG_LABELS, ...labels };
+}
+function RagDot({
+  rag,
+  withLabel,
+  className
+}) {
+  const color = rag === "red" ? "bg-destructive" : rag === "amber" ? "bg-warning" : "bg-success";
+  return /* @__PURE__ */ jsxs("span", { className: cn("inline-flex items-center gap-1.5", className), "data-testid": `rag-${rag}`, children: [
+    /* @__PURE__ */ jsx("span", { className: cn("size-2 rounded-full", color) }),
+    withLabel && /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: RAG_LABELS[rag] })
+  ] });
+}
+var ENTITY_MAPPINGS = {
+  PRODUCT: {
+    NAMES: {
+      SINGULAR: "ARBI Docs"
+    },
+    ICONS: {
+      DEFAULT: MessageSquareLock
+    }
+  },
+  SECTION: {
+    NAMES: {
+      SINGULAR: "Section"
+    },
+    ICONS: {
+      DEFAULT: ChevronsDown
+    }
+  },
+  WORKSPACE: {
+    NAMES: {
+      SINGULAR: "Workspace",
+      PLURAL: "Workspaces"
+    },
+    ICONS: {
+      DEFAULT: SquareM,
+      NEW: SquarePlus,
+      LIST: LayoutGrid,
+      SETTINGS: Columns3Cog
+    }
+  },
+  CONVERSATION: {
+    NAMES: {
+      SINGULAR: "Chat",
+      PLURAL: "Chats",
+      NEW: "New ARBI Chat"
+    },
+    ICONS: {
+      DEFAULT: MessagesSquare,
+      OFF: MessageSquareOff,
+      ACTIVE: MessageSquareText,
+      NEW: MessageSquarePlus,
+      LIST: MessageSquareMore
+    }
+  },
+  DOCUMENT: {
+    NAMES: {
+      SINGULAR: "File",
+      PLURAL: "Files"
+    },
+    ICONS: {
+      DEFAULT: FolderOpen,
+      OFF: CaptionsOff
+    }
+  },
+  VIEWER: {
+    NAMES: {
+      SINGULAR: "Viewer",
+      PLURAL: "Viewers"
+    },
+    ICONS: {
+      DEFAULT: Eye,
+      OFF: EyeOff
+    }
+  },
+  TAG: {
+    NAMES: {
+      SINGULAR: "Field",
+      PLURAL: "Fields"
+    },
+    ICONS: {
+      DEFAULT: Hash,
+      NEW: FolderPlus
+    }
+  },
+  ANNOTATION: {
+    NAMES: {
+      SINGULAR: "Annotation",
+      PLURAL: "Annotations"
+    },
+    ICONS: {
+      DEFAULT: StickyNote,
+      NEW: StickyNote
+    }
+  },
+  // Workspace knowledge the assistant retains and recalls — durable free text,
+  // optionally grounded in source passages. Distinct from ANNOTATION, which is
+  // attached TO a document field; a NOTE is workspace-scoped and stands alone.
+  // Stored server-side as `memories` (mem-*); "Note" is the user-facing name.
+  NOTE: {
+    NAMES: {
+      SINGULAR: "Note",
+      PLURAL: "Notes"
+    },
+    ICONS: {
+      DEFAULT: NotebookText,
+      NEW: NotebookPen
+    }
+  },
+  USER: {
+    NAMES: {
+      SINGULAR: "User",
+      PLURAL: "Users"
+    },
+    ICONS: {
+      DEFAULT: User,
+      NEW: UserPlus,
+      SETTINGS: Settings2
+    }
+  },
+  WORKSPACEUSER: {
+    NAMES: {
+      SINGULAR: "Member",
+      PLURAL: "Members"
+    },
+    ICONS: {
+      DEFAULT: User,
+      PLURAL: Users,
+      NEW: UserPlus,
+      SETTINGS: Settings2
+    }
+  },
+  CONTACT: {
+    NAMES: {
+      SINGULAR: "Contact",
+      PLURAL: "Contacts"
+    },
+    ICONS: {
+      // A starred person, not an address-book card: contacts here are the
+      // people you talk to, and the star reads as "your people".
+      DEFAULT: UserStar,
+      NEW: UserPlus
+    }
+  },
+  TASK: {
+    NAMES: {
+      SINGULAR: "Job",
+      PLURAL: "Jobs"
+    },
+    ICONS: {
+      DEFAULT: ClipboardList
+    }
+  },
+  PROJECT: {
+    NAMES: {
+      SINGULAR: "Project",
+      PLURAL: "Projects"
+    },
+    ICONS: {
+      DEFAULT: CreditCard
+    }
+  },
+  SKILL: {
+    NAMES: {
+      SINGULAR: "Skill",
+      PLURAL: "Skills"
+    },
+    ICONS: {
+      DEFAULT: Wrench
+    }
+  },
+  ACCOUNT: {
+    NAMES: {
+      SINGULAR: "Account"
+    },
+    ICONS: {
+      DEFAULT: CircleUserRound
+    }
+  },
+  NOTIFICATIONS: {
+    NAMES: {
+      SINGULAR: "Activity",
+      PLURAL: "Activities"
+    },
+    ICONS: {
+      DEFAULT: Bell
+    }
+  },
+  MESSAGE: {
+    NAMES: {
+      SINGULAR: "Message",
+      PLURAL: "Messages"
+    },
+    ICONS: {
+      DEFAULT: MessageSquare
+    }
+  },
+  NOTIFICATION: {
+    NAMES: {
+      SINGULAR: "Notification",
+      PLURAL: "Notifications"
+    },
+    ICONS: {
+      DEFAULT: Bell
+    }
+  },
+  APP: {
+    NAMES: {
+      SINGULAR: "Application",
+      PLURAL: "Applications"
+    },
+    ICONS: {
+      DEFAULT: LayoutGrid,
+      HOME: LayoutGrid,
+      LOGOUT: LogOut,
+      UPLOAD: Upload
+    }
+  },
+  HELP: {
+    NAMES: {
+      SINGULAR: "Help",
+      PLURAL: "Help"
+    },
+    ICONS: {
+      DEFAULT: MessageSquareLock,
+      DOCS: BookOpen,
+      FAQ: FileQuestion,
+      ABOUT: Info
+    }
+  },
+  USERSHIELD: {
+    NAMES: {
+      SINGULAR: "User Shield",
+      PLURAL: "User Shields"
+    },
+    ICONS: {
+      DEFAULT: MessageSquareLock
+    }
+  }
+};
+function configureEntityRegistry(overrides) {
+  for (const [type, def] of Object.entries(overrides)) {
+    const target = ENTITY_MAPPINGS[type];
+    if (!target) continue;
+    if (def?.NAMES) Object.assign(target.NAMES, def.NAMES);
+    if (def?.ICONS) Object.assign(target.ICONS, def.ICONS);
+  }
+}
+var getEntityIcon = (entityType, variant = "DEFAULT") => {
+  const icons = ENTITY_MAPPINGS[entityType]?.ICONS;
+  return icons?.[variant] || icons?.DEFAULT;
+};
+var getEntityLabel = (entityType, form = "SINGULAR") => {
+  const entityMapping = ENTITY_MAPPINGS[entityType];
+  if (!entityMapping) return "";
+  const names = entityMapping.NAMES;
+  const singularName = names.SINGULAR || "";
+  if (form === "NEW") return names.NEW !== void 0 ? names.NEW : "New " + singularName;
+  if (form === "SHORT")
+    return names.SHORT !== void 0 ? names.SHORT : singularName.substring(0, 3) + ".";
+  if (form === "PLURAL") return names.PLURAL !== void 0 ? names.PLURAL : singularName + "s";
+  return singularName;
+};
+var EntityIcon = ({ entityType, variant = "DEFAULT", ...props }) => {
+  const IconComponent = getEntityIcon(entityType, variant);
+  return IconComponent ? React2__default.createElement(IconComponent, props) : null;
+};
+var VISIBILITY_ICONS = {
+  PRIVATE: MessageSquareLock,
+  SHARED: Users
+};
+var VisibilityIcon = ({
+  isShared,
+  ...props
+}) => {
+  const IconComponent = isShared ? VISIBILITY_ICONS.SHARED : VISIBILITY_ICONS.PRIVATE;
+  return React2__default.createElement(IconComponent, props);
+};
+
+// src/entities/colors.ts
+var OPACITY_LIGHT = 0.15;
+var OPACITY_MEDIUM = 1;
+var OPACITY_BORDER = 0.3;
+var PLACEHOLDER_COLOR = "#9ca3af";
+var NEUTRAL_GRAY2 = "#64748b";
+var BASE_COLORS2 = {
+  "0": "#10b981",
+  "1": "#3b82f6",
+  "2": "#8b5cf6",
+  "3": "#f43f5e",
+  "4": "#f59e0b",
+  "5": "#84cc16",
+  "6": "#a855f7",
+  "7": "#06b6d4",
+  "8": "#f97316",
+  "9": "#14b8a6",
+  a: "#ef4444",
+  b: "#6366f1",
+  c: "#ec4899",
+  d: "#22c55e",
+  e: "#eab308",
+  f: "#0ea5e9"
+};
+function hexToRgba(hex, opacity) {
+  const r = parseInt(hex.slice(1, 3), 16);
+  const g = parseInt(hex.slice(3, 5), 16);
+  const b = parseInt(hex.slice(5, 7), 16);
+  return `rgba(${r}, ${g}, ${b}, ${opacity})`;
+}
+function getEntityColor2(entityId, variant = "medium") {
+  const baseColor = BASE_COLORS2[entityId[4]] || BASE_COLORS2["0"];
+  switch (variant) {
+    case "light":
+      return hexToRgba(baseColor, OPACITY_LIGHT);
+    case "medium":
+      return hexToRgba(baseColor, OPACITY_MEDIUM);
+    case "text":
+      return baseColor;
+  }
+}
+function getEntityColorStyles(entityId) {
+  const baseColor = BASE_COLORS2[entityId[4]] || BASE_COLORS2["0"];
+  return {
+    backgroundColor: getEntityColor2(entityId, "light"),
+    color: baseColor,
+    borderColor: hexToRgba(baseColor, OPACITY_BORDER)
+  };
+}
+var getWorkspaceColor = (workspaceId, useWorkspaceColors) => {
+  const shouldUseWorkspaceColors = useWorkspaceColors !== void 0 ? useWorkspaceColors : true;
+  if (!shouldUseWorkspaceColors) return "hsl(var(--primary))";
+  const isValidId = workspaceId && workspaceId.startsWith("wrk-") && workspaceId.length >= 5;
+  if (!isValidId) return "hsl(var(--primary))";
+  return getEntityColor2(workspaceId, "medium");
+};
 
-export { AiMarkdown, Avatar, AvatarFallback, AvatarImage, Badge, Button, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, Collapsible, CollapsibleContent2 as CollapsibleContent, CollapsibleTrigger2 as CollapsibleTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DictateProvider, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, HoverCard, HoverCardContent, HoverCardTrigger, IconToggle, InlineMicButton, Input, Label, MarkdownRenderer, MarkdownStreamingContext, MicRecordingOverlay, MicWaveformIndicator, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Progress, RadioGroup, RadioGroupItem, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Slider, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, badgeVariants, buttonVariants, cardVariants, classifyMediaError, cn, formatElapsed, markdownBaseComponents, splitMarkdownBlocks, toggleVariants, useAudioRecorder };
-//# sourceMappingURL=chunk-I256BUCX.js.map
-//# sourceMappingURL=chunk-I256BUCX.js.map
+export { AgentBadge, AiMarkdown, ArbiBotHeadIcon, AudIcon, Avatar, AvatarFallback, AvatarImage, BASE_COLORS2 as BASE_COLORS, Badge, Button, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, Collapsible, CollapsibleContent2 as CollapsibleContent, CollapsibleTrigger2 as CollapsibleTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DictateProvider, DocumentEntity, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, ENTITY_MAPPINGS, EmlIcon, EntityIcon, EntityPill, FILE_TYPE_COLORS, HoverCard, HoverCardContent, HoverCardTrigger, IconToggle, ImgIcon, InlineMicButton, Input, Label, MarkdownRenderer, MarkdownStreamingContext, MicRecordingOverlay, MicWaveformIndicator, NEUTRAL_GRAY2 as NEUTRAL_GRAY, PLACEHOLDER_COLOR, PdfIcon, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, PresenceLabel, Progress, ProjectEntity, RadioGroup, RadioGroupItem, RagDot, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Slider, StatusPill, Switch, TAG_TYPE_ICONS, TAG_TYPE_LABELS, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, TagEntity, Textarea, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, UserEntity, VISIBILITY_ICONS, VidIcon, VisibilityIcon, badgeVariants, buttonVariants, cardVariants, classifyMediaError, cn, configureEntityRegistry, configureRagLabels, configureStatusRegistry, formatElapsed, getDocIcon, getEntityColor2 as getEntityColor, getEntityColorStyles, getEntityIcon, getEntityLabel, getStatusVariant, getTagTypeIcon, getTagTypeLabel, getWorkspaceColor, markdownBaseComponents, splitMarkdownBlocks, toggleVariants, useAudioRecorder };
+//# sourceMappingURL=chunk-YJAYST7S.js.map
+//# sourceMappingURL=chunk-YJAYST7S.js.map