Skip to content

Agentic UI: Add Connections to site overview - #4474

Draft
shaunandrews wants to merge 1 commit into
trunkfrom
add-overview-connections
Draft

Agentic UI: Add Connections to site overview#4474
shaunandrews wants to merge 1 commit into
trunkfrom
add-overview-connections

Conversation

@shaunandrews

@shaunandrews shaunandrews commented Aug 6, 2026

Copy link
Copy Markdown
Contributor

Related issues

How AI was used in this PR

AI helped extract the Connections slice from the larger overview exploration, adapt it to the current branch stack, and build coverage for its user states and actions. I reviewed the diff and the rendered result.

Proposed Changes

This is the first PR in the site-management UI stack:

  1. Agentic UI: Add Connections to site overview #4474 — Connections on the overview (this PR)
  2. Agentic UI: Add preview sites to site overview #4483 — Preview sites on the overview
  3. Design Exploration: Replace the site dropdown with a permanent site header #4400 — Persistent site header with Share and Sync dialogs
  4. Agentic UI: Integrate the site overview, sharing, and sync progress #4601 — Integrated overview polish, reusable sharing controls, and operation progress

The goal of this layer is to make a local site's live-site relationships visible without leaving Overview.

  • Show every live site connected to the selected local site.
  • Show the most recent push or pull time and distinguish Production from Staging.
  • Provide connect, sync, open, and copy entry points.
  • Cover signed-out, disconnected, connected, stale, and in-progress states.

The later stack layers refine these actions into the final Push/Pull layout, open the shared Sync dialog, and add inline plus persistent progress feedback.

Current UI

Connections card at native Retina resolution

Connections in the complete site overview

Testing Instructions

  1. Open a local site's Overview.
  2. Confirm Connections appears as its own card below About.
  3. Verify a connected site shows its URL, last sync, and environment.
  4. Exercise the connect, sync, open, and copy actions.
  5. Check signed-out, disconnected, loading, light, and dark states.

Verification used while preparing this stack:

  • Built this exact PR head with the local browser UI target.
  • Rendered it against the local Studio backend and captured the screenshot above.
  • The focused overview tests and full typecheck pass on the integrated stack head.

Pre-merge Checklist

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

@shaunandrews shaunandrews changed the title Add Connections to site overview Agentic UI: Add Connections to site overview Aug 7, 2026
Base automatically changed from add-overview-disk-usage to trunk August 10, 2026 18:47
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