release(desktop): v0.1.5 with unified title bar branding

Match the Windows title bar to the app background, show version in the window title, and bump the desktop shell to 0.1.5.

Co-authored-by: Cursor <cursoragent@cursor.com>

Author: joohw

electron/main.js

@@ -44,6 +44,44 @@ let quitting = false;
 const THEME_STORAGE_KEY = "clovapi-theme";
 /** Matches renderer page background (title bar flash before paint). */
 const WINDOW_BG_TOP = "#FBF9F9";
+const TITLE_BAR_OVERLAY_HEIGHT = 32;
+
+function windowTitle() {
+  return `ClovAPI Switcher v${app.getVersion()}`;
+}
+
+function buildBrowserWindowOptions() {
+  const options = {
+    width: 700,
+    height: 760,
+    minWidth: 640,
+    minHeight: 560,
+    autoHideMenuBar: true,
+    backgroundColor: WINDOW_BG_TOP,
+    icon: windowIconPath(),
+    title: windowTitle(),
+    webPreferences: {
+      preload: path.resolve(__dirname, "preload.js"),
+      contextIsolation: true,
+      nodeIntegration: false,
+      sandbox: false,
+    },
+  };
+
+  if (process.platform === "win32") {
+    options.titleBarStyle = "hidden";
+    options.titleBarOverlay = {
+      color: WINDOW_BG_TOP,
+      symbolColor: "#353535",
+      height: TITLE_BAR_OVERLAY_HEIGHT,
+    };
+    options.backgroundMaterial = "none";
+  } else if (process.platform === "darwin") {
+    options.titleBarStyle = "hiddenInset";
+  }
+
+  return options;
+}
 let coreDevWatcher = null;
 let coreDevRestartTimer = null;
 
@@ -338,22 +376,7 @@ function createTray() {
 }
 
 function createWindow() {
-  mainWindow = new BrowserWindow({
-    width: 700,
-    height: 760,
-    minWidth: 640,
-    minHeight: 560,
-    autoHideMenuBar: true,
-    backgroundColor: WINDOW_BG_TOP,
-    icon: windowIconPath(),
-    title: "ClovAPI Switcher",
-    webPreferences: {
-      preload: path.resolve(__dirname, "preload.js"),
-      contextIsolation: true,
-      nodeIntegration: false,
-      sandbox: false,
-    },
-  });
+  mainWindow = new BrowserWindow(buildBrowserWindowOptions());
   if (isElectronDev) {
     mainWindow.webContents.on("preload-error", (_event, preloadPath, error) => {
       emitOutput("stderr", `[dev] preload failed (${preloadPath}): ${error?.message || error}\n`);

electron/package-lock.json

@@ -1,7 +1,7 @@
 {
   "name": "clovapi-switcher",
   "private": true,
-  "version": "0.1.4",
+  "version": "0.1.5",
   "description": "ClovAPI Switcher desktop app",
   "main": "main.js",
   "type": "commonjs",

electron/package.json

@@ -56,8 +56,10 @@
   </div>
 {/if}
 
-<main class="mx-auto flex min-h-svh w-full max-w-3xl flex-col px-5 py-5">
-  <header class="mb-5 shrink-0">
+<main
+  class="mx-auto flex min-h-svh w-full max-w-3xl flex-col px-5 py-5 {inElectron ? 'electron-window-chrome' : ''}"
+>
+  <header class="mb-5 shrink-0 {inElectron ? 'electron-titlebar-drag' : ''}">
     <h1 class="text-lg font-semibold tracking-tight">ClovAPI Switcher</h1>
     <p class="mt-1 text-xs text-muted-foreground">{copy.subtitle}</p>
   </header>

electron/ui/src/App.svelte

@@ -95,6 +95,14 @@
       "Microsoft YaHei",
       sans-serif;
   }
+
+  .electron-window-chrome {
+    padding-top: env(titlebar-area-height, 32px);
+  }
+
+  .electron-titlebar-drag {
+    -webkit-app-region: drag;
+  }
 }
 
 [data-sonner-toaster] {

electron/ui/src/app.css

@@ -26,6 +26,9 @@ export async function refreshAppVersion() {
   try {
     const version = await window.clovapiEnv?.getVersion?.();
     store.appVersion = String(version || "").trim();
+    if (store.appVersion) {
+      document.title = `ClovAPI Switcher v${store.appVersion}`;
+    }
   } catch {
     store.appVersion = "";
   }