Skip to content

Agentic UI: Foundation#3646

Open
shaunandrews wants to merge 4 commits into
trunkfrom
interface-improvements
Open

Agentic UI: Foundation#3646
shaunandrews wants to merge 4 commits into
trunkfrom
interface-improvements

Conversation

@shaunandrews

@shaunandrews shaunandrews commented May 29, 2026

Copy link
Copy Markdown
Contributor

This PR aims to improve the new Agentic UI for Studio, including the visual balance, user experience, and usability. Its not meant to be a complete solution; there are still many rough edges and broken flows. But this PR serves as a foundation for a series of other PRs and future work, including: #3717 #3737 #3738

Proposed Changes

  • Increased base UI font-size to 14px.
  • Drag handles for panels (like the sidebar menu and the browser preview) are now integrated into the border for the panel, no longer affecting the layout.
  • Added smoother panel behavior, including animated site preview open/close and improved split-view layout.
  • Removes the placeholder "Dashboard" and "Skills" menus and screen.
  • A redesigned sidebar menu includes larger site icons, compact timestamps, clearer active states, consistent action placement, running-chat indicators, and an Unassigned group for chats that don't belong to a site.
  • Clicking on a site in the sidebar shows a new site detail screen. Click the site avatar to manually toggle all active chats for a site.
  • Sidebar chats now filter archived conversations out of the regular list.
  • Added site overview and unassigned overview routes with active and archive chat lists, and a way to start a new chat.
  • Studio's browser gets buttons for back, forward, and refresh, a page title display, and moves the annotation feature into the toolbar. The browser is also now shown by default. The OS View menu includes a toggle, and users can still use the keyboard shortcut to toggle.
  • You can now add images to your chat messages.
  • Included follow-up compatibility and hardening fixes for React 19 / @wordpress/ui, Base UI submenu behavior, markup sanitization, and CodeQL feedback.

How to test

Checkout this PR, build the app, and then use the Electron (Studio) -> Beta Features menu to enable the Agentic UI.

Screenshots

image image image image image

@shaunandrews shaunandrews changed the title Improve slash UI site chat management Design Improvements for Agentic UI Jun 1, 2026
Comment thread apps/ui/src/components/site-preview/index.tsx Fixed
Comment thread apps/ui/src/components/site-preview/index.tsx Fixed
@shaunandrews shaunandrews force-pushed the interface-improvements branch 2 times, most recently from e8187fe to 24b77d2 Compare June 3, 2026 13:57
@shaunandrews shaunandrews added AI Assistant Related to the AI Assistant in Studio. Studio App and removed Proof of Concept labels Jun 3, 2026
@shaunandrews shaunandrews force-pushed the interface-improvements branch from bb6edfb to 1f8757c Compare June 3, 2026 14:45
@shaunandrews shaunandrews marked this pull request as ready for review June 3, 2026 14:59
@wpmobilebot

wpmobilebot commented Jun 3, 2026

Copy link
Copy Markdown
Collaborator

📊 Performance Test Results

Comparing 48ec056 vs trunk

app-size

Metric trunk 48ec056 Diff Change
App Size (Mac) 1384.37 MB 1384.46 MB +0.08 MB ⚪ 0.0%

site-editor

Metric trunk 48ec056 Diff Change
load 1704 ms 1643 ms 61 ms 🟢 -3.6%

site-startup

Metric trunk 48ec056 Diff Change
siteCreation 9576 ms 9547 ms 29 ms ⚪ 0.0%
siteStartup 4422 ms 4423 ms +1 ms ⚪ 0.0%

ui-classic-panels

Metric trunk 48ec056 Diff Change

Results are median values from multiple test runs.

Legend: 🟢 Improvement (faster) | 🔴 Regression (slower) | ⚪ No change (<50ms diff)

@shaunandrews shaunandrews force-pushed the interface-improvements branch 3 times, most recently from 5854974 to 2053d15 Compare June 4, 2026 19:33
@shaunandrews

This comment was marked as resolved.

This comment was marked as outdated.

@shaunandrews shaunandrews force-pushed the interface-improvements branch from 2053d15 to d769989 Compare June 8, 2026 16:52
@shaunandrews shaunandrews changed the title Design Improvements for Agentic UI Agentic UI: Foundation Jun 9, 2026
@shaunandrews shaunandrews force-pushed the interface-improvements branch from a4e0429 to eff2e73 Compare June 9, 2026 13:18
@shaunandrews shaunandrews force-pushed the interface-improvements branch 2 times, most recently from bf73f44 to f221373 Compare June 9, 2026 14:04
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

AI Assistant Related to the AI Assistant in Studio. Studio App

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants