[AmirrezaFarnamTaheri]

Problem

The mascot RAF clock continuously runs when the page is hidden or the user requests reduced motion, wasting work and creating jumps when visibility changes.

Change

Introduce a shared useAnimationActivity external-store hook for visibility and the prefers-reduced-motion media query. Accumulate active elapsed time in useMascotClock, stopping RAF while hidden or reduced-motion and resuming without resetting or jumping.

Tests

New deterministic hook tests stub requestAnimationFrame, performance.now, page visibility, and media query changes, including pause/resume and cleanup.

No model/provider or fork-only functionality. Draft pending upstream CI.

[coderabbitai]

Important

Draft PR not reviewed

Draft PRs are not automatically reviewed by default.

• Trigger a manual review

To automatically review draft PRs, update your CodeRabbit configuration:

reviews:
  auto_review:
    drafts: true

• Autofix · Keep fixing CodeRabbit findings and required CI, and resolving merge conflicts

_{Comment @coderabbitai help to get the list of available commands.}

[AmirrezaFarnamTaheri]

Closing as a duplicate of #8438: superseded by broader motion and WebGL fix; the deterministic mascot-clock tests were transferred to the canonical PR. Keeping one upstream review thread avoids redundant CI and conflicting merges. The canonical PR remains draft pending review and CI.