Feature: Enhanced Live Presence & Remote Turtle Visualization

[needmorecowbell]

Summary

Strengthen real-time collaboration presence so users can see what collaborators are doing — their active tool, drawing activity, turtle script execution, and typing state — plus watch remote turtles in action with animated trails.

Presence Indicators

• Active tool badge — small label next to each remote cursor showing their current tool (brush, eraser, shape, etc.)
• Drawing pulse — pulsing animation on the cursor arrow when a collaborator is actively drawing
• Turtle running icon — turtle indicator when a collaborator's script is executing
• Typing dots — animated three-dot indicator when a collaborator is typing in the turtle editor

Remote Turtle Enhancements

• Animated trails — fading polyline behind each remote turtle showing its recent path (last 20 positions)
• User name labels — show who owns each remote turtle
• Smooth rotation — interpolated heading changes instead of snapping
• Color glow — subtle shadow effect using the user's color for visual distinction

Tasks

• Extend awareness state with tool, drawing, and turtle activity fields
• Broadcast tool/drawing state from CanvasApp and TurtlePanel
• Enhance RemoteCursors with tool & activity badges
• Add CSS for presence indicators (pulse, typing dots, tool labels)
• Enhance RemoteTurtleRenderer with user names, smooth rotation, glow
• Add trail rendering system for remote turtles
• Run full test suite and type-check

Key Files

• src/sync/SyncManager.ts — Awareness protocol
• src/ui/RemoteCursors.ts — Remote cursor rendering
• src/turtle/RemoteTurtleRenderer.ts — Remote turtle indicators
• src/turtle/TurtleAwareness.ts — Turtle state broadcasting

Auto Run Documents

• .maestro/autorun/FEATURE-07-Live-Presence-Remote-Turtles.md