Update app.py

app.py

@@ -4,33 +4,8 @@ import requests
 
 SYSTEM_PROMPT = "As an LLM, your job is to generate detailed prompts that start with generate the image, for image generation models based on user input. Be descriptive and specific, but also make sure your prompts are clear and concise."
 TITLE = "Image Prompter"
-EXAMPLE_INPUTS = [
-    {"prompt": "A Reflective cat between stars.", "image_url": "https://www.bing.com/images/create/a-black-cat-with-a-shiny2c-reflective-coat-is-float/1-656c50e048424f578a489a4875acd14f?id=%2b0DNSc2C8Sw26e32dIzHZA%3d%3d&view=detailv2&idpp=genimg&idpclose=1&FORM=SYDBIC"},
-    {"prompt": "A Stunning sunset over the mountains.", "image_url": "https://www.example.com/sunset_image.jpg"},
-    {"prompt": "An Enchanted forest with fireflies.", "image_url": "https://www.example.com/forest_image.jpg"},
-    {"prompt": "A Mysterious spaceship in the night sky.", "image_url": "https://www.example.com/spaceship_image.jpg"}
-]
-
-html_temp = """
-<div style="display: flex; justify-content: space-between; padding: 10px;">
-    <div>
-        <img src='{image_url_1}' alt='Image 1' style='width:100px;height:100px;'>
-        <p>{prompt_1}</p>
-    </div>
-    <div>
-        <img src='{image_url_2}' alt='Image 2' style='width:100px;height:100px;'>
-        <p>{prompt_2}</p>
-    </div>
-    <div>
-        <img src='{image_url_3}' alt='Image 3' style='width:100px;height:100px;'>
-        <p>{prompt_3}</p>
-    </div>
-    <div>
-        <img src='{image_url_4}' alt='Image 4' style='width:100px;height:100px;'>
-        <p>{prompt_4}</p>
-    </div>
-</div>
-"""
+EXAMPLE_PROMPT = "A Reflective cat between stars."
+EXAMPLE_IMAGE_URL = "https://www.bing.com/images/create/a-black-cat-with-a-shiny2c-reflective-coat-is-float/1-656c50e048424f578a489a4875acd14f?id=%2b0DNSc2C8Sw26e32dIzHZA%3d%3d&view=detailv2&idpp=genimg&idpclose=1&FORM=SYDBIC"
 
 zephyr_7b_beta = "https://api-inference.huggingface.co/models/HuggingFaceH4/zephyr-7b-beta/"
 
@@ -59,7 +34,7 @@ def predict_beta(message, chatbot=[], system_prompt=""):
             bot_message = json_obj['generated_text']
             return bot_message
         elif 'error' in json_obj:
-            raise gr.Error(json_obj['error'] + ' Please refresh and try again with smaller input prompt')
+            raise gr.Error(json_obj['error'] + ' Please refresh and try again with a smaller input prompt')
         else:
             warning_msg = f"Unexpected response: {json_obj}"
             raise gr.Error(warning_msg)
@@ -72,25 +47,14 @@ def predict_beta(message, chatbot=[], system_prompt=""):
 
 def test_preview_chatbot(message, history):
     response = predict_beta(message, history, SYSTEM_PROMPT)
-    return response
+    return response, EXAMPLE_IMAGE_URL
 
-# Display HTML and launch the interface
+# Launch the interface
 gr.Interface(
     fn=test_preview_chatbot,
     live=False,
-    examples=[[EXAMPLE_INPUTS[0]['prompt']]],
-    inputs=gr.Textbox(scale=7, container=False, value=EXAMPLE_INPUTS[0]['prompt']),
-    outputs=gr.Text(type="html"),
-    layout="vertical",
-    html=html_temp.format(
-        image_url_1=EXAMPLE_INPUTS[0]["image_url"],
-        prompt_1=EXAMPLE_INPUTS[0]["prompt"],
-        image_url_2=EXAMPLE_INPUTS[1]["image_url"],
-        prompt_2=EXAMPLE_INPUTS[1]["prompt"],
-        image_url_3=EXAMPLE_INPUTS[2]["image_url"],
-        prompt_3=EXAMPLE_INPUTS[2]["prompt"],
-        image_url_4=EXAMPLE_INPUTS[3]["image_url"],
-        prompt_4=EXAMPLE_INPUTS[3]["prompt"],
-    ),
+    examples=[[EXAMPLE_PROMPT]],
+    inputs=gr.Textbox(scale=7, container=False, value=EXAMPLE_PROMPT),
+    outputs=[gr.Textbox(), gr.Image()],
 ).launch(share=True)