@arbidocs/react 0.5.110 → 0.5.112

package/dist/entities/EntityPill.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/entities/EntityPill.tsx"],
+  "sourcesContent": ["/**\n * EntityPill Component\n *\n * Base component for pill-style entity displays. Provides consistent styling and\n * interaction patterns. At rest it is plain icon + text (no fill, no border); the\n * fill appears on hover, so a row of entities does not read as a row of buttons. Promoted verbatim from the ARBI app (import paths only\n * changed to resolve within the SDK).\n *\n * Pattern: [Icon] [Label] [Optional: secondary text] [MoreVertical when interactive]\n */\n\nimport React, { forwardRef } from 'react'\nimport { MoreVertical } from 'lucide-react'\nimport { cn } from '../lib/utils'\nimport { Tooltip, TooltipContent, TooltipTrigger } from '../ui/tooltip'\n\n/**\n * The one size scale of the entity pills and avatars (`UserEntity`, `TagEntity`, `EntityPill`,\n * `DocumentEntity`, the call tiles...). Each takes the steps it draws: the pill itself has two,\n * `sm` for compact rows and `md` for a primary column or a tab header.\n */\nexport type EntitySize = 'xs' | 'sm' | 'md' | 'lg'\n\ninterface EntityPillProps {\n  /** The icon element (Avatar, ShieldIcon, FileIcon, etc.) */\n  icon: React.ReactNode\n  /** Primary label text */\n  label: string\n  /** Optional secondary text (e.g., page notation \"p.1\") */\n  secondaryText?: React.ReactNode\n\n  // Styling\n  /** `sm` (default) for compact rows, `md` for a primary column or a tab header. */\n  size?: Extract<EntitySize, 'sm' | 'md'>\n  /** Shape variant: 'pill' for rounded-full, 'rounded' for rounded-md */\n  shape?: 'pill' | 'rounded'\n  /** Additional CSS classes */\n  className?: string\n  style?: React.CSSProperties\n  /** Max width for label truncation */\n  labelMaxWidth?: string\n  /** Extra classes on the label text (e.g. a heavier weight on a card face). */\n  labelClassName?: string\n  /** When true, the pill fills its container width (`flex w-full`) and the main\n   *  area flexes + truncates so the trailing control (\u22EF menu) pins to the right\n   *  edge \u2014 used by the documents table's Document column. Default: shrink-to-fit. */\n  fullWidth?: boolean\n  /** When true, render the pill with the active/\"viewing\" highlight \u2014 a solid\n   *  dark-navy background with light text, applied LAST so it wins over both the\n   *  default background and the interactive hover. */\n  highlight?: boolean\n\n  // Behavior\n  /** Click handler for main area (icon + label) - primary action */\n  onClick?: (e: React.MouseEvent) => void\n  /** Click handler for icon only \u2014 when set, only the icon is clickable (not the label) */\n  onIconClick?: (e: React.MouseEvent) => void\n  /** Click handler for MoreVertical - opens popover/menu. When provided, shows MoreVertical icon */\n  onMoreClick?: (e: React.MouseEvent) => void\n  /** Custom trailing element (e.g. a \u22EF dropdown menu). Rendered in the same\n   *  trailing zone as MoreVertical, but as-is \u2014 so it stays outside the pill's\n   *  primary click area. Takes precedence over `onMoreClick`. */\n  moreContent?: React.ReactNode\n  /** Link URL - makes the main area an anchor tag */\n  href?: string\n  /** Whether the pill is disabled */\n  disabled?: boolean\n\n  // Tooltip\n  /** Tooltip for main area (describes primary action, e.g., \"View document\") */\n  tooltipContent?: React.ReactNode\n\n  /** Test ID for testing */\n  'data-testid'?: string\n}\n\nexport const EntityPill = forwardRef<HTMLElement, EntityPillProps>(function EntityPill(\n  {\n    icon,\n    label,\n    secondaryText,\n    size = 'sm',\n    shape = 'rounded',\n    className,\n    style,\n    labelMaxWidth = 'max-w-[320px]',\n    labelClassName,\n    fullWidth = false,\n    highlight = false,\n    onClick,\n    onIconClick,\n    onMoreClick,\n    moreContent,\n    href,\n    disabled = false,\n    tooltipContent,\n    'data-testid': testId,\n  },\n  ref\n) {\n  const shapeClass = shape === 'pill' ? 'rounded-full' : 'rounded-md'\n\n  // Size-based classes\n  const sizeClasses = size === 'md' ? 'gap-1.5 px-1.5 py-0.5' : 'gap-1 px-1'\n  const textSizeClass = size === 'md' ? 'text-base' : 'text-sm'\n\n  const baseClasses = cn(\n    'group/pill items-center',\n    fullWidth ? 'flex w-full' : 'inline-flex',\n    sizeClasses,\n    shapeClass,\n    'border border-transparent',\n    'transition-colors',\n    className\n  )\n\n  // Coarse pointers: an invisible 44px-tall hit area (the pill itself stays compact).\n  const interactiveClasses =\n    \"relative cursor-pointer hover:bg-muted pointer-coarse:after:absolute pointer-coarse:after:inset-x-0 pointer-coarse:after:-inset-y-3 pointer-coarse:after:content-['']\"\n  const disabledClasses = 'cursor-default opacity-60'\n  const highlightClasses =\n    'bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground'\n\n  // Main content (icon + label + secondary text)\n  const mainContent = (\n    <>\n      {onIconClick ? (\n        <span\n          role=\"button\"\n          tabIndex={0}\n          className=\"flex-shrink-0 cursor-pointer hover:opacity-70 transition-opacity\"\n          onClick={(e) => {\n            e.stopPropagation()\n            onIconClick(e)\n          }}\n        >\n          {icon}\n        </span>\n      ) : (\n        icon\n      )}\n      <span\n        className={cn(\n          textSizeClass,\n          'font-medium truncate leading-tight min-w-0',\n          labelMaxWidth,\n          labelClassName\n        )}\n      >\n        {label}\n      </span>\n      {secondaryText && (\n        <span className=\"text-xs text-muted-foreground flex-shrink-0 leading-none\">\n          {secondaryText}\n        </span>\n      )}\n    </>\n  )\n\n  // Helper: wrap any content in a Tooltip (no asChild \u2014 TooltipTrigger renders its own button)\n  const tooltipWrap = (\n    content: React.ReactNode,\n    tip: React.ReactNode,\n    side: 'top' | 'bottom' | 'left' | 'right' = 'bottom',\n    triggerClassName?: string,\n    triggerProps?: Record<string, unknown>\n  ) => (\n    <Tooltip>\n      <TooltipTrigger\n        onFocusCapture={(e) => e.stopPropagation()}\n        className={triggerClassName}\n        {...triggerProps}\n      >\n        {content}\n      </TooltipTrigger>\n      <TooltipContent side={side} className=\"p-2\">\n        {tip}\n      </TooltipContent>\n    </Tooltip>\n  )\n\n  // With a separate \"more\" control the touch hit area must grow on the MAIN area only: an overlay on\n  // the whole pill would sit above both inner buttons and swallow their taps.\n  const mainAreaClass = cn('inline-flex items-center gap-1', fullWidth && 'min-w-0 flex-1')\n  const mainAreaTouchClass = cn(\n    mainAreaClass,\n    (onClick || href) &&\n      !disabled &&\n      \"relative pointer-coarse:after:absolute pointer-coarse:after:inset-x-0 pointer-coarse:after:-inset-y-3 pointer-coarse:after:content-['']\"\n  )\n\n  if (onMoreClick || moreContent) {\n    let mainArea: React.ReactNode\n    if (tooltipContent) {\n      mainArea = tooltipWrap(\n        mainContent,\n        tooltipContent,\n        'bottom',\n        cn(mainAreaTouchClass, disabled && 'opacity-60'),\n        {\n          type: 'button',\n          onClick: href ? onClick : disabled ? undefined : onClick,\n          disabled: disabled || undefined,\n        }\n      )\n    } else if (href) {\n      mainArea = (\n        <a\n          href={href}\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n          className={mainAreaTouchClass}\n          onClick={onClick}\n        >\n          {mainContent}\n        </a>\n      )\n    } else if (onClick) {\n      mainArea = (\n        <button\n          type=\"button\"\n          onClick={disabled ? undefined : onClick}\n          disabled={disabled}\n          className={cn(\n            \"relative inline-flex items-center gap-1 pointer-coarse:after:absolute pointer-coarse:after:inset-x-0 pointer-coarse:after:-inset-y-3 pointer-coarse:after:content-['']\",\n            disabled && 'opacity-60'\n          )}\n        >\n          {mainContent}\n        </button>\n      )\n    } else {\n      mainArea = <span className={mainAreaTouchClass}>{mainContent}</span>\n    }\n\n    const moreArea = moreContent ? (\n      <span className=\"flex-shrink-0 leading-none\">{moreContent}</span>\n    ) : (\n      tooltipWrap(\n        <MoreVertical className=\"w-3.5 h-3.5\" />,\n        'Click for more',\n        'bottom',\n        'flex-shrink-0 leading-none text-muted-foreground hover:text-foreground',\n        {\n          type: 'button',\n          onClick: (e: React.MouseEvent<HTMLButtonElement>) => {\n            e.stopPropagation()\n            onMoreClick?.(e)\n          },\n        }\n      )\n    )\n\n    return (\n      <span\n        ref={ref as React.Ref<HTMLSpanElement>}\n        className={cn(\n          baseClasses,\n          (onClick || href) && !disabled && 'cursor-pointer hover:bg-muted',\n          highlight && highlightClasses\n        )}\n        style={style}\n        data-testid={testId}\n      >\n        {mainArea}\n        {moreArea}\n      </span>\n    )\n  }\n\n  if (tooltipContent) {\n    if (href) {\n      return tooltipWrap(\n        <a\n          href={href}\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n          className={mainAreaClass}\n          onClick={onClick}\n        >\n          {mainContent}\n        </a>,\n        tooltipContent,\n        'bottom',\n        cn(baseClasses, interactiveClasses),\n        { 'data-testid': testId, style }\n      )\n    }\n\n    return tooltipWrap(\n      mainContent,\n      tooltipContent,\n      'bottom',\n      cn(\n        baseClasses,\n        onClick && !disabled ? interactiveClasses : '',\n        disabled ? disabledClasses : '',\n        highlight && highlightClasses\n      ),\n      {\n        type: 'button',\n        ref: ref as React.Ref<HTMLButtonElement>,\n        onClick: onClick && !disabled ? onClick : undefined,\n        disabled: disabled || undefined,\n        'data-testid': testId,\n        style,\n      }\n    )\n  }\n\n  if (href) {\n    return (\n      <a\n        ref={ref as React.Ref<HTMLAnchorElement>}\n        href={href}\n        target=\"_blank\"\n        rel=\"noopener noreferrer\"\n        className={cn(baseClasses, interactiveClasses)}\n        style={style}\n        data-testid={testId}\n        onClick={onClick}\n      >\n        {mainContent}\n      </a>\n    )\n  }\n\n  if (onClick) {\n    return (\n      <button\n        ref={ref as React.Ref<HTMLButtonElement>}\n        type=\"button\"\n        onClick={disabled ? undefined : onClick}\n        disabled={disabled}\n        className={cn(\n          baseClasses,\n          disabled ? disabledClasses : interactiveClasses,\n          highlight && highlightClasses\n        )}\n        style={style}\n        data-testid={testId}\n      >\n        {mainContent}\n      </button>\n    )\n  }\n\n  return (\n    <span\n      ref={ref as React.Ref<HTMLSpanElement>}\n      className={cn(baseClasses, highlight && highlightClasses)}\n      style={style}\n      data-testid={testId}\n    >\n      {mainContent}\n    </span>\n  )\n})\n"],
+  "mappings": "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",
+  "names": ["EntityPill"]
+}

