From c299e403cc77db453b41adc46eef9188a84d0519 Mon Sep 17 00:00:00 2001
From: Supra4E8C <tan13318527080@163.com>
Date: Mon, 29 Dec 2025 00:48:31 +0800
Subject: [PATCH] feat(auth-files): add Antigravity quota page size

---
 src/pages/AuthFilesPage.module.scss | 21 +++++++++++++++++++++
 src/pages/AuthFilesPage.tsx         | 27 ++++++++++++++++++++++++++-
 2 files changed, 47 insertions(+), 1 deletion(-)

diff --git a/src/pages/AuthFilesPage.module.scss b/src/pages/AuthFilesPage.module.scss
index 7121a1c..b4afe66 100644
--- a/src/pages/AuthFilesPage.module.scss
+++ b/src/pages/AuthFilesPage.module.scss
@@ -176,6 +176,27 @@
   }
 }
 
+.antigravityControls {
+  display: flex;
+  gap: $spacing-md;
+  flex-wrap: wrap;
+  align-items: flex-end;
+  margin-bottom: $spacing-md;
+}
+
+.antigravityControl {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+
+  label {
+    font-size: 12px;
+    color: var(--text-secondary);
+    font-weight: 500;
+    white-space: nowrap;
+  }
+}
+
 .antigravityCard {
   background-image: linear-gradient(
     180deg,
diff --git a/src/pages/AuthFilesPage.tsx b/src/pages/AuthFilesPage.tsx
index 4dbdd94..e13a97c 100644
--- a/src/pages/AuthFilesPage.tsx
+++ b/src/pages/AuthFilesPage.tsx
@@ -393,6 +393,7 @@ export function AuthFilesPage() {
   const [page, setPage] = useState(1);
   const [pageSize, setPageSize] = useState(9);
   const [antigravityPage, setAntigravityPage] = useState(1);
+  const [antigravityPageSize, setAntigravityPageSize] = useState(6);
   const [uploading, setUploading] = useState(false);
   const [deleting, setDeleting] = useState<string | null>(null);
   const [deletingAll, setDeletingAll] = useState(false);
@@ -508,7 +509,6 @@ export function AuthFilesPage() {
     [files]
   );
 
-  const antigravityPageSize = 6;
   const antigravityTotalPages = Math.max(
     1,
     Math.ceil(antigravityFiles.length / antigravityPageSize)
@@ -1401,6 +1401,31 @@ export function AuthFilesPage() {
           />
         ) : (
           <>
+            <div className={styles.antigravityControls}>
+              <div className={styles.antigravityControl}>
+                <label>{t('auth_files.page_size_label')}</label>
+                <select
+                  className={styles.pageSizeSelect}
+                  value={antigravityPageSize}
+                  onChange={(e) => {
+                    setAntigravityPageSize(Number(e.target.value) || 6);
+                    setAntigravityPage(1);
+                  }}
+                >
+                  <option value={6}>6</option>
+                  <option value={9}>9</option>
+                  <option value={12}>12</option>
+                  <option value={18}>18</option>
+                  <option value={24}>24</option>
+                </select>
+              </div>
+              <div className={styles.antigravityControl}>
+                <label>{t('common.info')}</label>
+                <div className={styles.statsInfo}>
+                  {antigravityFiles.length} {t('auth_files.files_count')}
+                </div>
+              </div>
+            </div>
             <div className={styles.antigravityGrid}>
               {antigravityPageItems.map(renderAntigravityCard)}
             </div>