@arbidocs/react 0.3.184 → 0.4.0

package/dist/ui/index.d.ts

@@ -1,11 +1,12 @@
 import { ClassValue } from 'clsx';
 import * as React$1 from 'react';
-import React__default from 'react';
+import React__default, { HTMLAttributes, ReactNode, Ref, ComponentType } from 'react';
 import * as AvatarPrimitive from '@radix-ui/react-avatar';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import { VariantProps } from 'class-variance-authority';
 import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
-import { LucideIcon } from 'lucide-react';
+import * as lucide_react from 'lucide-react';
+import { LucideIcon, StickyNote } from 'lucide-react';
 import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
 import * as DialogPrimitive from '@radix-ui/react-dialog';
 import { DialogProps } from '@radix-ui/react-dialog';
@@ -59,6 +60,8 @@ declare function TooltipTrigger({ asChild, children, ...props }: TooltipTriggerP
 interface TooltipContentProps extends React$1.HTMLAttributes<HTMLDivElement> {
     side?: Side;
     sideOffset?: number;
+    /** Minimum gap, in px, kept between the tip and the viewport edges. Default 8. */
+    collisionPadding?: number;
 }
 declare const TooltipContent: React$1.ForwardRefExoticComponent<TooltipContentProps & React$1.RefAttributes<HTMLDivElement>>;
 
@@ -247,8 +250,17 @@ declare const DialogTrigger: React$1.ForwardRefExoticComponent<DialogPrimitive.D
 declare const DialogPortal: React$1.FC<DialogPrimitive.DialogPortalProps>;
 declare const DialogClose: React$1.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React$1.RefAttributes<HTMLButtonElement>>;
 declare const DialogOverlay: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+/**
+ * Where the dialog sits on a PHONE (< 640px). Wider screens always get a centred dialog.
+ *  - `center`: centred box with a 1rem margin (small prompts and confirmations).
+ *  - `sheet`: bottom sheet, full width, rounded top corners (forms and pickers).
+ *  - `full`: full-height sheet that stops below the status bar (large editors, wizards).
+ */
+type DialogPresentation = 'center' | 'sheet' | 'full';
 declare const DialogContent: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
     hideCloseButton?: boolean;
+    /** Phone presentation (see {@link DialogPresentation}). Defaults to `center`. */
+    presentation?: DialogPresentation;
 } & React$1.RefAttributes<HTMLDivElement>>;
 declare const DialogHeader: {
     ({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): React$1.JSX.Element;
@@ -268,6 +280,51 @@ declare const PopoverContent: React$1.ForwardRefExoticComponent<Omit<PopoverPrim
     container?: HTMLElement | null;
 } & React$1.RefAttributes<HTMLDivElement>>;
 
+/** One row of a mark's menu. Give it `onSelect`, or an `href` for a real link row. */
+interface MarkMenuItem {
+    id: string;
+    label: string;
+    /** Runs when the row is chosen; the menu closes afterwards. */
+    onSelect?: () => void;
+    /** Renders the row as a link (no `onSelect` needed). */
+    href?: string;
+    /** The headline action: listed first, set a little larger, and run by a plain mouse click. */
+    primary?: boolean;
+    destructive?: boolean;
+    testId?: string;
+}
+interface MarkMenuProps extends Omit<HTMLAttributes<HTMLElement>, 'children' | 'onClick'> {
+    /** The element the mark itself is: a real link or an inline span. */
+    as?: 'a' | 'span';
+    href?: string;
+    /** Rows of the menu. The `primary` one (else the first) is the mark's default action. */
+    items: MarkMenuItem[];
+    /** Optional read-only content above the rows (a quoted passage, a note, a label name). */
+    preview?: ReactNode;
+    /** Accessible name of the menu. */
+    menuLabel: string;
+    /** A plain mouse click runs the primary row (default). Touch and keyboard always open the menu. */
+    shouldClickRunPrimary?: boolean;
+    /** Hover delay before the menu opens (ms). */
+    openDelay?: number;
+    closeDelay?: number;
+    testId?: string;
+    menuTestId?: string;
+    /** The mark element, for hosts that move focus back to it. */
+    triggerRef?: Ref<HTMLElement>;
+    children: ReactNode;
+}
+/**
+ * The ONE contextual menu of every inline mark (link, bookmark, citation, label, note).
+ *
+ * The mark stays quiet text. A compact popover opens on hover (short delay) and on keyboard focus;
+ * on touch a tap opens it instead of acting, so the primary row is one deliberate tap away. A
+ * plain mouse click runs the primary action, so existing click behaviour is unchanged.
+ * Keyboard: Enter/Space/ArrowDown open it and move into it, arrows move, Escape closes and
+ * returns focus to the mark. Rows are 44px high on coarse pointers.
+ */
+declare function MarkMenu({ as, href, items, preview, menuLabel, shouldClickRunPrimary, openDelay, closeDelay, testId, menuTestId, triggerRef: externalRef, className, children, onPointerDown, onPointerEnter, onPointerLeave, onFocus, onBlur, onKeyDown, ...rest }: MarkMenuProps): React$1.JSX.Element;
+
 declare const DropdownMenu: React$1.FC<DropdownMenuPrimitive.DropdownMenuProps>;
 declare const DropdownMenuTrigger: React$1.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
 declare const DropdownMenuGroup: React$1.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuGroupProps & React$1.RefAttributes<HTMLDivElement>>;
@@ -438,6 +495,824 @@ declare function AiMarkdown({ children, className, isStreaming, }: {
  */
 declare const markdownBaseComponents: Partial<Components>;
 
+/**
+ * PassageCard — the card ("bubble") a single retrieved passage is rendered as.
+ *
+ * One presentation shared by every surface that lists retrieval hits: the
+ * <SemanticSearch> block here and the ARBI-frontend monolith's SmartSearch
+ * results. Those had drifted into two different looks for the same object; this
+ * is the single one.
+ *
+ * The card owns the chrome only — the rounded border, the AI-accent hover /
+ * focus / selected states, the header row and the relevance dot. What goes in
+ * the header and how the snippet itself is rendered stays with the caller,
+ * because those genuinely differ: the block shows a plain-text excerpt in a
+ * narrow sidebar, the monolith renders markdown with a show-more toggle.
+ *
+ * Theming is semantic tokens only (shadcn + the AI-accent contract).
+ */
+
+/**
+ * A dot conveying relevance — green (high) / amber (mid) / muted (low).
+ *
+ * The band is shown, the raw number is not: scores are not on a normalized 0-1
+ * scale across search modes (BM25 keyword scores can exceed 1), so a printed
+ * figure invites a comparison it cannot support. The value is kept in the
+ * tooltip for anyone debugging a ranking.
+ */
+declare function RelevanceDot({ score }: {
+    score?: number | null;
+}): React__default.JSX.Element | null;
+interface PassageCardProps {
+    /** Left of the header row — the source affordance (document pill, page label). */
+    header: React__default.ReactNode;
+    /** Relevance score for the dot. Omit to hide it. */
+    score?: number | null;
+    /** Extra affordance pinned right of the dot (e.g. a hover-revealed open icon). */
+    headerRight?: React__default.ReactNode;
+    /** Marks the card as the currently open passage. */
+    active?: boolean;
+    onClick?: (e: React__default.MouseEvent) => void;
+    /** Rendered under the snippet, outside the click target's typography. */
+    footer?: React__default.ReactNode;
+    className?: string;
+    children: React__default.ReactNode;
+    'data-testid'?: string;
+}
+declare function PassageCard({ header, score, headerRight, active, onClick, footer, className, children, 'data-testid': testId, }: PassageCardProps): React__default.JSX.Element;
+
+/**
+ * EntityPill Component
+ *
+ * Base component for pill-style entity displays. Provides consistent styling and
+ * interaction patterns. Promoted verbatim from the ARBI app (import paths only
+ * changed to resolve within the SDK).
+ *
+ * Pattern: [Icon] [Label] [Optional: secondary text] [MoreVertical when interactive]
+ */
+
+interface EntityPillProps {
+    /** The icon element (Avatar, ShieldIcon, FileIcon, etc.) */
+    icon: React__default.ReactNode;
+    /** Primary label text */
+    label: string;
+    /** Optional secondary text (e.g., page notation "p.1") */
+    secondaryText?: React__default.ReactNode;
+    /** Size variant: 'sm' for compact, 'base' for tab headers */
+    size?: 'sm' | 'base';
+    /** Shape variant: 'pill' for rounded-full, 'rounded' for rounded-md */
+    shape?: 'pill' | 'rounded';
+    /** Additional CSS classes */
+    className?: string;
+    /** Max width for label truncation */
+    labelMaxWidth?: string;
+    /** Extra classes on the label text (e.g. a heavier weight on a card face). */
+    labelClassName?: string;
+    /** When true, the pill fills its container width (`flex w-full`) and the main
+     *  area flexes + truncates so the trailing control (⋯ menu) pins to the right
+     *  edge — used by the documents table's Document column. Default: shrink-to-fit. */
+    fullWidth?: boolean;
+    /** When true, render the pill with the active/"viewing" highlight — a solid
+     *  dark-navy background with light text, applied LAST so it wins over both the
+     *  default background and the interactive hover. */
+    highlight?: boolean;
+    /** Click handler for main area (icon + label) - primary action */
+    onClick?: (e: React__default.MouseEvent) => void;
+    /** Click handler for icon only — when set, only the icon is clickable (not the label) */
+    onIconClick?: (e: React__default.MouseEvent) => void;
+    /** Click handler for MoreVertical - opens popover/menu. When provided, shows MoreVertical icon */
+    onMoreClick?: (e: React__default.MouseEvent) => void;
+    /** Custom trailing element (e.g. a ⋯ dropdown menu). Rendered in the same
+     *  trailing zone as MoreVertical, but as-is — so it stays outside the pill's
+     *  primary click area. Takes precedence over `onMoreClick`. */
+    moreContent?: React__default.ReactNode;
+    /** Link URL - makes the main area an anchor tag */
+    href?: string;
+    /** Whether the pill is disabled */
+    disabled?: boolean;
+    /** Tooltip for main area (describes primary action, e.g., "View document") */
+    tooltipContent?: React__default.ReactNode;
+    /** Tooltip side placement */
+    tooltipSide?: 'top' | 'bottom' | 'left' | 'right';
+    /** Test ID for testing */
+    'data-testid'?: string;
+}
+declare const EntityPill: React__default.ForwardRefExoticComponent<EntityPillProps & React__default.RefAttributes<HTMLElement>>;
+
+/**
+ * DocumentEntity Component
+ *
+ * Displays a document as a compact entity pill with file-type icon and name.
+ * Promoted from the ARBI app and DECOUPLED from the app store/API: it renders
+ * purely from the `doc` prop and optional `onClick`/`onIconClick` callbacks.
+ */
+
+/** Minimal, decoupled document shape the pill needs. Structurally compatible
+ *  with the SDK's `DocResponse` (from `useDocuments`), but no dependency on it —
+ *  a consumer can pass any object with these fields. */
+interface DocumentLike {
+    file_name?: string | null;
+    folder?: string | null;
+    doc_metadata?: {
+        title?: string | null;
+    } | null;
+}
+/**
+ * The file-type glyph for a document, by extension.
+ *
+ * Exported because a document is recognisable by its icon before its name — any
+ * surface that lists documents (the entity pill here, the workspace home's
+ * Documents card) has to draw the same PDF/image/audio/video/email glyph, or
+ * the same file looks like two different things in two places.
+ */
+declare function getDocIcon(fileName?: string | null, iconSize?: number): React__default.ReactNode;
+interface DocumentEntityProps {
+    doc: DocumentLike;
+    /** Override the default file-type icon */
+    icon?: React__default.ReactNode;
+    /** Size variant — 'sm' (default) for inline/compact contexts, 'base' for a
+     *  larger pill (e.g. the documents grid's primary name column). */
+    size?: 'sm' | 'base';
+    /** Override default label max width */
+    labelMaxWidth?: string;
+    /** Extra classes on the label text (e.g. a heavier weight on a card face). */
+    labelClassName?: string;
+    /** Click handler for the whole pill */
+    onClick?: (e: React__default.MouseEvent) => void;
+    /** Click handler for the icon only */
+    onIconClick?: (e: React__default.MouseEvent) => void;
+    /** When true, the file-type icon is replaced by a pinned Eye — marks the
+     *  document that is currently open/being viewed. */
+    viewing?: boolean;
+    /** Small overlay pinned to the icon's corner (e.g. an "available offline" pip). */
+    iconBadge?: React__default.ReactNode;
+    /** Trailing control rendered outside the click area (e.g. a ⋯ actions menu). */
+    actions?: React__default.ReactNode;
+    /** When true, the pill fills the available width and the name truncates via
+     *  CSS so the trailing ⋯ menu pins to the right edge. */
+    fullWidth?: boolean;
+    /** Render the WHOLE title (skip the 30-char `clampLabel` string cut) while
+     *  keeping the normal content-width layout — for callers that want the full
+     *  name to show/wrap (via a `labelClassName`) without `fullWidth`'s w-full.
+     *  `fullWidth` already implies this. */
+    noClamp?: boolean;
+    /** Override the default folder/title hover tooltip. */
+    tooltipContent?: React__default.ReactNode;
+    className?: string;
+    /** Forwarded to the pill so a surface can address this document's chip. */
+    'data-testid'?: string;
+}
+declare function DocumentEntity({ doc, icon, size, labelMaxWidth, labelClassName, onClick, onIconClick, viewing, iconBadge, actions, tooltipContent, className, fullWidth, noClamp, 'data-testid': testId, }: DocumentEntityProps): React__default.JSX.Element;
+
+/**
+ * TagEntity Component
+ *
+ * Single source of truth for tag visual appearance, promoted from the ARBI app
+ * and DECOUPLED from the app store/API. It renders purely from the `tag` prop —
+ * the app-only bits (creator/updater lookup, visibility toggle, live doctag
+ * count from the query cache) are dropped; pass `doctagCount`/`shared` if you
+ * want them shown in the built-in tooltip, or inject a fully custom `tooltipContent`.
+ */
+
+/** Minimal, decoupled tag shape the pill needs. */
+interface TagLike {
+    external_id: string;
+    name: string;
+    /** Tag type discriminator — drives the icon and the tooltip's "Type" line. */
+    tag_type?: {
+        type: string;
+    } | null;
+    /** Optional explicit color; when omitted it's derived from `external_id`. */
+    color?: string;
+    /** Optional document count shown in the tooltip. */
+    doctag_count?: number | null;
+    /** Optional shared/private flag shown in the tooltip. */
+    shared?: boolean | null;
+}
+interface TagEntityProps {
+    tag: TagLike;
+    size?: 'sm' | 'md' | 'lg';
+    className?: string;
+    onClick?: (e: React__default.MouseEvent) => void;
+    /** Whether to show a tooltip (default: true) */
+    showTooltip?: boolean;
+    /** Injected tooltip override. When provided (and `showTooltip` is not false) it
+     *  replaces the built-in tooltip — used by the monolith to render its rich,
+     *  store-coupled tooltip (fresh count, creator/updater, visibility toggle). */
+    tooltipContent?: React__default.ReactNode;
+}
+declare function TagEntity({ tag, size, className, onClick, showTooltip, tooltipContent, }: TagEntityProps): React__default.JSX.Element;
+
+/**
+ * Tag-type presentation primitives — the brand-neutral icon and label maps that
+ * back the shared `TagEntity` pill. Kept in their own module (not the component
+ * file) so app-side wrappers can import them to build their own store-coupled
+ * tooltip content without pulling in a component, and so the component file stays
+ * fast-refresh friendly.
+ */
+
+/** Human-readable tag type names. */
+declare const TAG_TYPE_LABELS: Record<string, string>;
+/** Icon mapping for tag types. */
+declare const TAG_TYPE_ICONS: Record<string, typeof StickyNote>;
+/** Resolve the icon component for a tag type, with the `text` (NotebookPen) fallback.
+ * Annotations share the NotebookPen mark used by the AI Annotate bulk action, so
+ * the table column and the batch bar name the same thing the same way. */
+declare function getTagTypeIcon(type?: string | null): typeof StickyNote;
+/** Resolve the human-readable label for a tag type, falling back to the raw type. */
+declare function getTagTypeLabel(type?: string | null): string;
+
+/**
+ * ProjectEntity Component
+ *
+ * Fully-rounded pill for a "project" (a.k.a. a "matter" in some consumer apps).
+ * The viewer's relationship to the project drives a TINTED (soft-fill) colour
+ * so the kinds read at a glance without shouting:
+ *   - your paid project   → primary tint
+ *   - someone else's      → secondary tint
+ *   - your free project   → grey tint
+ * "Common" keeps the neutral muted pill.
+ *
+ * Promoted from the ARBI app and DECOUPLED: no store/stripe deps. The icon
+ * defaults to the `CreditCard` glyph and can be overridden via `icon`, and
+ * the display text via `label` (falls back to `name`) so consumers can relabel
+ * a "project" as a "matter", "case", etc.
+ */
+
+type ProjectRelation = 'mine' | 'other' | 'common';
+interface ProjectEntityProps {
+    name: string;
+    /** Display text override (defaults to `name`) — lets a consumer relabel. */
+    label?: string;
+    /** Icon override (defaults to the CreditCard glyph). */
+    icon?: React__default.ReactNode;
+    subscription?: string;
+    hasCollaborators?: boolean;
+    size?: 'sm' | 'base';
+    className?: string;
+    onClick?: (e: React__default.MouseEvent) => void;
+    /** Viewer's relationship to the project — drives the inverted pill colour. */
+    relation?: ProjectRelation;
+    /** Whether the given `subscription` should be treated as paid. When omitted,
+     *  it's inferred from the `subscription` value ('active' | 'past_due' | 'dev'). */
+    isPaid?: boolean;
+    /** Hover tooltip. */
+    tooltipContent?: React__default.ReactNode;
+}
+declare function ProjectEntity({ name, label, icon, subscription, hasCollaborators, size, className, onClick, relation, isPaid, tooltipContent, }: ProjectEntityProps): React__default.JSX.Element;
+
+/**
+ * UserEntity Component
+ *
+ * Single source of truth for the user pill/avatar visual, promoted from the ARBI
+ * app and DECOUPLED from the app store/API. It renders purely from injected,
+ * already-resolved props — the app-coupled bits (current user, WebSocket presence
+ * status, shared-workspace / agent-owner lookups) are resolved by the app adapter
+ * and passed in as `isMe` / `displayStatus` / `tooltipContent` / `onClick`.
+ *
+ * Variants:
+ * - pill: Avatar + name in a rounded container (default)
+ * - icon: Avatar circle with hover tooltip
+ *
+ * Status-dot colours use the semantic `--color-status-*` token contract (see the
+ * consuming app's @theme); they are seeded to the app's prior palette so the dots
+ * stay pixel-identical.
+ */
+
+/** Presence display status - WebSocket states plus 'hidden' for when status is intentionally not shown */
+type PresenceDisplayStatus = 'connected' | 'connecting' | 'disconnected' | 'error' | 'hidden';
+interface UserEntityProps {
+    size?: 'xs' | 'sm' | 'md' | 'lg';
+    variant?: 'icon' | 'pill';
+    className?: string;
+    /** When true (default), shows tooltip on hover */
+    showTooltip?: boolean;
+    /** When true (default), clicking triggers the injected action. Set false to disable interaction. */
+    interactive?: boolean;
+    /** When true, shows a blue unread indicator on the chat icon */
+    hasUnreadMessages?: boolean;
+    /** Two-letter initials shown in the avatar fallback (resolved by the app). */
+    initials?: string;
+    /** Display label — "You" for the current user, else the real name. */
+    displayName?: string;
+    /** Avatar image URL, if any. */
+    picture?: string | null;
+    /** Avatar background colour class for non-agents (e.g. 'bg-blue-500'). */
+    colorClass?: string;
+    /** Whether this user is an agent — drives the dashed ring + bot badge. */
+    isAgent?: boolean;
+    /** Inline border/text colour for agent avatars (from the app's agentAvatarColors). */
+    agentStyle?: React__default.CSSProperties;
+    /**
+     * Inline avatar colours for ANY user, not only agents — e.g. the deterministic
+     * tint the DM rows derive from the user id. Takes precedence over
+     * `agentStyle`, which predates it and is the same mechanism under a narrower
+     * name.
+     */
+    avatarStyle?: React__default.CSSProperties;
+    /** Whether this pill represents the current user — hides the chat icon and drives
+     *  which action `onClick` performs. */
+    isMe?: boolean;
+    /** Resolved presence dot state; undefined hides the dot. */
+    displayStatus?: PresenceDisplayStatus;
+    /** Resolved click handler (open settings for me, DM for others). */
+    onClick?: (e: React__default.MouseEvent) => void;
+    /** Injected rich tooltip content (built by the app adapter). */
+    tooltipContent?: React__default.ReactNode;
+    /** Render the empty "no user" avatar. */
+    empty?: boolean;
+}
+declare const UserEntity: React__default.NamedExoticComponent<UserEntityProps>;
+
+/**
+ * "AGENT" stamp for an `agt-` peer.
+ *
+ * `UserEntity` already marks agents with a dashed ring and a bot icon, but that
+ * is a detail you have to know to read. An agent is a different KIND of
+ * correspondent — it acts on someone's behalf, and what you send it may be
+ * acted on rather than read — so it also gets a label you cannot miss.
+ */
+declare function AgentBadge({ className }: {
+    className?: string;
+}): React$1.JSX.Element;
+/**
+ * Presence in words rather than a coloured dot alone.
+ *
+ * `status` is *resolved* by the app, exactly as {@link UserEntity} expects it,
+ * and `undefined` renders nothing at all. That default matters: a consumer that
+ * has not wired a WebSocket provider has no presence information, and labelling
+ * every one of its contacts "Offline" would be stating something we do not
+ * know. Whether absence of a signal means offline is a claim only the app can
+ * make, so the app makes it by resolving to `disconnected`.
+ */
+declare function PresenceLabel({ status, className, }: {
+    status?: PresenceDisplayStatus;
+    className?: string;
+}): React$1.JSX.Element | null;
+
+/** A status variant is an opaque string — its valid values are defined by the
+ *  injected Badge (or the default Badge's variants). */
+type StatusVariant = string;
+/** The shape a consumer's Badge must satisfy to be injected as the pill skin. */
+interface StatusBadgeProps {
+    variant?: StatusVariant;
+    className?: string;
+    children?: ReactNode;
+    'data-testid'?: string;
+}
+type StatusBadgeComponent = ComponentType<StatusBadgeProps>;
+/** Register a firm's status→variant vocabulary (merged in place), and optionally
+ *  its fallback variant + its own Badge skin. Mirrors `configureEntityRegistry`. */
+declare function configureStatusRegistry(map: Record<string, StatusVariant>, opts?: {
+    fallback?: StatusVariant;
+    Badge?: StatusBadgeComponent;
+}): void;
+/** Resolve a status string to its variant (falls back to the registered default). */
+declare function getStatusVariant(status: string): StatusVariant;
+interface StatusPillProps {
+    status: string;
+    label?: string;
+    /** Escape hatch: force a variant, skipping the registry. */
+    variant?: StatusVariant;
+    className?: string;
+    testId?: string;
+}
+/** A status chip whose look comes from the injected Badge + registered vocabulary. */
+declare function StatusPill({ status, label, variant, className, testId }: StatusPillProps): React$1.JSX.Element;
+type Rag = 'red' | 'amber' | 'green';
+/** Override the RAG label copy (defaults are seeded so consumers stay identical). */
+declare function configureRagLabels(labels: Partial<Record<Rag, string>>): void;
+/** A small RAG dot + optional label for dense tables. Semantic tokens only. */
+declare function RagDot({ rag, withLabel, className, }: {
+    rag: Rag;
+    withLabel?: boolean;
+    className?: string;
+}): React$1.JSX.Element;
+
+/** An icon component usable in the registry (lucide icons + custom SVG wrappers). */
+type EntityIconComponent = React__default.ComponentType<React__default.SVGAttributes<SVGElement> & {
+    size?: number | string;
+    className?: string;
+}>;
+/**
+ * Entity Mappings — naming conventions + icons for every entity in the app.
+ *
+ * `WORKSPACE.ICONS.DEFAULT` is the generic `SquareM` here; the monolith injects a
+ * rotated variant via {@link configureEntityRegistry}. The object is mutated in
+ * place by that helper, so existing `ENTITY_MAPPINGS` references stay live.
+ */
+declare const ENTITY_MAPPINGS: {
+    PRODUCT: {
+        NAMES: {
+            SINGULAR: string;
+        };
+        ICONS: {
+            DEFAULT: React__default.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React__default.RefAttributes<SVGSVGElement>>;
+        };
+    };
+    SECTION: {
+        NAMES: {
+            SINGULAR: string;
+        };
+        ICONS: {
+            DEFAULT: React__default.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React__default.RefAttributes<SVGSVGElement>>;
+        };
+    };
+    WORKSPACE: {
+        NAMES: {
+            SINGULAR: string;
+            PLURAL: string;
+        };
+        ICONS: {
+            DEFAULT: React__default.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React__default.RefAttributes<SVGSVGElement>>;
+            NEW: React__default.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React__default.RefAttributes<SVGSVGElement>>;
+            LIST: React__default.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React__default.RefAttributes<SVGSVGElement>>;
+            SETTINGS: React__default.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React__default.RefAttributes<SVGSVGElement>>;
+        };
+    };
+    CONVERSATION: {
+        NAMES: {
+            SINGULAR: string;
+            PLURAL: string;
+            NEW: string;
+        };
+        ICONS: {
+            DEFAULT: React__default.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React__default.RefAttributes<SVGSVGElement>>;
+            OFF: React__default.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React__default.RefAttributes<SVGSVGElement>>;
+            ACTIVE: React__default.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React__default.RefAttributes<SVGSVGElement>>;
+            NEW: React__default.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React__default.RefAttributes<SVGSVGElement>>;
+            LIST: React__default.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React__default.RefAttributes<SVGSVGElement>>;
+        };
+    };
+    DOCUMENT: {
+        NAMES: {
+            SINGULAR: string;
+            PLURAL: string;
+        };
+        ICONS: {
+            DEFAULT: React__default.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React__default.RefAttributes<SVGSVGElement>>;
+            OFF: React__default.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React__default.RefAttributes<SVGSVGElement>>;
+        };
+    };
+    VIEWER: {
+        NAMES: {
+            SINGULAR: string;
+            PLURAL: string;
+        };
+        ICONS: {
+            DEFAULT: React__default.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React__default.RefAttributes<SVGSVGElement>>;
+            OFF: React__default.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React__default.RefAttributes<SVGSVGElement>>;
+        };
+    };
+    TAG: {
+        NAMES: {
+            SINGULAR: string;
+            PLURAL: string;
+        };
+        ICONS: {
+            DEFAULT: React__default.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React__default.RefAttributes<SVGSVGElement>>;
+            NEW: React__default.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React__default.RefAttributes<SVGSVGElement>>;
+        };
+    };
+    ANNOTATION: {
+        NAMES: {
+            SINGULAR: string;
+            PLURAL: string;
+        };
+        ICONS: {
+            DEFAULT: React__default.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React__default.RefAttributes<SVGSVGElement>>;
+            NEW: React__default.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React__default.RefAttributes<SVGSVGElement>>;
+        };
+    };
+    NOTE: {
+        NAMES: {
+            SINGULAR: string;
+            PLURAL: string;
+        };
+        ICONS: {
+            DEFAULT: React__default.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React__default.RefAttributes<SVGSVGElement>>;
+            NEW: React__default.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React__default.RefAttributes<SVGSVGElement>>;
+        };
+    };
+    USER: {
+        NAMES: {
+            SINGULAR: string;
+            PLURAL: string;
+        };
+        ICONS: {
+            DEFAULT: React__default.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React__default.RefAttributes<SVGSVGElement>>;
+            NEW: React__default.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React__default.RefAttributes<SVGSVGElement>>;
+            SETTINGS: React__default.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React__default.RefAttributes<SVGSVGElement>>;
+        };
+    };
+    WORKSPACEUSER: {
+        NAMES: {
+            SINGULAR: string;
+            PLURAL: string;
+        };
+        ICONS: {
+            DEFAULT: React__default.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React__default.RefAttributes<SVGSVGElement>>;
+            PLURAL: React__default.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React__default.RefAttributes<SVGSVGElement>>;
+            NEW: React__default.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React__default.RefAttributes<SVGSVGElement>>;
+            SETTINGS: React__default.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React__default.RefAttributes<SVGSVGElement>>;
+        };
+    };
+    CONTACT: {
+        NAMES: {
+            SINGULAR: string;
+            PLURAL: string;
+        };
+        ICONS: {
+            DEFAULT: React__default.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React__default.RefAttributes<SVGSVGElement>>;
+            NEW: React__default.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React__default.RefAttributes<SVGSVGElement>>;
+        };
+    };
+    TASK: {
+        NAMES: {
+            SINGULAR: string;
+            PLURAL: string;
+        };
+        ICONS: {
+            DEFAULT: React__default.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React__default.RefAttributes<SVGSVGElement>>;
+        };
+    };
+    PROJECT: {
+        NAMES: {
+            SINGULAR: string;
+            PLURAL: string;
+        };
+        ICONS: {
+            DEFAULT: React__default.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React__default.RefAttributes<SVGSVGElement>>;
+        };
+    };
+    SKILL: {
+        NAMES: {
+            SINGULAR: string;
+            PLURAL: string;
+        };
+        ICONS: {
+            DEFAULT: React__default.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React__default.RefAttributes<SVGSVGElement>>;
+        };
+    };
+    ACCOUNT: {
+        NAMES: {
+            SINGULAR: string;
+        };
+        ICONS: {
+            DEFAULT: React__default.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React__default.RefAttributes<SVGSVGElement>>;
+        };
+    };
+    NOTIFICATIONS: {
+        NAMES: {
+            SINGULAR: string;
+            PLURAL: string;
+        };
+        ICONS: {
+            DEFAULT: React__default.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React__default.RefAttributes<SVGSVGElement>>;
+        };
+    };
+    MESSAGE: {
+        NAMES: {
+            SINGULAR: string;
+            PLURAL: string;
+        };
+        ICONS: {
+            DEFAULT: React__default.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React__default.RefAttributes<SVGSVGElement>>;
+        };
+    };
+    NOTIFICATION: {
+        NAMES: {
+            SINGULAR: string;
+            PLURAL: string;
+        };
+        ICONS: {
+            DEFAULT: React__default.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React__default.RefAttributes<SVGSVGElement>>;
+        };
+    };
+    APP: {
+        NAMES: {
+            SINGULAR: string;
+            PLURAL: string;
+        };
+        ICONS: {
+            DEFAULT: React__default.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React__default.RefAttributes<SVGSVGElement>>;
+            HOME: React__default.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React__default.RefAttributes<SVGSVGElement>>;
+            LOGOUT: React__default.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React__default.RefAttributes<SVGSVGElement>>;
+            UPLOAD: React__default.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React__default.RefAttributes<SVGSVGElement>>;
+        };
+    };
+    HELP: {
+        NAMES: {
+            SINGULAR: string;
+            PLURAL: string;
+        };
+        ICONS: {
+            DEFAULT: React__default.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React__default.RefAttributes<SVGSVGElement>>;
+            DOCS: React__default.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React__default.RefAttributes<SVGSVGElement>>;
+            FAQ: React__default.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React__default.RefAttributes<SVGSVGElement>>;
+            ABOUT: React__default.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React__default.RefAttributes<SVGSVGElement>>;
+        };
+    };
+    USERSHIELD: {
+        NAMES: {
+            SINGULAR: string;
+            PLURAL: string;
+        };
+        ICONS: {
+            DEFAULT: React__default.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React__default.RefAttributes<SVGSVGElement>>;
+        };
+    };
+};
+/** The set of registered entity types. */
+type EntityType = keyof typeof ENTITY_MAPPINGS;
+/** Deployment override for a single entity: extra/replacement names and icons. */
+interface EntityRegistryOverride {
+    NAMES?: Record<string, string>;
+    ICONS?: Record<string, EntityIconComponent>;
+}
+/**
+ * Layer deployment-specific names/icons onto the canonical registry — call once
+ * at app startup. Merges in place (so live `ENTITY_MAPPINGS` refs pick it up) and
+ * only touches the keys you pass, e.g.:
+ *
+ * ```ts
+ * configureEntityRegistry({
+ *   WORKSPACE: { NAMES: { SINGULAR: 'MatterSpace' }, ICONS: { DEFAULT: RotatedSquareM } },
+ * })
+ * ```
+ */
+declare function configureEntityRegistry(overrides: Partial<Record<EntityType, EntityRegistryOverride>>): void;
+/**
+ * Resolve the icon component for an entity type + variant, falling back to the
+ * type's DEFAULT icon for unknown variants.
+ */
+declare const getEntityIcon: (entityType: EntityType, variant?: string) => EntityIconComponent | undefined;
+/**
+ * Display label for an entity type. `SINGULAR` (default); `PLURAL`/`SHORT`/`NEW`
+ * fall back to derivations of the singular when not explicitly configured.
+ */
+declare const getEntityLabel: (entityType: EntityType, form?: "SINGULAR" | "PLURAL" | "SHORT" | "NEW") => string;
+type EntityIconProps = {
+    entityType: EntityType;
+    variant?: string;
+    className?: string;
+    size?: number;
+    color?: string;
+    'data-testid'?: string;
+    onClick?: () => void;
+} & React__default.SVGAttributes<SVGElement>;
+/**
+ * Render an entity's icon — the recommended way to show entity glyphs so all
+ * icon choices stay centralised.
+ */
+declare const EntityIcon: ({ entityType, variant, ...props }: EntityIconProps) => React__default.ReactElement<React__default.SVGAttributes<SVGElement> & {
+    size?: number | string;
+    className?: string;
+}, string | React__default.JSXElementConstructor<any>> | null;
+/** Centralised icons for private/shared visibility states. */
+declare const VISIBILITY_ICONS: {
+    PRIVATE: React__default.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React__default.RefAttributes<SVGSVGElement>>;
+    SHARED: React__default.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React__default.RefAttributes<SVGSVGElement>>;
+};
+/** Render the private/shared visibility glyph. */
+declare const VisibilityIcon: ({ isShared, ...props }: {
+    isShared: boolean;
+    className?: string;
+    size?: number;
+    color?: string;
+    "data-testid"?: string;
+    onClick?: () => void;
+} & React__default.SVGAttributes<SVGElement>) => React__default.FunctionComponentElement<Omit<lucide_react.LucideProps, "ref"> & React__default.RefAttributes<SVGSVGElement>>;
+
+/**
+ * Entity colour system — the single source of truth for deriving a stable colour
+ * from an entity id (workspace/tag/doc badges) shared across every app.
+ *
+ * ONE base palette (16 colours, indexed by the hex char at position 5 of an
+ * entity id) + three opacity constants that shift every variant globally. Pure,
+ * framework-free: no React, no store, no app `@/` imports.
+ */
+/** Semantic placeholder colour for empty/pending states (gray-400). */
+declare const PLACEHOLDER_COLOR = "#9ca3af";
+/** Neutral gray for generic/unknown file types (slate-500). */
+declare const NEUTRAL_GRAY = "#64748b";
+/** Base palette — source of truth for all entity colours (hex char 0–f). */
+declare const BASE_COLORS: Record<string, string>;
+/**
+ * Deterministic colour for an entity id. The 5th char (index 4) of the id selects
+ * a base colour; the variant picks the opacity treatment.
+ */
+declare function getEntityColor(entityId: string, variant?: 'light' | 'medium' | 'text'): string;
+/** Full badge colour set for an entity id: light background + solid text + border. */
+declare function getEntityColorStyles(entityId: string): {
+    backgroundColor: string;
+    color: string;
+    borderColor: string;
+};
+/**
+ * Colour for a workspace id — the MEDIUM (solid) variant, for white text on top.
+ * Returns the `--primary` token when colours are disabled or the id is invalid,
+ * so callers always get a paintable value.
+ */
+declare const getWorkspaceColor: (workspaceId: string | undefined | null, useWorkspaceColors?: boolean) => string;
+
+interface UserMenuItem {
+    label: string;
+    icon?: ComponentType<{
+        className?: string;
+    }>;
+    onSelect: () => void;
+    testId?: string;
+    /** A count or short state on the right (e.g. the number of files processing). */
+    badge?: string | number;
+    /** A small unread dot on the icon (e.g. new messages). */
+    dot?: boolean;
+    /** Makes the row a labelled on/off switch (role menuitemcheckbox); selecting it flips the state. */
+    checked?: boolean;
+    /** Draw a divider above this row to start a new group. */
+    separatorBefore?: boolean;
+}
+/** Connection/presence state shown as a dot on the avatar and a line under the
+ *  email — the account menu is where "am I connected" belongs. */
+interface UserMenuStatus {
+    /** Short state word — "Connected", "Working offline". */
+    label: string;
+    tone: 'online' | 'busy' | 'offline';
+    /** Fine print under the label (e.g. the server domain). */
+    detail?: string;
+    testId?: string;
+}
+interface UserMenuProps {
+    user: {
+        name: string;
+        email?: string | null;
+        picture?: string | null;
+    };
+    /** Optional connection status: avatar dot + a line in the dropdown header. */
+    status?: UserMenuStatus;
+    /** Account actions above the sign-out divider (e.g. Settings). */
+    items?: UserMenuItem[];
+    onLogout: () => void;
+    logoutLabel?: string;
+    align?: 'start' | 'center' | 'end';
+    /** Which side of the trigger the menu opens on (a footer trigger opens upward or sideways). */
+    side?: 'top' | 'right' | 'bottom' | 'left';
+    /**
+     * `avatar` (default): avatar + chevron. `account`: a full-width account bar, avatar + display
+     * name + chevron, for a sidebar footer.
+     */
+    variant?: 'avatar' | 'account';
+    /** `avatar` only: draw the chevron (the icon-only rail hides it). */
+    showChevron?: boolean;
+    classNames?: {
+        trigger?: string;
+        fallback?: string;
+    };
+    testId?: string;
+    logoutTestId?: string;
+}
+declare function UserMenu({ user, status, items, onLogout, logoutLabel, align, side, variant, showChevron, classNames, testId, logoutTestId, }: UserMenuProps): React$1.JSX.Element;
+
+/**
+ * DocumentCard — the canonical document thumbnail tile.
+ *
+ * One tile, shared by every app: a full-bleed first-page thumbnail (falling back
+ * to the file-type icon) with the selection checkbox, the actions menu, the
+ * processing state and the document's name pill layered on top of it, rather
+ * than a thumbnail box with a separate meta strip beneath.
+ *
+ * Presentational only — it takes a thumbnail, a status and callbacks, and knows
+ * nothing about how documents are fetched. `DocumentGallery` binds it to data.
+ */
+
+interface DocumentCardProps {
+    /** The document — anything with a file name and optional metadata title. */
+    doc: DocumentLike;
+    /** First-page thumbnail (data URI or URL). Falls back to the file-type icon. */
+    thumbnailUrl?: string | null;
+    /** Processing status, e.g. `parsing` (overlay) or `completed` (corner marker). */
+    status?: string | null;
+    /** Renders the selection checkbox. Omit `onToggleSelect` to hide it entirely. */
+    selected?: boolean;
+    onToggleSelect?: () => void;
+    /** Pins the "eye" on the name pill — this is the document open in the viewer. */
+    viewing?: boolean;
+    onOpen?: () => void;
+    /** Actions menu, pinned to the tile's top-right corner. */
+    actions?: React__default.ReactNode;
+    /** Swaps the name pill for an inline rename field. */
+    renaming?: boolean;
+    onCommitRename?: (name: string) => void;
+    onCancelRename?: () => void;
+    /** Replaces the pill's default hover tooltip (e.g. an AI summary + labels). */
+    tooltipContent?: React__default.ReactNode;
+    /** Bottom-left marker slot (e.g. an "available offline" glyph). */
+    marker?: React__default.ReactNode;
+    testId?: string;
+    className?: string;
+}
+declare function DocumentCard({ doc, thumbnailUrl, status, selected, onToggleSelect, viewing, onOpen, actions, renaming, onCommitRename, onCancelRename, tooltipContent, marker, testId, className, }: DocumentCardProps): React__default.JSX.Element;
+
 /**
  * Core utility: `cn()` — merge class names with Tailwind-aware conflict
  * resolution (clsx + tailwind-merge). Copied faithfully from the ARBI app so the
@@ -446,4 +1321,4 @@ declare const markdownBaseComponents: Partial<Components>;
 
 declare function cn(...inputs: ClassValue[]): string;
 
-export { AiMarkdown, Avatar, AvatarFallback, AvatarImage, Badge, type BadgeProps, Button, type ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, type CardProps, CardTitle, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, type DictateContextValue, DictateProvider, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, HoverCard, HoverCardContent, HoverCardTrigger, IconToggle, type IconToggleProps, Input, type InputProps, Label, MarkdownRenderer, type MarkdownRendererProps, MarkdownStreamingContext, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Progress, RadioGroup, RadioGroupItem, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Slider, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, type TextareaProps, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, badgeVariants, buttonVariants, cardVariants, cn, markdownBaseComponents, splitMarkdownBlocks, toggleVariants };
+export { AgentBadge, AiMarkdown, Avatar, AvatarFallback, AvatarImage, BASE_COLORS, Badge, type BadgeProps, Button, type ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, type CardProps, CardTitle, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, type DialogPresentation, DialogTitle, DialogTrigger, type DictateContextValue, DictateProvider, DocumentCard, type DocumentCardProps, DocumentEntity, type DocumentEntityProps, type DocumentLike, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, ENTITY_MAPPINGS, EntityIcon, type EntityIconComponent, EntityPill, type EntityRegistryOverride, type EntityType, HoverCard, HoverCardContent, HoverCardTrigger, IconToggle, type IconToggleProps, Input, type InputProps, Label, MarkMenu, type MarkMenuItem, type MarkMenuProps, MarkdownRenderer, type MarkdownRendererProps, MarkdownStreamingContext, NEUTRAL_GRAY, PLACEHOLDER_COLOR, PassageCard, type PassageCardProps, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, type PresenceDisplayStatus, PresenceLabel, Progress, ProjectEntity, type ProjectEntityProps, type ProjectRelation, RadioGroup, RadioGroupItem, type Rag, RagDot, RelevanceDot, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Slider, type StatusBadgeComponent, type StatusBadgeProps, StatusPill, type StatusPillProps, type StatusVariant, Switch, TAG_TYPE_ICONS, TAG_TYPE_LABELS, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, TagEntity, type TagEntityProps, type TagLike, Textarea, type TextareaProps, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, UserEntity, type UserEntityProps, UserMenu, type UserMenuItem, type UserMenuProps, type UserMenuStatus, VISIBILITY_ICONS, VisibilityIcon, badgeVariants, buttonVariants, cardVariants, cn, configureEntityRegistry, configureRagLabels, configureStatusRegistry, getDocIcon, getEntityColor, getEntityColorStyles, getEntityIcon, getEntityLabel, getStatusVariant, getTagTypeIcon, getTagTypeLabel, getWorkspaceColor, markdownBaseComponents, splitMarkdownBlocks, toggleVariants };