gaoyangz77
diff --git a/‎apps/desktop/build/icon.png‎
-23.9 KB b/‎apps/desktop/build/icon.png‎
-23.9 KB
diff --git a/‎apps/desktop/src/main.ts‎
Lines changed: 10 additions & 1 deletion b/‎apps/desktop/src/main.ts‎
Lines changed: 10 additions & 1 deletion
diff --git a/‎apps/desktop/src/tray-icon.ts‎
Lines changed: 10 additions & 5 deletions b/‎apps/desktop/src/tray-icon.ts‎
Lines changed: 10 additions & 5 deletions
diff --git a/‎apps/panel/index.html‎
Lines changed: 1 addition & 1 deletion b/‎apps/panel/index.html‎
Lines changed: 1 addition & 1 deletion
diff --git a/‎apps/panel/public/favicon.ico‎
-16.6 KB b/‎apps/panel/public/favicon.ico‎
-16.6 KB
@@ -1,4 +1,4 @@
-import { app, BrowserWindow, Menu, Tray, shell, dialog } from "electron";
+import { app, BrowserWindow, Menu, Tray, shell, dialog, nativeImage } from "electron";
 import { createLogger, enableFileLogging } from "@easyclaw/logger";
 import {
   GatewayLauncher,
@@ -52,6 +52,14 @@ import { createGatewayConfigBuilder } from "./gateway-config-builder.js";
 
 const log = createLogger("desktop");
 
+function setDockIcon(): void {
+  const iconPath = resolve(dirname(fileURLToPath(import.meta.url)), "../build/icon.png");
+  const icon = nativeImage.createFromPath(iconPath);
+  if (!icon.isEmpty()) {
+    app.dock?.setIcon(icon);
+  }
+}
+
 const PANEL_URL = process.env.PANEL_DEV_URL || `http://127.0.0.1:${resolvePanelPort()}`;
 // Resolve Volcengine STT CLI script path.
 // In packaged app: bundled into Resources/.
@@ -218,6 +226,7 @@ app.whenReady().then(async () => {
   // (which also prevents child processes like the gateway from showing dock icons).
   // We explicitly show it for the main process here.
   app.dock?.show();
+  setDockIcon();
 
   // --- Device ID ---
   let deviceId: string;
 
@@ -1,10 +1,13 @@
-import { nativeImage } from "electron";
+import { app, nativeImage } from "electron";
 import type { NativeImage } from "electron";
 import type { GatewayState } from "@easyclaw/gateway";
 import { resolve, dirname } from "node:path";
 import { fileURLToPath } from "node:url";
 
 const __dirname = dirname(fileURLToPath(import.meta.url));
+const DEV_TRAY_ICON_PATH = resolve(__dirname, "../../panel/public/logo.png");
+const PACKAGED_TRAY_ICON_PATH = resolve(__dirname, "../build/[email protected]");
+const TRAY_ICON_SIZE = 44;
 
 /**
  * Color palette for state indicator dot.
@@ -20,12 +23,14 @@ const STATE_COLORS: Record<GatewayState, [number, number, number]> = {
 /**
  * Create a tray icon from the app logo PNG with a colored status dot overlay.
  *
- * Uses build/[email protected] (64x64) as base, displayed at 32x32 on retina.
+ * In dev, load the panel logo directly so icon tweaks are reflected immediately.
+ * In packaged builds, use the bundled tray PNG.
  * Overlays a small colored circle in the bottom-right corner to indicate gateway state.
  */
 export function createTrayIcon(state: GatewayState): NativeImage {
-  const iconPath = resolve(__dirname, "../build/[email protected]");
-  const base = nativeImage.createFromPath(iconPath);
+  const iconPath = app.isPackaged ? PACKAGED_TRAY_ICON_PATH : DEV_TRAY_ICON_PATH;
+  const source = nativeImage.createFromPath(iconPath);
+  const base = source.resize({ width: TRAY_ICON_SIZE, height: TRAY_ICON_SIZE });
 
   // Get the raw RGBA bitmap
   const size = base.getSize();
@@ -36,7 +41,7 @@ export function createTrayIcon(state: GatewayState): NativeImage {
 
   // Draw a state indicator dot in the bottom-right corner
   const [r, g, b] = STATE_COLORS[state];
-  const dotRadius = Math.round(w * 0.18); // ~18% of icon size
+  const dotRadius = Math.round(TRAY_ICON_SIZE * 0.18); // ~18% of the visible icon size
   const cx = w - dotRadius - 1;
   const cy = h - dotRadius - 1;
 
 
@@ -3,7 +3,7 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <link rel="icon" href="/favicon.ico" />
+    <link rel="icon" href="/logo.png" />
     <title>EasyClaw</title>
   </head>
   <body>