Skip to content

Agentic UI: Let the app window shrink to 420px - #4444

Open
shaunandrews wants to merge 1 commit into
trunkfrom
add-agentic-window-min-width
Open

Agentic UI: Let the app window shrink to 420px#4444
shaunandrews wants to merge 1 commit into
trunkfrom
add-agentic-window-min-width

Conversation

@shaunandrews

Copy link
Copy Markdown
Contributor

Related issues

None (split out of the stu-2162-site-header-actions exploration)

How AI was used in this PR

Claude Code cherry-picked this change out of a larger exploration branch and verified it (lint, typecheck) in isolation.

Proposed Changes

View ▸ Reload / Force Reload / Toggle DevTools used Electron's role-based "focused webContents" target. With a site preview visible, clicking into the preview would shift focus to the guest page, so Reload reloaded the site preview instead of the app — leaving no way to reload the Studio renderer itself from the menu.

These menu items now target the app window's webContents explicitly, and are relabelled "Reload App" / "Force Reload App" to make that explicit. In agentic mode, Reload App drops its ⌘R accelerator so ⌘R still reloads the preview (the renderer's own "Reload preview" shortcut); Force Reload App keeps ⌘⇧R.

Testing Instructions

  1. Launch the app with a site preview visible.
  2. Click into the preview area to give the guest webview focus.
  3. Use View ▸ Reload App and confirm the app renderer reloads (not the site preview/guest page).
  4. In agentic mode, press ⌘R and confirm it still reloads the preview, not the app window.
  5. Use View ▸ Force Reload App and confirm it force-reloads the app renderer (⌘⇧R still works too).
  6. Use View ▸ Toggle DevTools and confirm DevTools opens for the app window, regardless of which webview had focus.

Pre-merge Checklist

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

…t renderer

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
@shaunandrews shaunandrews changed the title Let the agentic UI window shrink to 420px Agentic UI: Let the app window shrink to 420px Aug 4, 2026
@shaunandrews
shaunandrews requested review from a team and bcotrim August 4, 2026 19:17
@shaunandrews
shaunandrews marked this pull request as ready for review August 4, 2026 19:18

@katinthehatsite katinthehatsite left a comment

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.

I had two main concerns:

  • when I resize to the smallest possible window with agentic UI, the toolbar looks all messed up if I close the sidebar and remain within the smallest size (see for example, the buttons to open the browser etc.)
Image

I think that it could be one of those:

  • The preview should auto-close below some width threshold

  • Or the minimum width should account for the preview being open

  • I am also finding the that the sidebar in the min-width is not really informative - for example, two similarly named sites get hard to distinguish e.g. My Swift Site and My WordPress site. In that case, it just shows the first two letters:

Image

But I am also generally wondering how useful this small sized window would be for our customers? What do you think?

@katinthehatsite

Copy link
Copy Markdown
Contributor

As a sidenote, it seems that the PR testing instructions are not related to the code changes? 😅

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.

2 participants