Update app.py

app.py

@@ -117,11 +117,24 @@ def update_chat_history(user_message: str, assistant_response: str, history: lis
     save_chat_history(history)
     return history
 
+# --- Enhanced UI Features ---
+def update_settings(max_tokens, temperature, top_p):
+    """Updates the settings based on user input."""
+    return gr.Markdown(f"**Current Settings:**\n* Max Tokens: {max_tokens}\n* Temperature: {temperature}\n* Top-p: {top_p}")
+
+def display_history(history):
+    """Displays the chat history in a more readable format."""
+    formatted_history = ""
+    for user_msg, assistant_msg in history:
+        formatted_history += f"**User:** {user_msg}\n**Assistant:** {assistant_msg}\n\n"
+    return formatted_history
+
+
 # Define the UI layout with additional features
 with gr.Blocks() as demo:
     gr.Markdown("# 🧠 AI Chatbot Interface")
     gr.Markdown("### Customize your AI Chatbot's behavior and responses.")
-    
+
     with gr.Row():
         with gr.Column():
             system_message = gr.Textbox(
@@ -132,11 +145,18 @@ with gr.Blocks() as demo:
             max_tokens = gr.Slider(minimum=1, maximum=2048, value=512, step=1, label="Max new tokens")
             temperature = gr.Slider(minimum=0.1, maximum=4.0, value=0.7, step=0.1, label="Temperature")
             top_p = gr.Slider(minimum=0.1, maximum=1.0, value=0.95, step=0.05, label="Top-p (nucleus sampling)")
-            theme = gr.Radio(choices=["Light", "Dark"], label="Theme", value="Light")
-    
+
+            # Display current settings
+            settings_output = gr.Markdown(f"**Current Settings:**\n* Max Tokens: {max_tokens.value}\n* Temperature: {temperature.value}\n* Top-p: {top_p.value}")
+            max_tokens.change(fn=update_settings, inputs=[max_tokens, temperature, top_p], outputs=settings_output)
+            temperature.change(fn=update_settings, inputs=[max_tokens, temperature, top_p], outputs=settings_output)
+            top_p.change(fn=update_settings, inputs=[max_tokens, temperature, top_p], outputs=settings_output)
+
     with gr.Row():
         chatbot = gr.Chatbot()
-    
+        # Display chat history in a separate area
+        history_output = gr.Textbox(label="Chat History", lines=10, interactive=False)
+
     with gr.Row():
         with gr.Column():
             sample_prompt = gr.Dropdown(
@@ -168,20 +188,22 @@ with gr.Blocks() as demo:
         history = load_chat_history()
         response = list(respond(message, history, system_message, max_tokens, temperature, top_p))[0]
         history = update_chat_history(message, response, history)
-        return response, history
+        formatted_history = display_history(history)
+        return response, history, formatted_history
 
     submit_btn.click(
         fn=handle_send, 
         inputs=[message, system_message, max_tokens, temperature, top_p], 
-        outputs=[chatbot, gr.State()],
+        outputs=[chatbot, gr.State(), history_output],
         show_progress=True
     )
     
     # Clear the chat history
     def clear_chat() -> list:
-        return []
+        save_chat_history([]) # Clear the saved history as well
+        return [], "" # Return empty list for chatbot and empty string for history output
 
-    clear_btn.click(fn=clear_chat, inputs=None, outputs=chatbot)
+    clear_btn.click(fn=clear_chat, inputs=None, outputs=[chatbot, history_output])
     
     # Handle feedback submission
     def submit_user_feedback(feedback: str):
@@ -193,4 +215,4 @@ with gr.Blocks() as demo:
 
 # Launch the Gradio interface
 if __name__ == "__main__":
-    demo.launch()
+    demo.launch()