feat(ui): Cursor Cloud–style dark shell and flat panels#16
Draft
chloeilabs wants to merge 12 commits into
Draft
Conversation
Co-authored-by: Chloei <labs@chloei.ai>
Co-authored-by: Chloei <labs@chloei.ai>
Co-authored-by: Chloei <labs@chloei.ai>
Co-authored-by: Chloei <labs@chloei.ai>
Co-authored-by: Chloei <labs@chloei.ai>
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
|
Important Review skippedDraft detected. Please check the settings in the CodeRabbit UI or the ⚙️ Run configurationConfiguration used: defaults Review profile: CHILL Plan: Pro Plus Run ID: You can disable this status message by setting the Use the checkbox below for a quick retry:
✨ 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 |
Apply a default dark theme with Cursor-like tokens, left sidebar layout, line-style status filters, shared cursor-panel surfaces, and PageHeader across runs, status, and new-agent flows. Co-authored-by: Chloei <labs@chloei.ai>
cursor
Bot
changed the title
- Sidebar recent runs, brand mark, workspace nav labels - Agents list layout with relative timestamps and mono repo paths - Dark field inputs, log surface styling, thin scrollbars - Agent stream panel and sign-in polish Co-authored-by: Chloei <labs@chloei.ai>
- Sidebar-first agent list with status dots and compact New agent CTA - Flat tokens, no panel shadows; text status filters; list-style agents view - Composer-style new agent form with prompt-first layout - Narrower content column, ghost refresh, simplified headers Co-authored-by: Chloei <labs@chloei.ai>
- /runs shows overview placeholder; filtered lists use ?status= - Sidebar: Overview, New agent, agent history - New agent: full-height composer with collapsible repo options - Run detail: flat stream section, compact header, wider content Co-authored-by: Chloei <labs@chloei.ai>
- Search agents in sidebar (summary, repo, branch, status) - DetailSection panels for metadata, result, prompt, artifacts - Ghost action buttons; single-query runs list filter - Flatter status metrics and run detail two-column layout Co-authored-by: Chloei <labs@chloei.ai>
- Pull request panel uses DetailSection with ghost refresh/open actions - Status page uses flat cursor-panel sections instead of Cards - Sign-in uses cursor-panel; sidebar Status link highlights active route - Filtered runs list shows status label only (no duplicate badge) - Remove unused app-nav-links; add SidebarStatusLink component Co-authored-by: Chloei <labs@chloei.ai>
cursor
Bot
changed the title
Co-authored-by: Chloei <labs@chloei.ai>
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
2 participants
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.
Summary
Continues the UI/UX pass to align Chloei Code with a Cursor Cloud–style control plane: dark sidebar shell, flat detail sections, and consistent panel styling across run detail, status, and sign-in.
Changes
DetailSectionpanels for metadata, result, prompt, artifacts, and pull request (ghost refresh/open actions on PR)SidebarStatusLink)cursor-panelconfig/health sections (no heavy Cards)cursor-panelOAuth cardapp-nav-links.tsxVerify
Notes
Read Next.js guides under
node_modules/next/dist/docs/before changing framework APIs (this repo uses Next 16 conventions).