Animation Debugging with mutation observer

[sm17p]

Context: Support debugging animations; options include MutationObserver or rrweb for frame capture.

Refined: Evaluate MutationObserver vs rrweb (accuracy, perf, bundle size); choose approach and add to roadmap.

[sm17p]

Triage pass complete.

Proposed direction:

• Start with a lightweight MutationObserver + RAF sampler MVP, then only consider rrweb if playback fidelity is required.
• Keep animation debugging opt-in due to performance sensitivity.

Research notes:

• rrweb is powerful but heavier in bundle/runtime cost.
• For inspector workflows, event timeline + key style snapshots often beats full session replay complexity.

Implementation slice:

1. Capture mutation/transition/animation events to a bounded ring buffer.
2. Build a small timeline UI to inspect recent events.
3. Evaluate fidelity gaps before expanding scope.

Definition of done:

• User can inspect recent animation-related DOM/style changes with minimal page impact.