fix(charts): circle-packing parent labels no longer hidden under children

[alfredo1996]

Summary

Circle-packing parent labels (e.g. "DevOps", "Backend") were drawn dead-centre, where the centred child circles cover them — they read as faint text peeking between circles.

Now parent labels are emitted as a separate, later data pass so they draw ON TOP of all circles, as a small dark top-rim pill (white text) that stays readable over any fill or child circle. Leaf labels keep their centred per-cell contrast text.

Before / after

Tests

• Parent-label pill (kind=1) renders as a standalone top-rim text element; label entries are emitted after all circle entries (z-order on top); leaf contrast unchanged. tsc · chart suite · lint clean.

Part of the v1.1 "vibrant / less-AI" chart review (flagged follow-up from #1095/#1098).

[coderabbitai]

Warning

Review limit reached

@alfredo1996, we couldn't start this review because you've reached your PR review rate limit.

More reviews will be available in 23 minutes and 5 seconds. Learn how PR review limits work.

Your organization has used up its prepaid credits, and credit purchases are no longer available. Enable the review add-on in the billing tab to keep reviews running — you're only billed for reviews past your plan's rate limits ($0.25/file).

⌛ How to resolve this issue?

After more reviews become available, a review can be triggered using the @coderabbitai review command as a PR comment. Alternatively, push new commits to this PR.

To avoid repeated limits, reduce automatic review volume by pausing incremental auto-reviews earlier, using label-based review opt-in, excluding WIP or generated PR titles, or requesting reviews manually when the PR is ready. If your team needs uninterrupted high-volume reviews, an organization admin can enable usage-based credits.

🚦 How do rate limits work?

CodeRabbit enforces per-developer PR review limits for each organization. Most developers receive the normal plan refill rate.

For paid Pro and Pro+ PR reviews, CodeRabbit uses adaptive limits for sustained high-volume activity. When a developer's recent PR review activity reaches the 95th percentile or higher among CodeRabbit users, the refill rate gradually slows as usage increases. The highest same-day bursts are limited more strictly.

Please see our Fair Usage Limits Policy for further information.

ℹ️ Review info

⚙️ Run configuration

Configuration used: Path: .coderabbit.yaml

Review profile: CHILL

Plan: Pro

Run ID: bee0cb7e-bee2-42da-a87d-007e0d97a45f

📥 Commits

Reviewing files that changed from the base of the PR and between 7f7441c and f1fdcbd.

⛔ Files ignored due to path filters (1)

• claude_code_docs/component-review/img/comp-circlepack-labels.png is excluded by !**/*.png

📒 Files selected for processing (2)

• component/src/charts/__tests__/circle-packing-chart.test.tsx
• component/src/charts/circle-packing-chart.tsx

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Commit unit tests in branch design/circlepack-label-position

---

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

[sonarqubecloud]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
100.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud