From 8f96ae0ce4cd93216a1cf845e88810ebfb1ba749 Mon Sep 17 00:00:00 2001
From: Cho Young-Hwi <cyh76507707@gmail.com>
Date: Fri, 24 Apr 2026 16:50:24 +0900
Subject: [PATCH 1/3] [#169] Add genre selector dropdown for publish,
 auto-detect from structure.md

Replace unreliable regex-only genre detection with a dropdown
that lets the user pick from the allowed genres list. Auto-detects
genre from structure.md as a default but user can override before
publishing. Genre selector shown only for genesis files.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 app/web/components/PreviewPanel.tsx | 36 +++++++++++++++++++++++++++--
 app/web/components/StoriesPage.tsx  | 13 +----------
 package.json                        |  2 +-
 3 files changed, 36 insertions(+), 15 deletions(-)

diff --git a/app/web/components/PreviewPanel.tsx b/app/web/components/PreviewPanel.tsx
index 83ae353..9bddd82 100644
--- a/app/web/components/PreviewPanel.tsx
+++ b/app/web/components/PreviewPanel.tsx
@@ -3,12 +3,13 @@ import ReactMarkdown from "react-markdown";
 import remarkBreaks from "remark-breaks";
 import remarkGfm from "remark-gfm";
 import rehypeSanitize from "rehype-sanitize";
+import { GENRES } from "../../../lib/genres";
 
 interface PreviewPanelProps {
   storyName: string | null;
   fileName: string | null;
   authFetch: (url: string, opts?: RequestInit) => Promise<Response>;
-  onPublish?: (storyName: string, fileName: string) => void;
+  onPublish?: (storyName: string, fileName: string, genre: string) => void;
   publishingFile?: string | null;
 }
 
@@ -34,6 +35,7 @@ export function PreviewPanel({ storyName, fileName, authFetch, onPublish, publis
   const [dirty, setDirty] = useState(false);
   const [retrying, setRetrying] = useState(false);
   const [indexTimeLeft, setIndexTimeLeft] = useState<number | null>(null);
+  const [selectedGenre, setSelectedGenre] = useState("Fiction");
   const textareaRef = useRef<HTMLTextAreaElement>(null);
   const dirtyRef = useRef(false);
 
@@ -75,6 +77,25 @@ export function PreviewPanel({ storyName, fileName, authFetch, onPublish, publis
     return () => clearInterval(interval);
   }, [storyName, fileName, loadFile, activeTab, dirty]);
 
+  // Auto-detect genre from structure.md when story changes
+  useEffect(() => {
+    if (!storyName) return;
+    let cancelled = false;
+    authFetch(`/api/stories/${storyName}/structure.md`)
+      .then((res) => res.ok ? res.json() : null)
+      .then((data) => {
+        if (cancelled || !data?.content) return;
+        const match = data.content.match(/\*{0,2}genre\*{0,2}[:\s]+(.+)/i);
+        if (match) {
+          const detected = match[1].replace(/\*+/g, "").trim();
+          const found = GENRES.find((g) => g.toLowerCase() === detected.toLowerCase());
+          if (found) setSelectedGenre(found);
+        }
+      })
+      .catch(() => {});
+    return () => { cancelled = true; };
+  }, [storyName, authFetch]);
+
   const handleSave = useCallback(async () => {
     if (!storyName || !fileName) return;
     setSaving(true);
@@ -370,8 +391,19 @@ export function PreviewPanel({ storyName, fileName, authFetch, onPublish, publis
           </div>
         ) : (
           <div className="flex items-center gap-2">
+            {(isGenesis) && (
+              <select
+                value={selectedGenre}
+                onChange={(e) => setSelectedGenre(e.target.value)}
+                className="px-2 py-1.5 text-xs border border-border rounded bg-surface text-foreground"
+              >
+                {GENRES.map((g) => (
+                  <option key={g} value={g}>{g}</option>
+                ))}
+              </select>
+            )}
             <button
-              onClick={() => storyName && fileName && onPublish?.(storyName, fileName)}
+              onClick={() => storyName && fileName && onPublish?.(storyName, fileName, selectedGenre)}
               disabled={!!publishingFile || overLimit}
               className="px-4 py-1.5 bg-accent text-white text-sm rounded hover:bg-accent-dim disabled:opacity-50 disabled:cursor-not-allowed"
             >
diff --git a/app/web/components/StoriesPage.tsx b/app/web/components/StoriesPage.tsx
index ec533a9..07b40b4 100644
--- a/app/web/components/StoriesPage.tsx
+++ b/app/web/components/StoriesPage.tsx
@@ -177,7 +177,7 @@ export function StoriesPage({ token, authFetch }: StoriesPageProps) {
     window.addEventListener("mouseup", onMouseUp);
   }, []);
 
-  const handlePublish = useCallback(async (storyName: string, fileName: string) => {
+  const handlePublish = useCallback(async (storyName: string, fileName: string, genre: string) => {
     setPublishingFile(fileName);
     setPublishProgress("Reading file...");
 
@@ -191,17 +191,6 @@ export function StoriesPage({ token, authFetch }: StoriesPageProps) {
       const titleMatch = fileData.content.match(/^#\s+(.+)$/m);
       const title = titleMatch ? titleMatch[1].slice(0, 60) : fileName.replace(".md", "");
 
-      // Determine genre from structure.md if available
-      let genre = "Fiction";
-      try {
-        const structRes = await authFetch(`/api/stories/${storyName}/structure.md`);
-        if (structRes.ok) {
-          const structData = await structRes.json();
-          const genreMatch = structData.content.match(/genre[:\s]+(.+)/i);
-          if (genreMatch) genre = genreMatch[1].trim().slice(0, 30);
-        }
-      } catch { /* ignore */ }
-
       // For plot files, find the storylineId from the genesis publish status
       let storylineId: number | undefined;
       if (fileName.match(/^plot-\d+\.md$/)) {
diff --git a/package.json b/package.json
index be78b7c..f84e11a 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "plotlink-ows",
-  "version": "1.0.24",
+  "version": "1.0.25",
   "bin": {
     "plotlink-ows": "./bin/plotlink-ows.js"
   },

From f5ee331db9d3588013013d2bf6206dc02c7adece Mon Sep 17 00:00:00 2001
From: Cho Young-Hwi <cyh76507707@gmail.com>
Date: Fri, 24 Apr 2026 16:52:15 +0900
Subject: [PATCH 2/3] [#169] Pass selectedGenre in retry-publish path for plot
 files

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 app/web/components/PreviewPanel.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/web/components/PreviewPanel.tsx b/app/web/components/PreviewPanel.tsx
index 9bddd82..9e6f76e 100644
--- a/app/web/components/PreviewPanel.tsx
+++ b/app/web/components/PreviewPanel.tsx
@@ -324,7 +324,7 @@ export function PreviewPanel({ storyName, fileName, authFetch, onPublish, publis
               )}
               {isPlot && (
                 <button
-                  onClick={() => storyName && fileName && onPublish?.(storyName, fileName)}
+                  onClick={() => storyName && fileName && onPublish?.(storyName, fileName, selectedGenre)}
                   disabled={!!publishingFile}
                   className="px-3 py-1 border border-border text-xs rounded hover:bg-surface disabled:opacity-50"
                 >

From d3ee61095d57dd4be8d930ca3756a43cd6fd4759 Mon Sep 17 00:00:00 2001
From: Cho Young-Hwi <cyh76507707@gmail.com>
Date: Fri, 24 Apr 2026 16:53:25 +0900
Subject: [PATCH 3/3] [#169] Default selectedGenre to GENRES[0] instead of
 invalid "Fiction"

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 app/web/components/PreviewPanel.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/web/components/PreviewPanel.tsx b/app/web/components/PreviewPanel.tsx
index 9e6f76e..da89d40 100644
--- a/app/web/components/PreviewPanel.tsx
+++ b/app/web/components/PreviewPanel.tsx
@@ -35,7 +35,7 @@ export function PreviewPanel({ storyName, fileName, authFetch, onPublish, publis
   const [dirty, setDirty] = useState(false);
   const [retrying, setRetrying] = useState(false);
   const [indexTimeLeft, setIndexTimeLeft] = useState<number | null>(null);
-  const [selectedGenre, setSelectedGenre] = useState("Fiction");
+  const [selectedGenre, setSelectedGenre] = useState(GENRES[0]);
   const textareaRef = useRef<HTMLTextAreaElement>(null);
   const dirtyRef = useRef(false);