@arbidocs/react 0.3.183 → 0.3.185

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

@@ -1432,6 +1432,13 @@ var ToggleGroupItem = React2__namespace.forwardRef(({ className, children, varia
   );
 });
 ToggleGroupItem.displayName = ToggleGroupPrimitive__namespace.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__namespace.Root;
 var DialogTrigger = DialogPrimitive__namespace.Trigger;
 var DialogPortal = DialogPrimitive__namespace.Portal;
@@ -1448,12 +1455,16 @@ var DialogOverlay = React2__namespace.forwardRef(({ className, ...props }, ref)
   }
 ));
 DialogOverlay.displayName = DialogPrimitive__namespace.Overlay.displayName;
-var DialogContent = React2__namespace.forwardRef(({ className, children, hideCloseButton, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(DialogPortal, { children: [
+var DialogContent = React2__namespace.forwardRef(({ className, children, hideCloseButton, onInteractOutside, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(DialogPortal, { children: [
   /* @__PURE__ */ jsxRuntime.jsx(DialogOverlay, {}),
   /* @__PURE__ */ jsxRuntime.jsxs(
     DialogPrimitive__namespace.Content,
     {
       ref,
+      onInteractOutside: (event) => {
+        if (isToastInteraction(event)) event.preventDefault();
+        onInteractOutside?.(event);
+      },
       className: cn(
         "fixed left-[50%] top-[50%] z-50 grid w-[calc(100%-2rem)] max-w-lg max-h-[90vh] translate-x-[-50%] translate-y-[-50%] gap-4 overflow-y-auto border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 rounded-md",
         className
@@ -1856,11 +1867,1427 @@ function AiMarkdown({
     }
   );
 }
+var EntityPill = React2.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__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    onIconClick ? /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
+      "span",
+      {
+        className: cn(
+          textSizeClass,
+          "font-medium truncate leading-tight min-w-0",
+          labelMaxWidth,
+          labelClassName
+        ),
+        children: label
+      }
+    ),
+    secondaryText && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-muted-foreground flex-shrink-0 leading-none", children: secondaryText })
+  ] });
+  const tooltipWrap = (content, tip, side = tooltipSide, triggerClassName, triggerProps) => /* @__PURE__ */ jsxRuntime.jsxs(Tooltip, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      TooltipTrigger,
+      {
+        onFocusCapture: (e) => e.stopPropagation(),
+        className: triggerClassName,
+        ...triggerProps,
+        children: content
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(TooltipContent, { side, className: "p-2", children: tip })
+  ] });
+  const mainAreaClass = cn("inline-flex items-center gap-1", fullWidth && "min-w-0 flex-1");
+  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__ */ jsxRuntime.jsx(
+        "a",
+        {
+          href,
+          target: "_blank",
+          rel: "noopener noreferrer",
+          className: mainAreaClass,
+          onClick,
+          children: mainContent
+        }
+      );
+    } else if (onClick) {
+      mainArea = /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("span", { className: mainAreaClass, children: mainContent });
+    }
+    const moreArea = moreContent ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-shrink-0 leading-none", children: moreContent }) : tooltipWrap(
+      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MoreVertical, { className: "w-3.5 h-3.5" }),
+      "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__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
+      "a",
+      {
+        ref,
+        href,
+        target: "_blank",
+        rel: "noopener noreferrer",
+        className: cn(baseClasses, interactiveClasses),
+        "data-testid": testId,
+        onClick,
+        children: mainContent
+      }
+    );
+  }
+  if (onClick) {
+    return /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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: lucideReact.SquareCheckBig,
+  select: lucideReact.List,
+  number: lucideReact.Hash,
+  text: lucideReact.NotebookPen,
+  folder: lucideReact.Folder,
+  search: lucideReact.Search,
+  date: lucideReact.Calendar,
+  assistant: lucideReact.Bot
+};
+function getTagTypeIcon(type) {
+  return TAG_TYPE_ICONS[type ?? "text"] || lucideReact.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__ */ jsxRuntime.jsx(
+    "span",
+    {
+      className: `inline-flex items-center justify-center rounded-md text-white flex-shrink-0 ${sizeClasses2[size]}`,
+      style: { backgroundColor: tagColor },
+      children: /* @__PURE__ */ jsxRuntime.jsx(Icon2, { size: iconSize, className: "flex-shrink-0" })
+    }
+  );
+  const pillSize = size === "lg" ? "base" : "sm";
+  const defaultTooltip = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "span",
+        {
+          className: "inline-flex items-center justify-center rounded-md text-white p-1",
+          style: { backgroundColor: tagColor },
+          children: /* @__PURE__ */ jsxRuntime.jsx(Icon2, { size: 16 })
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium text-sm", children: tag.name })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1.5 text-sm", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: "Type:" }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { children: getTagTypeLabel(tagType) })
+      ] }),
+      tag.doctag_count != null && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: "Documents:" }),
+        /* @__PURE__ */ jsxRuntime.jsx(Badge, { variant: "secondary", className: "h-5 min-w-[20px] justify-center", children: tag.doctag_count ?? 0 })
+      ] }),
+      tag.shared != null && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: tag.shared ? "Shared" : "Private" }) })
+    ] })
+  ] });
+  const resolvedTooltip = showTooltip ? tooltipContent ?? defaultTooltip : void 0;
+  return /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs(
+    "svg",
+    {
+      width: size,
+      height: size,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      className,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "path",
+          {
+            d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6z",
+            fill: FILE_TYPE_COLORS.pdf,
+            stroke: FILE_TYPE_COLORS.pdf,
+            strokeWidth: "1",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "path",
+          {
+            d: "M14 2v6h6",
+            fill: "none",
+            stroke: FILE_TYPE_COLORS.white,
+            strokeWidth: "1",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "text",
+          {
+            x: "12",
+            y: "16",
+            fontSize: "6",
+            fill: "white",
+            textAnchor: "middle",
+            fontWeight: "bold",
+            fontFamily: "Arial, sans-serif",
+            children: "PDF"
+          }
+        )
+      ]
+    }
+  );
+};
+var AudIcon = ({ size = 16, className = "" }) => {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "svg",
+    {
+      width: size,
+      height: size,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      className,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "path",
+          {
+            d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6z",
+            fill: FILE_TYPE_COLORS.aud,
+            stroke: FILE_TYPE_COLORS.aud,
+            strokeWidth: "1",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "path",
+          {
+            d: "M14 2v6h6",
+            fill: "none",
+            stroke: FILE_TYPE_COLORS.white,
+            strokeWidth: "1",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "text",
+          {
+            x: "12",
+            y: "16",
+            fontSize: "6",
+            fill: "white",
+            textAnchor: "middle",
+            fontWeight: "bold",
+            fontFamily: "Arial, sans-serif",
+            children: "AUD"
+          }
+        )
+      ]
+    }
+  );
+};
+var ImgIcon = ({ size = 16, className = "" }) => {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "svg",
+    {
+      width: size,
+      height: size,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      className,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "path",
+          {
+            d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6z",
+            fill: FILE_TYPE_COLORS.img,
+            stroke: FILE_TYPE_COLORS.img,
+            strokeWidth: "1",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "path",
+          {
+            d: "M14 2v6h6",
+            fill: "none",
+            stroke: FILE_TYPE_COLORS.white,
+            strokeWidth: "1",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "text",
+          {
+            x: "12",
+            y: "16",
+            fontSize: "6",
+            fill: "white",
+            textAnchor: "middle",
+            fontWeight: "bold",
+            fontFamily: "Arial, sans-serif",
+            children: "IMG"
+          }
+        )
+      ]
+    }
+  );
+};
+var VidIcon = ({ size = 16, className = "" }) => {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "svg",
+    {
+      width: size,
+      height: size,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      className,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "path",
+          {
+            d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6z",
+            fill: FILE_TYPE_COLORS.vid,
+            stroke: FILE_TYPE_COLORS.vid,
+            strokeWidth: "1",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "path",
+          {
+            d: "M14 2v6h6",
+            fill: "none",
+            stroke: FILE_TYPE_COLORS.white,
+            strokeWidth: "1",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "text",
+          {
+            x: "12",
+            y: "16",
+            fontSize: "6",
+            fill: "white",
+            textAnchor: "middle",
+            fontWeight: "bold",
+            fontFamily: "Arial, sans-serif",
+            children: "VID"
+          }
+        )
+      ]
+    }
+  );
+};
+var EmlIcon = ({ size = 16, className = "" }) => {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "svg",
+    {
+      width: size,
+      height: size,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      className,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "path",
+          {
+            d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6z",
+            fill: FILE_TYPE_COLORS.eml,
+            stroke: FILE_TYPE_COLORS.eml,
+            strokeWidth: "1",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "path",
+          {
+            d: "M14 2v6h6",
+            fill: "none",
+            stroke: FILE_TYPE_COLORS.white,
+            strokeWidth: "1",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "rect",
+          {
+            x: "7",
+            y: "12",
+            width: "10",
+            height: "7",
+            rx: "1",
+            fill: "none",
+            stroke: "white",
+            strokeWidth: "1.2"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M7 13l5 3 5-3", fill: "none", stroke: "white", strokeWidth: "1.2", strokeLinejoin: "round" })
+      ]
+    }
+  );
+};
+var ArbiBotHeadIcon = ({ size = 24, className = "" }) => {
+  const maskId = React2.useId();
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: size,
+      height: size,
+      viewBox: "30 -5 190 190",
+      preserveAspectRatio: "xMidYMid meet",
+      className,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("defs", { children: /* @__PURE__ */ jsxRuntime.jsx("mask", { id: maskId, children: /* @__PURE__ */ jsxRuntime.jsxs("g", { transform: "translate(0,250) scale(0.1,-0.1)", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "0", y: "0", width: "2500", height: "2500", fill: "white" }),
+          /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "855", cy: "1715", r: "190", fill: "black" }),
+          /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "855", cy: "1715", r: "50", fill: "white" }),
+          /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "1665", cy: "1700", r: "190", fill: "black" }),
+          /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "1665", cy: "1700", r: "50", fill: "white" })
+        ] }) }) }),
+        /* @__PURE__ */ jsxRuntime.jsxs("g", { mask: `url(#${maskId})`, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "g",
+            {
+              transform: "translate(0,250) scale(0.1,-0.1)",
+              fill: "currentColor",
+              stroke: "currentColor",
+              strokeWidth: "100",
+              children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("g", { transform: "translate(0,250) scale(0.1,-0.1)", fill: "currentColor", stroke: "none", children: [
+            /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.jsx(VidIcon, { size: iconSize, className: "flex-shrink-0" });
+  if (ext && AUDIO_EXTENSIONS.has(ext)) return /* @__PURE__ */ jsxRuntime.jsx(AudIcon, { size: iconSize, className: "flex-shrink-0" });
+  if (ext && IMAGE_EXTENSIONS.has(ext)) return /* @__PURE__ */ jsxRuntime.jsx(ImgIcon, { size: iconSize, className: "flex-shrink-0" });
+  if (ext && EMAIL_EXTENSIONS.has(ext)) return /* @__PURE__ */ jsxRuntime.jsx(EmlIcon, { size: iconSize, className: "flex-shrink-0" });
+  return /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("span", { className: "relative inline-flex flex-shrink-0 items-center justify-center", children: [
+    viewing ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Eye, { className: cn("text-primary-foreground", eyeSizeClass) }) : baseIcon,
+    iconBadge
+  ] }) : baseIcon;
+  const defaultTooltip = /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("span", { className: "flex flex-wrap items-center gap-0.5 text-muted-foreground", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.FolderOpen, { className: "h-3 w-3 text-yellow-600 shrink-0" }),
+      doc.folder.split("/").map((part, i, arr) => /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex min-w-0 items-center gap-0.5", children: [
+        i > 0 && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground/50 mx-0.5", children: "/" }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: `break-all ${i < arr.length - 1 ? "text-muted-foreground/70" : ""}`, children: part })
+      ] }, i))
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "font-medium break-words", children: [
+      title,
+      ext ? `.${ext}` : ""
+    ] })
+  ] });
+  return /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(lucideReact.CreditCard, { className: cn(iconSizeClass, iconClass) });
+  return /* @__PURE__ */ jsxRuntime.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 = React2.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__ */ jsxRuntime.jsx(
+      Avatar,
+      {
+        className: cn(sizeClasses[size], "border border-border", className),
+        "data-testid": "user-entity",
+        children: /* @__PURE__ */ jsxRuntime.jsx(AvatarFallback, { className: "bg-status-empty text-muted-foreground text-xs font-semibold", children: "?" })
+      }
+    );
+  }
+  const agentBadge = isAgent ? /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.jsx(AvatarImage, { src: picture, alt: initials }),
+        /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: cn(
+        "relative inline-block",
+        sizeClasses[size],
+        variant === "pill" ? "" : className
+      ),
+      children: [
+        avatarCore,
+        statusDot
+      ]
+    }
+  ) : /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("span", { className: cn("relative inline-block shrink-0", sizeClasses[size]), children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn("block transition-opacity", canMessage && "group-hover/pill:opacity-0"), children: avatarCore }),
+      canMessage && /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(lucideReact.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__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      pillAvatar,
+      displayName && /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs(Tooltip, { children: [
+        /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(TooltipContent, { className: "p-2", children: resolvedTooltip })
+      ] });
+    }
+    if (clickable) {
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          type: "button",
+          onClick,
+          className: cn(rowClass, clickableClass, className),
+          "data-testid": "user-entity-pill",
+          children: row
+        }
+      );
+    }
+    return /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn(rowClass, className), "data-testid": "user-entity-pill", children: row });
+  }
+  if (showTooltip) {
+    return /* @__PURE__ */ jsxRuntime.jsxs(Tooltip, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(TooltipTrigger, { onFocusCapture: (e) => e.stopPropagation(), className: "inline-flex", children: avatarElement }),
+      /* @__PURE__ */ jsxRuntime.jsx(TooltipContent, { className: "p-2", children: tooltipContent })
+    ] });
+  }
+  return avatarElement;
+});
+function AgentBadge({ className }) {
+  return /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.jsxs(
+    "span",
+    {
+      "data-testid": "presence-label",
+      className: cn("inline-flex shrink-0 items-center gap-1 text-xs", className),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "span",
+          {
+            className: cn(
+              "size-1.5 rounded-full",
+              online ? "bg-status-online" : "bg-muted-foreground/50"
+            ),
+            "aria-hidden": "true"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("span", { className: cn("inline-flex items-center gap-1.5", className), "data-testid": `rag-${rag}`, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn("size-2 rounded-full", color) }),
+    withLabel && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-muted-foreground", children: RAG_LABELS[rag] })
+  ] });
+}
+var ENTITY_MAPPINGS = {
+  PRODUCT: {
+    NAMES: {
+      SINGULAR: "ARBI Docs"
+    },
+    ICONS: {
+      DEFAULT: lucideReact.MessageSquareLock
+    }
+  },
+  SECTION: {
+    NAMES: {
+      SINGULAR: "Section"
+    },
+    ICONS: {
+      DEFAULT: lucideReact.ChevronsDown
+    }
+  },
+  WORKSPACE: {
+    NAMES: {
+      SINGULAR: "Workspace",
+      PLURAL: "Workspaces"
+    },
+    ICONS: {
+      DEFAULT: lucideReact.SquareM,
+      NEW: lucideReact.SquarePlus,
+      LIST: lucideReact.LayoutGrid,
+      SETTINGS: lucideReact.Columns3Cog
+    }
+  },
+  CONVERSATION: {
+    NAMES: {
+      SINGULAR: "Chat",
+      PLURAL: "Chats",
+      NEW: "New ARBI Chat"
+    },
+    ICONS: {
+      DEFAULT: lucideReact.MessagesSquare,
+      OFF: lucideReact.MessageSquareOff,
+      ACTIVE: lucideReact.MessageSquareText,
+      NEW: lucideReact.MessageSquarePlus,
+      LIST: lucideReact.MessageSquareMore
+    }
+  },
+  DOCUMENT: {
+    NAMES: {
+      SINGULAR: "File",
+      PLURAL: "Files"
+    },
+    ICONS: {
+      DEFAULT: lucideReact.FolderOpen,
+      OFF: lucideReact.CaptionsOff
+    }
+  },
+  VIEWER: {
+    NAMES: {
+      SINGULAR: "Viewer",
+      PLURAL: "Viewers"
+    },
+    ICONS: {
+      DEFAULT: lucideReact.Eye,
+      OFF: lucideReact.EyeOff
+    }
+  },
+  TAG: {
+    NAMES: {
+      SINGULAR: "Field",
+      PLURAL: "Fields"
+    },
+    ICONS: {
+      DEFAULT: lucideReact.Hash,
+      NEW: lucideReact.FolderPlus
+    }
+  },
+  ANNOTATION: {
+    NAMES: {
+      SINGULAR: "Annotation",
+      PLURAL: "Annotations"
+    },
+    ICONS: {
+      DEFAULT: lucideReact.StickyNote,
+      NEW: lucideReact.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: lucideReact.NotebookText,
+      NEW: lucideReact.NotebookPen
+    }
+  },
+  USER: {
+    NAMES: {
+      SINGULAR: "User",
+      PLURAL: "Users"
+    },
+    ICONS: {
+      DEFAULT: lucideReact.User,
+      NEW: lucideReact.UserPlus,
+      SETTINGS: lucideReact.Settings2
+    }
+  },
+  WORKSPACEUSER: {
+    NAMES: {
+      SINGULAR: "Member",
+      PLURAL: "Members"
+    },
+    ICONS: {
+      DEFAULT: lucideReact.User,
+      PLURAL: lucideReact.Users,
+      NEW: lucideReact.UserPlus,
+      SETTINGS: lucideReact.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: lucideReact.UserStar,
+      NEW: lucideReact.UserPlus
+    }
+  },
+  TASK: {
+    NAMES: {
+      SINGULAR: "Job",
+      PLURAL: "Jobs"
+    },
+    ICONS: {
+      DEFAULT: lucideReact.ClipboardList
+    }
+  },
+  PROJECT: {
+    NAMES: {
+      SINGULAR: "Project",
+      PLURAL: "Projects"
+    },
+    ICONS: {
+      DEFAULT: lucideReact.CreditCard
+    }
+  },
+  SKILL: {
+    NAMES: {
+      SINGULAR: "Skill",
+      PLURAL: "Skills"
+    },
+    ICONS: {
+      DEFAULT: lucideReact.Wrench
+    }
+  },
+  ACCOUNT: {
+    NAMES: {
+      SINGULAR: "Account"
+    },
+    ICONS: {
+      DEFAULT: lucideReact.CircleUserRound
+    }
+  },
+  NOTIFICATIONS: {
+    NAMES: {
+      SINGULAR: "Activity",
+      PLURAL: "Activities"
+    },
+    ICONS: {
+      DEFAULT: lucideReact.Bell
+    }
+  },
+  MESSAGE: {
+    NAMES: {
+      SINGULAR: "Message",
+      PLURAL: "Messages"
+    },
+    ICONS: {
+      DEFAULT: lucideReact.MessageSquare
+    }
+  },
+  NOTIFICATION: {
+    NAMES: {
+      SINGULAR: "Notification",
+      PLURAL: "Notifications"
+    },
+    ICONS: {
+      DEFAULT: lucideReact.Bell
+    }
+  },
+  APP: {
+    NAMES: {
+      SINGULAR: "Application",
+      PLURAL: "Applications"
+    },
+    ICONS: {
+      DEFAULT: lucideReact.LayoutGrid,
+      HOME: lucideReact.LayoutGrid,
+      LOGOUT: lucideReact.LogOut,
+      UPLOAD: lucideReact.Upload
+    }
+  },
+  HELP: {
+    NAMES: {
+      SINGULAR: "Help",
+      PLURAL: "Help"
+    },
+    ICONS: {
+      DEFAULT: lucideReact.MessageSquareLock,
+      DOCS: lucideReact.BookOpen,
+      FAQ: lucideReact.FileQuestion,
+      ABOUT: lucideReact.Info
+    }
+  },
+  USERSHIELD: {
+    NAMES: {
+      SINGULAR: "User Shield",
+      PLURAL: "User Shields"
+    },
+    ICONS: {
+      DEFAULT: lucideReact.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__namespace.default.createElement(IconComponent, props) : null;
+};
+var VISIBILITY_ICONS = {
+  PRIVATE: lucideReact.MessageSquareLock,
+  SHARED: lucideReact.Users
+};
+var VisibilityIcon = ({
+  isShared,
+  ...props
+}) => {
+  const IconComponent = isShared ? VISIBILITY_ICONS.SHARED : VISIBILITY_ICONS.PRIVATE;
+  return React2__namespace.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");
+};
 
+exports.AgentBadge = AgentBadge;
 exports.AiMarkdown = AiMarkdown;
+exports.ArbiBotHeadIcon = ArbiBotHeadIcon;
+exports.AudIcon = AudIcon;
 exports.Avatar = Avatar;
 exports.AvatarFallback = AvatarFallback;
 exports.AvatarImage = AvatarImage;
+exports.BASE_COLORS = BASE_COLORS2;
 exports.Badge = Badge;
 exports.Button = Button;
 exports.Card = Card;
@@ -1893,6 +3320,7 @@ exports.DialogPortal = DialogPortal;
 exports.DialogTitle = DialogTitle;
 exports.DialogTrigger = DialogTrigger;
 exports.DictateProvider = DictateProvider;
+exports.DocumentEntity = DocumentEntity;
 exports.DropdownMenu = DropdownMenu;
 exports.DropdownMenuCheckboxItem = DropdownMenuCheckboxItem;
 exports.DropdownMenuContent = DropdownMenuContent;
@@ -1908,10 +3336,16 @@ exports.DropdownMenuSub = DropdownMenuSub;
 exports.DropdownMenuSubContent = DropdownMenuSubContent;
 exports.DropdownMenuSubTrigger = DropdownMenuSubTrigger;
 exports.DropdownMenuTrigger = DropdownMenuTrigger;
+exports.ENTITY_MAPPINGS = ENTITY_MAPPINGS;
+exports.EmlIcon = EmlIcon;
+exports.EntityIcon = EntityIcon;
+exports.EntityPill = EntityPill;
+exports.FILE_TYPE_COLORS = FILE_TYPE_COLORS;
 exports.HoverCard = HoverCard;
 exports.HoverCardContent = HoverCardContent;
 exports.HoverCardTrigger = HoverCardTrigger;
 exports.IconToggle = IconToggle;
+exports.ImgIcon = ImgIcon;
 exports.InlineMicButton = InlineMicButton;
 exports.Input = Input;
 exports.Label = Label;
@@ -1919,13 +3353,19 @@ exports.MarkdownRenderer = MarkdownRenderer;
 exports.MarkdownStreamingContext = MarkdownStreamingContext;
 exports.MicRecordingOverlay = MicRecordingOverlay;
 exports.MicWaveformIndicator = MicWaveformIndicator;
+exports.NEUTRAL_GRAY = NEUTRAL_GRAY2;
+exports.PLACEHOLDER_COLOR = PLACEHOLDER_COLOR;
+exports.PdfIcon = PdfIcon;
 exports.Popover = Popover;
 exports.PopoverAnchor = PopoverAnchor;
 exports.PopoverContent = PopoverContent;
 exports.PopoverTrigger = PopoverTrigger;
+exports.PresenceLabel = PresenceLabel;
 exports.Progress = Progress;
+exports.ProjectEntity = ProjectEntity;
 exports.RadioGroup = RadioGroup;
 exports.RadioGroupItem = RadioGroupItem;
+exports.RagDot = RagDot;
 exports.ScrollArea = ScrollArea;
 exports.ScrollBar = ScrollBar;
 exports.Select = Select;
@@ -1940,7 +3380,10 @@ exports.SelectTrigger = SelectTrigger;
 exports.SelectValue = SelectValue;
 exports.Separator = Separator;
 exports.Slider = Slider;
+exports.StatusPill = StatusPill;
 exports.Switch = Switch;
+exports.TAG_TYPE_ICONS = TAG_TYPE_ICONS;
+exports.TAG_TYPE_LABELS = TAG_TYPE_LABELS;
 exports.Table = Table;
 exports.TableBody = TableBody;
 exports.TableCaption = TableCaption;
@@ -1953,6 +3396,7 @@ exports.Tabs = Tabs;
 exports.TabsContent = TabsContent;
 exports.TabsList = TabsList;
 exports.TabsTrigger = TabsTrigger;
+exports.TagEntity = TagEntity;
 exports.Textarea = Textarea;
 exports.Toggle = Toggle;
 exports.ToggleGroup = ToggleGroup;
@@ -1961,15 +3405,31 @@ exports.Tooltip = Tooltip;
 exports.TooltipContent = TooltipContent;
 exports.TooltipProvider = TooltipProvider;
 exports.TooltipTrigger = TooltipTrigger;
+exports.UserEntity = UserEntity;
+exports.VISIBILITY_ICONS = VISIBILITY_ICONS;
+exports.VidIcon = VidIcon;
+exports.VisibilityIcon = VisibilityIcon;
 exports.badgeVariants = badgeVariants;
 exports.buttonVariants = buttonVariants;
 exports.cardVariants = cardVariants;
 exports.classifyMediaError = classifyMediaError;
 exports.cn = cn;
+exports.configureEntityRegistry = configureEntityRegistry;
+exports.configureRagLabels = configureRagLabels;
+exports.configureStatusRegistry = configureStatusRegistry;
 exports.formatElapsed = formatElapsed;
+exports.getDocIcon = getDocIcon;
+exports.getEntityColor = getEntityColor2;
+exports.getEntityColorStyles = getEntityColorStyles;
+exports.getEntityIcon = getEntityIcon;
+exports.getEntityLabel = getEntityLabel;
+exports.getStatusVariant = getStatusVariant;
+exports.getTagTypeIcon = getTagTypeIcon;
+exports.getTagTypeLabel = getTagTypeLabel;
+exports.getWorkspaceColor = getWorkspaceColor;
 exports.markdownBaseComponents = markdownBaseComponents;
 exports.splitMarkdownBlocks = splitMarkdownBlocks;
 exports.toggleVariants = toggleVariants;
 exports.useAudioRecorder = useAudioRecorder;
-//# sourceMappingURL=chunk-FIPS3VPH.cjs.map
-//# sourceMappingURL=chunk-FIPS3VPH.cjs.map
+//# sourceMappingURL=chunk-IZPXHVPJ.cjs.map
+//# sourceMappingURL=chunk-IZPXHVPJ.cjs.map