Update app.py

app.py

@@ -36,8 +36,8 @@ question_examples = [
     ["What treatment options exist for HER2+ breast cancer resistant to trastuzumab?"]
 ]
 
-# Format assistant responses in collapsible JSON-style panels
-def format_collapsible(content):
+# Helper: collapsible format with tool name
+def format_collapsible(content, tool_name=None):
     if isinstance(content, (dict, list)):
         try:
             formatted = json.dumps(content, indent=2)
@@ -46,39 +46,61 @@ def format_collapsible(content):
     else:
         formatted = str(content)
 
-    return (
-        "<details style='border: 1px solid #ccc; border-radius: 10px; padding: 12px; margin-top: 10px;'>"
-        "<summary style='font-weight: 600; font-size: 16px;'>Answer</summary>"
-        f"<pre style='white-space: pre-wrap; font-family: monospace; font-size: 14px;'>{formatted}</pre>"
-        "</details>"
-    )
+    title = f"Answer from: {tool_name}" if tool_name else "Answer"
+
+    return f"""
+    <details style='border: 1px solid #444; background-color: #1e1e1e; border-radius: 8px; padding: 10px; margin: 10px 0;'>
+        <summary style='color: #37B6E9; font-weight: 600; font-size: 16px;'>{title}</summary>
+        <pre style='color: #eee; font-family: Consolas, monospace; padding-top: 10px;'>{formatted}</pre>
+    </details>
+    """
 
 # UI setup
 def create_ui(agent):
-    with gr.Blocks(css="""
-        body { font-family: 'Segoe UI', sans-serif; background-color: #f8f9fa; }
-        .gr-button-primary { background: linear-gradient(90deg, #4b6cb7, #182848); color: white; border: none; }
-        .gr-button-primary:hover { background: linear-gradient(90deg, #5a78d1, #243b6c); }
-        .gr-markdown h1 { margin-bottom: 0; }
-        .gr-markdown { margin-bottom: 16px; }
-    """) as demo:
-        gr.Markdown("<h1 style='text-align: center;'>TxAgent: Therapeutic Reasoning</h1>")
-        gr.Markdown("<p style='text-align: center;'>Ask biomedical or therapeutic questions. Powered by tool-augmented reasoning.</p>")
-
-        with gr.Row():
-            with gr.Column():
-                temperature = gr.Slider(0, 1, value=0.3, label="Temperature")
-                max_new_tokens = gr.Slider(128, 4096, value=1024, label="Max New Tokens")
-                max_tokens = gr.Slider(128, 32000, value=8192, label="Max Total Tokens")
-                max_round = gr.Slider(1, 50, value=30, label="Max Rounds")
-                multi_agent = gr.Checkbox(label="Enable Multi-agent Reasoning", value=False)
-
+    custom_css = """
+        body {
+            font-family: Inter, sans-serif;
+            background-color: #121212;
+            color: #ffffff;
+        }
+        .gradio-container {
+            max-width: 900px;
+            margin: auto;
+        }
+        textarea, input, .gr-button {
+            font-size: 16px;
+        }
+        .gr-button {
+            background: linear-gradient(to right, #37B6E9, #4B4CED);
+            color: white;
+            border-radius: 8px;
+            font-weight: bold;
+        }
+        .gr-button:hover {
+            background: linear-gradient(to right, #4B4CED, #37B6E9);
+        }
+        .gr-chatbot {
+            background-color: #1e1e1e;
+            border-radius: 10px;
+        }
+    """
+
+    with gr.Blocks(css=custom_css) as demo:
+        gr.Markdown("<h1 style='text-align: center; color: #4B4CED;'>TxAgent: Therapeutic Reasoning</h1>")
+        gr.Markdown("Ask biomedical or therapeutic questions. Powered by step-by-step reasoning and intelligent tool use.")
+
+        temperature = gr.Slider(0, 1, value=0.3, label="Temperature")
+        max_new_tokens = gr.Slider(128, 4096, value=1024, label="Max New Tokens")
+        max_tokens = gr.Slider(128, 32000, value=8192, label="Max Total Tokens")
+        max_round = gr.Slider(1, 50, value=30, label="Max Rounds")
+        multi_agent = gr.Checkbox(label="Enable Multi-agent Reasoning", value=False)
         conversation_state = gr.State([])
+
         chatbot = gr.Chatbot(label="TxAgent", height=600, type="messages")
         message_input = gr.Textbox(placeholder="Ask your biomedical question...", show_label=False)
-        send_button = gr.Button("Send", variant="primary")
+        send_button = gr.Button("Send")
 
-        # Main handler
+        # Chat logic
         def handle_chat(message, history, temperature, max_new_tokens, max_tokens, multi_agent, conversation, max_round):
             generator = agent.run_gradio_chat(
                 message=message,
@@ -90,26 +112,31 @@ def create_ui(agent):
                 conversation=conversation,
                 max_round=max_round
             )
+
             for update in generator:
                 formatted = []
                 for m in update:
                     role = m["role"] if isinstance(m, dict) else getattr(m, "role", "assistant")
                     content = m["content"] if isinstance(m, dict) else getattr(m, "content", "")
+                    tool_name = m.get("metadata", {}).get("tool") if isinstance(m, dict) else getattr(m, "metadata", {}).get("tool", None)
+
                     if role == "assistant":
-                        content = format_collapsible(content)
+                        content = format_collapsible(content, tool_name)
+
                     formatted.append({"role": role, "content": content})
                 yield formatted
 
+        # Events
         inputs = [message_input, chatbot, temperature, max_new_tokens, max_tokens, multi_agent, conversation_state, max_round]
         send_button.click(fn=handle_chat, inputs=inputs, outputs=chatbot)
         message_input.submit(fn=handle_chat, inputs=inputs, outputs=chatbot)
 
         gr.Examples(examples=question_examples, inputs=message_input)
-        gr.Markdown("<p style='font-size: 12px; color: gray;'>DISCLAIMER: This demo is for research purposes only and does not provide medical advice.</p>")
+        gr.Markdown("<div style='text-align: center; font-size: 0.9em; color: #999;'>This demo is for research purposes only and does not provide medical advice.</div>")
 
     return demo
 
-# Entry point
+# Main
 if __name__ == "__main__":
     freeze_support()
     try:
@@ -129,13 +156,8 @@ if __name__ == "__main__":
             raise AttributeError("TxAgent missing run_gradio_chat")
 
         demo = create_ui(agent)
-        demo.queue().launch(
-            server_name="0.0.0.0",
-            server_port=7860,
-            share=True,
-            show_error=True
-        )
+        demo.queue().launch(server_name="0.0.0.0", server_port=7860, share=True, show_error=True)
 
     except Exception as e:
-        print(f"\u274c App failed to start: {e}")
+        print(f"❌ App failed to start: {e}")
         raise