Update app.py

app.py

@@ -2,31 +2,13 @@ import gradio as gr
 from openai import OpenAI
 import os
 
-DESCRIPTION = '''
-<div>
-<h1 style="text-align: center;">ContenteaseAI custom trained model</h1>
-</div>
-'''
-
-LICENSE = """
-<p/>
----
-For more information, visit our [website](https://contentease.ai).
-"""
-
-PLACEHOLDER = """
-<div style="padding: 30px; text-align: center; display: flex; flex-direction: column; align-items: center;">
-   <h1 style="font-size: 28px; margin-bottom: 2px; opacity: 0.55;">ContenteaseAI Custom AI trained model</h1>
-   <p style="font-size: 18px; margin-bottom: 2px; opacity: 0.65;">Enter the text extracted from the PDF:</p>
-</div>
-"""
-
-css = """
-h1 {
-  text-align: center;
-  display: block;
+css = '''
+.gradio-container{max-width: 1000px !important}
+h1{text-align:center}
+footer {
+    visibility: hidden
 }
-"""
+'''
 
 ACCESS_TOKEN = os.getenv("HF_TOKEN")
 
@@ -38,32 +20,72 @@ client = OpenAI(
 def respond(
     message,
     history,
-    max_tokens,
     temperature,
-    system_message=""" Extract the following information from the given text:
-            Identify the specific areas where the work needs to be done and Add the furniture that has to be changed.
-            Do not specify the work that has to be done.
-            Format the extracted information in the following JSON structure:
-
-            {
-              "Area Type1": {
-                  "Furniture1",
-                  "Furniture2",
+    max_tokens,
+):
+    SYS_PROMPT = """
+                  Extract all relevant keywords and add quantities from the following text and format the result in nested JSON, ignoring personal details and focusing only on the area and furniture items as shown in the example. Each item should have a count, which will be set to 1 for simplicity. The response should be in JSON format only, without any additional comments.
+                  Good JSON example:{
+                    "Lobby Area/Entrance": {
+                      "Vinyl wall covering": 1,
+                      "Decorative hardwired lighting": 1
+                    },
+                    "Lobby": {
+                      "Carpet, carpet pad, and base": 1,
+                      "Window treatments": 1,
+                      "Artwork and decorative accessories": 1,
+                      "Portable lighting": 1,
+                      "Upholstered furniture and decorative pillows": 1,
+                      "Millwork": 1
+                    }
+                  }
+                  Make sure to fetch details from the provided text and ignore unnecessary information. The response should be in JSON format only, without any additional comments.
+                  Task:
+                  Convert the provided extracted text into the JSON format described above.
+                  Provided Text:
+                  PROPERTY IMPROVEMENT PLAN
+                  PREPARED FOR:
+                  Springfield, IL
+                  To be relicensed as Hilton Garden Inn
                   ...
-              }
-              "Area Type2": {
-                   "Furniture1",
-                  "Furniture2",
+                  Patios/The Terrace - Install patio decorative lighting. Install patio furniture. (lounge chairs, chaise, dining tables/chairs)
                   ...
-              }
-            }""",
-):
-    messages = [{"role": "system", "content": system_message}]
+                  Lobby Area - Replace carpet, carpet pad, and base. Replace window treatments. Replace artwork and decorative accessories. Replace portable lighting. (floor lamps, table lamps) Replace upholstered furniture and decorative pillows. Replace millwork. Replace the television(s).
+                  ...
+                  Registration Area - Replace vinyl wall covering. Replace hard surface floor covering. Replace artwork. Install new signature graphics on the back wall.
+                  ...
+                  Expected Output (JSON format):
+                  {
+                    "Patios/The Terrace": {
+                      "Patio decorative lighting": 1,
+                      "Lounge chairs": 1,
+                      "Chaise": 1,
+                      "Dining tables": 1,
+                      "Dining chairs": 1,
+                      "Patio furniture": 1
+                    },
+                    "Lobby Area": {
+                      "Carpet, carpet pad, and base": 1,
+                      "Window treatments": 1,
+                      "Artwork and decorative accessories": 1,
+                      "Portable lighting (floor lamps, table lamps)": 1,
+                      "Upholstered furniture and decorative pillows": 1,
+                      "Millwork": 1,
+                      "Television(s)": 1
+                    },
+                    "Registration Area": {
+                      "Vinyl wall covering": 1,
+                      "Hard surface floor covering": 1,
+                      "Artwork (new signature graphics on the back wall)": 1
+                    }
+                  }
+                  """
+    messages = [{"role": "system", "content": SYS_PROMPT}]
     if len(history) == 0:
       pass
     else:
       history.pop()
-      
+
     for val in history:
         if val[0]:
             messages.append({"role": "user", "content": val[0]})
@@ -86,14 +108,53 @@ def respond(
         response += token
         yield response
 
-demo = gr.ChatInterface(
-    respond,
-    additional_inputs=[
-        gr.Slider(minimum=1, maximum=2048, value=512, step=1, label="Max new tokens"),
-        gr.Slider(minimum=0.1, maximum=4.0, value=0.7, step=0.1, label="Temperature"),
 
-    ],
-    css=css,
-)
+DESCRIPTION = '''
+<div>
+<h1 style="text-align: center;">ContenteaseAI custom trained model</h1>
+</div>
+'''
+
+LICENSE = """
+<p/>
+---
+For more information, visit our [website](https://contentease.ai).
+"""
+
+PLACEHOLDER = """
+<div style="padding: 30px; text-align: center; display: flex; flex-direction: column; align-items: center;">
+   <h1 style="font-size: 28px; margin-bottom: 2px; opacity: 0.55;">ContenteaseAI Custom AI trained model</h1>
+   <p style="font-size: 18px; margin-bottom: 2px; opacity: 0.65;">Enter the text extracted from the PDF:</p>
+</div>
+"""
+
+css = """
+h1 {
+  text-align: center;
+  display: block;
+}
+"""
+
+chatbot = gr.Chatbot(height=450, placeholder=PLACEHOLDER, label='Gradio ChatInterface')
+
+with gr.Blocks(fill_height=True, css=css) as demo:
+    gr.Markdown(DESCRIPTION)
+
+    gr.ChatInterface(
+        fn=respond,
+        chatbot=chatbot,
+        fill_height=True,
+        additional_inputs_accordion=gr.Accordion(label="⚙️ Parameters", open=False, render=False),
+        additional_inputs=[
+            gr.Slider(minimum=0, maximum=1, step=0.1, value=0.9, label="Temperature", render=False),
+            gr.Slider(minimum=128, maximum=2000, step=1, value=2000, label="Max new tokens", render=False),
+        ]
+    )
+
+    gr.Markdown(LICENSE)
+
 if __name__ == "__main__":
-    demo.launch(debug = True)
+    try:
+        demo.launch(show_error=True, debug = True)
+    except Exception as e:
+        logger.error(f"Error launching Gradio demo: {e}")