package/dist/entities/ProjectEntity.js

@@ -0,0 +1,61 @@
+import { jsx } from "react/jsx-runtime";
+import { CreditCard } from "lucide-react";
+import { EntityPill } from "./EntityPill.js";
+import { cn } from "../lib/utils.js";
+const VARIANT_STYLES = {
+  "mine-paid": {
+    pill: "text-primary",
+    icon: "text-primary"
+  },
+  other: {
+    pill: "text-secondary",
+    icon: "text-secondary"
+  },
+  "mine-free": {
+    pill: "text-muted-foreground",
+    icon: "text-muted-foreground"
+  },
+  common: {
+    pill: "",
+    icon: "text-muted-foreground"
+  }
+};
+function resolveVariant(relation, paid, hasCollaborators) {
+  if (relation === "common") return "common";
+  if (relation === "other") return "other";
+  if (relation === "mine") return paid ? "mine-paid" : "mine-free";
+  if (paid) return hasCollaborators ? "other" : "mine-paid";
+  return "mine-free";
+}
+function ProjectEntity({
+  name,
+  label,
+  icon,
+  subscription = "none",
+  hasCollaborators = false,
+  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 iconNode = icon ?? /* @__PURE__ */ jsx(CreditCard, { className: cn("h-3.5 w-3.5", iconClass) });
+  return /* @__PURE__ */ jsx(
+    EntityPill,
+    {
+      icon: iconNode,
+      label: label ?? name,
+      shape: "rounded",
+      className: cn(pill, className),
+      onClick,
+      tooltipContent
+    }
+  );
+}
+export {
+  ProjectEntity
+};
+//# sourceMappingURL=ProjectEntity.js.map

package/dist/entities/ProjectEntity.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/entities/ProjectEntity.tsx"],
+  "sourcesContent": ["/**\n * ProjectEntity Component\n *\n * Fully-rounded pill for a \"project\" (a.k.a. a \"matter\" in some consumer apps).\n * The viewer's relationship to the project drives a TINTED (soft-fill) colour\n * so the kinds read at a glance without shouting:\n *   - your paid project   \u2192 primary tint\n *   - someone else's      \u2192 secondary tint\n *   - your free project   \u2192 grey tint\n * \"Common\" keeps the neutral muted pill.\n *\n * Promoted from the ARBI app and DECOUPLED: no store/stripe deps. The icon\n * defaults to the `CreditCard` glyph and can be overridden via `icon`, and\n * the display text via `label` (falls back to `name`) so consumers can relabel\n * a \"project\" as a \"matter\", \"case\", etc.\n */\n\nimport React from 'react'\nimport { CreditCard } from 'lucide-react'\nimport { EntityPill } from './EntityPill'\nimport { cn } from '../lib/utils'\n\nexport type ProjectRelation = 'mine' | 'other' | 'common'\n\nexport interface ProjectEntityProps {\n  name: string\n  /** Display text override (defaults to `name`) \u2014 lets a consumer relabel. */\n  label?: string\n  /** Icon override (defaults to the CreditCard glyph). */\n  icon?: React.ReactNode\n  subscription?: string\n  hasCollaborators?: boolean\n  className?: string\n  onClick?: (e: React.MouseEvent) => void\n  /** Viewer's relationship to the project \u2014 drives the inverted pill colour. */\n  relation?: ProjectRelation\n  /** Whether the given `subscription` should be treated as paid. When omitted,\n   *  it's inferred from the `subscription` value ('active' | 'past_due' | 'dev'). */\n  isPaid?: boolean\n  /** Hover tooltip. */\n  tooltipContent?: React.ReactNode\n}\n\ntype PillVariant = 'mine-paid' | 'mine-free' | 'other' | 'common'\n\n// Colour lives in the text and icon only (paid / shared / free); there is no fill or\n// border at rest, so the label stays quiet. The hover fill comes from EntityPill.\nconst VARIANT_STYLES: Record<PillVariant, { pill: string; icon: string }> = {\n  'mine-paid': {\n    pill: 'text-primary',\n    icon: 'text-primary',\n  },\n  other: {\n    pill: 'text-secondary',\n    icon: 'text-secondary',\n  },\n  'mine-free': {\n    pill: 'text-muted-foreground',\n    icon: 'text-muted-foreground',\n  },\n  common: {\n    pill: '',\n    icon: 'text-muted-foreground',\n  },\n}\n\nfunction resolveVariant(\n  relation: ProjectRelation | undefined,\n  paid: boolean,\n  hasCollaborators: boolean\n): PillVariant {\n  if (relation === 'common') return 'common'\n  if (relation === 'other') return 'other'\n  if (relation === 'mine') return paid ? 'mine-paid' : 'mine-free'\n  // Legacy, subscription-driven callers (no relation given).\n  if (paid) return hasCollaborators ? 'other' : 'mine-paid'\n  return 'mine-free'\n}\n\nexport function ProjectEntity({\n  name,\n  label,\n  icon,\n  subscription = 'none',\n  hasCollaborators = false,\n  className,\n  onClick,\n  relation,\n  isPaid,\n  tooltipContent,\n}: ProjectEntityProps) {\n  const paid =\n    isPaid ?? (subscription === 'active' || subscription === 'past_due' || subscription === 'dev')\n  const variant = resolveVariant(relation, paid, hasCollaborators)\n  const { pill, icon: iconClass } = VARIANT_STYLES[variant]\n\n  const iconNode = icon ?? <CreditCard className={cn('h-3.5 w-3.5', iconClass)} />\n\n  return (\n    <EntityPill\n      icon={iconNode}\n      label={label ?? name}\n      shape=\"rounded\"\n      className={cn(pill, className)}\n      onClick={onClick}\n      tooltipContent={tooltipContent}\n    />\n  )\n}\n"],
+  "mappings": "AAgG2B;AA9E3B,SAAS,kBAAkB;AAC3B,SAAS,kBAAkB;AAC3B,SAAS,UAAU;AA2BnB,MAAM,iBAAsE;AAAA,EAC1E,aAAa;AAAA,IACX,MAAM;AAAA,IACN,MAAM;AAAA,EACR;AAAA,EACA,OAAO;AAAA,IACL,MAAM;AAAA,IACN,MAAM;AAAA,EACR;AAAA,EACA,aAAa;AAAA,IACX,MAAM;AAAA,IACN,MAAM;AAAA,EACR;AAAA,EACA,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,MAAM;AAAA,EACR;AACF;AAEA,SAAS,eACP,UACA,MACA,kBACa;AACb,MAAI,aAAa,SAAU,QAAO;AAClC,MAAI,aAAa,QAAS,QAAO;AACjC,MAAI,aAAa,OAAQ,QAAO,OAAO,cAAc;AAErD,MAAI,KAAM,QAAO,mBAAmB,UAAU;AAC9C,SAAO;AACT;AAEO,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA,eAAe;AAAA,EACf,mBAAmB;AAAA,EACnB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAuB;AACrB,QAAM,OACJ,WAAW,iBAAiB,YAAY,iBAAiB,cAAc,iBAAiB;AAC1F,QAAM,UAAU,eAAe,UAAU,MAAM,gBAAgB;AAC/D,QAAM,EAAE,MAAM,MAAM,UAAU,IAAI,eAAe,OAAO;AAExD,QAAM,WAAW,QAAQ,oBAAC,cAAW,WAAW,GAAG,eAAe,SAAS,GAAG;AAE9E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAM;AAAA,MACN,OAAO,SAAS;AAAA,MAChB,OAAM;AAAA,MACN,WAAW,GAAG,MAAM,SAAS;AAAA,MAC7B;AAAA,MACA;AAAA;AAAA,EACF;AAEJ;",
+  "names": []
+}

