From 8d13e868bd9b9efed7a6088eb59052ab23548613 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=AD=94=E4=BB=A4=E5=BC=98?= <ink29535@proton.me>
Date: Fri, 4 Sep 2026 11:24:21 +0800
Subject: [PATCH] =?UTF-8?q?AGC=20=E6=9B=B4=E6=96=B0=E6=8F=90=E7=A4=BA?=
 =?UTF-8?q?=E5=A2=9E=E5=8A=A0=20X=20=E5=85=B3=E9=97=AD=E6=8C=89=E9=92=AE?=
 =?UTF-8?q?=20(#276)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

## 变更内容
- 为 AGC 更新提示增加可访问的 X 关闭按钮。
- 复用现有 dismiss 逻辑，手动关闭后立即移除提示。
- 增加关闭按钮的 hover、禁用和图标样式。

## 验证
- npm --prefix apps/ai-game-creator-shell run typecheck
- npm exec vitest run apps/ai-game-creator-shell/tests/appUpdate.test.ts
- npm run check:encoding
- git diff --check

Reviewed-on: http://192.168.35.82/git/GenarrativeAI/Genarrative/pulls/276
Reviewed-by: 段舒康 <kdletters@qq.com>
Co-authored-by: 孔令弘 <ink29535@proton.me>
Co-committed-by: 孔令弘 <ink29535@proton.me>
---
 .../src/components/AppUpdateNotice.tsx        | 12 ++++++++++-
 apps/ai-game-creator-shell/src/styles.css     | 21 +++++++++++++++++++
 2 files changed, 32 insertions(+), 1 deletion(-)

diff --git a/apps/ai-game-creator-shell/src/components/AppUpdateNotice.tsx b/apps/ai-game-creator-shell/src/components/AppUpdateNotice.tsx
index 7cc1c8444..fa9630719 100644
--- a/apps/ai-game-creator-shell/src/components/AppUpdateNotice.tsx
+++ b/apps/ai-game-creator-shell/src/components/AppUpdateNotice.tsx
@@ -1,5 +1,5 @@
 import { listen } from '@tauri-apps/api/event';
-import { Download, LoaderCircle } from 'lucide-react';
+import { Download, LoaderCircle, X } from 'lucide-react';
 import { useEffect, useState } from 'react';
 
 import { APP_VERSION } from '../app/appMetadata';
@@ -117,6 +117,16 @@ export function AppUpdateNotice() {
         >
           {isDownloading ? '正在下载…' : '下载更新'}
         </button>
+        <button
+          type="button"
+          className="app-update-close"
+          onClick={dismiss}
+          disabled={isDownloading}
+          aria-label="关闭更新提示"
+          title="关闭"
+        >
+          <X size={18} aria-hidden="true" />
+        </button>
       </aside>
       {downloadState !== 'idle' ? (
         <div
diff --git a/apps/ai-game-creator-shell/src/styles.css b/apps/ai-game-creator-shell/src/styles.css
index 0d8b31f97..dbac2f8dc 100644
--- a/apps/ai-game-creator-shell/src/styles.css
+++ b/apps/ai-game-creator-shell/src/styles.css
@@ -75,6 +75,27 @@ body {
   cursor: wait;
   opacity: 0.65;
 }
+.app-update-notice .app-update-close {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 28px;
+  height: 28px;
+  padding: 0;
+  border: 0;
+  border-radius: 6px;
+  background: transparent;
+  color: #8d6a58;
+  cursor: pointer;
+}
+.app-update-notice .app-update-close:hover {
+  background: rgb(199 101 61 / 12%);
+  color: #4a220f;
+}
+.app-update-notice .app-update-close:disabled {
+  cursor: wait;
+  opacity: 0.5;
+}
 
 .app-update-overlay {
   position: fixed;