Update app.py

app.py

@@ -1,11 +1,20 @@
 import gradio as gr
 import os
 import requests
-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."
+import gradio as gr
+import os
+import requests
+
+# Include the HTML code for displaying the image
+html_temp = """
+<div style="position: absolute; top: 0; right: 0;">
+    <img src='https://huggingface.co/spaces/NerdN/open-gpt-Image-Prompter/blob/main/_45a03b4d-ea0f-4b81-873d-ff6b10461d52.jpg' alt='Your Image' style='width:100px;height:100px;'>
+</div>
+"""
 
 zephyr_7b_beta = "https://api-inference.huggingface.co/models/HuggingFaceH4/zephyr-7b-beta/"
 
@@ -56,11 +65,14 @@ def predict_beta(message, chatbot=[], system_prompt=""):
         error_msg = f"Failed to decode response as JSON: {str(e)}"
         raise gr.Error(error_msg)
 
-def chat_interface(message, chat_history):
-    response = predict_beta(message, chat_history, SYSTEM_PROMPT)
+def test_preview_chatbot(message, history):
+    response = predict_beta(message, history, SYSTEM_PROMPT)
     text_start = response.rfind("", ) + len("")
     response = response[text_start:]
-    return response
+
+    # Include the image HTML code in the response
+    response_with_image = f"{html_temp}\n{response}"
+    return response_with_image
 
 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: 
@@ -68,5 +80,10 @@ Expand your imagination and broaden your horizons with LLM. Welcome to **{TITLE}
 "{EXAMPLE_INPUT}"
 """
 
-chatbot_preview = gr.Chatbot(chat_interface, title=TITLE, system_message=welcome_preview_message)
-chatbot_preview.launch()
+# Use the modified test_preview_chatbot function
+chatbot_preview = gr.Chatbot(layout="panel", value=[(None, welcome_preview_message)])
+textbox_preview = gr.Textbox(scale=7, container=False, value=EXAMPLE_INPUT)
+
+# Use the modified test_preview_chatbot function
+demo = gr.ChatInterface(test_preview_chatbot, chatbot=chatbot_preview, textbox=textbox_preview)
+demo.launch(share=True)