package/dist/entities/ShieldIcon.js

@@ -0,0 +1,49 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+const ShieldIcon = ({
+  char,
+  size = 24,
+  className = "",
+  workspaceColor,
+  isSelected = false,
+  ...props
+}) => {
+  const fillColor = workspaceColor && workspaceColor !== "hsl(var(--primary))" ? workspaceColor : "transparent";
+  const strokeColor = isSelected ? "white" : workspaceColor && workspaceColor !== "hsl(var(--primary))" ? workspaceColor : "currentColor";
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      width: size,
+      height: size,
+      viewBox: "0 0 24 24",
+      fill: fillColor,
+      stroke: strokeColor,
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      className: `lucide lucide-square ${className}`,
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }),
+        char && /* @__PURE__ */ jsx(
+          "text",
+          {
+            x: "12",
+            y: "12.5",
+            textAnchor: "middle",
+            fontSize: "9",
+            fontFamily: "sans-serif",
+            fontWeight: "300",
+            dominantBaseline: "middle",
+            stroke: workspaceColor ? "white" : "currentColor",
+            strokeWidth: "0.8",
+            children: char.toUpperCase()
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  ShieldIcon
+};
+//# sourceMappingURL=ShieldIcon.js.map

package/dist/entities/ShieldIcon.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/entities/ShieldIcon.tsx"],
+  "sourcesContent": ["import React from 'react'\n\nexport type ShieldIconProps = {\n  char?: string\n  size?: number\n  className?: string\n  workspaceColor?: string\n  isSelected?: boolean\n} & React.SVGAttributes<SVGElement>\n\nexport const ShieldIcon: React.FC<ShieldIconProps> = ({\n  char,\n  size = 24,\n  className = '',\n  workspaceColor,\n  isSelected = false,\n  ...props\n}) => {\n  // workspaceColor is already a hex value from getWorkspaceColor()\n  // which uses the central entity color system\n  const fillColor =\n    workspaceColor && workspaceColor !== 'hsl(var(--primary))' ? workspaceColor : 'transparent'\n  const strokeColor = isSelected\n    ? 'white'\n    : workspaceColor && workspaceColor !== 'hsl(var(--primary))'\n      ? workspaceColor\n      : 'currentColor'\n\n  return (\n    <svg\n      width={size}\n      height={size}\n      viewBox=\"0 0 24 24\"\n      fill={fillColor}\n      stroke={strokeColor}\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      className={`lucide lucide-square ${className}`}\n      {...props}\n    >\n      <rect width=\"18\" height=\"18\" x=\"3\" y=\"3\" rx=\"2\" />\n      {char && (\n        <text\n          x=\"12\"\n          y=\"12.5\"\n          textAnchor=\"middle\"\n          fontSize=\"9\"\n          fontFamily=\"sans-serif\"\n          fontWeight=\"300\"\n          dominantBaseline=\"middle\"\n          stroke={workspaceColor ? 'white' : 'currentColor'}\n          strokeWidth=\"0.8\"\n        >\n          {char.toUpperCase()}\n        </text>\n      )}\n    </svg>\n  )\n}\n"],
+  "mappings": "AA6BI,SAYE,KAZF;AAnBG,MAAM,aAAwC,CAAC;AAAA,EACpD;AAAA,EACA,OAAO;AAAA,EACP,YAAY;AAAA,EACZ;AAAA,EACA,aAAa;AAAA,EACb,GAAG;AACL,MAAM;AAGJ,QAAM,YACJ,kBAAkB,mBAAmB,wBAAwB,iBAAiB;AAChF,QAAM,cAAc,aAChB,UACA,kBAAkB,mBAAmB,wBACnC,iBACA;AAEN,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,SAAQ;AAAA,MACR,MAAM;AAAA,MACN,QAAQ;AAAA,MACR,aAAY;AAAA,MACZ,eAAc;AAAA,MACd,gBAAe;AAAA,MACf,WAAW,wBAAwB,SAAS;AAAA,MAC3C,GAAG;AAAA,MAEJ;AAAA,4BAAC,UAAK,OAAM,MAAK,QAAO,MAAK,GAAE,KAAI,GAAE,KAAI,IAAG,KAAI;AAAA,QAC/C,QACC;AAAA,UAAC;AAAA;AAAA,YACC,GAAE;AAAA,YACF,GAAE;AAAA,YACF,YAAW;AAAA,YACX,UAAS;AAAA,YACT,YAAW;AAAA,YACX,YAAW;AAAA,YACX,kBAAiB;AAAA,YACjB,QAAQ,iBAAiB,UAAU;AAAA,YACnC,aAAY;AAAA,YAEX,eAAK,YAAY;AAAA;AAAA,QACpB;AAAA;AAAA;AAAA,EAEJ;AAEJ;",
+  "names": []
+}

