feat: simplify dashboard controls and remove redundant metrics - #189
Conversation
🤖 CodeAnt AI — Review Status
|
Thanks for using CodeAnt! 🎉We're free for open-source projects. if you're enjoying it, help us grow by sharing. Share on X · |
github-actions
Bot
added
frontend
|
Warning Review limit reached
Next review available in: 50 minutes You've used all free OSS reviews for now. Wait for the free limit to reset to keep reviewing this public repository. How can I continue?After more reviews become available, a review can be triggered using the 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 reviews. How do review limits work?CodeRabbit enforces per-developer PR review limits for each organization. Most developers receive the normal plan review availability. 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, additional reviews become available more gradually as earlier reviews age out of the rolling window. Please refer docs for additional details. Review details⚙️ Run configurationConfiguration used: defaults Review profile: CHILL Plan: Pro Plus Run ID: 📒 Files selected for processing (1)
📝 WalkthroughWalkthroughThe dashboard now uses a compact EarthTwin toolbar with fewer controls. The KPI grid now displays Active Alerts, Space Weather, and Agent Runs with matching loading and error layouts. ChangesDashboard interface
Estimated code review effort: 2 (Simple) | ~10 minutes Possibly related PRs
Suggested reviewers: 🚥 Pre-merge checks | ✅ 5✅ Passed checks (5 passed)
✨ Finishing Touches🧪 Generate unit tests (beta)
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. Comment |
github-actions
Bot
added
AI
![codeant-ai[bot]](https://avatars.githubusercontent.com/in/646884?s=60&v=4){kind=small}
| <div className="flex gap-1.5 md:gap-2 pointer-events-auto"> | ||
| <div className="flex justify-end w-full animate-[slideUp_0.5s_ease-out]"> | ||
| {/* Controls — compact mission-control toolbar */} | ||
| <div className="flex items-center gap-1 md:gap-1.5 pointer-events-auto bg-bg-deep-space/70 backdrop-blur-xl border border-border-panel/50 p-1.5 md:p-2 rounded-sm"> |
There was a problem hiding this comment.
Suggestion: The toolbar uses a non-wrapping flex row for five text buttons, and the EarthTwin HUD clips overflow on small screens. On narrow mobile viewports, the combined minimum width of these controls exceeds the available width, so the rightmost controls can be rendered outside the clipped globe area and become inaccessible. Allow the controls to wrap or provide a responsive/mobile layout that fits within the viewport. [css layout issue]
Severity Level: Major ⚠️
- ❌ Mobile dashboard users cannot access clipped mission controls.
- ⚠️ Bookmarks, legend, or layers may become inaccessible on narrow screens.
Prompt for AI Agent 🤖
This is a comment left during a code review.
**Path:** frontend/src/components/EarthTwin.tsx
**Line:** 978:978
**Comment:**
*Css Layout Issue: The toolbar uses a non-wrapping flex row for five text buttons, and the EarthTwin HUD clips overflow on small screens. On narrow mobile viewports, the combined minimum width of these controls exceeds the available width, so the rightmost controls can be rendered outside the clipped globe area and become inaccessible. Allow the controls to wrap or provide a responsive/mobile layout that fits within the viewport.
Validate the correctness of the flagged issue. If correct, How can I resolve this? If you propose a fix, implement it and please make it concise.
Once fix is implemented, also check other comments on the same PR, and ask user if the user wants to fix the rest of the comments as well. if said yes, then fetch all the comments validate the correctness and implement a minimal fix![coderabbitai[bot]](https://avatars.githubusercontent.com/in/347564?s=60&v=4){kind=small}
There was a problem hiding this comment.
Actionable comments posted: 2
🤖 Prompt for all review comments with AI agents
Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.
Inline comments:
In `@frontend/src/components/EarthTwin.tsx`:
- Around line 1036-1042: Add aria-pressed={showLegend} to the LEGEND button in
the EarthTwin component, alongside its existing onClick and className
attributes, so assistive technologies can determine whether the legend panel is
open.
- Around line 976-983: Update the controls toolbar container in the EarthTwin
component to constrain its width on narrow viewports and allow its five controls
to wrap, while preserving the existing right alignment and styling. Adjust the
relevant toolbar className rather than the individual buttons.
🪄 Autofix
Fix all unresolved CodeRabbit comments on this PR:
- Push a commit to this branch (recommended)
- Create a new PR with the fixes
ℹ️ Review info
⚙️ Run configuration
Configuration used: defaults
Review profile: CHILL
Plan: Pro Plus
Run ID: 485b7e9a-f1be-42c1-97a8-640d41f6c47c
📒 Files selected for processing (2)
frontend/src/components/EarthTwin.tsxfrontend/src/pages/Dashboard.tsx
krishkhinchi
added
ECSoC26
ecsoc-sentinel
Bot
added
ECSoC26-L1
User description
What this PR does
Closes #187.
This PR simplifies the Cesium dashboard controls and removes redundant orbital metrics to reduce visual clutter and keep the orbital visualization as the primary focus.
Changes
Testing
##Screenshot
Prev:
Next:
Related Issue
Closes #187
CodeAnt-AI Description
Simplify the dashboard around the most actionable space-status information
What Changed
Impact
✅ Less dashboard visual clutter✅ Faster access to essential alerts and space-weather status✅ More compact globe controls💡 Usage Guide
Checking Your Pull Request
Every time you make a pull request, our system automatically looks through it. We check for security issues, mistakes in how you're setting up your infrastructure, and common code problems. We do this to make sure your changes are solid and won't cause any trouble later.
Talking to CodeAnt AI
Got a question or need a hand with something in your pull request? You can easily get in touch with CodeAnt AI right here. Just type the following in a comment on your pull request, and replace "Your question here" with whatever you want to ask:
This lets you have a chat with CodeAnt AI about your pull request, making it easier to understand and improve your code.
Example
Preserve Org Learnings with CodeAnt
You can record team preferences so CodeAnt AI applies them in future reviews. Reply directly to the specific CodeAnt AI suggestion (in the same thread) and replace "Your feedback here" with your input:
This helps CodeAnt AI learn and adapt to your team's coding style and standards.
Example
Retrigger review
Ask CodeAnt AI to review the PR again, by typing:
Check Your Repository Health
To analyze the health of your code repository, visit our dashboard at https://app.codeant.ai. This tool helps you identify potential issues and areas for improvement in your codebase, ensuring your repository maintains high standards of code health.
Summary by CodeRabbit