@q9labsai/chalk-react 5.0.1 → 5.2.0

package/dist/components/chalk-ui/ChalkIconButton.d.ts

@@ -5,4 +5,3 @@ export interface ChalkIconButtonProps extends Omit<ButtonHTMLAttributes<HTMLButt
     readonly size?: "sm" | "md" | "lg";
 }
 export declare const ChalkIconButton: import("react").ForwardRefExoticComponent<ChalkIconButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
-//# sourceMappingURL=ChalkIconButton.d.ts.map

package/dist/components/chalk-ui/ChalkInput.d.ts

@@ -5,4 +5,3 @@ export interface ChalkInputProps extends Omit<InputHTMLAttributes<HTMLInputEleme
     readonly wrapperClassName?: string;
 }
 export declare const ChalkInput: import("react").ForwardRefExoticComponent<ChalkInputProps & import("react").RefAttributes<HTMLInputElement>>;
-//# sourceMappingURL=ChalkInput.d.ts.map

package/dist/components/chalk-ui/ChalkMenu.d.ts

@@ -1,11 +1,12 @@
 import { type ReactElement, type ReactNode } from "react";
 export interface ChalkMenuProps {
     readonly trigger: ReactElement;
+    readonly onOpenChange?: (open: boolean) => void;
     readonly children: ReactNode;
     readonly side?: "top" | "bottom";
     readonly className?: string;
 }