package/dist/entities/TagEntity.js

@@ -0,0 +1,79 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { EntityPill } from "./EntityPill.js";
+import { getEntityColor } from "./colors.js";
+import { Badge } from "../ui/badge.js";
+import { Check } from "lucide-react";
+import { getTagTypeLabel } from "./tag-types.js";
+function TagEntity({
+  tag,
+  size = "md",
+  checked = true,
+  onCheckedChange,
+  className = "",
+  wrap = false,
+  onClick,
+  showTooltip = true,
+  tooltipContent
+}) {
+  const tagType = tag.tag_type?.type ?? "text";
+  const iconSize = size === "sm" ? 12 : size === "md" ? 14 : 16;
+  const tagColor = tag.color ?? getEntityColor(tag.external_id, "medium");
+  const iconElement = onCheckedChange ? /* @__PURE__ */ jsx(
+    "input",
+    {
+      type: "checkbox",
+      "aria-label": tag.name,
+      checked,
+      onClick: (e) => e.stopPropagation(),
+      onChange: (e) => onCheckedChange(e.target.checked),
+      className: "shrink-0 cursor-pointer",
+      style: { accentColor: tagColor, width: iconSize, height: iconSize }
+    }
+  ) : /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: "flex shrink-0 items-center justify-center rounded-sm border",
+      style: {
+        width: iconSize,
+        height: iconSize,
+        borderColor: tagColor,
+        backgroundColor: checked ? tagColor : void 0
+      },
+      "aria-hidden": "true",
+      children: checked && /* @__PURE__ */ jsx(Check, { size: iconSize - 2, color: "#ffffff", strokeWidth: 3 })
+    }
+  );
+  const pillSize = size === "lg" ? "md" : "sm";
+  const defaultTooltip = /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-2", children: /* @__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: "pill",
+      style: { borderColor: tagColor },
+      labelMaxWidth: wrap ? "max-w-full" : "max-w-[180px]",
+      labelClassName: wrap ? "whitespace-normal! line-clamp-3 break-words text-left" : void 0,
+      tooltipContent: onCheckedChange ? void 0 : resolvedTooltip,
+      onClick: onCheckedChange ? void 0 : onClick,
+      className: `max-w-full px-2! py-0.5! ${className}`,
+      "data-testid": `tag-entity-${tag.external_id}`
+    }
+  );
+}
+export {
+  TagEntity
+};
+//# sourceMappingURL=TagEntity.js.map

