[FixBug] The Desktop version's "New Project" button is always hidden

[ybalbert001]

The Desktop version's "New Project" button is wrapped by the conditional logic projects.length > 0, causing it to not display when there are no projects, preventing users from creating new projects.

Summary by CodeRabbit

• Refactor
  • Desktop interface reorganized: New Project and Refresh buttons now appear in a dedicated action bar
  • Control and search visibility optimized for different screen sizes and loading states

_{✏️ Tip: You can customize this high-level summary in your review settings.}

[coderabbitai]

Walkthrough

The Sidebar component is refactored to introduce a new desktop-only action bar containing New Project and Refresh buttons. These controls are moved out of the search area, and the Search Filter UI is now conditionally rendered only when projects exist.

Changes

Cohort / File(s)	Summary
Sidebar layout reorganization src/components/Sidebar.jsx	Introduces new desktop action bar with New Project and Refresh buttons (hidden on mobile and during loading); relocates controls from search area; modifies Search Filter visibility to render only when projects exist; removes redundant desktop-action buttons block from search area

Estimated code review effort

🎯 2 (Simple) | ⏱️ ~10 minutes

• Verify that the new desktop action bar visibility logic correctly checks both loading state and mobile breakpoint
• Confirm Search Filter conditional rendering now properly depends on project count rather than previous conditions
• Ensure no visual regressions in mobile and desktop views after button relocation

Poem

🐰 A sidebar springs to life with care,
Desktop actions floating there,
Search and buttons find their place,
Mobile-friendly, with better grace!

Pre-merge checks and finishing touches

❌ Failed checks (1 warning)

Check name	Status	Explanation	Resolution
Docstring Coverage	⚠️ Warning	Docstring coverage is 0.00% which is insufficient. The required threshold is 80.00%.	You can run @coderabbitai generate docstrings to improve docstring coverage.

✅ Passed checks (2 passed)

Check name	Status	Explanation
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Title check	✅ Passed	The PR title accurately describes the main change: fixing a bug where the desktop 'New Project' button was hidden due to conditional logic, which is the core issue addressed in the changeset.

✨ Finishing touches

• 📝 Generate docstrings

🧪 Generate unit tests (beta)

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

Tip

📝 Customizable high-level summaries are now available in beta!

You can now customize how CodeRabbit generates the high-level summary in your pull requests — including its content, structure, tone, and formatting.

• Provide your own instructions using the high_level_summary_instructions setting.
• Format the summary however you like (bullet lists, tables, multi-section layouts, contributor stats, etc.).
• Use high_level_summary_in_walkthrough to move the summary from the description to the walkthrough section.

Example instruction:

"Divide the high-level summary into five sections:

1. 📝 Description — Summarize the main change in 50–60 words, explaining what was done.
2. 📓 References — List relevant issues, discussions, documentation, or related PRs.
3. 📦 Dependencies & Requirements — Mention any new/updated dependencies, environment variable changes, or configuration updates.
4. 📊 Contributor Summary — Include a Markdown table showing contributions:
   | Contributor | Lines Added | Lines Removed | Files Changed |
5. ✔️ Additional Notes — Add any extra reviewer context.
   Keep each section concise (under 200 words) and use bullet or numbered lists for clarity."

Note: This feature is currently in beta for Pro-tier users, and pricing will be announced later.

---

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

[coderabbitai]

Actionable comments posted: 0

🧹 Nitpick comments (1)

src/components/Sidebar.jsx (1)

584-617: Desktop action bar correctly fixes the hidden “New Project” bug

The new !isLoading && !isMobile desktop action bar cleanly decouples the New Project / Refresh buttons from projects.length > 0, so the New Project button is now available even when there are no projects, which aligns with the PR goal. The search filter remaining gated on projects.length > 0 && !isLoading also makes sense now that it’s visually separated.

One optional improvement to consider: on desktop you currently hide the New Project button while isLoading is true, whereas on mobile it stays available. If users are expected to be able to create a project immediately on first load, you might want to drop the !isLoading guard for the desktop bar as well, or only disable Refresh during loading and keep New Project active.

Also applies to: 619-621

📜 Review details

Configuration used: CodeRabbit UI

Review profile: CHILL

Plan: Pro

📥 Commits

Reviewing files that changed from the base of the PR and between 3a72a26 and 73a0b5b.

📒 Files selected for processing (1)

• src/components/Sidebar.jsx (1 hunks)

🧰 Additional context used

🧬 Code graph analysis (1)

src/components/Sidebar.jsx (9)

src/contexts/AuthContext.jsx (1)

• isLoading (28-28)

src/components/GitPanel.jsx (1)

• isLoading (10-10)

src/contexts/TaskMasterContext.jsx (2)

• isLoading (57-57)
• projects (51-51)

src/components/NextTaskBanner.jsx (2)

• isLoading (17-17)
• isLoading (490-490)

src/components/ChatInterface.jsx (1)

• isLoading (1658-1658)

src/components/LoginForm.jsx (1)

• isLoading (8-8)

src/components/SetupForm.jsx (1)

• isLoading (9-9)

src/App.jsx (2)

• isMobile (53-53)
• projects (49-49)

src/components/ui/button.jsx (1)

• Button (35-43)