Skip to content

Agentic UI: Fix Linux/Windows window controls - #4166

Merged
gavande1 merged 12 commits into
trunkfrom
stu-2030-fix-linux-window-controls-agentic-ui
Jul 16, 2026
Merged

Agentic UI: Fix Linux/Windows window controls#4166
gavande1 merged 12 commits into
trunkfrom
stu-2030-fix-linux-window-controls-agentic-ui

Conversation

@gavande1

@gavande1 gavande1 commented Jul 10, 2026

Copy link
Copy Markdown
Contributor

Related issues

How AI was used in this PR

AI helped locate the window-control code across the main process and both renderers, diagnose the height and color mismatch, and draft the fix. I reviewed the code and verified the behavior by hand in the running Linux app, across light and dark mode and both UI modes.

Proposed Changes

On Windows and Linux, the native window controls (minimize, maximize, close) in the agentic UI overflowed into the site preview and did not follow the theme, so in light mode they showed as an out-of-place dark block.

Now the preview toolbar reserves the exact area the OS reports for the controls, so they no longer spill into the site view, and the controls match the toolbar color in both light and dark mode. The color also stays in sync when you toggle the theme or switch between the classic and agentic UI. The classic UI keeps its existing dark controls, so it is unchanged.

Testing Instructions

  1. Run on Linux or Windows
  2. Open the agentic UI with a running site and its preview visible.
  3. Confirm the window controls sit within the preview toolbar and do not spill into the site view.
  4. Confirm the controls match the toolbar color in both light and dark mode, with a gap between the controls and the preview option icons.
  5. Toggle the theme and switch between the classic and agentic UI, and confirm the controls recolor to match each time.
  6. Confirm the classic UI controls are unchanged, and that macOS is unaffected.

Pre-merge Checklist

  • Have you checked for TypeScript, React or other console errors?
@gavande1 gavande1 changed the title Fix Linux/Windows window controls in agentic UI Jul 10, 2026
@gavande1
gavande1 marked this pull request as ready for review July 10, 2026 12:36
@wpmobilebot

wpmobilebot commented Jul 10, 2026

Copy link
Copy Markdown
Collaborator

📊 Performance Test Results

Comparing 02595e4 vs trunk

app-size

Metric trunk 02595e4 Diff Change
App Size (Mac) 1352.96 MB 1352.96 MB +0.00 MB ⚪ 0.0%

site-editor

Metric trunk 02595e4 Diff Change
load 1057 ms 1039 ms 18 ms ⚪ 0.0%

site-startup

Metric trunk 02595e4 Diff Change
siteCreation 6973 ms 7006 ms +33 ms ⚪ 0.0%
siteStartup 2356 ms 2358 ms +2 ms ⚪ 0.0%

Results are median values from multiple test runs.

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

@gavande1
gavande1 requested review from a team, katinthehatsite and shaunandrews July 10, 2026 18:03
@gavande1
gavande1 requested a review from bcotrim July 15, 2026 10:45

@bcotrim bcotrim 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.

Tested on Windows

Light Dark
Image Image

Thanks for addressing the issue
LGTM 👍

Note: This does break create site but I will address it on #4177 or as follow-up (depending on what is merged first)

@bcotrim bcotrim 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.

Actually this is breaking legacy UI create site, so it should be addressed now:

Light Dark
Image Image
@gavande1
gavande1 force-pushed the stu-2030-fix-linux-window-controls-agentic-ui branch from c8e415f to de511e8 Compare July 16, 2026 09:27
@gavande1

Copy link
Copy Markdown
Contributor Author

@bcotrim fixed the fullscreen modal issue. Do you mind taking another look?

@bcotrim

bcotrim commented Jul 16, 2026

Copy link
Copy Markdown
Contributor

The dark colors on the create site screen in legacy UI still look different, do you think we could adjust it?

image
@gavande1

gavande1 commented Jul 16, 2026

Copy link
Copy Markdown
Contributor Author

@bcotrim updated the fullscreen modal controls to match the frame background color. Do you mind taking another look?

Dark Light
CleanShot 2026-07-16 at 15 50 57@2x CleanShot 2026-07-16 at 15 50 44@2x

@bcotrim bcotrim 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.

Looks great now, thanks for making the changes 👍

@gavande1
gavande1 merged commit 6f0de1d into trunk Jul 16, 2026
12 checks passed
@gavande1
gavande1 deleted the stu-2030-fix-linux-window-controls-agentic-ui branch July 16, 2026 13:57
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

3 participants