gradio workflow app

README.md

@@ -22,6 +22,30 @@ short_description: MOSS-Image text-to-image as a gr.Workflow node canvas.
 
 # MOSS-Image Workflow
 
+<p align="center">
+  <a href="https://huggingface.co/OpenMOSS-Team/MOSS-Image-Base"><img alt="Hugging Face · MOSS-Image-Base" src="https://img.shields.io/badge/🤗%20Hugging%20Face-MOSS--Image--Base-ffc107?style=flat-square"></a>
+  &nbsp;
+  <a href="https://huggingface.co/OpenMOSS-Team/MOSS-Image-SFT"><img alt="Hugging Face · MOSS-Image-SFT" src="https://img.shields.io/badge/🤗%20Hugging%20Face-MOSS--Image--SFT-ffc107?style=flat-square"></a>
+  &nbsp;
+  <a href="https://modelscope.cn/models/openmoss/MOSS-Image-Base"><img alt="ModelScope · MOSS-Image-Base" src="assets/modelscope-base-badge.svg"></a>
+  &nbsp;
+  <a href="https://modelscope.cn/models/openmoss/MOSS-Image-SFT"><img alt="ModelScope · MOSS-Image-SFT" src="assets/modelscope-sft-badge.svg"></a>
+  &nbsp;
+  <a href="https://github.com/OpenMOSS/MOSS-Image"><img alt="GitHub" src="https://img.shields.io/badge/GitHub-Code-181717?style=flat-square&amp;logo=github&amp;logoColor=white"></a>
+  &nbsp;
+  <a href="https://openmoss.github.io/MOSS-Image/"><img alt="Homepage" src="https://img.shields.io/badge/🌐%20Project-Homepage-2563eb?style=flat-square"></a>
+  &nbsp;
+  <a href="https://github.com/OpenMOSS/MOSS-Image/blob/main/paper/MOSS_Image_Technical_Report.pdf"><img alt="Technical Report" src="https://img.shields.io/badge/📄%20Paper-Technical_Report-b31b1b?style=flat-square"></a>
+  &nbsp;
+  <a href="https://x.com/Open_MOSS"><img alt="Follow OpenMOSS on X" src="https://img.shields.io/badge/Follow-OpenMOSS-000000?style=flat-square&amp;logo=x&amp;logoColor=white"></a>
+  &nbsp;
+  <a href="https://qm.qq.com/q/hphM7VhaDu"><img alt="MOSS-Image QQ 交流群：755535143" src="https://img.shields.io/badge/QQ-755535143-12B7F5?style=flat-square&amp;logo=qq&amp;logoColor=white"></a>
+  &nbsp;
+  <a href="https://applink.feishu.cn/client/chat/chatter/add_by_link?link_token=7a3m2007-815f-409b-9c3d-a4129f5c058e"><img alt="MOSS-Builders Feishu Community" src="assets/feishu-builders-badge.svg"></a>
+  &nbsp;
+  <a href="https://discord.gg/nXFWEyvbb"><img alt="MOSS-Image Discord Community" src="https://img.shields.io/badge/Discord-Community-5865F2?style=flat-square&amp;logo=discord&amp;logoColor=white"></a>
+</p>
+
 A [Gradio Workflow](https://www.gradio.app/guides/workflows) (node-canvas) version of the official
 [OpenMOSS-Team/MOSS-Image](https://huggingface.co/spaces/OpenMOSS-Team/MOSS-Image) demo, built on
 `gr.Workflow` in gradio 6.30.0, with the App view styled after the MOSS-Image landing page.

workflow.json

@@ -0,0 +1,191 @@
+{
+  "schema_version": "2",
+  "name": "MOSS-Image Text-to-Image",
+  "references": [
+    {
+      "id": "ref_prompt", "label": "Prompt", "role": "reference", "asset_type": "text",
+      "inputs": [{"id": "in", "label": "Text", "type": "text"}],
+      "outputs": [{"id": "out", "label": "Text", "type": "text"}],
+      "x": 60, "y": 60, "width": 280,
+      "data": {"out": "A young anime woman, Kazusa from Blue Archive, stands still at the edge of a crowded Tokyo crosswalk outside a busy train station on a damp, overcast dusk. Her short dark hair with soft magenta inner highlights frames her face, cat ears perked slightly beneath her distinctive glowing pink halo. She wears an oversized charcoal wool coat over a beige knit hoodie, a short pleated black skirt, black crew socks, and scuffed loafers, with a canvas tote bag slung over her shoulder. She holds a wired earphone in one hand as if pausing her music, looking slightly sideways with a quiet, unguarded expression while the evening rush hour flows around her.\n\nIn the immediate foreground, a heavily motion-blurred commuter in a dark coat walks right past the lens, partially framing the edge of the shot and giving it the raw, accidental feel of a candid street photograph. Around and behind Kazusa, a bustling crowd of out-of-focus pedestrians moves across the wet asphalt crosswalk under the muted glow of neon department store signs, traffic signals, and concrete office buildings. The image blends Kazusa’s anime appearance seamlessly into a gritty, photorealistic modern city environment, using natural ambient dusk lighting, shallow depth of field, motion blur on the passing crowd, muted cool tones, and a cinematic sense of stillness amid urban chaos."}
+    },
+    {
+      "id": "ref_negative", "label": "Negative Prompt", "role": "reference", "asset_type": "text",
+      "inputs": [{"id": "in", "label": "Text", "type": "text"}],
+      "outputs": [{"id": "out", "label": "Text", "type": "text"}],
+      "x": 60, "y": 250, "width": 280,
+      "data": {"out": "watermark, bad anatomy"}
+    },
+    {
+      "id": "ref_model", "label": "Model (base or sft)", "role": "reference", "asset_type": "text",
+      "inputs": [{"id": "in", "label": "Text", "type": "text"}],
+      "outputs": [{"id": "out", "label": "Text", "type": "text"}],
+      "x": 60, "y": 440, "width": 280,
+      "data": {"out": "base"}
+    },
+    {
+      "id": "ref_width", "label": "Width", "role": "reference", "asset_type": "number",
+      "inputs": [{"id": "in", "label": "Number", "type": "number"}],
+      "outputs": [{"id": "out", "label": "Number", "type": "number"}],
+      "x": 400, "y": 60, "width": 200,
+      "data": {"out": 1184}
+    },
+    {
+      "id": "ref_height", "label": "Height", "role": "reference", "asset_type": "number",
+      "inputs": [{"id": "in", "label": "Number", "type": "number"}],
+      "outputs": [{"id": "out", "label": "Number", "type": "number"}],
+      "x": 400, "y": 210, "width": 200,
+      "data": {"out": 1776}
+    },
+    {
+      "id": "ref_steps", "label": "Steps", "role": "reference", "asset_type": "number",
+      "inputs": [{"id": "in", "label": "Number", "type": "number"}],
+      "outputs": [{"id": "out", "label": "Number", "type": "number"}],
+      "x": 400, "y": 360, "width": 200,
+      "data": {"out": 50}
+    },
+    {
+      "id": "ref_cfg", "label": "CFG", "role": "reference", "asset_type": "number",
+      "inputs": [{"id": "in", "label": "Number", "type": "number"}],
+      "outputs": [{"id": "out", "label": "Number", "type": "number"}],
+      "x": 400, "y": 510, "width": 200,
+      "data": {"out": 3}
+    },
+    {
+      "id": "ref_shift", "label": "Shift", "role": "reference", "asset_type": "number",
+      "inputs": [{"id": "in", "label": "Number", "type": "number"}],
+      "outputs": [{"id": "out", "label": "Number", "type": "number"}],
+      "x": 400, "y": 660, "width": 200,
+      "data": {"out": 5}
+    },
+    {
+      "id": "ref_seed", "label": "Seed (-1 = random)", "role": "reference", "asset_type": "number",
+      "inputs": [{"id": "in", "label": "Number", "type": "number"}],
+      "outputs": [{"id": "out", "label": "Number", "type": "number"}],
+      "x": 60, "y": 630, "width": 200,
+      "data": {"out": 3537712559}
+    },
+    {
+      "id": "ref_num_images", "label": "Images", "role": "reference", "asset_type": "number",
+      "inputs": [{"id": "in", "label": "Number", "type": "number"}],
+      "outputs": [{"id": "out", "label": "Number", "type": "number"}],
+      "x": 60, "y": 790, "width": 200,
+      "data": {"out": 1}
+    },
+    {
+      "id": "ref_max_seq", "label": "Max Text Length", "role": "reference", "asset_type": "number",
+      "inputs": [{"id": "in", "label": "Number", "type": "number"}],
+      "outputs": [{"id": "out", "label": "Number", "type": "number"}],
+      "x": 660, "y": 60, "width": 200,
+      "data": {"out": 4096}
+    },
+    {
+      "id": "ref_uncond_skip", "label": "Skip Layers (uncond, empty = off)", "role": "reference", "asset_type": "text",
+      "inputs": [{"id": "in", "label": "Text", "type": "text"}],
+      "outputs": [{"id": "out", "label": "Text", "type": "text"}],
+      "x": 660, "y": 210, "width": 200,
+      "data": {"out": "22"}
+    },
+    {
+      "id": "ref_slg_layers", "label": "SLG Layers (empty = off)", "role": "reference", "asset_type": "text",
+      "inputs": [{"id": "in", "label": "Text", "type": "text"}],
+      "outputs": [{"id": "out", "label": "Text", "type": "text"}],
+      "x": 660, "y": 360, "width": 200,
+      "data": {"out": ""}
+    },
+    {
+      "id": "ref_slg_scale", "label": "SLG Scale", "role": "reference", "asset_type": "number",
+      "inputs": [{"id": "in", "label": "Number", "type": "number"}],
+      "outputs": [{"id": "out", "label": "Number", "type": "number"}],
+      "x": 660, "y": 510, "width": 200,
+      "data": {"out": 0}
+    },
+    {
+      "id": "ref_slg_start", "label": "Skip Start", "role": "reference", "asset_type": "number",
+      "inputs": [{"id": "in", "label": "Number", "type": "number"}],
+      "outputs": [{"id": "out", "label": "Number", "type": "number"}],
+      "x": 660, "y": 660, "width": 200,
+      "data": {"out": 0}
+    },
+    {
+      "id": "ref_slg_stop", "label": "Skip Stop", "role": "reference", "asset_type": "number",
+      "inputs": [{"id": "in", "label": "Number", "type": "number"}],
+      "outputs": [{"id": "out", "label": "Number", "type": "number"}],
+      "x": 660, "y": 810, "width": 200,
+      "data": {"out": 1}
+    },
+    {
+      "id": "ref_example_image", "label": "Example 007 Result (prefill target)", "role": "reference", "asset_type": "image",
+      "inputs": [{"id": "in", "label": "Image", "type": "image"}],
+      "outputs": [{"id": "out", "label": "Image", "type": "image"}],
+      "x": 1300, "y": 60, "width": 340,
+      "data": {"out": {"url": "https://huggingface.co/spaces/OpenMOSS-Team/MOSS-Image/resolve/main/assets/images/007/image.webp", "name": "image.webp", "mime": "image/webp"}}
+    }
+  ],
+  "operators": [
+    {
+      "id": "op_generate", "label": "MOSS-Image Generate", "role": "operator",
+      "kind": "fn", "fn": "generate",
+      "inputs": [
+        {"id": "prompt", "label": "Prompt", "type": "text", "required": true},
+        {"id": "negative_prompt", "label": "Negative Prompt", "type": "text", "required": false},
+        {"id": "model", "label": "Model", "type": "text", "required": true},
+        {"id": "width", "label": "Width", "type": "number", "required": true},
+        {"id": "height", "label": "Height", "type": "number", "required": true},
+        {"id": "steps", "label": "Steps", "type": "number", "required": true},
+        {"id": "cfg", "label": "CFG", "type": "number", "required": true},
+        {"id": "shift", "label": "Shift", "type": "number", "required": true},
+        {"id": "seed", "label": "Seed", "type": "number", "required": true},
+        {"id": "num_images", "label": "Images", "type": "number", "required": true},
+        {"id": "max_sequence_length", "label": "Max Text Length", "type": "number", "required": true},
+        {"id": "uncond_skip_layers", "label": "Skip Layers", "type": "text", "required": false},
+        {"id": "slg_layers", "label": "SLG Layers", "type": "text", "required": false},
+        {"id": "slg_scale", "label": "SLG Scale", "type": "number", "required": true},
+        {"id": "slg_start", "label": "Skip Start", "type": "number", "required": true},
+        {"id": "slg_stop", "label": "Skip Stop", "type": "number", "required": true}
+      ],
+      "outputs": [
+        {"id": "out_0", "label": "Images", "type": "gallery"},
+        {"id": "out_1", "label": "Status", "type": "text"}
+      ],
+      "x": 940, "y": 380, "width": 280,
+      "data": {}
+    }
+  ],
+  "subjects": [
+    {
+      "id": "sub_gallery", "label": "Generated Images", "role": "subject", "asset_type": "gallery",
+      "inputs": [{"id": "in", "label": "Images", "type": "gallery"}],
+      "outputs": [{"id": "out", "label": "Images", "type": "gallery"}],
+      "x": 1300, "y": 380, "width": 340,
+      "data": {}
+    },
+    {
+      "id": "sub_status", "label": "Status", "role": "subject", "asset_type": "text",
+      "inputs": [{"id": "in", "label": "Status", "type": "text"}],
+      "outputs": [{"id": "out", "label": "Status", "type": "text"}],
+      "x": 1300, "y": 620, "width": 340,
+      "data": {}
+    }
+  ],
+  "edges": [
+    {"id": "e_prompt", "from_node_id": "ref_prompt", "from_port_id": "out", "to_node_id": "op_generate", "to_port_id": "prompt", "type": "text"},
+    {"id": "e_negative", "from_node_id": "ref_negative", "from_port_id": "out", "to_node_id": "op_generate", "to_port_id": "negative_prompt", "type": "text"},
+    {"id": "e_model", "from_node_id": "ref_model", "from_port_id": "out", "to_node_id": "op_generate", "to_port_id": "model", "type": "text"},
+    {"id": "e_width", "from_node_id": "ref_width", "from_port_id": "out", "to_node_id": "op_generate", "to_port_id": "width", "type": "number"},
+    {"id": "e_height", "from_node_id": "ref_height", "from_port_id": "out", "to_node_id": "op_generate", "to_port_id": "height", "type": "number"},
+    {"id": "e_steps", "from_node_id": "ref_steps", "from_port_id": "out", "to_node_id": "op_generate", "to_port_id": "steps", "type": "number"},
+    {"id": "e_cfg", "from_node_id": "ref_cfg", "from_port_id": "out", "to_node_id": "op_generate", "to_port_id": "cfg", "type": "number"},
+    {"id": "e_shift", "from_node_id": "ref_shift", "from_port_id": "out", "to_node_id": "op_generate", "to_port_id": "shift", "type": "number"},
+    {"id": "e_seed", "from_node_id": "ref_seed", "from_port_id": "out", "to_node_id": "op_generate", "to_port_id": "seed", "type": "number"},
+    {"id": "e_num_images", "from_node_id": "ref_num_images", "from_port_id": "out", "to_node_id": "op_generate", "to_port_id": "num_images", "type": "number"},
+    {"id": "e_max_seq", "from_node_id": "ref_max_seq", "from_port_id": "out", "to_node_id": "op_generate", "to_port_id": "max_sequence_length", "type": "number"},
+    {"id": "e_uncond_skip", "from_node_id": "ref_uncond_skip", "from_port_id": "out", "to_node_id": "op_generate", "to_port_id": "uncond_skip_layers", "type": "text"},
+    {"id": "e_slg_layers", "from_node_id": "ref_slg_layers", "from_port_id": "out", "to_node_id": "op_generate", "to_port_id": "slg_layers", "type": "text"},
+    {"id": "e_slg_scale", "from_node_id": "ref_slg_scale", "from_port_id": "out", "to_node_id": "op_generate", "to_port_id": "slg_scale", "type": "number"},
+    {"id": "e_slg_start", "from_node_id": "ref_slg_start", "from_port_id": "out", "to_node_id": "op_generate", "to_port_id": "slg_start", "type": "number"},
+    {"id": "e_slg_stop", "from_node_id": "ref_slg_stop", "from_port_id": "out", "to_node_id": "op_generate", "to_port_id": "slg_stop", "type": "number"},
+    {"id": "e_gallery", "from_node_id": "op_generate", "from_port_id": "out_0", "to_node_id": "sub_gallery", "to_port_id": "in", "type": "gallery"},
+    {"id": "e_status", "from_node_id": "op_generate", "from_port_id": "out_1", "to_node_id": "sub_status", "to_port_id": "in", "type": "text"}
+  ]
+}