show +N indicator for hidden organizations on hover

[jikrana1]

Addressed Issues:

Fixes #190

Recordings:

OrgExplorer.GitHub.Organization.Analytics.Repository.Insights.and.2.more.pages.-.Profile.1.-.Microsoft.Edge.2026-08-23.13-36-12.-.Trim.mp4

Additional Notes:

Added a "+N" indicator in the Overview identity bar to show how many organizations are hidden when more than 3 are searched together.

Changes:

• Added showAllOrgs state to track hover expansion
• Each avatar is wrapped in a container with animated width (0 to 36px) so hidden avatars take up no space in the layout, avoiding
  gaps
• Hovering over the avatar group smoothly reveals all organization avatars via a CSS width transition; moving the mouse away collapses back to 3 avatars + the "+N" badge
• The "+N" badge itself is also width-animated, so it fades away cleanly when expanded, without leaving a gap
• Added cursor: pointer on the avatar group when more than 3 organizations are present, to signal it's interactive
• The badge only renders when orgs.length > 3, so single or few-org searches are unaffected

Tested locally with 4-5 organizations searched together — hover expand/collapse works smoothly with no layout shift or gaps.

Checklist

• My code follows the project's code style and conventions
• I have made corresponding changes to the documentation
• My changes generate no new warnings or errors
• I have joined the Discord server and I will share a link to this PR with the project maintainers there
• I have read the Contributing Guidelines

[gitcordapp]

Link your account with Gitcord

Thanks for opening this PR, @jikrana1!

To receive Discord notifications and contributor tracking for this organization:

1. Join Discord: https://discord.gg/hjUhu33uAn
2. In Discord, run /link jikrana1
3. Paste the verification code into your GitHub bio (or a public gist)
4. Click Verify in Discord (or run /verify-link jikrana1)

Once linked, Gitcord can notify you about reviews, merges, and more.

— Posted by Gitcord

[github-actions]

⚠️ This PR has merge conflicts.

Please resolve the merge conflicts before review.

Your PR will only be reviewed by a maintainer after all conflicts have been resolved.

📺 Watch this video to understand why conflicts occur and how to resolve them:
https://www.youtube.com/watch?v=Sqsz1-o7nXk

[Ri1tik]

Resolve the merge conflict!!

[coderabbitai]

Warning

Review limit reached

Next included review available in 59 minutes.

View limit details

Limit details: You’ve used the included review currently available.

You've used all free OSS reviews for now. Wait for the free limit to reset to keep reviewing this public repository.

Learn how review limits work.

Review configuration:

⚙️ Run configuration

Configuration used: Path: .coderabbit.yaml

Review profile: ASSERTIVE

Plan: Pro Plus

Run ID: ff3eeacc-c206-40aa-ab21-744d243fe579

📥 Commits

Reviewing files that changed from the base of the PR and between 239ae47 and 807e58a.

📒 Files selected for processing (1)

• src/pages/OverviewPage.jsx

---

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