Agentic UI: Realign sidebar add/toggle buttons with the site status dots - #4765
Open
shaunandrews wants to merge 1 commit into
Open
Agentic UI: Realign sidebar add/toggle buttons with the site status dots#4765shaunandrews wants to merge 1 commit into
shaunandrews wants to merge 1 commit into
Conversation
Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
Collaborator
📊 Performance Test ResultsComparing 9c40353 vs trunk app-size
site-editor
site-startup
Results are median values from multiple test runs. Legend: 🟢 Improvement (faster) | 🔴 Regression (slower) | ⚪ No change (<50ms diff) |
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.
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
@wordpress/themeto 1.0, which dropped thecompactdensity the app used. The header and footer trailing insets were expressed as2xl − xs, the site rows' aslg; those were equal (12px) under compact and only coincidentally so. On the default scale they diverge (12px vs 16px).lgcolumn 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 uiin the browser.Testing Instructions
npm run cli:build:ui && node apps/cli/dist/cli/main.mjs ui --no-open, open http://localhost:8081.+button, each row's green status dot (or Xdebug bug icon), and the sidebar toggle in the footer share one vertical center line.Pre-merge Checklist