@vllnt/ui 0.2.0 → 0.2.1-canary.73a93ee

package/dist/index.d.ts

@@ -3,20 +3,24 @@ import * as class_variance_authority_types from 'class-variance-authority/types'
 import * as class_variance_authority from 'class-variance-authority';
 import { VariantProps } from 'class-variance-authority';
 import * as react from 'react';
-import react__default, { ReactNode, Component, ErrorInfo } from 'react';
+import react__default, { ReactNode, ComponentPropsWithoutRef, Component, ErrorInfo } from 'react';
 import * as DialogPrimitive from '@radix-ui/react-dialog';
 import { DayPicker } from 'react-day-picker';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
 import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
 import * as LabelPrimitive from '@radix-ui/react-label';
 import * as SwitchPrimitives from '@radix-ui/react-switch';
+import * as _radix_ui_react_slot from '@radix-ui/react-slot';
+import * as react_hook_form from 'react-hook-form';
+import { FieldValues, UseFormReturn, SubmitErrorHandler, DefaultValues, Resolver, FieldPath, ControllerProps } from 'react-hook-form';
+import { zodResolver } from '@hookform/resolvers/zod';
+import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
 import { ToasterProps } from 'sonner';
 export { toast } from 'sonner';
 import * as SelectPrimitive from '@radix-ui/react-select';
 import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
 import * as SliderPrimitive from '@radix-ui/react-slider';
 import * as TogglePrimitive from '@radix-ui/react-toggle';
-import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
 import * as input_otp from 'input-otp';
 import * as TooltipPrimitive from '@radix-ui/react-tooltip';
 import * as PopoverPrimitive from '@radix-ui/react-popover';
@@ -337,6 +341,130 @@ declare const PasswordInput: react.ForwardRefExoticComponent<Omit<Omit<react.Det
 
 declare const Switch: react.ForwardRefExoticComponent<Omit<SwitchPrimitives.SwitchProps & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>>;
 
