Skip to content

Adjust login screen for Studio Code UI to align with otehr screens - #3733

Merged
nightnei merged 4 commits into
trunkfrom
StudioCodeUILoginScreen
Jun 9, 2026
Merged

Adjust login screen for Studio Code UI to align with otehr screens#3733
nightnei merged 4 commits into
trunkfrom
StudioCodeUILoginScreen

Conversation

@nightnei

@nightnei nightnei commented Jun 8, 2026

Copy link
Copy Markdown
Contributor

Fixes STU-1800

How AI was used in this PR

AI wrote code, I reviewed, iterated a few times and tested.

Proposed Changes

Let's align login screen with Sync and Preview tabs.

BEFORE AFTER
Screenshot 2026-06-08 at 19 27 27 Screenshot 2026-06-08 at 19 27 08

Testing Instructions

  1. Run studio
  2. Open Studio Code tab
  3. Assert that you see the new scren and buttons work correctly on it
@nightnei
nightnei requested review from sejas and youknowriad June 8, 2026 18:28
@nightnei nightnei self-assigned this Jun 8, 2026
@wpmobilebot

wpmobilebot commented Jun 8, 2026

Copy link
Copy Markdown
Collaborator

📊 Performance Test Results

Comparing ee33987 vs trunk

app-size

Metric trunk ee33987 Diff Change
App Size (Mac) 1384.36 MB 1384.37 MB +0.01 MB ⚪ 0.0%

site-editor

Metric trunk ee33987 Diff Change
load 1661 ms 1643 ms 18 ms ⚪ 0.0%

site-startup

Metric trunk ee33987 Diff Change
siteCreation 9006 ms 9033 ms +27 ms ⚪ 0.0%
siteStartup 4416 ms 4410 ms 6 ms ⚪ 0.0%

Results are median values from multiple test runs.

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

@sejas sejas left a comment

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

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

Works great, thanks for updating the UI to match other tabs.
I left some suggestions for the text.

logout-studio-code.mp4
<div className="mt-6">
{ [
__( 'Create and edit themes, plugins, and content.' ),
__( 'Debug issues and run WordPress commands.' ),

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

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

Suggested change
__( 'Debug issues and run WordPress commands.' ),
__( 'Debug issues and run WP-CLI commands.' ),
{ [
__( 'Create and edit themes, plugins, and content.' ),
__( 'Debug issues and run WordPress commands.' ),
__( 'Powered by your WordPress.com account.' ),

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

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

Not sure what we want to say here. In preview sites we have: Powered by WordPress.com.
What if we say something like:

Suggested change
__( 'Powered by your WordPress.com account.' ),
__( 'Build with built-in feedback loops and agent skills.' ),
@nightnei
nightnei enabled auto-merge (squash) June 9, 2026 11:08
@nightnei
nightnei merged commit 96efc2e into trunk Jun 9, 2026
11 checks passed
@nightnei
nightnei deleted the StudioCodeUILoginScreen branch June 9, 2026 11:42
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

3 participants