feat: Automatically resize info panel sidebar width when adding or removing panels

[mtrezza]

New Pull Request Checklist

• I am not disclosing a vulnerability.
• I am creating this PR in reference to an issue.

Issue Description

Adding or removing info panels keeps the side bar width the same and requires to manually resize the sidebar to accommodate more or less panels.

Approach

Automatically resize info panel width when adding or removing panels.

Summary by CodeRabbit

• Improvements
  • Data browser panels now automatically resize to fit the available space when panels are added or removed, providing a seamless multi-panel experience without requiring manual adjustments.

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

[parse-github-assistant]

🚀 Thanks for opening this pull request! We appreciate your effort in improving the project. Please let us know once your pull request is ready for review.

[coderabbitai]

Caution

Review failed

The pull request is closed.

📝 Walkthrough

Walkthrough

The DataBrowser component now automatically adjusts panel width when adding or removing panels. When a panel is added or removed, the code recalculates panelWidth based on the updated panel count and clamps it to a maximum width, maintaining responsive multi-panel layout without manual user resizing.

Changes

Cohort / File(s)	Summary
Multi-panel width management src/dashboard/Data/Browser/DataBrowser.react.js	Added dynamic panelWidth calculation in addPanel and removePanel methods; width is recomputed from current dimensions and clamped to maxWidth when panel count changes

Estimated code review effort

🎯 2 (Simple) | ⏱️ ~10 minutes

• Single file with localized changes to addPanel and removePanel logic
• Homogeneous pattern (same width calculation logic applied twice)
• No public API changes or cross-file dependencies
• Focus areas: verify width calculation correctness, edge cases (minWidth constraints, boundary conditions with single/maximum panels)

Possibly related PRs

• feat: Add displaying multiple info panels and batch navigation #3020: Directly related multi-panel state management changes (panelCount, panelWidth) in the same DataBrowser component methods

✨ Finishing touches

• 📝 Generate docstrings

🧪 Generate unit tests (beta)

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

---

📜 Recent review details

Configuration used: CodeRabbit UI

Review profile: CHILL

Plan: Pro

📥 Commits

Reviewing files that changed from the base of the PR and between 5d32944 and 133fdde.

📒 Files selected for processing (1)

• src/dashboard/Data/Browser/DataBrowser.react.js (2 hunks)

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

[parseplatformorg]

✅ Snyk checks have passed. No issues have been found so far.

Status	Scanner	Critical	High	Medium	Low	Total (0)
✅	Open Source Security	0	0	0	0	0 issues

💻 Catch issues earlier using the plugins for VS Code, JetBrains IDEs, Visual Studio, and Eclipse.

[parseplatformorg]

🎉 This change has been released in version 8.1.0-alpha.5