Update app.py

app.py

@@ -1,7 +1,6 @@
 import gradio as gr
 from huggingface_hub import InferenceClient
 
-
 def respond(
     message,
     history: list[dict[str, str]],
@@ -12,14 +11,13 @@ def respond(
     hf_token: gr.OAuthToken,
 ):
     """
-    For more information on `huggingface_hub` Inference API support, please check the docs: https://huggingface.co/docs/huggingface_hub/v0.22.2/en/guides/inference
+    Logique de réponse utilisant l'API Inference.
     """
+
     client = InferenceClient(token=hf_token.token, model="deepseek-ai/DeepSeek-V3.2")
 
     messages = [{"role": "system", "content": system_message}]
-
     messages.extend(history)
-
     messages.append({"role": "user", "content": message})
 
     response = ""
@@ -40,32 +38,72 @@ def respond(
         yield response
 
 
+
+custom_theme = gr.themes.Soft(
+    primary_hue="indigo",    
+    secondary_hue="violet",  
+    neutral_hue="slate",     
+    font=[gr.themes.GoogleFont("Inter"), "ui-sans-serif", "system-ui"],
+).set(
+    body_background_fill="*neutral_50",
+    block_background_fill="white",
+    block_shadow="*shadow_drop_lg",
+    button_primary_background_fill="*primary_500",
+    button_primary_text_color="white",
+)
+
+custom_css = """
+h1 {
+    text-align: center;
+    color: #4f46e5;
+    font-weight: 800 !important;
+    font-size: 2.5rem !important;
+    margin-bottom: 10px;
+}
+.description {
+    text-align: center;
+    font-size: 1.1rem;
+    color: #64748b;
+    margin-bottom: 20px;
+}
 """
-For information on how to customize the ChatInterface, peruse the gradio docs: https://www.gradio.app/docs/chatinterface
-"""
-chatbot = gr.ChatInterface(
+
+chatbot_interface = gr.ChatInterface(
     respond,
     type="messages",
+    title="✨ Le Chatbot qu'il vous faut", # Titre intégré
+    description="Une interface intelligente propulsée par DeepSeek AI.",
+    
+    chatbot=gr.Chatbot(
+        height=500,
+        show_copy_button=True,
+        avatar_images=(None, "https://huggingface.co/datasets/huggingface/brand-assets/resolve/main/hf-logo.svg"), # (User, Bot)
+        bubble_full_width=False, # Bulles plus esthétiques
+    ),
+    
     additional_inputs=[
-        gr.Markdown("#Le chatbot qu'il vous faut"),
-        gr.Textbox(value="You are a friendly Chatbot.", label="System message"),
+        gr.Textbox(value="You are a friendly Chatbot.", label="Message Système"),
         gr.Slider(minimum=1, maximum=2048, value=512, step=1, label="Max new tokens"),
         gr.Slider(minimum=0.1, maximum=4.0, value=0.7, step=0.1, label="Temperature"),
-        gr.Slider(
-            minimum=0.1,
-            maximum=1.0,
-            value=0.95,
-            step=0.05,
-            label="Top-p (nucleus sampling)",
-        ),
+        gr.Slider(minimum=0.1, maximum=1.0, value=0.95, step=0.05, label="Top-p (nucleus sampling)"),
     ],
+    additional_inputs_accordion=gr.Accordion(label="⚙️ Paramètres avancés", open=False),
+    
+    examples=[
+        ["Explique-moi la physique quantique simplement."],
+        ["Écris un poème sur l'intelligence artificielle."],
+        ["Comment faire une requête HTTP en Python ?"],
+    ],
+    cache_examples=False,
 )
 
-with gr.Blocks() as demo:
+with gr.Blocks(theme=custom_theme, css=custom_css, title="Mon Super Chatbot") as demo:
     with gr.Sidebar():
-        gr.LoginButton()
-    chatbot.render()
-
+        gr.Markdown("### 🔐 Authentification")
+        gr.LoginButton(value="Se connecter avec Hugging Face")
+        gr.Markdown("Connectez-vous pour accéder au modèle hébergé.")
+    
+    chatbot_interface.render()
 
 if __name__ == "__main__":
-    demo.launch(share=True)
+    demo.launch(share=True)