Goal
Ship one production-ready frontend collaboration workflow with clear runtime evidence and user-safe failure UX.Step 1: Align product model and state lanes
Read: Outcome:- Your team has explicit
intent/**andworld/**conventions for the target feature.
Step 2: Start from proven app patterns
Use:- developer-experience/apps
apps/demos/infinite-room-workspaceapps/demos/collab-maps
- one shared state write path
- one presence or peer-signal path
- one explicit failure state in UI
- Two browser windows converge on the same room behavior.
Step 3: Add subscription and conflict-safe UX
Read and apply: Outcome:- UI handles reconnect, rejection, and conflict outcomes without silent snap-back.
Step 4: Capture runtime proof
Use:apps/playground/protocol-inspectorapps/playground/replay-lab- tutorials/trace-a-room-session
- one trace snippet around user action
- one replay before/after snapshot pair
- Feature behavior is backed by protocol and replay evidence, not only manual observation.
Step 5: Frontend readiness checklist
- Room state model documented for feature keys
- Presence payloads are ephemeral and minimal
- Rejection/conflict UI states are user-visible
- At least one offline/reconnect drill passed
- Trace/replay artifacts attached to review notes