@q9labsai/chalk-react 5.2.2 → 5.2.3

package/dist/{chunk-NYP6LNZF.js → chunk-IZ44PX4W.js}

@@ -36,7 +36,7 @@ import {
   useRecording,
   useSpaceClient,
   useWhiteboard
-} from "./chunk-YLP43HHE.js";
+} from "./chunk-34SIWIY5.js";
 import {
   WHITEBOARD_ITEM_ID,
   screenShareItemId
@@ -383,6 +383,7 @@ function SpaceSurface(props) {
   }, [whiteboardSubscription]);
   const whiteboard = whiteboardAvailable && whiteboardState.engine.presenting && whiteboardSubscription.status === "ready" ? {
     isOpen: true,
+    presenterId: whiteboardState.engine.presenterId,
     props: {
       canDraw: canDrawWhiteboard,
       collab: {

package/dist/components/index.js

@@ -5,7 +5,7 @@ import {
   RecordingHistoryPanel,
   RecordingSpaceView,
   RecordingWhiteboardView
-} from "../chunk-NYP6LNZF.js";
+} from "../chunk-IZ44PX4W.js";
 import {
   loadRecordingWhiteboardFiles,
   parseRecordingWhiteboardStateV1,
@@ -47,7 +47,7 @@ import {
   ReactionsOverlay,
   ScreenShareView,
   Stage
-} from "../chunk-YLP43HHE.js";
+} from "../chunk-34SIWIY5.js";
 import {
   buildStageItems
 } from "../chunk-HWQLW4JR.js";

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

@@ -26,8 +26,7 @@ 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";
+    onFollow?: () => void;
     following?: boolean;
     primary?: boolean;
     className?: string;
@@ -46,6 +45,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, clickAction, following, 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, onFollow, 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;

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

@@ -17,6 +17,7 @@ export interface ParticipantListParticipant {
 }
 export type ParticipantListVariant = "default" | "sidebar" | "mobile";
 export interface ParticipantsPanelProps {
+    onParticipantClick?: (id: string) => void;
     onAddPeople?: () => void;
     searchable?: boolean;
     onClose?: () => void;
@@ -55,6 +56,6 @@ interface ParticipantsPanelSurfaceProps extends ParticipantsPanelProps {
     readonly admissionCount?: number;
     readonly onMuteEveryone?: () => Promise<void>;
 }
-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 ParticipantsPanelSurface: React.MemoExoticComponent<({ participants, canManageParticipants, canManageAdmission, admissionCount, admissionEnabled, onMuteEveryone, searchable, className, variant, onAssignRole, onStopParticipantScreenShare, onMuteParticipant, onRequestUnmute, onStopParticipantCamera, onRequestStartCamera, onRemoveParticipant, onUpdateDisplayName, onCommandError, participantVolumes, onParticipantVolumeChange, onParticipantClick, participantGradientPreference, generatedAvatars, }: ParticipantsPanelSurfaceProps) => React.JSX.Element>;
 export declare const ParticipantsPanel: React.MemoExoticComponent<(props: ParticipantsPanelProps) => React.JSX.Element>;
 export {};

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

@@ -1,7 +1,8 @@
 import type { ParticipantListParticipant, ParticipantListVariant } from "./ParticipantsPanel";
 import type { ParticipantGradientPreference } from "../../utils/colorGenerator";
-export declare function ParticipantRow({ participant, variant, canManageParticipants, onAssignRole, onStopParticipantScreenShare, onMuteParticipant, onRequestUnmute, onStopParticipantCamera, onRequestStartCamera, onRemoveParticipant, onUpdateDisplayName, onCommandError, participantVolumes, onParticipantVolumeChange, participantGradientPreference, generatedAvatars, menuOpen, onMenuToggle, onMenuClose, }: ParticipantRowProps): import("react").JSX.Element;
+export declare function ParticipantRow({ participant, variant, canManageParticipants, onAssignRole, onStopParticipantScreenShare, onMuteParticipant, onRequestUnmute, onStopParticipantCamera, onRequestStartCamera, onRemoveParticipant, onUpdateDisplayName, onCommandError, participantVolumes, onParticipantVolumeChange, onParticipantClick, participantGradientPreference, generatedAvatars, menuOpen, onMenuToggle, onMenuClose, }: ParticipantRowProps): import("react").JSX.Element;
 export interface ParticipantRowProps {
+    onParticipantClick?: (id: string) => void;
     participant: ParticipantListParticipant;
     variant: ParticipantListVariant;
     canManageParticipants: boolean;

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

@@ -19,6 +19,7 @@ export interface SpaceViewFeatures {
 }
 export interface SpaceViewWhiteboard {
     readonly isOpen: boolean;
+    readonly presenterId?: string | null;
     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;

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

@@ -4,6 +4,8 @@ import type { Participant } from "../participant-grid/ParticipantGrid";
 import { type StageLayout } from "./Stage";
 import type { SpaceViewWhiteboard } from "../space-view/SpaceView";
 export interface SpaceStageProps {
+    readonly pinnedId?: string | null;
+    readonly onPinnedChange?: (id: string | null) => void;
     readonly tiles: readonly Participant[];
     readonly layout: StageLayout;
     readonly onLayoutChange?: (layout: StageLayout) => void;
@@ -18,7 +20,7 @@ export interface SpaceStageProps {
     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, colorScheme, onCloseBoard, className }: SpaceStageProps): React.JSX.Element;
+export declare function SpaceStage({ pinnedId, onPinnedChange, tiles, layout, onLayoutChange, generatedAvatars, whiteboard, onOverflowClick, shareCapture, onStopSharing, onChangeShare, colorScheme, onCloseBoard, className }: SpaceStageProps): React.JSX.Element;
 export declare namespace SpaceStage {
     var displayName: string;
 }

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

@@ -20,10 +20,9 @@ export interface StageProps {
     readonly onPinnedChange?: (id: string | null) => void;
     readonly onItemClick?: (item: StageItem) => void;
     readonly onItemDoubleClick?: (item: StageItem) => void;
-    /** While the board is open, clicking a person follows their board view. */
+    /** Whiteboard Follow is available only through a participant menu. */
     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. */
@@ -55,7 +54,7 @@ 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, 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 function Stage({ items, layout, pinnedId, followingId, onFollowChange, 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;
 }

package/dist/index.js

@@ -5,7 +5,7 @@ import {
   RecordingHistoryPanel,
   RecordingSpaceView,
   RecordingWhiteboardView
-} from "./chunk-NYP6LNZF.js";
+} from "./chunk-IZ44PX4W.js";
 import {
   loadRecordingWhiteboardFiles,
   parseRecordingWhiteboardStateV1,
@@ -59,7 +59,7 @@ import {
   useSelf,
   useSpaceClient,
   useWhiteboard
-} from "./chunk-YLP43HHE.js";
+} from "./chunk-34SIWIY5.js";
 import "./chunk-HWQLW4JR.js";
 import "./chunk-4U7QZC72.js";
 

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

@@ -13,7 +13,7 @@ export interface SoundPlayer {
     readonly play: (cue: SoundCue) => void;
     readonly dispose: () => void;
 }
-/** The mockup's tones. A player belongs to one mounted call and closes its context on disposal. */
+/** A player belongs to one mounted call and closes its context on disposal. */
 export declare function createSoundPlayer({ outputDeviceId }?: {
     readonly outputDeviceId?: string;
 }): SoundPlayer;

package/dist/test-support/index.js

@@ -6,7 +6,7 @@ import {
   SpaceView,
   ToastStack,
   WhiteboardView
-} from "../chunk-YLP43HHE.js";
+} from "../chunk-34SIWIY5.js";
 import "../chunk-HWQLW4JR.js";
 import "../chunk-4U7QZC72.js";
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@q9labsai/chalk-react",
-  "version": "5.2.2",
+  "version": "5.2.3",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -75,10 +75,10 @@
     "@base-ui/react": "^1.7.0",
     "@hugeicons/core-free-icons": "^4.2.3",
     "@hugeicons/react": "^1.1.9",
-    "@q9labsai/chalk-client": "^5.2.2",
-    "@q9labsai/chalk-ui": "^5.2.2",
-    "@q9labsai/chalk-whiteboard": "^5.2.2",
-    "@q9labsai/facehash": "^5.2.2",
+    "@q9labsai/chalk-client": "^5.2.3",
+    "@q9labsai/chalk-ui": "^5.2.3",
+    "@q9labsai/chalk-whiteboard": "^5.2.3",
+    "@q9labsai/facehash": "^5.2.3",
     "@q9labsai/recording-presentation": "^0.1.1",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",