package/dist/entities/TagEntity.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/entities/TagEntity.tsx"],
+  "sourcesContent": ["/**\n * TagEntity Component\n *\n * All tag identity displays use this component: a fully rounded, outlined label from the\n * shared sixteen-color entity-ID palette. Never substitute a plain-text name.\n * Single source of truth for tag visual appearance, promoted from the ARBI app\n * and DECOUPLED from the app store/API. It renders purely from the `tag` prop \u2014\n * the app-only bits (creator/updater lookup, visibility toggle, live doctag\n * count from the query cache) are dropped; pass `doctagCount`/`shared` if you\n * want them shown in the built-in tooltip, or inject a fully custom `tooltipContent`.\n */\n\nimport React from 'react'\nimport { EntityPill, type EntitySize } from './EntityPill'\nimport { getEntityColor } from './colors'\nimport { Badge } from '../ui/badge'\nimport { Check } from 'lucide-react'\nimport { getTagTypeLabel } from './tag-types'\n\n/** Minimal, decoupled tag shape the pill needs. */\nexport interface TagLike {\n  external_id: string\n  name: string\n  /** Field value type, shown in the tooltip; the label identity icon stays consistent. */\n  tag_type?: { type: string } | null\n  /** Optional explicit color; when omitted it's derived from `external_id`. */\n  color?: string\n  /** Optional document count shown in the tooltip. */\n  doctag_count?: number | null\n  /** Optional shared/private flag shown in the tooltip. */\n  shared?: boolean | null\n}\n\nexport interface TagEntityProps {\n  tag: TagLike\n  size?: Exclude<EntitySize, 'xs'>\n  checked?: boolean\n  onCheckedChange?: (checked: boolean) => void\n  className?: string\n  /** Wrap long tag names inside a table cell while retaining the pill. */\n  wrap?: boolean\n  onClick?: (e: React.MouseEvent) => void\n  /** Whether to show a tooltip (default: true) */\n  showTooltip?: boolean\n  /** Injected tooltip override. When provided (and `showTooltip` is not false) it\n   *  replaces the built-in tooltip \u2014 used by the monolith to render its rich,\n   *  store-coupled tooltip (fresh count, creator/updater, visibility toggle). */\n  tooltipContent?: React.ReactNode\n}\n\nexport function TagEntity({\n  tag,\n  size = 'md',\n  checked = true,\n  onCheckedChange,\n  className = '',\n  wrap = false,\n  onClick,\n  showTooltip = true,\n  tooltipContent,\n}: TagEntityProps) {\n  const tagType = tag.tag_type?.type ?? 'text'\n  const iconSize = size === 'sm' ? 12 : size === 'md' ? 14 : 16\n\n  const tagColor = tag.color ?? getEntityColor(tag.external_id, 'medium')\n  const iconElement = onCheckedChange ? (\n    <input\n      type=\"checkbox\"\n      aria-label={tag.name}\n      checked={checked}\n      onClick={(e) => e.stopPropagation()}\n      onChange={(e) => onCheckedChange(e.target.checked)}\n      className=\"shrink-0 cursor-pointer\"\n      style={{ accentColor: tagColor, width: iconSize, height: iconSize }}\n    />\n  ) : (\n    <span\n      className=\"flex shrink-0 items-center justify-center rounded-sm border\"\n      style={{\n        width: iconSize,\n        height: iconSize,\n        borderColor: tagColor,\n        backgroundColor: checked ? tagColor : undefined,\n      }}\n      aria-hidden=\"true\"\n    >\n      {checked && <Check size={iconSize - 2} color=\"#ffffff\" strokeWidth={3} />}\n    </span>\n  )\n\n  const pillSize = size === 'lg' ? 'md' : 'sm'\n\n  const defaultTooltip = (\n    <div className=\"flex flex-col gap-2\">\n      <div className=\"flex flex-col gap-1.5 text-sm\">\n        <div className=\"flex items-center gap-2\">\n          <span className=\"text-muted-foreground\">Type:</span>\n          <span>{getTagTypeLabel(tagType)}</span>\n        </div>\n\n        {tag.doctag_count != null && (\n          <div className=\"flex items-center gap-2\">\n            <span className=\"text-muted-foreground\">Documents:</span>\n            <Badge variant=\"secondary\" className=\"h-5 min-w-[20px] justify-center\">\n              {tag.doctag_count ?? 0}\n            </Badge>\n          </div>\n        )}\n\n        {tag.shared != null && (\n          <div className=\"flex items-center gap-2\">\n            <span className=\"text-muted-foreground\">{tag.shared ? 'Shared' : 'Private'}</span>\n          </div>\n        )}\n      </div>\n    </div>\n  )\n\n  const resolvedTooltip = showTooltip ? (tooltipContent ?? defaultTooltip) : undefined\n\n  return (\n    <EntityPill\n      icon={iconElement}\n      label={tag.name}\n      size={pillSize}\n      shape=\"pill\"\n      style={{ borderColor: tagColor }}\n      labelMaxWidth={wrap ? 'max-w-full' : 'max-w-[180px]'}\n      labelClassName={wrap ? 'whitespace-normal! line-clamp-3 break-words text-left' : undefined}\n      tooltipContent={onCheckedChange ? undefined : resolvedTooltip}\n      onClick={onCheckedChange ? undefined : onClick}\n      className={`max-w-full px-2! py-0.5! ${className}`}\n      data-testid={`tag-entity-${tag.external_id}`}\n    />\n  )\n}\n"],
+  "mappings": "AAkEI,cA6BI,YA7BJ;AArDJ,SAAS,kBAAmC;AAC5C,SAAS,sBAAsB;AAC/B,SAAS,aAAa;AACtB,SAAS,aAAa;AACtB,SAAS,uBAAuB;AAiCzB,SAAS,UAAU;AAAA,EACxB;AAAA,EACA,OAAO;AAAA,EACP,UAAU;AAAA,EACV;AAAA,EACA,YAAY;AAAA,EACZ,OAAO;AAAA,EACP;AAAA,EACA,cAAc;AAAA,EACd;AACF,GAAmB;AACjB,QAAM,UAAU,IAAI,UAAU,QAAQ;AACtC,QAAM,WAAW,SAAS,OAAO,KAAK,SAAS,OAAO,KAAK;AAE3D,QAAM,WAAW,IAAI,SAAS,eAAe,IAAI,aAAa,QAAQ;AACtE,QAAM,cAAc,kBAClB;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAY,IAAI;AAAA,MAChB;AAAA,MACA,SAAS,CAAC,MAAM,EAAE,gBAAgB;AAAA,MAClC,UAAU,CAAC,MAAM,gBAAgB,EAAE,OAAO,OAAO;AAAA,MACjD,WAAU;AAAA,MACV,OAAO,EAAE,aAAa,UAAU,OAAO,UAAU,QAAQ,SAAS;AAAA;AAAA,EACpE,IAEA;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,OAAO;AAAA,QACL,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,aAAa;AAAA,QACb,iBAAiB,UAAU,WAAW;AAAA,MACxC;AAAA,MACA,eAAY;AAAA,MAEX,qBAAW,oBAAC,SAAM,MAAM,WAAW,GAAG,OAAM,WAAU,aAAa,GAAG;AAAA;AAAA,EACzE;AAGF,QAAM,WAAW,SAAS,OAAO,OAAO;AAExC,QAAM,iBACJ,oBAAC,SAAI,WAAU,uBACb,+BAAC,SAAI,WAAU,iCACb;AAAA,yBAAC,SAAI,WAAU,2BACb;AAAA,0BAAC,UAAK,WAAU,yBAAwB,mBAAK;AAAA,MAC7C,oBAAC,UAAM,0BAAgB,OAAO,GAAE;AAAA,OAClC;AAAA,IAEC,IAAI,gBAAgB,QACnB,qBAAC,SAAI,WAAU,2BACb;AAAA,0BAAC,UAAK,WAAU,yBAAwB,wBAAU;AAAA,MAClD,oBAAC,SAAM,SAAQ,aAAY,WAAU,mCAClC,cAAI,gBAAgB,GACvB;AAAA,OACF;AAAA,IAGD,IAAI,UAAU,QACb,oBAAC,SAAI,WAAU,2BACb,8BAAC,UAAK,WAAU,yBAAyB,cAAI,SAAS,WAAW,WAAU,GAC7E;AAAA,KAEJ,GACF;AAGF,QAAM,kBAAkB,cAAe,kBAAkB,iBAAkB;AAE3E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAM;AAAA,MACN,OAAO,IAAI;AAAA,MACX,MAAM;AAAA,MACN,OAAM;AAAA,MACN,OAAO,EAAE,aAAa,SAAS;AAAA,MAC/B,eAAe,OAAO,eAAe;AAAA,MACrC,gBAAgB,OAAO,0DAA0D;AAAA,MACjF,gBAAgB,kBAAkB,SAAY;AAAA,MAC9C,SAAS,kBAAkB,SAAY;AAAA,MACvC,WAAW,4BAA4B,SAAS;AAAA,MAChD,eAAa,cAAc,IAAI,WAAW;AAAA;AAAA,EAC5C;AAEJ;",
+  "names": []
+}

package/dist/entities/ThreadVisibilityIcon.js

@@ -0,0 +1,15 @@
+import { jsx } from "react/jsx-runtime";
+import { MessageSquareLock, MessageSquareShare } from "lucide-react";
+import { cn } from "../lib/utils.js";
+function ThreadVisibilityIcon({
+  shared,
+  className,
+  ...props
+}) {
+  const Icon = shared ? MessageSquareShare : MessageSquareLock;
+  return /* @__PURE__ */ jsx(Icon, { ...props, className: cn(shared ? "text-secondary" : "text-primary", className) });
+}
+export {
+  ThreadVisibilityIcon
+};
+//# sourceMappingURL=ThreadVisibilityIcon.js.map

package/dist/entities/ThreadVisibilityIcon.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/entities/ThreadVisibilityIcon.tsx"],
+  "sourcesContent": ["import { MessageSquareLock, MessageSquareShare, type LucideProps } from 'lucide-react'\nimport { cn } from '../lib/utils'\n\n/** Thread visibility uses both shape and color across entity labels and grids. */\nexport function ThreadVisibilityIcon({\n  shared,\n  className,\n  ...props\n}: LucideProps & { shared: boolean }) {\n  const Icon = shared ? MessageSquareShare : MessageSquareLock\n  return <Icon {...props} className={cn(shared ? 'text-secondary' : 'text-primary', className)} />\n}\n"],
+  "mappings": "AAUS;AAVT,SAAS,mBAAmB,0BAA4C;AACxE,SAAS,UAAU;AAGZ,SAAS,qBAAqB;AAAA,EACnC;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAsC;AACpC,QAAM,OAAO,SAAS,qBAAqB;AAC3C,SAAO,oBAAC,QAAM,GAAG,OAAO,WAAW,GAAG,SAAS,mBAAmB,gBAAgB,SAAS,GAAG;AAChG;",
+  "names": []
+}

package/dist/entities/UserEntity.js

