refactor: migrate to VS Code titlebar drag region pattern

packages/app/src/desktop/electron/window.ts

@@ -1,4 +1,8 @@
-import { getDesktopHost, type DesktopWindowBridge } from "@/desktop/host";
+import {
+  getDesktopHost,
+  type DesktopWindowBridge,
+  type DesktopWindowControlsOverlayUpdate,
+} from "@/desktop/host";
 
 export function getDesktopWindow(): DesktopWindowBridge | null {
   const getter = getDesktopHost()?.window?.getCurrentWindow;
@@ -28,11 +32,13 @@ export async function isDesktopFullscreen(): Promise<boolean> {
   return await win.isFullscreen();
 }
 
-export async function setDesktopTitleBarTheme(theme: "light" | "dark"): Promise<void> {
+export async function updateDesktopWindowControls(
+  update: DesktopWindowControlsOverlayUpdate,
+): Promise<void> {
   const win = getDesktopWindow();
-  if (!win || typeof win.setTitleBarTheme !== "function") {
+  if (!win || typeof win.updateWindowControls !== "function") {
     return;
   }
 
-  await win.setTitleBarTheme(theme);
+  await win.updateWindowControls(update);
 }

packages/app/src/desktop/host.ts

@@ -44,14 +44,17 @@ export interface DesktopMenuBridge {
   }) => Promise<void>;
 }
 
+export interface DesktopWindowControlsOverlayUpdate {
+  height?: number;
+  backgroundColor?: string;
+  foregroundColor?: string;
+}
+
 export interface DesktopWindowBridge {
   label?: string;
-  startMove?: (screenX: number, screenY: number) => void;
-  moving?: (screenX: number, screenY: number) => void;
-  endMove?: () => void;
   toggleMaximize?: () => Promise<void>;
   isFullscreen?: () => Promise<boolean>;
-  setTitleBarTheme?: (theme: "light" | "dark") => Promise<void>;
+  updateWindowControls?: (update: DesktopWindowControlsOverlayUpdate) => Promise<void>;
   onResized?: <TEvent = unknown>(
     handler: (event: TEvent) => void,
   ) => Promise<() => void> | (() => void);