feat: add screen sharing to Daily.co audio spaces

[bettercallzaal]

Summary

Add screen sharing to /spaces/[farcasterUsername] rooms using Daily.co's built-in startScreenShare()/stopScreenShare() — no new dependencies.

Changes (1 file, 92 lines added)

All changes in src/app/spaces/[farcasterUsername]/page.tsx:

• Screen share toggle button — Monitor/MonitorOff icons (lucide-react, already imported), sits between mic and end/leave controls
• Track lifecycle handling — listens to Daily track-started/track-stopped events to detect when any participant shares their screen
• Video display — renders shared screen above participants panel in a responsive max-h-[50vh] container with fade-in animation
• Cleanup — stops screen share on leave to prevent orphaned streams

How it works

daily.startScreenShare()  → browser prompts screen picker
daily.stopScreenShare()   → stops sharing
daily.on('track-started') → detects remote screen shares, renders video
daily.on('track-stopped') → removes video when sharing ends

Use cases

• Music producers sharing DAW sessions during listening parties
• Visual artists sharing screens during creative sessions
• Presenters sharing slides during community calls

Test plan

• Verify screen share button appears in room controls
• Test start/stop screen share flow
• Verify shared screen renders for other participants
• Test that leaving room cleans up screen share
• Verify no regressions in mic/leave functionality

🤖 Generated with Claude Code — contributed by @bettercallzaal

[vercel]

@bettercallzaal is attempting to deploy a commit to the adamnusic's projects Team on Vercel.

A member of the Team first needs to authorize it.