Skip to content

Agentic UI: Add Account section to settings preferences tab - #4270

Merged
bcotrim merged 3 commits into
trunkfrom
agentic-settings-account-section
Jul 21, 2026
Merged

Agentic UI: Add Account section to settings preferences tab#4270
bcotrim merged 3 commits into
trunkfrom
agentic-settings-account-section

Conversation

@bcotrim

@bcotrim bcotrim commented Jul 21, 2026 •
edited
Loading

Copy link
Copy Markdown
Contributor

Related issues

  • Related to STU-1882 (PR 4 of the Agentic UI application-settings series)

How AI was used in this PR

Implemented with Claude Code, adapting the AccountInformationSection from the #3979 exploration to trunk's current auto-save settings layout. Code, styles, and tests reviewed and verified by me in the running app.

Proposed Changes

  • Adds an Account card to the Agentic UI Settings (preferences) tab, so account state and quick help links are visible right where the rest of the app configuration lives.
  • The card header offers Docs and Report an issue shortcuts that open in the browser.
  • The sidebar user-menu is intentionally untouched — its dropdown keeps offering the same actions.
Light Dark
image image
image image

Testing Instructions

  1. Launch Studio with the Agentic UI enabled and open Settings.
  2. Signed out: the Account card shows the "WordPress.com account" heading, the login blurb, and a Log in button that starts the OAuth flow.
  3. Signed in: the card shows your Gravatar, display name, and email; Log out signs you out and the card flips back to the signed-out state.
  4. Click Docs and Report an issue — each opens the expected page in your default browser.
  5. Verify the card in both light and dark mode, and at a narrow window width (the card stacks below 640px).

Pre-merge Checklist

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

wpmobilebot commented Jul 21, 2026 •
edited
Loading

Copy link
Copy Markdown
Collaborator

📊 Performance Test Results

Comparing 644a1f0 vs trunk

app-size

Metric trunk 644a1f0 Diff Change
App Size (Mac) 1361.87 MB 1361.85 MB 0.02 MB ⚪ 0.0%

site-editor

Metric trunk 644a1f0 Diff Change
load 1095 ms 1092 ms 3 ms ⚪ 0.0%

site-startup

Metric trunk 644a1f0 Diff Change
siteCreation 6987 ms 7002 ms +15 ms ⚪ 0.0%
siteStartup 2358 ms 2357 ms 1 ms ⚪ 0.0%

Results are median values from multiple test runs.

Legend: 🟢 Improvement (faster) | 🔴 Regression (slower) | ⚪ No change (<50ms diff)
@bcotrim
bcotrim requested review from nightnei and sejas July 21, 2026 09:22
@bcotrim
Merge remote-tracking branch 'origin/trunk' into agentic-settings-acc…
ea69fb1 
…ount-section

# Conflicts:
#	apps/ui/src/components/settings-view/index.test.tsx
#	apps/ui/src/components/settings-view/index.tsx
@bcotrim bcotrim changed the title Add Account section to Agentic UI settings preferences tab Jul 21, 2026
@bcotrim
Merge remote-tracking branch 'origin/trunk' into agentic-settings-acc…
644a1f0 
…ount-section

# Conflicts:
#	apps/ui/src/components/settings-view/style.module.css
nightnei
nightnei approved these changes Jul 21, 2026
View reviewed changes

@nightnei nightnei left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

LGTM and works perfectly
@nightnei

nightnei commented Jul 21, 2026

Copy link
Copy Markdown
Contributor

@bcotrim I noticed that we have some hardcoded urls, some duplication, and no localization, so I quickly adjusted it here #4282
@bcotrim
bcotrim merged commit eb258dd into trunk Jul 21, 2026
13 checks passed
@bcotrim
bcotrim deleted the agentic-settings-account-section branch July 21, 2026 16:13
@bcotrim bcotrim mentioned this pull request Jul 24, 2026
Closed
14 tasks
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

3 participants

@bcotrim @wpmobilebot @nightnei