From f7ee5be06c4160f573871e878454cee2fa75e8d6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=84=AD=E6=B2=9B=E8=BB=92?= <jettcheng1018@gmail.com>
Date: Wed, 24 Sep 2025 16:44:31 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E5=9C=A8=E6=90=9C=E5=B0=8B=E6=8E=A7?=
 =?UTF-8?q?=E5=88=B6=E8=88=87=E8=A9=9E=E5=8D=A1=E6=B8=85=E5=96=AE=E9=96=93?=
 =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E8=A9=9E=E5=8D=A1=E6=95=B8=E7=9B=AE=E7=B5=B1?=
 =?UTF-8?q?=E8=A8=88=E9=A1=AF=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 添加詞卡總數和當前頁面詞卡數量顯示
- 支援分頁時顯示頁面信息
- 添加快取狀態指示器
- 提升用戶對搜尋結果的認知

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
---
 frontend/app/flashcards/page.tsx | 17 +++++++++++++++++
 1 file changed, 17 insertions(+)

diff --git a/frontend/app/flashcards/page.tsx b/frontend/app/flashcards/page.tsx
index e990cc8..694f064 100644
--- a/frontend/app/flashcards/page.tsx
+++ b/frontend/app/flashcards/page.tsx
@@ -236,6 +236,23 @@ function FlashcardsContent() {
           setShowAdvancedSearch={setShowAdvancedSearch}
         />
 
+        {/* 詞卡數目統計 */}
+        <div className="flex justify-between items-center mb-4">
+          <h3 className="text-lg font-semibold">
+            共 {searchState.pagination.totalCount} 個詞卡
+            {searchState.pagination.totalPages > 1 && (
+              <span className="text-sm font-normal text-gray-600 ml-2">
+                (第 {searchState.pagination.currentPage} 頁，顯示 {searchState.flashcards.length} 個)
+              </span>
+            )}
+          </h3>
+          {searchState.cacheHit && (
+            <span className="text-xs text-green-600 bg-green-50 px-2 py-1 rounded-full">
+              快取
+            </span>
+          )}
+        </div>
+
         {/* Search Results */}
         <SearchResults
           searchState={searchState}