[arjayby]

Replace the custom controls in five collaboration examples with library integrations while keeping Synixir, Phoenix, and Yjs responsible for synchronization, permissions, and persistence.

Example	Integration
Kanban	dnd-kit pointer, touch, and keyboard sorting within and between columns
Whiteboard	Excalidraw drawing tools with a field-level Yjs adapter and local font assets
Flowchart	React Flow nodes, connection handles, resizing, pan/zoom, and minimap
Table	react-data-grid navigation, resizing, and virtualization with Y.Text-bound CodeMirror cells
Project brief	React Hook Form, Zod, and resolvers for local validation around the shared draft

Existing saved rooms remain readable, including legacy whiteboard scenes through a deterministic read-through adapter. CodeMirror, Tiptap, and the minimal shared-settings integration remain in place. Each library implementation has a separate commit.

Remote cursors in the whiteboard and flowchart interpolate between awareness updates. The whiteboard publishes the first movement after idle immediately and skips scene processing for cursor-only callbacks. Frame-by-frame browser tests cover intermediate positions, settling time, reduced motion, and the absence of cursor-triggered Yjs transactions. Browser test ports are configurable so separate worktrees can run independently.

Staging navigation retries transient Chromium ERR_NETWORK_CHANGED failures up to three attempts. Static Next.js chunk downloads no longer consume the API and WebSocket request budget. A 240-request asset burst checks that bundles load without HTTP 429 responses and leave the session API available.

Validation

• Clean npm install, TypeScript checks, and static production build passed.
• 44 JavaScript SDK/model/tooling tests passed, including seven navigation retry regression tests.
• All 69 browser checks passed in CI, covering collaboration, permissions, offline merging, restart recovery, undo, presence, cursor motion, and mobile layout.
• Native AMD64 Docker release and HTTPS staging rehearsal passed in CI, including asset bursts, replacement, retained sessions and documents, native libraries, and database recovery. The local ARM64 rehearsal also passed.
• 58 backend tests and the Elixir formatting check passed.
• Desktop and mobile screenshots inspected; flowchart styling now lives independently of the whiteboard.

Package constraints

• react-data-grid is pinned to the prerelease 7.0.0-beta.61.
• Whiteboard image insertion, embedded content, and scene-file import are disabled because the example has no attachment store. Local drawing export remains available.
• Excalidraw's transitive dependencies retain nine npm audit findings, including two high and seven moderate. The whiteboard integration notes document these dependencies and the npm workspace override limitation.