@amd-gaia/agent-ui 0.25.1 → 0.25.2-rc.1

package/dist/index.html

@@ -8,7 +8,7 @@
     <meta name="theme-color" content="#1A1917" />
     <link rel="icon" type="image/png" href="./favicon.png" />
     <title>GAIA Agent UI</title>
-  <script type="module" crossorigin src="./assets/index-D-noqAc3.js"></script>
+  <script type="module" crossorigin src="./assets/index-BC-t_v_0.js"></script>
   <link rel="modulepreload" crossorigin href="./assets/rolldown-runtime-XKyaHtl9.js">
   <link rel="modulepreload" crossorigin href="./assets/apiBase-BmPG2Rib.js">
   <link rel="stylesheet" crossorigin href="./assets/index-CtsaRdvF.css">

package/main.cjs

@@ -106,6 +106,7 @@ const { createStartupDeepLinkQueue } = require("./services/deep-link-queue.cjs")
 const { installWindowKeys } = require("./services/window-keys.cjs");
 const { installQuitCleanup } = require("./services/quit-cleanup.cjs");
 const { chromiumSwitches } = require("./services/chromium-switches.cjs");
+const { titleBarKind, titleBarOptions } = require("./services/window-frame.cjs");
 
 // No ozone switch: Electron 38+ already picks Wayland or X11, and users override with --ozone-platform=x11.
 for (const [name, value] of chromiumSwitches({ platform: process.platform, env: process.env })) {
@@ -523,32 +524,18 @@ function reportBlockedLink(url) {
     );
 }
 
-// No system title bar: the app's own top row is the window's top edge, and
-// the native window controls are drawn into it (traffic lights on macOS).
-// Keep the height in sync with --titlebar-h in src/styles/index.css. The
-// renderer sends its canvas and text colors once it paints; until then the
-// controls use the dark canvas, like the window background.
-const TITLE_BAR_HEIGHT = 48;
-const TITLE_BAR_INITIAL = { color: "#1A1917", symbolColor: "#EFECE6" };
-const IS_MAC = process.platform === "darwin";
+// Windows and macOS draw the native controls into the app's own top row; Linux
+// keeps the system frame (services/window-frame.cjs).
+const TITLE_BAR_KIND = titleBarKind(process.platform);
 const HEX_COLOR = /^#[0-9a-fA-F]{6}$/;
 
-function titleBarOptions() {
-  return IS_MAC
-    ? { titleBarStyle: "hidden", trafficLightPosition: { x: 16, y: 16 } }
-    : {
-        titleBarStyle: "hidden",
-        titleBarOverlay: { ...TITLE_BAR_INITIAL, height: TITLE_BAR_HEIGHT },
-      };
-}
-
 // The renderer sends its canvas and text colors so the controls match the theme.
 ipcMain.handle("window:set-titlebar-colors", (_event, colors) => {
   const { color, symbolColor } = colors || {};
   if (!HEX_COLOR.test(color) || !HEX_COLOR.test(symbolColor)) {
     throw new Error(`Title bar colors must be #rrggbb, got ${JSON.stringify(colors)}`);
   }
-  if (!IS_MAC && mainWindow && !mainWindow.isDestroyed()) {
+  if (TITLE_BAR_KIND === "overlay" && mainWindow && !mainWindow.isDestroyed()) {
     mainWindow.setTitleBarOverlay({ color, symbolColor });
   }
   return true;
@@ -567,7 +554,7 @@ function titleDownloadSaveDialogs() {
 
 function createWindow() {
   mainWindow = new BrowserWindow({
-    ...titleBarOptions(),
+    ...titleBarOptions(process.platform),
     width: windowConfig.width,
     height: windowConfig.height,
     minWidth: windowConfig.minWidth,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@amd-gaia/agent-ui",
-  "version": "0.25.1",
+  "version": "0.25.2-rc.1",
   "type": "module",
   "productName": "GAIA Agent UI",
   "description": "Chat with the GAIA agent - local and private by default on AMD Ryzen AI, cloud models when you choose them",
@@ -73,7 +73,7 @@
     "@types/react": "^19.2.17",
     "@types/react-dom": "^19.2.3",
     "@vitejs/plugin-react": "^6.0.2",
-    "electron": "^44.5.1",
+    "electron": "^45.0.0",
     "electron-builder": "^26.8.1",
     "jsdom": "^30.0.1",
     "json-schema-to-typescript": "16.0.0",

package/preload.cjs

@@ -87,10 +87,14 @@ contextBridge.exposeInMainWorld("gaiaAPI", {
 });
 
 // ── Window frame ─────────────────────────────────────────────────────────
-// The app draws its own top row; this says how the native controls sit in it.
+// Says whether the app draws its own top row and where the native controls sit in it.
 contextBridge.exposeInMainWorld("gaiaWindow", {
-  /** "mac": traffic lights at the top left; "overlay": controls at the top right. */
-  titleBar: process.platform === "darwin" ? "mac" : "overlay",
+  /**
+   * "mac": traffic lights at the top left; "overlay": controls at the top right;
+   * "native": the system frame. Must match titleBarKind in services/window-frame.cjs
+   * (a sandboxed preload can't require it).
+   */
+  titleBar: { darwin: "mac", win32: "overlay" }[process.platform] || "native",
   /** Match the native window controls to the app: { color, symbolColor } as #rrggbb. */
   setColors: (colors) => ipcRenderer.invoke("window:set-titlebar-colors", colors),
 });

package/services/window-frame.cjs

@@ -0,0 +1,41 @@
+// Copyright(C) 2026 Advanced Micro Devices, Inc. All rights reserved.
+// SPDX-License-Identifier: MIT
+
+/**
+ * How the main window's frame is drawn on each platform. Pure so the
+ * BrowserWindow options are testable without launching Electron.
+ *
+ * - "mac": no title bar; the traffic lights sit over the app's top row.
+ * - "overlay" (Windows): no title bar; Chromium draws the controls over it.
+ * - "native" (Linux): the system frame. GNOME Wayland has no server-side
+ *   decorations, so a hidden title bar there loses its controls.
+ */
+
+// Keep in sync with --titlebar-h in src/styles/index.css.
+const TITLE_BAR_HEIGHT = 48;
+// Until the renderer sends its theme colors, the controls use the dark canvas.
+const TITLE_BAR_INITIAL = { color: "#1A1917", symbolColor: "#EFECE6" };
+
+/** @returns {"mac" | "overlay" | "native"} */
+function titleBarKind(platform) {
+  if (platform === "darwin") return "mac";
+  if (platform === "win32") return "overlay";
+  return "native";
+}
+
+/** BrowserWindow options that set up the frame, spread into the constructor. */
+function titleBarOptions(platform) {
+  switch (titleBarKind(platform)) {
+    case "mac":
+      return { titleBarStyle: "hidden", trafficLightPosition: { x: 16, y: 16 } };
+    case "overlay":
+      return {
+        titleBarStyle: "hidden",
+        titleBarOverlay: { ...TITLE_BAR_INITIAL, height: TITLE_BAR_HEIGHT },
+      };
+    default:
+      return {};
+  }
+}
+
+module.exports = { TITLE_BAR_HEIGHT, titleBarKind, titleBarOptions };