Add multiplayer awareness: participant list, name editing, cursor styling, join/leave toasts

Implement the planner-multiplayer-awareness OpenSpec change:

- Add setUserName to use-yjs.ts that persists to localStorage and syncs via awareness
- Create ParticipantList component showing all session participants with color dots,
  host badge, and inline name editing for the local user
- Replace plain text cursor labels with SVG pointer arrows and styled name tags
  (colored background, drop shadow, rounded corners, z-index below map controls)
- Track awareness add/remove events and display auto-dismissing toasts (3s)
  when participants join or leave the session
- Add i18n keys for participant UI in English and German

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Ullrich Schäfer 2026-03-25 04:11:58 +01:00
parent 068b474f94
commit 9b4f4c6759
No known key found for this signature in database
GPG key ID: A32FF691A0F752D9
7 changed files with 292 additions and 24 deletions

View file

@ -35,6 +35,13 @@ export default {
shortest: "Kürzeste",
car: "Auto",
},
participants: {
you: "(du)",
host: "Host",
editName: "Klicke, um deinen Namen zu ändern",
joined: "{{name}} ist beigetreten",
left: "{{name}} hat die Sitzung verlassen",
},
elevation: {
gain: "Höhenmeter aufwärts",
loss: "Höhenmeter abwärts",

View file

@ -35,6 +35,13 @@ export default {
shortest: "Shortest",
car: "Car",
},
participants: {
you: "(you)",
host: "Host",
editName: "Click to edit your name",
joined: "{{name}} joined",
left: "{{name}} left",
},
elevation: {
gain: "Elevation Gain",
loss: "Elevation Loss",