Merge remote-tracking branch 'origin/master' into codex/bark-battle

src/components/rpg-entry/RpgEntryHomeView.tsx

@@ -1,5 +1,6 @@
 import {
   AlertCircle,
+  Archive,
   ArrowRight,
   BookOpen,
   Camera,
@@ -130,6 +131,7 @@ import {
   isBarkBattleGalleryEntry,
   isBigFishGalleryEntry,
   isEdutainmentGalleryEntry,
+  isJumpHopGalleryEntry,
   isMatch3DGalleryEntry,
   isPuzzleGalleryEntry,
   isSquareHoleGalleryEntry,
@@ -234,7 +236,8 @@ const WECHAT_JS_SDK_URL = 'https://res.wx.qq.com/open/js/jweixin-1.6.0.js';
 const WECHAT_PAY_CONFIRM_RETRY_DELAYS_MS = [800, 1600, 3000] as const;
 const WECHAT_NATIVE_PAY_QR_IMAGE_SIZE = 180;
 
-type ProfilePopupPanel = 'invite' | 'redeem' | 'community';
+type ProfileReferralPanel = 'invite' | 'redeem' | 'community';
+type ProfilePopupPanel = ProfileReferralPanel | 'saveArchives';
 type RechargeTab = 'points' | 'membership';
 type WechatMiniProgramPaymentStatus = 'success' | 'fail' | 'cancel';
 type WechatPayResult = {
@@ -1209,13 +1212,21 @@ function PlatformTabButton({
       className={`platform-bottom-nav__button ${emphasized ? 'platform-bottom-nav__button--primary' : ''} ${active ? 'platform-bottom-nav__button--active' : ''}`}
     >
       <span className="platform-bottom-nav__button-content">
-        <span className="platform-bottom-nav__icon-shell">
+        <span
+          className={`platform-bottom-nav__icon-shell ${emphasized ? 'platform-bottom-nav__primary-action' : ''}`}
+        >
           <Icon className="platform-bottom-nav__icon" />
           {showDot ? (
             <span aria-hidden="true" className="platform-nav-unread-dot" />
           ) : null}
         </span>
         <span className="platform-bottom-nav__label">{label}</span>
+        {active ? (
+          <span
+            aria-hidden="true"
+            className="platform-bottom-nav__active-mark"
+          />
+        ) : null}
       </span>
     </button>
   );
@@ -3358,7 +3369,7 @@ function ProfileReferralModal({
   onRedeemCodeChange,
   onSubmitRedeemCode,
 }: {
-  panel: ProfilePopupPanel;
+  panel: ProfileReferralPanel;
   center: ProfileReferralInviteCenterResponse | null;
   isLoading: boolean;
   isSubmittingRedeem: boolean;
@@ -3529,6 +3540,66 @@ function ProfileReferralModal({
   );
 }
 
+function ProfileSaveArchivesModal({
+  saveEntries,
+  saveError,
+  isResumingSaveWorldKey,
+  onClose,
+  onResumeSave,
+}: {
+  saveEntries: ProfileSaveArchiveSummary[];
+  saveError: string | null;
+  isResumingSaveWorldKey: string | null;
+  onClose: () => void;
+  onResumeSave: (entry: ProfileSaveArchiveSummary) => void;
+}) {
+  return (
+    <div className="fixed inset-0 z-[80] flex items-center justify-center bg-black/48 px-3 py-5">
+      <div className="relative max-h-[min(92vh,42rem)] w-full max-w-[38rem] overflow-hidden rounded-[1.35rem] bg-white text-zinc-950 shadow-2xl">
+        <button
+          type="button"
+          onClick={onClose}
+          className="absolute right-3 top-3 z-10 flex h-8 w-8 items-center justify-center rounded-full bg-white/80 text-[#ff4056] shadow-sm"
+          aria-label="关闭存档"
+        >
+          ×
+        </button>
+        <div className="max-h-[min(92vh,42rem)] overflow-y-auto px-4 pb-5 pt-4 sm:px-5">
+          <div className="pr-10">
+            <div className="text-[10px] font-black tracking-[0.22em] text-[#ff4056]">
+              SAVES
+            </div>
+            <div className="mt-1 text-2xl font-black">存档</div>
+          </div>
+
+          {saveError ? (
+            <div className="mt-4 rounded-xl border border-rose-200 bg-rose-50 px-3 py-2 text-sm text-rose-700">
+              {saveError}
+            </div>
+          ) : null}
+
+          {saveEntries.length > 0 ? (
+            <div className="mt-5 grid gap-3">
+              {saveEntries.map((entry) => (
+                <SaveArchiveCard
+                  key={`${entry.worldKey}:profile-archive`}
+                  entry={entry}
+                  loading={isResumingSaveWorldKey === entry.worldKey}
+                  onClick={() => onResumeSave(entry)}
+                />
+              ))}
+            </div>
+          ) : (
+            <div className="mt-5 rounded-xl bg-zinc-50 px-4 py-5 text-center text-sm font-semibold text-zinc-500">
+              暂无存档
+            </div>
+          )}
+        </div>
+      </div>
+    </div>
+  );
+}
+
 function ProfilePlayedWorksModal({
   stats,
   isLoading,
@@ -4556,7 +4627,7 @@ export function RpgEntryHomeView({
 
     loadReferralCenter();
   }, [activeTab, authUi?.user?.createdAt, isAuthenticated, loadReferralCenter]);
-  const openProfilePopupPanel = (panel: ProfilePopupPanel) => {
+  const openProfilePopupPanel = (panel: ProfileReferralPanel) => {
     setProfilePopupPanel(panel);
     setReferralError(null);
     setReferralSuccess(null);
@@ -5894,6 +5965,16 @@ export function RpgEntryHomeView({
                 icon={showRechargeEntry ? Coins : Ticket}
                 onClick={openRechargeOrRewardCodeModal}
               />
+              <ProfileShortcutButton
+                label="存档"
+                subLabel={
+                  saveEntries.length > 0
+                    ? `${saveEntries.length}个可继续`
+                    : '继续游玩'
+                }
+                icon={Archive}
+                onClick={() => setProfilePopupPanel('saveArchives')}
+              />
               {showRechargeEntry ? (
                 <ProfileShortcutButton
                   label="兑换码"
@@ -6491,7 +6572,15 @@ export function RpgEntryHomeView({
             ))}
           </div>
         </div>
-        {profilePopupPanel ? (
+        {profilePopupPanel === 'saveArchives' ? (
+          <ProfileSaveArchivesModal
+            saveEntries={saveEntries}
+            saveError={saveError}
+            isResumingSaveWorldKey={isResumingSaveWorldKey}
+            onClose={() => setProfilePopupPanel(null)}
+            onResumeSave={onResumeSave}
+          />
+        ) : profilePopupPanel ? (
           <ProfileReferralModal
             panel={profilePopupPanel}
             center={referralCenter}
@@ -6656,7 +6745,15 @@ export function RpgEntryHomeView({
           onClaim={claimTaskReward}
         />
       ) : null}
-      {profilePopupPanel ? (
+      {profilePopupPanel === 'saveArchives' ? (
+        <ProfileSaveArchivesModal
+          saveEntries={saveEntries}
+          saveError={saveError}
+          isResumingSaveWorldKey={isResumingSaveWorldKey}
+          onClose={() => setProfilePopupPanel(null)}
+          onResumeSave={onResumeSave}
+        />
+      ) : profilePopupPanel ? (
         <ProfileReferralModal
           panel={profilePopupPanel}
           center={referralCenter}