@sequenceholdings/atlas-ui 0.1.3 → 0.1.5

package/dist/index.d.ts

@@ -5,8 +5,10 @@ import { ClassValue } from 'clsx';
 import { ColumnDef } from '@tanstack/react-table';
 import { ColumnFiltersState } from '@tanstack/react-table';
 import { Command as Command_2 } from 'cmdk';
+import { ComponentProps } from 'react';
 import * as ContextMenuPrimitive from '@radix-ui/react-context-menu';
 import { DayPicker } from 'react-day-picker';
+import { default as default_2 } from 'react';
 import * as DialogPrimitive from '@radix-ui/react-dialog';
 import { Dispatch } from 'react';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
@@ -18,6 +20,7 @@ import * as PopoverPrimitive from '@radix-ui/react-popover';
 import { QueryKey } from '@tanstack/react-query';
 import * as React_2 from 'react';
 import { ReactNode } from 'react';
+import * as RechartsPrimitive from 'recharts';
 import { Row } from '@tanstack/react-table';
 import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
 import * as SelectPrimitive from '@radix-ui/react-select';
@@ -36,62 +39,42 @@ import * as TooltipPrimitive from '@radix-ui/react-tooltip';
 import { UseMutationResult } from '@tanstack/react-query';
 import { VariantProps } from 'class-variance-authority';
 
-export declare function AckBadges({ ack1, ack2, currentUserId, requiredAcks, onAck, onUnack, disabled, disabledReason, className, }: AckBadgesProps): JSX.Element;
-
-export declare interface AckBadgesProps {
-    ack1?: AckUser;
-    ack2?: AckUser;
-    currentUserId: string;
-    requiredAcks: 1 | 2;
-    onAck?: () => void;
-    onUnack?: () => void;
-    disabled?: boolean;
-    disabledReason?: string;
-    className?: string;
-}
-
-export declare interface AckUser {
-    userId: string;
-    displayName: string;
-    at: string;
-}
-
 export declare const AGENT_TINTS: {
     readonly teal: {
-        readonly bg: "bg-teal-50";
-        readonly fg: "text-teal-700";
+        readonly bg: "bg-teal-50 dark:bg-teal-500/10";
+        readonly fg: "text-teal-700 dark:text-teal-300";
     };
     readonly violet: {
-        readonly bg: "bg-violet-50";
-        readonly fg: "text-violet-700";
+        readonly bg: "bg-violet-50 dark:bg-violet-500/10";
+        readonly fg: "text-violet-700 dark:text-violet-300";
     };
     readonly amber: {
-        readonly bg: "bg-amber-50";
-        readonly fg: "text-amber-700";
+        readonly bg: "bg-amber-50 dark:bg-amber-500/10";
+        readonly fg: "text-amber-700 dark:text-amber-300";
     };
     readonly rose: {
-        readonly bg: "bg-rose-50";
-        readonly fg: "text-rose-700";
+        readonly bg: "bg-rose-50 dark:bg-rose-500/10";
+        readonly fg: "text-rose-700 dark:text-rose-300";
     };
     readonly sky: {
-        readonly bg: "bg-sky-50";
-        readonly fg: "text-sky-700";
+        readonly bg: "bg-sky-50 dark:bg-sky-500/10";
+        readonly fg: "text-sky-700 dark:text-sky-300";
     };
     readonly emerald: {
-        readonly bg: "bg-emerald-50";
-        readonly fg: "text-emerald-700";
+        readonly bg: "bg-emerald-50 dark:bg-emerald-500/10";
+        readonly fg: "text-emerald-700 dark:text-emerald-300";
     };
     readonly orange: {
-        readonly bg: "bg-orange-50";
-        readonly fg: "text-orange-700";
+        readonly bg: "bg-orange-50 dark:bg-orange-500/10";
+        readonly fg: "text-orange-700 dark:text-orange-300";
     };
     readonly indigo: {
-        readonly bg: "bg-indigo-50";
-        readonly fg: "text-indigo-700";
+        readonly bg: "bg-indigo-50 dark:bg-indigo-500/10";
+        readonly fg: "text-indigo-700 dark:text-indigo-300";
     };
     readonly graphite: {
-        readonly bg: "bg-black-6";
-        readonly fg: "text-black-80";
+        readonly bg: "bg-muted";
+        readonly fg: "text-foreground";
     };
 };
 
@@ -103,7 +86,14 @@ export declare const AlertDialogAction: React_2.ForwardRefExoticComponent<Omit<A
 
 export declare const AlertDialogCancel: React_2.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogCancelProps & React_2.RefAttributes<HTMLButtonElement>, "ref"> & React_2.RefAttributes<HTMLButtonElement>>;
 
-export declare const AlertDialogContent: React_2.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogContentProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+export declare const AlertDialogContent: React_2.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogContentProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & {
+    /**
+     * Classes for the scrim behind the dialog. Pair with `className` when
+     * raising z-index — a lone `className="z-modal"` lifts only the panel and
+     * leaves the overlay at `z-50` (DES-315). Additive; defaults unchanged.
+     */
+    overlayClassName?: string;
+} & React_2.RefAttributes<HTMLDivElement>>;
 
 export declare const AlertDialogDescription: React_2.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogDescriptionProps & React_2.RefAttributes<HTMLParagraphElement>, "ref"> & React_2.RefAttributes<HTMLParagraphElement>>;
 
@@ -194,24 +184,113 @@ declare interface BadgeProps extends React_2.HTMLAttributes<HTMLSpanElement>, Va
 }
 
 export declare const badgeVariants: (props?: ({
-    variant?: "success" | "default" | "secondary" | "destructive" | "outline" | "ghost" | "alpha" | "beta" | null | undefined;
+    variant?: "default" | "success" | "secondary" | "neutral" | "destructive" | "outline" | "warning" | "info" | "danger" | "identity" | "ghost" | "alpha" | "beta" | null | undefined;
+    size?: "default" | "sm" | null | undefined;
 } & ClassProp) | undefined) => string;
 
-export declare function Breadcrumb({ ...props }: React_2.ComponentProps<"nav">): JSX.Element;
+export declare function Breadcrumb({ items, interactive, maxItems, variant, renderLink, ariaLabel, className, }: BreadcrumbProps): JSX.Element | null;
 
-export declare function BreadcrumbEllipsis({ className, ...props }: React_2.ComponentProps<"span">): JSX.Element;
+declare function Breadcrumb_2({ ...props }: React_2.ComponentProps<"nav">): JSX.Element;
 
