@usetheo/ui 0.10.0-next.0 → 0.12.0-next.0

package/dist/index.d.ts

@@ -16,6 +16,7 @@ import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
 import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
 import * as SwitchPrimitive from '@radix-ui/react-switch';
 import * as lucide_react from 'lucide-react';
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
 
 /**
  * Merge Tailwind classes with conflict resolution.
@@ -942,8 +943,8 @@ declare const Tabs: react.ForwardRefExoticComponent<TabsPrimitive.TabsProps & re
  */
 declare const Provider: react.FC<TooltipPrimitive.TooltipProviderProps>;
 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>>;
+declare const Trigger$1: react.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & react.RefAttributes<HTMLButtonElement>>;
+declare const Content$2: react.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipContentProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
 interface TooltipProps extends ComponentPropsWithoutRef<typeof TooltipPrimitive.Root> {
     label: ReactNode;
     side?: "top" | "right" | "bottom" | "left";
@@ -959,8 +960,8 @@ declare const Tooltip: ({ label, side, align, delayDuration, children, ...rootPr
 declare const TooltipWithStatics: typeof Tooltip & {
     Provider: typeof Provider;
     Root: typeof Root$2;
-    Trigger: typeof Trigger;
-    Content: typeof Content$1;
+    Trigger: typeof Trigger$1;
+    Content: typeof Content$2;
 };
 
 /**
@@ -1052,10 +1053,10 @@ declare const Avatar: react.ForwardRefExoticComponent<AvatarProps & react.RefAtt
  *   - Adds a small red asterisk when `required` is set.
  *   - Inherits disabled visuals from the wrapper (`peer-disabled`).
  */
-interface LabelProps extends ComponentPropsWithoutRef<typeof LabelPrimitive.Root> {
+interface LabelProps$1 extends ComponentPropsWithoutRef<typeof LabelPrimitive.Root> {
     required?: boolean;
 }
-declare const Label: react.ForwardRefExoticComponent<LabelProps & react.RefAttributes<HTMLLabelElement>>;
+declare const Label$1: react.ForwardRefExoticComponent<LabelProps$1 & react.RefAttributes<HTMLLabelElement>>;
 
 /**
  * FormField — composition wrapper for accessible form rows.
@@ -1193,7 +1194,7 @@ interface CheckboxProps extends ComponentPropsWithoutRef<typeof CheckboxPrimitiv
 }
 declare const Checkbox: react.ForwardRefExoticComponent<CheckboxProps & react.RefAttributes<HTMLButtonElement>>;
 
-declare const RadioGroup: react.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>> & {
+declare const RadioGroup$1: react.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>> & {
     Item: react.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupItemProps & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>>;
 };
 
@@ -2042,7 +2043,7 @@ declare function ToolCallCard({ className, tool, icon: Icon, target, status, out
 interface SectionProps extends Omit<HTMLAttributes<HTMLDivElement>, "title"> {
     title?: ReactNode;
 }
-interface ItemProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "type"> {
+interface ItemProps$1 extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "type"> {
     icon?: ElementType;
     active?: boolean;
     count?: number | string;
@@ -2052,7 +2053,7 @@ interface ItemProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "type"
 declare const Sidebar: react.ForwardRefExoticComponent<HTMLAttributes<HTMLElement> & react.RefAttributes<HTMLElement>> & {
     Header: react.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & react.RefAttributes<HTMLDivElement>>;
     Section: react.ForwardRefExoticComponent<SectionProps & react.RefAttributes<HTMLDivElement>>;
-    Item: react.ForwardRefExoticComponent<ItemProps & react.RefAttributes<HTMLElement>>;
+    Item: react.ForwardRefExoticComponent<ItemProps$1 & react.RefAttributes<HTMLElement>>;
     Footer: react.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & react.RefAttributes<HTMLDivElement>>;
 };
 
@@ -2111,7 +2112,7 @@ declare const sheetVariants: (props?: ({
 interface ContentProps extends ComponentPropsWithoutRef<typeof DialogPrimitive.Content>, VariantProps<typeof sheetVariants> {
     hideCloseButton?: boolean;
 }
-declare const Content: react.ForwardRefExoticComponent<ContentProps & react.RefAttributes<HTMLDivElement>>;
+declare const Content$1: react.ForwardRefExoticComponent<ContentProps & react.RefAttributes<HTMLDivElement>>;
 declare const Header$1: {
     ({ className, ...props }: HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
     displayName: string;
@@ -2129,7 +2130,7 @@ declare const Description: react.ForwardRefExoticComponent<Omit<DialogPrimitive.
 declare const Sheet: typeof DialogPrimitive.Root & {
     Trigger: typeof DialogPrimitive.Trigger;
     Close: typeof DialogPrimitive.Close;
-    Content: typeof Content;
+    Content: typeof Content$1;
     Overlay: typeof Overlay;
     Header: typeof Header$1;
     Body: typeof Body$1;
@@ -3123,6 +3124,274 @@ interface PaginationProps extends Omit<HTMLAttributes<HTMLElement>, "onChange">
 declare function computePageRange(currentPage: number, totalPages: number, siblingCount?: number): Array<number | "ellipsis-start" | "ellipsis-end">;
 declare const Pagination: react.ForwardRefExoticComponent<PaginationProps & react.RefAttributes<HTMLElement>>;
 
+/**
+ * DropdownMenu — accessible menu primitive built on Radix.
+ *
+ * Composition (single import surface):
+ *   <DropdownMenu>
+ *     <DropdownMenu.Trigger>…</DropdownMenu.Trigger>
+ *     <DropdownMenu.Content>
+ *       <DropdownMenu.Label>Section</DropdownMenu.Label>
+ *       <DropdownMenu.Item onSelect={…}>Edit</DropdownMenu.Item>
+ *       <DropdownMenu.Separator />
+ *       <DropdownMenu.Item disabled>Delete</DropdownMenu.Item>
+ *     </DropdownMenu.Content>
+ *   </DropdownMenu>
+ *
+ * The primitive consolidates 5 prior direct-Radix usages
+ * (`model-selector`, `intent-selector`, `agent-profile`,
+ * `theme-switcher`, `theo-code-shell`) under a single styled
+ * wrapper so consumers get consistent visuals + the design tokens.
+ *
+ * a11y note for tests: Radix's focus-guard spans intentionally
+ * violate `aria-hidden-focus`. Tests should pass
+ * `{ rules: { "aria-hidden-focus": { enabled: false } } }` to axe.
+ */
+declare const Trigger: react.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & react.RefAttributes<HTMLButtonElement>>;
+declare const Portal: react.FC<DropdownMenuPrimitive.DropdownMenuPortalProps>;
+declare const Group: react.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuGroupProps & react.RefAttributes<HTMLDivElement>>;
+declare const Sub: react.FC<DropdownMenuPrimitive.DropdownMenuSubProps>;
+declare const RadioGroup: react.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & react.RefAttributes<HTMLDivElement>>;
+declare const Content: react.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuContentProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+interface ItemProps extends ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Item> {
+    inset?: boolean;
+}
+declare const Item: react.ForwardRefExoticComponent<ItemProps & react.RefAttributes<HTMLDivElement>>;
+declare const CheckboxItem: react.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuCheckboxItemProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+declare const RadioItem: react.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuRadioItemProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+interface LabelProps extends ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Label> {
+    inset?: boolean;
+}
+declare const Label: react.ForwardRefExoticComponent<LabelProps & react.RefAttributes<HTMLDivElement>>;
+declare const Separator: react.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSeparatorProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+declare const Shortcut: {
+    ({ className, ...props }: HTMLAttributes<HTMLSpanElement>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+declare const SubTrigger: react.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubTriggerProps & react.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean;
+} & react.RefAttributes<HTMLDivElement>>;
+declare const SubContent: react.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubContentProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+type DropdownMenuRoot = typeof DropdownMenuPrimitive.Root & {
+    Trigger: typeof Trigger;
+    Portal: typeof Portal;
+    Content: typeof Content;
+    Item: typeof Item;
+    CheckboxItem: typeof CheckboxItem;
+    RadioItem: typeof RadioItem;
+    Label: typeof Label;
+    Separator: typeof Separator;
+    Shortcut: typeof Shortcut;
+    Group: typeof Group;
+    Sub: typeof Sub;
+    SubTrigger: typeof SubTrigger;
+    SubContent: typeof SubContent;
+    RadioGroup: typeof RadioGroup;
+};
+declare const DropdownMenu: DropdownMenuRoot;
+
+/**
+ * ActionBar — page-top action strip primitive.
+ *
+ * A horizontal flexbox row with three optional slots:
+ *   - Search input (flex-1, grows to fill)
+ *   - Filter icon button (next to search)
+ *   - Primary action button (right-aligned)
+ *
+ * Returns `null` when no props are provided — don't render an empty
+ * bar. Used standalone or composed inside `<PageShell>` (Brief #5).
+ *
+ * @example
+ *   <ActionBar
+ *     search={{ placeholder: "Search projects…", value: q, onChange: setQ }}
+ *     primaryAction={{ label: "New project", icon: Plus, onClick: openModal }}
+ *   />
+ */
+interface ActionBarProps extends Omit<HTMLAttributes<HTMLDivElement>, "children"> {
+    search?: {
+        placeholder: string;
+        value: string;
+        onChange: (value: string) => void;
+    };
+    primaryAction?: {
+        label: ReactNode;
+        icon?: ElementType;
+        onClick: () => void;
+        loading?: boolean;
+    };
+    onFilterClick?: () => void;
+}
+declare const ActionBar: react.ForwardRefExoticComponent<ActionBarProps & react.RefAttributes<HTMLDivElement>>;
+
+/**
+ * PinInput — multi-slot OTP / code input primitive.
+ *
+ * Renders N separate boxes (default 6) that auto-advance focus on
+ * input. Paste handling fills all slots from clipboard (whitespace
+ * stripped). Arrow keys navigate; backspace clears current slot
+ * then moves focus back when empty.
+ *
+ * Industry-standard pattern for email verification codes (Apple,
+ * Stripe, Clerk, Auth0, GitHub two-factor).
+ *
+ * @example
+ *   <PinInput
+ *     length={6}
+ *     value={code}
+ *     onChange={setCode}
+ *     onComplete={(v) => verify(v)}
+ *     inputMode="numeric"
+ *     aria-label="Verification code"
+ *   />
+ *
+ * Note: value is treated as controlled. If you pass a complete value
+ * on mount, onComplete will NOT fire — onComplete fires only on
+ * transitions from incomplete → complete.
+ */
+interface PinInputProps extends Omit<HTMLAttributes<HTMLDivElement>, "onChange" | "inputMode"> {
+    length?: number;
+    value?: string;
+    onChange?: (value: string) => void;
+    onComplete?: (value: string) => void;
+    inputMode?: "numeric" | "alphanumeric";
+    size?: "sm" | "md" | "lg";
+    disabled?: boolean;
+    error?: boolean;
+    "aria-label": string;
+    autoFocus?: boolean;
+    mask?: boolean;
+}
+declare const PinInput: react.ForwardRefExoticComponent<PinInputProps & react.RefAttributes<HTMLDivElement>>;
+
+/**
+ * DataTable — generic, sortable, expandable composite over `<Table>`.
+ *
+ * Adds operator-grade entity-list patterns on top of the plain Table
+ * primitive: sortable headers, sticky header, expandable rows
+ * (multi-row by default), row action menus (Dropdown), client-side
+ * pagination, loading skeleton rows, empty state. Both sort and
+ * pagination support controlled OR uncontrolled mode (consumer
+ * passes onSortChange / onPageChange to take over state).
+ *
+ * @example
+ *   <DataTable
+ *     columns={[
+ *       { key: "name", label: "Name", sortable: true },
+ *       { key: "status", label: "Status" },
+ *     ]}
+ *     data={domains}
+ *     rowKey={(d) => d.id}
+ *     expandable={(d) => d.status === "pending" ? <DnsRecords domain={d} /> : null}
+ *     rowActions={(d) => (
+ *       <>
+ *         <DropdownMenu.Item onSelect={() => editDomain(d)}>Edit</DropdownMenu.Item>
+ *         <DropdownMenu.Item onSelect={() => deleteDomain(d)}>Delete</DropdownMenu.Item>
+ *       </>
+ *     )}
+ *   />
+ */
+interface DataTableColumn<T> {
+    key: string;
+    label: ReactNode;
+    align?: "left" | "center" | "right";
+    sortable?: boolean;
+    width?: string;
+    render?: (row: T) => ReactNode;
+    className?: string;
+}
+interface DataTableSort {
+    key: string;
+    direction: "asc" | "desc";
+}
+interface DataTableProps<T> {
+    data: T[];
+    columns: DataTableColumn<T>[];
+    rowKey: (row: T) => string;
+    stickyHeader?: boolean;
+    expandable?: (row: T) => ReactNode | null;
+    expandMode?: "single" | "multiple";
+    rowActions?: (row: T) => ReactNode;
+    pagination?: {
+        pageSize: number;
+        controlledPage?: number;
+        onPageChange?: (page: number) => void;
+    } | null;
+    defaultSort?: DataTableSort;
+    sort?: DataTableSort | null;
+    onSortChange?: (sort: DataTableSort | null) => void;
+    loading?: boolean;
+    emptyState?: ReactNode;
+    className?: string;
+}
+declare function DataTable<T>(props: DataTableProps<T>): ReactNode;
+
+/**
+ * PageShell — page-level scaffold composite.
+ *
+ * Renders title + optional description + optional ActionBar, then
+ * one of four mutually-exclusive content states:
+ *   1. loading (highest precedence)
+ *   2. error
+ *   3. empty
+ *   4. children (default)
+ *
+ * Scope-narrowed per Brief #5 D3: PageShell does NOT manage
+ * `document.title`. Use the optional `onTitleChange` callback to
+ * wire your own hook (e.g. useSetPageTitle, react-helmet,
+ * next/head).
+ *
+ * @example
+ *   <PageShell
+ *     title="Domains"
+ *     description="Custom domains and DNS verification."
+ *     search={{ placeholder: "Search…", value: q, onChange: setQ }}
+ *     primaryAction={{ label: "Add domain", icon: Plus, onClick: openModal }}
+ *     loading={isLoading}
+ *     error={error ? { message: error.message, onRetry: refetch } : undefined}
+ *     empty={data?.length === 0 ? { title: "No domains yet" } : undefined}
+ *   >
+ *     <DataTable columns={…} data={data} />
+ *   </PageShell>
+ */
+interface PageShellProps {
+    title: string;
+    description?: ReactNode;
+    /** Optional callback invoked when `title` changes — wire to your own document.title hook. */
+    onTitleChange?: (title: string) => void;
+    primaryAction?: {
+        label: ReactNode;
+        icon?: ElementType;
+        onClick: () => void;
+        loading?: boolean;
+    };
+    search?: {
+        placeholder: string;
+        value: string;
+        onChange: (v: string) => void;
+    };
+    onFilterClick?: () => void;
+    loading?: boolean;
+    /** Custom loading UI. Defaults to a centered spinner card. */
+    loadingNode?: ReactNode;
+    error?: {
+        message: string;
+        onRetry?: () => void;
+        docsHref?: string;
+    };
+    empty?: {
+        icon?: ElementType;
+        title: string;
+        description?: ReactNode;
+        action?: {
+            label: string;
+            onClick: () => void;
+        };
+    };
+    children?: ReactNode;
+    className?: string;
+}
+declare const PageShell: react.ForwardRefExoticComponent<PageShellProps & react.RefAttributes<HTMLElement>>;
+
 interface ProgressChecklistProps extends Omit<HTMLAttributes<HTMLDivElement>, "title"> {
     title?: ReactNode;
     steps: TaskStep[];
@@ -4189,4 +4458,4 @@ interface CommandPaletteProps {
  */
 declare function CommandPalette({ open, onOpenChange, items, onSelect, placeholder, emptyMessage, filter, }: CommandPaletteProps): react_jsx_runtime.JSX.Element;
 
-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, Alert, type AlertIntent, type AlertProps, 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, Pagination, type PaginationProps, 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, computePageRange, 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, ActionBar, type ActionBarProps, 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, Alert, type AlertIntent, type AlertProps, 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, DataTable, type DataTableColumn, type DataTableProps, type DataTableSort, 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, DropdownMenu, 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$1 as 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, PageShell, type PageShellProps, Pagination, type PaginationProps, type PartRendererMap, type PermissionDecision, type PermissionDecisionKind, PermissionMatrix, PermissionModal, type PermissionOperation, type PermissionRequest, type PermissionRule, PinInput, type PinInputProps, 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$1 as 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, computePageRange, 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 };

package/dist/index.js

@@ -1,90 +1,96 @@
+export { PreviewPanel } from './chunk-BGKA6DI6.js';
+export { ProjectCard } from './chunk-FLBTGNQI.js';
+export { RollbackUI } from './chunk-V7OOTVK3.js';
+export { RuleEditor } from './chunk-TNBJ36XJ.js';
+export { SkillEditor } from './chunk-IPEYGWA7.js';
 export { SkillsList } from './chunk-AEVSVDT6.js';
 export { TaskHeader } from './chunk-BPUQWMBD.js';
 export { UsageMeter } from './chunk-AC4MGCXI.js';
+export { DataTable } from './chunk-ZNILW4G5.js';
+export { DeploymentRow } from './chunk-W2PVSIW3.js';
+export { DomainConfig } from './chunk-DFADMEJK.js';
+export { EnvVarEditor } from './chunk-WVPDQMC2.js';
 export { MCPServerList } from './chunk-B75MEYNR.js';
+export { PageShell } from './chunk-QJGGTIUN.js';
 export { PermissionModal } from './chunk-QSOIJ6J3.js';
 export { PreviewEnvCard } from './chunk-LIGWMGXM.js';
-export { PreviewPanel } from './chunk-BGKA6DI6.js';
-export { ProjectCard } from './chunk-FLBTGNQI.js';
-export { RollbackUI } from './chunk-V7OOTVK3.js';
-export { RuleEditor } from './chunk-QU6RLHYH.js';
-export { SkillEditor } from './chunk-DAKIL5PC.js';
+export { AgentTimeline } from './chunk-4UUSJJFZ.js';
+import './chunk-ZXPDS6DH.js';
 export { CodeBlock } from './chunk-ZESICCKK.js';
 export { CommandPalette } from './chunk-BP2SETUC.js';
 export { ConfirmDialog } from './chunk-GIEPEFRX.js';
 export { CronJobsList } from './chunk-KQNKKV2C.js';
-export { DeploymentRow } from './chunk-W2PVSIW3.js';
-export { DomainConfig } from './chunk-DFADMEJK.js';
-export { EnvVarEditor } from './chunk-WVPDQMC2.js';
+export { ToolResult } from './chunk-HG4WEERE.js';
+export { ToolsList } from './chunk-JQXLPVWP.js';
+export { TooltipWithStatics as Tooltip } from './chunk-FUT45NFW.js';
 export { TopNav } from './chunk-74NZ5U3E.js';
 export { AccountMenu } from './chunk-ZJRWCQEN.js';
 export { AgentComposer } from './chunk-CDA6RYOX.js';
+export { ChatComposer } from './chunk-HQFTW7SF.js';
 export { AgentEditor } from './chunk-TO3UAT6O.js';
 export { ALL_MODES, MODE_LABEL } from './chunk-VM4RMQQN.js';
-export { AgentStream } from './chunk-H3ANHVEL.js';
+export { AgentStream } from './chunk-DKQAHZG2.js';
+export { ApprovalCard } from './chunk-SF6R5VMQ.js';
 export { ChatMessage, ChatMessageAction, ChatMessageActions, ChatMessageBranch, ChatMessageBranchContent, ChatMessageBranchNext, ChatMessageBranchPage, ChatMessageBranchPrevious, ChatMessageBranchSelector, ChatMessageContent, ChatMessageResponse, ChatMessageRoot, ChatMessageToolbar, DataPart, FilePart, ReasoningPart, SourceDocumentPart, SourceUrlPart, TextPart, ToolCallPart, isCustomContentUIPart, isDataUIPart, isFileUIPart, isReasoningFileUIPart, isReasoningUIPart, isSourceDocumentUIPart, isSourceUrlUIPart, isStepStartUIPart, isTextUIPart, isToolUIPart, renderPart } from './chunk-VI5M7KJ2.js';
 import { safeHref } from './chunk-673R3GSK.js';
-export { AgentTimeline } from './chunk-4UUSJJFZ.js';
-export { ApprovalCard } from './chunk-SF6R5VMQ.js';
-import './chunk-ZXPDS6DH.js';
-export { ChatComposer } from './chunk-HQFTW7SF.js';
+export { TaskNode, TaskPlan } from './chunk-XUJYEADU.js';
+export { TerminalPanel } from './chunk-LEEH63B2.js';
+export { Textarea } from './chunk-WWNH5ENT.js';
 export { Timestamp } from './chunk-4ZBZBRG5.js';
 import { Toaster } from './chunk-I7WYM63C.js';
 export { Toast, Toaster, useToast } from './chunk-I7WYM63C.js';
 export { TokenUsageChart } from './chunk-AXKBNRZW.js';
 export { ToolCall } from './chunk-SP4CP5HY.js';
 export { ToolCallCard } from './chunk-CWFMFKDI.js';
-export { ToolResult } from './chunk-HG4WEERE.js';
-export { ToolsList } from './chunk-JQXLPVWP.js';
-export { TooltipWithStatics as Tooltip } from './chunk-FUT45NFW.js';
+export { StatTile } from './chunk-XRKIEL5M.js';
+export { StatusDot } from './chunk-NQZYY4LR.js';
+export { StepsRail } from './chunk-LHRWVM3G.js';
 export { SubAgentDispatch } from './chunk-ZIKFOD6N.js';
 export { Switch } from './chunk-3HOXC25T.js';
 export { SystemPromptEditor } from './chunk-BNQAJGEN.js';
 export { Table } from './chunk-YRSKXEOD.js';
 export { Tabs } from './chunk-GBJB5WLT.js';
-export { TaskNode, TaskPlan } from './chunk-XUJYEADU.js';
-export { TerminalPanel } from './chunk-LEEH63B2.js';
-export { Textarea } from './chunk-WWNH5ENT.js';
+export { Select } from './chunk-EP25QJ4N.js';
+export { SessionListItem } from './chunk-CIYGNPKT.js';
+export { SessionTimeline } from './chunk-XVYNSIQC.js';
 export { Sheet, sheetVariants } from './chunk-CWVKSV7S.js';
 export { Sidebar } from './chunk-RVOBP7PO.js';
 export { Skeleton } from './chunk-K5ARID4S.js';
 export { SkillCard } from './chunk-47QJVWW2.js';
 export { SocialAuthRow } from './chunk-3QGO5SB3.js';
-export { StatTile } from './chunk-XRKIEL5M.js';
-export { StatusDot } from './chunk-NQZYY4LR.js';
-export { StepsRail } from './chunk-LHRWVM3G.js';
+export { ProjectSwitcher } from './chunk-62FT22CI.js';
+export { QuickActionChips } from './chunk-K6RTLPIJ.js';
+export { RadioGroup } from './chunk-E5A7HN6H.js';
 export { RecentFoldersList } from './chunk-5FF5EUZP.js';
 export { RuleCard } from './chunk-UOXU7NDY.js';
 export { RunStats } from './chunk-3GHLNCM3.js';
 export { RunningTasksPanel } from './chunk-GUQFYUIC.js';
 export { ScrollArea } from './chunk-AODIMN2N.js';
-export { Select } from './chunk-EP25QJ4N.js';
-export { SessionListItem } from './chunk-CIYGNPKT.js';
-export { SessionTimeline } from './chunk-XVYNSIQC.js';
+export { ModelCard, modelCapabilityPresets } from './chunk-X5L62PXY.js';
+export { ModelSelector } from './chunk-RTYYJPPE.js';
 export { Pagination, computePageRange } from './chunk-YOGHS4UU.js';
 export { PermissionMatrix } from './chunk-KRN4NE4U.js';
+export { PinInput } from './chunk-R2PAGRDP.js';
 export { PlanBadge } from './chunk-R63ZKLQM.js';
 export { Progress } from './chunk-2XPWOUEH.js';
 export { ProgressChecklist } from './chunk-CKXY4FTV.js';
-export { ProjectSwitcher } from './chunk-62FT22CI.js';
-export { QuickActionChips } from './chunk-K6RTLPIJ.js';
-export { RadioGroup } from './chunk-E5A7HN6H.js';
+export { IntentSelector } from './chunk-EU55O4P7.js';
+export { Label } from './chunk-PR6OZF6D.js';
 export { LaneBoard } from './chunk-L2BI762I.js';
 export { LoginSplit } from './chunk-755NWSNW.js';
 export { MCPServerCard } from './chunk-QB6BNHO3.js';
 export { MemoryEditor } from './chunk-CVOKZITR.js';
 export { MentionMenu } from './chunk-6VINZJBV.js';
 export { MetricsPanel } from './chunk-UAYOOTRR.js';
-export { ModelCard, modelCapabilityPresets } from './chunk-X5L62PXY.js';
-export { ModelSelector } from './chunk-RTYYJPPE.js';
+export { DropdownMenu } from './chunk-MI5CXMZU.js';
+export { EmptyState } from './chunk-SWJ4EUOI.js';
 export { FolderContextCard } from './chunk-BVDASR3Y.js';
 export { FolderSelector } from './chunk-PPH5NTHV.js';
 export { FormField } from './chunk-TK24HQJJ.js';
 export { HOOK_EVENTS, HookConfig } from './chunk-PWXOXPFT.js';
 export { HookEventLog } from './chunk-EI63GTN7.js';
 export { Input } from './chunk-H3VJMFJQ.js';
-export { IntentSelector } from './chunk-EU55O4P7.js';
-export { Label } from './chunk-PR6OZF6D.js';
+export { ContextWindowBar } from './chunk-CG7O3A42.js';
 export { CopyButton } from './chunk-F436537E.js';
 export { CostMeter } from './chunk-LKYSX3QF.js';
 export { CreatedFilesCard } from './chunk-UDTAMHXW.js';
@@ -92,7 +98,7 @@ export { CronJobCard } from './chunk-WKEUU2FU.js';
 export { DangerZone } from './chunk-ZDAOHMCW.js';
 export { Dialog } from './chunk-2UJROWAG.js';
 export { DiffViewer } from './chunk-ET44426Q.js';
-export { EmptyState } from './chunk-SWJ4EUOI.js';
+export { BrowserControls } from './chunk-VMMATOPE.js';
 export { BuildLogStream } from './chunk-XGCV5E6W.js';
 export { Button, buttonVariants } from './chunk-57NXT3OX.js';
 export { CapabilityIndicator, capabilityPresets } from './chunk-CYOLRWOX.js';
@@ -100,7 +106,7 @@ export { Card } from './chunk-ZALLCR7X.js';
 export { ChatThread } from './chunk-PASI2U2R.js';
 export { Checkbox } from './chunk-G3LWNTVZ.js';
 export { ContextCard } from './chunk-WKLW7RC6.js';
-export { ContextWindowBar } from './chunk-CG7O3A42.js';
+export { AgentStreaming } from './chunk-ETEIDY34.js';
 export { Alert } from './chunk-W3DUDZDU.js';
 export { ArtifactPreview } from './chunk-XWTISHXO.js';
 export { AttachmentChip } from './chunk-MCIFB6VS.js';
@@ -108,19 +114,18 @@ export { AuditLogEntry } from './chunk-ATHOPBCA.js';
 export { AutoCompactNotice } from './chunk-7RXYW5VM.js';
 export { Avatar, avatarVariants } from './chunk-7GLBWWMW.js';
 export { BadgeWithDot as Badge, badgeVariants } from './chunk-O23LKHUR.js';
-export { BrowserControls } from './chunk-VMMATOPE.js';
+export { ActionBar } from './chunk-BX7A5GUV.js';
 export { AgentErrorCard } from './chunk-HGPBGLNP.js';
 export { AgentEvent } from './chunk-D23LRJT6.js';
 export { AgentHandoff } from './chunk-GSO7MISR.js';
 export { AgentProfile } from './chunk-WSJGZNUH.js';
 export { AgentStartingState } from './chunk-4L63UW3I.js';
-export { AgentStreaming } from './chunk-ETEIDY34.js';
 import './chunk-UGKI466V.js';
 import { cn } from './chunk-ZSRJCIWF.js';
 export { cn } from './chunk-ZSRJCIWF.js';
 import { createContext, useContext, useMemo, useState, useEffect, useRef, useCallback } from 'react';
 import { jsx, jsxs } from 'react/jsx-runtime';
-import * as DropdownMenu from '@radix-ui/react-dropdown-menu';
+import * as DropdownMenu2 from '@radix-ui/react-dropdown-menu';
 import { Palette, Check, Moon, Sun } from 'lucide-react';
 
 var DensityContext = createContext(void 0);
@@ -375,8 +380,8 @@ function ThemeSwitcher({ className, showModeToggle = true }) {
       ", mode: ",
       mode
     ] }),
-    /* @__PURE__ */ jsxs(DropdownMenu.Root, { children: [
-      /* @__PURE__ */ jsx(DropdownMenu.Trigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+    /* @__PURE__ */ jsxs(DropdownMenu2.Root, { children: [
+      /* @__PURE__ */ jsx(DropdownMenu2.Trigger, { asChild: true, children: /* @__PURE__ */ jsxs(
         "button",
         {
           type: "button",
@@ -393,8 +398,8 @@ function ThemeSwitcher({ className, showModeToggle = true }) {
           ]
         }
       ) }),
-      /* @__PURE__ */ jsx(DropdownMenu.Portal, { children: /* @__PURE__ */ jsx(
-        DropdownMenu.Content,
+      /* @__PURE__ */ jsx(DropdownMenu2.Portal, { children: /* @__PURE__ */ jsx(
+        DropdownMenu2.Content,
         {
           align: "end",
           sideOffset: 6,
@@ -404,7 +409,7 @@ function ThemeSwitcher({ className, showModeToggle = true }) {
             "data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:animate-out"
           ),
           children: themes.map((t) => /* @__PURE__ */ jsxs(
-            DropdownMenu.Item,
+            DropdownMenu2.Item,
             {
               onSelect: () => setTheme(t.name),
               className: cn(