@proteos/ui 0.46.0 → 0.48.0

package/dist/index.d.cts

@@ -9,6 +9,7 @@ import { Key, BreadcrumbsProps as BreadcrumbsProps$1, ButtonProps as ButtonProps
 import { ColumnDef, SortingState, OnChangeFn, Row } from '@tanstack/react-table';
 import * as tailwind_merge from 'tailwind-merge';
 import { Message, Conversation, UpdateDraftRequest, ContactAddress, ConversationClient, SendRecipient } from '@proteos/sdk';
+import { OrbState, OrbTheme } from 'thinking-orbs';
 import { ClassValue } from 'clsx';
 
 declare const attachmentChipStyles: tailwind_variants.TVReturnType<{
@@ -1012,6 +1013,20 @@ type DataTableProps<TRow> = {
      * at slot='end'. Sits inside the scrollable area below the rows.
      */
     bodyAfter?: ReactNode;
+    /**
+     * Row selection. `none` (default) renders no checkbox column; `multiple`
+     * prepends a sticky leading checkbox column and turns the header checkbox
+     * into a tri-state select-all.
+     *
+     * Selection is CONTROLLED — the owner holds the ids because it is the one
+     * that acts on them (running a batch action, clearing after a save). The
+     * header checkbox covers the rows currently LOADED: an infinite list can't
+     * honestly claim to select rows it has never fetched, so "select everything
+     * matching the filter" belongs to the owner's toolbar, not here.
+     */
+    selectionMode?: 'none' | 'multiple';
+    selectedIds?: Set<string>;
+    onSelectionChange?: (ids: Set<string>) => void;
     /**
      * Draw vertical gridlines between body cells. The header always has them;
      * the body opts in (e.g. inline-edit mode wants the full Excel-style grid).
@@ -1019,7 +1034,9 @@ type DataTableProps<TRow> = {
      */
     columnBorders?: boolean;
 };
-declare function DataTable<TRow>({ query, columns, sorting, onSortingChange, rowHeight, overscan, onRowClick, zebra, emptyState, errorState, loadingState, getRowId, className, ariaLabel, enableColumnReordering, enableColumnRemoval, onReorderColumn, onRemoveColumn, variant, rowWrapper, extraRows, bodyBefore, bodyAfter, columnBorders, }: DataTableProps<TRow>): react_jsx_runtime.JSX.Element;
+/** Column id of the leading checkbox column added by `selectionMode`. */
+declare const SELECTION_COLUMN_ID = "__select__";
+declare function DataTable<TRow>({ query, columns, sorting, onSortingChange, rowHeight, overscan, onRowClick, zebra, emptyState, errorState, loadingState, getRowId, className, ariaLabel, enableColumnReordering, enableColumnRemoval, onReorderColumn, onRemoveColumn, variant, rowWrapper, extraRows, bodyBefore, bodyAfter, selectionMode, selectedIds, onSelectionChange, columnBorders, }: DataTableProps<TRow>): react_jsx_runtime.JSX.Element;
 
 type ActionsColumnOptions<TData> = {
     id?: string;
@@ -1909,6 +1926,23 @@ type NavGroupProps = Omit<DisclosureProps, 'children'> & {
  *  vertical guide rule and pick up nested styling automatically. */
 declare function NavGroup({ icon, label, children, className, ...props }: NavGroupProps): react_jsx_runtime.JSX.Element;
 
+type OrbSizeToken = 'xs' | 'sm' | 'md' | 'lg';
+interface OrbProps {
+    /** xs 12 · sm 20 (native inline) · md 40 · lg 64 (native avatar). Default `sm`. */
+    size?: OrbSizeToken;
+    /** Animation state; defaults to `solving` (the working indicator). */
+    state?: OrbState;
+    /** Speed multiplier (1 = tuned speed); e.g. 0.2 for a slow idle shimmer. */
+    speed?: number;
+    /** Pin the ink instead of auto-detecting — `dark` renders light dots (for
+     *  a dark chip like the launcher's black circle). */
+    theme?: OrbTheme;
+    className?: string;
+    /** Accessible name; omitting it hides the orb from assistive tech. */
+    label?: string;
+}
+declare function Orb({ size, state, speed, theme, className, label }: OrbProps): react_jsx_runtime.JSX.Element;
+
 declare function Popover(props: DialogTriggerProps): react_jsx_runtime.JSX.Element;
 type PopoverContentProps = Omit<PopoverProps, 'children'> & {
     /** Dialog children. Supports the render-prop form `({ close }) => …`. */
@@ -2011,7 +2045,8 @@ type FilterFieldOption = {
 type FilterField = {
     /** Dot-path to the attribute, e.g. `'owner.email'`. Stable identifier. */
     path: string;
-    /** Full nested label, e.g. `'Owner / Email'`. Used in pickers. */
+    /** Full nested label, e.g. `'Owner · Email'` — parts joined with
+     *  `FIELD_LABEL_SEPARATOR`. Used in pickers. */
     label: string;
     /** Leaf label only, e.g. `'Email'`. Used in chips. */
     shortLabel: string;
@@ -2114,6 +2149,20 @@ type AttributePickerProps = {
 };
 declare function AttributePicker({ fields, value, onChange, autoFocus, isDisabled, size, className, }: AttributePickerProps): react_jsx_runtime.JSX.Element;
 
+/**
+ * U+00B7 MIDDLE DOT, spaced. The same separator the app already uses for
+ * breadcrumb-ish text ("Segment · SaaS decision makers"), and quieter than a
+ * slash at the small type sizes these labels render at — the eye reads the
+ * words, not the punctuation.
+ */
+declare const FIELD_LABEL_SEPARATOR = " \u00B7 ";
+/**
+ * Joins breadcrumb parts with {@link FIELD_LABEL_SEPARATOR}, skipping empties
+ * so a field with no parent renders as its own label rather than with a
+ * leading separator.
+ */
+declare function joinFieldLabel(...parts: ReadonlyArray<string | undefined | null>): string;
+
 /**
  * Per-value-item renderer. Called once per value (twice for arity 'n'
  * with two items, etc.) AFTER arity orchestration. Return `undefined`
@@ -2727,4 +2776,4 @@ declare function Tooltip({ className, offset, ...props }: TooltipProps): react_j
 
 declare function cn(...inputs: ClassValue[]): string;
 
-export { ATTRIBUTE_TYPES, ATTRIBUTE_TYPE_ICONS, type ActionsColumnOptions, AttachmentChip, type AttachmentChipProps, type AttachmentChipVariants, AttributePicker, type AttributePickerProps, AttributeType, AttributeTypeIcon, type AttributeTypeIconProps, Avatar, AvatarGroup, type AvatarGroupItem, type AvatarGroupProps, type AvatarGroupVariants, type AvatarProps, type AvatarVariants, Badge, BadgeMultiSelect, type BadgeMultiSelectOption, type BadgeMultiSelectProps, type BadgeProps, type BadgeVariants, BooleanCell, type BooleanCellProps, type BreadcrumbItem, Breadcrumbs, type BreadcrumbsProps, Button, type ButtonProps, type ButtonVariants, COLUMN_DRAG_KIND, Card, CardBody, CardContent, CardEyebrow, CardFeatureTitle, CardFooter, CardHeader, type CardProps, CardTitle, type CardVariants, ChannelIcon, type ChannelIconProps, Checkbox, CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, ChipValue, type ChipValueItemRenderer, type ChipValueProps, ColorInput, type ColorInputProps, type ColumnDragData, Combobox, type ComboboxOption, type ComboboxProps, Command, CommandHint, type CommandHintProps, type CommandHintTone, type CommandProps, type ComparisonOperator, type ComposerAttachment, type ComposerConnectionPicker, type ComposerSendInput, type ComposerValue, CurrencyInput, type CurrencyInputOption, type CurrencyInputProps, type CurrencyInputValue, DRAFT_OUTCOME_LABEL, DataTable, DataTableEmpty, type DataTableEmptyProps, DataTableError, type DataTableErrorProps, type DataTableProps, DataTableSkeleton, type DataTableSkeletonProps, DateCell, type DateCellProps, DatePicker, type DatePickerProps, DateTimeCell, type DateTimeCellProps, DateTimePicker, type DateTimePickerProps, type DraftMessageActions, DraftMessageCard, type DraftMessageCardProps, type DraftMessageClient, DraftMessageComposer, type DraftMessageComposerProps, type DraftMessageOutcome, DraftMessageReview, type DraftMessageReviewProps, type DraftReviewOutcome, EmptyState, type EmptyStateProps, type EmptyStateVariants, ErrorAnimation, type ErrorAnimationProps, type FieldAppearance, FieldCaret, type FieldControlVariants, type FieldSize, FileField, type FileFieldProps, type FileFieldValue, FileViewer, FileViewerFallbackCard, type FileViewerFallbackCardProps, type FileViewerFallbackCardVariants, type FileViewerKind, type FileViewerProps, type FileViewerVariants, type FilterElement, type FilterField, type FilterFieldOption, type FilterFieldRelation, type FilterFieldType, type FilterGroup, FilterRow, type FilterRowProps, type FilterValue, FilterValueInput, type FilterValueInputProps, type FilterValueInputRenderer, IconPicker, type IconPickerProps, ImageAttachment, type ImageAttachmentProps, type ImageAttachmentVariants, ImageLightbox, type ImageLightboxProps, type ImageLightboxVariants, type InfiniteQueryLike, Input, type InputProps, Kbd, type KbdProps, type KeyCombo, LinkCell, type LinkCellProps, type LogicalOperator, type LucideIconName, MAX_COMPOSER_ATTACHMENT_BYTES, Menu, MenuItem, type MenuItemProps, MenuPopover, type MenuPopoverProps, type MenuProps, MenuTrigger, MessageComposer, type MessageComposerProps, Modal, ModalBody, ModalContent, type ModalContentProps, ModalDescription, ModalFooter, ModalHeader, ModalTitle, MultiSelect, type MultiSelectOption, type MultiSelectProps, NavGroup, type NavGroupProps, NavItem, type NavItemProps, type NavItemVariants, NavSection, type NavSectionProps, OPERATORS, type OperatorArity, type OperatorDescriptor, OperatorPicker, type OperatorPickerProps, PROTECTED_COMBOS, Popover, PopoverContent, type PopoverContentProps, PopoverPanelBody, PopoverPanelFooter, PopoverPanelHeader, PressableCard, type PressableCardProps, ProgressBar, type ProgressBarProps, type ProgressBarVariants, Radio, RadioGroup, type RadioGroupProps, type RadioProps, RecipientSelect, type RecipientSelectProps, RecordFilterBuilderPanel, type RecordFilterBuilderPanelProps, RecordFilterButton, type RecordFilterButtonProps, RecordFilterChips, type RecordFilterChipsProps, RecordFilterEditor, type RecordFilterEditorProps, RenderChipItemProvider, RenderValueInputProvider, type SearchRecipients, SegmentedControl, type SegmentedControlOption, type SegmentedControlProps, type SegmentedControlVariants, Select, type SelectOption, type SelectProps, Separator, type SeparatorProps, Skeleton, type SkeletonProps, type SkeletonVariants, type SortDirection, SubmenuTrigger, SuccessAnimation, type SuccessAnimationProps, Switch, type SwitchProps, Table, TableBody, type TableBodyProps, TableCell, type TableCellProps, TableHeader, TableHeaderCell, type TableHeaderCellProps, type TableHeaderProps, TableHeaderSpacer, type TableProps, TableRow, type TableRowProps, TableScroller, type TableVariants, Tabs, type TabsListProps, type TabsPanelProps, type TabsRootProps, type TabsTriggerProps, type TabsVariants, TagInput, type TagInputProps, type TerminalKind, Textarea, type TextareaProps, TimeField, type TimeFieldProps, type ToastContent, type ToastOptions, type ToastQueue, ToastRegion, type ToastRegionProps, type ToastVariant, type ToastVariants, Tooltip, type TooltipProps, TooltipTrigger, TruncateCell, type TruncateCellProps, type UseCommandOptions, type UseEscapeKeyOptions, type UseInfiniteScrollSentinelOptions, __resetDraftMessageActions, __resetDraftMessageOutcomes, addLeaf as addFilterLeaf, addPendingLeaf, addSubgroup, arityOf, attachmentChipStyles, avatarGroupStyles, avatarStyles, badgeStyles, buttonStyles, cardStyles, channelIcon, cn, countLeaves, createDraftMessageClient, createToastQueue, defaultValueFor, draftMessageCardStyles, draftMessageComposerStyles, draftOutcomeFor, emptyStateStyles, fieldControlStyles, fieldErrorStyles, fieldHintStyles, fieldLabelStyles, fileViewerFallbackCardStyles, fileViewerStyles, formatFileSize, formatValue, iconForContentType, imageAttachmentStyles, imageLightboxStyles, isColumnDragData, isDraftReviewOutcome, isEditableTarget, isPreviewableImageName, makeActionsColumn, messageComposerStyles, navItemStyles, normalizeHexColor, operatorById, operatorsForType, parseCombo, progressBarStyles, publishDraftMessageOutcome, rebaseRowOnFieldChange, rebaseRowOnOperatorChange, registerDraftMessageActions, removeLeaf, removeSubgroup, replaceLeaf, resolveLucideIcon, resolveLucideIconName, segmentedControlStyles, setJoiner, skeletonStyles, subscribeDraftMessageOutcome, tableCellStyles, tableHeaderCellStyles, tabsStyles, terminalKindFor, toastStyles, updateLeaf, updateSubgroup, useAttributeTypeIcon, useCommand, useDiscoveryActive, useDraftMessageActions, useDraftMessageOutcome, useEscapeKey, useInfiniteScrollSentinel, useRenderChipItem, useRenderValueInput, useShowDetails, viewerKindForContentType, wrapLeafInGroup };
+export { ATTRIBUTE_TYPES, ATTRIBUTE_TYPE_ICONS, type ActionsColumnOptions, AttachmentChip, type AttachmentChipProps, type AttachmentChipVariants, AttributePicker, type AttributePickerProps, AttributeType, AttributeTypeIcon, type AttributeTypeIconProps, Avatar, AvatarGroup, type AvatarGroupItem, type AvatarGroupProps, type AvatarGroupVariants, type AvatarProps, type AvatarVariants, Badge, BadgeMultiSelect, type BadgeMultiSelectOption, type BadgeMultiSelectProps, type BadgeProps, type BadgeVariants, BooleanCell, type BooleanCellProps, type BreadcrumbItem, Breadcrumbs, type BreadcrumbsProps, Button, type ButtonProps, type ButtonVariants, COLUMN_DRAG_KIND, Card, CardBody, CardContent, CardEyebrow, CardFeatureTitle, CardFooter, CardHeader, type CardProps, CardTitle, type CardVariants, ChannelIcon, type ChannelIconProps, Checkbox, CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, ChipValue, type ChipValueItemRenderer, type ChipValueProps, ColorInput, type ColorInputProps, type ColumnDragData, Combobox, type ComboboxOption, type ComboboxProps, Command, CommandHint, type CommandHintProps, type CommandHintTone, type CommandProps, type ComparisonOperator, type ComposerAttachment, type ComposerConnectionPicker, type ComposerSendInput, type ComposerValue, CurrencyInput, type CurrencyInputOption, type CurrencyInputProps, type CurrencyInputValue, DRAFT_OUTCOME_LABEL, DataTable, DataTableEmpty, type DataTableEmptyProps, DataTableError, type DataTableErrorProps, type DataTableProps, DataTableSkeleton, type DataTableSkeletonProps, DateCell, type DateCellProps, DatePicker, type DatePickerProps, DateTimeCell, type DateTimeCellProps, DateTimePicker, type DateTimePickerProps, type DraftMessageActions, DraftMessageCard, type DraftMessageCardProps, type DraftMessageClient, DraftMessageComposer, type DraftMessageComposerProps, type DraftMessageOutcome, DraftMessageReview, type DraftMessageReviewProps, type DraftReviewOutcome, EmptyState, type EmptyStateProps, type EmptyStateVariants, ErrorAnimation, type ErrorAnimationProps, FIELD_LABEL_SEPARATOR, type FieldAppearance, FieldCaret, type FieldControlVariants, type FieldSize, FileField, type FileFieldProps, type FileFieldValue, FileViewer, FileViewerFallbackCard, type FileViewerFallbackCardProps, type FileViewerFallbackCardVariants, type FileViewerKind, type FileViewerProps, type FileViewerVariants, type FilterElement, type FilterField, type FilterFieldOption, type FilterFieldRelation, type FilterFieldType, type FilterGroup, FilterRow, type FilterRowProps, type FilterValue, FilterValueInput, type FilterValueInputProps, type FilterValueInputRenderer, IconPicker, type IconPickerProps, ImageAttachment, type ImageAttachmentProps, type ImageAttachmentVariants, ImageLightbox, type ImageLightboxProps, type ImageLightboxVariants, type InfiniteQueryLike, Input, type InputProps, Kbd, type KbdProps, type KeyCombo, LinkCell, type LinkCellProps, type LogicalOperator, type LucideIconName, MAX_COMPOSER_ATTACHMENT_BYTES, Menu, MenuItem, type MenuItemProps, MenuPopover, type MenuPopoverProps, type MenuProps, MenuTrigger, MessageComposer, type MessageComposerProps, Modal, ModalBody, ModalContent, type ModalContentProps, ModalDescription, ModalFooter, ModalHeader, ModalTitle, MultiSelect, type MultiSelectOption, type MultiSelectProps, NavGroup, type NavGroupProps, NavItem, type NavItemProps, type NavItemVariants, NavSection, type NavSectionProps, OPERATORS, type OperatorArity, type OperatorDescriptor, OperatorPicker, type OperatorPickerProps, Orb, type OrbProps, type OrbSizeToken, PROTECTED_COMBOS, Popover, PopoverContent, type PopoverContentProps, PopoverPanelBody, PopoverPanelFooter, PopoverPanelHeader, PressableCard, type PressableCardProps, ProgressBar, type ProgressBarProps, type ProgressBarVariants, Radio, RadioGroup, type RadioGroupProps, type RadioProps, RecipientSelect, type RecipientSelectProps, RecordFilterBuilderPanel, type RecordFilterBuilderPanelProps, RecordFilterButton, type RecordFilterButtonProps, RecordFilterChips, type RecordFilterChipsProps, RecordFilterEditor, type RecordFilterEditorProps, RenderChipItemProvider, RenderValueInputProvider, SELECTION_COLUMN_ID, type SearchRecipients, SegmentedControl, type SegmentedControlOption, type SegmentedControlProps, type SegmentedControlVariants, Select, type SelectOption, type SelectProps, Separator, type SeparatorProps, Skeleton, type SkeletonProps, type SkeletonVariants, type SortDirection, SubmenuTrigger, SuccessAnimation, type SuccessAnimationProps, Switch, type SwitchProps, Table, TableBody, type TableBodyProps, TableCell, type TableCellProps, TableHeader, TableHeaderCell, type TableHeaderCellProps, type TableHeaderProps, TableHeaderSpacer, type TableProps, TableRow, type TableRowProps, TableScroller, type TableVariants, Tabs, type TabsListProps, type TabsPanelProps, type TabsRootProps, type TabsTriggerProps, type TabsVariants, TagInput, type TagInputProps, type TerminalKind, Textarea, type TextareaProps, TimeField, type TimeFieldProps, type ToastContent, type ToastOptions, type ToastQueue, ToastRegion, type ToastRegionProps, type ToastVariant, type ToastVariants, Tooltip, type TooltipProps, TooltipTrigger, TruncateCell, type TruncateCellProps, type UseCommandOptions, type UseEscapeKeyOptions, type UseInfiniteScrollSentinelOptions, __resetDraftMessageActions, __resetDraftMessageOutcomes, addLeaf as addFilterLeaf, addPendingLeaf, addSubgroup, arityOf, attachmentChipStyles, avatarGroupStyles, avatarStyles, badgeStyles, buttonStyles, cardStyles, channelIcon, cn, countLeaves, createDraftMessageClient, createToastQueue, defaultValueFor, draftMessageCardStyles, draftMessageComposerStyles, draftOutcomeFor, emptyStateStyles, fieldControlStyles, fieldErrorStyles, fieldHintStyles, fieldLabelStyles, fileViewerFallbackCardStyles, fileViewerStyles, formatFileSize, formatValue, iconForContentType, imageAttachmentStyles, imageLightboxStyles, isColumnDragData, isDraftReviewOutcome, isEditableTarget, isPreviewableImageName, joinFieldLabel, makeActionsColumn, messageComposerStyles, navItemStyles, normalizeHexColor, operatorById, operatorsForType, parseCombo, progressBarStyles, publishDraftMessageOutcome, rebaseRowOnFieldChange, rebaseRowOnOperatorChange, registerDraftMessageActions, removeLeaf, removeSubgroup, replaceLeaf, resolveLucideIcon, resolveLucideIconName, segmentedControlStyles, setJoiner, skeletonStyles, subscribeDraftMessageOutcome, tableCellStyles, tableHeaderCellStyles, tabsStyles, terminalKindFor, toastStyles, updateLeaf, updateSubgroup, useAttributeTypeIcon, useCommand, useDiscoveryActive, useDraftMessageActions, useDraftMessageOutcome, useEscapeKey, useInfiniteScrollSentinel, useRenderChipItem, useRenderValueInput, useShowDetails, viewerKindForContentType, wrapLeafInGroup };

package/dist/index.d.ts

@@ -9,6 +9,7 @@ import { Key, BreadcrumbsProps as BreadcrumbsProps$1, ButtonProps as ButtonProps
 import { ColumnDef, SortingState, OnChangeFn, Row } from '@tanstack/react-table';
 import * as tailwind_merge from 'tailwind-merge';
 import { Message, Conversation, UpdateDraftRequest, ContactAddress, ConversationClient, SendRecipient } from '@proteos/sdk';
+import { OrbState, OrbTheme } from 'thinking-orbs';
 import { ClassValue } from 'clsx';
 
 declare const attachmentChipStyles: tailwind_variants.TVReturnType<{
@@ -1012,6 +1013,20 @@ type DataTableProps<TRow> = {
      * at slot='end'. Sits inside the scrollable area below the rows.
      */
     bodyAfter?: ReactNode;
+    /**
+     * Row selection. `none` (default) renders no checkbox column; `multiple`
+     * prepends a sticky leading checkbox column and turns the header checkbox
+     * into a tri-state select-all.
+     *
+     * Selection is CONTROLLED — the owner holds the ids because it is the one
+     * that acts on them (running a batch action, clearing after a save). The
+     * header checkbox covers the rows currently LOADED: an infinite list can't
+     * honestly claim to select rows it has never fetched, so "select everything
+     * matching the filter" belongs to the owner's toolbar, not here.
+     */
+    selectionMode?: 'none' | 'multiple';
+    selectedIds?: Set<string>;
+    onSelectionChange?: (ids: Set<string>) => void;
     /**
      * Draw vertical gridlines between body cells. The header always has them;
      * the body opts in (e.g. inline-edit mode wants the full Excel-style grid).
@@ -1019,7 +1034,9 @@ type DataTableProps<TRow> = {
      */
     columnBorders?: boolean;
 };
-declare function DataTable<TRow>({ query, columns, sorting, onSortingChange, rowHeight, overscan, onRowClick, zebra, emptyState, errorState, loadingState, getRowId, className, ariaLabel, enableColumnReordering, enableColumnRemoval, onReorderColumn, onRemoveColumn, variant, rowWrapper, extraRows, bodyBefore, bodyAfter, columnBorders, }: DataTableProps<TRow>): react_jsx_runtime.JSX.Element;
+/** Column id of the leading checkbox column added by `selectionMode`. */
+declare const SELECTION_COLUMN_ID = "__select__";
+declare function DataTable<TRow>({ query, columns, sorting, onSortingChange, rowHeight, overscan, onRowClick, zebra, emptyState, errorState, loadingState, getRowId, className, ariaLabel, enableColumnReordering, enableColumnRemoval, onReorderColumn, onRemoveColumn, variant, rowWrapper, extraRows, bodyBefore, bodyAfter, selectionMode, selectedIds, onSelectionChange, columnBorders, }: DataTableProps<TRow>): react_jsx_runtime.JSX.Element;
 
 type ActionsColumnOptions<TData> = {
     id?: string;
@@ -1909,6 +1926,23 @@ type NavGroupProps = Omit<DisclosureProps, 'children'> & {
  *  vertical guide rule and pick up nested styling automatically. */
 declare function NavGroup({ icon, label, children, className, ...props }: NavGroupProps): react_jsx_runtime.JSX.Element;
 
+type OrbSizeToken = 'xs' | 'sm' | 'md' | 'lg';
+interface OrbProps {
+    /** xs 12 · sm 20 (native inline) · md 40 · lg 64 (native avatar). Default `sm`. */
+    size?: OrbSizeToken;
+    /** Animation state; defaults to `solving` (the working indicator). */
+    state?: OrbState;
+    /** Speed multiplier (1 = tuned speed); e.g. 0.2 for a slow idle shimmer. */
+    speed?: number;
+    /** Pin the ink instead of auto-detecting — `dark` renders light dots (for
+     *  a dark chip like the launcher's black circle). */
+    theme?: OrbTheme;
+    className?: string;
+    /** Accessible name; omitting it hides the orb from assistive tech. */
+    label?: string;
+}
+declare function Orb({ size, state, speed, theme, className, label }: OrbProps): react_jsx_runtime.JSX.Element;
+
 declare function Popover(props: DialogTriggerProps): react_jsx_runtime.JSX.Element;
 type PopoverContentProps = Omit<PopoverProps, 'children'> & {
     /** Dialog children. Supports the render-prop form `({ close }) => …`. */
@@ -2011,7 +2045,8 @@ type FilterFieldOption = {
 type FilterField = {
     /** Dot-path to the attribute, e.g. `'owner.email'`. Stable identifier. */
     path: string;
-    /** Full nested label, e.g. `'Owner / Email'`. Used in pickers. */
+    /** Full nested label, e.g. `'Owner · Email'` — parts joined with
+     *  `FIELD_LABEL_SEPARATOR`. Used in pickers. */
     label: string;
     /** Leaf label only, e.g. `'Email'`. Used in chips. */
     shortLabel: string;
@@ -2114,6 +2149,20 @@ type AttributePickerProps = {
 };
 declare function AttributePicker({ fields, value, onChange, autoFocus, isDisabled, size, className, }: AttributePickerProps): react_jsx_runtime.JSX.Element;
 
+/**
+ * U+00B7 MIDDLE DOT, spaced. The same separator the app already uses for
+ * breadcrumb-ish text ("Segment · SaaS decision makers"), and quieter than a
+ * slash at the small type sizes these labels render at — the eye reads the
+ * words, not the punctuation.
+ */
+declare const FIELD_LABEL_SEPARATOR = " \u00B7 ";
+/**
+ * Joins breadcrumb parts with {@link FIELD_LABEL_SEPARATOR}, skipping empties
+ * so a field with no parent renders as its own label rather than with a
+ * leading separator.
+ */
+declare function joinFieldLabel(...parts: ReadonlyArray<string | undefined | null>): string;
+
 /**
  * Per-value-item renderer. Called once per value (twice for arity 'n'
  * with two items, etc.) AFTER arity orchestration. Return `undefined`
@@ -2727,4 +2776,4 @@ declare function Tooltip({ className, offset, ...props }: TooltipProps): react_j
 
 declare function cn(...inputs: ClassValue[]): string;
 
-export { ATTRIBUTE_TYPES, ATTRIBUTE_TYPE_ICONS, type ActionsColumnOptions, AttachmentChip, type AttachmentChipProps, type AttachmentChipVariants, AttributePicker, type AttributePickerProps, AttributeType, AttributeTypeIcon, type AttributeTypeIconProps, Avatar, AvatarGroup, type AvatarGroupItem, type AvatarGroupProps, type AvatarGroupVariants, type AvatarProps, type AvatarVariants, Badge, BadgeMultiSelect, type BadgeMultiSelectOption, type BadgeMultiSelectProps, type BadgeProps, type BadgeVariants, BooleanCell, type BooleanCellProps, type BreadcrumbItem, Breadcrumbs, type BreadcrumbsProps, Button, type ButtonProps, type ButtonVariants, COLUMN_DRAG_KIND, Card, CardBody, CardContent, CardEyebrow, CardFeatureTitle, CardFooter, CardHeader, type CardProps, CardTitle, type CardVariants, ChannelIcon, type ChannelIconProps, Checkbox, CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, ChipValue, type ChipValueItemRenderer, type ChipValueProps, ColorInput, type ColorInputProps, type ColumnDragData, Combobox, type ComboboxOption, type ComboboxProps, Command, CommandHint, type CommandHintProps, type CommandHintTone, type CommandProps, type ComparisonOperator, type ComposerAttachment, type ComposerConnectionPicker, type ComposerSendInput, type ComposerValue, CurrencyInput, type CurrencyInputOption, type CurrencyInputProps, type CurrencyInputValue, DRAFT_OUTCOME_LABEL, DataTable, DataTableEmpty, type DataTableEmptyProps, DataTableError, type DataTableErrorProps, type DataTableProps, DataTableSkeleton, type DataTableSkeletonProps, DateCell, type DateCellProps, DatePicker, type DatePickerProps, DateTimeCell, type DateTimeCellProps, DateTimePicker, type DateTimePickerProps, type DraftMessageActions, DraftMessageCard, type DraftMessageCardProps, type DraftMessageClient, DraftMessageComposer, type DraftMessageComposerProps, type DraftMessageOutcome, DraftMessageReview, type DraftMessageReviewProps, type DraftReviewOutcome, EmptyState, type EmptyStateProps, type EmptyStateVariants, ErrorAnimation, type ErrorAnimationProps, type FieldAppearance, FieldCaret, type FieldControlVariants, type FieldSize, FileField, type FileFieldProps, type FileFieldValue, FileViewer, FileViewerFallbackCard, type FileViewerFallbackCardProps, type FileViewerFallbackCardVariants, type FileViewerKind, type FileViewerProps, type FileViewerVariants, type FilterElement, type FilterField, type FilterFieldOption, type FilterFieldRelation, type FilterFieldType, type FilterGroup, FilterRow, type FilterRowProps, type FilterValue, FilterValueInput, type FilterValueInputProps, type FilterValueInputRenderer, IconPicker, type IconPickerProps, ImageAttachment, type ImageAttachmentProps, type ImageAttachmentVariants, ImageLightbox, type ImageLightboxProps, type ImageLightboxVariants, type InfiniteQueryLike, Input, type InputProps, Kbd, type KbdProps, type KeyCombo, LinkCell, type LinkCellProps, type LogicalOperator, type LucideIconName, MAX_COMPOSER_ATTACHMENT_BYTES, Menu, MenuItem, type MenuItemProps, MenuPopover, type MenuPopoverProps, type MenuProps, MenuTrigger, MessageComposer, type MessageComposerProps, Modal, ModalBody, ModalContent, type ModalContentProps, ModalDescription, ModalFooter, ModalHeader, ModalTitle, MultiSelect, type MultiSelectOption, type MultiSelectProps, NavGroup, type NavGroupProps, NavItem, type NavItemProps, type NavItemVariants, NavSection, type NavSectionProps, OPERATORS, type OperatorArity, type OperatorDescriptor, OperatorPicker, type OperatorPickerProps, PROTECTED_COMBOS, Popover, PopoverContent, type PopoverContentProps, PopoverPanelBody, PopoverPanelFooter, PopoverPanelHeader, PressableCard, type PressableCardProps, ProgressBar, type ProgressBarProps, type ProgressBarVariants, Radio, RadioGroup, type RadioGroupProps, type RadioProps, RecipientSelect, type RecipientSelectProps, RecordFilterBuilderPanel, type RecordFilterBuilderPanelProps, RecordFilterButton, type RecordFilterButtonProps, RecordFilterChips, type RecordFilterChipsProps, RecordFilterEditor, type RecordFilterEditorProps, RenderChipItemProvider, RenderValueInputProvider, type SearchRecipients, SegmentedControl, type SegmentedControlOption, type SegmentedControlProps, type SegmentedControlVariants, Select, type SelectOption, type SelectProps, Separator, type SeparatorProps, Skeleton, type SkeletonProps, type SkeletonVariants, type SortDirection, SubmenuTrigger, SuccessAnimation, type SuccessAnimationProps, Switch, type SwitchProps, Table, TableBody, type TableBodyProps, TableCell, type TableCellProps, TableHeader, TableHeaderCell, type TableHeaderCellProps, type TableHeaderProps, TableHeaderSpacer, type TableProps, TableRow, type TableRowProps, TableScroller, type TableVariants, Tabs, type TabsListProps, type TabsPanelProps, type TabsRootProps, type TabsTriggerProps, type TabsVariants, TagInput, type TagInputProps, type TerminalKind, Textarea, type TextareaProps, TimeField, type TimeFieldProps, type ToastContent, type ToastOptions, type ToastQueue, ToastRegion, type ToastRegionProps, type ToastVariant, type ToastVariants, Tooltip, type TooltipProps, TooltipTrigger, TruncateCell, type TruncateCellProps, type UseCommandOptions, type UseEscapeKeyOptions, type UseInfiniteScrollSentinelOptions, __resetDraftMessageActions, __resetDraftMessageOutcomes, addLeaf as addFilterLeaf, addPendingLeaf, addSubgroup, arityOf, attachmentChipStyles, avatarGroupStyles, avatarStyles, badgeStyles, buttonStyles, cardStyles, channelIcon, cn, countLeaves, createDraftMessageClient, createToastQueue, defaultValueFor, draftMessageCardStyles, draftMessageComposerStyles, draftOutcomeFor, emptyStateStyles, fieldControlStyles, fieldErrorStyles, fieldHintStyles, fieldLabelStyles, fileViewerFallbackCardStyles, fileViewerStyles, formatFileSize, formatValue, iconForContentType, imageAttachmentStyles, imageLightboxStyles, isColumnDragData, isDraftReviewOutcome, isEditableTarget, isPreviewableImageName, makeActionsColumn, messageComposerStyles, navItemStyles, normalizeHexColor, operatorById, operatorsForType, parseCombo, progressBarStyles, publishDraftMessageOutcome, rebaseRowOnFieldChange, rebaseRowOnOperatorChange, registerDraftMessageActions, removeLeaf, removeSubgroup, replaceLeaf, resolveLucideIcon, resolveLucideIconName, segmentedControlStyles, setJoiner, skeletonStyles, subscribeDraftMessageOutcome, tableCellStyles, tableHeaderCellStyles, tabsStyles, terminalKindFor, toastStyles, updateLeaf, updateSubgroup, useAttributeTypeIcon, useCommand, useDiscoveryActive, useDraftMessageActions, useDraftMessageOutcome, useEscapeKey, useInfiniteScrollSentinel, useRenderChipItem, useRenderValueInput, useShowDetails, viewerKindForContentType, wrapLeafInGroup };
+export { ATTRIBUTE_TYPES, ATTRIBUTE_TYPE_ICONS, type ActionsColumnOptions, AttachmentChip, type AttachmentChipProps, type AttachmentChipVariants, AttributePicker, type AttributePickerProps, AttributeType, AttributeTypeIcon, type AttributeTypeIconProps, Avatar, AvatarGroup, type AvatarGroupItem, type AvatarGroupProps, type AvatarGroupVariants, type AvatarProps, type AvatarVariants, Badge, BadgeMultiSelect, type BadgeMultiSelectOption, type BadgeMultiSelectProps, type BadgeProps, type BadgeVariants, BooleanCell, type BooleanCellProps, type BreadcrumbItem, Breadcrumbs, type BreadcrumbsProps, Button, type ButtonProps, type ButtonVariants, COLUMN_DRAG_KIND, Card, CardBody, CardContent, CardEyebrow, CardFeatureTitle, CardFooter, CardHeader, type CardProps, CardTitle, type CardVariants, ChannelIcon, type ChannelIconProps, Checkbox, CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, ChipValue, type ChipValueItemRenderer, type ChipValueProps, ColorInput, type ColorInputProps, type ColumnDragData, Combobox, type ComboboxOption, type ComboboxProps, Command, CommandHint, type CommandHintProps, type CommandHintTone, type CommandProps, type ComparisonOperator, type ComposerAttachment, type ComposerConnectionPicker, type ComposerSendInput, type ComposerValue, CurrencyInput, type CurrencyInputOption, type CurrencyInputProps, type CurrencyInputValue, DRAFT_OUTCOME_LABEL, DataTable, DataTableEmpty, type DataTableEmptyProps, DataTableError, type DataTableErrorProps, type DataTableProps, DataTableSkeleton, type DataTableSkeletonProps, DateCell, type DateCellProps, DatePicker, type DatePickerProps, DateTimeCell, type DateTimeCellProps, DateTimePicker, type DateTimePickerProps, type DraftMessageActions, DraftMessageCard, type DraftMessageCardProps, type DraftMessageClient, DraftMessageComposer, type DraftMessageComposerProps, type DraftMessageOutcome, DraftMessageReview, type DraftMessageReviewProps, type DraftReviewOutcome, EmptyState, type EmptyStateProps, type EmptyStateVariants, ErrorAnimation, type ErrorAnimationProps, FIELD_LABEL_SEPARATOR, type FieldAppearance, FieldCaret, type FieldControlVariants, type FieldSize, FileField, type FileFieldProps, type FileFieldValue, FileViewer, FileViewerFallbackCard, type FileViewerFallbackCardProps, type FileViewerFallbackCardVariants, type FileViewerKind, type FileViewerProps, type FileViewerVariants, type FilterElement, type FilterField, type FilterFieldOption, type FilterFieldRelation, type FilterFieldType, type FilterGroup, FilterRow, type FilterRowProps, type FilterValue, FilterValueInput, type FilterValueInputProps, type FilterValueInputRenderer, IconPicker, type IconPickerProps, ImageAttachment, type ImageAttachmentProps, type ImageAttachmentVariants, ImageLightbox, type ImageLightboxProps, type ImageLightboxVariants, type InfiniteQueryLike, Input, type InputProps, Kbd, type KbdProps, type KeyCombo, LinkCell, type LinkCellProps, type LogicalOperator, type LucideIconName, MAX_COMPOSER_ATTACHMENT_BYTES, Menu, MenuItem, type MenuItemProps, MenuPopover, type MenuPopoverProps, type MenuProps, MenuTrigger, MessageComposer, type MessageComposerProps, Modal, ModalBody, ModalContent, type ModalContentProps, ModalDescription, ModalFooter, ModalHeader, ModalTitle, MultiSelect, type MultiSelectOption, type MultiSelectProps, NavGroup, type NavGroupProps, NavItem, type NavItemProps, type NavItemVariants, NavSection, type NavSectionProps, OPERATORS, type OperatorArity, type OperatorDescriptor, OperatorPicker, type OperatorPickerProps, Orb, type OrbProps, type OrbSizeToken, PROTECTED_COMBOS, Popover, PopoverContent, type PopoverContentProps, PopoverPanelBody, PopoverPanelFooter, PopoverPanelHeader, PressableCard, type PressableCardProps, ProgressBar, type ProgressBarProps, type ProgressBarVariants, Radio, RadioGroup, type RadioGroupProps, type RadioProps, RecipientSelect, type RecipientSelectProps, RecordFilterBuilderPanel, type RecordFilterBuilderPanelProps, RecordFilterButton, type RecordFilterButtonProps, RecordFilterChips, type RecordFilterChipsProps, RecordFilterEditor, type RecordFilterEditorProps, RenderChipItemProvider, RenderValueInputProvider, SELECTION_COLUMN_ID, type SearchRecipients, SegmentedControl, type SegmentedControlOption, type SegmentedControlProps, type SegmentedControlVariants, Select, type SelectOption, type SelectProps, Separator, type SeparatorProps, Skeleton, type SkeletonProps, type SkeletonVariants, type SortDirection, SubmenuTrigger, SuccessAnimation, type SuccessAnimationProps, Switch, type SwitchProps, Table, TableBody, type TableBodyProps, TableCell, type TableCellProps, TableHeader, TableHeaderCell, type TableHeaderCellProps, type TableHeaderProps, TableHeaderSpacer, type TableProps, TableRow, type TableRowProps, TableScroller, type TableVariants, Tabs, type TabsListProps, type TabsPanelProps, type TabsRootProps, type TabsTriggerProps, type TabsVariants, TagInput, type TagInputProps, type TerminalKind, Textarea, type TextareaProps, TimeField, type TimeFieldProps, type ToastContent, type ToastOptions, type ToastQueue, ToastRegion, type ToastRegionProps, type ToastVariant, type ToastVariants, Tooltip, type TooltipProps, TooltipTrigger, TruncateCell, type TruncateCellProps, type UseCommandOptions, type UseEscapeKeyOptions, type UseInfiniteScrollSentinelOptions, __resetDraftMessageActions, __resetDraftMessageOutcomes, addLeaf as addFilterLeaf, addPendingLeaf, addSubgroup, arityOf, attachmentChipStyles, avatarGroupStyles, avatarStyles, badgeStyles, buttonStyles, cardStyles, channelIcon, cn, countLeaves, createDraftMessageClient, createToastQueue, defaultValueFor, draftMessageCardStyles, draftMessageComposerStyles, draftOutcomeFor, emptyStateStyles, fieldControlStyles, fieldErrorStyles, fieldHintStyles, fieldLabelStyles, fileViewerFallbackCardStyles, fileViewerStyles, formatFileSize, formatValue, iconForContentType, imageAttachmentStyles, imageLightboxStyles, isColumnDragData, isDraftReviewOutcome, isEditableTarget, isPreviewableImageName, joinFieldLabel, makeActionsColumn, messageComposerStyles, navItemStyles, normalizeHexColor, operatorById, operatorsForType, parseCombo, progressBarStyles, publishDraftMessageOutcome, rebaseRowOnFieldChange, rebaseRowOnOperatorChange, registerDraftMessageActions, removeLeaf, removeSubgroup, replaceLeaf, resolveLucideIcon, resolveLucideIconName, segmentedControlStyles, setJoiner, skeletonStyles, subscribeDraftMessageOutcome, tableCellStyles, tableHeaderCellStyles, tabsStyles, terminalKindFor, toastStyles, updateLeaf, updateSubgroup, useAttributeTypeIcon, useCommand, useDiscoveryActive, useDraftMessageActions, useDraftMessageOutcome, useEscapeKey, useInfiniteScrollSentinel, useRenderChipItem, useRenderValueInput, useShowDetails, viewerKindForContentType, wrapLeafInGroup };

package/dist/index.js

@@ -1,6 +1,6 @@
 import { cn, Button, Skeleton } from './chunk-IKAX76MB.js';
 export { Button, Skeleton, buttonStyles, cn, skeletonStyles } from './chunk-IKAX76MB.js';
-import { icons, Paperclip, BookText, Banknote, UsersRound, User, Link2, Braces, Brackets, ToggleLeft, CircleDot, Calendar, Hash, Type, File, FileImage, FileText, FileSpreadsheet, FileArchive, Loader2, X, Shapes, Search, AudioLines, Video, Mic, AtSign, MessagesSquare, Camera, Send, Linkedin, MessageCircle, Mail, Pipette, ChevronDown, GripVertical, SendHorizontal, CircleX, Download, ChevronRight as ChevronRight$1, CircleCheck, CircleAlert, Info } from 'lucide-react';
+import { icons, Paperclip, BookText, Banknote, UsersRound, User, Link2, Braces, Brackets, ToggleLeft, CircleDot, Calendar, Hash, Type, File, FileImage, FileText, FileSpreadsheet, FileArchive, Loader2, X, Shapes, Search, Phone, AudioLines, Video, Mic, AtSign, MessagesSquare, Camera, Send, Linkedin, MessageCircle, Mail, Pipette, ChevronDown, GripVertical, SendHorizontal, CircleX, Download, ChevronRight as ChevronRight$1, CircleCheck, CircleAlert, Info } from 'lucide-react';
 import { tv } from 'tailwind-variants';
 import { Tabs as Tabs$1, TabPanel, Tab, TabList, MenuTrigger as MenuTrigger$1, SubmenuTrigger as SubmenuTrigger$1, DialogTrigger, Popover as Popover$1, Dialog, DropZone, Text, FileTrigger, Heading, Label, Input as Input$1, ListBox, ListBoxItem, Breadcrumbs as Breadcrumbs$1, Breadcrumb, Link, Button as Button$1, Checkbox as Checkbox$1, CheckboxGroup as CheckboxGroup$1, FieldError, TextField, ComboBox, ComboBoxStateContext, Select as Select$1, DatePicker as DatePicker$1, Group, DateInput, DateSegment, SelectValue, ModalOverlay, Modal as Modal$1, Menu as Menu$1, MenuItem as MenuItem$1, Disclosure, DisclosurePanel, ProgressBar as ProgressBar$1, RadioGroup as RadioGroup$1, Radio as Radio$1, Separator as Separator$1, Switch as Switch$1, TextArea, TimeField as TimeField$1, UNSTABLE_ToastQueue, UNSTABLE_ToastRegion, UNSTABLE_Toast, UNSTABLE_ToastContent, TooltipTrigger as TooltipTrigger$1, Tooltip as Tooltip$1, Calendar as Calendar$1, CalendarGrid, CalendarGridHeader, CalendarHeaderCell, CalendarGridBody, CalendarCell, DatePickerStateContext } from 'react-aria-components';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
@@ -12,6 +12,7 @@ import { reorderWithEdge } from '@atlaskit/pragmatic-drag-and-drop-hitbox/util/r
 import { useReactTable, getCoreRowModel, flexRender } from '@tanstack/react-table';
 import { useVirtualizer } from '@tanstack/react-virtual';
 import { combine } from '@atlaskit/pragmatic-drag-and-drop/combine';
+import { ThinkingOrb } from 'thinking-orbs';
 import { parseDate } from '@internationalized/date';
 
 function Popover(props) {
@@ -1249,7 +1250,8 @@ var CHANNEL_ICONS = {
   "google-meet": Video,
   "teams-meeting": Video,
   "webex-meeting": Video,
-  adhoc: AudioLines
+  adhoc: AudioLines,
+  phone: Phone
 };
 function channelIcon(channel) {
   return CHANNEL_ICONS[channel] ?? MessagesSquare;
@@ -1264,7 +1266,14 @@ function Checkbox({ children, className, ...props }) {
     {
       ...props,
       className: (renderProps) => cn(
-        "group inline-flex items-center gap-2.5 cursor-pointer",
+        // `relative` so RAC's visually-hidden <input> — which is absolutely
+        // positioned and is the element that actually receives focus — is
+        // laid out against THIS checkbox. Without a positioned ancestor here
+        // it resolves against a far-away container, ends up outside any
+        // scroll clipping, and focusing it makes the browser scroll a
+        // container the user cannot scroll back (the roles permission
+        // matrix, where toggling a row threw the page off-screen).
+        "group relative inline-flex items-center gap-2.5 cursor-pointer",
         "font-sans text-[14px] text-ink-2 select-none",
         "data-[disabled]:opacity-45 data-[disabled]:cursor-not-allowed",
         typeof className === "function" ? className(renderProps) : className
@@ -2613,6 +2622,7 @@ function useInfiniteScrollSentinel({
   return ref;
 }
 var DEFAULT_ROW_HEIGHT = 32;
+var SELECTION_COLUMN_ID = "__select__";
 function DataTable({
   query,
   columns,
@@ -2637,6 +2647,9 @@ function DataTable({
   extraRows,
   bodyBefore,
   bodyAfter,
+  selectionMode = "none",
+  selectedIds,
+  onSelectionChange,
   columnBorders = false
 }) {
   const rows = useMemo(() => {
@@ -2647,19 +2660,112 @@ function DataTable({
     if (startExtras.length === 0 && endExtras.length === 0) return dataRows;
     return [...startExtras, ...dataRows, ...endExtras];
   }, [query.data, extraRows]);
+  const resolveRowId = useMemo(
+    () => getRowId ?? ((row, index) => {
+      const r = row;
+      if (typeof r.id === "string" || typeof r.id === "number") return String(r.id);
+      if (typeof r.slug === "string") return r.slug;
+      return String(index);
+    }),
+    [getRowId]
+  );
+  const selectionEnabled = selectionMode === "multiple";
+  const selected = useMemo(() => selectedIds ?? /* @__PURE__ */ new Set(), [selectedIds]);
+  const loadedIds = useMemo(
+    () => selectionEnabled ? rows.map((row, index) => resolveRowId(row, index)) : [],
+    [selectionEnabled, rows, resolveRowId]
+  );
+  const lastToggledIndexRef = useRef(null);
+  const toggleRow = (id, index, isRange) => {
+    if (!onSelectionChange) return;
+    const next = new Set(selected);
+    const anchor = lastToggledIndexRef.current;
+    if (isRange && anchor !== null) {
+      const [from, to] = anchor <= index ? [anchor, index] : [index, anchor];
+      for (let i = from; i <= to; i += 1) {
+        const rangeId = loadedIds[i];
+        if (rangeId !== void 0) next.add(rangeId);
+      }
+    } else if (next.has(id)) {
+      next.delete(id);
+    } else {
+      next.add(id);
+    }
+    lastToggledIndexRef.current = index;
+    onSelectionChange(next);
+  };
+  const loadedSelectedCount = loadedIds.reduce((count, id) => count + (selected.has(id) ? 1 : 0), 0);
+  const allLoadedSelected = loadedIds.length > 0 && loadedSelectedCount === loadedIds.length;
+  const toggleAllLoaded = () => {
+    if (!onSelectionChange) return;
+    const next = new Set(selected);
+    if (allLoadedSelected) {
+      for (const id of loadedIds) next.delete(id);
+    } else {
+      for (const id of loadedIds) next.add(id);
+    }
+    lastToggledIndexRef.current = null;
+    onSelectionChange(next);
+  };
+  const rangeModifierRef = useRef(false);
+  const selectionColumn = useMemo(
+    () => ({
+      id: SELECTION_COLUMN_ID,
+      size: 36,
+      enableSorting: false,
+      meta: { align: "center", sticky: "left", cellClassName: "px-0 justify-center" },
+      header: () => /* @__PURE__ */ jsx("span", { className: "inline-flex items-center justify-center w-full", children: /* @__PURE__ */ jsx(
+        Checkbox,
+        {
+          "aria-label": allLoadedSelected ? "Deselect all rows" : "Select all rows",
+          isSelected: allLoadedSelected,
+          isIndeterminate: loadedSelectedCount > 0 && !allLoadedSelected,
+          isDisabled: loadedIds.length === 0,
+          onChange: toggleAllLoaded
+        }
+      ) }),
+      cell: ({ row }) => (
+        // Stop the click here: selecting a row must never also open it.
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: "inline-flex items-center justify-center w-full",
+            onClick: (event) => event.stopPropagation(),
+            onKeyDown: (event) => {
+              event.stopPropagation();
+              rangeModifierRef.current = event.shiftKey;
+            },
+            onPointerDownCapture: (event) => {
+              rangeModifierRef.current = event.shiftKey;
+            },
+            role: "presentation",
+            children: /* @__PURE__ */ jsx(
+              Checkbox,
+              {
+                "aria-label": `Select row ${row.index + 1}`,
+                isSelected: selected.has(row.id),
+                onChange: () => toggleRow(row.id, row.index, rangeModifierRef.current)
+              }
+            )
+          }
+        )
+      )
+    }),
+    // biome-ignore lint/correctness/useExhaustiveDependencies: handlers read the latest selection via closure recreated on these inputs
+    [selected, loadedIds, allLoadedSelected, loadedSelectedCount]
+  );
+  const tableColumns = useMemo(
+    () => selectionEnabled ? [selectionColumn, ...columns] : columns,
+    [selectionEnabled, selectionColumn, columns]
+  );
   const table = useReactTable({
     data: rows,
-    columns,
+    columns: tableColumns,
     state: { sorting: sorting ?? [] },
     ...onSortingChange ? { onSortingChange } : {},
     manualSorting: true,
     getCoreRowModel: getCoreRowModel(),
-    getRowId: getRowId ? (row, index) => getRowId(row, index) : (row, index) => {
-      const r = row;
-      if (typeof r.id === "string" || typeof r.id === "number") return String(r.id);
-      if (typeof r.slug === "string") return r.slug;
-      return String(index);
-    }
+    getRowId: (row, index) => resolveRowId(row, index)
   });
   const tableRows = table.getRowModel().rows;
   const tableRowCount = tableRows.length;
@@ -2691,8 +2797,8 @@ function DataTable({
     enabled: !!query.hasNextPage
   });
   const totalColumnWidth = useMemo(
-    () => columns.reduce((sum, c) => sum + (c.size ?? 140), 0),
-    [columns]
+    () => tableColumns.reduce((sum, c) => sum + (c.size ?? 140), 0),
+    [tableColumns]
   );
   const columnsRef = useRef(columns);
   columnsRef.current = columns;
@@ -5188,6 +5294,24 @@ function NavGroup({ icon, label, children, className, ...props }) {
     ) })
   ] });
 }
+var SIZE_PX = { xs: 12, sm: 20, md: 40, lg: 64 };
+var DESIGN = { xs: 20, sm: 20, md: 64, lg: 64 };
+function Orb({ size = "sm", state = "solving", speed, theme, className, label }) {
+  const px = SIZE_PX[size];
+  const design = DESIGN[size];
+  return /* @__PURE__ */ jsx(
+    ThinkingOrb,
+    {
+      state,
+      size: design,
+      ...speed !== void 0 ? { speed } : {},
+      ...theme !== void 0 ? { theme } : {},
+      className: cn("inline-block shrink-0", className),
+      ...px !== design ? { style: { width: px, height: px } } : {},
+      ...label ? { "aria-label": label } : { "aria-hidden": true }
+    }
+  );
+}
 var progressBarStyles = tv({
   slots: {
     track: "relative overflow-hidden rounded-pill bg-surface-2 w-full",
@@ -5322,6 +5446,12 @@ function FieldTypeTag({ children }) {
   return /* @__PURE__ */ jsx("span", { className: "font-mono text-[10px] uppercase tracking-[0.08em] text-ink-4", children });
 }
 
+// src/components/record-filter/field-label.ts
+var FIELD_LABEL_SEPARATOR = " \xB7 ";
+function joinFieldLabel(...parts) {
+  return parts.filter((part) => !!part && part.length > 0).join(FIELD_LABEL_SEPARATOR);
+}
+
 // src/components/record-filter/operators.ts
 var OPERATORS = [
   {
@@ -5453,7 +5583,7 @@ function ChipItem({
     if (custom !== void 0) return /* @__PURE__ */ jsx(Fragment, { children: custom });
   }
   if (field.type === "enum") {
-    const option = field.options?.find((o) => o.value === value);
+    const option = findEnumOption(field, value);
     return /* @__PURE__ */ jsx(
       Badge,
       {
@@ -5469,6 +5599,9 @@ function ChipItem({
 function Em({ children }) {
   return /* @__PURE__ */ jsx("span", { className: "font-mono text-[12px] text-ink-4", children });
 }
+function findEnumOption(field, value) {
+  return field.options?.find((option) => option.value === value);
+}
 function formatValue(field, operator, value) {
   const arity = arityOf(operator);
   if (arity === 0) return "";
@@ -5476,13 +5609,16 @@ function formatValue(field, operator, value) {
     const arr = Array.isArray(value) ? value : typeof value === "string" && value.length > 0 ? value.split(",") : [];
     if (arr.length === 0) return "\u2014";
     if (field.type === "enum") {
-      const labels = arr.map((v) => field.options?.find((x) => x.value === v)?.label ?? v);
+      const labels = arr.map((v) => findEnumOption(field, v)?.label ?? v);
       return labels.length <= 2 ? labels.join(", ") : `${labels[0]}, ${labels[1]} +${labels.length - 2}`;
     }
     return arr.length <= 2 ? arr.join(", ") : `${arr[0]}, ${arr[1]} +${arr.length - 2}`;
   }
   if (field.type === "boolean") return value === true || value === "true" ? "true" : "false";
   if (value === "" || value == null) return "\u2014";
+  if (field.type === "enum") {
+    return findEnumOption(field, String(value))?.label ?? String(value);
+  }
   if (field.type === "number" || field.type === "integer") {
     const n = Number(value);
     return Number.isFinite(n) ? n.toLocaleString() : String(value);
@@ -7090,7 +7226,7 @@ function Chip2({
           /* @__PURE__ */ jsxs("span", { className: "font-sans text-[12.5px] text-ink-2", children: [
             field.parentLabel ? /* @__PURE__ */ jsxs("span", { className: "text-ink-4", children: [
               field.parentLabel,
-              " / "
+              FIELD_LABEL_SEPARATOR
             ] }) : null,
             /* @__PURE__ */ jsx("span", { className: "text-ink", children: field.shortLabel })
           ] }),
@@ -7601,6 +7737,6 @@ function Tooltip({ className, offset = 6, ...props }) {
   );
 }
 
-export { ATTRIBUTE_TYPES, ATTRIBUTE_TYPE_ICONS, AttachmentChip, AttributePicker, AttributeType, AttributeTypeIcon, Avatar, AvatarGroup, Badge, BadgeMultiSelect, BooleanCell, Breadcrumbs, COLUMN_DRAG_KIND, Card, CardBody, CardContent, CardEyebrow, CardFeatureTitle, CardFooter, CardHeader, CardTitle, ChannelIcon, Checkbox, CheckboxGroup, ChipValue, ColorInput, Combobox, Command, CommandHint, CurrencyInput, DRAFT_OUTCOME_LABEL, DataTable, DataTableEmpty, DataTableError, DataTableSkeleton, DateCell, DatePicker, DateTimeCell, DateTimePicker, DraftMessageCard, DraftMessageComposer, DraftMessageReview, EmptyState, ErrorAnimation, FieldCaret, FileField, FileViewer, FileViewerFallbackCard, FilterRow, FilterValueInput, IconPicker, ImageAttachment, ImageLightbox, Input, Kbd, LinkCell, MAX_COMPOSER_ATTACHMENT_BYTES, Menu, MenuItem, MenuPopover, MenuTrigger, MessageComposer, Modal, ModalBody, ModalContent, ModalDescription, ModalFooter, ModalHeader, ModalTitle, MultiSelect, NavGroup, NavItem, NavSection, OPERATORS, OperatorPicker, PROTECTED_COMBOS, Popover, PopoverContent, PopoverPanelBody, PopoverPanelFooter, PopoverPanelHeader, PressableCard, ProgressBar, Radio, RadioGroup, RecipientSelect, RecordFilterBuilderPanel, RecordFilterButton, RecordFilterChips, RecordFilterEditor, RenderChipItemProvider, RenderValueInputProvider, SegmentedControl, Select, Separator, SubmenuTrigger, SuccessAnimation, Switch, Table, TableBody, TableCell, TableHeader, TableHeaderCell, TableHeaderSpacer, TableRow, TableScroller, Tabs, TagInput, Textarea, TimeField, ToastRegion, Tooltip, TooltipTrigger, TruncateCell, __resetDraftMessageActions, __resetDraftMessageOutcomes, addLeaf as addFilterLeaf, addPendingLeaf, addSubgroup, arityOf, attachmentChipStyles, avatarGroupStyles, avatarStyles, badgeStyles, cardStyles2 as cardStyles, channelIcon, countLeaves, createDraftMessageClient, createToastQueue, defaultValueFor, draftMessageCardStyles, draftMessageComposerStyles, draftOutcomeFor, emptyStateStyles, fieldControlStyles, fieldErrorStyles, fieldHintStyles, fieldLabelStyles, fileViewerFallbackCardStyles, fileViewerStyles, formatFileSize, formatValue, iconForContentType, imageAttachmentStyles, imageLightboxStyles, isColumnDragData, isDraftReviewOutcome, isEditableTarget, isPreviewableImageName, makeActionsColumn, messageComposerStyles, navItemStyles, normalizeHexColor, operatorById, operatorsForType, parseCombo, progressBarStyles, publishDraftMessageOutcome, rebaseRowOnFieldChange, rebaseRowOnOperatorChange, registerDraftMessageActions, removeLeaf, removeSubgroup, replaceLeaf, resolveLucideIcon, resolveLucideIconName, segmentedControlStyles, setJoiner, subscribeDraftMessageOutcome, tableCellStyles, tableHeaderCellStyles, tabsStyles, terminalKindFor, toastStyles, updateLeaf, updateSubgroup, useAttributeTypeIcon, useCommand, useDiscoveryActive, useDraftMessageActions, useDraftMessageOutcome, useEscapeKey, useInfiniteScrollSentinel, useRenderChipItem, useRenderValueInput, useShowDetails, viewerKindForContentType, wrapLeafInGroup };
+export { ATTRIBUTE_TYPES, ATTRIBUTE_TYPE_ICONS, AttachmentChip, AttributePicker, AttributeType, AttributeTypeIcon, Avatar, AvatarGroup, Badge, BadgeMultiSelect, BooleanCell, Breadcrumbs, COLUMN_DRAG_KIND, Card, CardBody, CardContent, CardEyebrow, CardFeatureTitle, CardFooter, CardHeader, CardTitle, ChannelIcon, Checkbox, CheckboxGroup, ChipValue, ColorInput, Combobox, Command, CommandHint, CurrencyInput, DRAFT_OUTCOME_LABEL, DataTable, DataTableEmpty, DataTableError, DataTableSkeleton, DateCell, DatePicker, DateTimeCell, DateTimePicker, DraftMessageCard, DraftMessageComposer, DraftMessageReview, EmptyState, ErrorAnimation, FIELD_LABEL_SEPARATOR, FieldCaret, FileField, FileViewer, FileViewerFallbackCard, FilterRow, FilterValueInput, IconPicker, ImageAttachment, ImageLightbox, Input, Kbd, LinkCell, MAX_COMPOSER_ATTACHMENT_BYTES, Menu, MenuItem, MenuPopover, MenuTrigger, MessageComposer, Modal, ModalBody, ModalContent, ModalDescription, ModalFooter, ModalHeader, ModalTitle, MultiSelect, NavGroup, NavItem, NavSection, OPERATORS, OperatorPicker, Orb, PROTECTED_COMBOS, Popover, PopoverContent, PopoverPanelBody, PopoverPanelFooter, PopoverPanelHeader, PressableCard, ProgressBar, Radio, RadioGroup, RecipientSelect, RecordFilterBuilderPanel, RecordFilterButton, RecordFilterChips, RecordFilterEditor, RenderChipItemProvider, RenderValueInputProvider, SELECTION_COLUMN_ID, SegmentedControl, Select, Separator, SubmenuTrigger, SuccessAnimation, Switch, Table, TableBody, TableCell, TableHeader, TableHeaderCell, TableHeaderSpacer, TableRow, TableScroller, Tabs, TagInput, Textarea, TimeField, ToastRegion, Tooltip, TooltipTrigger, TruncateCell, __resetDraftMessageActions, __resetDraftMessageOutcomes, addLeaf as addFilterLeaf, addPendingLeaf, addSubgroup, arityOf, attachmentChipStyles, avatarGroupStyles, avatarStyles, badgeStyles, cardStyles2 as cardStyles, channelIcon, countLeaves, createDraftMessageClient, createToastQueue, defaultValueFor, draftMessageCardStyles, draftMessageComposerStyles, draftOutcomeFor, emptyStateStyles, fieldControlStyles, fieldErrorStyles, fieldHintStyles, fieldLabelStyles, fileViewerFallbackCardStyles, fileViewerStyles, formatFileSize, formatValue, iconForContentType, imageAttachmentStyles, imageLightboxStyles, isColumnDragData, isDraftReviewOutcome, isEditableTarget, isPreviewableImageName, joinFieldLabel, makeActionsColumn, messageComposerStyles, navItemStyles, normalizeHexColor, operatorById, operatorsForType, parseCombo, progressBarStyles, publishDraftMessageOutcome, rebaseRowOnFieldChange, rebaseRowOnOperatorChange, registerDraftMessageActions, removeLeaf, removeSubgroup, replaceLeaf, resolveLucideIcon, resolveLucideIconName, segmentedControlStyles, setJoiner, subscribeDraftMessageOutcome, tableCellStyles, tableHeaderCellStyles, tabsStyles, terminalKindFor, toastStyles, updateLeaf, updateSubgroup, useAttributeTypeIcon, useCommand, useDiscoveryActive, useDraftMessageActions, useDraftMessageOutcome, useEscapeKey, useInfiniteScrollSentinel, useRenderChipItem, useRenderValueInput, useShowDetails, viewerKindForContentType, wrapLeafInGroup };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map