Skip to content

Agentic UI: Replace the site dropdown with a permanent header - #4445

Closed
shaunandrews wants to merge 1 commit into
trunkfrom
stu-2162-header-replaces-dropdown
Closed

Agentic UI: Replace the site dropdown with a permanent header#4445
shaunandrews wants to merge 1 commit into
trunkfrom
stu-2162-header-replaces-dropdown

Conversation

@shaunandrews

@shaunandrews shaunandrews commented Aug 4, 2026

Copy link
Copy Markdown
Contributor

Related issues

Stack

Base of a 3-PR stack, each building on the previous:

⚠️ Visual change: needs human review in light + dark mode.

How AI was used in this PR

Consolidated the header from a larger exploration branch, reconciled it with current trunk, and carved it into this reviewable stack. The screenshots below were captured from the local agentic UI (studio ui).

Proposed Changes

Replace the site dropdown with a permanent header so the selected site's identity and actions are always visible, instead of hidden behind a trigger that read as a status indicator.

  • Show the site icon, name, and local address together in the header.
  • Connected site: a Sync menu (Push / Pull, each opening the existing selective-sync dialog); Disconnect in an overflow menu.
  • Share menu exposes the preview link with a copy control, Open in browser, and update.
  • Unconnected site: Publish opens the connect-site picker.
  • Signed out: the header shows Log in.
  • Preserves the onboarding flow that lands on the selected site with Pull opened automatically.

The identity is intentionally non-interactive here; the interactive site menu and the Learn-more modal are the stacked follow-ups above.

Screenshots

Header Sync menu
Permanent site header Sync menu
Share menu Publish picker
Share menu Publish picker

Testing Instructions

  1. Open a site and confirm the header shows its icon, name, and local address.
  2. Connected site: Sync → Push/Pull each open the selective-sync dialog; the overflow menu has Disconnect.
  3. Share shows the preview link (copy / open / update), or creates one when none exists.
  4. Unconnected site: Publish opens the picker and connecting a WordPress.com site works.
  5. Signed out: the header shows Log in and starts the login flow.
  6. Check light + dark appearance and the browser console for errors.

Verification completed

  • npm run typecheck (clean)
  • apps/ui site-toolbar unit tests pass

Pre-merge Checklist

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

@shaunandrews

Copy link
Copy Markdown
Contributor Author

🤖 AI-written review note — verified against the current PR head.

The per-site busy guard added here only tracks Push and Pull mutations. In the stacked follow-ups, Share/preview publishing can still start while either is running, so two operations may export or mutate the same local site concurrently. Please extend the coordination model to cover preview publishing (or otherwise make these operations mutually exclusive).

Base automatically changed from agenticPortSelectiveSync to trunk August 11, 2026 15:28
Show the site's identity and actions in a permanent header instead of an
unlabeled dropdown: a connected site gets a Sync menu (push/pull) and Share;
an unconnected one gets Publish; signed-out users see Log in. Disconnect moves
to an overflow menu. Removes the old site-dropdown component.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
@shaunandrews
shaunandrews force-pushed the stu-2162-header-replaces-dropdown branch from 84e708a to 6458377 Compare August 19, 2026 19:51
@shaunandrews shaunandrews changed the title Replace the site dropdown with a permanent header Agentic UI: Replace the site dropdown with a permanent header Aug 19, 2026
@shaunandrews

Copy link
Copy Markdown
Contributor Author

Superseded by the re-split STU-2162 stack, rebuilt on current trunk with clearer branch names and standalone-reviewable slices: #4611#4612#4613#4614#4615#4616. Closing to avoid the stale branch names here.

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.

1 participant