From a2a34b4810c9e01f59a5e6c679aa4c97311b5837 Mon Sep 17 00:00:00 2001
From: "yang.wang" <yang.wang@ibrifutrue.com>
Date: Wed, 24 Jun 2026 15:32:13 +0800
Subject: [PATCH] fix: change windows title style

---
 app/electron/main.ts     | 10 +++++++++-
 app/electron/preload.cjs |  1 +
 app/package-lock.json    |  4 ++--
 app/src/App.tsx          |  1 +
 app/src/main.tsx         |  3 +++
 app/src/styles.css       | 34 +++++++++++++++++++++++++++++++++-
 app/src/types.ts         |  3 ++-
 7 files changed, 51 insertions(+), 5 deletions(-)

diff --git a/app/electron/main.ts b/app/electron/main.ts
index f57c290..21b8cc4 100644
--- a/app/electron/main.ts
+++ b/app/electron/main.ts
@@ -1,4 +1,4 @@
-import { app, BrowserWindow, ipcMain } from "electron";
+import { app, BrowserWindow, ipcMain, Menu } from "electron";
 import { spawn, ChildProcessWithoutNullStreams } from "node:child_process";
 import path from "node:path";
 import { fileURLToPath } from "node:url";
@@ -198,6 +198,13 @@ function createWindow() {
   if (process.platform === "darwin") {
     winOptions.titleBarStyle = "hiddenInset";
     winOptions.trafficLightPosition = { x: 16, y: 18 };
+  } else if (process.platform === "win32") {
+    winOptions.titleBarStyle = "hidden";
+    winOptions.titleBarOverlay = {
+      color: "#0a0612",
+      symbolColor: "#ece9f6",
+      height: 32,
+    };
   }
   win = new BrowserWindow(winOptions);
 
@@ -221,6 +228,7 @@ ipcMain.handle("engine-request", async (_e, method: string, params: any) => {
 });
 
 app.whenReady().then(() => {
+  Menu.setApplicationMenu(null);
   startEngine();
   createWindow();
   app.on("activate", () => {
diff --git a/app/electron/preload.cjs b/app/electron/preload.cjs
index bef4d2b..99f91cb 100644
--- a/app/electron/preload.cjs
+++ b/app/electron/preload.cjs
@@ -1,6 +1,7 @@
 const { contextBridge, ipcRenderer } = require("electron");
 
 contextBridge.exposeInMainWorld("agentsec", {
+  platform: process.platform,
   request: (method, params) =>
     ipcRenderer.invoke("engine-request", method, params ?? {}),
   onEvent: (cb) => {
diff --git a/app/package-lock.json b/app/package-lock.json
index 1e1a632..c87c1aa 100644
--- a/app/package-lock.json
+++ b/app/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "agentsec-app",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "agentsec-app",
-      "version": "0.1.0",
+      "version": "0.1.1",
       "license": "AGPL-3.0",
       "devDependencies": {
         "@types/react": "^18.3.12",
diff --git a/app/src/App.tsx b/app/src/App.tsx
index f4e17d3..4d4d74a 100644
--- a/app/src/App.tsx
+++ b/app/src/App.tsx
@@ -70,6 +70,7 @@ export function App() {
 
   return (
     <div className="app">
+      <div className="titlebar-drag" aria-hidden="true" />
       <Sidebar />
       {page}
       {lastError && (
diff --git a/app/src/main.tsx b/app/src/main.tsx
index c22d3d2..6a337d3 100644
--- a/app/src/main.tsx
+++ b/app/src/main.tsx
@@ -6,6 +6,9 @@ import { themeFromSetting } from "./i18n";
 import { applyTheme } from "./theme";
 import "./styles.css";
 
+document.documentElement.dataset.platform =
+  window.agentsec?.platform ?? "unknown";
+
 try {
   const raw = localStorage.getItem("agentsec.settings");
   if (raw) {
diff --git a/app/src/styles.css b/app/src/styles.css
index 5b97692..28d49c2 100644
--- a/app/src/styles.css
+++ b/app/src/styles.css
@@ -1,4 +1,7 @@
 :root {
+  --titlebar-height: 32px;
+  --titlebar-controls-width: 138px;
+
   /* 背景层 */
   --bg-0: #0a0612;
   --bg-1: #100a1e;
@@ -390,6 +393,31 @@ html:not([data-theme]) {
   color-scheme: dark;
 }
 
+.titlebar-drag {
+  display: none;
+}
+
+html[data-platform="win32"] .titlebar-drag {
+  display: block;
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: var(--titlebar-controls-width);
+  height: var(--titlebar-height);
+  z-index: 1000;
+  -webkit-app-region: drag;
+}
+
+html[data-platform="win32"] button,
+html[data-platform="win32"] input,
+html[data-platform="win32"] select,
+html[data-platform="win32"] textarea,
+html[data-platform="win32"] a,
+html[data-platform="win32"] .nav-item,
+html[data-platform="win32"] .modal-close {
+  -webkit-app-region: no-drag;
+}
+
 .app {
   display: flex;
   height: 100vh;
@@ -412,7 +440,11 @@ html:not([data-theme]) {
   display: flex;
   flex-direction: column;
   padding: 14px 14px 16px;
-  padding-top: 44px; /* 留出红绿灯 */
+  padding-top: 44px; /* macOS 留出红绿灯 */
+}
+
+html[data-platform="win32"] .sidebar {
+  padding-top: 14px;
 }
 
 .brand {
diff --git a/app/src/types.ts b/app/src/types.ts
index a369808..45ecf6b 100644
--- a/app/src/types.ts
+++ b/app/src/types.ts
@@ -133,7 +133,8 @@ export interface ProgressData {
 
 declare global {
   interface Window {
-    agentsec: {
+    agentsec?: {
+      platform: NodeJS.Platform;
       request: (method: string, params?: any) => Promise<any>;
       onEvent: (cb: (e: { event: string; data: any }) => void) => () => void;
     };