fix(web): show sidebar startup loading state

[binbandit]

Summary

• show a startup loading state in the sidebar until the first projects/threads snapshot hydrates
• keep the existing empty state only after hydration completes
• add a browser test covering the loading-to-empty transition and register it in the browser Vitest config

Validation

• bun run test:browser src/components/Sidebar.browser.tsx
• bun fmt
• bun lint
• bun typecheck

UI

Note

Show loading spinner in Sidebar while threads are hydrating

• Sidebar.tsx now renders a spinner and status messages when threadsHydrated is false, replacing the previous behavior of immediately rendering the projects/threads list.
• A browser test suite in Sidebar.browser.tsx verifies the loading state appears before hydration and the empty state appears after.
• Behavioral Change: users now see a loading panel instead of an empty sidebar during app startup.

^{Macroscope summarized 98f8900.}

[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: c4a3b264-26c1-4e7a-b4f1-4e9818c427dc

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.}