feat(dashboard): UI redesign & dead code cleanup - #341
Merged
Conversation
Contributor
|
Caution Review failedAn error occurred during the review process. Please try again later. ✨ 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 |
![coderabbitai[bot]](https://avatars.githubusercontent.com/in/347564?s=60&v=4){kind=small}
Contributor
There was a problem hiding this comment.
Actionable comments posted: 3
🤖 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 `@apps/web-dashboard/src/index.css`:
- Around line 323-336: The button primitives in the `.btn` and `.btn-icon`
styles remove the native focus outline without adding an accessible keyboard
focus replacement. Update the shared button rules in `index.css` to include a
visible `:focus-visible` state for both `.btn` and `.btn-icon` using the
existing theme tokens, and ensure it works across variants like `.btn-primary`,
`.btn-secondary`, and `.btn-danger` without relying on the default outline.
In `@apps/web-dashboard/src/pages/Dashboard.jsx`:
- Around line 255-258: The warning suffix in the Dashboard quota message is
using the same request-specific text for every critical quota, so non-request
limits show the wrong failure mode. Update the conditional rendering around the
`w.label` / `isCritical` message in the Dashboard view so the suffix is only
shown for request quotas, or vary the text by quota type when rendering critical
warnings. Keep the existing warning structure, but make the message depend on
the quota category instead of always appending “requests may be blocked.”
🪄 Autofix (Beta)
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
Run ID: 434ac70a-33ff-471e-83c9-a341aebaef08
⛔ Files ignored due to path filters (1)
package-lock.jsonis excluded by!**/package-lock.json
📒 Files selected for processing (15)
apps/dashboard-api/src/__tests__/analytics.controller.test.jsapps/dashboard-api/src/controllers/analytics.controller.jsapps/dashboard-api/src/routes/analytics.jsapps/web-dashboard/src/components/Dashboard/DashboardHeader.jsxapps/web-dashboard/src/components/Dashboard/DashboardShell.jsxapps/web-dashboard/src/components/Dashboard/DeveloperMetrics.jsxapps/web-dashboard/src/components/Dashboard/EmptyState.jsxapps/web-dashboard/src/components/Dashboard/ProjectCard.jsxapps/web-dashboard/src/components/Dashboard/RecentActivityItem.jsxapps/web-dashboard/src/components/Dashboard/SectionHeader.jsxapps/web-dashboard/src/components/Dashboard/UsageQuota.jsxapps/web-dashboard/src/components/Layout/Header.jsxapps/web-dashboard/src/components/ThemeToggle.jsxapps/web-dashboard/src/index.cssapps/web-dashboard/src/pages/Dashboard.jsx
💤 Files with no reviewable changes (3)
- apps/web-dashboard/src/components/Dashboard/DashboardShell.jsx
- apps/dashboard-api/src/routes/analytics.js
- apps/dashboard-api/src/controllers/analytics.controller.js
yash-pouranik
temporarily deployed
to
feat/vercel-dashboard-redesign - urBackend-frankfrut PR #341
June 29, 2026 09:32 — with 
Render
Destroyed
Render
Destroyed
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
This PR overhauls the developer dashboard UI to match a modern, minimalist, Vercel-like aesthetic and removes dead metrics code.
UI Changes (Vercel styling):
Replaced 3D glassmorphism, heavy shadows, and gradients with clean, 2D flat borders.
Updated dark mode borders to crisp semi-transparent white (rgba(255, 255, 255, 0.14)).
Reduced typography sizing to a more compact, professional scale (e.g., base headings down to 0.9375rem).
Redesigned EmptyState, ProjectCard, and DashboardHeader to use standard, minimalist layouts without floating elements.
Fixed ThemeToggle inverted label/icon bug.
Added a new UsageWarningBanner at the top of the dashboard to alert users when API/Database limits cross 80%.
Backend Cleanup:
Removed DeveloperMetrics (My Performance) from the frontend dashboard, saving 2 heavy API calls on initial load.
Deleted corresponding unused backend routes from apps/dashboard-api/src/routes/analytics.js (/funnel, /retention, /engagement, /north-star).
Removed unused aggregation logic from the analytics controller.
Cleaned up obsolete tests in analytics.controller.test.js.
Summary by CodeRabbit
New Features
Bug Fixes
Changes