Fix example clicks (cache_examples=False); Custom output size (2048² T2I / 1536² edit cap); UI: short header, Advanced settings, examples reproduce with their seed, Viggle theme (part 2)

examples/manifest.json

@@ -11,7 +11,8 @@
   "used_prompt": "Compose a scene where the person from <image1>, standing beside the vintage brown car, is gently petting the fluffy cat from <image2> that is perched on a stone windowsill with green shutters, while the bird from <image3>, with a red crown and long beak, stands next to them, all under warm cinematic lighting with a shallow depth of field focusing on the trio, keeping the background and subjects' identities from the input images unchanged.",
   "steps": 6,
   "size_label": "Auto · match the last reference (1024² area)",
-  "enhance": true
+  "enhance": true,
+  "seed": 42
  },
  {
   "prompt": "Create a premium, minimalist launch graphic for an AI image model, designed for a Twitter/X announcement.\n\nAspect ratio: 16:9.\nStyle: elegant, high-end, modern AI product launch visual. Clean Apple / NVIDIA / premium creative-software aesthetic. Dark, cinematic, sophisticated, not flashy or cluttered.\n\nBACKGROUND\n- Deep black to charcoal gradient background.\n- Very subtle blue and violet ambient glow.\n- Soft cinematic lighting, slight glossy reflections near the bottom.\n- Large areas of negative space.\n- No unnecessary particles, grids, icons, decorative UI, or busy textures.\n\nTOP-LEFT TYPOGRAPHY\n\nMain title:\n“Qwen-Image-2.1 ❤️ Viggle Turbo”\n\n- Large bold geometric sans-serif.\n- Clean Swiss-style typography.\n- Bright soft-white text.\n- Red heart between the two model names.\n- Precise kerning and professional spacing.\n- Keep the title on one line.\n- Position around 4–5% from the left and 8–10% from the top.\n\nDirectly underneath, smaller subtitle:\n“DMD-distilled · Generate & Edit”\n\n- Thin or regular sans-serif.\n- Around 30–35% of the main title font size.\n- Soft light-gray / off-white.\n- Generous letter spacing.\n- Minimal and understated.\n\nCENTER HERO MESSAGE\n\nLarge dominant typography:\n\n“6-step”\n“generation”\n\non two lines.\n\n- “6-step” should be extremely large.\n- “generation” slightly smaller but still bold.\n- Heavy geometric sans-serif.\n- White / very subtle cool-white gradient.\n- Tight line spacing.\n- Perfectly clean typography.\n- Position slightly above the vertical center.\n- The text should be the strongest visual element in the design.\n- No exaggerated 3D text, extrusion, chrome effects, or heavy shadows.\n- Only a very subtle soft glow.\n\nVISUAL ELEMENT\n\nCreate a single elegant curved ribbon of generated images flowing across the lower half of the composition.\n\nThe ribbon should:\n- Start from the lower-left foreground.\n- Curve smoothly toward the center-right.\n- Continue upward toward the upper-right background.\n- Feel like a sophisticated cinematic film strip or flowing image-generation sequence.\n- Use approximately 5–7 image panels only.\n- Avoid a dense collage.\n\nEach panel:\n- Rounded rectangle.\n- Thin subtle border.\n- Premium glossy display appearance.\n- Slight perspective distortion following the curve.\n- Gradually decrease in size toward the background.\n- Use realistic generated landscape photography:\n    • alpine lake\n    • mountain valley\n    • waterfall\n    • dramatic mountain peaks\n    • coastal sunset\n- Rich but natural colors.\n- Foreground panels sharp, distant panels progressively softer / slightly blurred.\n- Strong depth-of-field.\n\nThe ribbon itself should have an extremely subtle luminous edge:\n- cyan / electric blue on the left\n- transitioning gently toward violet / magenta on the right\n\nKeep the glow restrained and premium.\nDo not make it look like cyberpunk neon.\n\nLIGHTING\n\nAdd one very thin horizontal blue-to-violet light flare passing subtly behind the “6-step” text.\n\nUse soft reflected blue/violet light underneath the image ribbon.\n\nLighting should feel cinematic and expensive, not game-like.\n\nBOTTOM-RIGHT\n\nSmall footer:\n“Generate with viggle-turbo”\n\n- Small clean sans-serif.\n- White / light gray.\n- Bottom-right aligned.\n- Approximately 5% from the right and 6–8% from the bottom.\n- Lots of breathing room.\n- Do not make it prominent.\n\nOVERALL COMPOSITION\n\nThe visual hierarchy should clearly be:\n\n1. “6-step generation”\n2. “Qwen-Image-2.1 ❤️ Viggle Turbo”\n3. flowing generated-image ribbon\n4. “DMD-distilled · Generate & Edit”\n5. small “Generate with viggle-turbo.” footer\n\nThe graphic should immediately communicate:\nfast generation, image generation, premium AI model, six-step inference.\n\nOverall aesthetic:\nminimal, elegant, expensive, technically sophisticated, cinematic, polished, restrained, premium AI launch campaign.\n\nAvoid:\n- excessive neon\n- cyberpunk look\n- too many thumbnails\n- busy collage layouts\n- random icons\n- fake UI elements\n- gradients inside every object\n- excessive lens flares\n- heavy shadows\n- 3D metallic typography\n- cartoon imagery\n- excessive text\n- logos other than the specified text\n- watermark\n- spelling errors\n- distorted letters\n- duplicated text",
@@ -25,7 +26,8 @@
   "used_prompt": "Create a premium, minimalist launch graphic for an AI image model, designed for a Twitter/X announcement.\n\nAspect ratio: 16:9.\nStyle: elegant, high-end, modern AI product launch visual. Clean Apple / NVIDIA / premium creative-software aesthetic. Dark, cinematic, sophisticated, not flashy or cluttered.\n\nBACKGROUND\n- Deep black to charcoal gradient background.\n- Very subtle blue and violet ambient glow.\n- Soft cinematic lighting, slight glossy reflections near the bottom.\n- Large areas of negative space.\n- No unnecessary particles, grids, icons, decorative UI, or busy textures.\n\nTOP-LEFT TYPOGRAPHY\n\nMain title:\n“Qwen-Image-2.1 ❤️ Viggle Turbo”\n\n- Large bold geometric sans-serif.\n- Clean Swiss-style typography.\n- Bright soft-white text.\n- Red heart between the two model names.\n- Precise kerning and professional spacing.\n- Keep the title on one line.\n- Position around 4–5% from the left and 8–10% from the top.\n\nDirectly underneath, smaller subtitle:\n“DMD-distilled · Generate & Edit”\n\n- Thin or regular sans-serif.\n- Around 30–35% of the main title font size.\n- Soft light-gray / off-white.\n- Generous letter spacing.\n- Minimal and understated.\n\nCENTER HERO MESSAGE\n\nLarge dominant typography:\n\n“6-step”\n“generation”\n\non two lines.\n\n- “6-step” should be extremely large.\n- “generation” slightly smaller but still bold.\n- Heavy geometric sans-serif.\n- White / very subtle cool-white gradient.\n- Tight line spacing.\n- Perfectly clean typography.\n- Position slightly above the vertical center.\n- The text should be the strongest visual element in the design.\n- No exaggerated 3D text, extrusion, chrome effects, or heavy shadows.\n- Only a very subtle soft glow.\n\nVISUAL ELEMENT\n\nCreate a single elegant curved ribbon of generated images flowing across the lower half of the composition.\n\nThe ribbon should:\n- Start from the lower-left foreground.\n- Curve smoothly toward the center-right.\n- Continue upward toward the upper-right background.\n- Feel like a sophisticated cinematic film strip or flowing image-generation sequence.\n- Use approximately 5–7 image panels only.\n- Avoid a dense collage.\n\nEach panel:\n- Rounded rectangle.\n- Thin subtle border.\n- Premium glossy display appearance.\n- Slight perspective distortion following the curve.\n- Gradually decrease in size toward the background.\n- Use realistic generated landscape photography:\n    • alpine lake\n    • mountain valley\n    • waterfall\n    • dramatic mountain peaks\n    • coastal sunset\n- Rich but natural colors.\n- Foreground panels sharp, distant panels progressively softer / slightly blurred.\n- Strong depth-of-field.\n\nThe ribbon itself should have an extremely subtle luminous edge:\n- cyan / electric blue on the left\n- transitioning gently toward violet / magenta on the right\n\nKeep the glow restrained and premium.\nDo not make it look like cyberpunk neon.\n\nLIGHTING\n\nAdd one very thin horizontal blue-to-violet light flare passing subtly behind the “6-step” text.\n\nUse soft reflected blue/violet light underneath the image ribbon.\n\nLighting should feel cinematic and expensive, not game-like.\n\nBOTTOM-RIGHT\n\nSmall footer:\n“Generate with viggle-turbo”\n\n- Small clean sans-serif.\n- White / light gray.\n- Bottom-right aligned.\n- Approximately 5% from the right and 6–8% from the bottom.\n- Lots of breathing room.\n- Do not make it prominent.\n\nOVERALL COMPOSITION\n\nThe visual hierarchy should clearly be:\n\n1. “6-step generation”\n2. “Qwen-Image-2.1 ❤️ Viggle Turbo”\n3. flowing generated-image ribbon\n4. “DMD-distilled · Generate & Edit”\n5. small “Generate with viggle-turbo.” footer\n\nThe graphic should immediately communicate:\nfast generation, image generation, premium AI model, six-step inference.\n\nOverall aesthetic:\nminimal, elegant, expensive, technically sophisticated, cinematic, polished, restrained, premium AI launch campaign.\n\nAvoid:\n- excessive neon\n- cyberpunk look\n- too many thumbnails\n- busy collage layouts\n- random icons\n- fake UI elements\n- gradients inside every object\n- excessive lens flares\n- heavy shadows\n- 3D metallic typography\n- cartoon imagery\n- excessive text\n- logos other than the specified text\n- watermark\n- spelling errors\n- distorted letters\n- duplicated text",
   "steps": 8,
   "size_label": "3:2 · 2496×1664 (2048² area)",
-  "enhance": false
+  "enhance": false,
+  "seed": 3
  },
  {
   "prompt": "Design a refined travel poster for a fictional night train. Render the headline exactly as \"THE MIDNIGHT EXPRESS\" and the subtitle \"A journey under the stars\". A silver train curves through dark blue mountains beneath a crescent moon. Art Deco geometry, ivory and gold lettering, clear typographic hierarchy, generous margins, print-ready composition.",
@@ -39,7 +41,8 @@
   "used_prompt": "Design a refined travel poster for a fictional night train. Render the headline exactly as \"THE MIDNIGHT EXPRESS\" and the subtitle \"A journey under the stars\". A silver train curves through dark blue mountains beneath a crescent moon. Art Deco geometry, ivory and gold lettering, clear typographic hierarchy, generous margins, print-ready composition.",
   "steps": 6,
   "size_label": "2:3 · 1664×2496 (2048² area)",
-  "enhance": false
+  "enhance": false,
+  "seed": 42
  },
  {
   "prompt": "生成一张无缝的分镜插画，**现代真实偶像剧风格**（电影感写实摄影，柔和自然光与暖色调，浅景深虚化，韩系都市偶像剧质感，画面精致高级）。\n\n【版面（必须严格遵守）】\n- 恰好 6 个分镜格，**等宽**，排成**单独一横排（1 行 6 列）**；不是网格、不是两行，绝不要把任何一格再拆成上下两块。\n- 每格都是**竖长条矩形**（高明显大于宽，近似 9:16 竖条）。\n- 从左到右依次编号 1、2、3、4、5、6，每格左上角一个圆形数字徽标；**每个数字只出现一次，不重复、不跳号、不缺号。**\n- **每一格里都必须画出角色本人**在做该格的动作，角色占该格画面主体、完整清晰（半身或全身，约占该格高度 2/3 以上）；**严禁出现只有背景、没有人物的空格。**\n- 6 格之间画风、光影氛围、人物一致。输出为一张扁平整图，6 格并排合并，不要输出多张分离文件。\n\n【角色】以输入参考图（含面部特写与正/侧/背三视全身立绘）为角色设计基准：现代年轻女性，棕色波浪长发带空气刘海，妆容清透，穿粉色方领修身长袖针织上衣、棕色灯芯绒过膝半裙配棕色皮带、棕色皮质机车靴。每一格里都是同一个人——面容、发型、服饰、身材比例保持一致，只改变姿势、表情、动作与所处场景；参考图仅定义外观，不要照搬其站姿。把角色自然地融入各自的真实场景中，透视比例正确、光影贴合。\n\n【逐格场景与内容】\n第1格：清晨阳光洒入的现代简约公寓，女孩站在落地窗边，双手捧着马克杯，望向窗外的城市天际线，神情恬静。\n第2格：白天繁华的都市街道人行道，两旁是时尚店铺橱窗和梧桐树，女孩背着单肩包边走边微微回头，浅浅微笑。\n第3格：文艺清新的咖啡馆靠窗卡座，女孩坐着低头看手机，嘴角带笑，窗外光线柔和，桌上放着一杯拿铁。\n第4格：暖色调的独立书店书架走廊，女孩踮脚从书架上抽出一本书，侧脸专注，光线温柔。\n第5格：傍晚金色晚霞下的城市人行天桥，女孩倚着栏杆回眸，背景是虚化的车流与高楼，暖光洒在脸上。\n第6格：夜晚霓虹灯光的街角，女孩仰头微笑看向前方，暖黄路灯与散景光斑环绕，都市夜景氛围。",
@@ -53,7 +56,8 @@
   "used_prompt": "生成一张无缝的分镜插画，**现代真实偶像剧风格**（电影感写实摄影，柔和自然光与暖色调，浅景深虚化，韩系都市偶像剧质感，画面精致高级）。\n\n【版面（必须严格遵守）】\n- 恰好 6 个分镜格，**等宽**，排成**单独一横排（1 行 6 列）**；不是网格、不是两行，绝不要把任何一格再拆成上下两块。\n- 每格都是**竖长条矩形**（高明显大于宽，近似 9:16 竖条）。\n- 从左到右依次编号 1、2、3、4、5、6，每格左上角一个圆形数字徽标；**每个数字只出现一次，不重复、不跳号、不缺号。**\n- **每一格里都必须画出角色本人**在做该格的动作，角色占该格画面主体、完整清晰（半身或全身，约占该格高度 2/3 以上）；**严禁出现只有背景、没有人物的空格。**\n- 6 格之间画风、光影氛围、人物一致。输出为一张扁平整图，6 格并排合并，不要输出多张分离文件。\n\n【角色】以输入参考图（含面部特写与正/侧/背三视全身立绘）为角色设计基准：现代年轻女性，棕色波浪长发带空气刘海，妆容清透，穿粉色方领修身长袖针织上衣、棕色灯芯绒过膝半裙配棕色皮带、棕色皮质机车靴。每一格里都是同一个人——面容、发型、服饰、身材比例保持一致，只改变姿势、表情、动作与所处场景；参考图仅定义外观，不要照搬其站姿。把角色自然地融入各自的真实场景中，透视比例正确、光影贴合。\n\n【逐格场景与内容】\n第1格：清晨阳光洒入的现代简约公寓，女孩站在落地窗边，双手捧着马克杯，望向窗外的城市天际线，神情恬静。\n第2格：白天繁华的都市街道人行道，两旁是时尚店铺橱窗和梧桐树，女孩背着单肩包边走边微微回头，浅浅微笑。\n第3格：文艺清新的咖啡馆靠窗卡座，女孩坐着低头看手机，嘴角带笑，窗外光线柔和，桌上放着一杯拿铁。\n第4格：暖色调的独立书店书架走廊，女孩踮脚从书架上抽出一本书，侧脸专注，光线温柔。\n第5格：傍晚金色晚霞下的城市人行天桥，女孩倚着栏杆回眸，背景是虚化的车流与高楼，暖光洒在脸上。\n第6格：夜晚霓虹灯光的街角，女孩仰头微笑看向前方，暖黄路灯与散景光斑环绕，都市夜景氛围。",
   "steps": 6,
   "size_label": "16:9 · 2048×1152 (1536² area)",
-  "enhance": false
+  "enhance": false,
+  "seed": 42
  },
  {
   "prompt": "Photograph a translucent emerald perfume bottle on pale limestone beside a shallow pool. Rippling sunlight reflects through the glass onto the stone. A single olive branch frames the upper left corner. Luxury product photography, realistic refraction, crisp bottle edges, soft shadows, uncluttered composition, no logo or text.",
@@ -67,7 +71,8 @@
   "used_prompt": "Photograph a translucent emerald perfume bottle on pale limestone beside a shallow pool. Rippling sunlight reflects through the glass onto the stone. A single olive branch frames the upper left corner. Luxury product photography, realistic refraction, crisp bottle edges, soft shadows, uncluttered composition, no logo or text.",
   "steps": 6,
   "size_label": "3:2 · 2496×1664 (2048² area)",
-  "enhance": false
+  "enhance": false,
+  "seed": 42
  },
  {
   "prompt": "图中画圈标注的地方需要补上一名骑坐姿态的西部牛仔男子。他头戴棕色宽檐牛仔帽，蓄着浓密的络腮胡，脸侧向画面左方；上身穿棕色帆布夹克，里面搭配深蓝色牛仔衬衫，颈间系着浅棕色围巾；下身穿着带流苏的棕色皮质护腿，脚穿皮靴踩进马镫，一只手搭在鞍部附近，整体呈现自然的骑乘状态。",
@@ -81,7 +86,8 @@
   "used_prompt": "图中画圈标注的地方需要补上一名骑坐姿态的西部牛仔男子。他头戴棕色宽檐牛仔帽，蓄着浓密的络腮胡，脸侧向画面左方；上身穿棕色帆布夹克，里面搭配深蓝色牛仔衬衫，颈间系着浅棕色围巾；下身穿着带流苏的棕色皮质护腿，脚穿皮靴踩进马镫，一只手搭在鞍部附近，整体呈现自然的骑乘状态。",
   "steps": 6,
   "size_label": "2:3 · 1248×1888 (1536² area)",
-  "enhance": false
+  "enhance": false,
+  "seed": 42
  },
  {
   "prompt": "这是一张带有透明度的RGBA格式图像，呈现一位身着华丽婚纱的动漫风格女性角色。画面中无任何可识别的文字信息。角色为年轻女性，拥有白皙肌肤、红润脸颊与明亮红色眼眸，面带温柔微笑，表情甜美而幸福。她头戴精致银色皇冠与白色蕾丝头纱，金色长发自然垂落肩头，发丝柔顺且富有光泽。身穿多层荷叶边设计的粉白渐变抹胸婚纱，裙摆蓬松飘逸，层次丰富，材质轻盈如花瓣般展开；胸前手持一束由白色玫瑰与绿色叶片组成的捧花，花束饱满，绿叶点缀其间，增添清新感。双腿修长，穿着透明薄纱质感的过膝袜与饰有玫瑰图案的白色高跟鞋，姿态优雅站立，双手轻握捧花置于腹前。整体构图为全身正面视角，色彩柔和梦幻，以粉、白、绿为主色调，光影细腻，具有典型的日系二次元插画美学风格，适用于游戏立绘、视觉小说或数字艺术收藏等场景。 该图像具有alpha通道，背景是透明的。",
@@ -95,7 +101,8 @@
   "used_prompt": "这是一张带有透明度的RGBA格式图像，呈现一位身着华丽婚纱的动漫风格女性角色。画面中无任何可识别的文字信息。角色为年轻女性，拥有白皙肌肤、红润脸颊与明亮红色眼眸，面带温柔微笑，表情甜美而幸福。她头戴精致银色皇冠与白色蕾丝头纱，金色长发自然垂落肩头，发丝柔顺且富有光泽。身穿多层荷叶边设计的粉白渐变抹胸婚纱，裙摆蓬松飘逸，层次丰富，材质轻盈如花瓣般展开；胸前手持一束由白色玫瑰与绿色叶片组成的捧花，花束饱满，绿叶点缀其间，增添清新感。双腿修长，穿着透明薄纱质感的过膝袜与饰有玫瑰图案的白色高跟鞋，姿态优雅站立，双手轻握捧花置于腹前。整体构图为全身正面视角，色彩柔和梦幻，以粉、白、绿为主色调，光影细腻，具有典型的日系二次元插画美学风格，适用于游戏立绘、视觉小说或数字艺术收藏等场景。 该图像具有alpha通道，背景是透明的。",
   "steps": 6,
   "size_label": "2:3 · 1664×2496 (2048² area)",
-  "enhance": false
+  "enhance": false,
+  "seed": 42
  },
  {
   "prompt": "Soaking wet capybara taking shelter under a banana leaf in the rainy jungle, close up photo",
@@ -109,7 +116,8 @@
   "used_prompt": "The image is a close-up realistic photograph of a soaking wet capybara taking shelter under a large banana leaf in a rainy jungle, the background a lush green canopy dappled with falling raindrops and misty humidity. In the upper-left corner, the edge of the banana leaf curves downward, its broad surface glistening with rainwater and casting a soft shadow over the capybara’s back. Across the top third, rain streaks blur the dense foliage behind, with shafts of diffused light filtering through the canopy. In the center of the frame, the capybara’s rounded body is pressed against the leaf’s underside, its fur matted and dark with water, clinging to its skin in clumps; its small ears are flattened against its head, and its eyes are half-closed, glistening with moisture. On the right side, a second banana leaf peeks into the frame, its veins visible and slightly curled at the edges, partially obscuring the background. Behind the capybara’s left shoulder, a cluster of broad, wet leaves hangs low, their edges blurred by the shallow depth of field. Along the lower edge, the ground is a muddy brown, slick with rainwater and scattered with fallen leaves and twigs, reflecting the dim light. The lighting is soft, diffused daylight filtered through the jungle canopy, casting gentle highlights on the capybara’s wet fur and the water droplets clinging to the banana leaf, with faint shadows beneath the animal and along the leaf’s underside. The overall composition feels intimate and sheltered, emphasizing the capybara’s vulnerability and the quiet resilience of nature in the downpour.",
   "steps": 6,
   "size_label": "3:2 · 1248×832 (1024² area)",
-  "enhance": true
+  "enhance": true,
+  "seed": 0
  },
  {
   "prompt": "Isometric miniature diorama of a mountain research station, tilt-shift, soft studio lighting, high detail",
@@ -123,7 +131,8 @@
   "used_prompt": "The image is a 4:3 isometric miniature diorama of a mountain research station, rendered in high detail with soft studio lighting and a tilt-shift effect. The scene is set on a rugged, snow-dusted mountain slope, with the research station occupying the central foreground, its modular buildings and domed observatory nestled into the terrain. To the left, a steep incline rises into a misty valley, while the right side features a rocky outcrop with a small antenna array. Behind the station, a jagged mountain ridge stretches across the background under a pale blue sky with soft, diffused clouds. The station’s structures are detailed with weathered metal siding, glass windows reflecting the ambient light, and exposed piping and cables. A small helipad with a landing pad marker is visible in the lower-left corner, and a narrow service road winds up the slope toward the main entrance. The lighting is soft and even, emanating from an unseen source above and slightly to the left, casting gentle shadows that emphasize the three-dimensional depth of the diorama. The overall composition feels immersive and meticulously crafted, with a balanced arrangement of architectural elements and natural terrain, evoking a sense of isolation and scientific exploration in a remote alpine environment.",
   "steps": 6,
   "size_label": "4:3 · 2368×1760 (2048² area)",
-  "enhance": true
+  "enhance": true,
+  "seed": 0
  },
  {
   "prompt": "Turn this into a pencil sketch on textured paper, keep the composition unchanged",
@@ -137,7 +146,8 @@
   "used_prompt": "Convert the image to a pencil sketch on textured paper, preserving the exact composition, framing, and spatial arrangement of all elements including the rain-streaked window, the interior bookstore shelves, the figure inside, and the \"OPEN LATE\" sign in the foreground, while rendering the entire scene in a hand-drawn, sketchy style with visible pencil strokes and paper texture.",
   "steps": 6,
   "size_label": "Auto · match the last reference (1024² area)",
-  "enhance": true
+  "enhance": true,
+  "seed": 3
  },
  {
   "prompt": "The woman from image 1 is holding the cat from image 2 in her arms, keep the background of image 1",
@@ -151,6 +161,7 @@
   "used_prompt": "Compose a new image where the woman from <image1>, wearing her full traditional outfit with skull makeup and holding a smoke bomb, is now holding the fluffy cat from <image2> in her arms, positioned in the same spot as in the original image, with the ornate wooden gate and surrounding smoke from <image1> remaining unchanged as the background.",
   "steps": 6,
   "size_label": "Auto · match the last reference (1024² area)",
-  "enhance": true
+  "enhance": true,
+  "seed": 42
  }
 ]