Load Quick Prompts from suggestions.json, replace artistic chips with realistic ones

app.py

@@ -71,6 +71,9 @@ print("torch.compile skipped: lazy Triton kernel compilation inside @spaces.GPU
 with open("examples.json") as _f:
     EXAMPLES_CONFIG = json.load(_f)
 
+with open("suggestions.json") as _f:
+    SUGGESTIONS_CONFIG = json.load(_f)
+
 
 def make_thumb_b64(path, max_dim=220):
     if not os.path.exists(path):
@@ -150,9 +153,19 @@ def load_example_data(idx_str):
     return json.dumps({"images": b64_list, "prompt": ex["prompt"], "names": names, "status": "ok"})
 
 
+def build_suggestion_chips_html():
+    return "".join(
+        f'<button class="suggestion-chip" onclick="window.__setPrompt({json.dumps(s[\'prompt\'])})">'
+        f'{html_lib.escape(s["label"])}</button>'
+        for s in SUGGESTIONS_CONFIG
+    )
+
+
 print("Building example thumbnails...")
 EXAMPLE_CARDS_HTML = build_example_cards_html()
 print(f"Built {len(EXAMPLES_CONFIG)} example cards.")
+SUGGESTION_CHIPS_HTML = build_suggestion_chips_html()
+print(f"Built {len(SUGGESTIONS_CONFIG)} suggestion chips.")
 
 
 def b64_to_pil_list(b64_json_str):
@@ -293,7 +306,10 @@ with open("static/negative_prompt.txt") as _f:
 # ── HTML template ──────────────────────────────────────────────────────────────
 
 with open("templates/app.html") as _f:
-    app_html = _f.read().format(example_cards_html=EXAMPLE_CARDS_HTML)
+    app_html = _f.read().format(
+        example_cards_html=EXAMPLE_CARDS_HTML,
+        suggestion_chips_html=SUGGESTION_CHIPS_HTML,
+    )
 
 # ── Gradio blocks ──────────────────────────────────────────────────────────────
 

suggestions.json

@@ -0,0 +1,34 @@
+[
+  {
+    "label": "Enhance Detail",
+    "prompt": "Enhance and upscale the image with sharper detail, improved texture clarity, and natural color depth. Preserve the original composition and lighting."
+  },
+  {
+    "label": "Portrait Retouch",
+    "prompt": "Apply professional portrait retouching: smooth skin naturally, even out tones, brighten eyes, and reduce blemishes while keeping the result realistic and lifelike."
+  },
+  {
+    "label": "Restore & Clarify",
+    "prompt": "Restore and upscale the image with improved clarity, recovered shadow detail, and reduced compression artifacts. Keep all original content intact."
+  },
+  {
+    "label": "Denoise & Clean",
+    "prompt": "Remove noise and grain, recover fine texture in skin and fabric, and produce a clean, sharp result as if shot in a professional studio."
+  },
+  {
+    "label": "Studio Backdrop",
+    "prompt": "Replace the background with a seamless, softly blurred light grey studio backdrop. Keep the subject sharp and perfectly separated from the background."
+  },
+  {
+    "label": "Night Street",
+    "prompt": "Change the setting to a wet urban street at night with warm streetlights, neon reflections on the ground, and a shallow depth of field. Keep the subject unchanged."
+  },
+  {
+    "label": "Bokeh Blur",
+    "prompt": "Add a smooth, circular bokeh blur to the background while keeping the subject in sharp focus. Use natural out-of-focus highlights consistent with a wide-aperture lens."
+  },
+  {
+    "label": "Autumn Scene",
+    "prompt": "Change the surroundings to an autumn scene with warm golden and red foliage, soft natural light filtering through the trees, and a slight atmospheric haze."
+  }
+]

templates/app.html

@@ -60,22 +60,7 @@
             <div class="suggestions-section">
                 <div class="suggestions-title">Quick Prompts</div>
                 <div class="suggestions-wrap">
-                    <button class="suggestion-chip" onclick="window.__setPrompt('Transform the image into a dotted cartoon style.')">Cartoon Style</button>
-                    <button class="suggestion-chip" onclick="window.__setPrompt('Convert it to black and white.')">Black and White</button>
-                    <button class="suggestion-chip" onclick="window.__setPrompt('Add cinematic lighting with warm orange tones and film grain.')">Cinematic</button>
-                    <button class="suggestion-chip" onclick="window.__setPrompt('Transform into anime style illustration.')">Anime Style</button>
-                    <button class="suggestion-chip" onclick="window.__setPrompt('Apply oil painting effect with visible brush strokes.')">Oil Painting</button>
-                    <button class="suggestion-chip" onclick="window.__setPrompt('Enhance and upscale with more detail and clarity.')">Enhance</button>
-                    <button class="suggestion-chip" onclick="window.__setPrompt('Make it look like a watercolor painting with soft edges.')">Watercolor</button>
-                    <button class="suggestion-chip" onclick="window.__setPrompt('Add dramatic sunset sky and warm lighting.')">Sunset Glow</button>
-                    <button class="suggestion-chip" onclick="window.__setPrompt('Convert to detailed pencil sketch with cross-hatching and shading.')">Pencil Sketch</button>
-                    <button class="suggestion-chip" onclick="window.__setPrompt('Apply pop art style with bold colors and halftone patterns.')">Pop Art</button>
-                    <button class="suggestion-chip" onclick="window.__setPrompt('Apply a vintage retro film look with faded colors and light leaks.')">Vintage Retro</button>
-                    <button class="suggestion-chip" onclick="window.__setPrompt('Add neon glow effects with vibrant colors against a dark background.')">Neon Glow</button>
-                    <button class="suggestion-chip" onclick="window.__setPrompt('Convert to pixel art style with a retro 16-bit aesthetic.')">Pixel Art</button>
-                    <button class="suggestion-chip" onclick="window.__setPrompt('Simplify into a clean minimalist illustration with flat colors.')">Minimalist</button>
-                    <button class="suggestion-chip" onclick="window.__setPrompt('Convert to low poly 3D geometric art style.')">Low Poly 3D</button>
-                    <button class="suggestion-chip" onclick="window.__setPrompt('Transform into comic book style with bold outlines and cel shading.')">Comic Book</button>
+                    {suggestion_chips_html}
                 </div>
             </div>