Remove char name field + page slider; illustrated PDF cover

- Removed unused 'Character name' input field — only hero name is needed
- Removed 'Number of pages' slider — pages 7-10 generated identical filler
because the model reliably writes 6 pages; fixed at 6 for a complete book
- PDF cover now uses the first FLUX illustration as a full-bleed background
with dark banner overlays for kicker + title + badge, matching the in-app
HTML cover; fallback cream design kept for when no illustration is available
- Both story PDF and coloring PDF use the same illustrated cover system

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

app.py

@@ -743,15 +743,13 @@ def generate_tts_gpu(text: str, voice: str = DEFAULT_VOICE,
 # MAIN BOOK CREATION (Generator for streaming)
 # ============================================================================
 
-def create_book(doodle_image, character_name, theme, hero_name,
+def create_book(doodle_image, theme, hero_name,
                 voice=DEFAULT_VOICE, make_coloring=False,
-                num_pages=6, custom_voice_wav=None):
-    """ZeroGPU book flow: story → images → narration → PDFs → coloring book,
-    each a sequential @spaces.GPU call (ZeroGPU has one GPU per request)."""
+                custom_voice_wav=None):
+    """ZeroGPU book flow: story → images → narration → PDFs → coloring book."""
     t_total = time.perf_counter()
-    character_name = (character_name or "").strip() or "Little Hero"
-    hero_name = (hero_name or "").strip() or character_name
-    num_pages = max(6, min(10, int(num_pages or 6)))
+    hero_name = (hero_name or "").strip() or "Little Hero"
+    num_pages = 6
 
     trace_data = {
         "backend": "zerogpu",

book_builder.py

@@ -196,45 +196,12 @@ def _paper_grain(img, rng_seed=42, amount=2000):
         )
 
 
-def render_cover_image(
-    title: str,
-    badge_text: str = "illustrated by FLUX.2-klein",
-    kind: str = "story",
-) -> bytes:
-    """
-    Render a full-page scrapbook-style cover as PNG bytes.
-
-    Canvas ~1240x1754 (A4 @150dpi). Cream bg, crayon title with layered
-    shadow, badge. Used as page 1 of both story and coloring PDFs.
-    """
-    W, H = 1240, 1754
-    cream = (255, 248, 230)
-    ink = (46, 42, 38)
-    sun = (244, 198, 74)
-    berry = (214, 81, 122)
-    leaf = (116, 184, 90)
-
-    img = Image.new("RGB", (W, H), cream)
-    draw = ImageDraw.Draw(img)
-
-    _paper_grain(img, amount=6000)
-
-    # Kicker
-    font_kicker = _load_font(FONT_CAVEAT, 60)
-    draw.text((W // 2, 520), "a DoodleBook story", font=font_kicker,
-              fill=berry, anchor="mm")
-
-    # Title — layered shadow
-    font_title = _load_font(FONT_GAEGU, 120)
-
-    # wrap title to <=2 lines
+def _wrap_title(title: str, font, max_w: int) -> list:
     words = title.split()
-    lines = []
-    current = ""
+    lines, current = [], ""
     for w in words:
         test = f"{current} {w}".strip()
-        bbox = font_title.getbbox(test)
-        if bbox[2] - bbox[0] > W - 200:
+        if font.getbbox(test)[2] - font.getbbox(test)[0] > max_w:
             if current:
                 lines.append(current)
             current = w
@@ -242,41 +209,128 @@ def render_cover_image(
             current = test
     if current:
         lines.append(current)
+    return lines or [title]
 
-    total_h = len(lines) * 140
-    y_start = 680
-
-    for i, line in enumerate(lines):
-        cy = y_start + i * 140
-        # sun shadow
-        draw.text((W // 2 + 4, cy + 4), line, font=font_title,
-                  fill=sun, anchor="mm")
-        # ink on top
-        draw.text((W // 2, cy), line, font=font_title,
-                  fill=ink, anchor="mm")
-
-    # Badge — rounded rect
-    font_badge = _load_font(FONT_GAEGU, 44)
-    bbox = font_badge.getbbox(badge_text)
-    tw = bbox[2] - bbox[0]
-    th = bbox[3] - bbox[1]
-    bx = W // 2 - (tw + 40) // 2
-    by = y_start + total_h + 80
-    draw.rounded_rectangle(
-        [bx, by, bx + tw + 40, by + th + 24],
-        radius=16, fill=leaf,
-    )
-    draw.text((bx + 20 + tw // 2, by + 12 + th // 2), badge_text,
-              font=font_badge, fill=(255, 255, 255), anchor="mm")
 
-    # Crayon underline squiggle
-    import random
-    rng = random.Random(77)
-    sx = W // 2 - 180
-    sy = y_start + total_h + 40
-    pts = [(sx + j * 10, sy + rng.randint(-5, 5)) for j in range(36)]
-    draw.line(pts, fill=leaf, width=5, joint="curve")
+def render_cover_image(
+    title: str,
+    badge_text: str = "illustrated by FLUX.2-klein",
+    kind: str = "story",
+    first_page_bytes: bytes = None,
+) -> bytes:
+    """
+    Render a full-page illustrated cover as PNG bytes (A4 @150dpi, 1240x1754).
 
+    When first_page_bytes is provided (the FLUX page 1 illustration), it fills
+    the cover as a full-bleed background with dark banner overlays for the title.
+    Falls back to cream-background design when no illustration is available.
+    """
+    W, H = 1240, 1754
+    sun    = (244, 198, 74)
+    leaf   = (116, 184, 90)
+    white  = (255, 255, 255)
+    ink    = (46, 42, 38)
+    berry  = (214, 81, 122)
+    dark   = (30, 26, 24)
+
+    if first_page_bytes:
+        # --- Full-bleed FLUX illustration cover ---
+        src = Image.open(io.BytesIO(first_page_bytes)).convert("RGB")
+        # Scale-and-crop to fill A4 exactly
+        src_r = src.width / src.height
+        tar_r = W / H
+        if src_r > tar_r:
+            new_h, new_w = H, int(H * src_r)
+        else:
+            new_w, new_h = W, int(W / src_r)
+        src = src.resize((new_w, new_h), Image.LANCZOS)
+        left = (new_w - W) // 2
+        top  = (new_h - H) // 2
+        base = src.crop((left, top, left + W, top + H)).convert("RGBA")
+
+        # Dark banner overlays (semi-transparent)
+        ov = Image.new("RGBA", (W, H), (0, 0, 0, 0))
+        dov = ImageDraw.Draw(ov)
+        # Top strip (kicker)
+        dov.rectangle([0, 0, W, 170], fill=(*dark, 210))
+        # Bottom strip (title + badge)  — taller when title is long
+        dov.rectangle([0, H - 540, W, H], fill=(*dark, 215))
+        # Decorative inner border
+        for i in range(3):
+            dov.rectangle([i*10, i*10, W - i*10, H - i*10],
+                          outline=(255, 255, 255, 60), width=2)
+
+        img = Image.alpha_composite(base, ov).convert("RGB")
+        draw = ImageDraw.Draw(img)
+
+        # Kicker
+        font_kicker = _load_font(FONT_CAVEAT, 68)
+        draw.text((W // 2, 88), "✨  a DoodleBook story  ✨",
+                  font=font_kicker, fill=sun, anchor="mm")
+
+        # Title
+        font_title = _load_font(FONT_GAEGU, 108)
+        lines = _wrap_title(title, font_title, W - 140)
+        line_h = 128
+        total_h = len(lines) * line_h
+        y0 = H - 510 + max(0, (460 - total_h)) // 2
+        for i, line in enumerate(lines):
+            cy = y0 + i * line_h
+            draw.text((W // 2 + 3, cy + 3), line, font=font_title,
+                      fill=sun, anchor="mm")
+            draw.text((W // 2, cy), line, font=font_title,
+                      fill=white, anchor="mm")
+
+        # Badge
+        font_badge = _load_font(FONT_GAEGU, 46)
+        bb = font_badge.getbbox(badge_text)
+        tw, th = bb[2] - bb[0], bb[3] - bb[1]
+        bx = W // 2 - (tw + 44) // 2
+        by = H - 72
+        draw.rounded_rectangle([bx, by - th - 16, bx + tw + 44, by],
+                               radius=14, fill=leaf)
+        draw.text((W // 2, by - th // 2 - 8), badge_text,
+                  font=font_badge, fill=white, anchor="mm")
+
+    else:
+        # --- Cream fallback cover ---
+        cream = (255, 248, 230)
+        img = Image.new("RGB", (W, H), cream)
+        draw = ImageDraw.Draw(img)
+        _paper_grain(img, amount=6000)
+
+        font_kicker = _load_font(FONT_CAVEAT, 60)
+        draw.text((W // 2, 520), "✨ a DoodleBook story ✨",
+                  font=font_kicker, fill=berry, anchor="mm")
+
+        font_title = _load_font(FONT_GAEGU, 120)
+        lines = _wrap_title(title, font_title, W - 200)
+        total_h = len(lines) * 140
+        y0 = 680
+        for i, line in enumerate(lines):
+            cy = y0 + i * 140
+            draw.text((W // 2 + 4, cy + 4), line, font=font_title,
+                      fill=sun, anchor="mm")
+            draw.text((W // 2, cy), line, font=font_title,
+                      fill=ink, anchor="mm")
+
+        font_badge = _load_font(FONT_GAEGU, 44)
+        bb = font_badge.getbbox(badge_text)
+        tw, th = bb[2] - bb[0], bb[3] - bb[1]
+        bx = W // 2 - (tw + 40) // 2
+        by = y0 + total_h + 80
+        draw.rounded_rectangle([bx, by, bx + tw + 40, by + th + 24],
+                               radius=16, fill=leaf)
+        draw.text((bx + 20 + tw // 2, by + 12 + th // 2), badge_text,
+                  font=font_badge, fill=white, anchor="mm")
+
+        import random
+        rng = random.Random(77)
+        sx, sy = W // 2 - 180, y0 + total_h + 40
+        pts = [(sx + j * 10, sy + rng.randint(-5, 5)) for j in range(36)]
+        draw.line(pts, fill=leaf, width=5, joint="curve")
+
+    _paper_grain(img, amount=2000)
     buf = io.BytesIO()
     img.save(buf, format="PNG")
     return buf.getvalue()
@@ -386,8 +440,11 @@ def export_pdf(
     pdf = FPDF()
     pdf.set_auto_page_break(auto=False)
 
-    # Styled cover
-    cover_png = render_cover_image(title, "illustrated by FLUX.2-klein", "story")
+    # Cover: full-bleed FLUX illustration when available
+    cover_png = render_cover_image(
+        title, "illustrated by FLUX.2-klein", "story",
+        first_page_bytes=pages_images[0] if pages_images else None,
+    )
     pdf.add_page()
     _pdf_cover_page(pdf, cover_png)
 
@@ -424,8 +481,11 @@ def export_coloring_pdf(
     pdf = FPDF()
     pdf.set_auto_page_break(auto=False)
 
-    # Styled cover
-    cover_png = render_cover_image(title, "a coloring book to color in", "coloring")
+    # Cover: first coloring-page illustration as full-bleed background
+    cover_png = render_cover_image(
+        title, "a coloring book to color in", "coloring",
+        first_page_bytes=outline_imgs[0] if outline_imgs else None,
+    )
     pdf.add_page()
     _pdf_cover_page(pdf, cover_png)
 

ui/layout.py

@@ -284,12 +284,6 @@ body, gradio-app {
 }
 .theme-pick input[type="radio"] { accent-color: var(--crayon-orange); margin-right: 6px; }
 
-/* Page-count slider */
-.page-slider label span {
-  font-family: 'Gaegu', cursive !important; font-weight: 700 !important;
-  font-size: 19px !important; color: var(--ink) !important;
-}
-.page-slider input[type="range"] { accent-color: var(--crayon-teal) !important; }
 
 /* ============================== STATUS ============================== */
 .status-display textarea {
@@ -516,11 +510,6 @@ def create_layout(load_sample_fn=None, create_book_fn=None):
                     elem_classes=["doodle-input"],
                 )
                 gr.HTML('<p class="card-eyebrow">2 &middot; the details</p>')
-                char_name = gr.Textbox(
-                    label="Character name",
-                    placeholder="Ziggy the robot",
-                    elem_classes=["field"],
-                )
                 hero_name = gr.Textbox(
                     label="Hero's name in the story",
                     placeholder="Ziggy",
@@ -531,11 +520,6 @@ def create_layout(load_sample_fn=None, create_book_fn=None):
                     label="Story theme (pick one)",
                     elem_classes=["field", "theme-pick"],
                 )
-                num_pages = gr.Slider(
-                    minimum=6, maximum=10, step=1, value=6,
-                    label="Number of pages",
-                    elem_classes=["field", "page-slider"],
-                )
                 voice = gr.Radio(
                     choices=VOICE_CHOICES, value=DEFAULT_VOICE,
                     label="Narrator voice",
@@ -563,8 +547,8 @@ def create_layout(load_sample_fn=None, create_book_fn=None):
                     value="Ready when you are! ✏️",
                 )
                 gr.Examples(
-                    examples=[["assets/sample_doodle.jpg", "Ziggy", "Ziggy", "brave adventure"]],
-                    inputs=[doodle, char_name, hero_name, theme],
+                    examples=[["assets/sample_doodle.jpg", "Ziggy", "brave adventure"]],
+                    inputs=[doodle, hero_name, theme],
                     label="Try an example",
                 )
 
@@ -638,8 +622,7 @@ def create_layout(load_sample_fn=None, create_book_fn=None):
         if create_book_fn:
             make_btn.click(
                 fn=create_book_fn,
-                inputs=[doodle, char_name, theme, hero_name, voice, make_coloring,
-                        num_pages, custom_voice_audio],
+                inputs=[doodle, theme, hero_name, voice, make_coloring, custom_voice_audio],
                 outputs=[book_display, status, audio_narration, pdf_download,
                          story_info, image_info, trace_info,
                          coloring_display, coloring_pdf_download],