v0.2.3: 修复 Windows 焦点问题、托盘图标、自动更新模块

Bug 修复:
- 修复 Windows 删除 Prompt 后输入框无法输入的问题（原生 confirm 对话框焦点丢失）
- 修复 Windows 托盘图标显示为透明的问题
- 修复打包后关于页面图标不显示的问题
- 修复自动更新模块加载失败的问题（改为静态导入）

优化:
- 使用自定义 ConfirmDialog 替代原生 confirm，提升 Windows 兼容性
- 优化托盘图标加载逻辑，添加备用路径

Author: legeling

README.md

@@ -7,7 +7,7 @@
   <p>
     <a href="https://github.com/legeling/PromptHub/stargazers"><img src="https://img.shields.io/github/stars/legeling/PromptHub?style=flat-square&color=yellow" alt="GitHub Stars"/></a>
     <a href="https://github.com/legeling/PromptHub/network/members"><img src="https://img.shields.io/github/forks/legeling/PromptHub?style=flat-square" alt="GitHub Forks"/></a>
-    <a href="https://github.com/legeling/PromptHub/releases"><img src="https://img.shields.io/badge/version-v0.2.2-green?style=flat-square" alt="Version"/></a>
+    <a href="https://github.com/legeling/PromptHub/releases"><img src="https://img.shields.io/badge/version-v0.2.3-green?style=flat-square" alt="Version"/></a>
     <a href="https://github.com/legeling/PromptHub/releases"><img src="https://img.shields.io/github/downloads/legeling/PromptHub/total?style=flat-square&color=blue" alt="Downloads"/></a>
     <img src="https://img.shields.io/badge/license-AGPL--3.0-blue?style=flat-square" alt="License: AGPL-3.0"/>
   </p>
@@ -247,6 +247,17 @@ PromptHub/
 
 ## 📝 更新日志
 
+### v0.2.3 (2025-12-08)
+**修复**
+- 🐛 修复 Windows 删除 Prompt 后输入框无法输入的问题（原生 confirm 对话框焦点丢失）
+- 🐛 修复 Windows 托盘图标显示为透明的问题
+- 🐛 修复打包后关于页面图标不显示的问题
+- 🐛 修复自动更新模块加载失败的问题（改为静态导入）
+
+**优化**
+- 🎨 使用自定义确认对话框替代原生 confirm，提升 Windows 兼容性
+- 🎨 优化托盘图标加载逻辑，添加备用路径
+
 ### v0.2.2 (2025-12-08)
 **修复**
 - 🐛 修复关于页面版本号硬编码问题（现在动态获取）

docs/README.en.md

@@ -7,7 +7,7 @@
   <p>
     <a href="https://github.com/legeling/PromptHub/stargazers"><img src="https://img.shields.io/github/stars/legeling/PromptHub?style=flat-square&color=yellow" alt="GitHub Stars"/></a>
     <a href="https://github.com/legeling/PromptHub/network/members"><img src="https://img.shields.io/github/forks/legeling/PromptHub?style=flat-square" alt="GitHub Forks"/></a>
-    <a href="https://github.com/legeling/PromptHub/releases"><img src="https://img.shields.io/badge/version-v0.2.2-green?style=flat-square" alt="Version"/></a>
+    <a href="https://github.com/legeling/PromptHub/releases"><img src="https://img.shields.io/badge/version-v0.2.3-green?style=flat-square" alt="Version"/></a>
     <a href="https://github.com/legeling/PromptHub/releases"><img src="https://img.shields.io/github/downloads/legeling/PromptHub/total?style=flat-square&color=blue" alt="Downloads"/></a>
     <img src="https://img.shields.io/badge/license-AGPL--3.0-blue?style=flat-square" alt="License: AGPL-3.0"/>
   </p>
@@ -230,6 +230,17 @@ PromptHub/
 
 ## 📝 Changelog
 
+### v0.2.3 (2025-12-08)
+**Bug Fixes**
+- 🐛 Fixed Windows input fields becoming unresponsive after deleting a Prompt (native confirm dialog focus issue)
+- 🐛 Fixed Windows tray icon appearing transparent
+- 🐛 Fixed About page icon not showing in packaged app
+- 🐛 Fixed auto-updater module failing to load (switched to static import)
+
+**Improvements**
+- 🎨 Replaced native confirm dialog with custom ConfirmDialog for better Windows compatibility
+- 🎨 Improved tray icon loading logic with fallback paths
+
 ### v0.2.2 (2025-12-08)
 **Bug Fixes**
 - 🐛 Fixed hardcoded version number in About page (now fetched dynamically)

