[arjayby]

Revamp the collaboration examples as a full-screen playground. The header provides example and room selection, connected members, access management, and account controls while the selected example fills the workspace.

• Add shadcn menus and room dialogs with room details, member online status, and room creation. A member-authorized room-info endpoint exposes the roster while access changes remain owner-only.
• Add single-letter navigation shortcuts with Kbd hints. Preserve the current room and unsaved-edit warning, avoid shortcuts while editing or using dialogs, and keep read-only rich text focusable.
• Apply light and dark themes across all seven examples, including Excalidraw and React Flow canvases, controls, selections, and hover states. Theme changes preserve shared content and local drafts.
• Show connection status with colored dots and keep Connect, Disconnect, and Reload inside the status alert dialog. Update the browser checks, staging pilot, and Kanban focus fallback for this interaction.
• Use extensionless navigation with compatibility for existing example .html links, rename Project brief to Form, and remove the Shared settings example at /sdk. The client SDK and its tests remain.

Validation:

• npm test: 44 SDK, model, and navigation tests passed.
• npm run typecheck, production build, and mix format --check-formatted passed.
• Room-permission, client-controller, and session-controller tests: 30 passed.
• Browser suite: 79 tests passed in the full run. The remaining read-only rich-text failure was fixed; all six rich-text and shortcut tests passed on rerun.
• Checked desktop/mobile layouts and measured all seven menu shortcuts under mouse and keyboard highlighting in both themes.

The Docker/HTTPS staging rehearsal remains for CI.