From 71eb3f240deeb665982259d62e806e2408637a50 Mon Sep 17 00:00:00 2001
From: Linghong <ink29535@proton.me>
Date: Thu, 3 Sep 2026 12:16:44 +0000
Subject: [PATCH] =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E6=9B=B4=E6=96=B0=E6=8F=90?=
 =?UTF-8?q?=E7=A4=BA=E5=85=B3=E9=97=AD=E6=8C=89=E9=92=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

为 AGC 更新提示增加可访问的 X 关闭按钮

补充关闭按钮的 hover、禁用与布局样式
---
 .../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;
-- 
2.52.0