-export declare function BreadcrumbItem({ className, ...props }: React_2.ComponentProps<"li">): JSX.Element;
+/**
+ * Breadcrumb — the app-facing, presentational breadcrumb.
+ *
+ * App-agnostic on purpose so it ships in the published `atlas-ui` package and
+ * artifacts can use it: it takes the full `items` trail as a prop and does NOT
+ * touch any app registry, router, or `next/navigation`. Navigation defaults to
+ * plain `<a href>`; inject `renderLink` (e.g. a SPA `Link`) for client routing,
+ * or mount `BreadcrumbLinkProvider` once to supply it to a whole subtree (the
+ * Atlas shell does this). For the app-root crumb, prepend `useAppRootCrumb()`
+ * (`@platform/hooks/useAppRootCrumb`).
+ *
+ * Depth drives the affordance (`variant='auto'`): 0 ancestors → nothing, 1 →
+ * back button, 2+ → breadcrumb. Long trails collapse into an ellipsis dropdown
+ * (`maxItems`); every crumb truncates with a tooltip; `loading` crumbs show a
+ * pulsing skeleton.
+ */
+export declare interface BreadcrumbCrumb {
+    label: React_2.ReactNode;
+    /** Navigation target for an ancestor crumb. Ignored on the last crumb (it
+     *  renders as the current page). Prefer `href`; use `onClick` for custom nav. */
+    href?: string;
+    onClick?: () => void;
+    /** Render a pulsing skeleton in place of the label while its value loads. */
+    loading?: boolean;
+}
+
+declare function BreadcrumbEllipsis({ className, ...props }: React_2.ComponentProps<"span">): JSX.Element;
 
