From 0b054082b0ac85e85782ad1cbf10ba29f2bc6584 Mon Sep 17 00:00:00 2001
From: Cho Young-Hwi <cyh76507707@gmail.com>
Date: Wed, 18 Mar 2026 13:36:30 +0000
Subject: [PATCH 1/2] [#318] Add 'Read the first Plot' strip button on story
 detail page

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 src/app/story/[storylineId]/page.tsx | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/src/app/story/[storylineId]/page.tsx b/src/app/story/[storylineId]/page.tsx
index 1902b0d0..d593da25 100644
--- a/src/app/story/[storylineId]/page.tsx
+++ b/src/app/story/[storylineId]/page.tsx
@@ -135,6 +135,15 @@ export default async function StoryPage({ params }: { params: Params }) {
       <ViewTracker storylineId={id} />
       <StoryHeader storyline={storyline} priceInfo={priceInfo} />
 
+      {genesis && (
+        <a
+          href="#genesis"
+          className="border-accent text-accent hover:bg-accent/10 mt-6 block w-full rounded border py-3 text-center text-sm font-medium transition-colors"
+        >
+          Read the first Plot
+        </a>
+      )}
+
       <div className="mt-8 grid grid-cols-1 gap-10 lg:grid-cols-[1fr_320px]">
         {/* Story content — genesis + table of contents */}
         <main>
@@ -284,7 +293,7 @@ function StoryHeader({
 
 function GenesisSection({ plot }: { plot: Plot }) {
   return (
-    <section>
+    <section id="genesis">
       <ViewTracker storylineId={plot.storyline_id} plotIndex={0} />
       <div className="text-muted mb-3 flex items-baseline gap-3 text-xs">
         <span className="text-accent-dim font-medium">Genesis</span>

From f8824f15175bb1ccae9499119728a2048aa12e8b Mon Sep 17 00:00:00 2001
From: Cho Young-Hwi <cyh76507707@gmail.com>
Date: Wed, 18 Mar 2026 13:37:32 +0000
Subject: [PATCH 2/2] [#318] Move button below genesis content, above comments

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 src/app/story/[storylineId]/page.tsx | 15 ++++++---------
 1 file changed, 6 insertions(+), 9 deletions(-)

diff --git a/src/app/story/[storylineId]/page.tsx b/src/app/story/[storylineId]/page.tsx
index d593da25..4fb7330e 100644
--- a/src/app/story/[storylineId]/page.tsx
+++ b/src/app/story/[storylineId]/page.tsx
@@ -135,21 +135,18 @@ export default async function StoryPage({ params }: { params: Params }) {
       <ViewTracker storylineId={id} />
       <StoryHeader storyline={storyline} priceInfo={priceInfo} />
 
-      {genesis && (
-        <a
-          href="#genesis"
-          className="border-accent text-accent hover:bg-accent/10 mt-6 block w-full rounded border py-3 text-center text-sm font-medium transition-colors"
-        >
-          Read the first Plot
-        </a>
-      )}
-
       <div className="mt-8 grid grid-cols-1 gap-10 lg:grid-cols-[1fr_320px]">
         {/* Story content — genesis + table of contents */}
         <main>
           {genesis ? (
             <>
               <GenesisSection plot={genesis} />
+              <a
+                href={chapters.length > 0 ? `/story/${id}/1` : "#genesis"}
+                className="border-accent text-accent hover:bg-accent/10 mt-8 block w-full rounded border py-3 text-center text-sm font-medium transition-colors"
+              >
+                Read the first Plot
+              </a>
               <CommentSection storylineId={id} plotIndex={0} />
             </>
           ) : (