Skip to content

Agentic UI: Add the site toolbar and adopt it in the chat header - #4613

Draft
shaunandrews wants to merge 2 commits into
stu-2162-publish-picker-feedbackfrom
stu-2162-site-toolbar-chat
Draft

Agentic UI: Add the site toolbar and adopt it in the chat header#4613
shaunandrews wants to merge 2 commits into
stu-2162-publish-picker-feedbackfrom
stu-2162-site-toolbar-chat

Conversation

@shaunandrews

@shaunandrews shaunandrews commented Aug 19, 2026

Copy link
Copy Markdown
Contributor

Related issues

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

How AI was used in this PR

AI consolidated the toolbar from the site-header exploration and scoped this PR to the chat-header surface.

Proposed Changes

Add the permanent site toolbar — identity on the left, actions on the right — and adopt it in the chat header, replacing the site dropdown there. The overview keeps the dropdown until the follow-up PR.

  • Connected site: a Sync menu (Push… / Pull…, each opening the existing selective-sync dialog) and Disconnect in an overflow menu.
  • Share menu: preview link with an inline copy control, Open in browser, and Push; creates a preview when none exists.
  • Unconnected site: Publish opens the connect-site picker (Menu-based version of the picker this stack improved downstack).
  • Signed out: Log in.
  • The sync/status utils and disconnect dialog move here from the dropdown, which now imports them from their new home.

Screenshots

Chat header · connected Sync menu
Chat header connected Sync menu
Chat header · unconnected Publish picker
Chat header unconnected Publish picker
Chat header · dark
Chat header dark

Testing Instructions

  1. Open a chat — the header shows the site's icon, name, local address, and Share plus Sync/Publish/Log in per state.
  2. Connected site: Sync → Push/Pull open the selective-sync dialog; overflow has Disconnect.
  3. Share: copy the preview link, Open in browser, Push; with no preview, Create preview works.
  4. The overview header still shows the old dropdown, fully functional.
  5. Light + dark appearance; console clean.

Verification completed

  • npm run typecheck · toolbar/dropdown/site-list/session-view suites 161/161

Pre-merge Checklist

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

A permanent header for the selected site — identity on the left, actions on
the right: Sync (push/pull via the selective-sync dialog), Share (preview
link with copy/open/update), Publish (connect-site picker), Disconnect in an
overflow menu, and Log in when signed out. The chat header renders it in
place of the site dropdown; the overview keeps the dropdown until the
follow-up. The sync/status utils and disconnect dialog move here from the
dropdown, which now imports them from their new home.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
Matches the composer's model picker: a small chevron close to the label,
flipping 180° when its menu opens — driven entirely by Base UI's
data-popup-open on the trigger, no extra state.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
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