Skip to content

Agentic UI: Realign sidebar add/toggle buttons with the site status dots - #4765

Open
shaunandrews wants to merge 1 commit into
trunkfrom
claude/icon-alignment-issue-09b7e8
Open

Agentic UI: Realign sidebar add/toggle buttons with the site status dots#4765
shaunandrews wants to merge 1 commit into
trunkfrom
claude/icon-alignment-issue-09b7e8

Conversation

@shaunandrews

@shaunandrews shaunandrews commented Sep 3, 2026

Copy link
Copy Markdown
Contributor

Related issues

How AI was used in this PR

Claude traced the regression through git history and wrote the fix. Reviewed by the author.

Proposed Changes

  • In the agentic sidebar, the "Add site" button (top) and the sidebar toggle (bottom) sat 4px to the right of the site rows' status dots.
  • build(deps): bump the wordpress group with 30 updates #4320 upgraded @wordpress/theme to 1.0, which dropped the compact density the app used. The header and footer trailing insets were expressed as 2xl − xs, the site rows' as lg; those were equal (12px) under compact and only coincidentally so. On the default scale they diverge (12px vs 16px).
  • The header and footer insets are now derived from the same lg column the rows end on, so all three line up again in both densities and in light/dark.

Screenshots

Red line runs through the center of the + button. Dark chrome, studio ui in the browser.

Before (trunk) After
Before: status dots sit 4px left of the + button After: + button, status dots and footer toggle share one center line

Testing Instructions

  • npm run cli:build:ui && node apps/cli/dist/cli/main.mjs ui --no-open, open http://localhost:8081.
  • With several running sites, check that the + button, each row's green status dot (or Xdebug bug icon), and the sidebar toggle in the footer share one vertical center line.
  • Repeat with the sidebar in light and dark theme, and on a non-macOS/browser window (flush header variant).

Pre-merge Checklist

  • Have you checked for TypeScript, React or other console errors?

Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
@wpmobilebot

Copy link
Copy Markdown
Collaborator

📊 Performance Test Results

Comparing 9c40353 vs trunk

app-size

Metric trunk 9c40353 Diff Change
App Size (Mac) 1435.25 MB 1435.25 MB +0.00 MB ⚪ 0.0%

site-editor

Metric trunk 9c40353 Diff Change
load 1169 ms 1185 ms +16 ms ⚪ 0.0%

site-startup

Metric trunk 9c40353 Diff Change
siteCreation 7516 ms 7521 ms +5 ms ⚪ 0.0%
siteStartup 3399 ms 3377 ms 22 ms ⚪ 0.0%

Results are median values from multiple test runs.

Legend: 🟢 Improvement (faster) | 🔴 Regression (slower) | ⚪ No change (<50ms diff)

@shaunandrews
shaunandrews requested review from a team and wojtekn September 3, 2026 17: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.

2 participants