feat: 组件拆分

app/components/UpdatePromptModal.jsx

@@ -0,0 +1,72 @@
+'use client';
+
+import { motion } from 'framer-motion';
+import { UpdateIcon } from './Icons';
+
+export default function UpdatePromptModal({ updateContent, onClose, onRefresh }) {
+  return (
+    <motion.div
+      className="modal-overlay"
+      role="dialog"
+      aria-modal="true"
+      aria-label="更新提示"
+      onClick={onClose}
+      initial={{ opacity: 0 }}
+      animate={{ opacity: 1 }}
+      exit={{ opacity: 0 }}
+      style={{ zIndex: 10002 }}
+    >
+      <motion.div
+        initial={{ opacity: 0, scale: 0.95, y: 20 }}
+        animate={{ opacity: 1, scale: 1, y: 0 }}
+        exit={{ opacity: 0, scale: 0.95, y: 20 }}
+        className="glass card modal"
+        style={{ maxWidth: '400px' }}
+        onClick={(e) => e.stopPropagation()}
+      >
+        <div className="title" style={{ marginBottom: 12 }}>
+          <UpdateIcon width="20" height="20" style={{ color: 'var(--success)' }} />
+          <span>更新提示</span>
+        </div>
+        <div style={{ marginBottom: 24 }}>
+          <p className="muted" style={{ fontSize: '14px', lineHeight: '1.6', marginBottom: 12 }}>
+            检测到新版本，是否刷新浏览器以更新？
+            <br />
+            更新内容如下：
+          </p>
+          {updateContent && (
+            <div style={{
+              background: 'rgba(0,0,0,0.2)',
+              padding: '12px',
+              borderRadius: '8px',
+              fontSize: '13px',
+              lineHeight: '1.5',
+              maxHeight: '200px',
+              overflowY: 'auto',
+              whiteSpace: 'pre-wrap',
+              border: '1px solid rgba(255,255,255,0.1)'
+            }}>
+              {updateContent}
+            </div>
+          )}
+        </div>
+        <div className="row" style={{ gap: 12 }}>
+          <button
+            className="button secondary"
+            onClick={onClose}
+            style={{ flex: 1, background: 'rgba(255,255,255,0.05)', color: 'var(--text)' }}
+          >
+            取消
+          </button>
+          <button
+            className="button"
+            onClick={onRefresh}
+            style={{ flex: 1, background: 'var(--success)', color: '#fff', border: 'none' }}
+          >
+            刷新浏览器
+          </button>
+        </div>
+      </motion.div>
+    </motion.div>
+  );
+}