Improve UI/UX layout

app.py

@@ -10,7 +10,6 @@ For more information on `huggingface_hub` Inference API support, please check th
 """
 client = InferenceClient("meta-llama/Llama-3.2-1B-Instruct", token=os.getenv("HUGGINGFACEHUB_API_TOKEN"))
 
-
 def respond(
     message,
     history: list[tuple[str, str]],
@@ -63,21 +62,30 @@ Helpful Answers:
 """
 For information on how to customize the ChatInterface, peruse the gradio docs: https://www.gradio.app/docs/chatinterface
 """
-demo = gr.ChatInterface(
-    respond,
-    additional_inputs=[
-        gr.Textbox(value="https://www.gradio.app/docs/gradio/chatinterface", label="Docs URL"),
-        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"),
-        gr.Slider(
-            minimum=0.1,
-            maximum=1.0,
-            value=0.95,
-            step=0.05,
-            label="Top-p (nucleus sampling)",
-        ),
-    ],
-)
+with gr.Blocks() as demo:
+    with gr.Row():
+        with gr.Column(min_width=200, scale=0):
+            max_tokens = gr.Slider(minimum=1, maximum=2048, value=512, step=1, label="Max new tokens", render=True)
+            temperature = gr.Slider(minimum=0.1, maximum=4.0, value=0.7, step=0.1, label="Temperature", render=True)
+            top_p = gr.Slider(
+                        minimum=0.1,
+                        maximum=1.0,
+                        value=0.95,
+                        step=0.05,
+                        label="Top-p (nucleus sampling)",
+                        render=True,
+                    )
+        with gr.Column():
+            url = gr.Textbox(value="https://www.gradio.app/docs/gradio/chatinterface", label="Docs URL", render=True)
+            chat = gr.ChatInterface(
+                respond,
+                additional_inputs=[
+                    url,
+                    max_tokens,
+                    temperature,
+                    top_p,
+                ],
+            )
 
 
 if __name__ == "__main__":

requirements.txt

@@ -1 +1,4 @@
-huggingface_hub==0.25.2
+huggingface_hub==0.25.2
+langchain-community==0.3.3
+unstructured==0.16.0
+unstructured-client==0.26.1