chore: 保存工作副本——客户端授权新契约(双端点/验签/令牌/周检)与桌面会话可靠性改进

src/components/pro/UpgradeWall.tsx

@@ -4,11 +4,8 @@
 
 import { useTranslation } from 'react-i18next'
 import { Crown, Sparkles, X } from 'lucide-react'
-import {
-  proFeatureLabel,
-  useEntitlementStore,
-  type ProFeature,
-} from '../../stores/entitlementStore'
+import { proFeatureLabel, useEntitlementStore, type ProFeature } from '../../stores/entitlementStore'
+import AppOverlay from '../common/AppOverlay'
 
 export default function UpgradeWall() {
   const { t } = useTranslation('common')
@@ -23,16 +20,20 @@ export default function UpgradeWall() {
   const comingSoon = wall.comingSoon
 
   return (
-    <div
-      className="fixed inset-0 z-[120] flex items-center justify-center bg-black/65 p-4 backdrop-blur-sm"
-      role="dialog"
-      aria-modal="true"
-      aria-labelledby="upgrade-wall-title"
-      onClick={closeWall}
+    <AppOverlay
+      open
+      className="z-[120] flex items-center justify-center bg-black/65 p-4 backdrop-blur-sm"
+      onMouseDown={(event) => {
+        if (event.target === event.currentTarget) closeWall()
+      }}
     >
       <div
-        className="relative w-full max-w-md overflow-hidden rounded-2xl border border-dark-600/80 bg-dark-800 shadow-2xl"
+        className="border-dark-600/80 relative w-full max-w-md overflow-hidden rounded-2xl border bg-dark-800 shadow-2xl"
+        role="dialog"
+        aria-modal="true"
+        aria-labelledby="upgrade-wall-title"
         onClick={(e) => e.stopPropagation()}
+        onMouseDown={(e) => e.stopPropagation()}
       >
         <button
           type="button"
@@ -43,7 +44,7 @@ export default function UpgradeWall() {
           <X className="h-4 w-4" />
         </button>
 
-        <div className="border-b border-dark-700/50 bg-gradient-to-br from-accent-blue/15 to-transparent px-6 pb-5 pt-6">
+        <div className="border-dark-700/50 border-b bg-gradient-to-br from-accent-blue/15 to-transparent px-6 pb-5 pt-6">
           <div className="mb-3 flex h-10 w-10 items-center justify-center rounded-xl bg-accent-blue/20 text-accent-blue">
             <Crown className="h-5 w-5" />
           </div>
@@ -80,6 +81,6 @@ export default function UpgradeWall() {
           </button>
         </div>
       </div>
-    </div>
+    </AppOverlay>
   )
 }