app.py

import gradio as gr
from huggingface_hub import InferenceClient

"""
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
"""
client = InferenceClient("HuggingFaceH4/zephyr-7b-beta")


def respond(
    message,
    history: list[tuple[str, str]],
    system_message="You are a friendly Chatbot.",
    max_tokens=512,
    temperature=0.7,
    top_p=0.95,
):
    messages = [{"role": "system", "content": system_message}]

    for val in history:
        if val[0]:
            messages.append({"role": "user", "content": val[0]})
        if val[1]:
            messages.append({"role": "assistant", "content": val[1]})

    messages.append({"role": "user", "content": message})

    response = ""

    for message in client.chat_completion(
        messages,
        max_tokens=max_tokens,
        stream=True,
        temperature=temperature,
        top_p=top_p,
    ):
        token = message.choices[0].delta.content

        response += token
        yield response

"""
For information on how to customize the ChatInterface, peruse the gradio docs: https://www.gradio.app/docs/chatinterface
"""
custom_css = """
body {
    background-color: #F0F0F0; /* Light Gray Background */
    color: #3E3D3D; /* Dark Gray Text */
}
.gradio-container {
    background-color: #FFFFFF; /* White Container */
    border: 1px solid #3E3D3D; /* Dark Gray Border */
    border-radius: 5px;
    padding: 20px;
}
.gr-button {
    background-color: #034EA1; /* Blue Button */
    color: #FFFFFF; /* White Text */
    border: none;
    padding: 10px 20px;
    border-radius: 5px;
    cursor: pointer;
}
.gr-button:hover {
    background-color: #3E3D3D; /* Dark Gray Hover */
}
.gr-textbox {
    border: 1px solid #3E3D3D; /* Dark Gray Border */
    border-radius: 5px;
    padding: 10px;
}
.footer {
    display: none !important; /* Hide the footer */
}
"""

demo = gr.ChatInterface(
    respond,
    css=custom_css,
)

if __name__ == "__main__":
    demo.launch()