Skip to content

Show project status dots when collapsed in the sidebar#1097

Open
maria-rcks wants to merge 2 commits intopingdotgg:mainfrom
maria-rcks:feat/sidebar-collapsed-project-status-dot
Open

Show project status dots when collapsed in the sidebar#1097
maria-rcks wants to merge 2 commits intopingdotgg:mainfrom
maria-rcks:feat/sidebar-collapsed-project-status-dot

Conversation

@maria-rcks
Copy link
Collaborator

@maria-rcks maria-rcks commented Mar 15, 2026

This keeps important thread activity visible even when a project is collapsed.

What Changed

  • show a status dot on collapsed project rows when any thread inside the project has a notable sidebar status
  • reuse the existing thread status precedence so actionable states win over passive ones
  • keep the existing chevron behavior when the project is expanded or when there is no meaningful status to surface
  • add focused tests for project-level status rollup precedence

Why

Right now, collapsing a project hides all thread-level status context. That makes it easy to miss that something completed, is awaiting input, or needs approval unless the project is expanded.

This change keeps the sidebar compact while still preserving the most important signal at the project level.

I did not find an exact existing issue for the collapsed-project indicator.

UI Changes

Before After (working) After (completed)
image image image
demo.mp4

Checklist

  • This PR is small and focused
  • I explained what changed and why
  • I included before/after screenshots for any UI changes
  • I included a video for animation/interaction changes

Note

Show project status dots on collapsed sidebar project headers

  • Adds a colored dot (with optional pulse) to collapsed project headers in Sidebar.tsx, summarizing the highest-priority thread status across the project's threads.
  • Introduces resolveProjectStatusIndicator in Sidebar.logic.ts, which scans thread statuses and returns the highest-priority one using a new THREAD_STATUS_PRIORITY map.
  • The chevron icon is hidden behind the dot when collapsed and only appears on hover; expanded headers continue to show the rotating chevron as before.

Macroscope summarized 00b90ea.

@coderabbitai
Copy link

coderabbitai bot commented Mar 15, 2026

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: be99424b-29e8-447c-bcdb-28f4e2927df1

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
📝 Coding Plan
  • Generate coding plan for human review comments

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

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

Tip

You can make CodeRabbit's review stricter and more nitpicky using the `assertive` profile, if that's what you prefer.

Change the reviews.profile setting to assertive to make CodeRabbit's nitpick more issues in your PRs.

@github-actions github-actions bot added size:L 100-499 changed lines (additions + deletions). vouch:trusted PR author is trusted by repo permissions or the VOUCHED list. labels Mar 15, 2026
@zortos293
Copy link
Contributor

Looks clean and useful for people that are working on multi projects

@UtkarshUsername
Copy link
Contributor

Is the dot bigger than the chevron?
image

@maria-rcks
Copy link
Collaborator Author

I think it looks fine, dk if julius / theo wants me to change this (if so i'll do)

image

@zortos293
Copy link
Contributor

you could do an hover to show the chevron

@UtkarshUsername
Copy link
Contributor

Oh, the height is diferent, but then decreasing that would also decrease the width of the dot (as it's a circle). So, this is ok I guess then. Maybe you could try that and see how it looks

@UtkarshUsername
Copy link
Contributor

This is not really a problem, it just looks big to me because the status dot is smaller when it is beside a thread's name

@maria-rcks
Copy link
Collaborator Author

151334.mp4

fixed

also made the little arrow appear on hover, or do i remove that part?

@UtkarshUsername
Copy link
Contributor

fixed

🫡

also made the little arrow appear on hover, or do i remove that part?

You can keep that, seems useful

@maria-rcks
Copy link
Collaborator Author

A (as-is)

151433.mp4

B (hover on icon to show chevron)

151435.1.mp4

which one is better? (i prefer no hover changes)

@UtkarshUsername
Copy link
Contributor

I think A is better

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

size:L 100-499 changed lines (additions + deletions). vouch:trusted PR author is trusted by repo permissions or the VOUCHED list.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants