From fe6cdc3e232980c2005349d333fe21e256a1892e Mon Sep 17 00:00:00 2001
From: Claude <noreply@anthropic.com>
Date: Mon, 30 Mar 2026 10:17:05 +0000
Subject: [PATCH 1/3] Remove passcode card, unlock 4K for API key users, remove
 testimonials
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Remove the "购买口令 (Passcode)" card from API config modal
- Update Google AI Studio card to show it supports both 2K & 4K
- Allow API key users to freely switch between 2K and 4K resolution
- Remove the 4K lock/paywall on the ActionBar resolution switcher
- Remove the Testimonial/user reviews section from the landing page
- Update tip text and descriptions in both EN and CN translations

https://claude.ai/code/session_01H5FEdv4GpVDie8N5tsigdR
---
 src/App.tsx                           |  5 --
 src/components/modals/ApiKeyModal.tsx | 93 ++-------------------------
 src/components/viewer/ActionBar.tsx   | 32 ++-------
 src/hooks/useImageProcessing.ts       |  8 +--
 src/i18n/translations.ts              | 12 ++--
 5 files changed, 19 insertions(+), 131 deletions(-)

diff --git a/src/App.tsx b/src/App.tsx
index 8584afe..74ef30d 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -6,7 +6,6 @@ import {
   Zap,
   AlertCircle
 } from 'lucide-react';
-import { Testimonial } from './components/ui/Testimonial';
 
 // Hooks
 import { useAuth } from './hooks/useAuth';
@@ -426,10 +425,6 @@ const App: React.FC = () => {
               </div>
             </div>
 
-            {/* Social Proof (Testimonial) */}
-            <div className="mt-8 mb-12">
-              <Testimonial lang={lang} />
-            </div>
           </div>
         )}
 
diff --git a/src/components/modals/ApiKeyModal.tsx b/src/components/modals/ApiKeyModal.tsx
index f080e13..d4a8e90 100644
--- a/src/components/modals/ApiKeyModal.tsx
+++ b/src/components/modals/ApiKeyModal.tsx
@@ -1,6 +1,5 @@
 import React, { useState, useEffect } from 'react';
-import { Key, X, ExternalLink, ShieldCheck, Save, Eye, EyeOff, Zap, Copy, Check } from 'lucide-react';
-import wechatQr from '../../assets/wechat.png';
+import { Key, X, ExternalLink, ShieldCheck, Save, Eye, EyeOff } from 'lucide-react';
 import { QuotaInfo } from '../../types';
 import { TRANSLATIONS } from '../../i18n/translations';
 
