@usetheo/ui 0.6.3-next.0 → 0.8.0-next.0

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import { ClassValue } from 'clsx';
 import * as react from 'react';
-import { ReactNode, JSX as JSX$1, ComponentPropsWithoutRef, ComponentProps, ButtonHTMLAttributes, HTMLAttributes, InputHTMLAttributes, ComponentType, SVGProps, TextareaHTMLAttributes, ElementType, ReactElement, OutputHTMLAttributes } from 'react';
+import { ReactNode, JSX as JSX$1, ComponentPropsWithoutRef, ComponentProps, ButtonHTMLAttributes, HTMLAttributes, InputHTMLAttributes, ComponentType, SVGProps, TextareaHTMLAttributes, ElementType, ReactElement, OutputHTMLAttributes, TdHTMLAttributes, ThHTMLAttributes, TimeHTMLAttributes } from 'react';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import * as ToastPrimitive from '@radix-ui/react-toast';
 import { VariantProps } from 'class-variance-authority';
@@ -941,7 +941,7 @@ declare const Tabs: react.ForwardRefExoticComponent<TabsPrimitive.TabsProps & re
  * Wrap your app in <Tooltip.Provider> once (or use the default delayDuration here).
  */
 declare const Provider: react.FC<TooltipPrimitive.TooltipProviderProps>;
-declare const Root: react.FC<TooltipPrimitive.TooltipProps>;
+declare const Root$2: react.FC<TooltipPrimitive.TooltipProps>;
 declare const Trigger: react.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & react.RefAttributes<HTMLButtonElement>>;
 declare const Content$1: react.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipContentProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
 interface TooltipProps extends ComponentPropsWithoutRef<typeof TooltipPrimitive.Root> {
@@ -958,7 +958,7 @@ interface TooltipProps extends ComponentPropsWithoutRef<typeof TooltipPrimitive.
 declare const Tooltip: ({ label, side, align, delayDuration, children, ...rootProps }: TooltipProps) => ReturnType<typeof Provider>;
 declare const TooltipWithStatics: typeof Tooltip & {
     Provider: typeof Provider;
-    Root: typeof Root;
+    Root: typeof Root$2;
     Trigger: typeof Trigger;
     Content: typeof Content$1;
 };
@@ -2112,11 +2112,11 @@ interface ContentProps extends ComponentPropsWithoutRef<typeof DialogPrimitive.C
     hideCloseButton?: boolean;
 }
 declare const Content: react.ForwardRefExoticComponent<ContentProps & react.RefAttributes<HTMLDivElement>>;
