@q9labsai/chalk-react 5.0.1 → 5.2.0

package/dist/components/space-header/CallDetails.d.ts

@@ -1,12 +1,15 @@
 import { type RefObject } from "react";
 import type { SpaceHeaderProps } from "./space-header-contract";
 export declare const CALL_SHORTCUTS: readonly [readonly ["Mute or unmute", "⌘ D"], readonly ["Turn camera on or off", "⌘ E"], readonly ["Raise or lower hand", "⌃ ⌘ H"], readonly ["Open or close chat", "⌃ ⌘ C"], readonly ["Open or close people", "⌃ ⌘ P"], readonly ["Switch layout", "⌃ ⌘ L"], readonly ["Talk while muted", "Hold Space"], readonly ["Show shortcuts", "?"], readonly ["Close a menu or panel", "Esc"]];
-export declare function CallDialog({ kind, onClose, onReportProblem, diagnostics, returnFocus, }: {
-    readonly kind: "shortcuts" | "report" | null;
+export declare function CallDialog({ kind, open, onClose, onReportProblem, diagnostics, returnFocus, focusScope, unavailableReason, }: {
+    readonly kind: "shortcuts" | "report";
+    readonly open: boolean;
     readonly onClose: () => void;
     readonly onReportProblem?: SpaceHeaderProps["onReportProblem"];
     readonly diagnostics: string;
-    readonly returnFocus: RefObject<HTMLButtonElement | null>;
+    readonly returnFocus?: RefObject<HTMLButtonElement | null>;
+    readonly focusScope: RefObject<HTMLElement | null>;
+    readonly unavailableReason?: string;
 }): import("react").JSX.Element;
 export declare function CallDetails({ shareUrl, spaceName, onClose, diagnostics, colorScheme, onColorSchemeChange, sounds, onSoundsChange, onDialog, onReportProblem, }: Pick<SpaceHeaderProps, "spaceName" | "shareUrl" | "diagnostics" | "colorScheme" | "onColorSchemeChange" | "onReportProblem"> & {
     readonly onClose: () => void;
@@ -14,4 +17,3 @@ export declare function CallDetails({ shareUrl, spaceName, onClose, diagnostics,
     readonly onSoundsChange: (enabled: boolean) => void;
     readonly onDialog: (kind: "shortcuts" | "report") => void;
 }): import("react").JSX.Element;
-//# sourceMappingURL=CallDetails.d.ts.map

package/dist/components/space-header/LayoutMenu.d.ts

@@ -6,4 +6,3 @@ export interface LayoutMenuProps {
     readonly container?: RefObject<HTMLElement | null>;
 }
 export declare function LayoutMenu({ layout, onLayoutChange }: LayoutMenuProps): import("react").JSX.Element;
-//# sourceMappingURL=LayoutMenu.d.ts.map

package/dist/components/space-header/SpaceHeader.d.ts

@@ -2,4 +2,3 @@ import React from "react";
 import { type SpaceHeaderProps } from "./space-header-contract";
 export { formatDuration, type SpaceHeaderProps } from "./space-header-contract";
 export declare const SpaceHeader: React.NamedExoticComponent<SpaceHeaderProps>;
-//# sourceMappingURL=SpaceHeader.d.ts.map

package/dist/components/space-header/call-diagnostics.d.ts

@@ -3,4 +3,3 @@ export declare function callDiagnostics(connection: ConnectionSlice, media: Medi
     label: string;
     value: string;
 }[];
-//# sourceMappingURL=call-diagnostics.d.ts.map

package/dist/components/space-header/share-qr.d.ts

@@ -1,3 +1,2 @@
 /** Byte-mode QR, error correction L, mask 0. Quiet zone is included by ShareQR. */
 export declare function shareQr(text: string): boolean[][] | null;
-//# sourceMappingURL=share-qr.d.ts.map

package/dist/components/space-header/space-header-contract.d.ts

@@ -1,3 +1,4 @@
+import type { ReactNode } from "react";
 export interface SpaceHeaderProps {
     spaceName: string;
     people?: readonly {
@@ -18,6 +19,8 @@ export interface SpaceHeaderProps {
         readonly description: string;
         readonly diagnostics?: string;
     }) => void | Promise<void>;
+    reportUnavailableReason?: string;
+    onOpenReportProblem?: () => void;
     shortcuts?: {
         readonly isMuted?: boolean;
         readonly onToggleMute?: () => void;
@@ -36,7 +39,8 @@ export interface SpaceHeaderProps {
     isTranscribing?: boolean;
     layout?: "grid" | "focus";
     onLayoutChange?: (layout: "grid" | "focus") => void;
+    /** A control for notices that have no room on the stage, placed at the header's end, before the people button. */
+    notices?: ReactNode;
     className?: string;
 }
 export declare function formatDuration(seconds: number): string;
-//# sourceMappingURL=space-header-contract.d.ts.map

package/dist/components/space-header/useCallShortcuts.d.ts

@@ -1,3 +1,2 @@
 import type { SpaceHeaderProps } from "./space-header-contract";
 export declare function useCallShortcuts(actions: SpaceHeaderProps["shortcuts"], show: () => void): void;
-//# sourceMappingURL=useCallShortcuts.d.ts.map

package/dist/components/space-view/RecordingSpaceView.d.ts

@@ -23,4 +23,3 @@ export declare function RecordingSpaceView({ frame, resolveMedia, resolveAssetUr
 export declare namespace RecordingSpaceView {
     var displayName: string;
 }
-//# sourceMappingURL=RecordingSpaceView.d.ts.map

package/dist/components/space-view/SpacePresentation.d.ts

@@ -22,4 +22,3 @@ export interface SpacePresentationProps {
  * Recording projection. Networking, device effects and commands stay in callers.
  */
 export declare function SpacePresentation({ colorScheme, stageBackground, header, stage, controls, compactControls, stageOverlay, sidebar, mediaOutput, toasts, overlays, dialogs, renderToken, interactive, className }: SpacePresentationProps): React.JSX.Element;
-//# sourceMappingURL=SpacePresentation.d.ts.map

package/dist/components/space-view/SpaceView.d.ts

@@ -1,3 +1,5 @@
+import { type MediaCommandSource, type MediaCommandAction } from "../control-bar/command-failure";
+import { type ChalkWhiteboardView, type ClientFailure } from "@q9labsai/chalk-client";
 import React from "react";
 import type { ChatUploadFile } from "@q9labsai/chalk-client";
 import { type ReconnectingOverlayProps } from "../reconnecting-overlay/ReconnectingOverlay";
@@ -18,6 +20,8 @@ export interface SpaceViewFeatures {
 export interface SpaceViewWhiteboard {
     readonly isOpen: boolean;
     readonly props: WhiteboardViewProps;
+    /** Shares this person's board view so others can follow it; answers false when the board service can't. */
+    readonly sendView?: (view: ChalkWhiteboardView) => boolean;
 }
 export interface SpaceViewProps {
     readonly colorScheme?: "light" | "dark";
@@ -27,6 +31,8 @@ export interface SpaceViewProps {
     readonly callLinkOpen?: boolean;
     readonly onCallLinkToggle?: () => void;
     readonly onReportProblem?: import("../space-header/SpaceHeader").SpaceHeaderProps["onReportProblem"];
+    readonly reportUnavailableReason?: string;
+    readonly onOpenReportProblem?: () => void;
     readonly inviteLink?: string;
     readonly pickChatFiles?: () => Promise<readonly ChatUploadFile[]>;
     readonly stageBackground?: boolean;
@@ -36,7 +42,9 @@ export interface SpaceViewProps {
     readonly initialPanel?: SpacePanel | null;
     readonly features?: SpaceViewFeatures;
     readonly generatedAvatars?: boolean;
-    readonly commandError?: string;
+    readonly commandError?: string | ClientFailure;
+    readonly commandSource?: MediaCommandSource;
+    readonly commandAction?: MediaCommandAction;
     readonly onDismissCommandError?: () => void;
     readonly onToggleWhiteboard?: () => void;
     readonly whiteboard?: SpaceViewWhiteboard;
@@ -48,5 +56,4 @@ export interface SpaceViewProps {
     readonly onEndEpisode?: () => void | Promise<void>;
     readonly className?: string;
 }
-export declare function SpaceView({ colorScheme, onColorSchemeChange, spaceName, shareUrl, callLinkOpen, onCallLinkToggle, onReportProblem, inviteLink, pickChatFiles, stageBackground, layout: controlledLayout, onLayoutChange, initialPanel, features, generatedAvatars, commandError: externalCommandError, onDismissCommandError, onToggleWhiteboard, whiteboard, reconnecting, overlay, onLeft, onEndEpisode, className, }: SpaceViewProps): React.JSX.Element;
-//# sourceMappingURL=SpaceView.d.ts.map
+export declare function SpaceView({ colorScheme, onColorSchemeChange, spaceName, shareUrl, callLinkOpen, onCallLinkToggle, onReportProblem, reportUnavailableReason, onOpenReportProblem, inviteLink, pickChatFiles, stageBackground, layout: controlledLayout, onLayoutChange, initialPanel, features, generatedAvatars, commandError: externalCommandError, commandSource: externalCommandSource, commandAction: externalCommandAction, onDismissCommandError, onToggleWhiteboard, whiteboard, reconnecting, overlay, onLeft, onEndEpisode, className, }: SpaceViewProps): React.JSX.Element;

package/dist/components/space-view/useDrawerPresence.d.ts

@@ -8,4 +8,3 @@ export interface DrawerPresence<T> {
 }
 /** Keeps the last panel mounted for `exitMs` after it is cleared so the drawer can animate out. */
 export declare function useDrawerPresence<T>(panel: T | null, exitMs: number): DrawerPresence<T>;
-//# sourceMappingURL=useDrawerPresence.d.ts.map

package/dist/components/stage/SpaceStage.d.ts

@@ -13,11 +13,12 @@ export interface SpaceStageProps {
     readonly shareCapture?: ScreenShareCapture;
     readonly onStopSharing?: () => Promise<void>;
     readonly onChangeShare?: (options: ScreenShareOptions) => Promise<void>;
+    readonly colorScheme?: "light" | "dark";
+    readonly onCloseBoard?: () => void;
     readonly className?: string;
 }
 /** One keyed renderer for people, the live board and each screen, in both layouts. */
-export declare function SpaceStage({ tiles, layout, onLayoutChange, generatedAvatars, whiteboard, onOverflowClick, shareCapture, onStopSharing, onChangeShare, className }: SpaceStageProps): React.JSX.Element;
+export declare function SpaceStage({ tiles, layout, onLayoutChange, generatedAvatars, whiteboard, onOverflowClick, shareCapture, onStopSharing, onChangeShare, colorScheme, onCloseBoard, className }: SpaceStageProps): React.JSX.Element;
 export declare namespace SpaceStage {
     var displayName: string;
 }
-//# sourceMappingURL=SpaceStage.d.ts.map

package/dist/components/stage/Stage.d.ts

@@ -20,7 +20,11 @@ export interface StageProps {
     readonly onPinnedChange?: (id: string | null) => void;
     readonly onItemClick?: (item: StageItem) => void;
     readonly onItemDoubleClick?: (item: StageItem) => void;
-    /** Upper bound of visible tiles; the rest fold into a +N People tile. */
+    /** While the board is open, clicking a person follows their board view. */
+    readonly followingId?: string | null;
+    readonly onFollowChange?: (id: string) => void;
+    readonly clickAction?: "pin" | "follow";
+    /** Upper bound of grid tiles, or secondary tiles in spotlight; overflow includes shared content. */
     readonly maxPerPage?: number;
     /** Tiles narrower than this fold the rest into overflow. */
     readonly minTileWidth?: number;
@@ -51,9 +55,8 @@ export { buildStageItems };
  * Single renderer for every layout: a flat list of tiles positioned by the pure fitter, so
  * switching between grid and focus never remounts a video element.
  */
-export declare function Stage({ items, layout, pinnedId, onPinnedChange, onOverflowClick, onItemClick, onItemDoubleClick, maxPerPage, minTileWidth, renderPrimaryContent, renderParticipant, renderContentTile, interactive, animate: animateOverride, generatedAvatars, gradientPreference, emptyState, className, }: StageProps): React.JSX.Element;
+export declare function Stage({ items, layout, pinnedId, followingId, onFollowChange, clickAction, onPinnedChange, onOverflowClick, onItemClick, onItemDoubleClick, maxPerPage, minTileWidth, renderPrimaryContent, renderParticipant, renderContentTile, interactive, animate: animateOverride, generatedAvatars, gradientPreference, emptyState, className, }: StageProps): React.JSX.Element;
 export declare namespace Stage {
     var displayName: string;
 }
 export declare function stageHasContent(items: readonly StageItem[]): boolean;
-//# sourceMappingURL=Stage.d.ts.map

package/dist/components/stage/StageContentTile.d.ts

@@ -27,4 +27,3 @@ export declare function contentTileName(item: ContentItem): string;
 export declare const StageContentTile: React.MemoExoticComponent<({ item, active, ...props }: StageContentTileProps) => React.JSX.Element>;
 export declare const StageContentTileSurface: React.MemoExoticComponent<({ item, pinned, onClick, onDoubleClick, className, style, hidden, media, mediaVisible, primary, state, onStopSharing, onChangeShare, capture, switcher }: StageContentTileSurfaceProps) => React.JSX.Element>;
 export {};
-//# sourceMappingURL=StageContentTile.d.ts.map

package/dist/components/stage/StageIcon.d.ts

@@ -6,4 +6,3 @@ export declare function StageIcon({ name, size, ...props }: SVGProps<SVGSVGEleme
     size?: number;
 }): React.JSX.Element;
 export {};
-//# sourceMappingURL=StageIcon.d.ts.map

package/dist/components/stage/StageMotion.d.ts

@@ -19,4 +19,3 @@ export declare class StageMotion extends Component<StageMotionProps> {
     render(): React.JSX.Element;
 }
 export {};
-//# sourceMappingURL=StageMotion.d.ts.map

package/dist/components/stage/stage-items.d.ts

@@ -28,6 +28,9 @@ export interface PrimaryContext {
 }
 /** A pin wins; otherwise the first live share, board, then active speaker leads Spotlight. */
 export declare function choosePrimary(items: readonly StageItem[], context: PrimaryContext): StageItem | null;
+/** Who is speaking now: the active speaker before anyone else speaking. */
+export declare function speakingParticipantId(items: readonly StageItem[], accept?: (participant: Participant) => boolean): string | undefined;
+/** The remote person whose face leads the floating column: whoever is speaking now, else the last remote speaker. */
+export declare function floatingSpeakerId(items: readonly StageItem[], lastRemoteSpeakerId: string | null): string | null;
 /** Grid order: pinned item first, everything else in stable order. */
 export declare function gridOrder(items: readonly StageItem[], pinnedId: string | null): StageItem[];
-//# sourceMappingURL=stage-items.d.ts.map

package/dist/components/stage/stage-layout.d.ts

@@ -3,7 +3,7 @@ export interface StageBox {
     readonly width: number;
     readonly height: number;
 }
-export type StageRole = "primary" | "strip" | "grid";
+export type StageRole = "primary" | "strip" | "grid" | "float";
 export interface StageFrame {
     readonly id: string;
     readonly role: StageRole;
@@ -37,6 +37,12 @@ export interface SpotlightFitOptions {
     readonly content?: boolean;
     readonly wideIds?: readonly string[];
     readonly maxPerPage?: number;
+    /** @deprecated Prefer floatingPhonePeople for boards. Preserves the 52px phone strip. */
+    readonly slimPhoneStrip?: boolean;
+    /** On a phone the board keeps the whole stage, and people float in a short column at its right edge. */
+    readonly floatingPhonePeople?: boolean;
+    readonly speakerId?: string | null;
+    readonly localId?: string | null;
 }
 export declare const WIDESCREEN: number;
 export declare const MORE_TILE_ID = "stage:more";
@@ -47,4 +53,3 @@ export declare const EMPTY_GEOMETRY: StageGeometry;
 export declare function fitGrid(box: StageBox, ids: readonly string[], options: GridFitOptions, wideIds?: readonly string[]): StageGeometry;
 /** Content takes whichever placement gives it more visible area; people justify into the remainder. */
 export declare function fitSpotlight(box: StageBox, primaryId: string, stripIds: readonly string[], options: SpotlightFitOptions): StageGeometry;
-//# sourceMappingURL=stage-layout.d.ts.map

package/dist/components/stage/useStageDimensions.d.ts

@@ -4,4 +4,3 @@ export declare function useStageDimensions(fallback: StageBox): {
     ref: import("react").RefObject<HTMLDivElement | null>;
     dimensions: StageBox;
 };
-//# sourceMappingURL=useStageDimensions.d.ts.map

package/dist/components/toast-stack/CallEventIcon.d.ts

@@ -1,5 +1,4 @@
 export declare function CallEventIcon({ kind, error }: {
-    readonly kind: "microphone" | "microphone-on" | "camera" | "screen" | "recording" | "hand" | "host";
+    readonly kind: "speaker" | "microphone" | "microphone-on" | "camera" | "screen" | "recording" | "hand" | "host";
     readonly error?: boolean;
 }): import("react").JSX.Element;
-//# sourceMappingURL=CallEventIcon.d.ts.map

package/dist/components/toast-stack/NoticeButton.d.ts

@@ -0,0 +1,7 @@
+import type { Toast } from "./ToastStack";
+export interface NoticeButtonProps {
+    readonly toasts: readonly Toast[];
+    readonly onDismiss: (id: string) => void;
+}
+/** The header's way into notices that have no room on the stage, such as on a short screen with the board's tools open. */
+export declare function NoticeButton({ toasts, onDismiss }: NoticeButtonProps): import("react").JSX.Element | null;

package/dist/components/toast-stack/ToastStack.d.ts

@@ -1,5 +1,5 @@
 import { type ChalkToastProps } from "../chalk-ui/ChalkToast";
-export interface Toast extends Omit<ChalkToastProps, "onDismiss"> {
+export interface Toast extends Omit<ChalkToastProps, "onDismiss" | "announce"> {
     readonly id: string;
 }
 export interface ToastStackProps {
@@ -7,6 +7,16 @@ export interface ToastStackProps {
     readonly onDismiss: (id: string) => void;
     readonly maxVisible?: number;
     readonly className?: string;
+    /**
+     * Called with the ids of the notices the stage has no room for, so the host can offer them elsewhere, such as from the header.
+     * With it, a call shorter than `FOLD_BELOW_PX` folds every notice. Taller calls fold notices past `maxVisible` or outside the available band, announcing each folded message once.
+     */
+    readonly onFold?: (folded: readonly string[]) => void;
 }
-export declare const ToastStack: import("react").MemoExoticComponent<({ toasts, onDismiss, maxVisible, className }: ToastStackProps) => import("react").JSX.Element>;
-//# sourceMappingURL=ToastStack.d.ts.map
+/**
+ * Calls shorter than this fold every notice. It is the height the mockup's three-notice stack needs at its tallest, on a phone with
+ * the board open: 108px for the header and the board's menu, an 8px gap, three camera errors wrapped to three lines (79px each, with
+ * 8px gaps), and the 242px the open drawing tools lift notices by, 611px in all.
+ */
+export declare const FOLD_BELOW_PX = 620;
+export declare const ToastStack: import("react").MemoExoticComponent<({ toasts, onDismiss, maxVisible, className, onFold }: ToastStackProps) => import("react").JSX.Element>;

package/dist/components/toast-stack/call-events.d.ts

@@ -1,6 +1,6 @@
+import { type MediaCommandSource, type MediaCommandAction } from "../control-bar/command-failure";
 import type { ClientFailure, SpaceSnapshot } from "@q9labsai/chalk-client";
 import type { Toast } from "./ToastStack";
-export declare function mediaFailureToast(failure: ClientFailure | null, source?: "microphone" | "camera" | "screen"): Omit<Toast, "id"> | null;
+export declare function mediaFailureToast(failure: ClientFailure | null, source?: MediaCommandSource, action?: MediaCommandAction, onRetry?: () => void): Omit<Toast, "id"> | null;
 /** Snapshot changes, not initial history, are events for the person already in the call. */
 export declare function callEventToasts(previous: SpaceSnapshot, next: SpaceSnapshot): Omit<Toast, "id">[];
-//# sourceMappingURL=call-events.d.ts.map

package/dist/components/toast-stack/notice-announcement.d.ts

@@ -0,0 +1,4 @@
+import type { ChalkToastProps } from "../chalk-ui/ChalkToast";
+export declare function noticeAnnouncement(toast: Pick<ChalkToastProps, "message" | "announcementText">): string;
+/** Semantic speech/lifetime revision, independent of JSX and layout chrome. */
+export declare function noticeIdentity(toast: Pick<ChalkToastProps, "message" | "announcementText" | "announcementKey" | "type">): string;

package/dist/components/toast-stack/toast-layout-snapshot.d.ts

@@ -0,0 +1,4 @@
+/** A layout-only DOM snapshot: never instantiate React callers, custom elements, or media resources. */
+export declare function captureToastLayout(toast: HTMLElement): HTMLDivElement;
+/** Reflow cached markup at the current band's width without mounting the folded caller tree. */
+export declare function measureToastLayout(stack: HTMLElement, snapshot: HTMLDivElement): number;

package/dist/components/toast-stack/useCallToasts.d.ts

@@ -6,4 +6,3 @@ export declare function useCallToasts(): {
     dismiss: (id: string) => void;
     dismissFailure: (code: string) => void;
 };
-//# sourceMappingURL=useCallToasts.d.ts.map

package/dist/components/toast-stack/useToastCapacity.d.ts

@@ -0,0 +1,7 @@
+import { type RefObject } from "react";
+import type { Toast } from "./ToastStack";
+/** Remember measured sizes when notices fold: resizing must not remount them to measure again. */
+export declare function useToastCapacity(stack: RefObject<HTMLDivElement | null>, candidates: readonly Toast[], enabled: boolean, ownedIds: readonly string[]): {
+    readonly count: number;
+    readonly ready: boolean;
+};

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

@@ -1,2 +1 @@
 export * from "@q9labsai/chalk-ui";
-//# sourceMappingURL=index.d.ts.map

package/dist/components/whiteboard-view/RecordingWhiteboardView.d.ts

@@ -20,4 +20,3 @@ export declare function RecordingWhiteboardView({ state: stateValue, files, expe
 export declare namespace RecordingWhiteboardView {
     var displayName: string;
 }
-//# sourceMappingURL=RecordingWhiteboardView.d.ts.map

package/dist/components/whiteboard-view/WhiteboardView.d.ts

@@ -4,4 +4,3 @@ export type WhiteboardViewProps = Omit<WhiteboardCanvasProps, "classNames" | "ic
 declare function WhiteboardViewBase(props: WhiteboardViewProps): React.JSX.Element;
 export declare const WhiteboardView: import("react").MemoExoticComponent<typeof WhiteboardViewBase>;
 export {};
-//# sourceMappingURL=WhiteboardView.d.ts.map

package/dist/components/whiteboard-view/recording-whiteboard-state.d.ts

@@ -33,4 +33,3 @@ export declare function recordingWhiteboardSceneAppState(state: RecordingWhitebo
 /** Centralizes validation and branding so renderer callers never cast file data. */
 export declare function recordingWhiteboardBinaryFile({ fileId, mimeType, dataURL, createdAtMs }: RecordingWhiteboardBinaryFileInput): BinaryFileData;
 export declare function loadRecordingWhiteboardFiles(state: RecordingWhiteboardStateV1, resolve: RecordingWhiteboardFileResolver): Promise<BinaryFiles>;
-//# sourceMappingURL=recording-whiteboard-state.d.ts.map

package/dist/headless.d.ts

@@ -6,4 +6,3 @@ export type { Participant } from "./components/participant-grid/ParticipantGrid"
 export { createRecordingWhiteboardCursor, loadRecordingWhiteboardFiles, parseRecordingWhiteboardStateV1, recordingWhiteboardSceneAppState } from "./components/whiteboard-view/recording-whiteboard-state";
 export type { RecordingWhiteboardCursor } from "./components/whiteboard-view/recording-whiteboard-state";
 export type { RecordingWhiteboardStateV1 } from "./components/whiteboard-view/recording-whiteboard-state";
-//# sourceMappingURL=headless.d.ts.map

package/dist/headless.js

@@ -13,7 +13,7 @@ import {
   fitSpotlight,
   gridOrder,
   screenShareItemId
-} from "./chunk-WRAEH24P.js";
+} from "./chunk-HWQLW4JR.js";
 export {
   DEFAULT_GRID_OPTIONS,
   DEFAULT_SPOTLIGHT_OPTIONS,

package/dist/index.d.ts

@@ -31,4 +31,4 @@ export { SpaceHeader } from "./components/space-header/SpaceHeader";
 export type { SpaceHeaderProps } from "./components/space-header/SpaceHeader";
 export { CallReady, type CallReadyProps } from "./components/call-limbo/CallReady";
 export { StatusSurface, type StatusSurfaceProps, type StatusSurfacePhase } from "./components/chalk/StatusSurface";
-//# sourceMappingURL=index.d.ts.map
+export { ReportProblemDialog } from "./components/chalk/ReportProblemDialog";

package/dist/index.js

@@ -5,7 +5,7 @@ import {
   RecordingHistoryPanel,
   RecordingSpaceView,
   RecordingWhiteboardView
-} from "./chunk-NPOO7BOX.js";
+} from "./chunk-CYC2G42K.js";
 import {
   loadRecordingWhiteboardFiles,
   parseRecordingWhiteboardStateV1,
@@ -14,6 +14,7 @@ import {
   recordingWhiteboardFileIds
 } from "./chunk-VHM3SYMY.js";
 import {
+  CallDialog,
   CallLimbo,
   CallReady,
   ChalkAlert,
@@ -40,10 +41,12 @@ import {
   ChalkToggle,
   ChalkTooltip,
   ControlBar,
+  ShellStyles,
   SpaceHeader,
   StatusSurface,
   ToastStack,
   captureFlip,
+  chalkThemeStyle,
   useCan,
   useChat,
   useConnection,
@@ -56,12 +59,29 @@ import {
   useSelf,
   useSpaceClient,
   useWhiteboard
-} from "./chunk-XN2E352E.js";
-import "./chunk-WRAEH24P.js";
+} from "./chunk-G62BKRNX.js";
+import "./chunk-HWQLW4JR.js";
 import "./chunk-4U7QZC72.js";
 
 // src/index.ts
 import { CHALK_REACTIONS } from "@q9labsai/chalk-client";
+
+// src/components/chalk/ReportProblemDialog.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function ReportProblemDialog({
+  open,
+  onClose,
+  onReportProblem,
+  colorScheme,
+  focusScope,
+  diagnostics = "",
+  unavailableReason
+}) {
+  return /* @__PURE__ */ jsxs("div", { "data-chalk": true, "data-chalk-theme": colorScheme, className: "chalk-root", style: chalkThemeStyle({ colorScheme }, colorScheme), children: [
+    /* @__PURE__ */ jsx(ShellStyles, {}),
+    /* @__PURE__ */ jsx(CallDialog, { kind: "report", open, onClose, onReportProblem, diagnostics, focusScope, unavailableReason })
+  ] });
+}
 export {
   CHALK_REACTIONS,
   CallLimbo,
@@ -95,6 +115,7 @@ export {
   RecordingHistoryPanel,
   RecordingSpaceView,
   RecordingWhiteboardView,
+  ReportProblemDialog,
   SpaceHeader,
   StatusSurface,
   ToastStack,

package/dist/internal/call-motion.d.ts

@@ -5,4 +5,3 @@ export declare function captureFlip(elements: Iterable<HTMLElement>): () => void
 export declare function useStageRefit(root: RefObject<HTMLElement | null>): void;
 /** Chrome stays visible while a layer is open, on touch, and for keyboard focus. */
 export declare function useIdleChrome(root: RefObject<HTMLElement | null>, enabled: boolean): boolean;
-//# sourceMappingURL=call-motion.d.ts.map

package/dist/internal/sound-cues.d.ts

@@ -17,4 +17,3 @@ export interface SoundPlayer {
 export declare function createSoundPlayer({ outputDeviceId }?: {
     readonly outputDeviceId?: string;
 }): SoundPlayer;
-//# sourceMappingURL=sound-cues.d.ts.map

package/dist/internal/useEpisodeDuration.d.ts

@@ -1,2 +1 @@
 export declare function useEpisodeDuration(): number;
-//# sourceMappingURL=useEpisodeDuration.d.ts.map

package/dist/internal/useHaptics.d.ts

@@ -6,4 +6,3 @@ export declare function useHaptics({ enabled }?: {
     isSupported: boolean;
     trigger: (pattern?: HapticPattern) => Promise<void>;
 };
-//# sourceMappingURL=useHaptics.d.ts.map

package/dist/internal/useMediaQuery.d.ts

@@ -4,4 +4,3 @@ export declare function useIsTablet(): boolean;
 export declare function useIsDesktop(): boolean;
 export declare function usePrefersReducedMotion(): boolean;
 export declare function usePrefersDarkMode(): boolean;
-//# sourceMappingURL=useMediaQuery.d.ts.map

package/dist/internal/useMirrorSetting.d.ts

@@ -1,2 +1 @@
 export declare function useMirrorSetting(): readonly [boolean, (mirrored: boolean) => void];
-//# sourceMappingURL=useMirrorSetting.d.ts.map

package/dist/internal/useSoundCues.d.ts

@@ -7,4 +7,3 @@ import { type SoundCue, type SoundPlayer } from "./sound-cues";
 export declare function useSoundCues(enabled: boolean, createPlayer?: (options: {
     readonly outputDeviceId?: string;
 }) => SoundPlayer): (cue: SoundCue, failure?: ClientFailure) => void;
-//# sourceMappingURL=useSoundCues.d.ts.map

package/dist/internal/useSoundsSetting.d.ts

@@ -1,2 +1 @@
 export declare function useSoundsSetting(): readonly [boolean, (enabled: boolean) => void];
-//# sourceMappingURL=useSoundsSetting.d.ts.map

package/dist/internal/useWhiteboardSceneSubscription.d.ts

@@ -10,4 +10,3 @@ type WhiteboardSceneSubscription = {
 };
 export declare function useWhiteboardSceneSubscription(transport: ChalkWhiteboardV1Transport | null, active: boolean): WhiteboardSceneSubscription;
 export {};
-//# sourceMappingURL=useWhiteboardSceneSubscription.d.ts.map

package/dist/internal/whiteboard-view-limits.d.ts

@@ -0,0 +1 @@
+export declare const WHITEBOARD_VIEW_PEOPLE_MAX = 500;

package/dist/public-surface.contract.d.ts

@@ -8,7 +8,7 @@ type PublicHooks = Extract<keyof typeof bindings, `use${string}`>;
 type ExpectedHooks = "useSpaceClient" | "useConnection" | "useSelf" | "useParticipants" | "useMedia" | "useScreenShare" | "useOffline" | "useChat" | "useReactions" | "useRecording" | "useWhiteboard" | "useCan";
 type ExpectedLayout = "focus" | "grid";
 type ExpectedTokenKeys = "canvas" | "surface" | "raised" | "hover" | "pressed" | "tile" | "popover" | "line" | "lineStrong" | "text" | "textStrong" | "mutedText" | "softText" | "danger" | "dangerHover" | "dangerPressed" | "dangerText" | "positive" | "warning" | "accent" | "wash" | "washStrong" | "chrome" | "stage" | "accentText" | "dangerSurface" | "focus" | "shadow" | "overlay" | "overlayStrong" | "overlayHover" | "onOverlay" | "overlayWarning" | "overlayDanger" | "scrim";
-type ExpectedChalkProps = "shareUrl" | "onReportProblem" | "client" | "space" | "getAccess" | "defaults" | "displayName" | "features" | "theme" | "onColorSchemeChange" | "pickChatFiles" | "spaceName" | "layout" | "onLayoutChange" | "onRejoin" | "onHome" | "terminalState" | "inviteLink" | "onJoined" | "onLeft" | "onEpisodeEnded" | "onParticipantJoined" | "onParticipantLeft" | "onScreenShareStarted" | "onScreenShareStopped" | "onError";
+type ExpectedChalkProps = "shareUrl" | "onReportProblem" | "onOpenReportProblem" | "reportUnavailableReason" | "client" | "space" | "getAccess" | "defaults" | "displayName" | "features" | "theme" | "onColorSchemeChange" | "pickChatFiles" | "spaceName" | "layout" | "onLayoutChange" | "onRejoin" | "onHome" | "terminalState" | "inviteLink" | "onJoined" | "onLeft" | "onEpisodeEnded" | "onParticipantJoined" | "onParticipantLeft" | "onScreenShareStarted" | "onScreenShareStopped" | "onError";
 type HooksAreClosed = Assert<Equal<PublicHooks, ExpectedHooks>>;
 type LayoutIsCanonical = Assert<Equal<SpaceLayout, ExpectedLayout>>;
 type TokensAreClosed = Assert<Equal<keyof ChalkThemeTokens, ExpectedTokenKeys>>;
@@ -18,4 +18,3 @@ type NoLegacyStylingProp = Assert<Equal<Extract<keyof ChalkProps, "className" |
 type ChalkPropsAreClosed = Assert<Equal<keyof ChalkProps, ExpectedChalkProps>>;
 export type PublicSurfaceContract = [HooksAreClosed, LayoutIsCanonical, TokensAreClosed, ErrorMirrorsClientEvent, ChatFilePickerMirrorsClientType, NoLegacyStylingProp, ChalkPropsAreClosed];
 export {};
-//# sourceMappingURL=public-surface.contract.d.ts.map

package/dist/selectors/space-selectors.d.ts

@@ -8,4 +8,3 @@ export declare function toVideoParticipants(participants: readonly SpaceParticip
 export declare function toAudioParticipants(remoteMedia: readonly RemoteMedia[]): AudioParticipant[];
 export declare function toParticipantNames(participants: readonly SpaceParticipant[], localId: string, displayName: string): Readonly<Record<string, string>>;
 export declare function toListParticipants(tiles: readonly Participant[], participantMedia: Readonly<Record<string, SpaceParticipant["media"]>>): ParticipantListParticipant[];
-//# sourceMappingURL=space-selectors.d.ts.map

package/dist/test-support/index.d.ts

@@ -12,4 +12,3 @@ export type { WhiteboardViewProps } from "../components/whiteboard-view/Whiteboa
 export type { PreviewClientCommand } from "./preview-client";
 export type { PreviewMediaDevices } from "./preview-devices";
 export type { SpaceLayout, SpacePanel } from "./preview-fixtures";
-//# sourceMappingURL=index.d.ts.map

package/dist/test-support/index.js

@@ -6,8 +6,8 @@ import {
   SpaceView,
   ToastStack,
   WhiteboardView
-} from "../chunk-XN2E352E.js";
-import "../chunk-WRAEH24P.js";
+} from "../chunk-G62BKRNX.js";
+import "../chunk-HWQLW4JR.js";
 import "../chunk-4U7QZC72.js";
 
 // src/test-support/preview-devices.ts
@@ -25,12 +25,14 @@ function createPreviewMediaDevices() {
 }
 
 // src/test-support/preview-client.ts
+import { createSpaceClient } from "@q9labsai/chalk-client";
 function createPreviewClient(initialSnapshot = createSnapshot(), options = {}) {
   let snapshot = initialSnapshot;
   let requestSequence = 0;
   let attachmentSequence = 0;
   let recordingSequence = 0;
   const listeners = /* @__PURE__ */ new Set();
+  let cameraPreviewClient;
   const setSnapshot = (nextSnapshot) => {
     snapshot = nextSnapshot;
     for (const listener of listeners) listener();
@@ -43,6 +45,23 @@ function createPreviewClient(initialSnapshot = createSnapshot(), options = {}) {
   };
   const client = {
     media: {
+      captureCameraPreview: async () => {
+        const current = snapshot.media.local.camera.track;
+        if (snapshot.media.local.camera.state === "enabled" && current?.enabled && current.readyState === "live") return { track: current, release: () => {
+        } };
+        cameraPreviewClient ??= createSpaceClient({
+          space: "camera-preview",
+          getAccess: async () => {
+            throw new Error("Preview capture must not join a call");
+          }
+        });
+        const selected = snapshot.media.selection.camera;
+        if (selected) await cameraPreviewClient.media.selectCamera(selected);
+        const track = await cameraPreviewClient.media.captureCameraPreview();
+        const devices = cameraPreviewClient.getSnapshot().media.devices;
+        updateSnapshot((current2) => ({ ...current2, media: { ...current2.media, devices } }));
+        return track;
+      },
       setMicrophoneEnabled: (enabled) => dispatch({ type: "setMicrophoneEnabled", enabled }),
       setCameraEnabled: (enabled) => dispatch({ type: "setCameraEnabled", enabled }),
       setScreenShareEnabled: (enabled) => dispatch({ type: "setScreenShareEnabled", enabled }),
@@ -119,7 +138,10 @@ function createPreviewClient(initialSnapshot = createSnapshot(), options = {}) {
     whiteboard: { transport: () => null },
     join: () => dispatch({ type: "join" }),
     leave: () => dispatch({ type: "leave" }),
-    dispose: () => listeners.clear(),
+    dispose: () => {
+      cameraPreviewClient?.dispose();
+      listeners.clear();
+    },
     subscribe: (listener) => {
       listeners.add(listener);
       return () => listeners.delete(listener);
@@ -150,7 +172,7 @@ function createSnapshot(capabilities = ["sendChat"]) {
     reactions: { active: [] },
     recording: { current: null },
     offline: { pending: [], decisionNeeded: false, policy: "ask" },
-    whiteboard: { open: false, engine: { status: "unsubscribed", sceneId: null, revision: null, presenting: false, error: null } }
+    whiteboard: { open: false, engine: { status: "unsubscribed", sceneId: null, revision: null, presenting: false, error: null }, access: { canDraw: false, policy: null, permissions: [] } }
   };
 }
 function applyPreviewCommand(snapshot, command) {

package/dist/test-support/preview-client.d.ts

@@ -104,4 +104,3 @@ export type PreviewClient = SpaceClient & {
  */
 export declare function createPreviewClient(initialSnapshot?: SpaceSnapshot, options?: PreviewClientOptions): PreviewClient;
 export declare function createSnapshot(capabilities?: readonly Capability[]): SpaceSnapshot;
-//# sourceMappingURL=preview-client.d.ts.map

package/dist/test-support/preview-devices.d.ts

@@ -7,4 +7,3 @@ export type PreviewMediaDevices = Readonly<{
 /** One immutable fixture set shared by the preview client and web media adapter. */
 export declare const PREVIEW_DEVICE_FIXTURES: PreviewMediaDevices;
 export declare function createPreviewMediaDevices(): PreviewMediaDevices;
-//# sourceMappingURL=preview-devices.d.ts.map