Update app.py

app.py

@@ -1,3 +1,4 @@
+
 import gradio as gr
 import os
 import requests
@@ -5,14 +6,31 @@ import json
 
 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_INPUT = "A Reflective cat between stars."
+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="position: absolute; top: 0; right: 0;">
-    <img src='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' alt='Your Image' style='width:100px;height:100px;'>
-</div>
-<div style="position: absolute; bottom: 0; left: 0; padding: 10px;">
-    <p>{EXAMPLE_INPUT}</p>
+<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>
 """
 
@@ -22,36 +40,23 @@ HF_TOKEN = os.getenv("HF_TOKEN")
 HEADERS = {"Authorization": f"Bearer {HF_TOKEN}"}
 
 def build_input_prompt(message, chatbot, system_prompt):
-    """
-    Constructs the input prompt string from the chatbot interactions and the current message.
-    """
     input_prompt = "\n" + system_prompt + "</s>\n\n"
     for interaction in chatbot:
         input_prompt = input_prompt + str(interaction[0]) + "</s>\n\n" + str(interaction[1]) + "\n</s>\n\n"
-
     input_prompt = input_prompt + str(message) + "</s>\n"
     return input_prompt
 
-
 def post_request_beta(payload):
-    """
-    Sends a POST request to the predefined Zephyr-7b-Beta URL and returns the JSON response.
-    """
     response = requests.post(zephyr_7b_beta, headers=HEADERS, json=payload)
-    response.raise_for_status()  # Will raise an HTTPError if the HTTP request returned an unsuccessful status code
+    response.raise_for_status()
     return response.json()
 
-
 def predict_beta(message, chatbot=[], system_prompt=""):
     input_prompt = build_input_prompt(message, chatbot, system_prompt)
-    data = {
-        "inputs": input_prompt
-    }
-
+    data = {"inputs": input_prompt}
     try:
         response_data = post_request_beta(data)
         json_obj = response_data[0]
-        
         if 'generated_text' in json_obj and len(json_obj['generated_text']) > 0:
             bot_message = json_obj['generated_text']
             return bot_message
@@ -72,13 +77,17 @@ def test_preview_chatbot(message, history):
     return response
 
 welcome_preview_message = f"""
-Expand your imagination and broaden your horizons with LLM. Welcome to **{TITLE}**!:\nThis is a chatbot that can generate detailed prompts for image generation models based on simple and short user input.\nSay something like: 
+Expand your imagination and broaden your horizons with LLM. Welcome to **{TITLE}**!:\nThis is a chatbot that can generate detailed prompts for image generation models based on simple and short user input.\nTry one of these prompts:
 
-"{EXAMPLE_INPUT}"
+- "{EXAMPLE_INPUTS[0]['prompt']}"
+- "{EXAMPLE_INPUTS[1]['prompt']}"
+- "{EXAMPLE_INPUTS[2]['prompt']}"
+- "{EXAMPLE_INPUTS[3]['prompt']}"
 """
 
 chatbot_preview = gr.Chatbot(layout="panel", value=[(None, welcome_preview_message)])
-textbox_preview = gr.Textbox(scale=7, container=False, value=EXAMPLE_INPUT)
+textbox_preview = gr.Textbox(scale=7, container=False, value=EXAMPLE_INPUTS[0]['prompt'])
+
+demo = gr.ChatInterface(test_preview_chatbot, chatbot=chatbot_preview, textbox=textbox_preview, examples=[[EXAMPLE_INPUTS[0]['prompt']]])
 
-demo = gr.ChatInterface(test_preview_chatbot, chatbot=chatbot_preview, textbox=textbox_preview, examples=[[EXAMPLE_INPUT]])
 demo.launch(share=True)