-declare const Header: {
+declare const Header$1: {
     ({ className, ...props }: HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
-declare const Body: {
+declare const Body$1: {
     ({ className, ...props }: HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
@@ -2131,8 +2131,8 @@ declare const Sheet: typeof DialogPrimitive.Root & {
     Close: typeof DialogPrimitive.Close;
     Content: typeof Content;
     Overlay: typeof Overlay;
-    Header: typeof Header;
-    Body: typeof Body;
+    Header: typeof Header$1;
+    Body: typeof Body$1;
     Footer: typeof Footer;
     Title: typeof Title;
     Description: typeof Description;
@@ -2604,6 +2604,452 @@ interface ToolResultProps extends HTMLAttributes<HTMLDivElement> {
  */
 declare const ToolResult: react.ForwardRefExoticComponent<ToolResultProps & react.RefAttributes<HTMLDivElement>>;
 
+/**
+ * Progress — accessible progress bar primitive.
+ *
+ * Built on `<div role="progressbar">` (NOT native `<progress>`) so Tailwind
+ * classes can style the track + fill cross-browser (Chrome/Safari/Firefox
+ * shadow-DOM hooks for `<progress>` diverge). Matches Radix / shadcn /
+ * Mantine convention.
+ *
+ * Variants:
+ *   - intent: `default` | `success` | `warning` | `destructive` — controls fill color
+ *   - height: `h-1` (4px, default) | `h-1.5` | `h-2` | `h-3`
+ *   - indeterminate: animated bar, no value (e.g. "uploading…", "building…")
+ *
+ * Composition:
+ *   <Progress value={42} max={100} intent="success" aria-label="Upload" />
+ *   <Progress indeterminate aria-label="Building" />
+ *
+ * A11y:
+ *   - role="progressbar"
+ *   - aria-valuenow / aria-valuemin / aria-valuemax (determinate)
+ *   - aria-busy="true" when indeterminate
+ *   - Respects `prefers-reduced-motion` (no animation when set)
+ *
+ * Used by `<UsageMeter>` to render each metric's fill bar, but ships as a
+ * standalone primitive for direct consumer use (deploy phase, file upload,
+ * build progress, quota fill).
+ */
+interface ProgressProps extends Omit<HTMLAttributes<HTMLDivElement>, "role"> {
+    /** Current value (0..max). Values outside the range are clamped. */
+    value?: number;
+    /** Maximum value. Defaults to 100. */
+    max?: number;
+    /** Visual intent — controls fill color. */
+    intent?: "default" | "success" | "warning" | "destructive";
+    /** Bar height in tailwind units. Defaults to `"h-1"` (4px). */
+    height?: "h-1" | "h-1.5" | "h-2" | "h-3";
+    /** When true, animated bar with no value. Omits `aria-valuenow`, adds `aria-busy`. */
+    indeterminate?: boolean;
+    /** Accessible label. Required if not preceded by an `aria-labelledby` element. */
+    "aria-label"?: string;
+}
+declare const Progress: react.ForwardRefExoticComponent<ProgressProps & react.RefAttributes<HTMLDivElement>>;
+
+/**
+ * PlanBadge — semantic pricing-tier badge.
+ *
+ * Five canonical tiers (`free` / `hobby` / `pro` / `team` / `enterprise`) with
+ * distinct color tokens. Consumers self-document intent with `plan="hobby"`
+ * instead of mapping a generic `<Badge variant="outline">` to colors per app.
+ * Future rebrand / dark-mode tweaks propagate automatically — no consumer
+ * code change.
+ *
+ * Visual spec (per `theo/docs/handoff/2026-05-23-theo-ui-cloud-dashboard-gaps-brief.md`):
+ *
+ *   | tier         | bg                  | border                   | text                  |
+ *   |--------------|---------------------|--------------------------|-----------------------|
+ *   | free         | bg-muted/40         | border-muted-foreground/20 | text-muted-foreground |
+ *   | hobby        | bg-warning/10       | border-warning/30        | text-warning          |
+ *   | pro          | bg-primary/10       | border-primary/30        | text-primary          |
+ *   | team         | bg-success/10       | border-success/30        | text-success          |
+ *   | enterprise   | bg-foreground/5     | border-foreground/20     | text-foreground       |
+ *
+ * Default label capitalizes the tier (`hobby → "Hobby"`, `enterprise → "Enterprise"`).
+ *
+ * Used by `<AccountMenu>` inline with the user name; usable standalone.
+ */
+type PlanTier = "free" | "hobby" | "pro" | "team" | "enterprise";
+interface PlanBadgeProps extends HTMLAttributes<HTMLSpanElement> {
+    /** Plan tier identifier. */
+    plan: PlanTier;
+    /** Override the display label. Defaults to the capitalized tier name. */
+    label?: string;
+    /** Size variant. */
+    size?: "sm" | "md";
+}
+declare const PlanBadge: react.ForwardRefExoticComponent<PlanBadgeProps & react.RefAttributes<HTMLSpanElement>>;
+
+/**
+ * UsageMeter — multi-metric stacked usage card.
+ *
+ * PaaS-shape sibling of `<CostMeter>` (which is mono-USD). Displays N
+ * metrics with arbitrary units (GB, requests, build-minutes, seats) per
+ * the reference TheoCloud dashboard mockup. Each row = label + value/max
+ * + `<Progress>` fill bar.
+ *
+ * Composition:
+ *
+ *   <UsageMeter
+ *     title="Last 30 days"
+ *     action={<Badge variant="outline">Upgrade</Badge>}
+ *     metrics={[
+ *       { label: "Fast Data Transfer", value: 0, max: 100, unit: "GB" },
+ *       { label: "Edge Requests", value: 0, max: 1_000_000, unit: "req",
+ *         formatter: (v, m) => `${v} / ${m >= 1e6 ? `${m / 1e6}M` : m}` },
+ *     ]}
+ *   />
+ *
+ * Over-quota detection: when `value > max`, the value text gets the
+ * `text-warning` class and the underlying `<Progress>` uses
+ * `intent="warning"` (bar fills 100% via Progress's own clamping).
+ *
+ * `compact` mode renders only the bars (no label/value text) — useful in
+ * narrow nav-bar slots.
+ *
+ * Imports the sibling `<Progress>` primitive via relative path (per RFC
+ * dashboard-paas-primitives D3) — primitives must not depend on the
+ * `@usetheo/ui` barrel.
+ */
+interface UsageMetric {
+    /** Display label (e.g. "Fast Data Transfer"). */
+    label: ReactNode;
+    /** Current consumption. */
+    value: number;
+    /** Maximum allowed in the current period. */
+    max: number;
+    /** Unit string (e.g. "GB", "req", "min"). Rendered after value/max. */
+    unit?: string;
+    /** Optional custom formatter — overrides default `${value} / ${max} ${unit}`. */
+    formatter?: (value: number, max: number, unit?: string) => string;
+}
+interface UsageMeterProps extends Omit<HTMLAttributes<HTMLDivElement>, "title"> {
+    /** Card title (e.g. "Last 30 days", "This billing period"). */
+    title?: ReactNode;
+    /** Optional right-aligned action slot (e.g. an Upgrade Badge or Button). */
+    action?: ReactNode;
+    /** Array of metrics to display. Order preserved. */
+    metrics: UsageMetric[];
+    /** When true, show only the bars without label/value text (sparkline mode). */
+    compact?: boolean;
+}
+declare const UsageMeter: react.ForwardRefExoticComponent<UsageMeterProps & react.RefAttributes<HTMLDivElement>>;
+
+/**
+ * AccountMenu — sidebar header for PaaS surfaces.
+ *
+ * Renders avatar + name + (optional) plan badge + (optional) secondary line.
+ * Dual mode: with `onClick`, renders as a `<button>` with a `ChevronsUpDown`
+ * trailing icon (account picker affordance); without, renders as a static
+ * `<div>` (read-only display, not focusable).
+ *
+ * Composition:
+ *
+ *   <Sidebar.Header className="p-0">
+ *     <AccountMenu
+ *       name="paulohenriquevn"
+ *       avatar="https://avatars.githubusercontent.com/u/12345"
+ *       plan="hobby"
+ *       onClick={openAccountSwitcher}
+ *     />
+ *   </Sidebar.Header>
+ *
+ * Avatar handling:
+ *   - URL (`http(s)://` or `/`) → `<Avatar.Image>` with `<Avatar.Fallback>` initials
+ *   - Short string (≤2 chars) → treated as initials directly
+ *   - Undefined → initials derived from the first character of `name`
+ *
+ * PaaS-shape sibling of `<ProjectSwitcher>` (workspace + branch + agent-status).
+ * Same dual-mode (interactive vs static) pattern; different semantics.
+ */
+interface AccountMenuProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "type" | "children" | "name"> {
+    /** Display name (username, email, org name). */
+    name: ReactNode;
+    /** Avatar URL or 1-2-char initials. If undefined, derives initials from `name`. */
+    avatar?: string;
+    /** Plan tier — renders inline `<PlanBadge size="sm">`. Omit for none. */
+    plan?: PlanTier;
+    /** Optional secondary line below name (e.g. email). */
+    secondary?: ReactNode;
+    /** Make the row interactive (button) with a trailing chevron. */
+    onClick?: () => void;
+}
+declare const AccountMenu: react.ForwardRefExoticComponent<AccountMenuProps & react.RefAttributes<HTMLElement>>;
+
+/**
+ * Table — semantic data table primitive with sub-components.
+ *
+ * Composition:
+ *   <Table density="default">
+ *     <Table.Header>
+ *       <Table.Row>
+ *         <Table.HeaderCell>Date</Table.HeaderCell>
+ *         <Table.HeaderCell align="right">Amount</Table.HeaderCell>
+ *       </Table.Row>
+ *     </Table.Header>
+ *     <Table.Body>
+ *       <Table.Row>
+ *         <Table.Cell>2026-05-23</Table.Cell>
+ *         <Table.Cell align="right" numeric>$ 42.00</Table.Cell>
+ *       </Table.Row>
+ *     </Table.Body>
+ *   </Table>
+ *
+ * density propagates via Context so Cells pick up vertical padding without
+ * prop drilling. Sub-components are attached as static properties on the
+ * root (`Table.Header`, etc.) — single import surface.
+ *
+ * Sortable header: pass `onSort` + `sortDirection`. The HeaderCell renders
+ * the sort affordance (ChevronUp/ChevronDown) and triggers the consumer
+ * callback. `sortDirection` without `onSort` is a no-op (header stays
+ * static); `sortDirection="none"` with `onSort` shows a dimmed affordance.
+ */
+type TableDensity = "default" | "compact";
+type AlignKind = "left" | "center" | "right";
+type SortDirection = "asc" | "desc" | "none";
+interface TableProps extends HTMLAttributes<HTMLTableElement> {
+    density?: TableDensity;
+}
+declare const Root$1: react.ForwardRefExoticComponent<TableProps & react.RefAttributes<HTMLTableElement>>;
+declare const Header: react.ForwardRefExoticComponent<HTMLAttributes<HTMLTableSectionElement> & react.RefAttributes<HTMLTableSectionElement>>;
+declare const Body: react.ForwardRefExoticComponent<HTMLAttributes<HTMLTableSectionElement> & react.RefAttributes<HTMLTableSectionElement>>;
+declare const Row: react.ForwardRefExoticComponent<HTMLAttributes<HTMLTableRowElement> & react.RefAttributes<HTMLTableRowElement>>;
+interface TableCellProps extends TdHTMLAttributes<HTMLTableCellElement> {
+    align?: AlignKind;
+    numeric?: boolean;
+}
+declare const Cell: react.ForwardRefExoticComponent<TableCellProps & react.RefAttributes<HTMLTableCellElement>>;
+interface TableHeaderCellProps extends ThHTMLAttributes<HTMLTableCellElement> {
+    align?: AlignKind;
+    /** When provided, header becomes a sort trigger. */
+    onSort?: () => void;
+    /** Current sort state for this column. */
+    sortDirection?: SortDirection;
+}
+declare const HeaderCell: react.ForwardRefExoticComponent<TableHeaderCellProps & react.RefAttributes<HTMLTableCellElement>>;
+type TableRoot = typeof Root$1 & {
+    Header: typeof Header;
+    Body: typeof Body;
+    Row: typeof Row;
+    Cell: typeof Cell;
+    HeaderCell: typeof HeaderCell;
+};
+declare const Table: TableRoot;
+
+/**
+ * StatusDot — semantic status indicator (colored circle + optional label).
+ *
+ * Five status kinds:
+ *   - `live`     — deployed / verified / healthy (success)
+ *   - `building` — in-progress / queued (warning, auto-pulses)
+ *   - `failed`   — error / down / rejected (destructive)
+ *   - `idle`     — pending / offline (muted)
+ *   - `warning`  — degraded but functional (warning, static)
+ *
+ * Three sizes (xs 6px, sm 8px default, md 10px). `pulse` defaults to
+ * `true` for `building` and `false` otherwise; passing `pulse` explicitly
+ * overrides the auto behavior. When no visible `label` AND no `aria-label`
+ * are provided, the component auto-applies `aria-label={status}` and
+ * emits a dev-mode warning (a status communicated only by color is
+ * invisible to screen readers).
+ *
+ * @example
+ *   <StatusDot status="live" label="Production" />
+ *   <StatusDot status="building" />            // auto-pulses + auto-aria-label
+ */
+type StatusKind = "live" | "building" | "failed" | "idle" | "warning";
+interface StatusDotProps extends Omit<HTMLAttributes<HTMLSpanElement>, "children"> {
+    status: StatusKind;
+    label?: ReactNode;
+    size?: "xs" | "sm" | "md";
+    pulse?: boolean;
+}
+declare const StatusDot: react.ForwardRefExoticComponent<StatusDotProps & react.RefAttributes<HTMLSpanElement>>;
+
+interface CopyButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "type" | "onClick" | "children"> {
+    /** String to copy when clicked. */
+    value: string;
+    /** Optional button label. Default: just the icon. */
+    label?: ReactNode;
+    /** Visual style. */
+    variant?: "ghost" | "outline";
+    /** Size. */
+    size?: "sm" | "md";
+    /** Callback after successful copy (e.g. analytics). */
+    onCopied?: (value: string) => void;
+    /** Duration of the feedback state in ms. Default 1500. */
+    feedbackDuration?: number;
+}
+declare const CopyButton: react.ForwardRefExoticComponent<CopyButtonProps & react.RefAttributes<HTMLButtonElement>>;
+
+/**
+ * Timestamp — accessible relative/absolute time primitive.
+ *
+ * Renders a semantic `<time datetime>` element. Format modes:
+ *   - `relative` (default) — "just now", "5 minutes ago", "2 hours ago",
+ *     "Dec 5" (>7d), "Dec 5, 2024" (different year)
+ *   - `absolute` — full localized date+time
+ *   - `both` — "Dec 5, 2026 (2 hours ago)"
+ *
+ * Uses zero-dep `Intl.RelativeTimeFormat`. The tooltip on hover is the
+ * HTML `title` attribute (not the `<Tooltip>` component) — keeps this
+ * file a true primitive without sibling-primitive imports.
+ *
+ * Auto-refreshes via `setInterval` (default 60_000ms); pass
+ * `refreshInterval={0}` to disable. `aria-label` always carries the
+ * absolute time so screen readers read "May 23, 2026 14:32 — posted
+ * 2 hours ago".
+ *
+ * @param value Source date — ISO string, Date object, or **Unix ms**
+ *              (NOT seconds). Passing seconds renders ~1970.
+ */
+interface TimestampProps extends Omit<TimeHTMLAttributes<HTMLTimeElement>, "children"> {
+    value: string | Date | number;
+    format?: "relative" | "absolute" | "both";
+    /** Auto-refresh interval when format=relative. Default 60000. 0 disables. */
+    refreshInterval?: number;
+    /** Locale for absolute formatting + Intl.RelativeTimeFormat. Default browser locale. */
+    locale?: string;
+    /** When true, omit the `title` tooltip. */
+    noTooltip?: boolean;
+}
+declare const Timestamp: react.ForwardRefExoticComponent<TimestampProps & react.RefAttributes<HTMLTimeElement>>;
+
+/**
+ * StatTile — big number + label + optional delta + optional icon.
+ *
+ * Dual mode based on `onClick`:
+ *   - With onClick → renders as `<button>` with hover state + trailing
+ *     ArrowUpRight chevron (navigation affordance).
+ *   - Without onClick → renders as static `<div>`.
+ *
+ * Delta trend drives icon + color: up=success/TrendingUp, down=destructive/
+ * TrendingDown, flat=muted/Minus. Big value uses font-display + tabular-nums.
+ *
+ * @example
+ *   <StatTile value="42" label="Projects" />
+ *   <StatTile value="$1,234" label="MRR" icon={DollarSign}
+ *             delta={{ value: "+12%", trend: "up" }} onClick={openBilling} />
+ */
+interface StatTileProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "type" | "value"> {
+    value: ReactNode;
+    label: ReactNode;
+    icon?: ElementType;
+    delta?: {
+        value: ReactNode;
+        trend: "up" | "down" | "flat";
+    };
+}
+declare const StatTile: react.ForwardRefExoticComponent<StatTileProps & react.RefAttributes<HTMLElement>>;
+
+/**
+ * DangerZone — destructive-actions section primitive.
+ *
+ * Red-bordered container with a title bar and `DangerZone.Action` rows.
+ * Each Action is laid out as title + description on the left, with a
+ * consumer-provided action slot (typically a destructive Button) on
+ * the right. Rows are separated by hairline dividers; the last row
+ * has no bottom border via `last:border-b-0`.
+ *
+ * The consumer supplies the destructive button — this primitive never
+ * imports `<Button>`, keeping it free of internal `@usetheo/ui` deps
+ * (true primitive).
+ *
+ * @example
+ *   <DangerZone>
+ *     <DangerZone.Action
+ *       title="Delete project"
+ *       description="Permanently delete this project."
+ *       action={<Button variant="destructive">Delete</Button>}
+ *     />
+ *   </DangerZone>
+ */
+interface DangerZoneProps extends Omit<HTMLAttributes<HTMLElement>, "title"> {
+    /** Section title. Default "Danger Zone". */
+    title?: ReactNode;
+}
+declare const Root: react.ForwardRefExoticComponent<DangerZoneProps & react.RefAttributes<HTMLElement>>;
+interface DangerZoneActionProps extends Omit<HTMLAttributes<HTMLDivElement>, "title"> {
+    title: ReactNode;
+    description: ReactNode;
+    /** Consumer-provided destructive button (or any ReactNode). */
+    action: ReactNode;
+}
+declare const Action: react.ForwardRefExoticComponent<DangerZoneActionProps & react.RefAttributes<HTMLDivElement>>;
+type DangerZoneRoot = typeof Root & {
+    Action: typeof Action;
+};
+declare const DangerZone: DangerZoneRoot;
+
+/**
+ * ConfirmDialog — controlled confirmation modal built on `Dialog`.
+ *
+ * Focuses Cancel on open (deliberate — NOT the destructive button).
+ * `intent="destructive"` styles the confirm button with the destructive
+ * variant. `confirmationPhrase` enables typed-confirmation guard:
+ * the confirm button is disabled until the input value matches the
+ * phrase exactly (case-sensitive). An empty string phrase is treated
+ * as "no phrase required" (`!!confirmationPhrase`). Pressing Enter in
+ * the input triggers confirm when `canConfirm` is true.
+ *
+ * `onConfirm` can be async. While the returned promise is pending,
+ * both buttons are disabled and a `Loader2` spinner appears. On
+ * resolve, the dialog closes via `onOpenChange(false)`. On reject,
+ * the dialog stays open so the consumer can show their own error.
+ *
+ * @example
+ *   <ConfirmDialog
+ *     open={open} onOpenChange={setOpen}
+ *     title="Delete project"
+ *     description="This cannot be undone."
+ *     intent="destructive"
+ *     confirmationPhrase="my-project"
+ *     onConfirm={async () => api.deleteProject(id)}
+ *   />
+ */
+interface ConfirmDialogProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    title: ReactNode;
+    description: ReactNode;
+    confirmLabel?: ReactNode;
+    cancelLabel?: ReactNode;
+    intent?: "default" | "destructive";
+    confirmationPhrase?: string;
+    onConfirm: () => void | Promise<void>;
+    loading?: boolean;
+}
+declare const ConfirmDialog: react.ForwardRefExoticComponent<ConfirmDialogProps & react.RefAttributes<HTMLDivElement>>;
+
+/**
+ * CodeBlock — terminal command / code snippet surface.
+ *
+ * Pre-rendered code block with optional terminal "$ " prefix per line,
+ * optional caption (file name), and optional CopyButton positioned top-right.
+ * The CopyButton receives the RAW `code` (without the visual "$ " prefix),
+ * so consumers paste only the executable command.
+ *
+ * @example
+ *   <CodeBlock code="theo deploy" terminal copyable />
+ *   <CodeBlock code={dotenv} caption=".env.local" copyable />
+ *
+ * `language` is reserved for future syntax highlighting (v1: ignored).
+ */
+interface CodeBlockProps extends Omit<HTMLAttributes<HTMLDivElement>, "children"> {
+    /** Code content. Can be multiline. */
+    code: string;
+    /** Language hint (forward-compat; v1 ignored). */
+    language?: string;
+    /** When true, prefix each line with "$ " for shell commands. */
+    terminal?: boolean;
+    /** Show inline CopyButton in top-right. */
+    copyable?: boolean;
+    /** Optional caption above block (e.g. ".env.local"). */
+    caption?: ReactNode;
+}
+declare const CodeBlock: react.ForwardRefExoticComponent<CodeBlockProps & react.RefAttributes<HTMLDivElement>>;
+
 interface ProgressChecklistProps extends Omit<HTMLAttributes<HTMLDivElement>, "title"> {
     title?: ReactNode;
     steps: TaskStep[];
@@ -3670,4 +4116,4 @@ interface CommandPaletteProps {
  */
 declare function CommandPalette({ open, onOpenChange, items, onSelect, placeholder, emptyMessage, filter, }: CommandPaletteProps): react_jsx_runtime.JSX.Element;
 
-export { ALL_MODES, AgentComposer, type AgentDraft, AgentEditor, AgentErrorCard, type AgentErrorKind, AgentEvent, type AgentEvent$1 as AgentEventModel, type AgentEventStatus, type AgentEventType, AgentHandoff, AgentProfile, type AgentProfileDescriptor, AgentStartingState, AgentStream, type AgentStreamItem, AgentStreaming, AgentTimeline, ApprovalCard, type ApprovalSeverity, ArtifactPreview, type Attachment, AttachmentChip, type AuditActorKind, type AuditEntry, AuditLogEntry, type AuditSeverity, AutoCompactNotice, Avatar, BadgeWithDot as Badge, type BadgeProps, BrowserControls, BuildLogStream, Button, type ButtonProps, type Capability, CapabilityIndicator, type CapabilityState, Card, ChatComposer, ChatMessage, ChatMessageAction, type ChatMessageActionProps, ChatMessageActions, type ChatMessageActionsProps, ChatMessageBranch, ChatMessageBranchContent, type ChatMessageBranchContentProps, ChatMessageBranchNext, type ChatMessageBranchNextProps, ChatMessageBranchPage, type ChatMessageBranchPageProps, ChatMessageBranchPrevious, type ChatMessageBranchPreviousProps, type ChatMessageBranchProps, ChatMessageBranchSelector, type ChatMessageBranchSelectorProps, ChatMessageContent, type ChatMessageContentProps, type ChatMessageContentVariant, type ChatMessageProps, ChatMessageResponse, type ChatMessageResponseProps, ChatMessageRoot, type ChatMessageRootProps, ChatMessageToolbar, type ChatMessageToolbarProps, ChatThread, Checkbox, type ColorScale, type CommandItem, CommandPalette, type ComposerMode, ContextCard, ContextWindowBar, CostMeter, type CreatedFile, CreatedFilesCard, type CronJob, CronJobCard, type CronJobStatus, CronJobsList, type CustomContentUIPart, DataPart, type DataPartProps, type DataRenderer, type DataRendererMap, type DataUIPart, type DefineThemeInput, type Density, type DensityContextValue, type Deployment, DeploymentRow, type DeploymentStatus, Dialog, type DiffHunk, type DiffLine, type DiffLineKind, DiffViewer, type Domain, DomainConfig, type DomainStatus, EmptyState, type EnvScope, type EnvVar, EnvVarEditor, FilePart, type FilePartProps, type FileUIPart, FolderContextCard, type FolderEntry, FolderSelector, FormField, HOOK_EVENTS, type HandoffParty, HookConfig, type HookEntry, type HookEvent, type HookEventEntry, HookEventLog, type HookEventResult, Input, type InputProps, type IntentOption, IntentSelector, Label, type Lane, LaneBoard, type LaneCard, type LaneState, type LogLevel, type LogLine, LoginSplit, type MCPServer, MCPServerCard, MCPServerList, type MCPServerStatus, MODE_LABEL, MemoryEditor, type MemoryLayer, type MemoryScope, type MentionItem, MentionMenu, type MentionTrigger, type MessageRole, type Metric, MetricsPanel, type Mode, type ModelCapabilityFlag, ModelCard, type ModelInfo, type ModelOption, ModelSelector, type PartRendererMap, type PermissionDecision, type PermissionDecisionKind, PermissionMatrix, PermissionModal, type PermissionOperation, type PermissionRequest, type PermissionRule, type PlanNode, type PlanNodeStatus, type PreviewEnv, PreviewEnvCard, PreviewPanel, type PreviewService, ProgressChecklist, type Project, ProjectCard, type ProjectStatus, ProjectSwitcher, type ProviderMetadata, type QuickAction, QuickActionChips, RadioGroup, type RailStep, type ReasoningFileUIPart, ReasoningPart, type ReasoningPartProps, type ReasoningUIPart, type RecentFolder, RecentFoldersList, type RenderPartOptions, type RollbackTarget, RollbackUI, type Rule, RuleCard, RuleEditor, type RuleScope, type RuleState, RunStats, type RunningTaskItem, type RunningTaskStatus, RunningTasksPanel, ScrollArea, Select, SessionListItem, type SessionMode, type SessionRunStatus, type SessionStatus, type SessionSummary, SessionTimeline, Sheet, Sidebar, Skeleton, type Skill, SkillCard, SkillEditor, type SkillSource, type SkillState, SkillsList, SocialAuthRow, type SocialProvider, SourceDocumentPart, type SourceDocumentPartProps, type SourceDocumentUIPart, SourceUrlPart, type SourceUrlPartProps, type SourceUrlUIPart, type StepStartUIPart, StepsRail, SubAgentDispatch, type SubAgentRun, type SubAgentState, Switch, SystemPromptEditor, Tabs, TaskHeader, TaskNode, TaskPlan, type TaskSource, type TaskStatus, type TaskStep, type TaskStepStatus, type TerminalLine, TerminalPanel, TextPart, type TextPartProps, type TextUIPart, Textarea, type TextareaProps, type Theme, type ThemeFonts, type ThemeMode, ThemeProvider, ThemeScript, ThemeSwitcher, TheoUIProvider, type TheoUIProviderProps, Toast, type ToastVariant, Toaster, TokenUsageChart, type TokenUsagePoint, ToolCall, ToolCallCard, ToolCallPart, type ToolCallPartProps, type ToolCallStatus, type ToolEnablement, type ToolEntry, type ToolInvocationState, ToolResult, type ToolUIPart, ToolsList, TooltipWithStatics as Tooltip, TopNav, type UIMessage, type UIMessagePart, anthropicStyle, auroraTerminal, avatarVariants, badgeVariants, builtinThemes, buttonVariants, capabilityPresets, classicPaper, cn, defineTheme, dracula, githubDark, hex, isCustomContentUIPart, isDataUIPart, isFileUIPart, isReasoningFileUIPart, isReasoningUIPart, isSourceDocumentUIPart, isSourceUrlUIPart, isStepStartUIPart, isTextUIPart, isToolUIPart, linearGlass, modelCapabilityPresets, oneDark, openaiStyle, renderPart, rgb, sheetVariants, useDensity, useTheme, useToast, vercelMono, violetForge };
+export { ALL_MODES, AccountMenu, type AccountMenuProps, AgentComposer, type AgentDraft, AgentEditor, AgentErrorCard, type AgentErrorKind, AgentEvent, type AgentEvent$1 as AgentEventModel, type AgentEventStatus, type AgentEventType, AgentHandoff, AgentProfile, type AgentProfileDescriptor, AgentStartingState, AgentStream, type AgentStreamItem, AgentStreaming, AgentTimeline, ApprovalCard, type ApprovalSeverity, ArtifactPreview, type Attachment, AttachmentChip, type AuditActorKind, type AuditEntry, AuditLogEntry, type AuditSeverity, AutoCompactNotice, Avatar, BadgeWithDot as Badge, type BadgeProps, BrowserControls, BuildLogStream, Button, type ButtonProps, type Capability, CapabilityIndicator, type CapabilityState, Card, ChatComposer, ChatMessage, ChatMessageAction, type ChatMessageActionProps, ChatMessageActions, type ChatMessageActionsProps, ChatMessageBranch, ChatMessageBranchContent, type ChatMessageBranchContentProps, ChatMessageBranchNext, type ChatMessageBranchNextProps, ChatMessageBranchPage, type ChatMessageBranchPageProps, ChatMessageBranchPrevious, type ChatMessageBranchPreviousProps, type ChatMessageBranchProps, ChatMessageBranchSelector, type ChatMessageBranchSelectorProps, ChatMessageContent, type ChatMessageContentProps, type ChatMessageContentVariant, type ChatMessageProps, ChatMessageResponse, type ChatMessageResponseProps, ChatMessageRoot, type ChatMessageRootProps, ChatMessageToolbar, type ChatMessageToolbarProps, ChatThread, Checkbox, CodeBlock, type CodeBlockProps, type ColorScale, type CommandItem, CommandPalette, type ComposerMode, ConfirmDialog, type ConfirmDialogProps, ContextCard, ContextWindowBar, CopyButton, type CopyButtonProps, CostMeter, type CreatedFile, CreatedFilesCard, type CronJob, CronJobCard, type CronJobStatus, CronJobsList, type CustomContentUIPart, DangerZone, type DangerZoneActionProps, type DangerZoneProps, DataPart, type DataPartProps, type DataRenderer, type DataRendererMap, type DataUIPart, type DefineThemeInput, type Density, type DensityContextValue, type Deployment, DeploymentRow, type DeploymentStatus, Dialog, type DiffHunk, type DiffLine, type DiffLineKind, DiffViewer, type Domain, DomainConfig, type DomainStatus, EmptyState, type EnvScope, type EnvVar, EnvVarEditor, FilePart, type FilePartProps, type FileUIPart, FolderContextCard, type FolderEntry, FolderSelector, FormField, HOOK_EVENTS, type HandoffParty, HookConfig, type HookEntry, type HookEvent, type HookEventEntry, HookEventLog, type HookEventResult, Input, type InputProps, type IntentOption, IntentSelector, Label, type Lane, LaneBoard, type LaneCard, type LaneState, type LogLevel, type LogLine, LoginSplit, type MCPServer, MCPServerCard, MCPServerList, type MCPServerStatus, MODE_LABEL, MemoryEditor, type MemoryLayer, type MemoryScope, type MentionItem, MentionMenu, type MentionTrigger, type MessageRole, type Metric, MetricsPanel, type Mode, type ModelCapabilityFlag, ModelCard, type ModelInfo, type ModelOption, ModelSelector, type PartRendererMap, type PermissionDecision, type PermissionDecisionKind, PermissionMatrix, PermissionModal, type PermissionOperation, type PermissionRequest, type PermissionRule, PlanBadge, type PlanBadgeProps, type PlanNode, type PlanNodeStatus, type PlanTier, type PreviewEnv, PreviewEnvCard, PreviewPanel, type PreviewService, Progress, ProgressChecklist, type ProgressProps, type Project, ProjectCard, type ProjectStatus, ProjectSwitcher, type ProviderMetadata, type QuickAction, QuickActionChips, RadioGroup, type RailStep, type ReasoningFileUIPart, ReasoningPart, type ReasoningPartProps, type ReasoningUIPart, type RecentFolder, RecentFoldersList, type RenderPartOptions, type RollbackTarget, RollbackUI, type Rule, RuleCard, RuleEditor, type RuleScope, type RuleState, RunStats, type RunningTaskItem, type RunningTaskStatus, RunningTasksPanel, ScrollArea, Select, SessionListItem, type SessionMode, type SessionRunStatus, type SessionStatus, type SessionSummary, SessionTimeline, Sheet, Sidebar, Skeleton, type Skill, SkillCard, SkillEditor, type SkillSource, type SkillState, SkillsList, SocialAuthRow, type SocialProvider, SourceDocumentPart, type SourceDocumentPartProps, type SourceDocumentUIPart, SourceUrlPart, type SourceUrlPartProps, type SourceUrlUIPart, StatTile, type StatTileProps, StatusDot, type StatusDotProps, type StatusKind, type StepStartUIPart, StepsRail, SubAgentDispatch, type SubAgentRun, type SubAgentState, Switch, SystemPromptEditor, Table, type TableCellProps, type TableHeaderCellProps, type TableProps, Tabs, TaskHeader, TaskNode, TaskPlan, type TaskSource, type TaskStatus, type TaskStep, type TaskStepStatus, type TerminalLine, TerminalPanel, TextPart, type TextPartProps, type TextUIPart, Textarea, type TextareaProps, type Theme, type ThemeFonts, type ThemeMode, ThemeProvider, ThemeScript, ThemeSwitcher, TheoUIProvider, type TheoUIProviderProps, Timestamp, type TimestampProps, Toast, type ToastVariant, Toaster, TokenUsageChart, type TokenUsagePoint, ToolCall, ToolCallCard, ToolCallPart, type ToolCallPartProps, type ToolCallStatus, type ToolEnablement, type ToolEntry, type ToolInvocationState, ToolResult, type ToolUIPart, ToolsList, TooltipWithStatics as Tooltip, TopNav, type UIMessage, type UIMessagePart, UsageMeter, type UsageMeterProps, type UsageMetric, anthropicStyle, auroraTerminal, avatarVariants, badgeVariants, builtinThemes, buttonVariants, capabilityPresets, classicPaper, cn, defineTheme, dracula, githubDark, hex, isCustomContentUIPart, isDataUIPart, isFileUIPart, isReasoningFileUIPart, isReasoningUIPart, isSourceDocumentUIPart, isSourceUrlUIPart, isStepStartUIPart, isTextUIPart, isToolUIPart, linearGlass, modelCapabilityPresets, oneDark, openaiStyle, renderPart, rgb, sheetVariants, useDensity, useTheme, useToast, vercelMono, violetForge };