Spaces:
Running
Running
File size: 2,367 Bytes
77500c8 dfc360a d79ef13 dfc360a f1e046e 89e4f86 f1e046e dfc360a 77500c8 dfc360a 77500c8 dfc360a 89e4f86 77500c8 dfc360a 3c3d467 77500c8 dfc360a 2137fcc dfc360a 77500c8 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 |
import gradio as gr
from huggingface_hub import InferenceClient
# Custom background CSS with styled title and panel
css = """
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP&family=Playfair+Display&display=swap');
body {
background-image: url('https://cdn-uploads.huggingface.co/production/uploads/67351c643fe51cb1aa28f2e5/GdA9eNQKjOQjE6q47km3l.jpeg');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
font-family: 'Noto Sans JP', sans-serif;
}
#chat-panel {
background-color: rgba(255, 255, 255, 0.85);
padding: 2rem;
border-radius: 12px;
max-width: 700px;
height: 90vh;
margin: auto;
box-shadow: 0 0 12px rgba(0, 0, 0, 0.3);
overflow-y: auto;
}
#.gradio-container .chatbot .header {
color: #c785a0; !important;
font-family: 'Noto Sans', serif !important;
font-size: 1.8rem !important;
font-weight: bold !important;
text-align: center !important;
margin-bottom: 1rem !important;
}
"""
client = InferenceClient("HuggingFaceH4/zephyr-7b-beta")
def respond(
message,
history: list[tuple[str, str]],
system_message,
max_tokens,
temperature,
top_p,
):
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
with gr.Blocks(css=css) as demo:
with gr.Column(elem_id="chat-panel"):
gr.Markdown("## 🇯🇵 Japanese Instructor", elem_id="chat-title")
with gr.Accordion("⚙️ Settings", open=False):
max_tokens = gr.Slider(minimum=1, maximum=2048, value=512, step=1, label="Response Length")
temperature = gr.Slider(minimum=0.1, maximum=4.0, value=0.7, step=0.1, label="Response Creativity")
gr.ChatInterface(
respond,
additional_inputs=[max_tokens, temperature]
)
if __name__ == "__main__":
demo.launch()
|