From a2c4315e99a2b361f3d8c36a823cc244fd5dd030 Mon Sep 17 00:00:00 2001
From: weishu <twsxtd@gmail.com>
Date: Sat, 3 Jan 2026 16:09:07 +0800
Subject: [PATCH] fix: allow dismissing PWA install prompt in Chrome/Edge

Add close button to Chrome/Edge install prompt and respect dismissed state
when determining if prompt can be shown. iOS version already had dismiss
capability, so this brings feature parity across all supported browsers.
---
 web/src/components/InstallPrompt.tsx | 10 ++++++++++
 web/src/hooks/usePWAInstall.ts       |  2 +-
 2 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/web/src/components/InstallPrompt.tsx b/web/src/components/InstallPrompt.tsx
index 416baf1f..feaa6dd7 100644
--- a/web/src/components/InstallPrompt.tsx
+++ b/web/src/components/InstallPrompt.tsx
@@ -145,6 +145,16 @@ export function InstallPrompt() {
                 >
                     Install
                 </button>
+                <button
+                    onClick={() => {
+                        haptic.impact('light')
+                        dismissInstall()
+                    }}
+                    className="shrink-0 p-2 text-[var(--app-hint)] active:opacity-60"
+                    aria-label="Dismiss"
+                >
+                    <CloseIcon className="w-4 h-4" />
+                </button>
             </div>
         </div>
     )
diff --git a/web/src/hooks/usePWAInstall.ts b/web/src/hooks/usePWAInstall.ts
index 3b09d663..ec2b3efa 100644
--- a/web/src/hooks/usePWAInstall.ts
+++ b/web/src/hooks/usePWAInstall.ts
@@ -117,7 +117,7 @@ export function usePWAInstall(): {
 
     return {
         installState,
-        canInstall: installState === 'available',
+        canInstall: installState === 'available' && !dismissed,
         canInstallIOS: isIOS && !isStandalone && !dismissed,
         isStandalone,
         isIOS,