From f443ac18ccb8ab34fb5bf69b0802eb69cf89cf06 Mon Sep 17 00:00:00 2001
From: nsfisis <nsfisis@gmail.com>
Date: Sun, 7 Dec 2025 18:50:08 +0900
Subject: feat(client): add study session page with card flip and rating UI
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Implements the complete study flow frontend:
- Study session page with card display and flip interaction
- Rating buttons (Again, Hard, Good, Easy) with keyboard shortcuts
- Progress display showing remaining cards count
- Session complete screen with review summary
- Study Now button on deck detail page

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

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 src/client/pages/DeckDetailPage.tsx | 24 ++++++++++++++++++++++++
 1 file changed, 24 insertions(+)

(limited to 'src/client/pages/DeckDetailPage.tsx')

diff --git a/src/client/pages/DeckDetailPage.tsx b/src/client/pages/DeckDetailPage.tsx
index cdc216a..3d7ffb5 100644
--- a/src/client/pages/DeckDetailPage.tsx
+++ b/src/client/pages/DeckDetailPage.tsx
@@ -155,6 +155,30 @@ export function DeckDetailPage() {
 						)}
 					</div>
 
+					<div
+						style={{
+							display: "flex",
+							gap: "0.5rem",
+							marginBottom: "1rem",
+						}}
+					>
+						<Link href={`/decks/${deckId}/study`}>
+							<button
+								type="button"
+								style={{
+									backgroundColor: "#28a745",
+									color: "white",
+									border: "none",
+									padding: "0.5rem 1rem",
+									borderRadius: "4px",
+									cursor: "pointer",
+								}}
+							>
+								Study Now
+							</button>
+						</Link>
+					</div>
+
 					<div
 						style={{
 							display: "flex",
-- 
cgit v1.2.3-70-g09d2

