From faa48495238d35f190a6818f474d75e95a8e163f Mon Sep 17 00:00:00 2001
From: thePR0M3TH3AN <53631862+PR0M3TH3AN@users.noreply.github.com>
Date: Thu, 4 Jun 2026 14:54:59 -0400
Subject: [PATCH] fix(book): show page-edit bar in cover-edit mode + add
 Book/Meme/Other categories
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- The bookPageEditBar CSS only matched .editing-book-page, so the bar
  (Back / Publish / Proof / Cover JSON) was completely hidden while
  editing the cover. Added .editing-book-cover to the selector so the
  bar shows in both modes.
- Back button label is now '✓ Done — back to Cover view' with a tooltip
  that says changes are autosaved. The old 'Back to Cover view' label
  hid the fact that work persists automatically.
- mediaCategories: added 'Book', 'Meme', 'Other'.

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
---
 src/index.html | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

diff --git a/src/index.html b/src/index.html
index 0f801da..1f61f25 100644
--- a/src/index.html
+++ b/src/index.html
@@ -1851,7 +1851,8 @@
       box-shadow: 0 6px 20px rgba(15,23,42,.18);
       font-size: .82rem;
     }
-    body.template-book.editing-book-page #bookPageEditBar { display: flex; }
+    body.template-book.editing-book-page #bookPageEditBar,
+    body.template-book.editing-book-cover #bookPageEditBar { display: flex; }
     #bookPageEditBack {
       border: 0; background: var(--accent); color: #fff;
       cursor: pointer; border-radius: 999px;
@@ -12494,7 +12495,10 @@
       if (pubStatus) pubStatus.textContent = '';
       if (editingCover) {
         if (label) label.textContent = 'Cover spread';
-        if (back) back.textContent = '← Back to Cover view';
+        if (back) {
+          back.textContent = '✓ Done — back to Cover view';
+          back.title = 'Your changes are autosaved. Click to return to the cover summary.';
+        }
         if (prev) prev.style.display = 'none';
         if (next) next.style.display = 'none';
         if (tfBtn) tfBtn.style.display = 'none';
@@ -12945,7 +12949,10 @@
       { value: 'custom-art', label: 'Custom art' },
       { value: 'slide', label: 'Slide design' },
       { value: 'slide-deck', label: 'Slide deck' },
-      { value: 'pixel-art', label: 'Pixel art' }
+      { value: 'pixel-art', label: 'Pixel art' },
+      { value: 'book', label: 'Book' },
+      { value: 'meme', label: 'Meme' },
+      { value: 'other', label: 'Other' }
     ];
 
     const DEFAULT_NOSTR_RELAYS = [