-export declare function ChalkMenu({ trigger, children, side, className }: ChalkMenuProps): import("react").JSX.Element;
+export declare function ChalkMenu({ trigger, children, side, className, onOpenChange }: ChalkMenuProps): import("react").JSX.Element;
 export interface ChalkMenuItemProps {
     readonly children: ReactNode;
     readonly checked?: boolean;
@@ -17,4 +18,3 @@ export declare function ChalkMenuItem({ children, checked, disabled, onClick, cl
 export declare function ChalkMenuLabel({ children }: {
     readonly children: ReactNode;
 }): import("react").JSX.Element;
-//# sourceMappingURL=ChalkMenu.d.ts.map

package/dist/components/chalk-ui/ChalkPanel.d.ts

@@ -5,4 +5,3 @@ export interface ChalkPanelProps extends HTMLAttributes<HTMLDivElement> {
     readonly contentClassName?: string;
 }
 export declare const ChalkPanel: import("react").ForwardRefExoticComponent<ChalkPanelProps & import("react").RefAttributes<HTMLDivElement>>;
-//# sourceMappingURL=ChalkPanel.d.ts.map

package/dist/components/chalk-ui/ChalkPopover.d.ts

@@ -9,4 +9,3 @@ export declare function ChalkPopover({ trigger, children, label, className, alig
     readonly tooltip?: string;
     readonly alignOffset?: number;
 }): import("react").JSX.Element;
-//# sourceMappingURL=ChalkPopover.d.ts.map

package/dist/components/chalk-ui/ChalkSegmentedControl.d.ts

@@ -8,4 +8,3 @@ export declare function ChalkSegmentedControl<Value extends string>({ label, val
     }[];
     readonly onValueChange: (value: Value) => void;
 }): import("react").JSX.Element;
-//# sourceMappingURL=ChalkSegmentedControl.d.ts.map

package/dist/components/chalk-ui/ChalkSheet.d.ts

@@ -1,6 +1,6 @@
 import { type ReactNode } from "react";
 export interface ChalkSheetProps {
-    readonly variant?: "default" | "details" | "panel" | "ready";
+    readonly variant?: "default" | "details" | "panel" | "ready" | "stage";
     readonly open: boolean;
     readonly onOpenChange: (open: boolean) => void;
     readonly title: string;
@@ -9,4 +9,3 @@ export interface ChalkSheetProps {
 }
 /** Base UI owns the focus trap, Escape, outside press and return to the opener. */
 export declare function ChalkSheet({ open, onOpenChange, title, accessibleLabel, children, variant }: ChalkSheetProps): import("react").JSX.Element;
-//# sourceMappingURL=ChalkSheet.d.ts.map

package/dist/components/chalk-ui/ChalkSpinner.d.ts

@@ -5,4 +5,3 @@ export interface ChalkSpinnerProps extends HTMLAttributes<HTMLSpanElement> {
     readonly label?: string;
 }
 export declare const ChalkSpinner: import("react").ForwardRefExoticComponent<ChalkSpinnerProps & import("react").RefAttributes<HTMLSpanElement>>;
-//# sourceMappingURL=ChalkSpinner.d.ts.map

package/dist/components/chalk-ui/ChalkTextarea.d.ts

@@ -5,4 +5,3 @@ export interface ChalkTextareaProps extends TextareaHTMLAttributes<HTMLTextAreaE
     readonly wrapperClassName?: string;
 }
 export declare const ChalkTextarea: import("react").ForwardRefExoticComponent<ChalkTextareaProps & import("react").RefAttributes<HTMLTextAreaElement>>;
-//# sourceMappingURL=ChalkTextarea.d.ts.map

package/dist/components/chalk-ui/ChalkToast.d.ts

@@ -1,6 +1,10 @@
 import { type ReactNode } from "react";
 export interface ChalkToastProps {
     readonly message: ReactNode;
+    /** Stable semantic identity for rich message content. Change it when the message changes. */
+    readonly announcementKey?: string;
+    /** Plain speech text for custom message components. Literal text and markup are read without mounting them. */
+    readonly announcementText?: string;
     readonly icon?: ReactNode;
     readonly type?: "info" | "success" | "warning" | "error";
     readonly duration?: number;
@@ -8,7 +12,8 @@ export interface ChalkToastProps {
         readonly label: string;
         readonly onClick: () => void;
     };
+    /** Enables live announcements. Pass false for an already-announced notice; a replacement message can enable the same mounted toast later. */
+    readonly announce?: boolean;
     readonly onDismiss: () => void;
 }
-export declare function ChalkToast({ message, type, duration, action, icon, onDismiss }: ChalkToastProps): import("react").JSX.Element;
-//# sourceMappingURL=ChalkToast.d.ts.map
+export declare function ChalkToast({ message, announcementKey, announcementText, type, duration, action, icon, announce, onDismiss }: ChalkToastProps): import("react").JSX.Element;

package/dist/components/chalk-ui/ChalkToggle.d.ts

@@ -7,4 +7,3 @@ export interface ChalkToggleProps extends Omit<ButtonHTMLAttributes<HTMLButtonEl
     readonly tone?: ChalkTone;
 }
 export declare const ChalkToggle: import("react").ForwardRefExoticComponent<ChalkToggleProps & import("react").RefAttributes<HTMLButtonElement>>;
-//# sourceMappingURL=ChalkToggle.d.ts.map

package/dist/components/chalk-ui/ChalkTooltip.d.ts

@@ -3,4 +3,3 @@ export declare function ChalkTooltip({ trigger, children }: {
     readonly trigger: ReactElement;
     readonly children: ReactNode;
 }): import("react").JSX.Element;
-//# sourceMappingURL=ChalkTooltip.d.ts.map

package/dist/components/chalk-ui/common.d.ts

@@ -8,4 +8,3 @@ export declare const CLASSIC_FOCUS_WITHIN_CLASSES = "focus-within:border-[var(--
 export declare function classicToneSurfaceClasses(tone: ChalkTone): string;
 export declare function classicTonePanelClasses(tone: ChalkTone): string;
 export declare function mergeStyle(style: CSSProperties | undefined, position?: CSSProperties["position"]): CSSProperties;
-//# sourceMappingURL=common.d.ts.map

package/dist/components/chalk-ui/index.d.ts

@@ -34,4 +34,3 @@ export { ChalkCopyButton } from "./ChalkCopyButton";
 export { ChalkSheet, type ChalkSheetProps } from "./ChalkSheet";
 export { ChalkToast, type ChalkToastProps } from "./ChalkToast";
 export { ChalkTooltip } from "./ChalkTooltip";
-//# sourceMappingURL=index.d.ts.map

package/dist/components/composite/ChatPanel.d.ts

@@ -35,4 +35,3 @@ export interface ChatPanelSurfaceProps extends ChatPanelProps {
 }
 export declare const ChatPanelSurface: React.MemoExoticComponent<({ messages, pendingMessages, readReceipts, localReadThroughSequence, participantNames, onSendMessage, onReact, onUploadAttachment, pickChatFiles, onResolveAttachmentUrl, onMarkRead, onRetryMessage, onLoadOlder, hasOlder, loadingOlder, localParticipantId, onClose, disabled, placeholder, title, variant, generatedAvatars, error, messageDisplayTime, autoScrollBehavior, className, }: ChatPanelSurfaceProps) => React.JSX.Element>;
 export declare const ChatPanel: React.MemoExoticComponent<(props: ChatPanelProps) => React.JSX.Element>;
-//# sourceMappingURL=ChatPanel.d.ts.map

package/dist/components/composite/CommandErrorAlert.d.ts

@@ -3,4 +3,3 @@ export interface CommandErrorAlertProps {
     readonly message?: string;
 }
 export declare function CommandErrorAlert({ message }: CommandErrorAlertProps): React.JSX.Element | null;
-//# sourceMappingURL=CommandErrorAlert.d.ts.map

package/dist/components/composite/MessageBubble.d.ts

@@ -30,4 +30,3 @@ export interface MessageBubbleProps {
     className?: string;
 }
 export declare const MessageBubble: React.NamedExoticComponent<MessageBubbleProps>;
-//# sourceMappingURL=MessageBubble.d.ts.map

package/dist/components/composite/ReactionPicker.d.ts

@@ -15,4 +15,3 @@ export interface ReactionPickerProps {
     size?: "default" | "compact" | "mini";
 }
 export declare const ReactionPicker: React.MemoExoticComponent<({ isHandRaised, onToggleHandRaise, isOpen, onClose, onSelect, recentReactions, allowedReactions, position, participantColorSeed, participantGradientPreference, className, size }: ReactionPickerProps) => React.JSX.Element | null>;
-//# sourceMappingURL=ReactionPicker.d.ts.map

package/dist/components/composite/ReactionTray.d.ts

@@ -13,4 +13,3 @@ export interface ReactionTrayProps {
  * emojis, Home/End jump, Escape and clicking outside close. Focus lands on the first emoji.
  */
 export declare function ReactionTray({ isHandRaised, onToggleHandRaise, reactions, onSelect, onClose, position, className }: ReactionTrayProps): React.JSX.Element;
-//# sourceMappingURL=ReactionTray.d.ts.map

package/dist/components/composite/ReactionsOverlay.d.ts

@@ -22,4 +22,3 @@ interface ReactionsOverlaySurfaceProps extends ReactionsOverlayProps {
 export declare function ReactionsOverlaySurface({ reactions, maxVisible, className }: ReactionsOverlaySurfaceProps): React.JSX.Element;
 export declare function ReactionsOverlay(props: ReactionsOverlayProps): React.JSX.Element;
 export {};
-//# sourceMappingURL=ReactionsOverlay.d.ts.map

package/dist/components/composite/ScreenShareView.d.ts

@@ -29,4 +29,3 @@ export interface ScreenShareViewSurfaceProps extends Omit<ScreenSharePresentatio
 export declare function ScreenSharePresentation({ sharedByName, media, mediaVisible, state, isLocal, hasAudio, capture, primary, pinned, hidden, style, onClick, onDoubleClick, onStopSharing, onChangeShare, switcher, className }: ScreenSharePresentationProps): React.JSX.Element;
 export declare function ScreenShareViewSurface({ screenShareTrack, ...props }: ScreenShareViewSurfaceProps): React.JSX.Element;
 export declare function ScreenShareView(props: ScreenShareViewProps): React.JSX.Element;
-//# sourceMappingURL=ScreenShareView.d.ts.map

package/dist/components/composite/chat-file-upload.d.ts

@@ -4,4 +4,3 @@ export interface UploadChatAttachmentOptions {
     readonly randomUUID?: () => string;
 }
 export declare function uploadChatAttachment(file: ChatUploadFile, chatFiles: ChatFilesController, _options?: UploadChatAttachmentOptions): Promise<ChatAttachment>;
-//# sourceMappingURL=chat-file-upload.d.ts.map

package/dist/components/composite/chat-panel-model.d.ts

@@ -27,4 +27,3 @@ export declare function createChatScrollWork(options: ChatScrollWorkOptions): {
     readonly onScroll: () => void;
     readonly dispose: () => void;
 };
-//# sourceMappingURL=chat-panel-model.d.ts.map

package/dist/components/composite/chat-types.d.ts

@@ -1,3 +1,2 @@
 import type { ChatAttachment, ChatMessage, ChatReadReceipt } from "@q9labsai/chalk-client";
 export type { ChatAttachment, ChatMessage, ChatReadReceipt };
-//# sourceMappingURL=chat-types.d.ts.map

package/dist/components/composite/chat-upload-file.d.ts

@@ -5,4 +5,3 @@ export interface ChatUploadFileDescription {
     readonly byteLength: number;
 }
 export declare function describeChatUploadFile(file: ChatUploadFile): ChatUploadFileDescription;
-//# sourceMappingURL=chat-upload-file.d.ts.map

package/dist/components/composite/reaction-float.d.ts

@@ -5,4 +5,3 @@ export declare const REACTION_LANES = 6;
 export declare function hashReactionId(id: string): number;
 /** Position a reaction directly from recording-relative time, with no CSS clock. */
 export declare function reactionPresentationStyle(eventId: string, progress: number): CSSProperties;
-//# sourceMappingURL=reaction-float.d.ts.map

package/dist/components/composite/use-chat-attachment-previews.d.ts

@@ -7,4 +7,3 @@ export declare function useChatAttachmentPreviews(attachments: readonly ChatAtta
     retry: (attachmentId: string) => void;
 };
 export {};
-//# sourceMappingURL=use-chat-attachment-previews.d.ts.map

package/dist/components/control-bar/CallLinkIcon.d.ts

@@ -1,2 +1 @@
 export declare function CallLinkIcon(): import("react").JSX.Element;
-//# sourceMappingURL=CallLinkIcon.d.ts.map

package/dist/components/control-bar/ControlBar.d.ts

@@ -4,4 +4,3 @@ export type { ControlBarProps, ControlBarButtonName } from "./control-bar-behavi
 export declare function ControlBarPresentation(props: ControlBarSurfaceProps): React.JSX.Element;
 export declare const ControlBarSurface: React.MemoExoticComponent<(props: ControlBarSurfaceProps) => React.JSX.Element>;
 export declare function ControlBar(props: ControlBarProps): React.JSX.Element;
-//# sourceMappingURL=ControlBar.d.ts.map

package/dist/components/control-bar/DockLayout.d.ts

@@ -4,4 +4,3 @@ export declare function DockLayout({ layout, onLayoutChange, children }: {
     readonly layout: "focus" | "grid";
     readonly onLayoutChange: (layout: "focus" | "grid") => void;
 }): import("react").JSX.Element;
-//# sourceMappingURL=DockLayout.d.ts.map

package/dist/components/control-bar/LeaveMenu.d.ts

@@ -7,4 +7,3 @@ export interface LeaveMenuProps {
 }
 export declare function LeaveMenu({ onLeave, onEndForEveryone, renderButton }: LeaveMenuProps): React.JSX.Element;
 export {};
-//# sourceMappingURL=LeaveMenu.d.ts.map

package/dist/components/control-bar/ShareControl.d.ts

@@ -1,7 +1,8 @@
 import type { ScreenShareOptions } from "@q9labsai/chalk-client";
-export declare function ShareControl({ sharing, onToggle, onStart }: {
+export declare function ShareControl({ sharing, onToggle, onStart, disabled, startDisabled }: {
+    readonly disabled?: boolean;
+    readonly startDisabled?: boolean;
     readonly sharing: boolean;
     readonly onToggle?: () => void;
     readonly onStart?: (options: ScreenShareOptions) => void;
 }): import("react").JSX.Element;
-//# sourceMappingURL=ShareControl.d.ts.map

package/dist/components/control-bar/ShellIcon.d.ts

@@ -26,4 +26,3 @@ export declare function ShellIcon({ name, size, className }: {
     readonly className?: string;
 }): import("react").JSX.Element;
 export {};
-//# sourceMappingURL=ShellIcon.d.ts.map

package/dist/components/control-bar/ShellStyles.d.ts

@@ -1,2 +1 @@
 export declare function ShellStyles(): import("react").JSX.Element;
-//# sourceMappingURL=ShellStyles.d.ts.map

package/dist/components/control-bar/command-failure.d.ts

@@ -1,3 +1,106 @@
-import { type ClientFailure } from "@q9labsai/chalk-client";
+import { type ClientFailure, type MediaSource } from "@q9labsai/chalk-client";
+export type MediaCommandSource = MediaSource | "speaker";
+export type MediaCommandAction = "start" | "stop" | "select" | "test" | "request";
+type Operation = MediaCommandAction | "change";
+type Context = {
+    readonly source?: MediaCommandSource;
+    readonly recoverable: boolean;
+};
+type Copy = (context: Context) => string;
+type Rule = {
+    readonly copy: Readonly<Record<Operation, Copy>>;
+    readonly retry: boolean;
+};
 export declare function commandFailure(cause: unknown): ClientFailure;
-//# sourceMappingURL=command-failure.d.ts.map
+/** Every client code has a media-context policy. Non-media commands are preserved at the boundary below. */
+export declare const MEDIA_FAILURE_POLICY: {
+    "access.invalid": Rule;
+    "access.unavailable": Rule;
+    "chat.cursor_reset_required": Rule;
+    "chat.payload_invalid": Rule;
+    "client.internal_error": Rule;
+    "collaboration.unavailable": Rule;
+    "command.rate_limited": Rule;
+    "command.rejected": Rule;
+    "connection.invalid_state": {
+        copy: {
+            test: (context: Context) => string;
+            request: (context: Context) => string;
+            start: (context: Context) => string;
+            stop: (context: Context) => string;
+            select: (context: Context) => string;
+            change: (context: Context) => string;
+        };
+        retry: true;
+    };
+    "connection.join_cleanup_unconfirmed": Rule;
+    "connection.leave_unconfirmed": Rule;
+    "connection.media_recovery_exhausted": Rule;
+    "connection.media_start_failed": Rule;
+    "connection.state_digest_recovery_failed": Rule;
+    "connection.sync_recovery_exhausted": Rule;
+    "connection.sync_start_failed": Rule;
+    "connection.sync_hello_timeout": Rule;
+    "environment.unsupported": {
+        copy: {
+            stop: (context: Context) => string;
+            start: () => string;
+            request: () => string;
+            select: (context: Context) => "Media capture is unavailable in this environment. Use a supported browser over HTTPS or the native app." | "This browser can’t change your speaker. Use your system sound settings to choose an output device.";
+            test: () => string;
+            change: (context: Context) => "Media capture is unavailable in this environment. Use a supported browser over HTTPS or the native app." | "This browser can’t change your speaker. Use your system sound settings to choose an output device.";
+        };
+        retry: false;
+    };
+    "episode.ended": {
+        copy: {
+            start: () => string;
+            stop: () => string;
+            select: () => string;
+            test: () => string;
+            request: () => string;
+            change: () => string;
+        };
+        retry: false;
+    };
+    "media.permission_denied": Rule;
+    "media.device_not_found": Rule;
+    "media.device_busy": {
+        copy: Readonly<Record<Operation, Copy>>;
+        retry: true;
+    };
+    "media.device_constraint_invalid": Rule;
+    "media.capture_failed": {
+        copy: {
+            stop: (context: Context) => string;
+            select: (context: Context) => string;
+            test: (context: Context) => string;
+            start: Copy;
+            request: Copy;
+            change: (context: Context) => string;
+        };
+        retry: true;
+    };
+    "media.request_invalid": {
+        copy: {
+            test: () => string;
+            request: () => string;
+            select: (context: Context) => string;
+            start: () => string;
+            stop: () => string;
+            change: () => string;
+        };
+        retry: false;
+    };
+    "media.timeout": Rule;
+    "offline.discarded": Rule;
+    "participant.invalid": Rule;
+    "reaction.invalid": Rule;
+    "whiteboard.unavailable": Rule;
+};
+export declare function commandFailurePresentation(failure: ClientFailure, source?: MediaCommandSource, operation?: Operation, hasExactRetry?: boolean): {
+    readonly message: string;
+    readonly retry: boolean;
+};
+export declare function commandFailureMessage(failure: ClientFailure, source?: MediaCommandSource, operation?: MediaCommandAction): string;
+export {};

package/dist/components/control-bar/control-bar-behavior.d.ts

@@ -1,5 +1,6 @@
 import type React from "react";
-import type { ClientFailure, MediaSource, ScreenShareOptions } from "@q9labsai/chalk-client";
+import { type MediaCommandSource, type MediaCommandAction } from "./command-failure";
+import type { CameraPreview, ClientFailure, MediaSource, ScreenShareOptions } from "@q9labsai/chalk-client";
 import { type ParticipantGradientPreference } from "../../utils/colorGenerator";
 export interface MediaDevice {
     deviceId: string;
@@ -18,6 +19,7 @@ export interface ControlBarSurfaceProps {
     buttons?: ControlBarButtonName[];
     microphoneTrack?: MediaStreamTrack | null;
     cameraTrack?: MediaStreamTrack | null;
+    captureCameraPreview?: () => Promise<CameraPreview>;
     microphoneWarning?: boolean;
     cameraWarning?: boolean;
     speakingWhileMuted?: boolean;
@@ -32,6 +34,8 @@ export interface ControlBarSurfaceProps {
     knockCount?: number;
     isMuted?: boolean;
     microphonePending?: boolean;
+    mediaEnableDisabled?: boolean;
+    reactionsDisabled?: boolean;
     cameraPending?: boolean;
     isVideoEnabled?: boolean;
     isScreenSharing?: boolean;
@@ -90,7 +94,8 @@ export interface ControlBarProps {
     /** Set for hosts: the leave button opens a menu with Leave call and End call for everyone. */
     readonly onEndForEveryone?: () => void;
     readonly onLeft?: () => void;
-    readonly onCommandError?: (failure: ClientFailure | null, source?: MediaSource) => void;
+    /** The second argument retains the published MediaSource contract; the third also identifies speaker commands. */
+    readonly onCommandError?: (failure: ClientFailure | null, source?: MediaSource, commandSource?: MediaCommandSource, action?: MediaCommandAction, retryCommand?: () => Promise<unknown>) => void;
     readonly participantColorSeed?: string;
     readonly participantGradientPreference?: ParticipantGradientPreference;
     readonly className?: string;
@@ -121,7 +126,8 @@ export declare function useControlBarSurfaceBehavior({ density, buttons, audioIn
 interface ConnectedControlBarBehavior {
     readonly surfaceProps: ControlBarSurfaceProps;
     readonly commandError: ClientFailure | null;
+    readonly commandSource?: MediaCommandSource;
+    readonly commandAction?: MediaCommandAction;
 }
 export declare function useConnectedControlBarBehavior(props: ControlBarProps): ConnectedControlBarBehavior;
 export {};
-//# sourceMappingURL=control-bar-behavior.d.ts.map

package/dist/components/control-bar/control-bar-button.d.ts

@@ -21,4 +21,3 @@ interface ControlBarButtonProps {
 }
 export declare const ControlBarButton: React.MemoExoticComponent<({ icon, label, active, danger, disabled, size, showLabel, inlineLabel, hideTooltip, noBorder, onClick, className, haptic, activeClassName, "data-tour": dataTour, ref }: ControlBarButtonProps) => React.JSX.Element>;
 export {};
-//# sourceMappingURL=control-bar-button.d.ts.map

package/dist/components/control-bar/next-camera.d.ts

@@ -1,3 +1,2 @@
 import type { MediaDevice } from "./control-bar-behavior";
 export declare function nextCamera(devices: readonly MediaDevice[], selectedId?: string, track?: Pick<MediaStreamTrack, "getSettings" | "getCapabilities"> | null): MediaDevice | undefined;
-//# sourceMappingURL=next-camera.d.ts.map

package/dist/components/device-popover/DevicePopover.d.ts

@@ -1,3 +1,4 @@
+import type { CameraPreview as CameraPreviewHandle } from "@q9labsai/chalk-client";
 import type { HapticInput } from "../../internal/useHaptics";
 import type { MediaDevice } from "../control-bar/control-bar-behavior";
 export interface DevicePopoverProps {
@@ -11,6 +12,7 @@ export interface DevicePopoverProps {
     selectedSecondaryDeviceId?: string;
     onSecondaryDeviceChange?: (deviceId: string) => void;
     track?: MediaStreamTrack | null;
+    captureCameraPreview?: () => Promise<CameraPreviewHandle>;
     warning?: boolean;
     speakingWhileMuted?: boolean;
     noiseSuppression?: boolean;
@@ -21,10 +23,10 @@ export interface DevicePopoverProps {
     orientation?: "up" | "down";
     className?: string;
     disabled?: boolean;
+    toggleDisabled?: boolean;
     busy?: boolean;
     haptic?: HapticInput | false;
     size?: "sm" | "md" | "lg";
     appearance?: "default" | "floating";
 }
-export declare function DevicePopover({ type, isActive, onToggle, devices, selectedDeviceId, onDeviceChange, secondaryDevices, selectedSecondaryDeviceId, onSecondaryDeviceChange, track, warning, speakingWhileMuted, noiseSuppression, onNoiseSuppressionChange, mirrored, onMirrorChange, onTestSpeaker, orientation, className, disabled, busy, }: DevicePopoverProps): import("react").JSX.Element;
-//# sourceMappingURL=DevicePopover.d.ts.map
+export declare function DevicePopover({ type, isActive, onToggle, devices, selectedDeviceId, onDeviceChange, secondaryDevices, selectedSecondaryDeviceId, onSecondaryDeviceChange, track, captureCameraPreview, warning, speakingWhileMuted, noiseSuppression, onNoiseSuppressionChange, mirrored, onMirrorChange, onTestSpeaker, orientation, className, disabled, toggleDisabled, busy, }: DevicePopoverProps): import("react").JSX.Element;

package/dist/components/index.d.ts

@@ -29,4 +29,3 @@ export { Logo } from "./logo/Logo";
 export type { LogoProps, LogoVariant } from "./logo/Logo";
 export { CallLimbo } from "./call-limbo/CallLimbo";
 export type { CallLimboProps } from "./call-limbo/CallLimbo";
-//# sourceMappingURL=index.d.ts.map

package/dist/components/index.js

@@ -5,7 +5,7 @@ import {
   RecordingHistoryPanel,
   RecordingSpaceView,
   RecordingWhiteboardView
-} from "../chunk-NPOO7BOX.js";
+} from "../chunk-CYC2G42K.js";
 import {
   loadRecordingWhiteboardFiles,
   parseRecordingWhiteboardStateV1,
@@ -45,10 +45,10 @@ import {
   ReactionsOverlay,
   ScreenShareView,
   Stage
-} from "../chunk-XN2E352E.js";
+} from "../chunk-G62BKRNX.js";
 import {
   buildStageItems
-} from "../chunk-WRAEH24P.js";
+} from "../chunk-HWQLW4JR.js";
 import "../chunk-4U7QZC72.js";
 export {
   AdmissionPanel,

package/dist/components/lazy.d.ts

@@ -2,4 +2,3 @@ import { type ComponentType } from "react";
 export declare const LazyChatPanel: import("react").LazyExoticComponent<import("react").MemoExoticComponent<(props: import(".").ChatPanelProps) => React.JSX.Element>>;
 export declare function withSuspense<P extends object>(LazyComponent: ComponentType<P>, fallback?: React.ReactNode): (props: P) => import("react").JSX.Element;
 export declare const SuspenseChatPanel: (props: import(".").ChatPanelProps) => import("react").JSX.Element;
-//# sourceMappingURL=lazy.d.ts.map

package/dist/components/logo/Logo.d.ts

@@ -7,4 +7,3 @@ export type LogoProps = {
     readonly variant?: LogoVariant;
 };
 export declare function Logo({ accessibilityLabel, color, height, variant }: LogoProps): React.JSX.Element;
-//# sourceMappingURL=Logo.d.ts.map

package/dist/components/media-request-dialog/MediaRequestDialog.d.ts

@@ -10,4 +10,3 @@ export interface MediaRequestDialogProps {
 }
 export type { MediaRequestAction } from "./media-request-dialog-state";
 export declare function MediaRequestDialog({ request, onDecline, onAllow, onActionError }: MediaRequestDialogProps): React.JSX.Element;
-//# sourceMappingURL=MediaRequestDialog.d.ts.map

package/dist/components/media-request-dialog/media-request-dialog-state.d.ts

@@ -17,4 +17,3 @@ export interface MediaRequestDialogState {
 }
 export declare function useMediaRequestDialogState({ request, onDecline, onAllow, onActionError }: MediaRequestDialogStateOptions): MediaRequestDialogState;
 export {};
-//# sourceMappingURL=media-request-dialog-state.d.ts.map

package/dist/components/offline-actions/OfflineActions.d.ts

@@ -3,7 +3,7 @@ import React from "react";
 export declare const RECONNECTING_GRACE_MS = 2000;
 export declare function offlineNoticeText(pendingCount: number, online: boolean): string;
 /** Keep queued actions automatic while preserving the reconnecting notice. */
-export declare function OfflineActions({ reconnecting: requestedReconnecting }?: {
+export declare function OfflineActions({ reconnecting: requestedReconnecting, hasNotice }?: {
     readonly reconnecting?: boolean;
+    readonly hasNotice?: boolean;
 }): React.JSX.Element | null;
-//# sourceMappingURL=OfflineActions.d.ts.map

package/dist/components/participant-grid/ParticipantGrid.d.ts

@@ -52,4 +52,3 @@ export declare const ParticipantGridSurface: React.MemoExoticComponent<({ partic
 /** Empty stage message shared by the participant grid and the space views. */
 export declare function QuietSpace(): React.JSX.Element;
 export {};
-//# sourceMappingURL=ParticipantGrid.d.ts.map

package/dist/components/participant-tile/ParticipantTile.d.ts

@@ -26,6 +26,9 @@ export interface ParticipantTileProps {
     onClick?: () => void;
     onDoubleClick?: () => void;
     pinned?: boolean;
+    /** While the board is open, a click follows this person's view instead of pinning the tile. */
+    clickAction?: "pin" | "follow";
+    following?: boolean;
     primary?: boolean;
     className?: string;
     style?: React.CSSProperties;
@@ -43,7 +46,6 @@ export interface ParticipantTileSurfaceProps extends Omit<ParticipantTileProps,
     readonly animatedAvatars?: boolean;
 }
 export declare const ParticipantTile: React.MemoExoticComponent<({ videoTrack, ...props }: ParticipantTileProps) => React.JSX.Element>;
-export declare const ParticipantTileSurface: React.MemoExoticComponent<({ participant, mirror, showName, showStatus, showAvatar, generatedAvatars, aspectRatio, onClick, onDoubleClick, pinned, primary, className, style, children, gradientPreference, hidden, media, mediaVisible, animatedAvatars, }: ParticipantTileSurfaceProps) => React.JSX.Element>;
+export declare const ParticipantTileSurface: React.MemoExoticComponent<({ participant, mirror, showName, showStatus, showAvatar, generatedAvatars, aspectRatio, onClick, onDoubleClick, pinned, clickAction, following, primary, className, style, children, gradientPreference, hidden, media, mediaVisible, animatedAvatars, }: ParticipantTileSurfaceProps) => React.JSX.Element>;
 /** The weak-connection cue shares the mockup's three compact signal bars. */
 export declare function SignalBars(): React.JSX.Element;
-//# sourceMappingURL=ParticipantTile.d.ts.map

package/dist/components/participant-tile/TileShell.d.ts

@@ -3,6 +3,8 @@ export interface TileShellProps {
     readonly label: string;
     readonly accentColor: string;
     readonly pinned?: boolean;
+    /** The 2px ring that marks the person whose view this board follows. */
+    readonly ring?: boolean;
     readonly speaking?: boolean;
     readonly audioLevel?: number;
     readonly lift?: boolean;
@@ -17,5 +19,4 @@ export interface TileShellProps {
     readonly children?: ReactNode;
 }
 /** One shared frame and bottom-left name tag for camera, screen and board tiles. */
-export declare function TileShell({ label, accentColor, pinned, speaking, audioLevel, lift, onClick, onDoubleClick, className, style, dataTour, hidden, chip, corner, children }: TileShellProps): React.JSX.Element;
-//# sourceMappingURL=TileShell.d.ts.map
+export declare function TileShell({ label, accentColor, pinned, ring, speaking, audioLevel, lift, onClick, onDoubleClick, className, style, dataTour, hidden, chip, corner, children }: TileShellProps): React.JSX.Element;

package/dist/components/participant-tile/useVideoTrack.d.ts

@@ -13,4 +13,3 @@ export type VideoTrackStatus = "idle" | "loading" | "playing" | "muted" | "ended
  * Detaches (clears srcObject) on change or unmount so tiles never show a frozen last frame.
  */
 export declare function useVideoTrack(videoRef: RefObject<HTMLVideoElement | null>, track: MediaStreamTrack | null | undefined, enabled: boolean): VideoTrackStatus;
-//# sourceMappingURL=useVideoTrack.d.ts.map

package/dist/components/participants-panel/ParticipantsPanel.d.ts

@@ -58,4 +58,3 @@ interface ParticipantsPanelSurfaceProps extends ParticipantsPanelProps {
 export declare const ParticipantsPanelSurface: React.MemoExoticComponent<({ participants, canManageParticipants, canManageAdmission, admissionCount, admissionEnabled, onMuteEveryone, searchable, className, variant, onAssignRole, onStopParticipantScreenShare, onMuteParticipant, onRequestUnmute, onStopParticipantCamera, onRequestStartCamera, onRemoveParticipant, onUpdateDisplayName, onCommandError, participantVolumes, onParticipantVolumeChange, participantGradientPreference, generatedAvatars, }: ParticipantsPanelSurfaceProps) => React.JSX.Element>;
 export declare const ParticipantsPanel: React.MemoExoticComponent<(props: ParticipantsPanelProps) => React.JSX.Element>;
 export {};
-//# sourceMappingURL=ParticipantsPanel.d.ts.map

package/dist/components/participants-panel/index.d.ts

@@ -1,3 +1,2 @@
 export { ParticipantsPanel } from "./ParticipantsPanel";
 export type { ParticipantListParticipant, ParticipantListVariant, ParticipantsPanelProps } from "./ParticipantsPanel";
-//# sourceMappingURL=index.d.ts.map

package/dist/components/participants-panel/participant-options-menu-contract.d.ts

@@ -17,4 +17,3 @@ export interface ParticipantOptionsMenuProps {
     onCommandError?: (message: string | null) => void;
 }
 export declare function runParticipantAction(action: () => void | Promise<unknown>, onClose: () => void, onCommandError?: (message: string | null) => void): Promise<void>;
-//# sourceMappingURL=participant-options-menu-contract.d.ts.map

package/dist/components/participants-panel/participant-options-menu.d.ts

@@ -1,4 +1,3 @@
 import { type ParticipantOptionsMenuProps } from "./participant-options-menu-contract";
 export declare function ParticipantOptionsMenu({ participant, variant, canManageParticipants, onClose, onAssignRole, onStopParticipantScreenShare, onMuteParticipant, onRequestUnmute, onStopParticipantCamera, onRequestStartCamera, onRemoveParticipant, onEditName, participantVolumes, onParticipantVolumeChange, onCommandError, }: ParticipantOptionsMenuProps): import("react").JSX.Element;
 export { runParticipantAction, type ParticipantOptionsMenuProps } from "./participant-options-menu-contract";
-//# sourceMappingURL=participant-options-menu.d.ts.map

package/dist/components/participants-panel/participant-row.d.ts

@@ -22,4 +22,3 @@ export interface ParticipantRowProps {
     onMenuToggle: () => void;
     onMenuClose: () => void;
 }
-//# sourceMappingURL=participant-row.d.ts.map

package/dist/components/participants-panel/participant-volume-context.d.ts

@@ -6,4 +6,3 @@ export interface ParticipantVolumeState {
 }
 export declare function ParticipantVolumeProvider({ children }: PropsWithChildren): React.JSX.Element;
 export declare function useParticipantVolumeContext(): ParticipantVolumeState | null;
-//# sourceMappingURL=participant-volume-context.d.ts.map

package/dist/components/reconnecting-overlay/ReconnectingOverlay.d.ts

@@ -10,4 +10,3 @@ export interface ReconnectingOverlayProps {
     showNotice?: boolean;
 }
 export declare const ReconnectingOverlay: import("react").MemoExoticComponent<({ isVisible, status, onRetry, onLeft, message, showNotice }: ReconnectingOverlayProps) => import("react").JSX.Element | null>;
-//# sourceMappingURL=ReconnectingOverlay.d.ts.map

package/dist/components/recording-history/RecordingHistoryPanel.d.ts

@@ -59,4 +59,3 @@ export declare function RecordingHistoryPanel({ recordings, isLoading, error, ha
 export declare namespace RecordingHistoryPanel {
     var displayName: string;
 }
-//# sourceMappingURL=RecordingHistoryPanel.d.ts.map