Fake outputs, radio button selection.

.gitignore

@@ -0,0 +1,2 @@
+.DS_Store
+__pycache__/

app.py

@@ -0,0 +1,110 @@
+#!/usr/bin/env python
+# coding: utf-8
+import os
+import random
+from typing import List
+import gradio as gr
+from collections import defaultdict
+from functools import partial
+from PIL import Image
+
+block = gr.Blocks(css=".container { max-width: 800px; margin: auto; }")
+
+SELECT_LABEL = "Select as seed"
+selectors: List[gr.Radio] = []
+
+def infer(prompt):
+    print(f"Current selection: {current_selection()}")
+    response = defaultdict(list)
+    for i in range(1, 7):
+        response["images"].append(Image.open(f"sample_outputs/{i}.png"))
+        response["seeds"].append(random.randint(0, 2 ** 32 -1))
+    image1.value = response["images"][0]
+    return response["images"]
+
+
+def image_block():
+    return gr.Image(
+        interactive=False, show_label=False
+    ).style(
+        # border = (True, True, False, True),
+        rounded = (True, True, False, False),
+    )
+
+selectors_state = [''] * 6
+def did_select(radio: gr.Radio):
+    new_state = list(map(lambda r: SELECT_LABEL if r == radio else '', selectors))
+    return new_state
+
+def update_state(radio: gr.Radio, *state):
+    global selectors_state
+    if list(state) != selectors_state:
+        selectors_state = did_select(radio)
+    return selectors_state
+
+def current_selection():
+    try:
+        return selectors_state.index(SELECT_LABEL)
+    except:
+        return -1
+
+def radio_block():
+    radio = gr.Radio(
+        choices=[SELECT_LABEL], interactive=True, show_label=False,
+    ).style(
+        # border = (False, True, True, True),
+        # rounded = (False, False, True, True)
+        container=False
+    )
+    return radio
+
+with block:
+    gr.Markdown("<h1><center>Latent Diffusion Demo</center></h1>")
+    with gr.Group():
+        with gr.Box():
+            with gr.Row().style(mobile_collapse=False, equal_height=True):
+                text = gr.Textbox(
+                    label="Enter your prompt", show_label=False, max_lines=1
+                ).style(
+                    border=(True, False, True, True),
+                    # margin=False,
+                    rounded=(True, False, False, True),
+                    container=False,
+                )
+                btn = gr.Button("Run").style(
+                    margin=False,
+                    rounded=(False, True, True, False),
+                )
+
+        ## Can we create a Component with these, so it can participate as an output?
+        with gr.Row():
+            with gr.Box().style(border=None):
+                image1 = image_block()
+                select1 = radio_block()
+            with gr.Box().style(border=None):
+                image2 = image_block()
+                select2 = radio_block()
+            with gr.Box().style(border=None):
+                image3 = image_block()
+                select3 = radio_block()
+        with gr.Row():
+            with gr.Box().style(border=None):
+                image4 = image_block()
+                select4 = radio_block()
+            with gr.Box().style(border=None):
+                image5 = image_block()
+                select5 = radio_block()
+            with gr.Box().style(border=None):
+                image6 = image_block()
+                select6 = radio_block()
+
+        images = [image1, image2, image3, image4, image5, image6]
+        selectors += [select1, select2, select3, select4, select5, select6]
+
+        for radio in selectors:
+            radio.change(fn=partial(update_state, radio), inputs=selectors, outputs=selectors)
+            
+        text.submit(infer, inputs=text, outputs=images)
+        btn.click(infer, inputs=text, outputs=images)
+
+block.launch(enable_queue=False)