feat(web): shimmer project titles for running threads

[binbandit]

Summary

• derive the set of project IDs with running threads from sidebar session state
• shimmer the project title only while a thread under that project is actively running
• keep the effect accessible with reduced-motion handling and logic coverage for the running-project detection

Validation

• bun fmt
• bun lint
• bun typecheck
• bun x vitest run apps/web/src/components/Sidebar.logic.test.ts

Note

Add shimmer animation to sidebar project titles with running threads

• Adds getProjectIdsWithRunningThreads in Sidebar.logic.ts to compute a Set of project IDs where any thread has session.status === "running".
• In Sidebar.tsx, a useMemo derives this Set and applies the project-title-shimmer CSS class to matching project titles.
• Defines the project-title-shimmer keyframe animation in index.css using a gradient background-clip effect; animation is disabled when prefers-reduced-motion is set.

^{Macroscope summarized 20ae103.}

[coderabbitai]

Important

Review skipped

Auto reviews are disabled on this repository. Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: Repository UI

Review profile: CHILL

Plan: Pro

Run ID: ff6ab24e-855d-4c49-8fc1-f61aa8a04b66

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

• 🔍 Trigger review

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Post copyable unit tests in a comment

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

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