Skip to content

Preferences: polish tweaks and PR feedback fixes#109805

Open
fditrapani wants to merge 8 commits intotrunkfrom
update/preferences-tweaks
Open

Preferences: polish tweaks and PR feedback fixes#109805
fditrapani wants to merge 8 commits intotrunkfrom
update/preferences-tweaks

Conversation

@fditrapani
Copy link
Copy Markdown
Contributor

@fditrapani fditrapani commented Apr 2, 2026

Summary

This PR addressed feedback that came up in #109744.

  • Fix double divider line under last SummaryButton in MCP settings card
  • Use EmptyState component for the blocked sites empty state instead of a plain <p> tag
  • Replace straight apostrophes with curly quotes per typography guide
  • Fix blocked sites summary card count — was using perPage: 1 which only fetched one site
  • Fix dashboard opt-in redirect from /me/account to point to /me/preferences/hosting-dashboard instead of /me/preferences
  • Rename "WordPress.com defaults" to "Account defaults" with commentAuthorAvatar icon
  • Add "Choose your AI agent" section header to MCP setup card and change dropdown label to "AI agent"

Test plan

  • Visit /me/preferences — all items should have bottom borders between them
  • Visit /me/preferences/mcp — enable MCP access and confirm no double border under "Site exceptions"
  • Visit /me/preferences/blocked-sites with no blocked sites — should show EmptyState component
  • Visit /me/preferences — "Account defaults" should show with the person icon, not WordPress logo
  • Visit /me/preferences/defaults — page title should say "Account defaults"
  • Visit /me/preferences/mcp/setup — agent card should have "Choose your AI agent" heading and "AI agent" dropdown label
  • Verify curly quotes render correctly in "Blocked sites" description and "Account defaults" radio options
  • On legacy /me/account, opt into the new dashboard — should redirect to /me/preferences/hosting-dashboard

🤖 Generated with Claude Code

@matticbot matticbot added the [Status] Needs Review The PR is ready for review. This also triggers e2e canary tests and wp-desktop tests automatically. label Apr 2, 2026
@fditrapani fditrapani requested a review from p-jackson April 2, 2026 17:11
@matticbot
Copy link
Copy Markdown
Contributor

matticbot commented Apr 2, 2026

This PR modifies the release build for the following Calypso Apps:

For info about this notification, see here: PCYsg-OT6-p2

  • notifications
  • odyssey-stats
  • wpcom-block-editor

To test WordPress.com changes, run install-plugin.sh $pluginSlug update/preferences-tweaks on your sandbox.

fditrapani and others added 7 commits April 2, 2026 13:19
- Fix double border under last SummaryButton in medium density by
  skipping border-bottom on :last-child
- Use EmptyState component for blocked sites empty state
- Replace straight apostrophes with curly quotes per typography guide

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
The summary card was using perPage: 1, which only fetched a single
site and displayed an incorrect count. Use perPage: 20 to match the
blocked sites page and share the same query cache.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
When opting into the new dashboard from /me/account, redirect to
/me/preferences/hosting-dashboard instead of /me/preferences so the
user lands on the equivalent settings screen.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Revert the global SummaryButton :last-child change which removed
borders on the Preferences page. Instead, scope the fix to the MCP
settings card using a dedicated class and stylesheet.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Update title and icon across the summary card, sub-page header,
and route meta. Use commentAuthorAvatar icon instead of wordpress.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Add "Choose your AI agent" as a SectionHeader title to the agent
selection card, and change the dropdown label to "AI agent".

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Remove redundant description (already in page header) and trailing
period from the empty state title.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
@fditrapani fditrapani force-pushed the update/preferences-tweaks branch from b5f61ff to e846eb6 Compare April 2, 2026 17:19
@fditrapani fditrapani marked this pull request as ready for review April 2, 2026 17:20
@fditrapani fditrapani requested a review from a team as a code owner April 2, 2026 17:20
Replace border-bottom with border-block-end per codebase conventions.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
@StevenDufresne
Copy link
Copy Markdown
Contributor

@fditrapani I think we can modify the base EmptyState component to have compact state. We do use DataViews in contexts like the one here and we should handle those consistency.

I've opened a PR to do so: #109807. What do you think? Should we revert the changes here?

@@ -0,0 +1,3 @@
.dashboard-mcp-settings .summary-button.has-density-medium:last-child {
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.

To be honest, I'm not a fan of this style. I would prefer we codify this component into something reusable. It's technically the same problem we had with SummaryButtonList solved again here because it's not used as the wrapper. It would be good if the SummaryButtonList or some type of derivative should support this layout (Card + Buttons). Tough call.

Do we have any plans for this combination of card and buttons elsewhere?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

[Status] Needs Review The PR is ready for review. This also triggers e2e canary tests and wp-desktop tests automatically.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants