add huggingface tab

app.py

@@ -1,5 +1,6 @@
 import gradio as gr
 
+from app_huggingface import demo as demo_huggingface
 from app_allenai import demo as demo_allenai
 from app_claude import demo as demo_claude
 from app_experimental import demo as demo_experimental
@@ -20,6 +21,8 @@ from app_together import demo as demo_together
 from app_xai import demo as demo_grok
 
 with gr.Blocks(fill_height=True) as demo:
+    with gr.Tab("Hugging Face"):
+        demo_huggingface.render()
     with gr.Tab("Grok"):
         demo_grok.render()
     with gr.Tab("Hyperbolic"):
@@ -41,7 +44,7 @@ with gr.Blocks(fill_height=True) as demo:
         demo_claude.render()
     with gr.Tab("Qwen"):
         demo_qwen.render()
-    with gr.Tab("AllenAI"):
+    with gr.Tab("Allen AI"):
         demo_allenai.render()
     with gr.Tab("Perplexity"):
         demo_perplexity.render()

app_huggingface.py

@@ -0,0 +1,67 @@
+from gradio_client import Client
+import gradio as gr
+
+MODELS = {
+    "SmolVLM-Instruct": "akhaliq/smolvlm-chat"
+}
+
+def create_chat_fn(client):
+    def chat(message, history):
+        response = client.predict(
+            message=message,
+            image=None,
+            api_name="/chat"
+        )
+        return response
+    return chat
+
+def set_client_for_session(model_name, request: gr.Request):
+    headers = {}
+    if request and hasattr(request, 'request') and hasattr(request.request, 'headers'):
+        x_ip_token = request.request.headers.get('x-ip-token')
+        if x_ip_token:
+            headers["X-IP-Token"] = x_ip_token
+    
+    return Client(MODELS[model_name], headers=headers)
+
+def safe_chat_fn(message, history, client):
+    if client is None:
+        return "Error: Client not initialized. Please refresh the page."
+    return create_chat_fn(client)(message, history)
+
+with gr.Blocks() as demo:
+    
+    client = gr.State()
+    
+    model_dropdown = gr.Dropdown(
+        choices=list(MODELS.keys()),
+        value="SmolVLM-Instruct",
+        label="Select Model",
+        interactive=True
+    )
+    
+    chat_interface = gr.ChatInterface(
+        fn=safe_chat_fn,
+        additional_inputs=[client]
+    )
+    
+    # Update client when model changes
+    def update_model(model_name, request):
+        return set_client_for_session(model_name, request)
+    
+    model_dropdown.change(
+        fn=update_model,
+        inputs=[model_dropdown],
+        outputs=[client],
+    )
+    
+    # Initialize client on page load
+    demo.load(
+        fn=set_client_for_session,
+        inputs=gr.State("SmolVLM-Instruct"),
+        outputs=client,
+    )
+
+demo = demo
+
+