@@ -0,0 +1,211 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { memo } from "react";
+import { MessageCircleMore } from "lucide-react";
+import { Avatar, AvatarFallback, AvatarImage } from "../ui/avatar.js";
+import { ArbiBotHeadIcon } from "../icons/ArbiBotHeadIcon.js";
+import { VerifiedBadge } from "./VerifiedBadge.js";
+import { Tooltip, TooltipContent, TooltipTrigger } from "../ui/tooltip.js";
+import { cn } from "../lib/utils.js";
+const sizeClasses = {
+  xs: "h-5 w-5",
+  sm: "h-6 w-6",
+  md: "h-8 w-8",
+  lg: "h-10 w-10"
+};
+const textSizeClasses = {
+  xs: "text-xs",
+  sm: "text-xs",
+  md: "text-xs",
+  lg: "text-sm"
+};
+const 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"
+};
+const 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"
+};
+const PRESENCE_LABELS = {
+  connected: "Online",
+  connecting: "Connecting",
+  disconnected: "Offline",
+  error: "Connection problem",
+  hidden: "Status hidden"
+};
+const presenceColorClasses = {
+  connected: "bg-status-online",
+  connecting: "bg-status-connecting",
+  disconnected: "bg-status-away",
+  error: "bg-status-busy",
+  hidden: "bg-status-offline"
+};
+const UserEntity = memo(function UserEntity2({
+  size = "md",
+  variant = "pill",
+  className,
+  showTooltip = true,
+  interactive = true,
+  initials = "",
+  displayName = "",
+  picture,
+  avatarImageClassName,
+  colorClass = "",
+  isAgent = false,
+  isVerified = false,
+  agentStyle,
+  avatarStyle,
+  isMe = false,
+  displayStatus,
+  onClick,
+  tooltipContent,
+  empty = false
+}) {
+  if (empty) {
+    return /* @__PURE__ */ jsx(
+      Avatar,
+      {
+        className: cn(sizeClasses[size], "border border-border", className),
+        "data-testid": "user-entity",
+        children: /* @__PURE__ */ jsx(AvatarFallback, { className: "bg-status-empty text-muted-foreground text-xs font-semibold", children: "?" })
+      }
+    );
+  }
+  const agentBadge = isAgent ? /* @__PURE__ */ jsx(ArbiBotHeadIcon, { className: "w-3.5 h-3.5 text-muted-foreground" }) : void 0;
+  const canMessage = interactive && !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, className: avatarImageClassName }),
+        /* @__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 = displayStatus ? /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: cn(
+        "absolute rounded-full border-white",
+        presenceDotClasses[size],
+        presencePositionClasses[size],
+        presenceColorClasses[displayStatus]
+      ),
+      "data-testid": "user-entity-presence",
+      role: "img",
+      "aria-label": PRESENCE_LABELS[displayStatus],
+      title: 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 }),
+      isVerified && !isAgent && /* @__PURE__ */ jsx(VerifiedBadge, {}),
+      agentBadge
+    ] });
+    const rowClass = "group/pill inline-flex min-w-0 items-center gap-2";
+    const clickable = interactive && !!onClick;
+    const clickableClass = "relative cursor-pointer rounded-md px-1 py-0.5 -mx-1 transition-colors hover:bg-muted/60 pointer-coarse:after:absolute pointer-coarse:after:inset-x-0 pointer-coarse:after:-inset-y-3 pointer-coarse:after:content-['']";
+    if (resolvedTooltip) {
+      return /* @__PURE__ */ jsxs(Tooltip, { children: [
+        /* @__PURE__ */ jsx(
+          TooltipTrigger,
+          {
+            type: "button",
+            onClick: clickable ? onClick : void 0,
+            onFocusCapture: (e) => e.stopPropagation(),
+            className: cn(rowClass, clickable && clickableClass, className),
+            "data-testid": "user-entity-pill",
+            children: row
+          }
+        ),
+        /* @__PURE__ */ jsx(TooltipContent, { className: "p-2", children: resolvedTooltip })
+      ] });
+    }
+    if (clickable) {
+      return /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick,
+          className: cn(rowClass, clickableClass, className),
+          "data-testid": "user-entity-pill",
+          children: row
+        }
+      );
+    }
+    return /* @__PURE__ */ jsx("span", { className: cn(rowClass, className), "data-testid": "user-entity-pill", children: row });
+  }
+  if (showTooltip) {
+    return /* @__PURE__ */ jsxs(Tooltip, { children: [
+      /* @__PURE__ */ jsx(
+        TooltipTrigger,
+        {
+          onFocusCapture: (e) => e.stopPropagation(),
+          className: "touch-hit inline-flex",
+          children: avatarElement
+        }
+      ),
+      /* @__PURE__ */ jsx(TooltipContent, { className: "p-2", children: tooltipContent })
+    ] });
+  }
+  return avatarElement;
+});
+export {
+  UserEntity
+};
+//# sourceMappingURL=UserEntity.js.map