electron-builder.json

@@ -9,6 +9,24 @@
   "files": [
     "out/**/*"
   ],
+  "extraResources": [
+    {
+      "from": "resources/icon.ico",
+      "to": "icon.ico"
+    },
+    {
+      "from": "resources/icon.icns",
+      "to": "icon.icns"
+    },
+    {
+      "from": "resources/icon.iconset",
+      "to": "icon.iconset"
+    },
+    {
+      "from": "docs/imgs/icon.png",
+      "to": "icon.png"
+    }
+  ],
   "asarUnpack": [
     "**/*.node"
   ],

package.json

@@ -1,6 +1,6 @@
 {
   "name": "prompthub",
-  "version": "0.2.2",
+  "version": "0.2.3",
   "description": "一款开源、本地优先的 AI Prompt 管理工具，帮助你高效管理、版本控制和复用",
   "main": "out/main/index.js",
   "author": {

public/icon.png src/assets/icon.pngpublic/icon.png renamed to src/assets/icon.png

@@ -180,8 +180,17 @@ function createTray() {
       } else {
         iconPath = path.join(process.resourcesPath, 'icon.ico');
       }
+      console.log('Loading tray icon from:', iconPath);
       icon = nativeImage.createFromPath(iconPath);
-      icon = icon.resize({ width: 16, height: 16 });
+      if (icon.isEmpty()) {
+        console.error('Tray icon is empty, trying alternative path');
+        // 尝试备用路径
+        const altPath = path.join(process.resourcesPath, 'app.asar.unpacked', 'resources', 'icon.ico');
+        icon = nativeImage.createFromPath(altPath);
+      }
+      if (!icon.isEmpty()) {
+        icon = icon.resize({ width: 16, height: 16 });
+      }
     }
 
     tray = new Tray(icon);

src/main/index.ts

@@ -1,5 +1,6 @@
 import { BrowserWindow, ipcMain, app } from 'electron';
-import type { UpdateInfo as ElectronUpdateInfo, AppUpdater } from 'electron-updater';
+import type { UpdateInfo as ElectronUpdateInfo } from 'electron-updater';
+import { autoUpdater } from 'electron-updater';
 
 // 简化的更新信息类型（用于 IPC 传输）
 interface SimpleUpdateInfo {
@@ -51,7 +52,6 @@ function toSimpleInfo(info: ElectronUpdateInfo): SimpleUpdateInfo {
 }
 
 let mainWindow: BrowserWindow | null = null;
-let autoUpdater: AppUpdater | null = null;
 
 export interface UpdateStatus {
   status: 'checking' | 'available' | 'not-available' | 'downloading' | 'downloaded' | 'error';
@@ -60,37 +60,15 @@ export interface UpdateStatus {
   error?: string;
 }
 
-async function getAutoUpdater(): Promise<AppUpdater | null> {
-  if (autoUpdater) return autoUpdater;
-
-  try {
-    const module = await import('electron-updater');
-    autoUpdater = module.autoUpdater;
-
-    // 禁用自动下载，让用户选择
-    if (autoUpdater) {
-      autoUpdater.autoDownload = false;
-      autoUpdater.autoInstallOnAppQuit = true;
-    }
-
-    return autoUpdater;
-  } catch (error) {
-    console.error('Failed to load electron-updater:', error);
-    return null;
-  }
-}
-
-export async function initUpdater(win: BrowserWindow) {
+export function initUpdater(win: BrowserWindow) {
   mainWindow = win;
-  const updater = await getAutoUpdater();
 
-  if (!updater) {
-    console.warn('Auto updater not available');
-    return;
-  }
+  // 禁用自动下载，让用户选择
+  autoUpdater.autoDownload = false;
+  autoUpdater.autoInstallOnAppQuit = true;
 
   // 检查更新出错
-  updater.on('error', (error) => {
+  autoUpdater.on('error', (error) => {
     console.error('Update error:', error);
     let message = (error && (error as Error).message) || String(error);
     if (message.includes('ZIP file not provided')) {
@@ -104,13 +82,13 @@ export async function initUpdater(win: BrowserWindow) {
   });
 
   // 检查更新中
-  updater.on('checking-for-update', () => {
+  autoUpdater.on('checking-for-update', () => {
     console.info('Checking for update...');
     sendStatusToWindow({ status: 'checking' });
   });
 
   // 有可用更新
-  updater.on('update-available', (info) => {
+  autoUpdater.on('update-available', (info) => {
     console.info('Update available:', info.version);
     sendStatusToWindow({
       status: 'available',
@@ -119,7 +97,7 @@ export async function initUpdater(win: BrowserWindow) {
   });
 
   // 没有可用更新
-  updater.on('update-not-available', (info) => {
+  autoUpdater.on('update-not-available', (info) => {
     console.info('Update not available, current version is latest');
     sendStatusToWindow({
       status: 'not-available',
@@ -128,7 +106,7 @@ export async function initUpdater(win: BrowserWindow) {
   });
 
   // 下载进度
-  updater.on('download-progress', (progress: ProgressInfo) => {
+  autoUpdater.on('download-progress', (progress: ProgressInfo) => {
     console.info(`Download progress: ${progress.percent.toFixed(2)}%`);
     sendStatusToWindow({
       status: 'downloading',
@@ -137,7 +115,7 @@ export async function initUpdater(win: BrowserWindow) {
   });
 
   // 下载完成
-  updater.on('update-downloaded', (info) => {
+  autoUpdater.on('update-downloaded', (info) => {
     console.info('Update downloaded:', info.version);
     sendStatusToWindow({
       status: 'downloaded',
@@ -167,11 +145,7 @@ export function registerUpdaterIPC() {
       return { success: false, error: 'Update check disabled in development mode' };
     }
     try {
-      const updater = await getAutoUpdater();
-      if (!updater) {
-        return { success: false, error: '自动更新模块加载失败，请前往 GitHub Releases 手动下载：https://github.com/legeling/PromptHub/releases' };
-      }
-      const result = await updater.checkForUpdates();
+      const result = await autoUpdater.checkForUpdates();
       return { success: true, result };
     } catch (error) {
       const errMsg = (error as Error).message || String(error);
@@ -185,11 +159,7 @@ export function registerUpdaterIPC() {
       return { success: false, error: 'Download disabled in development mode' };
     }
     try {
-      const updater = await getAutoUpdater();
-      if (!updater) {
-        return { success: false, error: '自动更新模块不可用，请前往 GitHub Releases 手动下载：https://github.com/legeling/PromptHub/releases' };
-      }
-      await updater.downloadUpdate();
+      await autoUpdater.downloadUpdate();
       return { success: true };
     } catch (error) {
       const errMsg = (error as Error).message || String(error);
@@ -200,10 +170,7 @@ export function registerUpdaterIPC() {
   // 安装更新并重启
   ipcMain.handle('updater:install', async () => {
     if (!isDev) {
-      const updater = await getAutoUpdater();
-      if (updater) {
-        updater.quitAndInstall(false, true);
-      }
+      autoUpdater.quitAndInstall(false, true);
     }
   });
 }

src/main/updater.ts

@@ -1,11 +1,12 @@
-import { useState, useEffect, useMemo } from 'react';
+import { useState, useEffect, useMemo, useCallback } from 'react';
 import { usePromptStore } from '../../stores/prompt.store';
 import { useFolderStore } from '../../stores/folder.store';
 import { useSettingsStore } from '../../stores/settings.store';
 import { StarIcon, CopyIcon, HistoryIcon, HashIcon, SparklesIcon, EditIcon, TrashIcon, CheckIcon, PlayIcon, LoaderIcon, XIcon, GitCompareIcon, ClockIcon } from 'lucide-react';
 import { EditPromptModal, VersionHistoryModal, VariableInputModal, PromptListHeader, PromptListView, PromptTableView, AiTestModal, PromptDetailModal, PromptGalleryView } from '../prompt';
 import { ContextMenu, ContextMenuItem } from '../ui/ContextMenu';
 import { ImagePreviewModal } from '../ui/ImagePreviewModal';
+import { ConfirmDialog } from '../ui/ConfirmDialog';
 import { useToast } from '../ui/Toast';
 import { chatCompletion, buildMessagesFromPrompt, multiModelCompare, AITestResult } from '../../services/ai';
 import { useTranslation } from 'react-i18next';
@@ -85,6 +86,7 @@ export function MainContent() {
   const [isCompareVariableModalOpen, setIsCompareVariableModalOpen] = useState(false);
   const [previewImage, setPreviewImage] = useState<string | null>(null);
   const [contextMenu, setContextMenu] = useState<{ x: number; y: number; prompt: Prompt } | null>(null);
+  const [deleteConfirm, setDeleteConfirm] = useState<{ isOpen: boolean; prompt: Prompt | null }>({ isOpen: false, prompt: null });
   const renderMarkdownPref = useSettingsStore((state) => state.renderMarkdown);
   const setRenderMarkdownPref = useSettingsStore((state) => state.setRenderMarkdown);
   const [renderMarkdownEnabled, setRenderMarkdownEnabled] = useState(renderMarkdownPref);
@@ -397,12 +399,18 @@ export function MainContent() {
   };
 
   // 处理删除 Prompt（表格视图用）
-  const handleDeletePrompt = async (prompt: Prompt) => {
-    if (confirm(t('prompt.confirmDeletePrompt'))) {
-      await deletePrompt(prompt.id);
+  const handleDeletePrompt = useCallback((prompt: Prompt) => {
+    setDeleteConfirm({ isOpen: true, prompt });
+  }, []);
+
+  // 确认删除
+  const confirmDelete = useCallback(async () => {
+    if (deleteConfirm.prompt) {
+      await deletePrompt(deleteConfirm.prompt.id);
       showToast(t('prompt.promptDeleted'), 'success');
     }
-  };
+    setDeleteConfirm({ isOpen: false, prompt: null });
+  }, [deleteConfirm.prompt, deletePrompt, showToast, t]);
 
   // 处理 AI 测试（表格视图用 - 弹窗模式）
   const handleAiTestFromTable = (prompt: Prompt) => {
@@ -1054,12 +1062,7 @@ export function MainContent() {
                 <span>{t('prompt.history')}</span>
               </button>
               <button
-                onClick={async () => {
-                  if (confirm(t('prompt.confirmDeletePrompt'))) {
-                    await deletePrompt(selectedPrompt.id);
-                    showToast(t('prompt.promptDeleted'), 'success');
-                  }
-                }}
+                onClick={() => handleDeletePrompt(selectedPrompt)}
                 className="flex items-center gap-2 h-9 px-4 rounded-lg bg-destructive/10 border border-destructive/30 text-destructive text-sm font-medium hover:bg-destructive/20 transition-colors"
               >
                 <TrashIcon className="w-4 h-4" />
@@ -1162,6 +1165,18 @@ export function MainContent() {
         onClose={() => setPreviewImage(null)}
         imageSrc={previewImage}
       />
+
+      {/* 删除确认对话框 */}
+      <ConfirmDialog
+        isOpen={deleteConfirm.isOpen}
+        onClose={() => setDeleteConfirm({ isOpen: false, prompt: null })}
+        onConfirm={confirmDelete}
+        title={t('prompt.delete')}
+        message={t('prompt.confirmDeletePrompt')}
+        confirmText={t('common.confirm')}
+        cancelText={t('common.cancel')}
+        variant="destructive"
+      />
     </main>
   );
 }

src/renderer/components/layout/MainContent.tsx

@@ -1,4 +1,5 @@
 import { useState, useEffect } from 'react';
+import appIconUrl from '../../../assets/icon.png';
 import {
   SettingsIcon,
   PaletteIcon,
@@ -1801,7 +1802,7 @@ export function SettingsPage({ onBack }: SettingsPageProps) {
             {/* 应用信息卡片 */}
             <div className="text-center py-6">
               <div className="w-16 h-16 mx-auto mb-3 rounded-2xl overflow-hidden shadow-lg">
-                <img src="/icon.png" alt="PromptHub" className="w-full h-full object-cover" />
+                <img src={appIconUrl} alt="PromptHub" className="w-full h-full object-cover" />
               </div>
               <h2 className="text-lg font-semibold">PromptHub</h2>
               <p className="text-sm text-muted-foreground mt-1">{t('settings.version')} {appVersion || '...'}</p>