Updates to get it working again!

app.py

@@ -3,15 +3,18 @@ import gradio as gr
 
 client = InferenceClient("mistralai/Mistral-7B-Instruct-v0.1")
 
-# <img src="/file=val_speaking_transparent.gif" style="width: 80%; max-width: 550px; height: auto; opacity: 0.55;  ">
-PLACEHOLDER = """
+val_image = gr.Image("/file=val_speaking_transparent.gif")
+
+PLACEHOLDER = f"""
 <div style="padding: 30px; text-align: center; display: flex; flex-direction: column; align-items: center;">
-   
+   <img src={val_image} style="width: 80%; max-width: 550px; height: auto; opacity: 0.55;  "> 
    <h1 style="font-size: 28px; margin-bottom: 2px; opacity: 0.55;">Hi Jennifer, welcome to DTF</h1>
    <p style="font-size: 18px; margin-bottom: 2px; opacity: 0.65;">Ask me anything about working at here...</p>
 </div>. 
 """
 
+TITLE = "Hi I'm Val the Voyager, welcome onboard!"
+
 
 def format_prompt(message, history):
     prompt = "<s>"
@@ -61,69 +64,62 @@ def generate(
     return output
 
 
-# additional_inputs = [
-#     gr.Slider(
-#         label="Temperature",
-#         value=0.9,
-#         minimum=0.0,
-#         maximum=1.0,
-#         step=0.05,
-#         interactive=True,
-#         info="Higher values produce more diverse outputs",
-#     ),
-#     gr.Slider(
-#         label="Max new tokens",
-#         value=256,
-#         minimum=0,
-#         maximum=1048,
-#         step=64,
-#         interactive=True,
-#         info="The maximum numbers of new tokens",
-#     ),
-#     gr.Slider(
-#         label="Top-p (nucleus sampling)",
-#         value=0.90,
-#         minimum=0.0,
-#         maximum=1,
-#         step=0.05,
-#         interactive=True,
-#         info="Higher values sample more low-probability tokens",
-#     ),
-#     gr.Slider(
-#         label="Repetition penalty",
-#         value=1.2,
-#         minimum=1.0,
-#         maximum=2.0,
-#         step=0.05,
-#         interactive=True,
-#         info="Penalize repeated tokens",
-#     ),
-# ]
-
-with gr.Blocks(fill_height=True) as demo:
-
-    gr.Image("/file=val_speaking_transparent.gif")
-    gr.Markdown("Hi I'm Val the Voyager, welcome onboard!")
-    gr.ChatInterface(
-        fn=generate,
-        chatbot=gr.Chatbot(
-            show_label=False,
-            show_share_button=False,
-            show_copy_button=True,
-            likeable=True,
-            layout="panel",
-            placeholder=PLACEHOLDER,
-        ),
-        # additional_inputs=additional_inputs,
-        examples=[
-            ["Ask me what an acronym stands for"],
-            ["How can I check my leave allowance?"],
-            ["Where can I find a floor map of 1 Macarthur?"],
-            ["How can I find out about DTF's Disability network?"],
-        ],
-        cache_examples=False,
-        title="""Voyager Val""",
-    )
+additional_inputs = [
+    gr.Slider(
+        label="Temperature",
+        value=0.9,
+        minimum=0.0,
+        maximum=1.0,
+        step=0.05,
+        interactive=True,
+        info="Higher values produce more diverse outputs",
+    ),
+    gr.Slider(
+        label="Max new tokens",
+        value=256,
+        minimum=0,
+        maximum=1048,
+        step=64,
+        interactive=True,
+        info="The maximum numbers of new tokens",
+    ),
+    gr.Slider(
+        label="Top-p (nucleus sampling)",
+        value=0.90,
+        minimum=0.0,
+        maximum=1,
+        step=0.05,
+        interactive=True,
+        info="Higher values sample more low-probability tokens",
+    ),
+    gr.Slider(
+        label="Repetition penalty",
+        value=1.2,
+        minimum=1.0,
+        maximum=2.0,
+        step=0.05,
+        interactive=True,
+        info="Penalize repeated tokens",
+    ),
+]
 
-if __name__ == "__main__":
-    demo.launch()
+gr.ChatInterface(
+    fn=generate,
+    chatbot=gr.Chatbot(
+        show_label=False,
+        show_share_button=False,
+        show_copy_button=True,
+        likeable=True,
+        layout="panel",
+        placeholder=PLACEHOLDER,
+    ),
+    additional_inputs=additional_inputs,
+    examples=[
+        ["Ask me what an acronym stands for"],
+        ["How can I check my leave allowance?"],
+        ["Where can I find a floor map of 1 Macarthur?"],
+        ["How can I find out about DTF's Disability network?"],
+    ],
+    cache_examples=False,
+    title=TITLE,
+).launch(show_api=False)