package/dist/entities/UserEntity.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/entities/UserEntity.tsx"],
+  "sourcesContent": ["/**\n * UserEntity Component\n *\n * Single source of truth for the user pill/avatar visual, promoted from the ARBI\n * app and DECOUPLED from the app store/API. It renders purely from injected,\n * already-resolved props \u2014 the app-coupled bits (current user, WebSocket presence\n * status, shared-workspace / agent-owner lookups) are resolved by the app adapter\n * and passed in as `isMe` / `displayStatus` / `tooltipContent` / `onClick`.\n *\n * Variants:\n * - pill: Avatar + name in a rounded container (default)\n * - icon: Avatar circle with hover tooltip\n *\n * Status-dot colours use the semantic `--color-status-*` token contract (see the\n * consuming app's @theme); they are seeded to the app's prior palette so the dots\n * stay pixel-identical.\n */\n\nimport React, { memo } from 'react'\nimport { MessageCircleMore } from 'lucide-react'\nimport { Avatar, AvatarFallback, AvatarImage } from '../ui/avatar'\nimport { ArbiBotHeadIcon } from '../icons/ArbiBotHeadIcon'\nimport { VerifiedBadge } from './VerifiedBadge'\nimport { Tooltip, TooltipContent, TooltipTrigger } from '../ui/tooltip'\nimport { cn } from '../lib/utils'\nimport type { EntitySize } from './EntityPill'\n\n/** Presence display status - WebSocket states plus 'hidden' for when status is intentionally not shown */\nexport type PresenceDisplayStatus = 'connected' | 'connecting' | 'disconnected' | 'error' | 'hidden'\n\nexport interface UserEntityProps {\n  size?: EntitySize\n  variant?: 'icon' | 'pill'\n  className?: string\n  /** When true (default), shows tooltip on hover */\n  showTooltip?: boolean\n  /** When true (default), clicking triggers the injected action. Set false to disable interaction. */\n  interactive?: boolean\n\n  /** Two-letter initials shown in the avatar fallback (resolved by the app). */\n  initials?: string\n  /** Display label \u2014 \"You\" for the current user, else the real name. */\n  displayName?: string\n  /** Avatar image URL, if any. */\n  picture?: string | null\n  /** Optional image treatment for platform logos inside the normal avatar. */\n  avatarImageClassName?: string\n  /** Avatar background colour class for non-agents (e.g. 'bg-blue-500'). */\n  colorClass?: string\n  /** Whether this user is an agent \u2014 drives the dashed ring + bot badge. */\n  isAgent?: boolean\n  /** Verified tick (passed an ID check under this name): a badge after the name in the pill. */\n  isVerified?: boolean\n  /** Inline border/text colour for agent avatars (from the app's agentAvatarColors). */\n  agentStyle?: React.CSSProperties\n  /**\n   * Inline avatar colours for ANY user, not only agents \u2014 e.g. the deterministic\n   * tint the DM rows derive from the user id. Takes precedence over\n   * `agentStyle`, which predates it and is the same mechanism under a narrower\n   * name.\n   */\n  avatarStyle?: React.CSSProperties\n  /** Whether this pill represents the current user \u2014 hides the chat icon and drives\n   *  which action `onClick` performs. */\n  isMe?: boolean\n  /** Resolved presence dot state; undefined hides the dot. */\n  displayStatus?: PresenceDisplayStatus\n  /** Resolved click handler (open settings for me, DM for others). */\n  onClick?: (e: React.MouseEvent) => void\n  /** Injected rich tooltip content (built by the app adapter). */\n  tooltipContent?: React.ReactNode\n  /** Render the empty \"no user\" avatar. */\n  empty?: boolean\n}\n\nconst sizeClasses = {\n  xs: 'h-5 w-5',\n  sm: 'h-6 w-6',\n  md: 'h-8 w-8',\n  lg: 'h-10 w-10',\n}\n\nconst textSizeClasses = {\n  xs: 'text-xs',\n  sm: 'text-xs',\n  md: 'text-xs',\n  lg: 'text-sm',\n}\n\n// Presence dot sizes proportional to avatar size (larger for better visibility)\nconst presenceDotClasses = {\n  xs: 'w-2 h-2 border',\n  sm: 'w-2.5 h-2.5 border',\n  md: 'w-3 h-3 border-2',\n  lg: 'w-3.5 h-3.5 border-2',\n}\n\n// Position the presence dot at edge of avatar\nconst presencePositionClasses = {\n  xs: '-right-1 bottom-0',\n  sm: '-right-1 bottom-0',\n  md: '-right-1.5 -bottom-0.5',\n  lg: '-right-1.5 -bottom-0.5',\n}\n\n// Presence colours \u2014 semantic status tokens seeded to the app's prior palette\n// (matches the sidebar's connection-status colours).\n/** Accessible name for each dot state \u2014 the same wording PresenceLabel prints. */\nconst PRESENCE_LABELS: Record<PresenceDisplayStatus, string> = {\n  connected: 'Online',\n  connecting: 'Connecting',\n  disconnected: 'Offline',\n  error: 'Connection problem',\n  hidden: 'Status hidden',\n}\n\nconst presenceColorClasses: Record<PresenceDisplayStatus, string> = {\n  connected: 'bg-status-online',\n  connecting: 'bg-status-connecting',\n  disconnected: 'bg-status-away',\n  error: 'bg-status-busy',\n  hidden: 'bg-status-offline',\n}\n\nexport const UserEntity = memo(function UserEntity({\n  size = 'md',\n  variant = 'pill',\n  className,\n  showTooltip = true,\n  interactive = true,\n  initials = '',\n  displayName = '',\n  picture,\n  avatarImageClassName,\n  colorClass = '',\n  isAgent = false,\n  isVerified = false,\n  agentStyle,\n  avatarStyle,\n  isMe = false,\n  displayStatus,\n  onClick,\n  tooltipContent,\n  empty = false,\n}: UserEntityProps) {\n  // Empty state - no user\n  if (empty) {\n    return (\n      <Avatar\n        className={cn(sizeClasses[size], 'border border-border', className)}\n        data-testid=\"user-entity\"\n      >\n        <AvatarFallback className=\"bg-status-empty text-muted-foreground text-xs font-semibold\">\n          ?\n        </AvatarFallback>\n      </Avatar>\n    )\n  }\n\n  const agentBadge = isAgent ? (\n    <ArbiBotHeadIcon className=\"w-3.5 h-3.5 text-muted-foreground\" />\n  ) : undefined\n\n  // Messaging another user: the pill avatar doubles as the affordance \u2014 on hover it\n  // swaps to a chat icon (see pillAvatar below).\n  const canMessage = interactive && !isMe && !isAgent\n\n  // One resolved inline style for the avatar surface. `agentStyle` was always\n  // applied regardless of `isAgent`; `avatarStyle` is the same thing named for\n  // what it does, so a non-agent tint no longer has to masquerade as one.\n  const surfaceStyle = avatarStyle ?? agentStyle\n\n  // Core avatar element - used in both icon and pill variants\n  const avatarCore = (\n    <Avatar\n      className={cn(\n        sizeClasses[size],\n        isAgent ? 'rounded-full border-2 border-dashed' : 'border border-white'\n      )}\n      style={surfaceStyle}\n      data-testid=\"user-entity\"\n    >\n      {picture && <AvatarImage src={picture} alt={initials} className={avatarImageClassName} />}\n      <AvatarFallback\n        className={cn(\n          textSizeClasses[size],\n          'font-semibold leading-none',\n          isAgent ? 'rounded-full bg-transparent' : `text-white ${colorClass}`\n        )}\n        style={surfaceStyle}\n      >\n        {initials}\n      </AvatarFallback>\n    </Avatar>\n  )\n\n  // Bottom-right avatar dot: the presence colour (green/grey/\u2026).\n  const statusDot = displayStatus ? (\n    <span\n      className={cn(\n        'absolute rounded-full border-white',\n        presenceDotClasses[size],\n        presencePositionClasses[size],\n        presenceColorClasses[displayStatus]\n      )}\n      data-testid=\"user-entity-presence\"\n      // Named, not just coloured: a colour is legible only to someone who\n      // already knows the convention, and to nobody using a screen reader.\n      role=\"img\"\n      aria-label={PRESENCE_LABELS[displayStatus]}\n      title={PRESENCE_LABELS[displayStatus]}\n    />\n  ) : null\n\n  // Icon variant avatar (used in stacks/columns) \u2014 avatar + optional status dot.\n  // Inline-block at avatar size so a parent ring stays circular.\n  const avatarElement = statusDot ? (\n    <div\n      className={cn(\n        'relative inline-block',\n        sizeClasses[size],\n        variant === 'pill' ? '' : className\n      )}\n    >\n      {avatarCore}\n      {statusDot}\n    </div>\n  ) : (\n    <div className={cn('inline-block', variant === 'pill' ? '' : className)}>{avatarCore}</div>\n  )\n\n  // Pill variant avatar \u2014 the avatar itself IS the message affordance: on hover it\n  // swaps to a chat icon (for other users), with the status dot pinned bottom-right.\n  const pillAvatar = (\n    // shrink-0: when the pill is squeezed the NAME truncates away \u2014 the avatar\n    // must never collapse under it and overflow onto neighbouring text.\n    <span className={cn('relative inline-block shrink-0', sizeClasses[size])}>\n      <span className={cn('block transition-opacity', canMessage && 'group-hover/pill:opacity-0')}>\n        {avatarCore}\n      </span>\n      {canMessage && (\n        <span\n          aria-hidden\n          className=\"absolute inset-0 flex items-center justify-center rounded-full bg-muted text-foreground opacity-0 transition-opacity group-hover/pill:opacity-100\"\n        >\n          <MessageCircleMore className={size === 'xs' ? 'h-3 w-3' : 'h-4 w-4'} />\n        </span>\n      )}\n      {statusDot}\n    </span>\n  )\n\n  const resolvedTooltip = showTooltip ? tooltipContent : undefined\n\n  // Pill variant \u2014 clean, borderless avatar + name (no container chrome). The avatar\n  // itself is the message affordance (hover \u2192 chat icon); unread + presence share one\n  // bottom-right dot. Only the agent badge trails the name. Interactivity + tooltip\n  // are layered with no resting background \u2014 a subtle hover fill signals the target.\n  if (variant === 'pill') {\n    const row = (\n      <>\n        {pillAvatar}\n        {displayName && (\n          <span className=\"min-w-0 max-w-[320px] truncate text-sm leading-tight\">\n            {displayName}\n          </span>\n        )}\n        {isVerified && !isAgent && <VerifiedBadge />}\n        {agentBadge}\n      </>\n    )\n    const rowClass = 'group/pill inline-flex min-w-0 items-center gap-2'\n    const clickable = interactive && !!onClick\n    const clickableClass =\n      \"relative cursor-pointer rounded-md px-1 py-0.5 -mx-1 transition-colors hover:bg-muted/60 pointer-coarse:after:absolute pointer-coarse:after:inset-x-0 pointer-coarse:after:-inset-y-3 pointer-coarse:after:content-['']\"\n\n    if (resolvedTooltip) {\n      return (\n        <Tooltip>\n          <TooltipTrigger\n            type=\"button\"\n            onClick={clickable ? onClick : undefined}\n            onFocusCapture={(e) => e.stopPropagation()}\n            className={cn(rowClass, clickable && clickableClass, className)}\n            data-testid=\"user-entity-pill\"\n          >\n            {row}\n          </TooltipTrigger>\n          <TooltipContent className=\"p-2\">{resolvedTooltip}</TooltipContent>\n        </Tooltip>\n      )\n    }\n\n    if (clickable) {\n      return (\n        <button\n          type=\"button\"\n          onClick={onClick}\n          className={cn(rowClass, clickableClass, className)}\n          data-testid=\"user-entity-pill\"\n        >\n          {row}\n        </button>\n      )\n    }\n\n    return (\n      <span className={cn(rowClass, className)} data-testid=\"user-entity-pill\">\n        {row}\n      </span>\n    )\n  }\n\n  // Icon variant - always non-interactive, just show avatar with optional tooltip\n  // Note: avoid asChild here \u2014 Radix ref merging with Avatar's internal refs causes infinite loops\n  if (showTooltip) {\n    return (\n      <Tooltip>\n        <TooltipTrigger\n          onFocusCapture={(e) => e.stopPropagation()}\n          className=\"touch-hit inline-flex\"\n        >\n          {avatarElement}\n        </TooltipTrigger>\n        <TooltipContent className=\"p-2\">{tooltipContent}</TooltipContent>\n      </Tooltip>\n    )\n  }\n\n  return avatarElement\n})\n"],
+  "mappings": "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",
+  "names": ["UserEntity"]
+}

