From ee8aa43b93d9b977c415f588f74eaf7957b8632b Mon Sep 17 00:00:00 2001
From: Cho Young-Hwi <cyh76507707@gmail.com>
Date: Mon, 16 Mar 2026 15:26:49 +0000
Subject: [PATCH] [#178] Disable textarea and button when no storyline selected

Textarea disabled with helper placeholder when no storyline is
selected. Button was already disabled via canSubmit check. Added
noStoryline flag for clarity.

Fixes #178

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 src/app/chain/page.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/app/chain/page.tsx b/src/app/chain/page.tsx
index 996ae812..ba893481 100644
--- a/src/app/chain/page.tsx
+++ b/src/app/chain/page.tsx
@@ -92,6 +92,7 @@ export default function ChainPlotPage() {
   }
 
   const busy = state !== "idle" && state !== "error";
+  const noStoryline = storylineId === null;
 
   return (
     <div className="mx-auto max-w-2xl px-6 py-12">
@@ -142,9 +143,9 @@ export default function ChainPlotPage() {
           <textarea
             value={content}
             onChange={(e) => setContent(e.target.value)}
-            disabled={busy}
+            disabled={busy || noStoryline}
             rows={12}
-            placeholder="Write the next plot (500–10,000 characters)"
+            placeholder={noStoryline ? "Select a storyline above to chain a plot" : "Write the next plot (500–10,000 characters)"}
             className="border-border bg-surface text-foreground placeholder:text-muted w-full resize-y rounded border px-3 py-2 text-sm leading-relaxed focus:border-accent focus:outline-none disabled:opacity-50"
           />
           <div className="mt-1 text-xs">