Refactor/share screen

[Amr3011]

This pull request introduces participant pinning and improves video layout handling in the meeting UI, adds custom fullscreen and PiP controls for screen share, and optimizes device switching logic. The changes enhance user experience by allowing participants to be pinned, improving screen share controls, and reducing unnecessary device restarts.

Participant Pinning & Layout Improvements

• Added a PinContext and pin button to allow users to pin/unpin participants, updating CustomParticipantTile and VideoLayout to support pinning and custom layouts for pinned participants. [1] [2] [3] [4] [5]
• Updated CSS to support manual vertical carousel layouts and sidebar for pinned participants, and hide LiveKit's built-in expand button in favor of a custom fullscreen button. [1] [2]

Screen Share Controls

• Added custom fullscreen and Picture-in-Picture (PiP) controls for screen share, including toolbar UI and event handling for PiP state.

Device Switching Optimization

• Improved audio and video device switching logic to avoid unnecessary restarts when the selected device is already in use. [1] [2]

Miscellaneous

• Refactored useParticipantData to use useEnsureTrackRef for improved participant tracking.
• Updated video preview logic in the meeting lobby to use a persistent videoRef for better React compatibility. [1] [2] [3]

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
mini-meeting	Ready	Preview, Comment	Mar 12, 2026 5:59pm