package/dist/entities/VerifiedBadge.js

@@ -0,0 +1,19 @@
+import { jsx } from "react/jsx-runtime";
+import { BadgeCheck } from "lucide-react";
+import { cn } from "../lib/utils.js";
+function VerifiedBadge({ className, label = "Identity verified" }) {
+  return /* @__PURE__ */ jsx(
+    BadgeCheck,
+    {
+      role: "img",
+      "aria-label": label,
+      "data-testid": "verified-badge",
+      className: cn("h-3.5 w-3.5 shrink-0 text-sky-500", className),
+      children: /* @__PURE__ */ jsx("title", { children: label })
+    }
+  );
+}
+export {
+  VerifiedBadge
+};
+//# sourceMappingURL=VerifiedBadge.js.map

package/dist/entities/VerifiedBadge.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/entities/VerifiedBadge.tsx"],
+  "sourcesContent": ["import { BadgeCheck } from 'lucide-react'\nimport { cn } from '../lib/utils'\n\nexport interface VerifiedBadgeProps {\n  className?: string\n  /** Accessible name and hover text; default \"Identity verified\". */\n  label?: string\n}\n\n/** The verified tick: the user passed an ID check under the name shown. */\nexport function VerifiedBadge({ className, label = 'Identity verified' }: VerifiedBadgeProps) {\n  return (\n    <BadgeCheck\n      role=\"img\"\n      aria-label={label}\n      data-testid=\"verified-badge\"\n      className={cn('h-3.5 w-3.5 shrink-0 text-sky-500', className)}\n    >\n      <title>{label}</title>\n    </BadgeCheck>\n  )\n}\n"],
+  "mappings": "AAkBM;AAlBN,SAAS,kBAAkB;AAC3B,SAAS,UAAU;AASZ,SAAS,cAAc,EAAE,WAAW,QAAQ,oBAAoB,GAAuB;AAC5F,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAY;AAAA,MACZ,eAAY;AAAA,MACZ,WAAW,GAAG,qCAAqC,SAAS;AAAA,MAE5D,8BAAC,WAAO,iBAAM;AAAA;AAAA,EAChB;AAEJ;",
+  "names": []
+}

package/dist/entities/agent-avatar-colors.js

@@ -0,0 +1,26 @@
+const BG_TO_COLOR = {
+  "bg-emerald-700": "#047857",
+  "bg-blue-700": "#1d4ed8",
+  "bg-purple-700": "#7e22ce",
+  "bg-amber-700": "#b45309",
+  "bg-rose-700": "#be123c",
+  "bg-red-700": "#b91c1c",
+  "bg-indigo-700": "#4338ca",
+  "bg-teal-700": "#0f766e",
+  "bg-cyan-700": "#0e7490",
+  "bg-sky-700": "#0369a1",
+  "bg-lime-700": "#4d7c0f",
+  "bg-orange-700": "#c2410c",
+  "bg-pink-700": "#be185d",
+  "bg-violet-700": "#6d28d9",
+  "bg-fuchsia-700": "#a21caf",
+  "bg-yellow-700": "#a16207"
+};
+function agentAvatarColors(bgColorClass) {
+  const color = BG_TO_COLOR[bgColorClass] || "#047857";
+  return { borderColor: color, color };
+}
+export {
+  agentAvatarColors
+};
+//# sourceMappingURL=agent-avatar-colors.js.map

package/dist/entities/agent-avatar-colors.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/entities/agent-avatar-colors.ts"],
+  "sourcesContent": ["import type { CSSProperties } from 'react'\n\n/**\n * Map from Tailwind bg-color class to the actual CSS color value.\n * Used to style agent avatars as outlined (ring) shapes with matching border + text color.\n */\nconst BG_TO_COLOR: Record<string, string> = {\n  'bg-emerald-700': '#047857',\n  'bg-blue-700': '#1d4ed8',\n  'bg-purple-700': '#7e22ce',\n  'bg-amber-700': '#b45309',\n  'bg-rose-700': '#be123c',\n  'bg-red-700': '#b91c1c',\n  'bg-indigo-700': '#4338ca',\n  'bg-teal-700': '#0f766e',\n  'bg-cyan-700': '#0e7490',\n  'bg-sky-700': '#0369a1',\n  'bg-lime-700': '#4d7c0f',\n  'bg-orange-700': '#c2410c',\n  'bg-pink-700': '#be185d',\n  'bg-violet-700': '#6d28d9',\n  'bg-fuchsia-700': '#a21caf',\n  'bg-yellow-700': '#a16207',\n}\n\n/**\n * Returns inline styles for agent avatar border and text color,\n * matching the user's assigned bg color class.\n */\nexport function agentAvatarColors(bgColorClass: string): CSSProperties {\n  const color = BG_TO_COLOR[bgColorClass] || '#047857'\n  return { borderColor: color, color }\n}\n"],
+  "mappings": "AAMA,MAAM,cAAsC;AAAA,EAC1C,kBAAkB;AAAA,EAClB,eAAe;AAAA,EACf,iBAAiB;AAAA,EACjB,gBAAgB;AAAA,EAChB,eAAe;AAAA,EACf,cAAc;AAAA,EACd,iBAAiB;AAAA,EACjB,eAAe;AAAA,EACf,eAAe;AAAA,EACf,cAAc;AAAA,EACd,eAAe;AAAA,EACf,iBAAiB;AAAA,EACjB,eAAe;AAAA,EACf,iBAAiB;AAAA,EACjB,kBAAkB;AAAA,EAClB,iBAAiB;AACnB;AAMO,SAAS,kBAAkB,cAAqC;AACrE,QAAM,QAAQ,YAAY,YAAY,KAAK;AAC3C,SAAO,EAAE,aAAa,OAAO,MAAM;AACrC;",
+  "names": []
+}