Update app.py

app.py

@@ -27,7 +27,7 @@ def respond(message, history, system_message, max_tokens, temperature, top_p):
     ):
         token = message.choices[0].delta.content
         response += token
-        yield response
+        yield history + [(message, response)]
 
 def clear_session():
     return "", []
@@ -36,15 +36,17 @@ def modify_system_session(system):
     if not system:
         system = default_system
     return system, system, []
+def use_example(example):
+    return example
 
 with gr.Blocks() as demo:
-    gr.Markdown("<h1 style='text-align: center;'>LLM.C 1.5B Chat Demo 🤖 (not the good ckpt for now)</h1>")
+    gr.Markdown("<h1 style='text-align: center;'>LLM.C Chat Demo</h1>")
     
     with gr.Row():
         with gr.Column(scale=3):
             system_input = gr.Textbox(value=default_system, lines=1, label='System Prompt')
         with gr.Column(scale=1):
-            modify_system = gr.Button("🛠️ Set system prompt and clear history",scale=2)
+            modify_system = gr.Button("🛠️ Set system prompt and clear history")
     
     system_state = gr.Textbox(value=default_system, visible=False)
     chatbot = gr.Chatbot(label='LLM.C Chat')
@@ -54,6 +56,12 @@ with gr.Blocks() as demo:
         clear_history = gr.Button("🧹 Clear history")
         submit = gr.Button("🚀 Send")
     
+    # New section for example prompts
+    gr.Markdown("### Example prompts")
+    with gr.Row():
+        example1 = gr.Button("🦄 Unicorn Discovery")
+        example2 = gr.Button("⏳ Time Travel Paradox")
+
     with gr.Accordion("Advanced Settings", open=False):
         max_tokens = gr.Slider(minimum=1, maximum=2048, value=512, step=1, label="Max New Tokens")
         temperature = gr.Slider(minimum=0.1, maximum=2.0, value=0.7, step=0.1, label="Temperature")
@@ -65,10 +73,16 @@ with gr.Blocks() as demo:
     clear_history.click(fn=clear_session, inputs=[], outputs=[message, chatbot])
     modify_system.click(fn=modify_system_session, inputs=[system_input], outputs=[system_state, system_input, chatbot])
 
+    # Event handlers for example prompts
+    example1.click(use_example, inputs=[], outputs=[message],
+                   _js="(x) => 'In a shocking finding, scientist discovered a herd of unicorns living in a remote, previously unexplored valley, in the Andes Mountains. Even more surprising to the researchers was the fact that the unicorns spoke perfect English.'")
+    example2.click(use_example, inputs=[], outputs=[message],
+                   _js="(x) => 'Explain the grandfather paradox in time travel and propose a potential resolution.'")
+
     gr.Markdown(
         """
         ## About LLM.C
-        Some stuff about llm.c + link to the github repo
+        some stuff about llmc
         """
     )