Update app.py

app.py

@@ -12,11 +12,15 @@ client = InferenceClient(
 )
 
 # Function to handle chatbot response
-def chat_with_model(user_input, history):
+def chat_with_model(user_input, system_content, history):
     response = ""
+    # Prepare the conversation with system content
+    messages = [{"role": "system", "content": system_content},
+                {"role": "user", "content": user_input}]
+    
     # Send user input to the model
     for message in client.chat_completion(
-        messages=[{"role": "user", "content": user_input}],
+        messages=messages,
         max_tokens=500,
         stream=True,
     ):
@@ -29,20 +33,25 @@ def chat_with_model(user_input, history):
 # Gradio interface
 with gr.Blocks(theme="nevreal/blues") as ui:
     gr.Markdown("# Gradio Chatbot with Phi-3-mini-4k-instruct")
-    
+
+    # Dropdown for system content
+    system_content = gr.Textbox(
+        label="System Instructions",
+        value=f"you are Phi-3-mini-4k-instruct assistant a friendly chatbot developed by Microsoft and created by [nevproject](https://huggingface.co/nevproject)",
+        visible=False
+    )
+
     # User input and chatbot output
     chatbot = gr.Chatbot()
     with gr.Row():
-        
         user_input = gr.Textbox(show_label=False, placeholder="Type a message...")
-        
         send_button = gr.Button("Send")
     
     # Store the chat history
     history = gr.State([])
 
     # Send button action
-    send_button.click(fn=chat_with_model, inputs=[user_input, history], outputs=[chatbot, history])
+    send_button.click(fn=chat_with_model, inputs=[user_input, system_content, history], outputs=[chatbot, history])
 
 # Launch the web UI
 ui.launch()