up

app.py

@@ -1017,49 +1017,9 @@ with gr.Blocks(css=css) as demo:
     with gr.Column(elem_id="col-container"):
         gr.HTML("""
         <div id="logo-title" style="display: flex; align-items: center; justify-content: center; padding: 20px 0; position: relative;">
-            <img src="/gradio_api/file=logo.png" alt="AI Comic Factory Logo" style="max-height: 256px; width: auto; margin-right: 30px;">
+            <img src="/gradio_api/file=logo.png" alt="AI Comic Factory Logo" style="max-height: 64px; width: auto; margin-right: 30px;">
             <div style="position: relative; display: flex; flex-direction: column; align-items: center;">
-                <div class="comic-label comic-label-top" style="
-                    background: linear-gradient(135deg, #ff6b35, #ff8c42);
-                    color: white;
-                    padding: 12px 28px;
-                    font-size: 32px;
-                    font-weight: 900;
-                    text-transform: uppercase;
-                    transform: rotate(-5deg);
-                    position: relative;
-                    margin-bottom: 10px;
-                    border-radius: 8px;
-                    box-shadow: 0 8px 20px rgba(255, 107, 53, 0.4);
-                    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
-                    letter-spacing: 2px;
-                    border: 3px solid #fff;
-                    font-family: 'Impact', 'Arial Black', sans-serif;
-                    animation: pulse 2s ease-in-out infinite;
-                ">
-                    AI Comic Factory
-                </div>
-                <div class="comic-label comic-label-bottom" style="
-                    background: linear-gradient(135deg, #ff8c42, #ffa552);
-                    color: white;
-                    padding: 10px 24px;
-                    font-size: 24px;
-                    font-weight: 800;
-                    text-transform: uppercase;
-                    transform: rotate(7deg);
-                    position: relative;
-                    border-radius: 6px;
-                    box-shadow: 0 6px 16px rgba(255, 140, 66, 0.4);
-                    text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.15);
-                    letter-spacing: 1.5px;
-                    border: 2px solid #fff;
-                    font-family: 'Impact', 'Arial Black', sans-serif;
-                    font-style: italic;
-                    animation: pulse 2s ease-in-out infinite;
-                    animation-delay: 0.5s;
-                ">
-                    Gradio Edition!
-                </div>
+                
                 <style>
                     @keyframes pulse {
                         0%, 100% {

page_layouts.yaml

@@ -20,38 +20,6 @@ layouts:
       metadata:
         - {panel_type: "splash", focus: "event", composition: "square", shot_type: "full", camera_angle: "eye_level"}
 
-    - id: "classic_frame"
-      label: "Classic Frame"
-      description: "Single image with traditional margins"
-      positions:
-        - [0.05, 0.05, 0.9, 0.9]
-      metadata:
-        - {panel_type: "establishing", focus: "environment", composition: "square", shot_type: "wide", camera_angle: "high_angle"}
-
-    - id: "portrait_focus"
-      label: "Portrait Focus"
-      description: "Vertical emphasis for character shots"
-      positions:
-        - [0.15, 0.02, 0.7, 0.96]
-      metadata:
-        - {panel_type: "closeup", focus: "character", composition: "portrait", shot_type: "medium_closeup", camera_angle: "eye_level"}
-
-    - id: "cinematic_wide"
-      label: "Cinematic Wide"
-      description: "Wide letterbox format"
-      positions:
-        - [0.02, 0.25, 0.96, 0.5]
-      metadata:
-        - {panel_type: "establishing", focus: "environment", composition: "wide", shot_type: "extreme_wide", camera_angle: "eye_level"}
-
-    - id: "floating_center"
-      label: "Floating Center"
-      description: "Centered with breathing room"
-      positions:
-        - [0.1, 0.15, 0.8, 0.7]
-      metadata:
-        - {panel_type: "dialogue", focus: "character", composition: "square", shot_type: "medium", camera_angle: "eye_level"}
-
   2_images:
     - id: "horizontal_split"
       label: "Even Split"
@@ -294,37 +262,45 @@ layouts:
         - {panel_type: "reaction", focus: "emotion", composition: "landscape", shot_type: "closeup", camera_angle: "eye_level"}
         - {panel_type: "action", focus: "event", composition: "wide", shot_type: "full", camera_angle: "overhead"}
 
-    - id: "pyramid"
-      label: "Pyramid"
-      description: "Building tension from top to bottom"
-      positions:
-        - [0.25, 0.02, 0.5, 0.25]
-        - [0.02, 0.29, 0.47, 0.3]
-        - [0.51, 0.29, 0.47, 0.3]
-        - [0.02, 0.61, 0.31, 0.37]
-        - [0.67, 0.61, 0.31, 0.37]
-      metadata:
-        - {panel_type: "establishing", focus: "environment", composition: "landscape", shot_type: "wide", camera_angle: "high_angle"}
-        - {panel_type: "dialogue", focus: "character", composition: "landscape", shot_type: "medium", camera_angle: "eye_level"}
-        - {panel_type: "dialogue", focus: "character", composition: "landscape", shot_type: "medium_closeup", camera_angle: "over_shoulder"}
-        - {panel_type: "action", focus: "event", composition: "portrait", shot_type: "full", camera_angle: "low_angle"}
-        - {panel_type: "action", focus: "event", composition: "portrait", shot_type: "medium", camera_angle: "dutch_angle"}
-
-    - id: "spotlight_drama"
-      label: "Spotlight Drama"
-      description: "Central focus with corner details"
-      positions:
-        - [0.02, 0.02, 0.35, 0.35]
-        - [0.63, 0.02, 0.35, 0.35]
-        - [0.22, 0.22, 0.56, 0.56]
-        - [0.02, 0.63, 0.35, 0.35]
-        - [0.63, 0.63, 0.35, 0.35]
-      metadata:
-        - {panel_type: "detail", focus: "object", composition: "square", shot_type: "extreme_closeup", camera_angle: "overhead"}
-        - {panel_type: "detail", focus: "object", composition: "square", shot_type: "extreme_closeup", camera_angle: "eye_level"}
-        - {panel_type: "action", focus: "character", composition: "square", shot_type: "full", camera_angle: "low_angle"}
-        - {panel_type: "reaction", focus: "emotion", composition: "square", shot_type: "closeup", camera_angle: "low_angle"}
-        - {panel_type: "reaction", focus: "emotion", composition: "square", shot_type: "closeup", camera_angle: "high_angle"}
+    #
+    # disabled because his "pyramid" effect does't work well with only 5 images,
+    # (it doesn't fit the whole page)
+    #
+    #- id: "pyramid"
+    #  label: "Pyramid"
+    #  description: "Building tension from top to bottom"
+    #  positions:
+    #    - [0.25, 0.02, 0.5, 0.25]
+    #    - [0.02, 0.29, 0.47, 0.3]
+    #    - [0.51, 0.29, 0.47, 0.3]
+    #    - [0.02, 0.61, 0.31, 0.37]
+    #    - [0.67, 0.61, 0.31, 0.37]
+    #  metadata:
+    #    - {panel_type: "establishing", focus: "environment", composition: "landscape", shot_type: "wide", camera_angle: "high_angle"}
+    #    - {panel_type: "dialogue", focus: "character", composition: "landscape", shot_type: "medium", camera_angle: "eye_level"}
+    #    - {panel_type: "dialogue", focus: "character", composition: "landscape", shot_type: "medium_closeup", camera_angle: "over_shoulder"}
+    #    - {panel_type: "action", focus: "event", composition: "portrait", shot_type: "full", camera_angle: "low_angle"}
+    #    - {panel_type: "action", focus: "event", composition: "portrait", shot_type: "medium", camera_angle: "dutch_angle"}
+
+    #
+    # disabled because it doesn't look good, it creates a lot of empty spots in the cardinal directions,
+    # plus there is some overlap between the central image and the 4 others
+    #
+    #- id: "spotlight_drama"
+    #  label: "Spotlight Drama"
+    #  description: "Central focus with corner details"
+    #  positions:
+    #    - [0.02, 0.02, 0.35, 0.35]
+    #    - [0.63, 0.02, 0.35, 0.35]
+    #    - [0.22, 0.22, 0.56, 0.56]
+    #    - [0.02, 0.63, 0.35, 0.35]
+    #    - [0.63, 0.63, 0.35, 0.35]
+    #  metadata:
+    #    - {panel_type: "detail", focus: "object", composition: "square", shot_type: "extreme_closeup", camera_angle: "overhead"}
+    #    - {panel_type: "detail", focus: "object", composition: "square", shot_type: "extreme_closeup", camera_angle: "eye_level"}
+    #    - {panel_type: "action", focus: "character", composition: "square", shot_type: "full", camera_angle: "low_angle"}
+    #    - {panel_type: "reaction", focus: "emotion", composition: "square", shot_type: "closeup", camera_angle: "low_angle"}
+    #    - {panel_type: "reaction", focus: "emotion", composition: "square", shot_type: "closeup", camera_angle: "high_angle"}
 
     - id: "euro_bd"
       label: "Euro BD Classic"
@@ -377,23 +353,24 @@ layouts:
         - {panel_type: "action", focus: "event", composition: "landscape", shot_type: "full", camera_angle: "low_angle"}
         - {panel_type: "reaction", focus: "emotion", composition: "landscape", shot_type: "closeup", camera_angle: "eye_level"}
 
-    - id: "hero_surround"
-      label: "Hero Surrounded"
-      description: "Large central panel with five around it"
-      positions:
-        - [0.02, 0.02, 0.31, 0.28]
-        - [0.67, 0.02, 0.31, 0.28]
-        - [0.02, 0.7, 0.31, 0.28]
-        - [0.67, 0.7, 0.31, 0.28]
-        - [0.25, 0.25, 0.5, 0.5]
-        - [0.35, 0.35, 0.63, 0.33]
-      metadata:
-        - {panel_type: "detail", focus: "object", composition: "square", shot_type: "extreme_closeup", camera_angle: "overhead"}
-        - {panel_type: "detail", focus: "object", composition: "square", shot_type: "extreme_closeup", camera_angle: "eye_level"}
-        - {panel_type: "detail", focus: "object", composition: "square", shot_type: "closeup", camera_angle: "low_angle"}
-        - {panel_type: "detail", focus: "character", composition: "square", shot_type: "closeup", camera_angle: "eye_level"}
-        - {panel_type: "action", focus: "character", composition: "square", shot_type: "full", camera_angle: "low_angle"}
-        - {panel_type: "action", focus: "event", composition: "landscape", shot_type: "medium", camera_angle: "dutch_angle"}
+    # disabled as there is too much empty space around the central image
+    #- id: "hero_surround"
+    #  label: "Hero Surrounded"
+    #  description: "Large central panel with five around it"
+    #  positions:
+    #    - [0.02, 0.02, 0.31, 0.28]
+    #    - [0.67, 0.02, 0.31, 0.28]
+    #    - [0.02, 0.7, 0.31, 0.28]
+    #    - [0.67, 0.7, 0.31, 0.28]
+    #    - [0.25, 0.25, 0.5, 0.5]
+    #    - [0.35, 0.35, 0.63, 0.33]
+    #  metadata:
+    #    - {panel_type: "detail", focus: "object", composition: "square", shot_type: "extreme_closeup", camera_angle: "overhead"}
+    #    - {panel_type: "detail", focus: "object", composition: "square", shot_type: "extreme_closeup", camera_angle: "eye_level"}
+    #    - {panel_type: "detail", focus: "object", composition: "square", shot_type: "closeup", camera_angle: "low_angle"}
+    #    - {panel_type: "detail", focus: "character", composition: "square", shot_type: "closeup", camera_angle: "eye_level"}
+    #    - {panel_type: "action", focus: "character", composition: "square", shot_type: "full", camera_angle: "low_angle"}
+    #    - {panel_type: "action", focus: "event", composition: "landscape", shot_type: "medium", camera_angle: "dutch_angle"}
 
     - id: "staircase"
       label: "Staircase"
@@ -413,23 +390,24 @@ layouts:
         - {panel_type: "action", focus: "character", composition: "landscape", shot_type: "full", camera_angle: "low_angle"}
         - {panel_type: "reaction", focus: "emotion", composition: "landscape", shot_type: "closeup", camera_angle: "eye_level"}
 
-    - id: "splash_detail"
-      label: "Splash with Details"
-      description: "Full-page moment with detail insets"
-      positions:
-        - [0.05, 0.05, 0.4, 0.4]
-        - [0.55, 0.05, 0.4, 0.4]
-        - [0.05, 0.55, 0.4, 0.4]
-        - [0.55, 0.55, 0.4, 0.4]
-        - [0.25, 0.25, 0.5, 0.5]
-        - [0.35, 0.35, 0.3, 0.3]
-      metadata:
-        - {panel_type: "detail", focus: "environment", composition: "square", shot_type: "closeup", camera_angle: "eye_level"}
-        - {panel_type: "detail", focus: "object", composition: "square", shot_type: "extreme_closeup", camera_angle: "overhead"}
-        - {panel_type: "detail", focus: "object", composition: "square", shot_type: "closeup", camera_angle: "low_angle"}
-        - {panel_type: "detail", focus: "character", composition: "square", shot_type: "closeup", camera_angle: "eye_level"}
-        - {panel_type: "action", focus: "event", composition: "square", shot_type: "full", camera_angle: "low_angle"}
-        - {panel_type: "closeup", focus: "emotion", composition: "square", shot_type: "extreme_closeup", camera_angle: "eye_level"}
+    # disabled as there is too much empty space around the central image
+    #- id: "splash_detail"
+    #  label: "Splash with Details"
+    #  description: "Full-page moment with detail insets"
+    #  positions:
+    #    - [0.05, 0.05, 0.4, 0.4]
+    #    - [0.55, 0.05, 0.4, 0.4]
+    #    - [0.05, 0.55, 0.4, 0.4]
+    #    - [0.55, 0.55, 0.4, 0.4]
+    #    - [0.25, 0.25, 0.5, 0.5]
+    #    - [0.35, 0.35, 0.3, 0.3]
+    #  metadata:
+    #    - {panel_type: "detail", focus: "environment", composition: "square", shot_type: "closeup", camera_angle: "eye_level"}
+    #    - {panel_type: "detail", focus: "object", composition: "square", shot_type: "extreme_closeup", camera_angle: "overhead"}
+    #    - {panel_type: "detail", focus: "object", composition: "square", shot_type: "closeup", camera_angle: "low_angle"}
+    #    - {panel_type: "detail", focus: "character", composition: "square", shot_type: "closeup", camera_angle: "eye_level"}
+    #    - {panel_type: "action", focus: "event", composition: "square", shot_type: "full", camera_angle: "low_angle"}
+    #    - {panel_type: "closeup", focus: "emotion", composition: "square", shot_type: "extreme_closeup", camera_angle: "eye_level"}
 
     - id: "manga_4koma_plus"
       label: "Manga 4-Koma Plus"
@@ -468,25 +446,26 @@ layouts:
         - {panel_type: "closeup", focus: "emotion", composition: "portrait", shot_type: "extreme_closeup", camera_angle: "eye_level"}
 
   7_images:
-    - id: "hero_hexagon"
-      label: "Hero Hexagon"
-      description: "Central focus with six surrounding"
-      positions:
-        - [0.28, 0.02, 0.44, 0.3]
-        - [0.02, 0.25, 0.3, 0.25]
-        - [0.68, 0.25, 0.3, 0.25]
-        - [0.25, 0.35, 0.5, 0.3]
-        - [0.02, 0.52, 0.3, 0.25]
-        - [0.68, 0.52, 0.3, 0.25]
-        - [0.28, 0.68, 0.44, 0.3]
-      metadata:
-        - {panel_type: "establishing", focus: "environment", composition: "landscape", shot_type: "wide", camera_angle: "high_angle"}
-        - {panel_type: "detail", focus: "object", composition: "landscape", shot_type: "closeup", camera_angle: "eye_level"}
-        - {panel_type: "detail", focus: "object", composition: "landscape", shot_type: "extreme_closeup", camera_angle: "overhead"}
-        - {panel_type: "action", focus: "character", composition: "landscape", shot_type: "full", camera_angle: "low_angle"}
-        - {panel_type: "dialogue", focus: "character", composition: "landscape", shot_type: "medium_closeup", camera_angle: "eye_level"}
-        - {panel_type: "dialogue", focus: "character", composition: "landscape", shot_type: "medium_closeup", camera_angle: "over_shoulder"}
-        - {panel_type: "reaction", focus: "emotion", composition: "landscape", shot_type: "closeup", camera_angle: "eye_level"}
+    # disabled as there is too much empty space around the central image plus some overlapping
+    #- id: "hero_hexagon"
+    #  label: "Hero Hexagon"
+    #  description: "Central focus with six surrounding"
+    #  positions:
+    #    - [0.28, 0.02, 0.44, 0.3]
+    #    - [0.02, 0.25, 0.3, 0.25]
+    #    - [0.68, 0.25, 0.3, 0.25]
+    #    - [0.25, 0.35, 0.5, 0.3]
+    #    - [0.02, 0.52, 0.3, 0.25]
+    #    - [0.68, 0.52, 0.3, 0.25]
+    #    - [0.28, 0.68, 0.44, 0.3]
+    #  metadata:
+    #    - {panel_type: "establishing", focus: "environment", composition: "landscape", shot_type: "wide", camera_angle: "high_angle"}
+    #    - {panel_type: "detail", focus: "object", composition: "landscape", shot_type: "closeup", camera_angle: "eye_level"}
+    #    - {panel_type: "detail", focus: "object", composition: "landscape", shot_type: "extreme_closeup", camera_angle: "overhead"}
+    #    - {panel_type: "action", focus: "character", composition: "landscape", shot_type: "full", camera_angle: "low_angle"}
+    #    - {panel_type: "dialogue", focus: "character", composition: "landscape", shot_type: "medium_closeup", camera_angle: "eye_level"}
+    #    - {panel_type: "dialogue", focus: "character", composition: "landscape", shot_type: "medium_closeup", camera_angle: "over_shoulder"}
+    #    - {panel_type: "reaction", focus: "emotion", composition: "landscape", shot_type: "closeup", camera_angle: "eye_level"}
 
     - id: "narrative_flow"
       label: "Narrative Flow"
@@ -528,25 +507,26 @@ layouts:
         - {panel_type: "reaction", focus: "emotion", composition: "landscape", shot_type: "closeup", camera_angle: "eye_level"}
         - {panel_type: "reaction", focus: "emotion", composition: "landscape", shot_type: "medium_closeup", camera_angle: "over_shoulder"}
 
-    - id: "spiral_narrative"
-      label: "Spiral Narrative"
-      description: "Circular reading flow"
-      positions:
-        - [0.28, 0.02, 0.44, 0.25]
-        - [0.52, 0.15, 0.46, 0.25]
-        - [0.52, 0.42, 0.46, 0.25]
-        - [0.28, 0.55, 0.44, 0.25]
-        - [0.02, 0.42, 0.44, 0.25]
-        - [0.02, 0.15, 0.44, 0.25]
-        - [0.3, 0.3, 0.4, 0.22]
-      metadata:
-        - {panel_type: "establishing", focus: "environment", composition: "landscape", shot_type: "wide", camera_angle: "high_angle"}
-        - {panel_type: "dialogue", focus: "character", composition: "landscape", shot_type: "medium", camera_angle: "eye_level"}
-        - {panel_type: "action", focus: "event", composition: "landscape", shot_type: "medium_full", camera_angle: "eye_level"}
-        - {panel_type: "action", focus: "event", composition: "landscape", shot_type: "full", camera_angle: "low_angle"}
-        - {panel_type: "dialogue", focus: "character", composition: "landscape", shot_type: "medium_closeup", camera_angle: "over_shoulder"}
-        - {panel_type: "reaction", focus: "emotion", composition: "landscape", shot_type: "closeup", camera_angle: "eye_level"}
-        - {panel_type: "closeup", focus: "character", composition: "landscape", shot_type: "extreme_closeup", camera_angle: "pov"}
+    # disabled as there is too much empty space around the central image
+    #- id: "spiral_narrative"
+    #  label: "Spiral Narrative"
+    #  description: "Circular reading flow"
+    #  positions:
+    #    - [0.28, 0.02, 0.44, 0.25]
+    #    - [0.52, 0.15, 0.46, 0.25]
+    #    - [0.52, 0.42, 0.46, 0.25]
+    #    - [0.28, 0.55, 0.44, 0.25]
+    #    - [0.02, 0.42, 0.44, 0.25]
+    #    - [0.02, 0.15, 0.44, 0.25]
+    #    - [0.3, 0.3, 0.4, 0.22]
+    #  metadata:
+    #    - {panel_type: "establishing", focus: "environment", composition: "landscape", shot_type: "wide", camera_angle: "high_angle"}
+    #    - {panel_type: "dialogue", focus: "character", composition: "landscape", shot_type: "medium", camera_angle: "eye_level"}
+    #    - {panel_type: "action", focus: "event", composition: "landscape", shot_type: "medium_full", camera_angle: "eye_level"}
+    #    - {panel_type: "action", focus: "event", composition: "landscape", shot_type: "full", camera_angle: "low_angle"}
+    #    - {panel_type: "dialogue", focus: "character", composition: "landscape", shot_type: "medium_closeup", camera_angle: "over_shoulder"}
+    #    - {panel_type: "reaction", focus: "emotion", composition: "landscape", shot_type: "closeup", camera_angle: "eye_level"}
+    #    - {panel_type: "closeup", focus: "character", composition: "landscape", shot_type: "extreme_closeup", camera_angle: "pov"}
 
     - id: "action_montage"
       label: "Action Montage"
@@ -1014,21 +994,22 @@ layouts:
         - {panel_type: "reaction", focus: "emotion", composition: "landscape"}
         - {panel_type: "action", focus: "event", composition: "wide"}
 
-    - id: "pyramid"
-      label: "Pyramid"
-      description: "Building tension from top to bottom"
-      positions:
-        - [0.25, 0.02, 0.5, 0.25]
-        - [0.02, 0.29, 0.47, 0.3]
-        - [0.51, 0.29, 0.47, 0.3]
-        - [0.02, 0.61, 0.31, 0.37]
-        - [0.67, 0.61, 0.31, 0.37]
-      metadata:
-        - {panel_type: "establishing", focus: "environment", composition: "landscape"}
-        - {panel_type: "dialogue", focus: "character", composition: "landscape"}
-        - {panel_type: "dialogue", focus: "character", composition: "landscape"}
-        - {panel_type: "action", focus: "event", composition: "portrait"}
-        - {panel_type: "action", focus: "event", composition: "portrait"}
+    # disabled as it doesn't work great
+    #- id: "pyramid"
+    #  label: "Pyramid"
+    #  description: "Building tension from top to bottom"
+    #  positions:
+    #    - [0.25, 0.02, 0.5, 0.25]
+    #    - [0.02, 0.29, 0.47, 0.3]
+    #    - [0.51, 0.29, 0.47, 0.3]
+    #    - [0.02, 0.61, 0.31, 0.37]
+    #    - [0.67, 0.61, 0.31, 0.37]
+    #  metadata:
+    #    - {panel_type: "establishing", focus: "environment", composition: "landscape"}
+    #    - {panel_type: "dialogue", focus: "character", composition: "landscape"}
+    #    - {panel_type: "dialogue", focus: "character", composition: "landscape"}
+    #    - {panel_type: "action", focus: "event", composition: "portrait"}
+    #    - {panel_type: "action", focus: "event", composition: "portrait"}
 
     - id: "spotlight_drama"
       label: "Spotlight Drama"
@@ -1248,25 +1229,26 @@ layouts:
         - {panel_type: "reaction", focus: "emotion", composition: "landscape"}
         - {panel_type: "reaction", focus: "emotion", composition: "landscape"}
 
-    - id: "spiral_narrative"
-      label: "Spiral Narrative"
-      description: "Circular reading flow"
-      positions:
-        - [0.28, 0.02, 0.44, 0.25]
-        - [0.52, 0.15, 0.46, 0.25]
-        - [0.52, 0.42, 0.46, 0.25]
-        - [0.28, 0.55, 0.44, 0.25]
-        - [0.02, 0.42, 0.44, 0.25]
-        - [0.02, 0.15, 0.44, 0.25]
-        - [0.3, 0.3, 0.4, 0.22]
-      metadata:
-        - {panel_type: "establishing", focus: "environment", composition: "landscape"}
-        - {panel_type: "dialogue", focus: "character", composition: "landscape"}
-        - {panel_type: "action", focus: "event", composition: "landscape"}
-        - {panel_type: "action", focus: "event", composition: "landscape"}
-        - {panel_type: "dialogue", focus: "character", composition: "landscape"}
-        - {panel_type: "reaction", focus: "emotion", composition: "landscape"}
-        - {panel_type: "closeup", focus: "character", composition: "landscape"}
+    # disabled as it doesn't work great
+    #- id: "spiral_narrative"
+    #  label: "Spiral Narrative"
+    #  description: "Circular reading flow"
+    #  positions:
+    #    - [0.28, 0.02, 0.44, 0.25]
+    #    - [0.52, 0.15, 0.46, 0.25]
+    #    - [0.52, 0.42, 0.46, 0.25]
+    #    - [0.28, 0.55, 0.44, 0.25]
+    #    - [0.02, 0.42, 0.44, 0.25]
+    #    - [0.02, 0.15, 0.44, 0.25]
+    #    - [0.3, 0.3, 0.4, 0.22]
+    #  metadata:
+    #    - {panel_type: "establishing", focus: "environment", composition: "landscape"}
+    #    - {panel_type: "dialogue", focus: "character", composition: "landscape"}
+    #    - {panel_type: "action", focus: "event", composition: "landscape"}
+    #    - {panel_type: "action", focus: "event", composition: "landscape"}
+    #    - {panel_type: "dialogue", focus: "character", composition: "landscape"}
+    #    - {panel_type: "reaction", focus: "emotion", composition: "landscape"}
+    #    - {panel_type: "closeup", focus: "character", composition: "landscape"}
 
     - id: "action_montage"
       label: "Action Montage"

style_presets.yaml

@@ -10,14 +10,14 @@ presets:
     prompt_suffix: ""
     negative_prompt: ""
 
-  random:
-    id: "random"
-    label: "Random style"
-    enabled: true
-    # This will be handled specially in code
-    prompt_prefix: ""
-    prompt_suffix: ""
-    negative_prompt: ""
+  #random:
+  #  id: "random"
+  #  label: "Random style"
+  #  enabled: true
+  #  # This will be handled specially in code
+  #  prompt_prefix: ""
+  #  prompt_suffix: ""
+  #  negative_prompt: ""
 
   manga_no_color:
     id: "manga_no_color"
@@ -43,13 +43,13 @@ presets:
     prompt_suffix: "Nihonga, ancient japanese painting, intricate, detailed, detailed painting"
     negative_prompt: "franco-belgian comic, color album, color, manga, comic, american comic, photo, painting, 3D render"
 
-  franco_belgian:
-    id: "franco_belgian"
-    label: "Franco-Belgian"
-    enabled: true
-    prompt_prefix: "bande dessinée, franco-belgian comic"
-    prompt_suffix: "comic album, detailed drawing"
-    negative_prompt: "manga, anime, american comic, grayscale, monochrome, photo, painting, 3D render"
+  #franco_belgian:
+  #  id: "franco_belgian"
+  #  label: "Franco-Belgian"
+  #  enabled: true
+  #  prompt_prefix: "bande dessinée, franco-belgian comic"
+  #  prompt_suffix: "comic album, detailed drawing"
+  #  negative_prompt: "manga, anime, american comic, grayscale, monochrome, photo, painting, 3D render"
 
   american_comic_90:
     id: "american_comic_90"
@@ -85,29 +85,29 @@ presets:
   #   prompt_suffix: "single panel, american comic, comicbook style, 1960, 60s, color comicbook, color drawing"
   #   negative_prompt: "manga, anime, american comic, action, grayscale, monochrome, photo, painting, 3D render"
 
-  flying_saucer:
-    id: "flying_saucer"
-    label: "Flying Saucer (Pulp Sci-Fi)"
-    enabled: true
-    prompt_prefix: "vintage science fiction, color pulp comic panel, 1940"
-    prompt_suffix: "detailed drawing"
-    negative_prompt: "manga, anime, american comic, grayscale, monochrome, photo, painting, 3D render"
-
-  humanoid:
-    id: "humanoid"
-    label: "Humanoid (Moebius)"
-    enabled: true
-    prompt_prefix: "color comic panel, style of Moebius"
-    prompt_suffix: "detailed drawing, french comic panel, franco-belgian style, bande dessinée, single panel"
-    negative_prompt: "manga, anime, american comic, grayscale, monochrome, photo, painting, 3D render"
-
-  haddock:
-    id: "haddock"
-    label: "Haddock (Tintin)"
-    enabled: true
-    prompt_prefix: "color comic panel, style of Hergé, tintin style"
-    prompt_suffix: "by Hergé, french comic panel, franco-belgian style"
-    negative_prompt: "manga, anime, american comic, grayscale, monochrome, photo, painting, 3D render"
+  #flying_saucer:
+  #  id: "flying_saucer"
+  #  label: "Flying Saucer (Pulp Sci-Fi)"
+  #  enabled: true
+  #  prompt_prefix: "vintage science fiction, color pulp comic panel, 1940"
+  #  prompt_suffix: "detailed drawing"
+  #  negative_prompt: "manga, anime, american comic, grayscale, monochrome, photo, painting, 3D render"
+
+  #humanoid:
+  #  id: "humanoid"
+  #  label: "Humanoid (Moebius)"
+  #  enabled: true
+  #  prompt_prefix: "color comic panel, style of Moebius"
+  #  prompt_suffix: "detailed drawing, french comic panel, franco-belgian style, bande dessinée, single panel"
+  #  negative_prompt: "manga, anime, american comic, grayscale, monochrome, photo, painting, 3D render"
+
+  #haddock:
+  #  id: "haddock"
+  #  label: "Haddock (Tintin)"
+  #  enabled: true
+  #  prompt_prefix: "color comic panel, style of Hergé, tintin style"
+  #  prompt_suffix: "by Hergé, french comic panel, franco-belgian style"
+  #  negative_prompt: "manga, anime, american comic, grayscale, monochrome, photo, painting, 3D render"
 
   # lurid is commented out in the original
   # lurid:
@@ -118,13 +118,13 @@ presets:
   #   prompt_suffix: ""
   #   negative_prompt: "manga, anime, american comic, grayscale, monochrome, painting"
 
-  armorican:
-    id: "armorican"
-    label: "Armorican (Asterix)"
-    enabled: true
-    prompt_prefix: "color comic panel, romans, gauls, french comic panel, franco-belgian style, about"
-    prompt_suffix: "bande dessinée, single panel"
-    negative_prompt: "manga, anime, american comic, grayscale, monochrome, photo, painting, 3D render"
+  #armorican:
+  #  id: "armorican"
+  #  label: "Armorican (Asterix)"
+  #  enabled: true
+  #  prompt_prefix: "color comic panel, romans, gauls, french comic panel, franco-belgian style, about"
+  #  prompt_suffix: "bande dessinée, single panel"
+  #  negative_prompt: "manga, anime, american comic, grayscale, monochrome, photo, painting, 3D render"
 
   render:
     id: "render"
@@ -134,21 +134,21 @@ presets:
     prompt_suffix: "crisp, sharp"
     negative_prompt: "manga, anime, american comic, grayscale, monochrome, painting"
 
-  klimt:
-    id: "klimt"
-    label: "Klimt"
-    enabled: true
-    prompt_prefix: "golden, patchwork, style of Gustav Klimt, Gustav Klimt painting"
-    prompt_suffix: "detailed painting, intricate details"
-    negative_prompt: "manga, anime, american comic, grayscale, monochrome, painting"
-
-  medieval:
-    id: "medieval"
-    label: "Medieval Illuminated"
-    enabled: true
-    prompt_prefix: "medieval illuminated manuscript, illuminated manuscript of, medieval"
-    prompt_suffix: "intricate details"
-    negative_prompt: "manga, anime, american comic, grayscale, monochrome, painting"
+  #limt:
+  # id: "klimt"
+  # label: "Klimt"
+  # enabled: true
+  # prompt_prefix: "golden, patchwork, style of Gustav Klimt, Gustav Klimt painting"
+  # prompt_suffix: "detailed painting, intricate details"
+  # negative_prompt: "manga, anime, american comic, grayscale, monochrome, painting"
+
+  #medieval:
+  #  id: "medieval"
+  #  label: "Medieval Illuminated"
+  #  enabled: true
+  #  prompt_prefix: "medieval illuminated manuscript, illuminated manuscript of, medieval"
+  #  prompt_suffix: "intricate details"
+  #  negative_prompt: "manga, anime, american comic, grayscale, monochrome, painting"
 
   # glass is commented out in the original
   # glass:
@@ -168,23 +168,23 @@ presets:
   #   prompt_suffix: "medieval"
   #   negative_prompt: "manga, anime, american comic, grayscale, monochrome, painting"
 
-  egyptian:
-    id: "egyptian"
-    label: "Egyptian"
+  #egyptian:
+  #  id: "egyptian"
+  #  label: "Egyptian"
+  #  enabled: true
+  #  prompt_prefix: "ancient egyptian wall painting, ancient egypt"
+  #  prompt_suffix: ""
+  #  negative_prompt: "manga, anime, american comic, grayscale, monochrome, painting"
+
+  # psx is commented out in the original
+  psx:
+    id: "psx"
+    label: "PSX"
     enabled: true
-    prompt_prefix: "ancient egyptian wall painting, ancient egypt"
+    prompt_prefix: "videogame screenshot, 3dfx, 3D dos game, software rendering"
     prompt_suffix: ""
     negative_prompt: "manga, anime, american comic, grayscale, monochrome, painting"
 
-  # psx is commented out in the original
-  # psx:
-  #   id: "psx"
-  #   label: "PSX"
-  #   enabled: false
-  #   prompt_prefix: "videogame screenshot, 3dfx, 3D dos game, software rendering"
-  #   prompt_suffix: ""
-  #   negative_prompt: "manga, anime, american comic, grayscale, monochrome, painting"
-
   # pixel is commented out in the original
   # pixel:
   #   id: "pixel"
@@ -194,13 +194,13 @@ presets:
   #   prompt_suffix: ""
   #   negative_prompt: "manga, anime, american comic, grayscale, monochrome, painting"
 
-  photonovel:
-    id: "photonovel"
-    label: "Vintage Photonovel"
-    enabled: true
-    prompt_prefix: "vintage photo, 1950, 1960, french new wave, faded colors, color movie screencap"
-    prompt_suffix: ""
-    negative_prompt: "manga, anime, american comic, grayscale, monochrome, painting"
+  #photonovel:
+  #  id: "photonovel"
+  #  label: "Vintage Photonovel"
+  #  enabled: true
+  #  prompt_prefix: "vintage photo, 1950, 1960, french new wave, faded colors, color movie screencap"
+  #  prompt_suffix: ""
+  #  negative_prompt: "manga, anime, american comic, grayscale, monochrome, painting"
 
   stockphoto:
     id: "stockphoto"
@@ -210,20 +210,20 @@ presets:
     prompt_suffix: "crisp details"
     negative_prompt: "manga, anime, american comic, grayscale, monochrome, painting"
 
-# video_3d_style was in the original but commented out
-# video_3d_style:
-#   id: "video_3d_style"
-#   label: "[video] 3D style"
-#   enabled: false
-#   prompt_prefix: ""
-#   prompt_suffix: ""
-#   negative_prompt: ""
-
-# neutral preset from original
-  neutral:
-    id: "neutral"
-    label: "Neutral"
-    enabled: true
-    prompt_prefix: ""
-    prompt_suffix: ""
-    negative_prompt: ""
+  # video_3d_style was in the original but commented out
+  # video_3d_style:
+  #   id: "video_3d_style"
+  #   label: "[video] 3D style"
+  #   enabled: false
+  #   prompt_prefix: ""
+  #   prompt_suffix: ""
+  #   negative_prompt: ""
+
+  # neutral preset from original
+  #. neutral:
+  #.   id: "neutral"
+  #.   label: "Neutral"
+  #.   enabled: true
+  #.   prompt_prefix: ""
+  #.   prompt_suffix: ""
+  #.   negative_prompt: ""