adds interface

README.md

@@ -5,7 +5,7 @@ colorFrom: blue
 colorTo: green
 sdk: gradio
 app_file: app.py
-pinned: false
+pinned: true
 ---
 
 # Demo: Tonic/med-gpt-oss-20b

app.py

@@ -236,51 +236,10 @@ def generate_response(input_data, chat_history, max_new_tokens, model_identity,
         logging.exception("Generation streaming failed")
         yield f"❌ Error during generation: {e}"
 
-demo = gr.ChatInterface(
-    fn=generate_response,
-    additional_inputs=[
-        gr.Slider(label="Max new tokens", minimum=64, maximum=4096, step=1, value=2048),
-        gr.Textbox(
-            label="Model Identity",
-            value=MODEL_IDENTITY,
-            lines=3,
-            placeholder="Optional identity/persona for the model"
-        ),
-        gr.Textbox(
-            label="System Prompt",
-            value=DEFAULT_SYSTEM_PROMPT,
-            lines=4,
-            placeholder="Change system prompt"
-        ),
-        gr.Textbox(
-            label="Developer Prompt",
-            value=DEFAULT_DEVELOPER_PROMPT,
-            lines=4,
-            placeholder="Optional developer instructions"
-        ),
-        gr.Dropdown(
-            label="Reasoning Effort",
-            choices=["low", "medium", "high"],
-            value=DEFAULT_REASONING_EFFORT,
-            interactive=True,
-        ),
-        gr.Slider(label="Temperature", minimum=0.1, maximum=2.0, step=0.1, value=0.7),
-        gr.Slider(label="Top-p", minimum=0.05, maximum=1.0, step=0.05, value=0.9),
-        gr.Slider(label="Top-k", minimum=1, maximum=100, step=1, value=50),
-        gr.Slider(label="Repetition Penalty", minimum=1.0, maximum=2.0, step=0.05, value=1.0)
-    ],
-    examples=[
-        [{"text": "Explain Newton's laws clearly and concisely with mathematical formulas"}],
-        [{"text": "Write a Python function to calculate the Fibonacci sequence"}],
-        [{"text": "What are the benefits of open weight AI models? Include analysis."}],
-        [{"text": "Solve this equation: $x^2 + 5x + 6 = 0$"}],
-    ],
-    cache_examples=False,
-    type="messages",
-    description=f"""
-
-# 🙋🏻‍♂️Welcome to 🌟{MODEL_NAME} Demo !
+ 
+TITLE_MD = f"# 🙋🏻‍♂️Welcome to 🌟Tonic's ⚕️{MODEL_NAME} Demo !"
 
+DESCRIPTION_MD = f"""
 **Model**: `{LORA_MODEL_ID}`  
 **Base**: `{BASE_MODEL_ID}`
 
@@ -294,16 +253,66 @@ demo = gr.ChatInterface(
 - Adjust reasoning level in system prompt (e.g., "Reasoning: high")
 - Use LaTeX for math: `$E = mc^2$` or `$$\\int x^2 dx$$`
 - Wait a couple of seconds initially for model loading
-    """,
-    fill_height=True,
-    textbox=gr.Textbox(
-        label="Query Input",
-        placeholder="Type your prompt (supports LaTeX: $x^2 + y^2 = z^2$)"
-    ),
-    stop_btn="Stop Generation",
-    multimodal=False,
-    theme=gr.themes.Soft()
-)
+"""
+
+JOIN_US_MD = """
+## Join us :
+🌟TeamTonic🌟 is always making cool demos! Join our active builder's 🛠️community 👻 [![Join us on Discord](https://img.shields.io/discord/1109943800132010065?label=Discord&logo=discord&style=flat-square)](https://discord.gg/qdfnvSPcqP) On 🤗Huggingface:[MultiTransformer](https://huggingface.co/MultiTransformer) On 🌐Github: [Tonic-AI](https://github.com/tonic-ai) & contribute to🌟 [MultiTonic](https://github.com/MultiTonic)🤗Big thanks to Yuvi Sharma and all the folks at huggingface for the community grant 🤗
+"""
+
+with gr.Blocks(theme=gr.themes.Soft()) as demo:
+    gr.Markdown(TITLE_MD)
+    with gr.Row():
+        with gr.Column(scale=3):
+            gr.Markdown(DESCRIPTION_MD)
+        with gr.Column(scale=2):
+            gr.Markdown(JOIN_US_MD)
+
+    gr.ChatInterface(
+        fn=generate_response,
+        additional_inputs=[
+            gr.Slider(label="Max new tokens", minimum=64, maximum=4096, step=1, value=2048),
+            gr.Textbox(
+                label="Model Identity",
+                value=MODEL_IDENTITY,
+                lines=3,
+                placeholder="Optional identity/persona for the model"
+            ),
+            gr.Textbox(
+                label="System Prompt",
+                value=DEFAULT_SYSTEM_PROMPT,
+                lines=4,
+                placeholder="Change system prompt"
+            ),
+            gr.Textbox(
+                label="Developer Prompt",
+                value=DEFAULT_DEVELOPER_PROMPT,
+                lines=4,
+                placeholder="Optional developer instructions"
+            ),
+            gr.Dropdown(
+                label="Reasoning Effort",
+                choices=["low", "medium", "high"],
+                value=DEFAULT_REASONING_EFFORT,
+                interactive=True,
+            ),
+        examples=[
+            [{"text": "A 68-year-old man complains of several blisters arising over the back and trunk for the preceding 2 weeks. He takes no medications and has not noted systemic symptoms such as fever, sore throat, weight loss, or fatigue. The general physical examination is normal. The oral mucosa and the lips are normal. Several 2- to 3-cm bullae are present over the trunk and back. A few excoriations where the blisters have ruptured are present. The remainder of the skin is normal, without erythema or scale. What is the best diagnostic approach at this time?"}],
+            [{"text": "A 28-year-old woman, gravida 2, para 1, at 40 weeks of gestation is admitted to the hospital in active labor. The patient has attended many prenatal appointments and followed her physician's advice about screening for diseases, laboratory testing, diet, and exercise. Her pregnancy has been uncomplicated. She has no history of a serious illness. Her first child was delivered via normal vaginal delivery. Her vital signs are within normal limits. Cervical examination shows 100% effacement and 10 cm dilation. A cardiotocograph is shown. Which of the following is the most appropriate initial step in management?"}],
+            [{"text": "An 18-year-old woman has eaten homemade preserves. Eighteen hours later, she develops diplopia, dysarthria, and dysphagia. She presents to the emergency room for assessment and on examination her blood pressure is 112/74 mmHg, heart rate 110/min, and respirations 20/min. The pertinent findings are abnormal extraocular movements due to cranial nerve palsies, difficulty swallowing and a change in her voice. The strength in her arms is 4/5 and 5/5 in her legs, and the reflexes are normal. Which of the following is the most likely causative organism?"}],
+            [{"text": "What are you & who made you?"}],
+        ],
+
+        cache_examples=False,
+        type="messages",
+        fill_height=True,
+        textbox=gr.Textbox(
+            label="Query Input",
+            placeholder="Type your prompt (supports LaTeX: $x^2 + y^2 = z^2$)"
+        ),
+        stop_btn="Stop Generation",
+        multimodal=False,
+    )
 
 if __name__ == "__main__":
     demo.launch(share=True)