fix: 修复样式 && 功能问题

Author: Maidang1

src/main/acp/AcpConnection.ts

@@ -250,10 +250,7 @@ export class AcpConnection {
     );
   }
 
-  async prompt(
-    sessionId: string,
-    prompt: ContentBlock[],
-  ) {
+  async prompt(sessionId: string, prompt: ContentBlock[]) {
     if (!this.connection) {
       throw new Error("Connection closed before prompt");
     }

src/main/index.ts

@@ -89,6 +89,16 @@ const onCreateMainWindow = () => {
     height: 900,
     minHeight: 700,
     icon: path.resolve(__dirname, "../../../../assets/icons/256x256.png"),
+    // 配置窗口样式 - 隐藏默认标题栏，使用自定义标题栏
+    titleBarStyle: "hiddenInset", // Mac OS 隐藏标题栏但保留 traffic lights（红绿灯按钮）
+    titleBarOverlay: {
+      // Windows/Linux 标题栏覆盖层样式
+      color: "#ffffff",
+      symbolColor: "#000000",
+      height: 30,
+    },
+    // 禁用窗口框架（可选，完全自定义标题栏）
+    // frame: false,
     webPreferences: {
       devTools: true, // 始终启用开发者工具
       nodeIntegration: false,

src/render/App.tsx

@@ -71,9 +71,9 @@ const App = () => {
   // Track if we are waiting for an agent response
   const [isWaitingForResponse, setIsWaitingForResponse] = useState(false);
 
-  const [theme, setTheme] = useState<"light" | "dark">(() => {
+  const [theme, setTheme] = useState<"light" | "dark" | "auto">(() => {
     if (typeof window !== "undefined" && window.matchMedia) {
-      return window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+      return "auto";
     }
     return "light";
   });
@@ -138,8 +138,28 @@ const App = () => {
     }));
   };
 
+  // 应用主题到 DOM
   useEffect(() => {
-    document.documentElement.setAttribute("data-theme", theme);
+    const effectiveTheme =
+      theme === "auto"
+        ? window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches
+          ? "dark"
+          : "light"
+        : theme;
+    document.documentElement.setAttribute("data-theme", effectiveTheme);
+  }, [theme]);
+
+  // 监听系统主题变化（仅在 auto 模式下）
+  useEffect(() => {
+    if (theme !== "auto") return;
+
+    const mediaQuery = window.matchMedia("(prefers-color-scheme: dark)");
+    const handleChange = (e: MediaQueryListEvent) => {
+      document.documentElement.setAttribute("data-theme", e.matches ? "dark" : "light");
+    };
+
+    mediaQuery.addEventListener("change", handleChange);
+    return () => mediaQuery.removeEventListener("change", handleChange);
   }, [theme]);
 
   useEffect(() => {
@@ -176,8 +196,8 @@ const App = () => {
     }
   };
 
-  const toggleTheme = () => {
-    setTheme((prev) => (prev === "light" ? "dark" : "light"));
+  const setThemeMode = (newTheme: "light" | "dark" | "auto") => {
+    setTheme(newTheme);
   };
 
   const handlePermissionResponse = useCallback(
@@ -1265,7 +1285,13 @@ const App = () => {
   return (
     <ConfigProvider
       theme={{
-        algorithm: theme === "dark" ? antdTheme.darkAlgorithm : antdTheme.defaultAlgorithm,
+        algorithm: theme === "dark"
+          ? antdTheme.darkAlgorithm
+          : theme === "light"
+          ? antdTheme.defaultAlgorithm
+          : (window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches
+            ? antdTheme.darkAlgorithm
+            : antdTheme.defaultAlgorithm),
         token: {
           colorPrimary: "#f97316",
         },
@@ -1283,6 +1309,8 @@ const App = () => {
           onConnectToggle={handleConnect}
           wallpaper={wallpaper}
           onWallpaperChange={handleWallpaperChange}
+          theme={theme}
+          onThemeChange={setThemeMode}
         />
         <NewTaskModal
           isOpen={isNewTaskOpen}
@@ -1301,7 +1329,7 @@ const App = () => {
           onRenameTask={handleRenameTask}
           onOpenSettings={() => setIsSettingsOpen(true)}
           theme={theme}
-          onToggleTheme={toggleTheme}
+          onThemeChange={setThemeMode}
         />
 
         {/* Main Chat Area */}