@@ -16,9 +15,6 @@ export const ApiKeyModal: React.FC<ApiKeyModalProps> = ({ isOpen, onClose, onSav
     const [showKey, setShowKey] = useState(false);
     const [verifying, setVerifying] = useState(false);
     const [error, setError] = useState('');
-    const [copied, setCopied] = useState(false);
-    const [showQr, setShowQr] = useState(false);
-
     // Dictionary
     const t = TRANSLATIONS[lang];
 
@@ -33,12 +29,6 @@ export const ApiKeyModal: React.FC<ApiKeyModalProps> = ({ isOpen, onClose, onSav
         }
     }, [isOpen]);
 
-    const copyWechat = () => {
-        navigator.clipboard.writeText('JaffryD');
-        setCopied(true);
-        setTimeout(() => setCopied(false), 2000);
-    };
-
     const handleSubmit = async (e: React.FormEvent) => {
         e.preventDefault();
         const value = apiKey.trim();
@@ -163,14 +153,13 @@ export const ApiKeyModal: React.FC<ApiKeyModalProps> = ({ isOpen, onClose, onSav
                         </div>
                     </div>
 
-                    {/* Options Grid */}
-                    <div className="grid grid-cols-1 sm:grid-cols-2 gap-3">
-                        {/* Option A: Google */}
+                    {/* Get API Key */}
+                    <div className="flex justify-center">
                         <a
                             href="https://aistudio.google.com/app/apikey"
                             target="_blank"
                             rel="noreferrer"
-                            className="group relative p-3 rounded-xl border border-zinc-200 dark:border-white/10 hover:border-indigo-500/30 hover:bg-indigo-50/50 dark:hover:bg-indigo-500/5 transition-all flex flex-col gap-2"
+                            className="group relative w-full p-4 rounded-xl border border-zinc-200 dark:border-white/10 hover:border-indigo-500/30 hover:bg-indigo-50/50 dark:hover:bg-indigo-500/5 transition-all flex flex-col gap-2"
                         >
                             <div className="flex items-center justify-between">
                                 <span className="text-xs font-bold text-zinc-700 dark:text-zinc-300">{t.googleTitle}</span>
@@ -178,84 +167,12 @@ export const ApiKeyModal: React.FC<ApiKeyModalProps> = ({ isOpen, onClose, onSav
                             </div>
                             <p className="text-[10px] text-zinc-500 leading-tight">
                                 {t.googleDesc1}<br />
-                                <span className="text-amber-500">{t.googleDesc2}</span>
+                                <span className="text-emerald-600 dark:text-emerald-400 font-medium">{t.googleDesc2}</span>
                             </p>
                             <div className="absolute top-2 right-2 w-1.5 h-1.5 bg-zinc-300 rounded-full group-hover:bg-indigo-500 transition-colors"></div>
                         </a>
-
-                        {/* Option B: Passcode */}
-                        <div className="group relative p-3 rounded-xl border border-zinc-200 dark:border-white/10 bg-gradient-to-br from-amber-50/50 to-orange-50/50 dark:from-amber-900/10 dark:to-orange-900/10 hover:border-amber-500/30 transition-all flex flex-col gap-2">
-                            <div className="flex items-center justify-between">
-                                <span className="text-xs font-bold text-amber-700 dark:text-amber-400">{t.passcodeTitle}</span>
-                                <Zap className="w-3 h-3 text-amber-500 fill-current" />
-                            </div>
-                            <p className="text-[10px] text-zinc-500 dark:text-zinc-400 leading-tight">
-                                {t.passcodeDesc1}<br />
-                                <span className="text-emerald-600 dark:text-emerald-400 font-medium">{t.passcodeDesc2}</span>
-                            </p>
-
-                            {/* Contact Section - Compact Inline */}
-                            <div className="flex items-center justify-between gap-3 mt-3 pt-3 border-t border-amber-100 dark:border-white/5">
-                                <span className="text-[10px] text-zinc-400 whitespace-nowrap shrink-0">{t.contactMe}</span>
-                                <div className="flex gap-2">
-                                    {/* WeChat Button with Popover */}
-                                    <div
-                                        className="relative"
-                                        onMouseEnter={() => setShowQr(true)}
-                                        onMouseLeave={() => setShowQr(false)}
-                                    >
-                                        <button className="px-2 py-1 bg-emerald-50 dark:bg-emerald-900/20 rounded text-[10px] border border-emerald-200 dark:border-emerald-500/30 text-emerald-700 dark:text-emerald-400 font-medium flex items-center gap-1 hover:shadow-sm transition-all whitespace-nowrap">
-                                            {/* WeChat Icon SVG */}
-                                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" className="w-3.5 h-3.5 shrink-0">
-                                                <path d="M8.691 2.188C3.891 2.188 0 5.476 0 9.53c0 2.212 1.17 4.203 3.002 5.55a.59.59 0 0 1 .213.665l-.39 1.48c-.019.07-.048.141-.048.213 0 .163.13.295.29.295a.326.326 0 0 0 .167-.054l1.903-1.114a.864.864 0 0 1 .717-.098 10.16 10.16 0 0 0 2.837.403c.276 0 .543-.027.811-.05-.857-2.578.157-4.972 1.932-6.446 1.703-1.415 3.882-1.98 5.853-1.838-.576-3.583-4.196-6.348-8.596-6.348zM5.785 5.991c.642 0 1.162.529 1.162 1.18a1.17 1.17 0 0 1-1.162 1.178A1.17 1.17 0 0 1 4.623 7.17c0-.651.52-1.18 1.162-1.18zm5.813 0c.642 0 1.162.529 1.162 1.18a1.17 1.17 0 0 1-1.162 1.178 1.17 1.17 0 0 1-1.162-1.178c0-.651.52-1.18 1.162-1.18zm5.34 2.867c-1.797-.052-3.746.512-5.28 1.786-1.72 1.428-2.687 3.72-1.78 6.22.942 2.453 3.666 4.229 6.884 4.229.826 0 1.622-.12 2.361-.336a.722.722 0 0 1 .598.082l1.584.926a.272.272 0 0 0 .14.047.245.245 0 0 0 .241-.245c0-.06-.024-.12-.04-.177l-.327-1.233a.49.49 0 0 1 .177-.554C23.013 18.138 24 16.39 24 14.466c0-3.372-2.93-5.608-7.062-5.608zm-2.32 2.935c.535 0 .969.44.969.983a.976.976 0 0 1-.969.983.976.976 0 0 1-.969-.983c0-.542.434-.983.97-.983zm4.638 0c.535 0 .969.44.969.983a.976.976 0 0 1-.969.983.976.976 0 0 1-.969-.983c0-.542.434-.983.97-.983z" />
-                                            </svg>
-                                            <span>{t.wechat}</span>
-                                        </button>
-
-                                        {/* Premium QR Popover */}
-                                        <div className={`absolute bottom-full right-0 mb-1 w-48 bg-white dark:bg-zinc-900 rounded-xl shadow-2xl border border-zinc-100 dark:border-white/10 overflow-visible transform transition-all duration-200 ease-out z-[100] origin-bottom-right ${showQr ? 'opacity-100 scale-100 translate-y-0' : 'opacity-0 scale-95 translate-y-2 pointer-events-none'}`}>
-                                            {/* CRITICAL: Invisible Bridge - extends downward to fully cover the gap */}
-                                            <div className="absolute -bottom-2 left-0 w-full h-3"></div>
-                                            {/* QR Image */}
-                                            <div className="p-4 flex items-center justify-center bg-white rounded-t-xl">
-                                                <img src={wechatQr} alt="WeChat QR" className="w-32 h-32 object-contain" />
-                                            </div>
-                                            {/* Action Bar */}
-                                            <button
-                                                onClick={(e) => { e.stopPropagation(); copyWechat(); }}
-                                                className="w-full bg-zinc-50 dark:bg-black/30 border-t border-zinc-100 dark:border-white/5 p-2.5 flex items-center justify-between group/copy hover:bg-emerald-50 dark:hover:bg-emerald-900/10 transition-colors rounded-b-xl"
-                                            >
-                                                <div className="flex flex-col gap-0.5">
-                                                    <span className="text-[9px] text-zinc-400 uppercase tracking-wider">微信号</span>
-                                                    <span className={`text-xs font-bold font-mono transition-colors ${copied ? 'text-emerald-500' : 'text-zinc-700 dark:text-zinc-200'}`}>
-                                                        {copied ? '✓ 已复制' : 'JaffryD'}
-                                                    </span>
-                                                </div>
-                                                <div className={`p-1.5 rounded-md shadow-sm border transition-all ${copied ? 'bg-emerald-500 border-emerald-500 text-white' : 'bg-white dark:bg-zinc-700 border-zinc-200 dark:border-zinc-600 text-zinc-400 group-hover/copy:text-emerald-500'}`}>
-                                                    {copied ? <Check className="w-3.5 h-3.5" /> : <Copy className="w-3.5 h-3.5" />}
-                                                </div>
-                                            </button>
-                                        </div>
-                                    </div>
-
-                                    {/* X/Twitter Button */}
-                                    <a
-                                        href="https://x.com/JaffryGao"
-                                        target="_blank"
-                                        rel="noreferrer"
-                                        className="px-2 py-1 bg-zinc-50 dark:bg-black/20 rounded text-[10px] border border-zinc-200 dark:border-white/10 text-zinc-500 dark:text-zinc-400 font-medium flex items-center gap-1 hover:text-black dark:hover:text-white transition-all whitespace-nowrap"
-                                    >
-                                        {/* X (Twitter) Icon SVG */}
-                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" className="w-3 h-3">
-                                            <path d="M18.901 1.153h3.68l-8.04 9.19L24 22.846h-7.406l-5.8-7.584-6.638 7.584H.474l8.6-9.83L0 1.154h7.594l5.243 6.932ZM17.61 20.644h2.039L6.486 3.24H4.298Z" />
-                                        </svg>
-                                    </a>
-                                </div>
-                            </div>
-                        </div>
                     </div>
 
-
                     <p className="text-[10px] text-center text-zinc-400">
                         {t.tip}
                     </p>
diff --git a/src/components/viewer/ActionBar.tsx b/src/components/viewer/ActionBar.tsx
index ef0788f..2cace4b 100644
--- a/src/components/viewer/ActionBar.tsx
+++ b/src/components/viewer/ActionBar.tsx
@@ -6,7 +6,6 @@ import {
     FileText,
     Presentation,
     Zap,
-    Lock,
     Download
 } from 'lucide-react';
 import { ProcessedPage } from '../../types';
@@ -107,36 +106,17 @@ export const ActionBar: React.FC<ActionBarProps> = ({
                         </button>
                         <div className="w-px h-4 bg-zinc-200 dark:bg-white/10 mx-1"></div>
                         <button
-                            onClick={() => {
-                                if (authMode === 'key') {
-                                    // Key 用户点击 4K 按钮时，打开 Modal 引导购买口令
-                                    setIsKeyModalOpen(true);
-                                } else {
-                                    setResolution('4K');
-                                }
-                            }}
-                            className={`group/4k relative px-3 py-1.5 rounded-lg text-xs font-medium transition-all flex items-center gap-1.5 ${authMode === 'key'
-                                ? 'text-zinc-300 dark:text-zinc-600 cursor-pointer hover:text-amber-500 dark:hover:text-amber-400'
-                                : resolution === '4K'
-                                    ? 'bg-indigo-500 text-white shadow-sm shadow-indigo-500/30'
-                                    : 'text-zinc-500 dark:text-zinc-400 hover:text-zinc-900 dark:hover:text-zinc-200'
+                            onClick={() => setResolution('4K')}
+                            className={`group/4k relative px-3 py-1.5 rounded-lg text-xs font-medium transition-all flex items-center gap-1.5 ${resolution === '4K'
+                                ? 'bg-indigo-500 text-white shadow-sm shadow-indigo-500/30'
+                                : 'text-zinc-500 dark:text-zinc-400 hover:text-zinc-900 dark:hover:text-zinc-200'
                                 }`}
                         >
                             {t.res4k}
-                            {resolution === '4K' && authMode !== 'key' && <Zap className="w-3 h-3 fill-current animate-pulse" />}
-                            {authMode === 'key' && <Lock className="w-3 h-3 opacity-50" />}
-
-                            {/* Tooltip: Click to unlock 4K */}
-                            {authMode === 'key' && (
-                                <div className="absolute bottom-full left-1/2 -translate-x-1/2 mb-3 px-3 py-2 bg-amber-500 text-white text-[10px] rounded-lg whitespace-nowrap opacity-0 group-hover/4k:opacity-100 transition-opacity pointer-events-none shadow-xl z-50 text-center">
-                                    <div className="font-bold">{lang === 'en' ? 'Click to unlock 4K' : '点击解锁 4K'}</div>
-                                    <div className="text-amber-100 mt-0.5">{lang === 'en' ? 'Passcode required' : '需购买口令'}</div>
-                                    <div className="absolute top-full left-1/2 -translate-x-1/2 -mt-1 border-4 border-transparent border-t-amber-500"></div>
-                                </div>
-                            )}
+                            {resolution === '4K' && <Zap className="w-3 h-3 fill-current animate-pulse" />}
 
                             {/* Tooltip: High cost warning for active 4K */}
-                            {resolution === '4K' && authMode !== 'key' && (
+                            {resolution === '4K' && (
                                 <div className="absolute bottom-full left-1/2 -translate-x-1/2 mb-3 px-3 py-1.5 bg-zinc-900 dark:bg-zinc-800 text-white text-[10px] rounded-lg whitespace-nowrap opacity-0 group-hover/4k:opacity-100 transition-opacity pointer-events-none shadow-xl border border-white/10 z-50">
                                     {t.highCost}
                                     <div className="absolute top-full left-1/2 -translate-x-1/2 -mt-1 border-4 border-transparent border-t-zinc-900 dark:border-t-zinc-800"></div>
diff --git a/src/hooks/useImageProcessing.ts b/src/hooks/useImageProcessing.ts
index a290f9f..8c35a80 100644
--- a/src/hooks/useImageProcessing.ts
+++ b/src/hooks/useImageProcessing.ts
@@ -43,12 +43,8 @@ export function useImageProcessing({
     const [showErrorToast, setShowErrorToast] = useState(false);
     const [errorToastMessage, setErrorToastMessage] = useState('');
 
-    // Auto-switch to 4K for Passcode Mode
-    useEffect(() => {
-        if (authMode === 'passcode') {
-            setResolution('4K');
-        }
-    }, [authMode]);
+    // Default to 2K, user can freely switch to 4K
+
 
     const abortRef = useRef(false);
 
diff --git a/src/i18n/translations.ts b/src/i18n/translations.ts
index d5d3b8f..bb88a5b 100644
--- a/src/i18n/translations.ts
+++ b/src/i18n/translations.ts
@@ -122,14 +122,14 @@ export const TRANSLATIONS: Record<Language, TranslationKeys> = {
         save: 'Confirm & Save',
         getKey: 'GET KEY / PASSCODE',
         googleTitle: 'Google AI Studio',
-        googleDesc1: 'Requires Credit Card',
-        googleDesc2: '* VPN Required · 2K Only',
+        googleDesc1: 'Free API Key · Requires Credit Card',
+        googleDesc2: '* Supports 2K & 4K Ultra',
         passcodeTitle: 'Buy Passcode',
         passcodeDesc1: 'No VPN · Direct Connect',
         passcodeDesc2: '* Unlocks 4K Ultra',
         contactMe: 'Contact to buy:',
         wechat: '微信',
-        tip: '* For 4K Upscaling & Text Repair, please purchase a Passcode from the author.',
+        tip: '* Get your free API key from Google AI Studio to unlock 2K & 4K restoration.',
 
         // Footer
         copyright: "© 2026 NotebookLM Fixer.",
@@ -191,14 +191,14 @@ export const TRANSLATIONS: Record<Language, TranslationKeys> = {
         save: '确认并保存',
         getKey: '获取密钥 / 口令',
         googleTitle: 'Google AI Studio',
-        googleDesc1: '需绑定实体信用卡 (Credit Card)',
-        googleDesc2: '* 需 VPN · 仅支持 2K',
+        googleDesc1: '免费 API 密钥 · 需绑定信用卡',
+        googleDesc2: '* 支持 2K & 极致 4K',
         passcodeTitle: '购买口令 (Passcode)',
         passcodeDesc1: '免 VPN · 国内直连 · 即开即用',
         passcodeDesc2: '* 解锁极致 4K',
         contactMe: '联系购买:',
         wechat: '微信',
-        tip: '* 4K 高清修复以及文字修复，请联系作者购买口令。',
+        tip: '* 从 Google AI Studio 获取免费 API 密钥，即可使用 2K & 4K 高清修复。',
 
         // Footer
         copyright: "© 2026 NotebookLM Fixer.",

From 2b474351eb5cf20d4c6e3c620bcd41d7e20c1f0a Mon Sep 17 00:00:00 2001
From: Claude <noreply@anthropic.com>
Date: Mon, 30 Mar 2026 10:18:12 +0000
Subject: [PATCH 2/3] Simplify footer to show only internal use notice
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Remove developer attribution, privacy policy, terms of service,
GitHub and X links from footer. Display only: "基于开源软件开发，质心教育科技内部使用。"

https://claude.ai/code/session_01H5FEdv4GpVDie8N5tsigdR
---
 src/App.tsx                      |  5 +---
 src/components/layout/Footer.tsx | 41 +++-----------------------------
 src/i18n/translations.ts         | 18 +++-----------
 3 files changed, 7 insertions(+), 57 deletions(-)

diff --git a/src/App.tsx b/src/App.tsx
index 74ef30d..db45926 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -494,10 +494,7 @@ const App: React.FC = () => {
         </div>
       </div>
 
-      <Footer t={t} onOpenLegal={(tab) => {
-        setLegalInitialTab(tab);
-        setIsLegalModalOpen(true);
-      }} />
+      <Footer t={t} />
 
       <CompletionBanner
         show={showCompletionBanner}
diff --git a/src/components/layout/Footer.tsx b/src/components/layout/Footer.tsx
index 793094f..c94abbc 100644
--- a/src/components/layout/Footer.tsx
+++ b/src/components/layout/Footer.tsx
@@ -1,51 +1,16 @@
 import React from 'react';
-import { Github } from 'lucide-react';
 
 interface FooterProps {
     t: any;
     onOpenLegal?: (tab: 'privacy' | 'terms') => void;
 }
 
-export const Footer: React.FC<FooterProps> = ({ t, onOpenLegal }) => {
+export const Footer: React.FC<FooterProps> = ({ t }) => {
     return (
         <footer className="w-full py-8 mt-auto border-t border-zinc-200/50 dark:border-white/5 bg-zinc-50/50 dark:bg-black/20 backdrop-blur-sm">
             <div className="max-w-5xl mx-auto px-6">
-                <div className="flex flex-col md:flex-row justify-between items-center gap-4 text-[11px] text-zinc-400 dark:text-zinc-500 font-mono-custom">
-                    {/* Copyright */}
-                    <div className="flex flex-col md:flex-row items-center gap-1 md:gap-3 text-center md:text-left">
-                        <span>{t.copyright}</span>
-                        <span className="hidden md:inline text-zinc-300 dark:text-zinc-700">|</span>
-                        <span>{t.builtBy}</span>
-                    </div>
-
-                    {/* Links */}
-                    <div className="flex items-center gap-6">
-                        <button
-                            onClick={() => onOpenLegal?.('privacy')}
-                            className="hover:text-zinc-600 dark:hover:text-zinc-300 transition-colors cursor-pointer"
-                        >
-                            {t.privacy}
-                        </button>
-                        <button
-                            onClick={() => onOpenLegal?.('terms')}
-                            className="hover:text-zinc-600 dark:hover:text-zinc-300 transition-colors cursor-pointer"
-                        >
-                            {t.terms}
-                        </button>
-
-                        <div className="h-3 w-px bg-zinc-200 dark:bg-white/10"></div>
-
-                        <a href="https://github.com/JaffryGao/notebooklmfix" target="_blank" rel="noreferrer" className="flex items-center gap-1.5 hover:text-zinc-800 dark:hover:text-zinc-200 transition-colors">
-                            <Github className="w-3.5 h-3.5" />
-                            <span>GitHub</span>
-                        </a>
-                        <a href="https://x.com/JaffryGao" target="_blank" rel="noreferrer" className="flex items-center gap-1.5 hover:text-zinc-800 dark:hover:text-zinc-200 transition-colors">
-                            <svg viewBox="0 0 24 24" aria-hidden="true" className="w-3.5 h-3.5 fill-current">
-                                <path d="M18.901 1.153h3.68l-8.04 9.19L24 22.846h-7.406l-5.8-7.584-6.638 7.584H.474l8.6-9.83L0 1.154h7.594l5.243 6.932ZM17.61 20.644h2.039L6.486 3.24H4.298Z" />
-                            </svg>
-                            <span>X</span>
-                        </a>
-                    </div>
+                <div className="flex justify-center items-center text-[11px] text-zinc-400 dark:text-zinc-500 font-mono-custom text-center">
+                    <span>{t.footerInfo}</span>
                 </div>
             </div>
         </footer>
diff --git a/src/i18n/translations.ts b/src/i18n/translations.ts
index bb88a5b..37bd0ed 100644
--- a/src/i18n/translations.ts
+++ b/src/i18n/translations.ts
@@ -61,11 +61,7 @@ type TranslationKeys = {
     tip: string;
 
     // Footer
-    copyright: string;
-    builtBy: string;
-    rights: string;
-    privacy: string;
-    terms: string;
+    footerInfo: string;
     disclaimerTitle: string;
     disclaimerText: string;
 };
@@ -132,11 +128,7 @@ export const TRANSLATIONS: Record<Language, TranslationKeys> = {
         tip: '* Get your free API key from Google AI Studio to unlock 2K & 4K restoration.',
 
         // Footer
-        copyright: "© 2026 NotebookLM Fixer.",
-        builtBy: "Designed & Built by 懊侬 AoNong.",
-        rights: "All rights reserved.",
-        privacy: "Privacy Policy",
-        terms: "Terms of Service",
+        footerInfo: "Based on open-source software. For internal use by Zhixin Education Technology.",
         disclaimerTitle: "Disclaimer & Policy",
         disclaimerText: "AI restoration involves redrawing and is not 100% perfect. Extremely small or blurry text in the original image may not be fully restored. Policy: Quota is deducted upon success; failed attempts are automatically refunded."
     },
@@ -201,11 +193,7 @@ export const TRANSLATIONS: Record<Language, TranslationKeys> = {
         tip: '* 从 Google AI Studio 获取免费 API 密钥，即可使用 2K & 4K 高清修复。',
 
         // Footer
-        copyright: "© 2026 NotebookLM Fixer.",
-        builtBy: "由 懊侬 AoNong 设计与开发。",
-        rights: "保留所有权利。",
-        privacy: "隐私政策",
-        terms: "服务条款",
+        footerInfo: "基于开源软件开发，质心教育科技内部使用。",
         disclaimerTitle: "免责声明 & 计费规则",
         disclaimerText: "AI 修复并非 100% 完美，对于原图中极小或极其模糊的文字，可能存在修复失败的情况，请予以理解。规则：修复成功扣费；若修复失败，额度会自动回退。"
     }

From 5e5d85229bf5fd55babbafdb98a68ef2c902c3d7 Mon Sep 17 00:00:00 2001
From: Claude <noreply@anthropic.com>
Date: Mon, 30 Mar 2026 10:23:18 +0000
Subject: [PATCH 3/3] Add save confirmation feedback for API key persistence
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Show success state (green button + "已保存！下次打开无需重新输入") after saving
- Show hint when re-opening modal with existing saved key
- Auto-close modal 1.2s after successful save
- API key already persisted in localStorage, this adds clear UX feedback

https://claude.ai/code/session_01H5FEdv4GpVDie8N5tsigdR
---
 src/components/modals/ApiKeyModal.tsx | 46 +++++++++++++++++++++------
 src/i18n/translations.ts              | 10 ++++--
 2 files changed, 44 insertions(+), 12 deletions(-)

diff --git a/src/components/modals/ApiKeyModal.tsx b/src/components/modals/ApiKeyModal.tsx
index d4a8e90..b9afca1 100644
--- a/src/components/modals/ApiKeyModal.tsx
+++ b/src/components/modals/ApiKeyModal.tsx
@@ -1,5 +1,5 @@
 import React, { useState, useEffect } from 'react';
-import { Key, X, ExternalLink, ShieldCheck, Save, Eye, EyeOff } from 'lucide-react';
+import { Key, X, ExternalLink, ShieldCheck, Save, Eye, EyeOff, CheckCircle } from 'lucide-react';
 import { QuotaInfo } from '../../types';
 import { TRANSLATIONS } from '../../i18n/translations';
 
@@ -15,6 +15,8 @@ export const ApiKeyModal: React.FC<ApiKeyModalProps> = ({ isOpen, onClose, onSav
     const [showKey, setShowKey] = useState(false);
     const [verifying, setVerifying] = useState(false);
     const [error, setError] = useState('');
+    const [saved, setSaved] = useState(false);
+    const [hasSavedKey, setHasSavedKey] = useState(false);
     // Dictionary
     const t = TRANSLATIONS[lang];
 
@@ -23,9 +25,17 @@ export const ApiKeyModal: React.FC<ApiKeyModalProps> = ({ isOpen, onClose, onSav
         if (isOpen) {
             const savedKey = localStorage.getItem('gemini_api_key_local');
             const savedCode = localStorage.getItem('gemini_access_code');
-            if (savedKey) setApiKey(savedKey);
-            else if (savedCode) setApiKey(savedCode);
+            if (savedKey) {
+                setApiKey(savedKey);
+                setHasSavedKey(true);
+            } else if (savedCode) {
+                setApiKey(savedCode);
+                setHasSavedKey(true);
+            } else {
+                setHasSavedKey(false);
+            }
             setError('');
+            setSaved(false);
         }
     }, [isOpen]);
 
@@ -44,7 +54,9 @@ export const ApiKeyModal: React.FC<ApiKeyModalProps> = ({ isOpen, onClose, onSav
                 localStorage.setItem('gemini_api_key_local', value);
                 localStorage.removeItem('gemini_access_code');
                 onSave(value);
-                onClose();
+                setSaved(true);
+                setHasSavedKey(true);
+                setTimeout(() => onClose(), 1200);
             } else {
                 // It's likely an Access Code (Proxy Mode) -> Verify with Server
                 const res = await fetch('/api/verify-code', {
@@ -58,8 +70,10 @@ export const ApiKeyModal: React.FC<ApiKeyModalProps> = ({ isOpen, onClose, onSav
                 if (data.valid) {
                     localStorage.setItem('gemini_access_code', value);
                     localStorage.removeItem('gemini_api_key_local');
-                    onSave(value, data.quota); // Pass initial quota info back
-                    onClose();
+                    onSave(value, data.quota);
+                    setSaved(true);
+                    setHasSavedKey(true);
+                    setTimeout(() => onClose(), 1200);
                 } else {
                     setError(data.error || t.invalidCode);
                 }
@@ -121,16 +135,28 @@ export const ApiKeyModal: React.FC<ApiKeyModalProps> = ({ isOpen, onClose, onSav
                                 </button>
                             </div>
                             {error && <p className="text-xs text-red-500 font-medium animate-in fade-in flex items-center gap-1"><ShieldCheck className="w-3 h-3" /> {error}</p>}
+                            {hasSavedKey && !error && !saved && (
+                                <p className="text-xs text-emerald-600 dark:text-emerald-400 font-medium flex items-center gap-1">
+                                    <CheckCircle className="w-3 h-3" /> {t.keySavedHint}
+                                </p>
+                            )}
                         </div>
 
                         <button
                             type="submit"
-                            disabled={!apiKey.trim() || verifying}
-                            className="w-full flex items-center justify-center gap-2 bg-zinc-900 dark:bg-white text-white dark:text-black font-bold py-3 rounded-xl hover:shadow-lg hover:translate-y-[-1px] active:translate-y-[0px] disabled:opacity-50 disabled:cursor-not-allowed transition-all"
+                            disabled={!apiKey.trim() || verifying || saved}
+                            className={`w-full flex items-center justify-center gap-2 font-bold py-3 rounded-xl transition-all ${saved
+                                ? 'bg-emerald-500 text-white'
+                                : 'bg-zinc-900 dark:bg-white text-white dark:text-black hover:shadow-lg hover:translate-y-[-1px] active:translate-y-[0px] disabled:opacity-50 disabled:cursor-not-allowed'
+                            }`}
                         >
-                            {verifying ? (
+                            {saved ? (
+                                <span className="flex items-center gap-2 animate-in fade-in">
+                                    <CheckCircle className="w-4 h-4" /> {t.savedSuccess}
+                                </span>
+                            ) : verifying ? (
                                 <span className="animate-pulse flex items-center gap-2">
-                                    <Zap className="w-4 h-4" /> {t.verifying}
+                                    <ShieldCheck className="w-4 h-4" /> {t.verifying}
                                 </span>
                             ) : (
                                 <>
diff --git a/src/i18n/translations.ts b/src/i18n/translations.ts
index 37bd0ed..d0727c4 100644
--- a/src/i18n/translations.ts
+++ b/src/i18n/translations.ts
@@ -49,6 +49,8 @@ type TranslationKeys = {
     networkError: string;
     verifying: string;
     save: string;
+    savedSuccess: string;
+    keySavedHint: string;
     getKey: string;
     googleTitle: string;
     googleDesc1: string;
@@ -116,7 +118,9 @@ export const TRANSLATIONS: Record<Language, TranslationKeys> = {
         networkError: 'Network Error',
         verifying: 'Verifying...',
         save: 'Confirm & Save',
-        getKey: 'GET KEY / PASSCODE',
+        savedSuccess: 'Saved! Remembered on this device.',
+        keySavedHint: 'API Key saved. No need to re-enter next time.',
+        getKey: 'GET API KEY',
         googleTitle: 'Google AI Studio',
         googleDesc1: 'Free API Key · Requires Credit Card',
         googleDesc2: '* Supports 2K & 4K Ultra',
@@ -181,7 +185,9 @@ export const TRANSLATIONS: Record<Language, TranslationKeys> = {
         networkError: '验证失败，请检查网络',
         verifying: '验证中...',
         save: '确认并保存',
-        getKey: '获取密钥 / 口令',
+        savedSuccess: '已保存！下次打开无需重新输入',
+        keySavedHint: 'API 密钥已保存，下次打开无需重新输入。',
+        getKey: '获取 API 密钥',
         googleTitle: 'Google AI Studio',
         googleDesc1: '免费 API 密钥 · 需绑定信用卡',
         googleDesc2: '* 支持 2K & 极致 4K',