-export declare function BreadcrumbLink({ asChild, className, ...props }: React_2.ComponentProps<"a"> & {
+declare function BreadcrumbItem({ className, ...props }: React_2.ComponentProps<"li">): JSX.Element;
+
+declare function BreadcrumbLink({ asChild, className, ...props }: React_2.ComponentProps<"a"> & {
     asChild?: boolean;
 }): JSX.Element;
 
-export declare function BreadcrumbList({ className, ...props }: React_2.ComponentProps<"ol">): JSX.Element;
+/**
+ * Supplies the router link that `Breadcrumb` uses for ancestor crumbs. Mount it
+ * once in the app shell with your SPA `Link` so every breadcrumb navigates
+ * client-side; without it (e.g. in a standalone artifact) breadcrumbs fall back
+ * to plain `<a href>`. A `renderLink` prop on an individual `Breadcrumb` still
+ * wins over this.
+ */
+export declare function BreadcrumbLinkProvider({ renderLink, children, }: {
+    renderLink: BreadcrumbLinkRenderer;
+    children: React_2.ReactNode;
+}): JSX.Element;
+
+/** Renders a navigable crumb. Default is a plain `<a href>`; a host injects its
+ *  router link (e.g. `<Link to={href}>`) so SPA nav works without coupling the
+ *  shared component to any router. */
+export declare type BreadcrumbLinkRenderer = (props: {
+    href: string;
+    onClick?: () => void;
+    className?: string;
+    children: React_2.ReactNode;
+}) => React_2.ReactElement;
+
+declare function BreadcrumbList({ className, ...props }: React_2.ComponentProps<"ol">): JSX.Element;
+
+declare function BreadcrumbPage({ className, ...props }: React_2.ComponentProps<"span">): JSX.Element;
+
+/**
+ * shadcn breadcrumb primitives, grouped under one namespace so the bare name
+ * `Breadcrumb` names the app-facing smart component (`./breadcrumb-nav`).
+ * Compose these directly only when building a bespoke trail; almost all code
+ * should use the smart `Breadcrumb` instead.
+ */
+export declare const BreadcrumbPrimitive: {
+    Root: typeof Breadcrumb_2;
+    List: typeof BreadcrumbList;
+    Item: typeof BreadcrumbItem;
+    Link: typeof BreadcrumbLink;
+    Page: typeof BreadcrumbPage;
+    Separator: typeof BreadcrumbSeparator;
+    Ellipsis: typeof BreadcrumbEllipsis;
+};
 
-export declare function BreadcrumbPage({ className, ...props }: React_2.ComponentProps<"span">): JSX.Element;
+export declare interface BreadcrumbProps {
+    /** The full trail; the last item renders as the current page. */
+    items: BreadcrumbCrumb[];
+    /** When false, ancestor crumbs render as static text (e.g. loading states). */
+    interactive?: boolean;
+    /** Collapse the middle of long trails to an ellipsis-dropdown once the count
+     *  exceeds this (clamped to >= 2 so the root + current page always show). */
+    maxItems?: number;
+    /**
+     * Which affordance to render. Defaults to `'auto'`, which picks by depth so
+     * callers never decide: **0 ancestors** → nothing; **1 ancestor** → a back
+     * button (a full breadcrumb is overkill one level deep); **2+ ancestors** →
+     * the breadcrumb trail. Force `'breadcrumb'` / `'back'` for a deliberate
+     * exception.
+     */
+    variant?: "auto" | "breadcrumb" | "back";
+    /** Injected router link. Defaults to a plain `<a href>`. */
+    renderLink?: BreadcrumbLinkRenderer;
+    ariaLabel?: string;
+    className?: string;
+}
 
-export declare function BreadcrumbSeparator({ children, className, ...props }: React_2.ComponentProps<"li">): JSX.Element;
+declare function BreadcrumbSeparator({ children, className, ...props }: React_2.ComponentProps<"li">): JSX.Element;
 
 /**
  * Generate heat-colored columns for time-period keys (dates, weeks, months).
@@ -242,12 +321,26 @@ export declare interface ButtonProps extends React_2.ButtonHTMLAttributes<HTMLBu
 }
 
 export declare const buttonVariants: (props?: ({
-    variant?: "link" | "default" | "secondary" | "destructive" | "outline" | "ghost" | null | undefined;
-    size?: "default" | "icon" | "sm" | "lg" | "xs" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
+    variant?: "default" | "link" | "secondary" | "destructive" | "outline" | "ghost" | "submit" | null | undefined;
+    size?: "default" | "sm" | "icon" | "lg" | "xs" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
 } & ClassProp) | undefined) => string;
 
 export declare function Calendar({ className, classNames, showOutsideDays, ...props }: React_2.ComponentProps<typeof DayPicker>): JSX.Element;
 
+export declare function CalendarGrid({ startHour, endHour, hourHeight, maxHeight, initialScrollHour, dayHeaders, children, loading, loadingText, }: CalendarGridProps): JSX.Element;
+
+export declare interface CalendarGridProps {
+    startHour?: number;
+    endHour?: number;
+    hourHeight?: number;
+    maxHeight?: number;
+    initialScrollHour?: number;
+    dayHeaders?: default_2.ReactNode[];
+    children: (dayIdx: number) => default_2.ReactNode;
+    loading?: boolean;
+    loadingText?: string;
+}
+
 /**
  * Card — the foundational surface for grouped content (dashboards,
  * metrics, forms, lists, detail pages).
@@ -266,11 +359,11 @@ export declare function Calendar({ className, classNames, showOutsideDays, ...pr
  *     Drop shadows on cards quickly compound against each other in
  *     dense dashboards (card-inside-card, kpi-tile-inside-card, etc.)
  *     and visually muddy the hierarchy.
- *   - Radius: `rounded-xl` via the design system — 12px at default
- *     scale; per-app themes can tighten/loosen via `--radius`.
+ *   - Radius: `rounded-surface` (DES-313) — the top-level-container
+ *     radius role. Cards own their radius; call sites never pass one.
  *
  * When a card genuinely needs elevation (modal/popover-adjacent lifts,
- * drag affordances), opt in explicitly with `shadow-sm` / `shadow-md`
+ * drag affordances), opt in explicitly with `shadow-resting`
  * at the call site rather than baking it into the base.
  */
 export declare const Card: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLDivElement> & React_2.RefAttributes<HTMLDivElement>>;
@@ -283,10 +376,51 @@ export declare const CardHeader: React_2.ForwardRefExoticComponent<React_2.HTMLA
 
 export declare const CardTitle: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLDivElement> & React_2.RefAttributes<HTMLDivElement>>;
 
-declare interface CellCoord {
-    rowId: string;
-    columnId: string;
-}
+export declare type ChartConfig = {
+    [key: string]: {
+        label?: React_2.ReactNode;
+        icon?: React_2.ComponentType;
+    } & ({
+        color?: string;
+        theme?: never;
+    } | {
+        color?: never;
+        theme: Record<keyof typeof THEMES, string>;
+    });
+};
+
+export declare function ChartContainer({ id, className, children, config, ...props }: React_2.ComponentProps<'div'> & {
+    config: ChartConfig;
+    children: React_2.ComponentProps<typeof RechartsPrimitive.ResponsiveContainer>['children'];
+}): JSX.Element;
+
+export declare const ChartLegend: typeof RechartsPrimitive.Legend;
+
+export declare function ChartLegendContent({ className, hideIcon, payload, verticalAlign, nameKey, }: {
+    className?: string;
+    hideIcon?: boolean;
+    payload?: LegendPayloadItem[];
+    verticalAlign?: 'top' | 'bottom';
+    nameKey?: string;
+}): JSX.Element | null;
+
+export declare const ChartTooltip: typeof RechartsPrimitive.Tooltip;
+
+export declare function ChartTooltipContent({ active, payload, className, indicator, hideLabel, hideIndicator, label, labelFormatter, labelClassName, formatter, color, nameKey, labelKey, }: {
+    active?: boolean;
+    payload?: TooltipPayloadItem[];
+    className?: string;
+    indicator?: 'line' | 'dot' | 'dashed';
+    hideLabel?: boolean;
+    hideIndicator?: boolean;
+    label?: React_2.ReactNode;
+    labelFormatter?: (value: React_2.ReactNode, payload: TooltipPayloadItem[]) => React_2.ReactNode;
+    labelClassName?: string;
+    formatter?: (value: number | string, name: string | number, item: TooltipPayloadItem, index: number, payloadItem: Record<string, unknown> | undefined) => React_2.ReactNode;
+    color?: string;
+    nameKey?: string;
+    labelKey?: string;
+}): JSX.Element | null;
 
 /**
  * Checkbox — matches shadcn's canonical 16×16 design:
@@ -337,10 +471,10 @@ export declare interface CheckboxOption<T extends string> {
 }
 
 declare const CHIP_TONES: {
-    readonly default: "border-black-10 bg-black-2 text-black-70";
-    readonly danger: "border-red-200 bg-red-50 text-red-700";
-    readonly warning: "border-amber-200 bg-amber-50 text-amber-700";
-    readonly success: "border-emerald-200 bg-emerald-50 text-emerald-700";
+    readonly default: "border-border bg-accent text-muted-foreground";
+    readonly danger: "border-red-200 bg-red-50 text-red-700 dark:border-red-500/30 dark:bg-red-500/15 dark:text-red-300";
+    readonly warning: "border-amber-200 bg-amber-50 text-amber-700 dark:border-amber-500/30 dark:bg-amber-500/15 dark:text-amber-300";
+    readonly success: "border-emerald-200 bg-emerald-50 text-emerald-700 dark:border-emerald-500/30 dark:bg-emerald-500/15 dark:text-emerald-300";
 };
 
 export declare const ChoiceCard: React_2.ForwardRefExoticComponent<ChoiceCardProps & React_2.RefAttributes<HTMLLabelElement>>;
@@ -472,6 +606,26 @@ declare interface ChoiceCardProps {
     className?: string;
 }
 
+export declare function CitationChip({ fileName, url, kind, resolved, className, }: CitationChipProps): JSX.Element;
+
+/**
+ * Inline citation chip — the rendered form of a resolved `[[cite:...]]` anchor.
+ * A `document` chip shows the source filename; a `web` chip shows the site (or
+ * host) and links out; an unresolved anchor renders a muted "source" pill so a
+ * fabricated/dropped citation is still visible rather than a raw token.
+ *
+ * The label truncates and reveals its full value on hover (via `TruncatedText`).
+ * When a `url` is present the chip is an anchor that opens in a new tab.
+ */
+export declare interface CitationChipProps {
+    fileName?: string | null;
+    url?: string | null;
+    kind?: 'web' | 'document';
+    /** False renders the muted unresolved state. Defaults to true. */
+    resolved?: boolean;
+    className?: string;
+}
+
 export declare function cn(...inputs: ClassValue[]): string;
 
 export declare const CodeBadge: React_2.ForwardRefExoticComponent<CodeBadgeProps & React_2.RefAttributes<HTMLSpanElement>>;
@@ -646,7 +800,7 @@ export declare function DashboardShell({ title, range, actions, children, classN
  * - Don't render a page subtitle (e.g. "N total") under the title — those
  *   belong in section headers or on the table itself.
  * - Don't nest a `<DashboardShell>` inside another scroll container.
- * - Title renders at 16px (`--font-size-md` / `text-base`).
+ * - Title renders at 16px (`text-base`).
  */
 declare interface DashboardShellProps {
     /** Page title — 16px, semibold. Usually a short noun ("Agents", "Schedules"). */
@@ -661,83 +815,6 @@ declare interface DashboardShellProps {
     bodyClassName?: string;
 }
 
-export declare function DataReviewTable<T extends {
-    id: string;
-    _version?: number;
-}>({ columns, data, selectedRows: controlledSelected, onSelectionChange, defaultSort, emptyMessage, className, maxHeight, highlightedRowIds, enableSorting, selectionDisabled, enableCellSelection, selectedCells: controlledCells, onCellSelectionChange, }: DataReviewTableProps<T>): JSX.Element;
-
-export declare interface DataReviewTableProps<T extends {
-    id: string;
-    _version?: number;
-}> {
-    columns: ColumnDef<T, unknown>[];
-    data: T[];
-    /**
-     * Controlled selection. When provided, the table reflects this value and
-     * fires `onSelectionChange` on user interaction without mutating internal
-     * state. When omitted, the table manages selection itself (uncontrolled
-     * mode) — useful when the caller only needs the callback or no callback
-     * at all. Mixing controlled/uncontrolled across renders is undefined
-     * behavior (standard React convention).
-     */
-    selectedRows?: string[];
-    onSelectionChange?: (rowIds: string[]) => void;
-    defaultSort?: SortingState;
-    emptyMessage?: string;
-    className?: string;
-    /**
-     * Height cap on the internal scroll container. Required for the virtualized
-     * path (rows >= VIRTUALIZATION_THRESHOLD) — without a bounded scroll
-     * element, `useVirtualizer` only sees the initial viewport and rows below
-     * the fold stay unreachable. Accepts any CSS length (`'70vh'`, `'600px'`,
-     * `'calc(100vh - 12rem)'`) or a pixel `number`. Default is `'70vh'`.
-     */
-    maxHeight?: string | number;
-    /**
-     * Row IDs to highlight with a transient amber background — typically used
-     * to flash rows that conflicted during a batch mutation so the user can
-     * see which rows changed underneath them. The caller owns the lifecycle
-     * (populate on conflict, clear on timer).
-     */
-    highlightedRowIds?: Set<string>;
-    /**
-     * When false, column headers do not respond to clicks and rows are
-     * rendered in `data` order. Use this when sorting is implemented server-
-     * side or when sorting a paginated subset would produce cross-page
-     * inconsistencies. Default `true` preserves the previous client-side
-     * sort behavior.
-     */
-    enableSorting?: boolean;
-    /**
-     * When true, the leading checkbox column is removed entirely AND any
-     * internal/uncontrolled selection state is dropped. Use this for
-     * read-only views (e.g. a LOCKED migration table) where ack actions
-     * are forbidden — without this prop the table would silently keep its
-     * own selection in uncontrolled mode even when the parent thinks
-     * selection is disabled, surfacing a checkbox column the user can
-     * tick but never act on.
-     */
-    selectionDisabled?: boolean;
-    /**
-     * When true, switches the table into Excel-grade cell selection mode.
-     * The leading checkbox column is NOT rendered and row-selection plumbing
-     * is disabled; users interact with individual cells instead. Supports
-     * click, shift-click (rectangular range), cmd/ctrl-click (additive),
-     * mouse drag, Escape to clear, and Cmd/Ctrl+A to select all visible
-     * cells. The caller can observe or drive selection via
-     * `selectedCells` / `onCellSelectionChange`.
-     */
-    enableCellSelection?: boolean;
-    /**
-     * Controlled cell selection. When provided, the table reflects this
-     * value and fires `onCellSelectionChange` on user interaction without
-     * mutating internal state. Only applies when `enableCellSelection` is
-     * true.
-     */
-    selectedCells?: CellCoord[];
-    onCellSelectionChange?: (cells: CellCoord[]) => void;
-}
-
 export declare function DataTable<T>({ columns, data, pageSize, defaultSort, emptyMessage, onRowClick, rowClassName, className, }: DataTableProps<T>): JSX.Element;
 
 declare interface DataTableProps<T> {
@@ -851,15 +928,6 @@ declare interface DateFieldSingleProps extends DateFieldCommonProps {
     onChange: (next: Date | null) => void;
 }
 
-export declare function DatePicker({ value, onChange, placeholder, className }: DatePickerProps): JSX.Element;
-
-declare interface DatePickerProps {
-    value: string | null;
-    onChange: (date: string | null) => void;
-    placeholder?: string;
-    className?: string;
-}
-
 export declare interface DateRange {
     from: Date;
     to: Date;
@@ -941,8 +1009,11 @@ export declare type DefaultTaskStatus = 'todo' | 'in_progress' | 'blocked' | 'do
  *     `aria-hidden` bookkeeping for nested layers.
  *   - Title renders at `text-base` (16px) semibold — NOT `text-lg`
  *     (which in Atlas's token scale is 26px / hero size).
- *   - Overlay is `bg-foreground/50` with a light backdrop blur.
- *   - Content rounds to `rounded-md` (10px, `--radius-md`).
+ *   - Overlay is `bg-overlay` with a light backdrop blur — a
+ *     mode-independent dark scrim, NOT an alpha of `--foreground`
+ *     (see `DialogOverlay`).
+ *   - Content rounds to `rounded-surface` (DES-313) — the top-level
+ *     container radius role shared with Card.
  */
 export declare const Dialog: React_2.FC<DialogPrimitive.DialogProps>;
 
@@ -973,6 +1044,12 @@ export declare const DialogContent: React_2.ForwardRefExoticComponent<Omit<Dialo
      * controlled `open` + an `onOpenChange` guard for full lockout.
      */
     showCloseButton?: boolean;
+    /**
+     * Classes for the scrim behind the dialog. Pair with `className` when
+     * raising z-index — a lone `className="z-modal"` lifts only the panel and
+     * leaves the overlay at `z-50` (DES-315). Additive; defaults unchanged.
+     */
+    overlayClassName?: string;
 } & React_2.RefAttributes<HTMLDivElement>>;
 
 export declare const DialogDescription: React_2.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React_2.RefAttributes<HTMLParagraphElement>, "ref"> & React_2.RefAttributes<HTMLParagraphElement>>;
@@ -997,25 +1074,6 @@ export declare const DialogTitle: React_2.ForwardRefExoticComponent<Omit<DialogP
 
 export declare const DialogTrigger: React_2.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React_2.RefAttributes<HTMLButtonElement>>;
 
-export declare function DiffCell({ before, after, editable, onChange, className, }: DiffCellProps): JSX.Element;
-
-export declare interface DiffCellProps {
-    before: string | number | null;
-    after: string | number | null;
-    editable?: boolean;
-    onChange?: (newValue: string) => void;
-    className?: string;
-}
-
-export declare function DotLabel({ color, children, bold, className }: DotLabelProps): JSX.Element;
-
-declare interface DotLabelProps {
-    color: string;
-    children: string;
-    bold?: boolean;
-    className?: string;
-}
-
 export declare const DropdownMenu: React_2.FC<DropdownMenuPrimitive.DropdownMenuProps>;
 
 export declare const DropdownMenuCheckboxItem: React_2.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuCheckboxItemProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
@@ -1264,6 +1322,15 @@ export declare interface EmptyStateProps {
     className?: string;
 }
 
+/**
+ * The canonical inline failure banner — one treatment for "this panel could not
+ * load", used across apps so a failure reads the same everywhere.
+ *
+ * The red hue is fixed on purpose: it carries meaning, not theme. What it does
+ * carry is a dark pair — the `-50`/`-200`/`-700` triplet is tuned for a white
+ * surface and goes near-illegible on a dark one, so `.dark` lifts the fill to a
+ * translucent step and lightens the ink. Light is byte-identical.
+ */
 export declare function ErrorState({ message, className }: ErrorStateProps): JSX.Element;
 
 declare interface ErrorStateProps {
@@ -1426,6 +1493,7 @@ export declare interface FileRejection {
     message: string;
 }
 
+/** @deprecated Use `MultiSelectOption` from `./multi-select`. */
 export declare interface FilterOption<T extends string> {
     value: T;
     label: string;
@@ -1455,8 +1523,14 @@ export declare function FilterPill({ label, options, selected, onChange }: Filte
  *
  *   - Height:        h-9 (36px)
  *   - Radius:        rounded-sm (8px, `--radius-sm`)
- *   - Border/bg:     `border bg-background` — `--input` color, white
- *                    surface — same palette as Select/Input
+ *   - Border/bg:     `border bg-card` — `--input` border, raised surface,
+ *                    same palette as Select/Input. NOT `background`: that is
+ *                    the PAGE role (ds-neutral-50 under v2, not white), which
+ *                    rendered the pill as a grey chip next to the white
+ *                    outline controls beside it. `Button variant="outline"`
+ *                    carries the same note and the same `dark:bg-input/30`
+ *                    lift, since in dark the resting fill matches the darkest
+ *                    surface and vanishes.
  *   - Padding:       px-3 py-1
  *   - Text:          text-base md:text-sm (14px on desktop)
  *   - Focus ring:    focus:ring-1 focus:ring-ring (keyboard-visible)
@@ -1483,6 +1557,13 @@ declare interface FilterPillProps {
 }
 
 /**
+ * @deprecated Do not use in new code, and migrate existing usages off it.
+ * `FilterSelect` is retired in favor of `MultiSelect` (searchable cmdk list,
+ * always-visible checkboxes, stacked trigger icons). It is still exported from
+ * `@sequenceholdings/atlas-ui` (deprecated) so remaining consumers keep
+ * compiling — remove only after the blast-radius scan is clean (FilterPill /
+ * DES-261 deprecate-before-delete pattern).
+ *
  * A compact multi-select filter for a table/list toolbar: a trigger with a count
  * chip when active, and a popover of swatch + label rows with a check on the
  * selected ones. Reusable for any short enum filter (status, health, type, …).
@@ -1493,6 +1574,7 @@ declare interface FilterPillProps {
  */
 export declare function FilterSelect<T extends string>({ label, options, selected, onChange, }: FilterSelectProps<T>): JSX.Element;
 
+/** @deprecated Use `MultiSelect` props instead. */
 export declare interface FilterSelectProps<T extends string> {
     label: string;
     options: FilterOption<T>[];
@@ -1571,7 +1653,7 @@ export declare interface FormDialogProps {
  * FormField does is still reachable as individual primitives. Use FormField
  * when you want the 90% case in one line.
  */
-export declare function FormField({ label, required, error, description, id: providedId, children, className, }: FormFieldProps): JSX.Element;
+export declare function FormField({ label, required, error, description, descriptionPlacement, id: providedId, children, className, }: FormFieldProps): JSX.Element;
 
 export declare interface FormFieldProps {
     /**
@@ -1593,11 +1675,19 @@ export declare interface FormFieldProps {
      */
     error?: string;
     /**
-     * Helper text rendered below the control in muted color (field hint,
-     * input format, etc). Hidden when `error` is set — the error message
-     * takes the same slot.
+     * Helper text rendered in muted color (field hint, input format, etc).
+     * Placement is controlled by {@link descriptionPlacement}. When placed
+     * `below` (default), an `error` takes the same slot and hides it.
      */
     description?: React_2.ReactNode;
+    /**
+     * Where the {@link description} sits relative to the control:
+     *   - `below` (default) — the classic helper-text slot beneath the control.
+     *   - `above` — a caption between the label and the control, for fields
+     *     where the description explains what to pick before you pick it
+     *     (e.g. a multi-select of capabilities). An `error` still renders below.
+     */
+    descriptionPlacement?: 'above' | 'below';
     /**
      * DOM id for the control. If omitted, `useId()` generates one so
      * `<label htmlFor>` and `aria-describedby` wire up automatically.
@@ -1633,7 +1723,7 @@ export declare function heatColor(value: number, min: number, max: number): stri
  * Pair with `buildPeriodColumns` and `buildTotalColumn` for time-series
  * data, or supply your own `ColumnDef` array for any tabular layout.
  */
-export declare function HeatmapTable<T>({ data, columns, pageSize, defaultSort, onRowClick, entityLabel, className, }: HeatmapTableProps<T>): JSX.Element;
+export declare function HeatmapTable<T>({ data, columns, pageSize, defaultSort, onRowClick, entityLabel, density, className, }: HeatmapTableProps<T>): JSX.Element;
 
 export declare interface HeatmapTableProps<T> {
     data: T[];
@@ -1643,6 +1733,8 @@ export declare interface HeatmapTableProps<T> {
     onRowClick?: (row: T) => void;
     /** Label used in pagination ("1–10 of 42 {entityLabel}") and empty state. */
     entityLabel?: string;
+    /** Tightens cell padding for dense, many-column matrices. */
+    density?: 'default' | 'compact' | 'dense';
     className?: string;
 }
 
@@ -1815,6 +1907,12 @@ declare interface LabelOwnProps {
     required?: boolean;
 }
 
+declare type LegendPayloadItem = {
+    value?: string | number;
+    dataKey?: string | number;
+    color?: string;
+};
+
 export declare function LineSparklineCell({ values, width, height, scaleMax, color, label, className, }: LineSparklineCellProps): JSX.Element;
 
 declare interface LineSparklineCellProps {
@@ -1844,7 +1942,7 @@ export declare interface MetricAreaChartPoint {
 
 export declare interface MetricAreaChartProps {
     points: MetricAreaChartPoint[];
-    /** Stroke / fill color for the area. Defaults to emerald. */
+    /** Stroke / fill color for the area. Defaults to the semantic "positive series" token. */
     color?: string;
     height?: number;
     /** `spark` = compact, axis-less (cards); `full` = axes + grid + tooltip. */
@@ -1922,7 +2020,7 @@ declare interface MultiSelectListProps extends MultiSelectCoreProps {
  *   - Checkbox (Radix) for per-row selection state.
  *
  * Visual contract for the trigger mirrors `SelectTrigger` (h-9, rounded-sm,
- * border + bg-background) so a toolbar of MultiSelect + Input + Select reads
+ * border + bg-field) so a toolbar of MultiSelect + Input + Select reads
  * as one coherent control row. Active state stacks up to `maxStackedIcons`
  * selected-row icons (with a generic silhouette for icon-less rows) and
  * shows "{count} {countLabel}" alongside.
@@ -2256,7 +2354,7 @@ declare interface ProColumnMetaSticky extends ProColumnMetaBase {
     grow?: never;
 }
 
-export declare function ProDataTable<T>({ columns, data, searchable, filters, toolbar, actions, footer, pageSize, disablePagination, resizableColumns, columnSizingStorageKey, defaultSort, manualPagination, rowCount, pageIndex, onPageChange, manualSorting, sorting: controlledSorting, onSortingChange, manualFiltering, columnFilters: controlledColumnFilters, onColumnFiltersChange, loading, emptyMessage, onRowClick, rowHref, rowClassName, minWidth, height, bordered, variant, ariaLabel, className, }: ProDataTableProps<T>): JSX.Element;
+export declare function ProDataTable<T>({ columns, data, selectable, getRowId, selectedRowIds, onSelectionChange, enableRowSelection, rowActions, getRowLabel, searchable, filters, toolbar, actions, footer, pageSize, disablePagination, resizableColumns, columnSizingStorageKey, defaultSort, manualPagination, rowCount, pageIndex, onPageChange, manualSorting, sorting: controlledSorting, onSortingChange, manualFiltering, columnFilters: controlledColumnFilters, onColumnFiltersChange, loading, emptyMessage, onRowClick, rowHref, rowClassName, minWidth, height, bordered, variant, ariaLabel, className, }: ProDataTableProps<T>): JSX.Element;
 
 /**
  * Native segmented filter for the toolbar (e.g. All / Groups / People). The
@@ -2295,6 +2393,40 @@ declare interface ProDataTablePaginationProps<T> {
 declare interface ProDataTableProps<T> {
     columns: ProColumnDef<T>[];
     data: T[];
+    /**
+     * Render a leading, left-pinned selection checkbox column (with a select-all
+     * header), backed by TanStack's row-selection model. The table owns the
+     * column and the state — pass `getRowId` for stable keys and read the result
+     * via `onSelectionChange`, or drive it with `selectedRowIds`. Prefer this
+     * over hand-rolling a checkbox column + selection `Set`.
+     */
+    selectable?: boolean;
+    /**
+     * Stable id per row. Strongly recommended with `selectable` — without it
+     * selection is keyed by row index and won't survive sort/filter/paging.
+     */
+    getRowId?: (row: T) => string;
+    /** Controlled selection (row ids). Omit for uncontrolled; read via `onSelectionChange`. */
+    selectedRowIds?: string[];
+    /** Called with the selected row ids whenever selection changes. */
+    onSelectionChange?: (ids: string[]) => void;
+    /** Gate which rows can be selected. Defaults to all rows selectable. */
+    enableRowSelection?: (row: T) => boolean;
+    /**
+     * Render a trailing, right-pinned overflow (⋯) menu, resolved per row. Return
+     * the actions for that row — an empty array (or all `hidden`) renders no
+     * button. Destructive actions automatically drop below a divider. Prefer this
+     * over hand-rolling an end-of-row action button + `DropdownMenu`.
+     */
+    rowActions?: (row: T) => RowAction[];
+    /**
+     * Human-readable per-row label for accessibility. When set, the injected
+     * selection checkbox and row-actions (⋯) trigger get row-specific aria-labels
+     * ("Select <label>" / "Actions for <label>") instead of generic repeated ones,
+     * so screen-reader users can tell which record they're acting on. Recommended
+     * whenever `selectable` or `rowActions` is used.
+     */
+    getRowLabel?: (row: T) => string;
     /**
      * Enable a client-side search input in the table header. Filters rows by
      * concatenating every cell's accessor value (default) or via a custom
@@ -2423,7 +2555,7 @@ declare interface ProDataTableProps<T> {
     bordered?: boolean;
     /**
      * `table` (default) renders column headers (sortable). `list` hides the
-     * header row for a clean borderless list — rows still carry the `black-6`
+     * header row for a clean borderless list — rows still carry the `border`
      * inset dividers. Use for identity lists (people / groups) where column
      * labels are noise. Sorting via header click isn't available in `list`;
      * pass `defaultSort` for a fixed order.
@@ -2452,13 +2584,30 @@ declare interface ProDataTableSearchable<T> {
     /**
      * Controlled (server-side) search. When `onChange` is provided the table
      * stops filtering client-side and hands the debounced query to the parent,
-     * which refetches — pair with `manualPagination`. `value` is the current
-     * query (keeps the input in sync if the parent resets it). Omit both for the
-     * default client-side filter over the loaded `data`.
+     * which refetches — pair with `manualPagination`. Omit both for the default
+     * client-side filter over the loaded `data`.
+     *
+     * Once `value` is provided it is the source of truth for the input:
+     * keystrokes show instantly, but as soon as the debounce emits, the field
+     * renders `value` again. So rejecting or rewriting the query in `onChange` is
+     * reflected in the box rather than leaving a stale private copy behind, and a
+     * `value` the parent changes on its own cancels any unsent keystroke.
+     *
+     * Set your state to the emitted value synchronously inside `onChange` — the
+     * normal controlled-input contract. A `value` that only catches up after a
+     * round-trip leaves the field showing the pre-emit query until it does, and
+     * anything typed while that update is in flight is dropped when it lands.
      */
     value?: string;
     onChange?: (value: string) => void;
-    /** Debounce before a controlled `onChange` fires, in ms. Default 300. */
+    /**
+     * Debounce before a controlled `onChange` fires, in ms. Default 300.
+     *
+     * `0` (or negative) means no debounce at all — `onChange` fires inline on the
+     * keystroke, with no timer. Use it for search that filters rows already in
+     * memory: a debounce only adds keystroke lag there, and emitting inline also
+     * means the field is never showing a query the parent has not been handed.
+     */
     debounceMs?: number;
 }
 
@@ -2487,32 +2636,6 @@ declare interface ProgressBarProps {
     className?: string;
 }
 
-export declare function ProgressCard({ title, description, total, counts, assignees, footer, onClick, locked, className, }: ProgressCardProps): JSX.Element;
-
-export declare interface ProgressCardAssignee {
-    id: string;
-    displayName: string;
-    avatarUrl?: string;
-}
-
-export declare interface ProgressCardCounts {
-    todo: number;
-    pending: number;
-    done: number;
-}
-
-export declare interface ProgressCardProps {
-    title: string;
-    description?: string;
-    total: number;
-    counts: ProgressCardCounts;
-    assignees?: ProgressCardAssignee[];
-    footer?: React_2.ReactNode;
-    onClick?: () => void;
-    locked?: boolean;
-    className?: string;
-}
-
 /**
  * A quiet live/refresh indicator: a small green dot (muted when paused) that
  * pulses subtly while a refresh is in flight, doubling as a manual-refresh
@@ -2560,6 +2683,23 @@ export declare interface RouteLoadingProps {
 
 export { Row }
 
+/**
+ * A single entry in a row's overflow (⋯) menu. The consumer resolves these
+ * per-row via `rowActions`, so `onSelect` closes over the row itself — no row
+ * argument needed here.
+ */
+declare interface RowAction {
+    label: React_2.ReactNode;
+    onSelect: () => void;
+    /** Optional leading icon (e.g. `<IconPencil />`). */
+    icon?: React_2.ReactNode;
+    /** Render below a divider with destructive styling (Delete, Remove, …). */
+    destructive?: boolean;
+    disabled?: boolean;
+    /** Omit this action for this row entirely. */
+    hidden?: boolean;
+}
+
 export declare function scoreBand(value: number): 'green' | 'amber' | 'red';
 
 export declare function ScoreBarCell({ value, className, }: {
@@ -2714,7 +2854,7 @@ export declare const SheetTitle: React_2.ForwardRefExoticComponent<Omit<DialogPr
 export declare const SheetTrigger: React_2.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React_2.RefAttributes<HTMLButtonElement>>;
 
 declare const sheetVariants: (props?: ({
-    side?: "left" | "right" | "bottom" | "top" | null | undefined;
+    side?: "bottom" | "left" | "right" | "top" | null | undefined;
 } & ClassProp) | undefined) => string;
 
 /**
@@ -2727,78 +2867,6 @@ export declare function showFieldInline({ show, hasValue, }: {
     hasValue: boolean;
 }): boolean;
 
-/**
- * SidebarNav — shared primitives for app-sidebar navigation.
- *
- * Two levels:
- *   - `SidebarNavItem` — the top-level row with icon + label (app entry)
- *   - `SidebarNavSubList` — the indented, rail-connected secondary nav
- *     rendered directly beneath a parent SidebarNavItem
- *
- * The pattern mirrors what Atlas's shell sidebar has been rendering
- * inline for a long time, but extracted here so every consumer
- * (Atlas, embedded MFEs, the design system gallery) gets the same
- * visual treatment and spacing rules for free.
- *
- * Spacing contract
- * ----------------
- * Parent item label x-position = `itemPaddingX + iconSize + iconGap`.
- * The sub-list is designed so its labels land at the SAME x-position
- * by default — with defaults of `itemPaddingX=8`, `iconSize=24`,
- * `iconGap=12` the sub-list labels indent by 44px. A rail sits at the
- * horizontal center of the parent icon (x = 8 + 24/2 = 20).
- *
- * If a consumer uses a different parent item geometry, pass
- * `labelIndent` / `railIndent` to match.
- */
-export declare interface SidebarNavSubItem {
-    id: string;
-    label: string;
-    /** Link href. Omit when using `onSelect` with a custom navigator. */
-    href?: string;
-    /** True for the currently-selected item — gets weight + color emphasis. */
-    active?: boolean;
-    /** Optional tail counter (e.g., "12"). Rendered right-aligned. */
-    count?: number | string;
-    /** Optional uppercase chip (e.g., "NEW", "BETA"). Rendered right-aligned. */
-    tag?: string;
-    /**
-     * Render as visible but non-interactive. Use for placeholder items that
-     * will become clickable later (feature gating, coming-soon, etc.).
-     */
-    parked?: boolean;
-}
-
-/**
- * Indented secondary navigation with a vertical connector rail. Renders
- * nothing when `items` is empty.
- */
-export declare function SidebarNavSubList({ items, onSelect, labelIndent, railIndent, className, ariaLabel, }: SidebarNavSubListProps): JSX.Element | null;
-
-export declare interface SidebarNavSubListProps {
-    items: SidebarNavSubItem[];
-    /**
-     * Called when the user activates an item (click, keyboard enter).
-     * Use this to route with your SPA router; if omitted, the `<a href>`
-     * does a full navigation. Parked items never fire this.
-     */
-    onSelect?: (item: SidebarNavSubItem, event: React_2.MouseEvent<HTMLAnchorElement>) => void;
-    /**
-     * Horizontal distance (px) from the list's left edge at which item
-     * labels begin. Should equal the parent item's label x-position so
-     * the two stacks visually line up. Default 44.
-     */
-    labelIndent?: number;
-    /**
-     * X-position (px) of the vertical connector rail. Usually the center
-     * of the parent item's icon. Default 20.
-     */
-    railIndent?: number;
-    className?: string;
-    /** Accessible name for the list (e.g., "Agent Builder pages"). */
-    ariaLabel?: string;
-}
-
 /**
  * SingleSelectList — the single-select sibling of `MultiSelectList`. Same
  * searchable cmdk body, pinned grouping, and icon column, but rows carry a
@@ -2876,74 +2944,74 @@ export declare const spinnerVariants: (props?: ({
 
 export declare const STATUS_TONES: {
     readonly healthy: {
-        readonly bg: "bg-emerald-50";
-        readonly fg: "text-emerald-700";
+        readonly bg: "bg-emerald-50 dark:bg-emerald-500/15";
+        readonly fg: "text-emerald-700 dark:text-emerald-300";
         readonly dot: "bg-emerald-500";
     };
     readonly active: {
-        readonly bg: "bg-emerald-50";
-        readonly fg: "text-emerald-700";
+        readonly bg: "bg-emerald-50 dark:bg-emerald-500/15";
+        readonly fg: "text-emerald-700 dark:text-emerald-300";
         readonly dot: "bg-emerald-500";
     };
     readonly completed: {
-        readonly bg: "bg-emerald-50";
-        readonly fg: "text-emerald-700";
+        readonly bg: "bg-emerald-50 dark:bg-emerald-500/15";
+        readonly fg: "text-emerald-700 dark:text-emerald-300";
         readonly dot: "bg-emerald-500";
     };
     readonly success: {
-        readonly bg: "bg-emerald-50";
-        readonly fg: "text-emerald-700";
+        readonly bg: "bg-emerald-50 dark:bg-emerald-500/15";
+        readonly fg: "text-emerald-700 dark:text-emerald-300";
         readonly dot: "bg-emerald-500";
     };
     readonly running: {
-        readonly bg: "bg-sky-50";
-        readonly fg: "text-sky-700";
+        readonly bg: "bg-sky-50 dark:bg-sky-500/15";
+        readonly fg: "text-sky-700 dark:text-sky-300";
         readonly dot: "bg-sky-500";
     };
     readonly info: {
-        readonly bg: "bg-sky-50";
-        readonly fg: "text-sky-700";
+        readonly bg: "bg-sky-50 dark:bg-sky-500/15";
+        readonly fg: "text-sky-700 dark:text-sky-300";
         readonly dot: "bg-sky-500";
     };
     readonly queued: {
-        readonly bg: "bg-sky-50";
-        readonly fg: "text-sky-700";
+        readonly bg: "bg-sky-50 dark:bg-sky-500/15";
+        readonly fg: "text-sky-700 dark:text-sky-300";
         readonly dot: "bg-sky-500";
     };
     readonly drift: {
-        readonly bg: "bg-amber-50";
-        readonly fg: "text-amber-700";
+        readonly bg: "bg-amber-50 dark:bg-amber-500/15";
+        readonly fg: "text-amber-700 dark:text-amber-300";
         readonly dot: "bg-amber-500";
     };
     readonly warn: {
-        readonly bg: "bg-amber-50";
-        readonly fg: "text-amber-700";
+        readonly bg: "bg-amber-50 dark:bg-amber-500/15";
+        readonly fg: "text-amber-700 dark:text-amber-300";
         readonly dot: "bg-amber-500";
     };
     readonly failing: {
-        readonly bg: "bg-rose-50";
-        readonly fg: "text-rose-700";
+        readonly bg: "bg-rose-50 dark:bg-rose-500/15";
+        readonly fg: "text-rose-700 dark:text-rose-300";
         readonly dot: "bg-rose-500";
     };
     readonly failed: {
-        readonly bg: "bg-rose-50";
-        readonly fg: "text-rose-700";
+        readonly bg: "bg-rose-50 dark:bg-rose-500/15";
+        readonly fg: "text-rose-700 dark:text-rose-300";
         readonly dot: "bg-rose-500";
     };
     readonly error: {
-        readonly bg: "bg-rose-50";
-        readonly fg: "text-rose-700";
+        readonly bg: "bg-rose-50 dark:bg-rose-500/15";
+        readonly fg: "text-rose-700 dark:text-rose-300";
         readonly dot: "bg-rose-500";
     };
     readonly paused: {
-        readonly bg: "bg-black-6";
-        readonly fg: "text-black-60";
-        readonly dot: "bg-black-30";
+        readonly bg: "bg-muted";
+        readonly fg: "text-muted-foreground";
+        readonly dot: "bg-muted-foreground";
     };
     readonly neutral: {
-        readonly bg: "bg-black-6";
-        readonly fg: "text-black-60";
-        readonly dot: "bg-black-30";
+        readonly bg: "bg-muted";
+        readonly fg: "text-muted-foreground";
+        readonly dot: "bg-muted-foreground";
     };
 };
 
@@ -2992,14 +3060,6 @@ export declare const TableHeader: React_2.ForwardRefExoticComponent<React_2.HTML
 
 export declare const TableRow: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLTableRowElement> & React_2.RefAttributes<HTMLTableRowElement>>;
 
-export declare function TabPage({ children, maxWidth, className }: TabPageProps): JSX.Element;
-
-declare interface TabPageProps {
-    children: ReactNode;
-    maxWidth?: 'md' | 'lg' | 'xl' | '2xl' | '4xl' | '6xl' | '7xl' | 'full';
-    className?: string;
-}
-
 export declare const Tabs: React_2.ForwardRefExoticComponent<TabsPrimitive.TabsProps & React_2.RefAttributes<HTMLDivElement>>;
 
 export declare const TabsContent: React_2.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
@@ -3493,6 +3553,22 @@ declare interface TextareaOwnProps {
 
 export declare type TextareaProps = React_2.ComponentProps<"textarea"> & TextareaOwnProps;
 
+/**
+ * shadcn/ui chart primitive (recharts-based).
+ *
+ * Provides a themeable container + tooltip/legend chrome so charts across
+ * Atlas share one styling contract instead of each app hand-rolling recharts
+ * markup. New charts should compose `ChartContainer` + a `ChartConfig` and let
+ * this primitive resolve colors from the `--chart-*` design tokens.
+ *
+ * Jarvis is migrating its bespoke recharts usage onto this primitive — prefer
+ * it over importing recharts directly in new code.
+ */
+declare const THEMES: {
+    readonly light: "";
+    readonly dark: ".dark";
+};
+
 export declare function tintForString(seed: string): AgentTint;
 
 export { toast }
@@ -3514,7 +3590,7 @@ export { toast }
  *      the same without re-specifying options at the call site.
  *   2. Binds Sonner's internal classes to Atlas design tokens via
  *      `toastOptions.classNames` — `bg-card`, `border-border`,
- *      `shadow-lg`, `rounded-md`, and the `--destructive` /
+ *      `shadow-popover`, `rounded-md`, and the `--destructive` /
  *      `--primary` / `--muted` pairs. Matches Dialog / Popover /
  *      DropdownMenu so all floating UI reads as one visual family.
  *   3. Uses `richColors` for the semantic variants
@@ -3602,6 +3678,15 @@ export declare const TooltipContent: React_2.ForwardRefExoticComponent<Omit<Tool
     container?: HTMLElement | null;
 } & React_2.RefAttributes<HTMLDivElement>>;
 
+declare type TooltipPayloadItem = {
+    name?: string | number;
+    dataKey?: string | number;
+    value?: number | string;
+    color?: string;
+    payload?: Record<string, unknown>;
+    fill?: string;
+};
+
 /**
  * Tooltip — contextual helper text anchored to a trigger.
  *
@@ -3651,6 +3736,41 @@ declare interface TrendBadgeProps {
     invertColors?: boolean;
 }
 
+/**
+ * Text that truncates with an ellipsis and reveals its full value in a tooltip —
+ * **but only when actually clipped**. The one place the overflow-detection +
+ * tooltip pattern lives, so every truncating title/label gets it for free.
+ *
+ * Use for **titles and labels** (page/tab titles, table cells, breadcrumbs, list
+ * rows) — anything single-line that must fit a bounded width. Do **not** use for
+ * body or long-form copy: that should wrap, not truncate.
+ *
+ * ```tsx
+ * <TruncatedText className="max-w-[16rem]">{customer.name}</TruncatedText>
+ *
+ * // asChild — the link itself truncates; pass the text as `tooltip`:
+ * <TruncatedText asChild tooltip={repo.name}>
+ *   <a href={href} className="max-w-[14rem]">{repo.name}</a>
+ * </TruncatedText>
+ * ```
+ */
+export declare function TruncatedText({ asChild, tooltip, side, className, children, ref: forwardedRef, ...props }: TruncatedTextProps): JSX.Element;
+
+declare type TruncatedTextProps = ComponentProps<'span'> & {
+    /**
+     * Merge the truncation + tooltip onto the child element instead of rendering a
+     * `<span>` (shadcn `asChild`). Use when the truncating element must be a link,
+     * button, or heading. When set, pass `tooltip` explicitly — `children` is an
+     * element, not the text.
+     */
+    asChild?: boolean;
+    /** Tooltip content. Defaults to `children` (correct only when they're the raw
+     *  text — i.e. not `asChild`). */
+    tooltip?: ReactNode;
+    /** Tooltip side; forwarded to `TooltipContent`. */
+    side?: ComponentProps<typeof TooltipContent>['side'];
+};
+
 export declare function useAppClassName(): string | undefined;
 
 /**
@@ -3909,23 +4029,6 @@ export declare interface UserChipUser {
     initials?: string;
 }
 
-/**
- * A person rendered as one inline unit: a neutral avatar icon followed by their
- * full name. For lightweight person references (a lead, an assignee label) where
- * you only have a name. When you have full identity (email/org) and want the
- * hover card, use `UserChip` instead.
- *
- * Inherits font size/color from its container so it drops into any context.
- */
-export declare function UserLabel({ name, size, className }: UserLabelProps): JSX.Element;
-
-export declare interface UserLabelProps {
-    name: string;
-    /** Avatar size in px. Defaults to 18. */
-    size?: number;
-    className?: string;
-}
-
 /**
  * Resolve a `ParsedDate` (year/month/day, any of which may be null)
  * into a concrete `Date`, using the reference date and `dayDefault`