Skip to content

feat(frontend): flush Windows center panel and lighter terminal background#3083

Merged
Vaibhaav-Tiwari merged 1 commit into
AgentWrapper:mainfrom
JAYATIAHUJA:feat/windows-panel-inset-terminal-bg
Jul 25, 2026
Merged

feat(frontend): flush Windows center panel and lighter terminal background#3083
Vaibhaav-Tiwari merged 1 commit into
AgentWrapper:mainfrom
JAYATIAHUJA:feat/windows-panel-inset-terminal-bg

Conversation

@JAYATIAHUJA

Copy link
Copy Markdown
Collaborator

What

Two small desktop UI polish items from a Windows visual pass:

  1. Windows center-panel top inset removed. The shell root now gets a platform-windows class, and .platform-windows .center-panel-shell overrides padding-top to 0 — the framed panel sits flush under the custom titlebar instead of leaving a 12px dark gap.
  2. Lighter dark-theme terminal background. --color-bg-terminal goes from #15171b to #101317e7 (slight translucency). Light theme untouched.

Why

On Windows the frameless window's custom titlebar already supplies the top chrome, so the shared 12px top inset read as dead empty space above the framed panel. The terminal background was visually indistinguishable from surrounding surfaces; the new shade gives it a distinct, slightly lighter tone.

How

  • Platform detection reuses the existing module-scope isWindows in _shell.tsx; the override is a single CSS rule in styles.css, so macOS/Linux and all component internals are untouched.
  • The terminal color stays a single token edit in tokens.css — no hardcoded colors in components; xterm picks it up via buildTerminalThemes() on reload.

Testing

  • npm run typecheck (frontend) passes; prettier --check passes on all touched files.
  • Verified live in the Electron dev app (npm run dev) on Windows: panel renders flush under the titlebar; terminal shows the new shade after reload.
  • Also verified via headless Chromium probe against the renderer dev server: platform-windows class present and computed panel padding overridden.

Checklist

  • Branched from main (or continuing an existing PR branch)
  • One focused change; links the related issue when applicable
  • Follows AGENTS.md conventions and PR hygiene
  • Tests added/updated for user-visible behavior where it makes sense
  • Relevant CI checks pass for the area touched (go, frontend, etc.)

…round

- Add a platform-windows class on the shell root and drop the framed
  center panel's top inset on Windows, where the custom titlebar already
  supplies top chrome; other platforms unchanged.
- Lighten the dark-theme terminal background token (#15171b -> #101317e7).

Copilot AI 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.

Copilot was unable to review this pull request because the user who requested the review has reached their quota limit.

@Vaibhaav-Tiwari Vaibhaav-Tiwari left a comment

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

noice

@Vaibhaav-Tiwari
Vaibhaav-Tiwari merged commit f0512c8 into AgentWrapper:main Jul 25, 2026
4 checks passed
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.

3 participants