[RW-26023] Screen share PIP layout and focus preservation

[robinandeer]

Problem

When screen sharing, the shared screen overlays and completely hides the avatar video. Also, starting a screen share or switching to a different tab steals browser focus away from the app.

Refs RW-26023

Solution

• Screen share content fills the main area while the avatar shrinks to a PIP in the bottom-left corner (user camera stays bottom-right)
• Browser focus stays on the app tab when starting or switching a screen share, using CaptureController.setFocusBehavior("no-focus-change") (Chrome 109+, graceful fallback elsewhere)
• Surface switching picker is enabled so users can change what they're sharing without stopping/restarting

How to test

1. Start a call in examples/nextjs/
2. Click screen share → pick a tab
3. Verify: browser stays on the app tab (doesn't switch to the shared tab)
4. Verify: shared screen fills the main area, avatar appears as a small PIP in the bottom-left
5. Click "Present something else" in the browser chrome to switch sources without stopping the share

[vercel]

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

Project	Deployment	Actions	Updated (UTC)
avatars-playground	Ready	Preview, Comment	Mar 26, 2026 7:14pm

[robinandeer]

• [RW-26023] Screen share PIP layout and focus preservation #11 👈 (View in Graphite)
• [RW-26023] Add screen share button to control bar and quickstart example #10
• main

This stack of pull requests is managed by Graphite. Learn more about stacking.

[robinandeer]

Merge activity

• Mar 26, 7:13 PM UTC: A user started a stack merge that includes this pull request via Graphite.
• Mar 26, 7:14 PM UTC: Graphite rebased this pull request as part of a merge.
• Mar 26, 7:15 PM UTC: @robinandeer merged this pull request with Graphite.