Skip to content

feat(dashboard): redesign projects listing and project detail to design-system v2 (D3)#253

Merged
duyet merged 1 commit into
mainfrom
redesign/d3-projects
Jul 2, 2026
Merged

feat(dashboard): redesign projects listing and project detail to design-system v2 (D3)#253
duyet merged 1 commit into
mainfrom
redesign/d3-projects

Conversation

@duyet

@duyet duyet commented Jul 2, 2026

Copy link
Copy Markdown
Owner

Part of the bold dashboard redesign (Wave B / unit D3). Redesigns the projects listing and project-detail pages on AgentState design-system v2 per packages/dashboard/DESIGN.md: shared PageHeader (dead _dashboard-header.tsx removed), Input/Table primitives replacing hand-rolled markup, semantic spacing across ~25 files, removed redundant heading overrides and the last shadow-md. No behavior/prop changes. Originally targeted the (now-deleted) redesign/v2; retargeted to main.

Co-Authored-By: Duyet Le me@duyet.net
Co-Authored-By: duyetbot bot@duyet.net

Migrate the Projects listing and project-detail pages to the v2 design
system: adopt the shared PageHeader, use canonical spacing utilities
(page-padding, space-y-section, gap-component, card-padding, etc.)
instead of ad-hoc padding/gaps, remove redundant heading weight
overrides now handled by the base layer, and convert hand-rolled
inputs/tables to the Input and Table primitives for consistency
(_project-name-input, _delete-confirmation, _api-keys-table).

Also removes the one remaining box-shadow (_column-picker) per the
no-shadow design rule and deletes the now-dead _dashboard-header
after switching to the shared PageHeader. No functional changes —
create project, key management, tabs, and empty states all preserved.

Co-Authored-By: Duyet Le <me@duyet.net>
Co-Authored-By: duyetbot <bot@duyet.net>
@gemini-code-assist

Copy link
Copy Markdown

Warning

You have reached your daily quota limit. Please wait up to 24 hours and I will start processing your requests again!

@sourcery-ai sourcery-ai Bot left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Sorry @duyet, you have reached your weekly rate limit of 500000 diff characters.

Please try again later or upgrade to continue using Sourcery

@coderabbitai

coderabbitai Bot commented Jul 2, 2026

Copy link
Copy Markdown

Warning

Review limit reached

@duyet, you've reached your PR review limit, so we couldn't start this review.

Next review available in: 8 minutes

Enable usage-based reviews in Billing to review now. Otherwise, wait until the next included review is available.
You're only billed for reviews past your plan's rate limits ($0.25/file).

How can I continue?

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 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 configuration

Configuration used: Organization UI

Review profile: ASSERTIVE

Plan: Pro

Run ID: f261b389-36e6-4faa-baf4-7452ad124723

📥 Commits

Reviewing files that changed from the base of the PR and between 29e236d and c82570f.

📒 Files selected for processing (27)
  • packages/dashboard/src/components/dashboard/project/_api-keys-table.tsx
  • packages/dashboard/src/components/dashboard/project/_column-picker.tsx
  • packages/dashboard/src/components/dashboard/project/_conversation-message.tsx
  • packages/dashboard/src/components/dashboard/project/_conversation-row.tsx
  • packages/dashboard/src/components/dashboard/project/_conversations-empty-state.tsx
  • packages/dashboard/src/components/dashboard/project/_created-key-display.tsx
  • packages/dashboard/src/components/dashboard/project/_data-tab.tsx
  • packages/dashboard/src/components/dashboard/project/_delete-confirmation.tsx
  • packages/dashboard/src/components/dashboard/project/_keys-tab.tsx
  • packages/dashboard/src/components/dashboard/project/_loading-state.tsx
  • packages/dashboard/src/components/dashboard/project/_page-header.tsx
  • packages/dashboard/src/components/dashboard/project/_project-details.tsx
  • packages/dashboard/src/components/dashboard/project/_project-settings.tsx
  • packages/dashboard/src/components/dashboard/project/_quick-start-code.tsx
  • packages/dashboard/src/components/dashboard/project/_retention-settings.tsx
  • packages/dashboard/src/components/dashboard/project/_stats-grid.tsx
  • packages/dashboard/src/components/dashboard/project/data-tab/conversations-header.tsx
  • packages/dashboard/src/components/dashboard/project/project-content.tsx
  • packages/dashboard/src/components/dashboard/projects/_create-project-form-actions.tsx
  • packages/dashboard/src/components/dashboard/projects/_create-project-form-header.tsx
  • packages/dashboard/src/components/dashboard/projects/_create-project-form.tsx
  • packages/dashboard/src/components/dashboard/projects/_dashboard-header.tsx
  • packages/dashboard/src/components/dashboard/projects/_project-name-input.tsx
  • packages/dashboard/src/components/dashboard/projects/_project-slug-input.tsx
  • packages/dashboard/src/components/dashboard/projects/_projects-empty-state.tsx
  • packages/dashboard/src/components/dashboard/projects/_projects-table.tsx
  • packages/dashboard/src/components/dashboard/projects/projects-page.tsx
✨ Finishing Touches
🧪 Generate unit tests (beta)
  • Create PR with unit tests
  • Commit unit tests in branch redesign/d3-projects

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

Comment @coderabbitai help to get the list of available commands.

@duyet
duyet merged commit c46186c into main Jul 2, 2026
6 checks passed
@duyet
duyet deleted the redesign/d3-projects branch July 2, 2026 06:33
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant