Update app.py

app.py

@@ -4,8 +4,15 @@ 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_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"
+EXAMPLE_INPUT = "A Reflective cat between stars."
+
+html_temp = """
+<div style="text-align: center;">
+    <h1>{}</h1>
+    <img src='https://huggingface.co/spaces/NerdN/open-gpt-Image-Prompter/blob/main/_45a03b4d-ea0f-4b81-873d-ff6b10461d52.jpg' alt='Your Image' style='width:300px;height:300px;'>
+    <p>{}</p>
+</div>
+""".format(TITLE, EXAMPLE_INPUT)
 
 zephyr_7b_beta = "https://api-inference.huggingface.co/models/HuggingFaceH4/zephyr-7b-beta/"
 
@@ -13,29 +20,41 @@ 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()
+    response.raise_for_status()  # Will raise an HTTPError if the HTTP request returned an unsuccessful status code
     return response.json()
 
-def predict_beta(message, chatbot=None, system_prompt=""):
-    chatbot = [] if chatbot is None else chatbot  # Ensure chatbot is not None
+
+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
         elif 'error' in json_obj:
-            raise gr.Error(json_obj['error'] + ' Please refresh and try again with a smaller input prompt')
+            raise gr.Error(json_obj['error'] + ' Please refresh and try again with smaller input prompt')
         else:
             warning_msg = f"Unexpected response: {json_obj}"
             raise gr.Error(warning_msg)
@@ -46,18 +65,22 @@ def predict_beta(message, chatbot=None, system_prompt=""):
         error_msg = f"Failed to decode response as JSON: {str(e)}"
         raise gr.Error(error_msg)
 
-def test_preview_chatbot(message, history=None):
-    history = [] if history is None else history  # Ensure history is not None
+def test_preview_chatbot(message, history):
     response = predict_beta(message, history, SYSTEM_PROMPT)
-    return response, EXAMPLE_IMAGE_URL
+    text_start = response.rfind("", ) + len("")
+    response = response[text_start:]
+    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: 
+
+"{EXAMPLE_INPUT}"
+"""
 
+chatbot_preview = gr.Chatbot(layout="panel", value=[(None, welcome_preview_message)])
+textbox_preview = gr.Textbox(scale=7, container=False, value=EXAMPLE_INPUT)
 
-# Launch the interface
-gr.Interface(
-    fn=test_preview_chatbot,
-    live=False,
-    examples=[[EXAMPLE_PROMPT]],
-    inputs=gr.Textbox(scale=7, container=False, value=EXAMPLE_PROMPT),
-    outputs=[gr.Textbox(), gr.Image()],
-).launch(share=True)
+demo = gr.ChatInterface(test_preview_chatbot, chatbot=chatbot_preview, textbox=textbox_preview, title=None, html=html_temp)
 
+demo.launch(share=True)