@handled-ai/design-system 0.1.0 → 0.2.0

package/dist/index.d.ts

@@ -1,15 +1,51 @@
 import { ClassValue } from 'clsx';
 import * as React$1 from 'react';
-import { Avatar as Avatar$1, Dialog as Dialog$1, DropdownMenu as DropdownMenu$1, ScrollArea as ScrollArea$1, Select as Select$1, Separator as Separator$1, Tooltip as Tooltip$1, Tabs as Tabs$1 } from 'radix-ui';
+import { Avatar as Avatar$1, Dialog as Dialog$1, DropdownMenu as DropdownMenu$1, Progress as Progress$1, ScrollArea as ScrollArea$1, Select as Select$1, Separator as Separator$1, Tooltip as Tooltip$1, Tabs as Tabs$1 } from 'radix-ui';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import { VariantProps } from 'class-variance-authority';
 import * as RechartsPrimitive from 'recharts';
+import { SortingState } from '@tanstack/react-table';
 import * as LabelPrimitive from '@radix-ui/react-label';
 
 declare function cn(...inputs: ClassValue[]): string;
 
 declare function useIsMobile(): boolean;
 
+interface ActivityThreadMessage {
+    id: string;
+    sender: string;
+    time: string;
+    content: string;
+    isCurrent?: boolean;
+    to?: string;
+    cc?: string;
+    subject?: string;
+}
+interface ActivityParticipant {
+    name: string;
+    role?: string;
+}
+interface ActivityDetailData {
+    icon: React$1.ReactNode;
+    title: string;
+    details: string;
+    content?: string;
+    time: string;
+    source: string;
+    sourceIcon?: React$1.ReactNode;
+    type?: "email" | "call" | "meeting" | "signal";
+    thread?: ActivityThreadMessage[];
+    participants?: ActivityParticipant[];
+    tags?: string[];
+    externalUrl?: string;
+}
+interface ActivityDetailProps {
+    activity: ActivityDetailData;
+    onBack?: () => void;
+    actions?: React$1.ReactNode;
+}
+declare function ActivityDetail({ activity, onBack, actions }: ActivityDetailProps): React$1.JSX.Element;
+
 interface ActivityLogItem {
     id: string;
     type: "workout" | "weighin" | "biometric" | "checkin" | string;
@@ -38,14 +74,35 @@ declare function AvatarGroup({ className, ...props }: React$1.ComponentProps<"di
 declare function AvatarGroupCount({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
 
 declare const badgeVariants: (props?: ({
-    variant?: "link" | "default" | "secondary" | "destructive" | "outline" | "ghost" | null | undefined;
+    variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare function Badge({ className, variant, asChild, ...props }: React$1.ComponentProps<"span"> & VariantProps<typeof badgeVariants> & {
     asChild?: boolean;
 }): React$1.JSX.Element;
 
+interface BarSeries {
+    dataKey: string;
+    color: string;
+    name?: string;
+    icon?: React$1.ComponentType<{
+        className?: string;
+    }>;
+    barSize?: number;
+}
+interface BarChartComponentProps {
+    data: Record<string, unknown>[];
+    bars: BarSeries[];
+    height?: number;
+    xAxisKey?: string;
+    showGrid?: boolean;
+    showLegend?: boolean;
+    barGap?: number;
+    className?: string;
+}
+declare function BarChartComponent({ data, bars, height, xAxisKey, showGrid, showLegend, barGap, className, }: BarChartComponentProps): React$1.JSX.Element;
+
 declare const buttonVariants: (props?: ({
-    variant?: "link" | "default" | "secondary" | "destructive" | "outline" | "ghost" | null | undefined;
+    variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | null | undefined;
     size?: "default" | "sm" | "lg" | "icon" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare function Button({ className, variant, size, asChild, ...props }: React$1.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
@@ -120,19 +177,164 @@ declare function ChartLegendContent({ className, hideIcon, payload, verticalAlig
     nameKey?: string;
 }): React$1.JSX.Element | null;
 
+interface ChartTooltipEntry {
+    name?: string;
+    value?: number | string;
+    dataKey?: string;
+    color?: string;
+    stroke?: string;
+    fill?: string;
+}
+interface SimpleChartTooltipProps {
+    active?: boolean;
+    payload?: ChartTooltipEntry[];
+    label?: string;
+    formatter?: (value: number | string, name: string) => [string, string];
+    className?: string;
+}
+declare function SimpleChartTooltip({ active, payload, label, formatter, className, }: SimpleChartTooltipProps): React$1.JSX.Element | null;
+declare const CHART_TOOLTIP_STYLE: React$1.CSSProperties;
+declare const CHART_CURSOR_STYLE: {
+    stroke: string;
+    strokeWidth: number;
+    strokeDasharray: string;
+};
+
+interface ContactChannel {
+    type: "linkedin" | "gmail" | "salesforce" | "phone" | "custom";
+    icon: React$1.ReactNode;
+    label?: string;
+    onClick?: () => void;
+}
+interface ContactItem {
+    id: string;
+    name: string;
+    role: string;
+    badge?: {
+        label: string;
+        color?: "indigo" | "green" | "amber" | "red" | "muted";
+    };
+    channels?: ContactChannel[];
+    action?: {
+        label: string;
+        onClick?: () => void;
+    };
+    description?: string;
+    onDismiss?: () => void;
+}
+interface ContactListProps {
+    title?: string;
+    count?: string;
+    contacts: ContactItem[];
+    onAdd?: () => void;
+    addLabel?: string;
+}
+declare function ContactList({ title, count, contacts, onAdd, addLabel }: ContactListProps): React$1.JSX.Element;
+
+declare function TopTasksCard({ onViewAll }: {
+    onViewAll?: () => void;
+}): React$1.JSX.Element;
+declare function UpcomingMeetingsCard(): React$1.JSX.Element;
+declare function RecentlyCompletedCard(): React$1.JSX.Element;
+declare function CheckInsCard(): React$1.JSX.Element;
+
+type DataRow = {
+    id: string;
+    name: string;
+    industry: string[];
+    accountRisks: string[];
+    riskScore: number;
+    expansionScore: number;
+    growthIndicators: string[];
+    lastInteraction: string;
+    lastInteractionDays: number;
+    createdAt: string;
+    revenue: string;
+    headcount: string;
+    lastFunding: string;
+    owner: string;
+    opportunityCount: number;
+    productAdoptionScore: number;
+};
+declare function DataTable({ onRowClick }?: {
+    onRowClick?: (row: DataRow) => void;
+}): React$1.JSX.Element;
+
+interface DataTableDisplayColumn {
+    id: string;
+    label: string;
+    visible: boolean;
+    canHide: boolean;
+}
+interface DataTableDisplayProps {
+    sorting: SortingState;
+    onSortingChange: (next: SortingState) => void;
+    columns: DataTableDisplayColumn[];
+    onToggleColumn: (columnId: string) => void;
+    onReset: () => void;
+}
+declare function DataTableDisplay({ sorting, onSortingChange, columns, onToggleColumn, onReset, }: DataTableDisplayProps): React$1.JSX.Element;
+
+interface DataTableFilterCategory {
+    id: string;
+    label: string;
+    icon: React$1.ComponentType<{
+        className?: string;
+    }>;
+    options: string[];
+}
+interface DataTableFilterProps {
+    categories: DataTableFilterCategory[];
+    selectedFilters: Record<string, string[]>;
+    onToggleFilter: (categoryId: string, option: string) => void;
+}
+declare function DataTableFilter({ categories, selectedFilters, onToggleFilter, }: DataTableFilterProps): React$1.JSX.Element;
+
+type DataTableQuickViewValue = string | null;
+interface DataTableQuickViewsProps {
+    quickViews: string[];
+    moreViews: string[];
+    activeView: DataTableQuickViewValue;
+    onViewChange: (next: DataTableQuickViewValue) => void;
+    className?: string;
+}
+declare function DataTableQuickViews({ quickViews, moreViews, activeView, onViewChange, className, }: DataTableQuickViewsProps): React$1.JSX.Element;
+
+interface DataTableToolbarProps {
+    categories: DataTableFilterCategory[];
+    selectedFilters: Record<string, string[]>;
+    onToggleFilter: (categoryId: string, option: string) => void;
+    sorting: SortingState;
+    onSortingChange: (next: SortingState) => void;
+    displayColumns: DataTableDisplayColumn[];
+    onToggleColumn: (columnId: string) => void;
+    onResetDisplay: () => void;
+}
+declare function DataTableToolbar({ categories, selectedFilters, onToggleFilter, sorting, onSortingChange, displayColumns, onToggleColumn, onResetDisplay, }: DataTableToolbarProps): React$1.JSX.Element;
+
 declare function DetailViewHeader({ title, breadcrumbs, badges, onBack, }: {
     title: string;
     breadcrumbs: React$1.ReactNode;
     badges: React$1.ReactNode;
     onBack?: () => void;
 }): React$1.JSX.Element;
-declare function DetailViewSummary({ title, children, sources, }: {
+declare function DetailViewSummary({ title, children, sources, actions, }: {
     title?: string;
     children: React$1.ReactNode;
     sources?: React$1.ReactNode;
+    actions?: React$1.ReactNode;
 }): React$1.JSX.Element;
-declare function Citation({ number }: {
+type SourceDef = {
+    id: number | string;
+    summary: string;
+    meta: string;
+};
+declare function Citation({ number, source, }: {
     number: number | string;
+    source?: SourceDef;
+}): React$1.JSX.Element;
+declare function SourceList({ sources }: {
+    sources: SourceDef[];
 }): React$1.JSX.Element;
 declare function DetailViewThread({ title, actionCount, children, }: {
     title: string;
@@ -166,6 +368,24 @@ declare function DialogFooter({ className, showCloseButton, children, ...props }
 declare function DialogTitle({ className, ...props }: React$1.ComponentProps<typeof Dialog$1.Title>): React$1.JSX.Element;
 declare function DialogDescription({ className, ...props }: React$1.ComponentProps<typeof Dialog$1.Description>): React$1.JSX.Element;
 
+interface DonutSegment {
+    name: string;
+    value: number;
+    color: string;
+}
+interface DonutChartProps {
+    data: DonutSegment[];
+    centerLabel?: string | number;
+    size?: number;
+    innerRadius?: number;
+    outerRadius?: number;
+    paddingAngle?: number;
+    showTooltip?: boolean;
+    showLegend?: boolean;
+    className?: string;
+}
+declare function DonutChart({ data, centerLabel, size, innerRadius, outerRadius, paddingAngle, showTooltip, showLegend, className, }: DonutChartProps): React$1.JSX.Element;
+
 declare function DropdownMenu({ ...props }: React$1.ComponentProps<typeof DropdownMenu$1.Root>): React$1.JSX.Element;
 declare function DropdownMenuPortal({ ...props }: React$1.ComponentProps<typeof DropdownMenu$1.Portal>): React$1.JSX.Element;
 declare function DropdownMenuTrigger({ ...props }: React$1.ComponentProps<typeof DropdownMenu$1.Trigger>): React$1.JSX.Element;
@@ -189,6 +409,100 @@ declare function DropdownMenuSubTrigger({ className, inset, children, ...props }
 }): React$1.JSX.Element;
 declare function DropdownMenuSubContent({ className, ...props }: React$1.ComponentProps<typeof DropdownMenu$1.SubContent>): React$1.JSX.Element;
 
+interface TimelineEvent {
+    id: string;
+    icon: React$1.ReactNode;
+    title: React$1.ReactNode;
+    time: string;
+    preview?: React$1.ReactNode;
+    email?: {
+        from: string;
+        fromEmail?: string;
+        to: string;
+        cc?: string;
+        bcc?: string;
+        date?: string;
+        subject?: string;
+        body: React$1.ReactNode;
+    };
+    content?: React$1.ReactNode;
+    source?: {
+        label: string;
+        url: string;
+    };
+    defaultExpanded?: boolean;
+    isInteractive?: boolean;
+}
+interface TimelineActivityProps {
+    events: TimelineEvent[];
+    className?: string;
+}
+declare function TimelineActivity({ events, className }: TimelineActivityProps): React$1.JSX.Element;
+
+declare function EntityPanel({ isOpen, onClose, children, }: {
+    isOpen: boolean;
+    onClose: (open: boolean) => void;
+    children?: React$1.ReactNode;
+}): React$1.JSX.Element;
+declare function EntityPanelHeader({ icon, title, badgeLabel, subtitle, }: {
+    icon?: React$1.ReactNode;
+    title: string;
+    badgeLabel?: string;
+    subtitle?: string;
+}): React$1.JSX.Element;
+declare function EntityPanelTabs({ tabs, activeTab, onTabChange, }: {
+    tabs: {
+        id: string;
+        label: string;
+    }[];
+    activeTab: string;
+    onTabChange: (id: string) => void;
+}): React$1.JSX.Element;
+interface EntityMetadataField {
+    icon: React$1.ComponentType<{
+        className?: string;
+    }>;
+    label: string;
+    value: React$1.ReactNode;
+}
+declare function EntityMetadataGrid({ fields }: {
+    fields: EntityMetadataField[];
+}): React$1.JSX.Element;
+declare function EntitySection({ title, children, action, }: {
+    title: string;
+    children: React$1.ReactNode;
+    action?: React$1.ReactNode;
+}): React$1.JSX.Element;
+declare function EntityActivityItem({ icon, title, description, date, }: {
+    icon?: React$1.ReactNode;
+    title: React$1.ReactNode;
+    description?: React$1.ReactNode;
+    date?: string;
+}): React$1.JSX.Element;
+declare function SystemActivity(): React$1.JSX.Element;
+interface EntityPanelBrandIcons {
+    linkedin?: string;
+    gmail?: string;
+    slack?: string;
+    gdoc?: string;
+}
+declare function PotentialContacts({ icons, }: {
+    icons?: Pick<EntityPanelBrandIcons, "linkedin" | "gmail">;
+}): React$1.JSX.Element;
+type ActivityItem = TimelineEvent;
+declare function RecentActivity({ title, count, filters, items, }: {
+    title?: string;
+    count?: string;
+    filters?: string[];
+    items?: TimelineEvent[];
+}): React$1.JSX.Element;
+declare function ConnectedApps({ icons, }: {
+    icons?: Pick<EntityPanelBrandIcons, "slack" | "gdoc">;
+}): React$1.JSX.Element;
+declare function EntityDetails({ onClose }: {
+    onClose?: () => void;
+}): React$1.JSX.Element;
+
 interface InboxRowProps extends React$1.HTMLAttributes<HTMLDivElement> {
     itemId: string;
     statusColor: "red" | "orange" | "gray";
@@ -196,6 +510,7 @@ interface InboxRowProps extends React$1.HTMLAttributes<HTMLDivElement> {
     secondaryText: string;
     tertiaryText: string;
     isAtRisk?: boolean;
+    isSelected?: boolean;
     contactMethods?: {
         phone?: boolean;
         email?: boolean;
@@ -212,8 +527,94 @@ declare function InboxGroupHeader({ title, count }: {
     count: number;
 }): React$1.JSX.Element;
 
+type AssigneeFilter = "me" | "team" | "all";
+interface InboxFilterCategory {
+    id: string;
+    label: string;
+    icon: React$1.ReactNode;
+    options: string[];
+}
+interface InboxToolbarProps {
+    assignee: AssigneeFilter;
+    onAssigneeChange: (value: AssigneeFilter) => void;
+    filterCategories: InboxFilterCategory[];
+    selectedFilters: Record<string, string>;
+    onFilterChange: (categoryId: string, value: string) => void;
+    onClearFilters: () => void;
+    className?: string;
+}
+declare function InboxToolbar({ assignee, onAssigneeChange, filterCategories, selectedFilters, onFilterChange, onClearFilters, className, }: InboxToolbarProps): React$1.JSX.Element;
+
 declare function Input({ className, type, ...props }: React$1.ComponentProps<"input">): React$1.JSX.Element;
 
+declare function ItemList(): React$1.JSX.Element;
+interface GroupedListGroup<T> {
+    key: string;
+    label: string;
+    items: T[];
+}
+interface GroupedListViewProps<T> {
+    groups: GroupedListGroup<T>[];
+    renderRow: (item: T, index: number) => React$1.ReactNode;
+    getItemKey: (item: T) => string;
+    selectedKey?: string;
+    onItemClick?: (item: T) => void;
+    emptyMessage?: string;
+    className?: string;
+}
+declare function GroupedListView<T>({ groups, renderRow, getItemKey, selectedKey, onItemClick, emptyMessage, className, }: GroupedListViewProps<T>): React$1.JSX.Element;
+
+type ItemListGrouping = "stage" | "owner" | "risk";
+type ItemListViewMode = "list" | "board";
+interface ItemListDisplayState {
+    viewMode: ItemListViewMode;
+    grouping: ItemListGrouping;
+    subGrouping: "none" | ItemListGrouping;
+    ordering: string;
+    orderingDirection: "asc" | "desc";
+    showContactSignals: boolean;
+    showOwner: boolean;
+    showStatus: boolean;
+}
+interface ItemListDisplayProps {
+    value: ItemListDisplayState;
+    onChange: (next: ItemListDisplayState) => void;
+    onReset: () => void;
+}
+declare function ItemListDisplay({ value, onChange, onReset, }: ItemListDisplayProps): React$1.JSX.Element;
+
+interface ItemListFilterCategory {
+    id: string;
+    label: string;
+    options: string[];
+}
+interface ItemListFilterProps {
+    categories: ItemListFilterCategory[];
+    selectedFilters: Record<string, string[]>;
+    onToggleFilter: (categoryId: string, option: string) => void;
+    onClearFilters: () => void;
+}
+declare function ItemListFilter({ categories, selectedFilters, onToggleFilter, onClearFilters, }: ItemListFilterProps): React$1.JSX.Element;
+
+interface ItemListQuickView {
+    id: string;
+    label: string;
+    count: number;
+}
+interface ItemListToolbarProps {
+    quickViews: ItemListQuickView[];
+    activeQuickView: string | null;
+    onQuickViewChange: (viewId: string | null) => void;
+    filterCategories: ItemListFilterCategory[];
+    selectedFilters: Record<string, string[]>;
+    onToggleFilter: (categoryId: string, option: string) => void;
+    onClearFilters: () => void;
+    display: ItemListDisplayState;
+    onDisplayChange: (next: ItemListDisplayState) => void;
+    onResetDisplay: () => void;
+}
+declare function ItemListToolbar({ quickViews, activeQuickView, onQuickViewChange, filterCategories, selectedFilters, onToggleFilter, onClearFilters, display, onDisplayChange, onResetDisplay, }: ItemListToolbarProps): React$1.JSX.Element;
+
 declare function Label({ className, ...props }: React$1.ComponentProps<typeof LabelPrimitive.Root>): React$1.JSX.Element;
 
 interface MetricDataPoint {
@@ -238,6 +639,366 @@ interface MetricCardProps {
 }
 declare function MetricCard({ title, value, unit, subtitle, change, footerText, dataPoints, showExternalLink, showInfo, }: MetricCardProps): React$1.JSX.Element;
 
+interface PerformanceMetricsTableRow {
+    id: string;
+    label: string;
+    avatarFallback: string;
+    role?: string;
+    primaryValue: number;
+    primaryTarget: number;
+    ratePercent: number;
+    metricOne: number;
+    metricTwo: string;
+    metricThree: number;
+    metricFour: number;
+}
+interface PerformanceMetricsTableSortOption {
+    id: "primary-desc" | "primary-asc" | "rate-desc" | "metric-four-desc";
+    label: string;
+}
+interface PerformanceMetricsTableProps {
+    title?: string;
+    entityColumnLabel?: string;
+    primaryMetricColumnLabel?: string;
+    rateColumnLabel?: string;
+    metricOneColumnLabel?: string;
+    metricTwoColumnLabel?: string;
+    metricThreeColumnLabel?: string;
+    metricFourColumnLabel?: string;
+    viewOptions?: string[];
+    roleOptions?: string[];
+    sortOptions?: PerformanceMetricsTableSortOption[];
+    rows?: PerformanceMetricsTableRow[];
+    pageSize?: number;
+    searchPlaceholder?: string;
+}
+declare function PerformanceMetricsTable({ title, entityColumnLabel, primaryMetricColumnLabel, rateColumnLabel, metricOneColumnLabel, metricTwoColumnLabel, metricThreeColumnLabel, metricFourColumnLabel, viewOptions, roleOptions, sortOptions, rows, pageSize, searchPlaceholder, }: PerformanceMetricsTableProps): React$1.JSX.Element;
+
+interface PipelineStage {
+    id: string;
+    label: string;
+    count: number;
+    trend: string;
+    nextConversion: string | null;
+}
+interface PipelineStageMetrics {
+    medianTime: string;
+    avgTime: string;
+    dropOffs: {
+        reason: string;
+        count: number;
+        pct: string;
+    }[];
+}
+interface PipelineStageTiming {
+    median: string;
+    avg: string;
+}
+interface PipelineFilterBreakdown {
+    [stageId: string]: Record<string, number>;
+}
+interface PipelineOverviewProps {
+    title?: string;
+    stages: PipelineStage[];
+    stageMetrics: Record<string, PipelineStageMetrics>;
+    stageTimings: (PipelineStageTiming | null)[];
+    filterOptions?: string[];
+    filterBreakdowns?: Record<string, PipelineFilterBreakdown>;
+    countingModes?: string[];
+    countingModeTooltip?: string;
+    /** Main pipeline flow nodes (after the first stage) */
+    flowNodes?: {
+        id: string;
+        nodeColor: string;
+    }[];
+    /** Drop-off distribution from initial stage: { "Lost/Other": 56, "Coverage": 40, ... } */
+    dropOffDistribution?: Record<string, number>;
+    /** Flow links after the first stage (middle of pipeline onward) */
+    flowLinks?: {
+        source: string;
+        target: string;
+        value: number;
+    }[];
+    totalReceived?: number;
+    onViewInWorkQueue?: (stageId: string) => void;
+    className?: string;
+}
+declare function PipelineOverview({ title, stages, stageMetrics, stageTimings, filterOptions, filterBreakdowns, countingModes, countingModeTooltip, flowNodes, dropOffDistribution, flowLinks, totalReceived, onViewInWorkQueue, className, }: PipelineOverviewProps): React$1.JSX.Element;
+
+declare function PreviewList({ children, className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): React$1.JSX.Element;
+interface PreviewListItemProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>, 'title'> {
+    icon?: React$1.ReactNode;
+    title: React$1.ReactNode;
+    subtitle?: React$1.ReactNode;
+    meta?: React$1.ReactNode;
+    action?: React$1.ReactNode;
+    isHoverable?: boolean;
+}
+declare const PreviewListItem: React$1.ForwardRefExoticComponent<PreviewListItemProps & React$1.RefAttributes<HTMLDivElement>>;
+
+declare function Progress({ className, value, ...props }: React$1.ComponentProps<typeof Progress$1.Root>): React$1.JSX.Element;
+
+type QuickActionPriority$1 = "normal" | "high" | "urgent";
+interface QuickActionSubmitPayload {
+    message: string;
+    priority: QuickActionPriority$1;
+}
+interface QuickActionChatAreaProps extends Omit<React$1.ComponentProps<"div">, "onSubmit"> {
+    placeholder?: string;
+    submitLabel?: string;
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    priority?: QuickActionPriority$1;
+    defaultPriority?: QuickActionPriority$1;
+    onPriorityChange?: (priority: QuickActionPriority$1) => void;
+    onSubmit: (payload: QuickActionSubmitPayload) => void;
+    allowEmptySubmit?: boolean;
+    clearOnSubmit?: boolean;
+    showEnterHint?: boolean;
+}
+declare function QuickActionChatArea({ className, placeholder, submitLabel, value, defaultValue, onValueChange, priority, defaultPriority, onPriorityChange, onSubmit, allowEmptySubmit, clearOnSubmit, showEnterHint, ...props }: QuickActionChatAreaProps): React$1.JSX.Element;
+
+type TemplateIcon = React$1.ComponentType<{
+    className?: string;
+}>;
+interface QuickActionTemplate {
+    id: string;
+    label: string;
+    description: string;
+    icon: TemplateIcon;
+    category?: string;
+}
+type QuickActionPriority = "normal" | "high" | "urgent";
+interface QuickActionTaskDraft {
+    templateId: string | null;
+    message: string;
+    priority: QuickActionPriority;
+}
+interface QuickActionModalProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    templates?: QuickActionTemplate[];
+    title?: string;
+    description?: string;
+    className?: string;
+    onCreateTask?: (draft: QuickActionTaskDraft) => void;
+}
+declare function QuickActionModal({ open, onOpenChange, templates, title, description, className, onCreateTask, }: QuickActionModalProps): React$1.JSX.Element;
+
+interface SidebarNavItem {
+    id: string;
+    label: string;
+    icon: React$1.ComponentType<{
+        className?: string;
+    }>;
+}
+interface SidebarNavSection {
+    title?: string;
+    items: SidebarNavItem[];
+    moreItems?: SidebarNavItem[];
+}
+interface SidebarUserProfile {
+    name: string;
+    email: string;
+    initials?: string;
+}
+interface UserMenuItem {
+    id: string;
+    label: string;
+    icon: React$1.ComponentType<{
+        className?: string;
+    }>;
+    destructive?: boolean;
+}
+interface QuickActionSidebarNavProps extends React$1.ComponentProps<"aside"> {
+    brandLabel?: string;
+    brandSubtitle?: string;
+    navSections?: SidebarNavSection[];
+    activeItemId?: string;
+    onNavigate?: (itemId: string) => void;
+    user?: SidebarUserProfile;
+    userMenuItems?: UserMenuItem[];
+    onUserMenuAction?: (itemId: string) => void;
+    onCreateTask?: (draft: QuickActionTaskDraft) => void;
+    defaultCollapsed?: boolean;
+}
+declare function QuickActionSidebarNav({ className, brandLabel, brandSubtitle, navSections, activeItemId, onNavigate, user, userMenuItems, onUserMenuAction, onCreateTask, defaultCollapsed, ...props }: QuickActionSidebarNavProps): React$1.JSX.Element;
+
+interface RecommendedAction {
+    id: string;
+    title: string;
+    reason: string;
+    category?: "Churn" | "Expand" | "Nurture" | string;
+    priority?: "High" | "Medium" | "Low" | string;
+    dueDate?: string;
+    confidence?: number;
+    signals?: string[];
+    revenueImpact?: number;
+}
+interface RecommendedActionsSectionProps {
+    actions: RecommendedAction[];
+    title?: string;
+    onQueueAction?: (action: RecommendedAction) => void;
+    onDismissAction?: (action: RecommendedAction) => void;
+    onFeedback?: (actionId: string, feedback: "useful" | "not_useful", comment: string) => void;
+}
+declare function RecommendedActionsSection({ actions, title, onQueueAction, onDismissAction, onFeedback, }: RecommendedActionsSectionProps): React$1.JSX.Element;
+
+interface ReportCardFilterOption {
+    label: string;
+    value: string;
+}
+interface ReportCardProps {
+    title: string;
+    subtitle?: string;
+    /** Filter pill group rendered top-right */
+    filterOptions?: ReportCardFilterOption[];
+    selectedFilter?: string;
+    onFilterChange?: (value: string) => void;
+    /** Secondary toggle (e.g. metric selector) */
+    toggleOptions?: string[];
+    selectedToggle?: string;
+    onToggleChange?: (value: string) => void;
+    /** Render slot between header and content */
+    headerExtra?: React$1.ReactNode;
+    children: React$1.ReactNode;
+    className?: string;
+    contentClassName?: string;
+}
+declare function ReportCard({ title, subtitle, filterOptions, selectedFilter, onFilterChange, toggleOptions, selectedToggle, onToggleChange, headerExtra, children, className, contentClassName, }: ReportCardProps): React$1.JSX.Element;
+
+interface SankeyNode {
+    id: string;
+    nodeColor?: string;
+}
+interface SankeyLink {
+    source: string;
+    target: string;
+    value: number;
+}
+interface SankeyData {
+    nodes: SankeyNode[];
+    links: SankeyLink[];
+}
+interface SankeyDropOff {
+    reason: string;
+    count: number;
+    pct?: string;
+}
+interface SankeyStageMetrics {
+    conversion: string;
+    medianTime: string;
+    avgTime: string;
+}
+interface SankeyHoverCardData {
+    title: string;
+    count: number | string;
+    metrics?: SankeyStageMetrics;
+    dropOffs?: SankeyDropOff[];
+}
+interface SankeyChartProps {
+    data: SankeyData;
+    height?: number;
+    nodeOpacity?: number;
+    nodeThickness?: number;
+    nodeBorderWidth?: number;
+    linkOpacity?: number;
+    linkHoverOpacity?: number;
+    enableLabels?: boolean;
+    labelTextColor?: string;
+    stageMetrics?: Record<string, {
+        metrics: SankeyStageMetrics;
+        dropOffs: SankeyDropOff[];
+    }>;
+    onDropOffClick?: (reason: string) => void;
+    onViewDetails?: (nodeId: string) => void;
+    className?: string;
+}
+declare function SankeyChart({ data, height, nodeOpacity, nodeThickness, nodeBorderWidth, linkOpacity, linkHoverOpacity, enableLabels, labelTextColor, stageMetrics, onDropOffClick, onViewDetails, className, }: SankeyChartProps): React$1.JSX.Element;
+
+interface ScoreFactor {
+    key: string;
+    label: string;
+    score: number | null;
+    risk?: "Low" | "Medium" | "High";
+    why: string;
+}
+interface ScoreBreakdownProps {
+    factors: ScoreFactor[];
+    onFactorFeedback?: (factorKey: string, type: "up" | "down" | null, detail?: string) => void;
+    className?: string;
+}
+declare function ScoreBreakdown({ factors, onFactorFeedback, className }: ScoreBreakdownProps): React$1.JSX.Element;
+
+interface ScoreAnalysisModalProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    title: string;
+    description: string;
+    score: number;
+    denominator?: number;
+    whyNow: string;
+    evidence: React$1.ReactNode[];
+    factors?: ScoreFactor[];
+    onFactorFeedback?: (factorKey: string, type: "up" | "down" | null, detail?: string) => void;
+    companyName?: string;
+    opportunityUrl?: string;
+    onApprove?: () => void;
+    onApproveFeedback?: (reasons: string[], detail: string) => void;
+    onDismiss?: (reasons: string[], detail: string) => void;
+}
+declare function ScoreAnalysisModal({ open, onOpenChange, title, description, score, denominator, whyNow, evidence, factors, onFactorFeedback, companyName, opportunityUrl, onApprove, onApproveFeedback, onDismiss, }: ScoreAnalysisModalProps): React$1.JSX.Element;
+declare const ScoreAnalysisPanel: typeof ScoreAnalysisModal;
+
+interface SubmittedScoreFeedback {
+    type: "up" | "down";
+    pills: string[];
+    detail: string;
+}
+interface ScoreFeedbackState {
+    thumbState: "up" | "down" | null;
+    selectedPills: string[];
+    detailText: string;
+    notedType: "up" | "down" | null;
+    submittedFeedback: SubmittedScoreFeedback | null;
+    otherSelected: boolean;
+    hasRequiredInput: boolean;
+    handleThumbClick: (type: "up" | "down") => void;
+    togglePill: (pill: string) => void;
+    setDetailText: (text: string) => void;
+    handleSubmit: () => void;
+    editSubmitted: () => void;
+}
+declare function useScoreFeedback(): ScoreFeedbackState;
+interface RootProps$1 {
+    children: React$1.ReactNode;
+    onSubmitFeedback?: (type: "up" | "down", pills: string[], detail: string) => void;
+}
+declare function Root$1({ children, onSubmitFeedback }: RootProps$1): React$1.JSX.Element;
+declare function Trigger({ className }: {
+    className?: string;
+}): React$1.JSX.Element;
+declare function Panel({ className }: {
+    className?: string;
+}): React$1.JSX.Element | null;
+declare const ScoreFeedback: {
+    Root: typeof Root$1;
+    Trigger: typeof Trigger;
+    Panel: typeof Panel;
+};
+
+declare function getScoreColor(score: number, denominator: number): "text-emerald-500" | "text-amber-500" | "text-red-500";
+interface ScoreRingProps {
+    score: number;
+    denominator?: number;
+    size?: number;
+    strokeWidth?: number;
+    className?: string;
+    showLabel?: boolean;
+}
+declare function ScoreRing({ score, denominator, size, strokeWidth, className, showLabel, }: ScoreRingProps): React$1.JSX.Element;
+
 declare function ScrollArea({ className, children, ...props }: React$1.ComponentProps<typeof ScrollArea$1.Root>): React$1.JSX.Element;
 declare function ScrollBar({ className, orientation, ...props }: React$1.ComponentProps<typeof ScrollArea$1.ScrollAreaScrollbar>): React$1.JSX.Element;
 
@@ -336,8 +1097,148 @@ declare function SidebarMenuSubButton({ asChild, size, isActive, className, ...p
     isActive?: boolean;
 }): React$1.JSX.Element;
 
+type ApprovalState = "pending" | "confirming" | "approving-feedback" | "dismissing" | "approved" | "dismissed";
+interface SignalApprovalContextValue {
+    approvalState: ApprovalState;
+    companyName: string;
+    opportunityUrl?: string;
+    approve: () => void;
+    submitApproveFeedback: (reasons: string[], detail: string) => void;
+    skipApproveFeedback: () => void;
+    dismiss: (reasons: string[], detail: string) => void;
+    requestApproval: () => void;
+    requestDismiss: () => void;
+    cancel: () => void;
+}
+declare function useSignalApproval(): SignalApprovalContextValue;
+interface RootProps {
+    children: React$1.ReactNode;
+    companyName: string;
+    opportunityUrl?: string;
+    onApprove?: () => void;
+    onApproveFeedback?: (reasons: string[], detail: string) => void;
+    onDismiss?: (reasons: string[], detail: string) => void;
+}
+declare function Root({ children, companyName, opportunityUrl, onApprove, onApproveFeedback, onDismiss }: RootProps): React$1.JSX.Element;
+declare function Actions(): React$1.JSX.Element;
+declare function Gate({ children }: {
+    children: React$1.ReactNode;
+}): React$1.JSX.Element;
+
+declare const SignalApproval: {
+    Root: typeof Root;
+    Actions: typeof Actions;
+    Gate: typeof Gate;
+};
+
 declare function Skeleton({ className, ...props }: React.ComponentProps<"div">): React$1.JSX.Element;
 
+interface StyledBarItem {
+    name: string;
+    value: number;
+    href?: string;
+    subtitle?: string;
+}
+interface StyledBarListProps {
+    data: StyledBarItem[];
+    valueFormatter?: (value: number) => string;
+    className?: string;
+    showAnimation?: boolean;
+    showSubtitle?: boolean;
+    barColor?: string;
+}
+declare function StyledBarList({ data, valueFormatter, className, showAnimation, showSubtitle, barColor, }: StyledBarListProps): React$1.JSX.Element;
+
+interface SuggestedActionsIconMap {
+    gmail?: string;
+    slack?: string;
+    zendesk?: string;
+    salesforce?: string;
+}
+interface SuggestedContact {
+    name: string;
+    role: string;
+    email?: string;
+    emails?: string[];
+    phone?: string;
+    phones?: string[];
+    confirmed: boolean;
+    salesforceUrl?: string;
+    lastActivity?: {
+        date: string;
+        type: string;
+    };
+}
+interface SuggestedActionThreadMessage {
+    id: string;
+    from: string;
+    initials: string;
+    time: string;
+    preview: string;
+    content: string;
+}
+interface SuggestedActionReplyTo {
+    from: string;
+    time: string;
+    content: string;
+    channel?: string;
+}
+interface SuggestedActionTicket {
+    system: string;
+    priority: string;
+    type: string;
+    subject: string;
+    description: string;
+    assignee?: string;
+    tags?: string[];
+}
+interface SuggestedActionFollowUp {
+    enabled: boolean;
+    days: number;
+}
+interface SuggestedActionEmailMeta {
+    from: string;
+    fromEmail: string;
+    to?: SuggestedContact;
+    cc?: SuggestedContact[];
+    bcc?: string;
+    subject?: string;
+}
+interface SuggestedActionCallMeta {
+    contact?: SuggestedContact;
+    talkTrack: string;
+    allowDispatchAgent?: boolean;
+}
+interface SuggestedAction {
+    id: number | string;
+    type: "email" | "ticket" | "slack" | "call";
+    label: string;
+    status: "pending" | "sent" | "dismissed";
+    content?: string;
+    replyTo?: SuggestedActionReplyTo;
+    threadMessages?: SuggestedActionThreadMessage[];
+    ticket?: SuggestedActionTicket;
+    followUp?: SuggestedActionFollowUp;
+    emailMeta?: SuggestedActionEmailMeta;
+    callMeta?: SuggestedActionCallMeta;
+}
+interface SuggestedActionsProps {
+    actions: SuggestedAction[];
+    title?: string;
+    onDismiss?: (id: number | string) => void;
+    onSend?: (id: number | string) => void;
+    onSaveDraft?: (id: number | string) => void;
+    accountContacts?: SuggestedContact[];
+    signature?: string;
+    onDuplicate?: (id: number | string) => void;
+    onOpenAccountDetails?: () => void;
+    onOpenRecentActivity?: () => void;
+    onMarkComplete?: (id: number | string) => void;
+    onDispatchAgent?: (id: number | string) => void;
+    iconMap?: SuggestedActionsIconMap;
+}
+declare function SuggestedActions({ actions, title, onDismiss, onSend, onSaveDraft, accountContacts, signature, onDuplicate, onOpenAccountDetails, onOpenRecentActivity, onMarkComplete, onDispatchAgent, iconMap, }: SuggestedActionsProps): React$1.JSX.Element;
+
 declare function Table({ className, ...props }: React$1.ComponentProps<"table">): React$1.JSX.Element;
 declare function TableHeader({ className, ...props }: React$1.ComponentProps<"thead">): React$1.JSX.Element;
 declare function TableBody({ className, ...props }: React$1.ComponentProps<"tbody">): React$1.JSX.Element;
@@ -349,7 +1250,7 @@ declare function TableCaption({ className, ...props }: React$1.ComponentProps<"c
 
 declare function Tabs({ className, orientation, ...props }: React$1.ComponentProps<typeof Tabs$1.Root>): React$1.JSX.Element;
 declare const tabsListVariants: (props?: ({
-    variant?: "line" | "default" | null | undefined;
+    variant?: "default" | "line" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare function TabsList({ className, variant, ...props }: React$1.ComponentProps<typeof Tabs$1.List> & VariantProps<typeof tabsListVariants>): React$1.JSX.Element;
 declare function TabsTrigger({ className, ...props }: React$1.ComponentProps<typeof Tabs$1.Trigger>): React$1.JSX.Element;
@@ -357,4 +1258,74 @@ declare function TabsContent({ className, ...props }: React$1.ComponentProps<typ
 
 declare function Textarea({ className, ...props }: React$1.ComponentProps<"textarea">): React$1.JSX.Element;
 
-export { ActivityLog, type ActivityLogItem, type ActivityLogProps, ActivityRow, Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage, Badge, Button, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, type ChartConfig, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, Citation, DetailViewHeader, DetailViewSummary, DetailViewThread, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, InboxGroupHeader, InboxRow, type InboxRowProps, Input, Label, MetricCard, type MetricCardProps, type MetricDataPoint, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, ThreadMessage, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, badgeVariants, buttonVariants, cn, tabsListVariants, useIsMobile, useSidebar };
+interface MetricCardData {
+    label: string;
+    value: string | number;
+    trend?: {
+        value: number;
+        direction: "up" | "down" | "neutral";
+    };
+    alert?: boolean;
+}
+interface TopLineMetricsProps {
+    metrics: MetricCardData[];
+    chartData?: {
+        date: string;
+        value: number;
+        secondary?: number;
+    }[];
+    filters?: string[];
+    activeFilter?: string;
+    onFilterChange?: (filter: string) => void;
+    className?: string;
+}
+declare function TopLineMetrics({ metrics, chartData, filters, activeFilter, onFilterChange, className, }: TopLineMetricsProps): React$1.JSX.Element;
+
+interface TrendSeries {
+    dataKey: string;
+    color: string;
+    label?: string;
+    fillOpacity?: number;
+}
+interface TrendAreaChartProps {
+    data: Record<string, unknown>[];
+    series: TrendSeries[];
+    height?: number;
+    xAxisKey?: string;
+    showGrid?: boolean;
+    yDomain?: [number, number];
+    tooltipFormatter?: (value: number | string, name: string) => [string, string];
+    className?: string;
+}
+declare function TrendAreaChart({ data, series, height, xAxisKey, showGrid, yDomain, tooltipFormatter, className, }: TrendAreaChartProps): React$1.JSX.Element;
+
+interface ViewMode {
+    id: string;
+    icon: React$1.ReactNode;
+    label: string;
+}
+interface ViewModeToggleProps {
+    modes: ViewMode[];
+    activeMode: string;
+    onModeChange: (modeId: string) => void;
+    className?: string;
+}
+declare function ViewModeToggle({ modes, activeMode, onModeChange, className }: ViewModeToggleProps): React$1.JSX.Element;
+
+interface VolumeDataKey {
+    key: string;
+    color: string;
+}
+interface VolumeAnalysisChartProps {
+    data: Record<string, unknown>[];
+    dataKeys: VolumeDataKey[];
+    height?: number;
+    xAxisKey?: string;
+    stacked?: boolean;
+    title?: string;
+    subtitle?: string;
+    className?: string;
+}
+declare function VolumeAnalysisChart({ data, dataKeys, height, xAxisKey, stacked, title, subtitle, className, }: VolumeAnalysisChartProps): React$1.JSX.Element;
+
+export { ActivityDetail, type ActivityDetailData, type ActivityDetailProps, type ActivityItem, ActivityLog, type ActivityLogItem, type ActivityLogProps, type ActivityParticipant, ActivityRow, type ActivityThreadMessage, type AssigneeFilter, Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage, Badge, BarChartComponent, type BarChartComponentProps, type BarSeries, Button, CHART_CURSOR_STYLE, CHART_TOOLTIP_STYLE, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, type ChartConfig, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, type ChartTooltipEntry, CheckInsCard, Citation, ConnectedApps, type ContactChannel, type ContactItem, ContactList, type ContactListProps, DataTable, DataTableDisplay, type DataTableDisplayColumn, DataTableFilter, type DataTableFilterCategory, type DataTableQuickViewValue, DataTableQuickViews, DataTableToolbar, DetailViewHeader, DetailViewSummary, DetailViewThread, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DonutChart, type DonutChartProps, type DonutSegment, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EntityActivityItem, EntityDetails, type EntityMetadataField, EntityMetadataGrid, EntityPanel, type EntityPanelBrandIcons, EntityPanelHeader, EntityPanelTabs, EntitySection, type GroupedListGroup, GroupedListView, type GroupedListViewProps, type InboxFilterCategory, InboxGroupHeader, InboxRow, type InboxRowProps, InboxToolbar, type InboxToolbarProps, Input, ItemList, ItemListDisplay, type ItemListDisplayState, ItemListFilter, type ItemListFilterCategory, type ItemListGrouping, type ItemListQuickView, ItemListToolbar, type ItemListViewMode, Label, MetricCard, type MetricCardData, type MetricCardProps, type MetricDataPoint, PerformanceMetricsTable, type PerformanceMetricsTableRow, type PerformanceMetricsTableSortOption, type PipelineFilterBreakdown, PipelineOverview, type PipelineOverviewProps, type PipelineStage, type PipelineStageMetrics, type PipelineStageTiming, PotentialContacts, PreviewList, PreviewListItem, type PreviewListItemProps, Progress, QuickActionChatArea, QuickActionModal, type QuickActionPriority$1 as QuickActionPriority, QuickActionSidebarNav, type QuickActionSubmitPayload, type QuickActionTaskDraft, type QuickActionTemplate, RecentActivity, RecentlyCompletedCard, type RecommendedAction, RecommendedActionsSection, ReportCard, type ReportCardProps, SankeyChart, type SankeyData, type SankeyDropOff, type SankeyHoverCardData, type SankeyLink, type SankeyNode, type SankeyStageMetrics, ScoreAnalysisModal, type ScoreAnalysisModalProps, ScoreAnalysisPanel, ScoreBreakdown, type ScoreBreakdownProps, type ScoreFactor, ScoreFeedback, ScoreRing, type ScoreRingProps, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, type SidebarNavItem, type SidebarNavSection, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, type SidebarUserProfile, SignalApproval, Actions as SignalApprovalActions, Gate as SignalApprovalGate, Root as SignalApprovalRoot, SimpleChartTooltip, type SimpleChartTooltipProps, Skeleton, type SourceDef, SourceList, type StyledBarItem, StyledBarList, type StyledBarListProps, type SuggestedAction, type SuggestedActionCallMeta, type SuggestedActionEmailMeta, type SuggestedActionFollowUp, type SuggestedActionReplyTo, type SuggestedActionThreadMessage, type SuggestedActionTicket, SuggestedActions, type SuggestedActionsIconMap, type SuggestedActionsProps, type SuggestedContact, SystemActivity, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, ThreadMessage, TimelineActivity, type TimelineActivityProps, type TimelineEvent, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, TopLineMetrics, type TopLineMetricsProps, TopTasksCard, TrendAreaChart, type TrendAreaChartProps, type TrendSeries, UpcomingMeetingsCard, type UserMenuItem, type ViewMode, ViewModeToggle, type ViewModeToggleProps, VolumeAnalysisChart, type VolumeAnalysisChartProps, type VolumeDataKey, badgeVariants, buttonVariants, cn, getScoreColor, tabsListVariants, useIsMobile, useScoreFeedback, useSidebar, useSignalApproval };