+type FormInstance<TFieldValues extends FieldValues> = UseFormReturn<TFieldValues, unknown, TFieldValues>;
+type FormRenderChildren<TFieldValues extends FieldValues> = ((form: FormInstance<TFieldValues>) => react.ReactNode) | react.ReactNode;
+type FormSubmitHandler<TFieldValues extends FieldValues> = (values: TFieldValues, form: FormInstance<TFieldValues>) => Promise<void> | void;
+type FormErrorHandler<TFieldValues extends FieldValues> = (errors: Parameters<SubmitErrorHandler<TFieldValues>>[0], form: FormInstance<TFieldValues>) => Promise<void> | void;
+type BaseFormProps<TFieldValues extends FieldValues> = Omit<react.ComponentPropsWithoutRef<"form">, "children"> & {
+    children?: FormRenderChildren<TFieldValues>;
+    controlId?: string;
+    descriptionId?: string;
+    disabled?: boolean;
+    invalid?: boolean;
+    messageId?: string;
+    onError?: FormErrorHandler<TFieldValues>;
+    onValidSubmit?: FormSubmitHandler<TFieldValues>;
+    required?: boolean;
+};
+type ManagedFormProps<TFieldValues extends FieldValues> = {
+    defaultValues?: DefaultValues<TFieldValues>;
+    form?: undefined;
+    resolver?: Resolver<TFieldValues>;
+    schema?: Parameters<typeof zodResolver>[0];
+    values?: TFieldValues;
+};
+type ProvidedFormProps<TFieldValues extends FieldValues> = {
+    defaultValues?: never;
+    form: FormInstance<TFieldValues>;
+    resolver?: never;
+    schema?: never;
+    values?: never;
+};
+type FormProps<TFieldValues extends FieldValues = FieldValues> = BaseFormProps<TFieldValues> & (ManagedFormProps<TFieldValues> | ProvidedFormProps<TFieldValues>);
+declare const Form: <TFieldValues extends FieldValues = FieldValues>(props: FormProps<TFieldValues> & react.RefAttributes<HTMLFormElement>) => react.ReactElement;
+declare function FormField<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ ...props }: ControllerProps<TFieldValues, TName>): react_jsx_runtime.JSX.Element;
+declare function useFormField(): {
+    disabled: boolean;
+    error: react_hook_form.FieldError | undefined;
+    formDescriptionId: string;
+    formItemId: string;
+    formMessageId: string;
+    hasDescription: boolean;
+    hasMessage: boolean;
+    hasMessageSlot: boolean;
+    id: string;
+    invalid: boolean;
+    isDirty: boolean;
+    isTouched: boolean;
+    isValidating: boolean;
+    name: string;
+    required: boolean;
+};
+declare const FormItem: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    disabled?: boolean;
+    invalid?: boolean;
+    required?: boolean;
+} & react.RefAttributes<HTMLDivElement>>;
+declare const FormLabel: react.ForwardRefExoticComponent<Omit<Omit<LabelPrimitive.LabelProps & react.RefAttributes<HTMLLabelElement>, "ref"> & class_variance_authority.VariantProps<(props?: class_variance_authority_types.ClassProp | undefined) => string> & react.RefAttributes<HTMLLabelElement>, "ref"> & react.RefAttributes<HTMLLabelElement>>;
+declare const FormControl: react.ForwardRefExoticComponent<Omit<_radix_ui_react_slot.SlotProps & react.RefAttributes<HTMLElement>, "ref"> & {
+    disabled?: boolean;
+    required?: boolean;
+} & react.RefAttributes<HTMLElement>>;
+declare const FormDescription: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & react.RefAttributes<HTMLParagraphElement>>;
+declare const FormMessage: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & react.RefAttributes<HTMLParagraphElement>>;
+
+type MultiSelectOption = {
+    disabled?: boolean;
+    label: string;
+    value: string;
+};
+type MultiSelectProps = Omit<react.ButtonHTMLAttributes<HTMLButtonElement>, "defaultValue" | "onChange" | "value"> & {
+    defaultValue?: string[];
+    emptyText?: string;
+    onOpenChange?: (open: boolean) => void;
+    onValueChange?: (value: string[]) => void;
+    options: MultiSelectOption[];
+    placeholder?: string;
+    searchable?: boolean;
+    searchPlaceholder?: string;
+    value?: string[];
+};
+declare const MultiSelect: react.ForwardRefExoticComponent<Omit<react.ButtonHTMLAttributes<HTMLButtonElement>, "defaultValue" | "onChange" | "value"> & {
+    defaultValue?: string[];
+    emptyText?: string;
+    onOpenChange?: (open: boolean) => void;
+    onValueChange?: (value: string[]) => void;
+    options: MultiSelectOption[];
+    placeholder?: string;
+    searchable?: boolean;
+    searchPlaceholder?: string;
+    value?: string[];
+} & react.RefAttributes<HTMLButtonElement>>;
+
+type TagsInputProps = Omit<react.ComponentPropsWithoutRef<"input">, "defaultValue" | "onChange" | "value"> & {
+    defaultValue?: string[];
+    onValueChange?: (value: string[]) => void;
+    value?: string[];
+};
+declare const TagsInput: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "defaultValue" | "onChange" | "value"> & {
+    defaultValue?: string[];
+    onValueChange?: (value: string[]) => void;
+    value?: string[];
+} & react.RefAttributes<HTMLInputElement>>;
+
+declare const segmentedControlVariants: (props?: ({
+    size?: "default" | "lg" | "sm" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const segmentedControlItemVariants: (props?: ({
+    size?: "default" | "lg" | "sm" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type SegmentedControlProps = Omit<react.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Root>, "defaultValue" | "onValueChange" | "type" | "value"> & VariantProps<typeof segmentedControlVariants> & {
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    value?: string;
+};
+type SegmentedControlItemProps = react.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Item> & VariantProps<typeof segmentedControlItemVariants>;
+declare const SegmentedControl: react.ForwardRefExoticComponent<Omit<Omit<ToggleGroupPrimitive.ToggleGroupSingleProps & react.RefAttributes<HTMLDivElement>, "ref"> | Omit<ToggleGroupPrimitive.ToggleGroupMultipleProps & react.RefAttributes<HTMLDivElement>, "ref">, "defaultValue" | "type" | "value" | "onValueChange"> & VariantProps<(props?: ({
+    size?: "default" | "lg" | "sm" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string> & {
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    value?: string;
+} & react.RefAttributes<HTMLDivElement>>;
+declare const SegmentedControlItem: react.ForwardRefExoticComponent<Omit<ToggleGroupPrimitive.ToggleGroupItemProps & react.RefAttributes<HTMLButtonElement>, "ref"> & VariantProps<(props?: ({
+    size?: "default" | "lg" | "sm" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string> & react.RefAttributes<HTMLButtonElement>>;
+
 type ToastProps = {
     variant?: "default" | "destructive";
 } & react.HTMLAttributes<HTMLDivElement>;
@@ -1265,6 +1393,266 @@ type MDXContentProps = {
 };
 declare function MDXContent({ components, content, enableMDX, }: MDXContentProps): Promise<react_jsx_runtime.JSX.Element>;
 
+type CanvasShellInsets = {
+    bottom?: number | string;
+    left?: number | string;
+    right?: number | string;
+    top?: number | string;
+};
+type CanvasShellRouteConfig = {
+    bottomBar?: ReactNode;
+    center: ReactNode;
+    contentPadding?: CanvasShellInsets;
+    leftBar?: ReactNode;
+    rightBar?: ReactNode;
+    topBar?: ReactNode;
+};
+
+type CanvasShellProps = React.ComponentPropsWithoutRef<"section"> & {
+    bottomBar?: ReactNode;
+    bottomSlot?: ReactNode;
+    children?: ReactNode;
+    chromeInset?: number | string;
+    contentPadding?: CanvasShellInsets;
+    leftBar?: ReactNode;
+    leftRail?: ReactNode;
+    rightBar?: ReactNode;
+    rightDock?: ReactNode;
+    topBar?: ReactNode;
+};
+declare const CanvasShell: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
+    bottomBar?: ReactNode;
+    bottomSlot?: ReactNode;
+    children?: ReactNode;
+    chromeInset?: number | string;
+    contentPadding?: CanvasShellInsets;
+    leftBar?: ReactNode;
+    leftRail?: ReactNode;
+    rightBar?: ReactNode;
+    rightDock?: ReactNode;
+    topBar?: ReactNode;
+} & react.RefAttributes<HTMLElement>>;
+
+type CanvasViewport = {
+    x: number;
+    y: number;
+    zoom: number;
+};
+type CanvasViewHandle = {
+    resetViewport: () => void;
+    setViewport: (viewport: CanvasViewport) => void;
+};
+type CanvasViewProps = Omit<React.ComponentPropsWithoutRef<"div">, "onScroll"> & {
+    defaultViewport?: CanvasViewport;
+    maxZoom?: number;
+    minZoom?: number;
+    onViewportChange?: (viewport: CanvasViewport) => void;
+    overlay?: React.ReactNode;
+    zoomStep?: number;
+};
+declare const CanvasView: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "onScroll"> & {
+    defaultViewport?: CanvasViewport;
+    maxZoom?: number;
+    minZoom?: number;
+    onViewportChange?: (viewport: CanvasViewport) => void;
+    overlay?: React.ReactNode;
+    zoomStep?: number;
+} & react.RefAttributes<CanvasViewHandle>>;
+
+type BottomBarProps = React.ComponentPropsWithoutRef<"div"> & {
+    center?: ReactNode;
+    leading?: ReactNode;
+    trailing?: ReactNode;
+};
+declare const BottomBar: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    center?: ReactNode;
+    leading?: ReactNode;
+    trailing?: ReactNode;
+} & react.RefAttributes<HTMLDivElement>>;
+
+type ChatDockMessage = {
+    body: ReactNode;
+    id: string;
+    speaker: ReactNode;
+};
+type ChatDockSectionProps = React.ComponentPropsWithoutRef<"section"> & {
+    composerPlaceholder?: string;
+    contextLabel?: ReactNode;
+    messages: ChatDockMessage[];
+    title?: ReactNode;
+};
+declare const ChatDockSection: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
+    composerPlaceholder?: string;
+    contextLabel?: ReactNode;
+    messages: ChatDockMessage[];
+    title?: ReactNode;
+} & react.RefAttributes<HTMLElement>>;
+
+type GlassPanelProps = React.ComponentPropsWithoutRef<"div">;
+declare const GlassPanel: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+
+/**
+ * Pattern style for the plane backdrop.
+ *
+ * @public
+ */
+type InfinitePlanePattern = "blank" | "dot" | "grid";
+/**
+ * Localizable strings.
+ *
+ * @public
+ */
+type InfinitePlaneLabels = {
+    /** Aria-label override. Defaults to `"Infinite plane"`. */
+    region?: string;
+};
+/**
+ * Props for {@link InfinitePlane}.
+ *
+ * @public
+ */
+type InfinitePlaneProps = {
+    /** Children render in the plane's coordinate space. */
+    children?: ReactNode;
+    /** Localizable strings. */
+    labels?: InfinitePlaneLabels;
+    /** Backdrop pattern. Defaults to `"dot"`. */
+    pattern?: InfinitePlanePattern;
+    /** Pattern grid spacing in pixels. Defaults to `32`. */
+    spacing?: number;
+    /** Optional offset applied to the pattern (drift with viewport translation). Defaults to `{ x: 0, y: 0 }`. */
+    translate?: {
+        x: number;
+        y: number;
+    };
+    /** Zoom factor — drives the pattern's effective spacing. Defaults to `1`. */
+    zoom?: number;
+} & ComponentPropsWithoutRef<"div">;
+/**
+ * Tiled pannable backdrop for the canvas. Renders a `dot` or `grid`
+ * pattern that drifts with the viewport translate + scales with the
+ * zoom, plus a slot for spatial children that share its coordinate
+ * space.
+ *
+ * Pure presentation; the host owns the viewport transform and supplies
+ * `translate` + `zoom` from its pan / zoom controller.
+ *
+ * @example
+ * ```tsx
+ * <InfinitePlane translate={{ x: pan.x, y: pan.y }} zoom={zoom}>
+ *   <ObjectCard …/>
+ *   <ObjectCard …/>
+ * </InfinitePlane>
+ * ```
+ *
+ * @public
+ */
+declare const InfinitePlane: react.ForwardRefExoticComponent<{
+    /** Children render in the plane's coordinate space. */
+    children?: ReactNode;
+    /** Localizable strings. */
+    labels?: InfinitePlaneLabels;
+    /** Backdrop pattern. Defaults to `"dot"`. */
+    pattern?: InfinitePlanePattern;
+    /** Pattern grid spacing in pixels. Defaults to `32`. */
+    spacing?: number;
+    /** Optional offset applied to the pattern (drift with viewport translation). Defaults to `{ x: 0, y: 0 }`. */
+    translate?: {
+        x: number;
+        y: number;
+    };
+    /** Zoom factor — drives the pattern's effective spacing. Defaults to `1`. */
+    zoom?: number;
+} & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+
+type LeftRailProps = React.ComponentPropsWithoutRef<"aside"> & {
+    footer?: ReactNode;
+    title?: ReactNode;
+};
+declare const LeftRail: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
+    footer?: ReactNode;
+    title?: ReactNode;
+} & react.RefAttributes<HTMLElement>>;
+
+type MiniMapMarker = {
+    id: string;
+    label?: string;
+    x: number;
+    y: number;
+};
+type MiniMapPanelProps = React.ComponentPropsWithoutRef<"div"> & {
+    markers?: MiniMapMarker[];
+    title?: string;
+    viewport: {
+        height: number;
+        width: number;
+        x: number;
+        y: number;
+        zoom: number;
+    };
+    world: {
+        height: number;
+        width: number;
+    };
+};
+declare const MiniMapPanel: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    markers?: MiniMapMarker[];
+    title?: string;
+    viewport: {
+        height: number;
+        width: number;
+        x: number;
+        y: number;
+        zoom: number;
+    };
+    world: {
+        height: number;
+        width: number;
+    };
+} & react.RefAttributes<HTMLDivElement>>;
+
+type OverviewCardTone = "danger" | "default" | "warning";
+type OverviewCardProps = React.ComponentPropsWithoutRef<"section"> & {
+    ctaLabel?: ReactNode;
+    description: ReactNode;
+    handleCtaClick?: () => void;
+    heading: ReactNode;
+    icon?: ReactNode;
+    metric: ReactNode;
+    tone?: OverviewCardTone;
+};
+declare const OverviewCard: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
+    ctaLabel?: ReactNode;
+    description: ReactNode;
+    handleCtaClick?: () => void;
+    heading: ReactNode;
+    icon?: ReactNode;
+    metric: ReactNode;
+    tone?: OverviewCardTone;
+} & react.RefAttributes<HTMLElement>>;
+type OverviewBoardItem = {
+    ctaLabel?: ReactNode;
+    description: ReactNode;
+    handleCtaClick?: () => void;
+    heading: ReactNode;
+    icon?: ReactNode;
+    id: string;
+    metric: ReactNode;
+    tone?: OverviewCardTone;
+};
+type OverviewBoardProps = React.ComponentPropsWithoutRef<"section"> & {
+    eyebrow?: ReactNode;
+    heading: ReactNode;
+    items: OverviewBoardItem[];
+    subtitle?: ReactNode;
+};
+declare const OverviewBoard: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
+    eyebrow?: ReactNode;
+    heading: ReactNode;
+    items: OverviewBoardItem[];
+    subtitle?: ReactNode;
+} & react.RefAttributes<HTMLElement>>;
+
 type NavItem = {
     href: string;
     title: string;
@@ -1279,6 +1667,17 @@ declare function NavbarSaas({ brand, navItems, rightSlot, showMobileMenu, }: Nav
 
 declare function useMobile(): boolean;
 
+type RightDockProps = React.ComponentPropsWithoutRef<"aside"> & {
+    footer?: ReactNode;
+    header?: ReactNode;
+    title?: ReactNode;
+};
+declare const RightDock: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
+    footer?: ReactNode;
+    header?: ReactNode;
+    title?: ReactNode;
+} & react.RefAttributes<HTMLElement>>;
+
 type SidebarItem = {
     href: string;
     title: string;
@@ -1311,6 +1710,184 @@ type TableOfContentsProps = {
 };
 declare function TableOfContents({ sections }: TableOfContentsProps): react_jsx_runtime.JSX.Element | null;
 
+type TopBarProps = React.ComponentPropsWithoutRef<"header"> & {
+    leading?: ReactNode;
+    subtitle?: ReactNode;
+    title?: ReactNode;
+    trailing?: ReactNode;
+};
+declare const TopBar: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
+    leading?: ReactNode;
+    subtitle?: ReactNode;
+    title?: ReactNode;
+    trailing?: ReactNode;
+} & react.RefAttributes<HTMLElement>>;
+
+/**
+ * One saved viewport.
+ *
+ * @public
+ */
+type ViewportBookmark = {
+    /** Optional accent color for the row glyph. */
+    color?: string;
+    /** Optional secondary line (zoom level, last-visited, owner). */
+    detail?: ReactNode;
+    /** Stable identifier — used as the React key. */
+    id: string;
+    /** Display name for the bookmark. */
+    label: ReactNode;
+};
+/**
+ * Localizable strings.
+ *
+ * @public
+ */
+type ViewportBookmarksLabels = {
+    /** Empty-state copy. Defaults to `"No saved views"`. */
+    empty?: string;
+    /** Aria-label override. Defaults to `"Viewport bookmarks"`. */
+    region?: string;
+};
+/**
+ * Props for {@link ViewportBookmarks}.
+ *
+ * @public
+ */
+type ViewportBookmarksProps = {
+    /** Optional active bookmark id — renders the row in the selected state. */
+    activeId?: string;
+    /** Bookmark entries in render order. */
+    bookmarks: ViewportBookmark[];
+    /** Localizable strings. */
+    labels?: ViewportBookmarksLabels;
+    /** Click handler — receives the activated bookmark id. */
+    onSelect?: (id: string) => void;
+    /** Optional title rendered above the rows. Defaults to `"Saved views"`. */
+    title?: ReactNode;
+} & ComponentPropsWithoutRef<"section">;
+/**
+ * Saved-view list for the canvas — the spatial parallel of a tab
+ * bar's pinned tabs. Each bookmark stores a viewport target the host
+ * resolves to a pan / zoom transition. Pure presentation; the host
+ * owns the bookmark store and the camera animation.
+ *
+ * @example
+ * ```tsx
+ * <ViewportBookmarks
+ *   activeId={active}
+ *   bookmarks={[
+ *     { id: "home", label: "Home base", color: "#5b8def" },
+ *     { id: "incidents", label: "Incidents", detail: "5 open", color: "#ef4444" },
+ *   ]}
+ *   onSelect={jumpTo}
+ * />
+ * ```
+ *
+ * @public
+ */
+declare const ViewportBookmarks: react.ForwardRefExoticComponent<{
+    /** Optional active bookmark id — renders the row in the selected state. */
+    activeId?: string;
+    /** Bookmark entries in render order. */
+    bookmarks: ViewportBookmark[];
+    /** Localizable strings. */
+    labels?: ViewportBookmarksLabels;
+    /** Click handler — receives the activated bookmark id. */
+    onSelect?: (id: string) => void;
+    /** Optional title rendered above the rows. Defaults to `"Saved views"`. */
+    title?: ReactNode;
+} & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & react.RefAttributes<HTMLElement>>;
+
+/**
+ * One spatial trail crumb.
+ *
+ * @public
+ */
+type WorldCrumb = {
+    /** Stable identifier — used as the React key. */
+    id: string;
+    /** Optional kind (drives the leading glyph). */
+    kind?: WorldCrumbKind;
+    /** Display label. */
+    label: ReactNode;
+};
+/**
+ * Glyph hint for a crumb kind.
+ *
+ * @public
+ */
+type WorldCrumbKind = "agent" | "artifact" | "group" | "run" | "task" | "world";
+/**
+ * Localizable strings.
+ *
+ * @public
+ */
+type WorldBreadcrumbsLabels = {
+    /** Empty-state copy. Defaults to `"No location"`. */
+    empty?: string;
+    /** Aria-label override. Defaults to `"World breadcrumbs"`. */
+    region?: string;
+};
+/**
+ * Props for {@link WorldBreadcrumbs}.
+ *
+ * @public
+ */
+type WorldBreadcrumbsProps = {
+    /** Trail in render order — the last crumb represents the active location. */
+    crumbs: WorldCrumb[];
+    /** Localizable strings. */
+    labels?: WorldBreadcrumbsLabels;
+    /** Click handler — receives the activated crumb id. */
+    onSelect?: (id: string) => void;
+} & ComponentPropsWithoutRef<"nav">;
+/**
+ * Spatial trail showing where the viewport sits in a hierarchy of
+ * worlds / groups / runs / agents. Distinct from \`Breadcrumb\`
+ * (route-based, document-tree style) — this primitive describes the
+ * canvas's spatial location and supports per-kind glyphs.
+ *
+ * Pure presentation; the host computes the trail from the active
+ * viewport target and the world graph, and resolves \`onSelect\` to a
+ * camera transition.
+ *
+ * @example
+ * ```tsx
+ * <WorldBreadcrumbs
+ *   crumbs={[
+ *     { id: "world", kind: "world", label: "Production" },
+ *     { id: "group", kind: "group", label: "Ingest cluster" },
+ *     { id: "run",   kind: "run",   label: "research-2025" },
+ *   ]}
+ *   onSelect={jumpTo}
+ * />
+ * ```
+ *
+ * @public
+ */
+declare const WorldBreadcrumbs: react.ForwardRefExoticComponent<{
+    /** Trail in render order — the last crumb represents the active location. */
+    crumbs: WorldCrumb[];
+    /** Localizable strings. */
+    labels?: WorldBreadcrumbsLabels;
+    /** Click handler — receives the activated crumb id. */
+    onSelect?: (id: string) => void;
+} & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & react.RefAttributes<HTMLElement>>;
+
+type ZoomHUDProps = React.ComponentPropsWithoutRef<"div"> & {
+    onReset?: () => void;
+    onZoomIn?: () => void;
+    onZoomOut?: () => void;
+    zoom: number;
+};
+declare const ZoomHUD: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    onReset?: () => void;
+    onZoomIn?: () => void;
+    onZoomOut?: () => void;
+    zoom: number;
+} & react.RefAttributes<HTMLDivElement>>;
+
 type ActivityLogTone = "danger" | "default" | "success" | "warning";
 type ActivityLogItem = {
     action: string;
@@ -1351,7 +1928,7 @@ type ContentCardPost = {
     title: string;
     updatedDate?: string;
 };
-type ContentCardProps = {
+type ContentCardProps$1 = {
     formatDate?: (date: string, lang: string) => string;
     getDictValue?: (dict: Record<string, unknown>, path: string) => string;
     href: string;
@@ -1363,8 +1940,8 @@ type ContentCardProps = {
     showReadMore?: boolean;
     updatedLabel?: string;
 };
-declare function ContentCard({ formatDate, href, lang, post, readMoreLabel, showBadge, showDate, showReadMore, updatedLabel, }: ContentCardProps): react_jsx_runtime.JSX.Element;
-declare const BlogCard: typeof ContentCard;
+declare function ContentCard$1({ formatDate, href, lang, post, readMoreLabel, showBadge, showDate, showReadMore, updatedLabel, }: ContentCardProps$1): react_jsx_runtime.JSX.Element;
+declare const BlogCard: typeof ContentCard$1;
 
 type CategoryFilterProps = {
     categories: string[];
@@ -2080,6 +2657,41 @@ type SummaryProps = {
 };
 declare function Summary({ children, keyTakeaways, title, }: SummaryProps): react_jsx_runtime.JSX.Element;
 
+type LessonStatus = "available" | "completed" | "in-progress" | "locked";
+type LessonDifficulty = "advanced" | "beginner" | "intermediate";
+type CurriculumProps = {
+    children: ReactNode;
+    className?: string;
+    defaultExpandedModules?: string[];
+    title: string;
+    totalHours?: number;
+};
+type CurriculumModuleProps = {
+    children: ReactNode;
+    className?: string;
+    description?: string;
+    estimatedHours?: number;
+    id: string;
+    title: string;
+};
+declare function CurriculumModule({ children, className, description, estimatedHours, id, title, }: CurriculumModuleProps): React.ReactNode;
+type CurriculumLessonProps = {
+    className?: string;
+    difficulty?: LessonDifficulty;
+    duration?: string;
+    href?: string;
+    id?: string;
+    prerequisites?: string[];
+    status?: LessonStatus;
+    title: string;
+};
+declare function CurriculumLesson({ className, difficulty, duration, href, prerequisites, status, title, }: CurriculumLessonProps): React.ReactNode;
+type CurriculumComponent = ((props: CurriculumProps) => React.ReactNode) & {
+    Lesson: typeof CurriculumLesson;
+    Module: typeof CurriculumModule;
+};
+declare const Curriculum: CurriculumComponent;
+
 type ProgressBarProps = {
     className?: string;
     completedLabel?: string;
@@ -2092,6 +2704,100 @@ type ProgressBarProps = {
 };
 declare function ProgressBar({ className, completedLabel, currentLabel, isComplete, isLoading, max, showLabels, value, }: ProgressBarProps): React.ReactNode;
 
+type ContentCardProgress = {
+    completedCount: number;
+    totalSections: number;
+};
+type ContentCardProps = {
+    /** Badge label for difficulty/category */
+    badgeLabel: string;
+    /** Badge variant */
+    badgeVariant?: "default" | "destructive" | "outline" | "secondary";
+    /** Card description */
+    description: string;
+    /** Function to get progress from storage */
+    getProgress?: () => ContentCardProgress | null;
+    /** Href for the card link */
+    href: string;
+    /** Link component to use (e.g., Next.js Link) */
+    linkComponent?: React.ComponentType<{
+        children: ReactNode;
+        className?: string;
+        href: string;
+    }>;
+    /** Metadata items (e.g., "30 min", "10 sections") */
+    metadata?: string[];
+    /** Progress completed label (e.g., "completed") */
+    progressLabel?: string;
+    /** Tags to display */
+    tags?: string[];
+    /** Card title */
+    title: string;
+};
+declare function ContentCardImpl({ badgeLabel, badgeVariant, description, getProgress, href, linkComponent: LinkComponent, metadata, progressLabel, tags, title, }: ContentCardProps): React.ReactNode;
+declare const ContentCard: react.MemoExoticComponent<typeof ContentCardImpl>;
+
+type ProgressTrackerModuleStatus = "available" | "completed" | "in-progress" | "locked";
+type ProgressTrackerModuleItem = {
+    badge?: string;
+    checklistItems?: ChecklistItem[];
+    completedExercises?: number;
+    completedLessons?: number;
+    currentLesson?: string;
+    description?: string;
+    exercises?: number;
+    href?: string;
+    id?: string;
+    lessons: number;
+    persistKey?: string;
+    progress: number;
+    skills?: string[];
+    status: ProgressTrackerModuleStatus;
+    timeSpent?: string;
+    title: string;
+};
+type ProgressTrackerProps = react.HTMLAttributes<HTMLDivElement> & {
+    children?: ReactNode;
+    modules?: ProgressTrackerModuleItem[];
+    overallProgress: number;
+    streak?: number;
+    title?: string;
+};
+type ProgressTrackerContextValue = {
+    modules: ProgressTrackerModuleItem[];
+    overallProgress: number;
+    streak: number;
+    title?: string;
+};
+declare function useProgressTrackerContext(): ProgressTrackerContextValue;
+declare function ProgressTrackerRoot({ children, className, modules, overallProgress, streak, title, ...props }: ProgressTrackerProps): react.ReactNode;
+type ProgressTrackerOverviewProps = react.HTMLAttributes<HTMLDivElement> & {
+    description?: string;
+    label?: string;
+};
+declare function ProgressTrackerOverview({ className, description, label, ...props }: ProgressTrackerOverviewProps): react.ReactNode;
+type ProgressTrackerModulesProps = react.HTMLAttributes<HTMLDivElement>;
+declare function ProgressTrackerModules({ children, className, ...props }: ProgressTrackerModulesProps): react.ReactNode;
+type ProgressTrackerModuleProps = react.HTMLAttributes<HTMLDivElement> & ProgressTrackerModuleItem;
+declare function ProgressTrackerModule({ badge, checklistItems, className, completedExercises, completedLessons, currentLesson, description, exercises, href, id, lessons, persistKey, progress, skills, status, timeSpent, title, ...props }: ProgressTrackerModuleProps): react.ReactNode;
+type ProgressTrackerStatsProps = react.HTMLAttributes<HTMLDivElement>;
+declare function ProgressTrackerStats({ children, className, ...props }: ProgressTrackerStatsProps): react.ReactNode;
+type ProgressTrackerStatProps = react.HTMLAttributes<HTMLDivElement> & {
+    label: string;
+    value: ReactNode;
+};
+declare function ProgressTrackerStat({ className, label, value, ...props }: ProgressTrackerStatProps): react.ReactNode;
+type ProgressTrackerBadgeProps = react.HTMLAttributes<HTMLSpanElement>;
+declare function ProgressTrackerBadge({ children, className, ...props }: ProgressTrackerBadgeProps): react.ReactNode;
+declare const ProgressTracker: typeof ProgressTrackerRoot & {
+    Badge: typeof ProgressTrackerBadge;
+    Module: typeof ProgressTrackerModule;
+    Modules: typeof ProgressTrackerModules;
+    Overview: typeof ProgressTrackerOverview;
+    Stat: typeof ProgressTrackerStat;
+    Stats: typeof ProgressTrackerStats;
+};
+
 type ProTipVariant = "advanced" | "best-practice" | "expert" | "gotcha" | "performance" | "tip";
 type ProTipProps = {
     children: ReactNode;
@@ -2705,6 +3411,24 @@ type ViewSwitcherProps = {
 };
 declare const ViewSwitcher: react.NamedExoticComponent<ViewSwitcherProps>;
 
+type WorkspaceOption = {
+    description?: string;
+    id: string;
+    label: string;
+};
+type WorkspaceSwitcherProps = Omit<React.ComponentPropsWithoutRef<"div">, "defaultValue" | "onChange"> & {
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    value?: string;
+    workspaces: WorkspaceOption[];
+};
+declare const WorkspaceSwitcher: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "defaultValue" | "onChange"> & {
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    value?: string;
+    workspaces: WorkspaceOption[];
+} & react.RefAttributes<HTMLDivElement>>;
+
 type FlowDiagramNode = {
     data: {
         description?: string;
@@ -2878,6 +3602,744 @@ declare const FlowFullscreen: react.NamedExoticComponent<FlowFullscreenProps>;
  */
 declare function useFlowDiagram(options?: UseFlowDiagramOptions): UseFlowDiagramReturn;
 
+type AnchorPortProps = React.ComponentPropsWithoutRef<"span"> & {
+    side?: "bottom" | "left" | "right" | "top";
+    state?: "active" | "blocked" | "idle";
+    tone?: "bidirectional" | "input" | "output";
+};
+declare const AnchorPort: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
+    side?: "bottom" | "left" | "right" | "top";
+    state?: "active" | "blocked" | "idle";
+    tone?: "bidirectional" | "input" | "output";
+} & react.RefAttributes<HTMLSpanElement>>;
+
+/**
+ * Resolution state of a pinned comment.
+ *
+ * @public
+ */
+type CommentPinState = "open" | "resolved";
+/**
+ * Localizable strings.
+ *
+ * @public
+ */
+type CommentPinLabels = {
+    /** Aria-label override. Defaults to `"Comment"`. */
+    region?: string;
+    /** Suffix appended after the unread count for screen readers. */
+    unreadSuffix?: string;
+};
+/**
+ * Props for {@link CommentPin}.
+ *
+ * @public
+ */
+type CommentPinProps = {
+    /** Optional author initial / glyph rendered inside the pin. */
+    authorInitial?: ReactNode;
+    /** Optional accent color for the pin. Defaults to the foreground. */
+    color?: string;
+    /** Localizable strings. */
+    labels?: CommentPinLabels;
+    /** Click handler — when provided, the pin becomes a button. */
+    onActivate?: () => void;
+    /** State of the underlying thread. Defaults to `"open"`. */
+    state?: CommentPinState;
+    /** Optional unread reply count. Renders as a small numeric badge. */
+    unread?: number;
+    /** Anchor X in canvas pixels. */
+    x: number;
+    /** Anchor Y in canvas pixels. */
+    y: number;
+} & ComponentPropsWithoutRef<"div">;
+/**
+ * Anchored discussion pin rendered at canvas coordinates. Use to mark
+ * an object-anchored comment thread; click to expand into a
+ * {@link "../thread-bubble/thread-bubble".ThreadBubble} (or whatever the host wires up).
+ *
+ * Pure presentation; the host owns the thread store + supplies the
+ * unread count and resolution state.
+ *
+ * @example
+ * ```tsx
+ * <div className="relative h-screen w-screen">
+ *   <Canvas />
+ *   <CommentPin
+ *     x={420} y={180}
+ *     authorInitial="B"
+ *     unread={3}
+ *     onActivate={() => openThread("c-1")}
+ *   />
+ * </div>
+ * ```
+ *
+ * @public
+ */
+declare const CommentPin: react.ForwardRefExoticComponent<{
+    /** Optional author initial / glyph rendered inside the pin. */
+    authorInitial?: ReactNode;
+    /** Optional accent color for the pin. Defaults to the foreground. */
+    color?: string;
+    /** Localizable strings. */
+    labels?: CommentPinLabels;
+    /** Click handler — when provided, the pin becomes a button. */
+    onActivate?: () => void;
+    /** State of the underlying thread. Defaults to `"open"`. */
+    state?: CommentPinState;
+    /** Optional unread reply count. Renders as a small numeric badge. */
+    unread?: number;
+    /** Anchor X in canvas pixels. */
+    x: number;
+    /** Anchor Y in canvas pixels. */
+    y: number;
+} & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+
+type ConnectorEdgePoint = {
+    x: number;
+    y: number;
+};
+type ConnectorEdgeProps = React.ComponentPropsWithoutRef<"div"> & {
+    end: ConnectorEdgePoint;
+    label?: string;
+    start: ConnectorEdgePoint;
+    state?: "active" | "blocked" | "idle";
+};
+declare const ConnectorEdge: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    end: ConnectorEdgePoint;
+    label?: string;
+    start: ConnectorEdgePoint;
+    state?: "active" | "blocked" | "idle";
+} & react.RefAttributes<HTMLDivElement>>;
+
+type EdgeLabelProps = React.ComponentPropsWithoutRef<"span"> & {
+    emphasis?: "active" | "subtle";
+};
+declare const EdgeLabel: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
+    emphasis?: "active" | "subtle";
+} & react.RefAttributes<HTMLSpanElement>>;
+
+type GroupHullProps = React.ComponentPropsWithoutRef<"section"> & {
+    description?: string;
+    eyebrow?: ReactNode;
+    title: string;
+};
+declare const GroupHull: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
+    description?: string;
+    eyebrow?: ReactNode;
+    title: string;
+} & react.RefAttributes<HTMLElement>>;
+
+/**
+ * Localizable strings.
+ *
+ * @public
+ */
+type LiveCursorLabels = {
+    /** Aria-label override. Defaults to `"Live cursor"`. */
+    region?: string;
+};
+/**
+ * Props for {@link LiveCursor}.
+ *
+ * @public
+ */
+type LiveCursorProps = {
+    /** Tailwind / arbitrary CSS color used for the pointer + name chip. Defaults to `var(--foreground)`. */
+    color?: string;
+    /** Localizable strings. */
+    labels?: LiveCursorLabels;
+    /** Display name shown in the chip. Pass `null` to hide the chip. */
+    name?: ReactNode;
+    /** Optional secondary line in the chip (e.g. status, role). */
+    status?: ReactNode;
+    /** Cursor X in canvas pixels. */
+    x: number;
+    /** Cursor Y in canvas pixels. */
+    y: number;
+} & ComponentPropsWithoutRef<"div">;
+/**
+ * Remote user's cursor rendered at canvas coordinates with an optional
+ * name + status chip. Pure presentation; the host owns the websocket
+ * stream + maps user ids to colors.
+ *
+ * The wrapper is `pointer-events: none` so host gestures pass through.
+ *
+ * @example
+ * ```tsx
+ * <div className="relative h-screen w-screen">
+ *   <Canvas />
+ *   <LiveCursor x={420} y={180} name="Bea" color="#5b8def" />
+ * </div>
+ * ```
+ *
+ * @public
+ */
+declare const LiveCursor: react.ForwardRefExoticComponent<{
+    /** Tailwind / arbitrary CSS color used for the pointer + name chip. Defaults to `var(--foreground)`. */
+    color?: string;
+    /** Localizable strings. */
+    labels?: LiveCursorLabels;
+    /** Display name shown in the chip. Pass `null` to hide the chip. */
+    name?: ReactNode;
+    /** Optional secondary line in the chip (e.g. status, role). */
+    status?: ReactNode;
+    /** Cursor X in canvas pixels. */
+    x: number;
+    /** Cursor Y in canvas pixels. */
+    y: number;
+} & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+
+type ObjectCardMetric = {
+    label: string;
+    value: ReactNode;
+};
+type ObjectCardAction = {
+    label: string;
+    onClick?: () => void;
+};
+type ObjectCardProps = React.ComponentPropsWithoutRef<"article"> & {
+    actions?: ObjectCardAction[];
+    footer?: ReactNode;
+    kind?: string;
+    metrics?: ObjectCardMetric[];
+    ports?: ReactNode;
+    state?: "blocked" | "complete" | "idle" | "running";
+    summary?: string;
+    title: string;
+};
+declare const ObjectCard: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
+    actions?: ObjectCardAction[];
+    footer?: ReactNode;
+    kind?: string;
+    metrics?: ObjectCardMetric[];
+    ports?: ReactNode;
+    state?: "blocked" | "complete" | "idle" | "running";
+    summary?: string;
+    title: string;
+} & react.RefAttributes<HTMLElement>>;
+
+type ObjectHandleProps = Omit<React.ComponentPropsWithoutRef<"button">, "type"> & {
+    hint?: ReactNode;
+    label?: ReactNode;
+};
+declare const ObjectHandle: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "type"> & {
+    hint?: ReactNode;
+    label?: ReactNode;
+} & react.RefAttributes<HTMLButtonElement>>;
+
+/**
+ * Presence status — drives the corner dot color.
+ *
+ * @public
+ */
+type PresenceStatus = "active" | "away" | "idle" | "offline";
+/**
+ * One user in the presence stack.
+ *
+ * @public
+ */
+type PresenceUser = {
+    /** Optional accent color (hex / oklch / var). Drives the avatar fill. */
+    color?: string;
+    /** Stable identifier — used as the React key. */
+    id: string;
+    /** Avatar initial / glyph. */
+    initial: ReactNode;
+    /** Display name shown on hover (`title` attribute). */
+    name?: string;
+    /** Optional status. Defaults to `"active"`. */
+    status?: PresenceStatus;
+};
+/**
+ * Localizable strings.
+ *
+ * @public
+ */
+type PresenceStackLabels = {
+    /** Suffix for the overflow chip. Defaults to `"more"`. */
+    overflowSuffix?: string;
+    /** Aria-label override. Defaults to `"Live presence"`. */
+    region?: string;
+};
+/**
+ * Props for {@link PresenceStack}.
+ *
+ * @public
+ */
+type PresenceStackProps = {
+    /** Localizable strings. */
+    labels?: PresenceStackLabels;
+    /** Cap the rendered users; the rest collapse into a `+N` chip. Defaults to `5`. */
+    max?: number;
+    /** Optional click handler for the overflow chip. */
+    onOverflowActivate?: () => void;
+    /** Users sorted in render order (most-relevant first). */
+    users: PresenceUser[];
+} & ComponentPropsWithoutRef<"div">;
+/**
+ * Overlapping live-presence avatars showing who is in the canvas right
+ * now. Each avatar carries an accent color, an initial, and a status
+ * dot. Distinct from `AvatarGroup` (a static participant grouping):
+ * this primitive centers on live status, a sane overflow, and
+ * interactive expansion.
+ *
+ * Pure presentation; the host owns the websocket roster + maps user
+ * ids to colors.
+ *
+ * @example
+ * ```tsx
+ * <PresenceStack
+ *   max={4}
+ *   users={[
+ *     { id: "1", initial: "B", color: "#5b8def", name: "Bea" },
+ *     { id: "2", initial: "L", color: "#10b981", name: "Lior", status: "away" },
+ *     { id: "3", initial: "S", color: "#f59e0b", name: "Sam", status: "idle" },
+ *   ]}
+ *   onOverflowActivate={() => openRoster()}
+ * />
+ * ```
+ *
+ * @public
+ */
+declare const PresenceStack: react.ForwardRefExoticComponent<{
+    /** Localizable strings. */
+    labels?: PresenceStackLabels;
+    /** Cap the rendered users; the rest collapse into a `+N` chip. Defaults to `5`. */
+    max?: number;
+    /** Optional click handler for the overflow chip. */
+    onOverflowActivate?: () => void;
+    /** Users sorted in render order (most-relevant first). */
+    users: PresenceUser[];
+} & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+
+/**
+ * Connection / sync state — drives the dot color + animation.
+ *
+ * @public
+ */
+type PresenceSyncState = "error" | "live" | "offline" | "reconnecting" | "syncing";
+/**
+ * Localizable strings.
+ *
+ * @public
+ */
+type PresenceSyncIndicatorLabels = {
+    /** Aria-label override. Defaults to `"Presence sync"`. */
+    region?: string;
+};
+/**
+ * Props for {@link PresenceSyncIndicator}.
+ *
+ * @public
+ */
+type PresenceSyncIndicatorProps = {
+    /** Optional override label (defaults to humanized state name). */
+    label?: ReactNode;
+    /** Localizable strings. */
+    labels?: PresenceSyncIndicatorLabels;
+    /** Connection state. */
+    state: PresenceSyncState;
+    /** Optional secondary line (peer count, latency). */
+    status?: ReactNode;
+} & ComponentPropsWithoutRef<"div">;
+/**
+ * Compact pill that surfaces live connection + sync health for the
+ * canvas. Stays calm: a single dot + one-line label, with a subtle
+ * pulse for transient `syncing` / `reconnecting` states.
+ *
+ * Pure presentation; the host owns the websocket / CRDT loop and maps
+ * its diagnostics into one of five canonical states.
+ *
+ * @example
+ * ```tsx
+ * <PresenceSyncIndicator state="live" status="3 peers" />
+ * <PresenceSyncIndicator state="reconnecting" status="retry 2/5" />
+ * ```
+ *
+ * @public
+ */
+declare const PresenceSyncIndicator: react.ForwardRefExoticComponent<{
+    /** Optional override label (defaults to humanized state name). */
+    label?: ReactNode;
+    /** Localizable strings. */
+    labels?: PresenceSyncIndicatorLabels;
+    /** Connection state. */
+    state: PresenceSyncState;
+    /** Optional secondary line (peer count, latency). */
+    status?: ReactNode;
+} & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+
+/**
+ * Phase state — drives the bar tone.
+ *
+ * @public
+ */
+type RunPhaseState = "complete" | "failed" | "queued" | "running" | "stopped";
+/**
+ * One lane in a multi-lane run timeline.
+ *
+ * @public
+ */
+type RunTimelineLane = {
+    /** Stable identifier — used as the React key + phase routing. */
+    id: string;
+    /** Display label rendered to the left of the lane. */
+    label: ReactNode;
+};
+/**
+ * One phase block in the run timeline.
+ *
+ * @public
+ */
+type RunTimelinePhase = {
+    /** End timestamp in the same units as `start` / `end`. */
+    end: number;
+    /** Stable identifier — used as the React key + analytics hook. */
+    id: string;
+    /** Optional label rendered inside the phase bar. */
+    label?: ReactNode;
+    /** Lane id this phase belongs to. Defaults to `"default"` (single-lane mode). */
+    laneId?: string;
+    /** Optional click handler — when provided, the phase becomes a button. */
+    onActivate?: () => void;
+    /** Start timestamp `>= timeline start`. */
+    start: number;
+    /** Phase state. Defaults to `"running"`. */
+    state?: RunPhaseState;
+};
+/**
+ * Localizable strings.
+ *
+ * @public
+ */
+type RunTimelineLabels = {
+    /** Empty-state copy. Defaults to `"No phases"`. */
+    empty?: string;
+    /** Aria-label override. Defaults to `"Run timeline"`. */
+    region?: string;
+};
+/**
+ * Props for {@link RunTimeline}.
+ *
+ * @public
+ */
+type RunTimelineProps = {
+    /** Optional cursor position in the same units as the range. Renders a vertical line. */
+    cursor?: number;
+    /** End of the time range. Must be `> start`. */
+    end: number;
+    /** Optional formatter for the start / cursor / end labels. */
+    formatValue?: (value: number) => ReactNode;
+    /** Localizable strings. */
+    labels?: RunTimelineLabels;
+    /** Optional explicit lane definitions in render order. Required for multi-lane mode. */
+    lanes?: RunTimelineLane[];
+    /** Phase blocks — order is irrelevant; routed to lanes by `laneId`. */
+    phases: RunTimelinePhase[];
+    /** Start of the time range. */
+    start: number;
+} & ComponentPropsWithoutRef<"section">;
+/**
+ * Multi-lane execution timeline showing run phases over time. Each
+ * phase renders as a colored bar positioned by its start / end and
+ * routed to a lane by `laneId`. Optional cursor draws a thin vertical
+ * line for the current playback position.
+ *
+ * Pure presentation; the host computes the phase list from the run's
+ * execution history. Pair with {@link "../timeline-scrubber/timeline-scrubber".TimelineScrubber}
+ * to drive the cursor.
+ *
+ * Distinct from `MapTimeline` (geo-aware), `Stepper` (sequential
+ * steps), and the timeline family `#32`–`#35`: this primitive is
+ * specifically the run history surface inside the canvas.
+ *
+ * @example
+ * ```tsx
+ * <RunTimeline
+ *   start={0} end={3600}
+ *   cursor={1800}
+ *   lanes={[
+ *     { id: "ingest", label: "Ingest" },
+ *     { id: "rank",   label: "Rank" },
+ *   ]}
+ *   phases={[
+ *     { id: "1", laneId: "ingest", start: 0,    end: 600,  state: "complete", label: "load" },
+ *     { id: "2", laneId: "rank",   start: 600,  end: 2400, state: "running",  label: "score" },
+ *   ]}
+ * />
+ * ```
+ *
+ * @public
+ */
+declare const RunTimeline: react.ForwardRefExoticComponent<{
+    /** Optional cursor position in the same units as the range. Renders a vertical line. */
+    cursor?: number;
+    /** End of the time range. Must be `> start`. */
+    end: number;
+    /** Optional formatter for the start / cursor / end labels. */
+    formatValue?: (value: number) => ReactNode;
+    /** Localizable strings. */
+    labels?: RunTimelineLabels;
+    /** Optional explicit lane definitions in render order. Required for multi-lane mode. */
+    lanes?: RunTimelineLane[];
+    /** Phase blocks — order is irrelevant; routed to lanes by `laneId`. */
+    phases: RunTimelinePhase[];
+    /** Start of the time range. */
+    start: number;
+} & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & react.RefAttributes<HTMLElement>>;
+
+/**
+ * Localizable strings.
+ *
+ * @public
+ */
+type SelectionPresenceLabels = {
+    /** Aria-label override. Defaults to `"Selection presence"`. */
+    region?: string;
+};
+/**
+ * Props for {@link SelectionPresence}.
+ *
+ * @public
+ */
+type SelectionPresenceProps = {
+    /** Tailwind / CSS color used for the border + chip. Defaults to `var(--foreground)`. */
+    color?: string;
+    /** Selection rectangle height in pixels. */
+    height: number;
+    /** Localizable strings. */
+    labels?: SelectionPresenceLabels;
+    /** Optional name shown in the corner chip (e.g. owner of the selection). */
+    name?: ReactNode;
+    /** Selection rectangle width in pixels. */
+    width: number;
+    /** Selection rectangle X (top-left) in canvas pixels. */
+    x: number;
+    /** Selection rectangle Y (top-left) in canvas pixels. */
+    y: number;
+} & ComponentPropsWithoutRef<"div">;
+/**
+ * Overlay marking what another user has selected on the canvas. The
+ * dashed border + soft fill stay calm so they communicate
+ * "someone-else's-selection" without blocking primary content. Pure
+ * presentation; the host computes the rect from the remote user's
+ * viewport and supplies an accent color per user.
+ *
+ * The wrapper is `pointer-events: none` so host gestures pass through.
+ *
+ * @example
+ * ```tsx
+ * <div className="relative h-screen w-screen">
+ *   <Canvas />
+ *   <SelectionPresence
+ *     x={120} y={80} width={240} height={120}
+ *     color="#5b8def"
+ *     name="Bea"
+ *   />
+ * </div>
+ * ```
+ *
+ * @public
+ */
+declare const SelectionPresence: react.ForwardRefExoticComponent<{
+    /** Tailwind / CSS color used for the border + chip. Defaults to `var(--foreground)`. */
+    color?: string;
+    /** Selection rectangle height in pixels. */
+    height: number;
+    /** Localizable strings. */
+    labels?: SelectionPresenceLabels;
+    /** Optional name shown in the corner chip (e.g. owner of the selection). */
+    name?: ReactNode;
+    /** Selection rectangle width in pixels. */
+    width: number;
+    /** Selection rectangle X (top-left) in canvas pixels. */
+    x: number;
+    /** Selection rectangle Y (top-left) in canvas pixels. */
+    y: number;
+} & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+
+/**
+ * One message in a thread bubble.
+ *
+ * @public
+ */
+type ThreadMessage = {
+    /** Author display name. */
+    author: ReactNode;
+    /** Optional accent color for the author chip. */
+    authorColor?: string;
+    /** Message body — rendered as-is, can be plain text or a `ReactNode`. */
+    body: ReactNode;
+    /** Stable identifier — used as the React key + analytics hook. */
+    id: string;
+    /** Pre-formatted timestamp (host owns formatting). */
+    ts?: ReactNode;
+};
+/**
+ * Localizable strings.
+ *
+ * @public
+ */
+type ThreadBubbleLabels = {
+    /** Empty-state copy. Defaults to `"No replies yet"`. */
+    empty?: string;
+    /** Aria-label override. Defaults to `"Comment thread"`. */
+    region?: string;
+};
+/**
+ * Props for {@link ThreadBubble}.
+ *
+ * @public
+ */
+type ThreadBubbleProps = {
+    /** Optional footer slot — typically a reply input. */
+    footer?: ReactNode;
+    /** Localizable strings. */
+    labels?: ThreadBubbleLabels;
+    /** Messages newest-last. */
+    messages: ThreadMessage[];
+    /** Optional resolve handler. When provided, a "Resolve" button appears in the header. */
+    onResolve?: () => void;
+    /** Optional thread title (e.g. anchored object name). */
+    title?: ReactNode;
+} & ComponentPropsWithoutRef<"section">;
+/**
+ * Expanded discussion bubble for an anchored canvas comment thread.
+ * Renders a stacked message list plus an optional reply slot via
+ * `footer`. Pair with {@link "../comment-pin/comment-pin".CommentPin}: pin marks the location,
+ * bubble holds the conversation.
+ *
+ * Pure presentation; the host owns the message store + supplies the
+ * resolve handler for hosts that allow threading.
+ *
+ * @example
+ * ```tsx
+ * <ThreadBubble
+ *   title="research-2025"
+ *   messages={[
+ *     { id: "1", author: "Bea", authorColor: "#5b8def", body: "Why fallback?", ts: "12s" },
+ *     { id: "2", author: "Lior", authorColor: "#10b981", body: "p95 spike — see graph", ts: "9s" },
+ *   ]}
+ *   footer={<ReplyInput onSubmit={post} />}
+ *   onResolve={resolve}
+ * />
+ * ```
+ *
+ * @public
+ */
+declare const ThreadBubble: react.ForwardRefExoticComponent<{
+    /** Optional footer slot — typically a reply input. */
+    footer?: ReactNode;
+    /** Localizable strings. */
+    labels?: ThreadBubbleLabels;
+    /** Messages newest-last. */
+    messages: ThreadMessage[];
+    /** Optional resolve handler. When provided, a "Resolve" button appears in the header. */
+    onResolve?: () => void;
+    /** Optional thread title (e.g. anchored object name). */
+    title?: ReactNode;
+} & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & react.RefAttributes<HTMLElement>>;
+
+/** A single tool call made by the assistant. */
+type ToolCall = {
+    id: string;
+    input?: Record<string, unknown>;
+    name: string;
+    result?: string;
+};
+/** A single message in the conversation. */
+type ConversationMessage = {
+    content: string;
+    id: string;
+    /** Whether the assistant still streams this individual message. */
+    isStreaming?: boolean;
+    role: "assistant" | "user";
+    /** AI reasoning/thinking content. The component renders this via ThinkingBlock. */
+    thinking?: string;
+    toolCalls?: ToolCall[];
+};
+type ConversationThreadProps = {
+    children?: ReactNode;
+    className?: string;
+    /** Whether the assistant generates a response. */
+    isStreaming?: boolean;
+    messages: ConversationMessage[];
+    onFeedback?: (messageId: string, feedback: "negative" | "positive") => void;
+    onRetry?: (messageId: string) => void;
+    /** Calls onSend with the suggestion text after the user clicks a ConversationSuggestions chip. */
+    onSend?: (message: string) => void;
+};
+type ConversationHeaderProps = {
+    children?: ReactNode;
+    className?: string;
+};
+type ConversationTitleProps = {
+    children?: ReactNode;
+    className?: string;
+};
+type ConversationMessagesProps = {
+    /** Overlay children: ConversationEmpty, ConversationScrollButton, ConversationLoading. */
+    children?: ReactNode;
+    className?: string;
+};
+type ConversationEmptyProps = {
+    children?: ReactNode;
+    className?: string;
+};
+type ConversationSuggestionsProps = {
+    className?: string;
+    suggestions?: string[];
+};
+type ConversationScrollButtonProps = {
+    className?: string;
+};
+type ConversationLoadingProps = {
+    className?: string;
+};
+/**
+ * Root provider for the ConversationThread compound component family.
+ *
+ * @example
+ * ```tsx
+ * <ConversationThread messages={messages} isStreaming={isStreaming} onSend={handleSend}>
+ *   <ConversationHeader><ConversationTitle>Chat</ConversationTitle></ConversationHeader>
+ *   <ConversationMessages>
+ *     <ConversationEmpty>
+ *       <ConversationSuggestions suggestions={["Hello!", "Help me with..."]} />
+ *     </ConversationEmpty>
+ *     <ConversationScrollButton />
+ *     <ConversationLoading />
+ *   </ConversationMessages>
+ * </ConversationThread>
+ * ```
+ */
+declare const ConversationThread: react.ForwardRefExoticComponent<ConversationThreadProps & react.RefAttributes<HTMLDivElement>>;
+/** Optional header slot, rendered above the message list. */
+declare const ConversationHeader: react.ForwardRefExoticComponent<ConversationHeaderProps & react.RefAttributes<HTMLDivElement>>;
+/** Title text for use inside ConversationHeader. */
+declare const ConversationTitle: react.ForwardRefExoticComponent<ConversationTitleProps & react.RefAttributes<HTMLHeadingElement>>;
+/**
+ * Scrollable message list container. Renders messages from context.
+ * Pass ConversationEmpty, ConversationScrollButton, and ConversationLoading as children —
+ * the component renders these as absolute overlays that read state from context.
+ */
+declare const ConversationMessages: react.ForwardRefExoticComponent<ConversationMessagesProps & react.RefAttributes<HTMLDivElement>>;
+/**
+ * Shown when the message list is empty. Hides automatically once messages exist.
+ * Renders as a centered overlay — pass ConversationSuggestions or custom content as children.
+ */
+declare const ConversationEmpty: react.ForwardRefExoticComponent<ConversationEmptyProps & react.RefAttributes<HTMLDivElement>>;
+/** Suggested prompt chips displayed in the empty state. Calls onSend when clicked. */
+declare const ConversationSuggestions: react.ForwardRefExoticComponent<ConversationSuggestionsProps & react.RefAttributes<HTMLDivElement>>;
+/** Floating button that appears when the user scrolls up, to jump back to the bottom. */
+declare const ConversationScrollButton: react.ForwardRefExoticComponent<ConversationScrollButtonProps & react.RefAttributes<HTMLButtonElement>>;
+/**
+ * Typing indicator shown while the assistant is streaming a response.
+ * Visible when isStreaming is true and the last message role is "assistant".
+ */
+declare const ConversationLoading: react.ForwardRefExoticComponent<ConversationLoadingProps & react.RefAttributes<HTMLDivElement>>;
+
 type InlineInputProps = {
     className?: string;
     /** Called when user presses Escape or blurs without changes. */
@@ -3042,4 +4504,4 @@ declare function useHorizontalScroll(): UseHorizontalScrollReturn;
 
 declare function cn(...inputs: ClassValue[]): string;
 
-export { AIChatInput, type AIChatInputProps, AIMessageBubble, type AIMessageBubbleProps, AISourceCitation, type AISourceCitationProps, AIStreamingText, type AIStreamingTextProps, AIToolCallDisplay, type AIToolCallDisplayProps, type AIToolCallStatus, Accordion, AccordionContent, type AccordionContentProps, AccordionItem, type AccordionItemProps, type AccordionProps, AccordionTrigger, type AccordionTriggerProps, ActivityHeatmap, type ActivityHeatmapItem, type ActivityHeatmapProps, ActivityLog, type ActivityLogItem, type ActivityLogProps, type ActivityLogTone, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AnimatedText, type AnimatedTextProps, Annotation, type AnnotationProps, AreaChart, AspectRatio, Avatar, AvatarFallback, AvatarGroup, type AvatarGroupItem, type AvatarGroupProps, AvatarImage, Badge, type BadgeProps, BarChart, BeforeAfter, type BeforeAfterProps, BlogCard, BorderBeam, type BorderBeamProps, Breadcrumb, type BreadcrumbItem, Button, type ButtonProps, Calendar, type CalendarProps, Callout, type CalloutProps, type CalloutVariant, CandlestickChart, type CandlestickChartProps, type CandlestickDatum, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, CategoryFilter, Checkbox, Checklist, type ChecklistItem, type ChecklistProps, CodeBlock, CodePlayground, type CodePlaygroundProps, Collapsible, CollapsibleContent, CollapsibleTrigger, Combobox, type ComboboxOption, type ComboboxProps, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, CommonMistake, type CommonMistakeProps, Comparison, type ComparisonProps, CompletionDialog, type CompletionDialogProps, Content, ContentCard, ContentIntro, type ContentIntroLabels, type ContentIntroProps, type ContentIntroSection, type ContentMeta, type ContentProgress, type ContentSection, type ContentSectionMinimal, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, CookieConsent, type CookieConsentProps, type CopyStatus, CountdownTimer, type CountdownTimerProps, CreditBadge, type CreditBadgeProps, type CreditBadgeStatus, DataList, DataListItem, type DataListItemProps, DataListLabel, type DataListProps, DataListValue, DataTableComponent as DataTable, type DataTableFilter, type DataTableFilterOption, type DataTableProps, DatePicker, type DatePickerProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, type DifficultyLevel, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Exercise, type ExerciseProps, FAQ, FAQItem, type FAQItemProps, type FAQProps, FileTree, type FileTreeProps, FileUpload, type FileUploadProps, FilterBar, type FilterBarLabels, type FilterBarProps, type FilterOption, type FilterUpdates, Flashcard, type FlashcardProps, FloatingActionButton, type FloatingActionButtonProps, FlowControls, type FlowControlsProps, FlowDiagram, type FlowDiagramEdge, type FlowDiagramNode, type FlowDiagramProps, FlowErrorBoundary, FlowFullscreen, type FlowFullscreenProps, Glossary, type GlossaryProps, Highlight, type HighlightProps, HorizontalScrollRow, type HorizontalScrollRowProps, HoverCard, HoverCardContent, HoverCardTrigger, InlineInput, type InlineInputProps, Input, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, KeyConcept, type KeyConceptProps, type KeyboardShortcut, KeyboardShortcutsHelp, type KeyboardShortcutsHelpProps, LANGUAGE_NAMES, Label, LangProvider, LearningObjectives, type LearningObjectivesProps, LineChart, LiveFeed, type LiveFeedEvent, type LiveFeedProps, MDXContent, MarketTreemap, type MarketTreemapItem, type MarketTreemapProps, Marquee, type MarqueeProps, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, MetricGauge, type MetricGaugeProps, type MetricGaugeThreshold, type ModelInfo, ModelSelector, type ModelSelectorProps, type NavItem, NavbarSaas, type NavbarSaasProps, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, NumberInput, type NumberInputProps, NumberTicker, type NumberTickerProps, OrderBook, type OrderBookLevel, type OrderBookProps, Pagination, type PaginationProps, PasswordInput, type PasswordInputProps, PlanBadge, type PlanBadgeProps, type PlanBadgeState, type PlanBadgeTier, type PlatformConfig, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Prerequisites, type PrerequisitesProps, ProTip, type ProTipProps, type ProTipVariant, ProfileSection, ProgressBar, type ProgressBarProps, Quiz, type QuizOption, type QuizProps, RadioGroup, RadioGroupItem, Rating, type RatingProps, ResizableHandle, ResizablePanel, ResizablePanelGroup, RoleBadge, type RoleBadgeProps, type RoleBadgeRole, ScopeSelector, type ScopeSelectorNode, type ScopeSelectorProps, type ScopeSelectorSelection, ScrollArea, ScrollBar, SearchBar, SearchDialog, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, SeverityBadge, type SeverityBadgeLevel, type SeverityBadgeProps, ShareDialog, type ShareDialogLabels, type SharePlatform as ShareDialogPlatform, type ShareDialogProps, type SharePlatform$1 as SharePlatform, type SharePlatformConfig, ShareSection, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Sidebar, type SidebarItem, SidebarProvider, type SidebarSection, SidebarToggle, type SidebarToggleProps, SimpleTerminal, type SimpleTerminalProps, Skeleton, Slider, Slideshow, type SlideshowLabels, type SlideshowProps, type SlideshowSection, SocialFAB, type SocialFabActionConfig, type SocialFabLabels, type SocialFabProps, SparklineGrid, type SparklineGridItem, type SparklineGridProps, Spinner, type SpinnerProps, StatCard, type StatCardProps, StatusBoard, type StatusBoardItem, type StatusBoardProps, type StatusBoardStatus, StatusIndicator, type StatusIndicatorProps, Step, StepByStep, type StepByStepProps, StepNavigation, type StepNavigationProps, type StepProps, Stepper, type StepperProps, type StepperStep, SubscriptionCard, type SubscriptionCardProps, type SubscriptionCardStatus, Summary, type SummaryProps, Switch, TLDRSection, type TOCSection, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableOfContents, TableOfContentsPanel, type TableOfContentsPanelProps, TableRow, Tabs, TabsContent, type TabsContentProps, TabsList, type TabsListProps, type TabsProps, TabsTrigger, type TabsTriggerProps, Terminal, type TerminalLine, type TerminalProps, Textarea, type TextareaProps, ThemeProvider, ThemeToggle, ThinkingBlock, type ThinkingBlockProps, TickerTape, type TickerTapeItem, type TickerTapeProps, Toast, ToastAction, ToastClose, ToastDescription, type ToastProps, ToastTitle, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, Tour, type TourProps, type TourStep, TruncatedText, type TruncatedTextProps, TutorialCard, type TutorialCardLabels, type TutorialCardMeta, type TutorialCardProgress, type TutorialCardProps, TutorialComplete, type TutorialCompleteLabels, type TutorialCompleteProps, type TutorialCompleteRelatedContent, type TutorialCompleteSection, TutorialFilters, type TutorialFiltersLabels, type TutorialFiltersProps, TutorialIntroContent, type TutorialIntroContentProps, TutorialMDX, type TutorialMDXProps, type SupportedLanguage as UISupportedLanguage, UnicodeSpinner, type UnicodeSpinnerAnimation, type UnicodeSpinnerProps, UsageBreakdown, type UsageBreakdownItem, type UsageBreakdownProps, type UsageBreakdownTone, type UseFlowDiagramOptions, type UseFlowDiagramReturn, VideoEmbed, type VideoEmbedProps, type ViewOption, ViewSwitcher, type ViewSwitcherProps, WalletCard, type WalletCardProps, Watchlist, type WatchlistItem, type WatchlistProps, WorldClockBar, type WorldClockBarProps, type WorldClockBarZone, alertVariants, avatarGroupVariants, avatarItemVariants, badgeVariants, buttonVariants, cn, cookieConsentVariants, dataListItemVariants, dataListVariants, dotVariants, getOtherLanguage, mdxComponents, navigationMenuTriggerStyle, severityBadgeVariants, statCardVariants, statusIndicatorVariants, toggleVariants, useDebounce, useFlowDiagram, useHorizontalScroll, useMobile, useSidebar, useSocialFab };
+export { AIChatInput, type AIChatInputProps, AIMessageBubble, type AIMessageBubbleProps, AISourceCitation, type AISourceCitationProps, AIStreamingText, type AIStreamingTextProps, AIToolCallDisplay, type AIToolCallDisplayProps, type AIToolCallStatus, Accordion, AccordionContent, type AccordionContentProps, AccordionItem, type AccordionItemProps, type AccordionProps, AccordionTrigger, type AccordionTriggerProps, ActivityHeatmap, type ActivityHeatmapItem, type ActivityHeatmapProps, ActivityLog, type ActivityLogItem, type ActivityLogProps, type ActivityLogTone, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AnchorPort, type AnchorPortProps, AnimatedText, type AnimatedTextProps, Annotation, type AnnotationProps, AreaChart, AspectRatio, Avatar, AvatarFallback, AvatarGroup, type AvatarGroupItem, type AvatarGroupProps, AvatarImage, Badge, type BadgeProps, BarChart, BeforeAfter, type BeforeAfterProps, BlogCard, BorderBeam, type BorderBeamProps, BottomBar, type BottomBarProps, Breadcrumb, type BreadcrumbItem, Button, type ButtonProps, Calendar, type CalendarProps, Callout, type CalloutProps, type CalloutVariant, CandlestickChart, type CandlestickChartProps, type CandlestickDatum, CanvasShell, type CanvasShellInsets, type CanvasShellProps, type CanvasShellRouteConfig, CanvasView, type CanvasViewHandle, type CanvasViewProps, type CanvasViewport, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, CategoryFilter, type ChatDockMessage, ChatDockSection, type ChatDockSectionProps, Checkbox, Checklist, type ChecklistItem, type ChecklistProps, CodeBlock, CodePlayground, type CodePlaygroundProps, Collapsible, CollapsibleContent, CollapsibleTrigger, Combobox, type ComboboxOption, type ComboboxProps, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, CommentPin, type CommentPinLabels, type CommentPinProps, type CommentPinState, CommonMistake, type CommonMistakeProps, Comparison, type ComparisonProps, CompletionDialog, type CompletionDialogProps, ConnectorEdge, type ConnectorEdgePoint, type ConnectorEdgeProps, Content, ContentCard$1 as ContentCard, ContentIntro, type ContentIntroLabels, type ContentIntroProps, type ContentIntroSection, type ContentMeta, type ContentProgress, type ContentSection, type ContentSectionMinimal, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, ConversationEmpty, type ConversationEmptyProps, ConversationHeader, type ConversationHeaderProps, ConversationLoading, type ConversationLoadingProps, type ConversationMessage, ConversationMessages, type ConversationMessagesProps, ConversationScrollButton, type ConversationScrollButtonProps, ConversationSuggestions, type ConversationSuggestionsProps, ConversationThread, type ConversationThreadProps, ConversationTitle, type ConversationTitleProps, CookieConsent, type CookieConsentProps, type CopyStatus, CountdownTimer, type CountdownTimerProps, CreditBadge, type CreditBadgeProps, type CreditBadgeStatus, Curriculum, CurriculumLesson, type CurriculumLessonProps, CurriculumModule, type CurriculumModuleProps, type CurriculumProps, DataList, DataListItem, type DataListItemProps, DataListLabel, type DataListProps, DataListValue, DataTableComponent as DataTable, type DataTableFilter, type DataTableFilterOption, type DataTableProps, DatePicker, type DatePickerProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, type DifficultyLevel, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EdgeLabel, type EdgeLabelProps, Exercise, type ExerciseProps, FAQ, FAQItem, type FAQItemProps, type FAQProps, FileTree, type FileTreeProps, FileUpload, type FileUploadProps, FilterBar, type FilterBarLabels, type FilterBarProps, type FilterOption, type FilterUpdates, Flashcard, type FlashcardProps, FloatingActionButton, type FloatingActionButtonProps, FlowControls, type FlowControlsProps, FlowDiagram, type FlowDiagramEdge, type FlowDiagramNode, type FlowDiagramProps, FlowErrorBoundary, FlowFullscreen, type FlowFullscreenProps, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, type FormProps, GlassPanel, type GlassPanelProps, Glossary, type GlossaryProps, GroupHull, type GroupHullProps, Highlight, type HighlightProps, HorizontalScrollRow, type HorizontalScrollRowProps, HoverCard, HoverCardContent, HoverCardTrigger, InfinitePlane, type InfinitePlaneLabels, type InfinitePlanePattern, type InfinitePlaneProps, InlineInput, type InlineInputProps, Input, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, KeyConcept, type KeyConceptProps, type KeyboardShortcut, KeyboardShortcutsHelp, type KeyboardShortcutsHelpProps, LANGUAGE_NAMES, Label, LangProvider, LearningObjectives, type LearningObjectivesProps, LeftRail, type LeftRailProps, type LessonDifficulty, type LessonStatus, LineChart, LiveCursor, type LiveCursorLabels, type LiveCursorProps, LiveFeed, type LiveFeedEvent, type LiveFeedProps, MDXContent, MarketTreemap, type MarketTreemapItem, type MarketTreemapProps, Marquee, type MarqueeProps, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, MetricGauge, type MetricGaugeProps, type MetricGaugeThreshold, type MiniMapMarker, MiniMapPanel, type MiniMapPanelProps, type ModelInfo, ModelSelector, type ModelSelectorProps, MultiSelect, type MultiSelectOption, type MultiSelectProps, type NavItem, NavbarSaas, type NavbarSaasProps, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, NumberInput, type NumberInputProps, NumberTicker, type NumberTickerProps, ObjectCard, type ObjectCardAction, type ObjectCardMetric, type ObjectCardProps, ObjectHandle, type ObjectHandleProps, OrderBook, type OrderBookLevel, type OrderBookProps, OverviewBoard, type OverviewBoardItem, type OverviewBoardProps, OverviewCard, type OverviewCardProps, type OverviewCardTone, Pagination, type PaginationProps, PasswordInput, type PasswordInputProps, PlanBadge, type PlanBadgeProps, type PlanBadgeState, type PlanBadgeTier, type PlatformConfig, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Prerequisites, type PrerequisitesProps, PresenceStack, type PresenceStackLabels, type PresenceStackProps, type PresenceStatus, PresenceSyncIndicator, type PresenceSyncIndicatorLabels, type PresenceSyncIndicatorProps, type PresenceSyncState, type PresenceUser, ProTip, type ProTipProps, type ProTipVariant, ProfileSection, ProgressBar, type ProgressBarProps, ContentCard as ProgressCard, type ContentCardProgress as ProgressCardProgress, type ContentCardProps as ProgressCardProps, ProgressTracker, ProgressTrackerBadge, type ProgressTrackerBadgeProps, ProgressTrackerModule, type ProgressTrackerModuleItem, type ProgressTrackerModuleProps, type ProgressTrackerModuleStatus, ProgressTrackerModules, type ProgressTrackerModulesProps, ProgressTrackerOverview, type ProgressTrackerOverviewProps, type ProgressTrackerProps, ProgressTrackerStat, type ProgressTrackerStatProps, ProgressTrackerStats, type ProgressTrackerStatsProps, Quiz, type QuizOption, type QuizProps, RadioGroup, RadioGroupItem, Rating, type RatingProps, ResizableHandle, ResizablePanel, ResizablePanelGroup, RightDock, type RightDockProps, RoleBadge, type RoleBadgeProps, type RoleBadgeRole, type RunPhaseState, RunTimeline, type RunTimelineLabels, type RunTimelineLane, type RunTimelinePhase, type RunTimelineProps, ScopeSelector, type ScopeSelectorNode, type ScopeSelectorProps, type ScopeSelectorSelection, ScrollArea, ScrollBar, SearchBar, SearchDialog, SegmentedControl, SegmentedControlItem, type SegmentedControlItemProps, type SegmentedControlProps, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, SelectionPresence, type SelectionPresenceLabels, type SelectionPresenceProps, Separator, SeverityBadge, type SeverityBadgeLevel, type SeverityBadgeProps, ShareDialog, type ShareDialogLabels, type SharePlatform as ShareDialogPlatform, type ShareDialogProps, type SharePlatform$1 as SharePlatform, type SharePlatformConfig, ShareSection, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Sidebar, type SidebarItem, SidebarProvider, type SidebarSection, SidebarToggle, type SidebarToggleProps, SimpleTerminal, type SimpleTerminalProps, Skeleton, Slider, Slideshow, type SlideshowLabels, type SlideshowProps, type SlideshowSection, SocialFAB, type SocialFabActionConfig, type SocialFabLabels, type SocialFabProps, SparklineGrid, type SparklineGridItem, type SparklineGridProps, Spinner, type SpinnerProps, StatCard, type StatCardProps, StatusBoard, type StatusBoardItem, type StatusBoardProps, type StatusBoardStatus, StatusIndicator, type StatusIndicatorProps, Step, StepByStep, type StepByStepProps, StepNavigation, type StepNavigationProps, type StepProps, Stepper, type StepperProps, type StepperStep, SubscriptionCard, type SubscriptionCardProps, type SubscriptionCardStatus, Summary, type SummaryProps, Switch, TLDRSection, type TOCSection, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableOfContents, TableOfContentsPanel, type TableOfContentsPanelProps, TableRow, Tabs, TabsContent, type TabsContentProps, TabsList, type TabsListProps, type TabsProps, TabsTrigger, type TabsTriggerProps, TagsInput, type TagsInputProps, Terminal, type TerminalLine, type TerminalProps, Textarea, type TextareaProps, ThemeProvider, ThemeToggle, ThinkingBlock, type ThinkingBlockProps, ThreadBubble, type ThreadBubbleLabels, type ThreadBubbleProps, type ThreadMessage, TickerTape, type TickerTapeItem, type TickerTapeProps, Toast, ToastAction, ToastClose, ToastDescription, type ToastProps, ToastTitle, Toaster, Toggle, ToggleGroup, ToggleGroupItem, type ToolCall, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, TopBar, type TopBarProps, Tour, type TourProps, type TourStep, TruncatedText, type TruncatedTextProps, TutorialCard, type TutorialCardLabels, type TutorialCardMeta, type TutorialCardProgress, type TutorialCardProps, TutorialComplete, type TutorialCompleteLabels, type TutorialCompleteProps, type TutorialCompleteRelatedContent, type TutorialCompleteSection, TutorialFilters, type TutorialFiltersLabels, type TutorialFiltersProps, TutorialIntroContent, type TutorialIntroContentProps, TutorialMDX, type TutorialMDXProps, type SupportedLanguage as UISupportedLanguage, UnicodeSpinner, type UnicodeSpinnerAnimation, type UnicodeSpinnerProps, UsageBreakdown, type UsageBreakdownItem, type UsageBreakdownProps, type UsageBreakdownTone, type UseFlowDiagramOptions, type UseFlowDiagramReturn, VideoEmbed, type VideoEmbedProps, type ViewOption, ViewSwitcher, type ViewSwitcherProps, type ViewportBookmark, ViewportBookmarks, type ViewportBookmarksLabels, type ViewportBookmarksProps, WalletCard, type WalletCardProps, Watchlist, type WatchlistItem, type WatchlistProps, type WorkspaceOption, WorkspaceSwitcher, type WorkspaceSwitcherProps, WorldBreadcrumbs, type WorldBreadcrumbsLabels, type WorldBreadcrumbsProps, WorldClockBar, type WorldClockBarProps, type WorldClockBarZone, type WorldCrumb, type WorldCrumbKind, ZoomHUD, type ZoomHUDProps, alertVariants, avatarGroupVariants, avatarItemVariants, badgeVariants, buttonVariants, cn, cookieConsentVariants, dataListItemVariants, dataListVariants, dotVariants, getOtherLanguage, mdxComponents, navigationMenuTriggerStyle, segmentedControlItemVariants, segmentedControlVariants, severityBadgeVariants, statCardVariants, statusIndicatorVariants, toggleVariants, useDebounce, useFlowDiagram, useFormField, useHorizontalScroll, useMobile, useProgressTrackerContext, useSidebar, useSocialFab };