Spaces:
Sleeping
Sleeping
import gradio as gr | |
import requests | |
import json | |
import os | |
API_URL = "https://host.palple.polrambora.com/pmsq" | |
AUTH_FILE = "auth_key.json" | |
CONVO_FILE = "conversation_history.json" | |
API_TOKEN = os.getenv("POLLY") | |
ASSISTANT_PIC_PATH = "https://huggingface.co/spaces/PLRMB/P-MSQ-API-PREVIEW/resolve/main/API.png" | |
USER_PIC_PATH = "https://huggingface.co/spaces/PLRMB/P-MSQ-API-PREVIEW/resolve/main/usr.png" | |
headers = { | |
"Authorization": f"{API_TOKEN}", | |
"Content-Type": "application/json", | |
} | |
def check_auth(key): | |
if not os.path.exists(AUTH_FILE): | |
return False | |
with open(AUTH_FILE, 'r') as f: | |
saved_key = f.read().strip() | |
return key == saved_key | |
def save_auth(key): | |
with open(AUTH_FILE, 'w') as f: | |
f.write(key) | |
def load_conversation(): | |
if os.path.exists(CONVO_FILE): | |
with open(CONVO_FILE, 'r') as f: | |
return json.load(f) | |
return [] | |
def save_conversation(history): | |
with open(CONVO_FILE, 'w') as f: | |
json.dump(history, f) | |
def respond(message, history, system_message, max_tokens, top_p, temperature): | |
messages = [] | |
for user_message, assistant_message, user_profile, assistant_profile, user_pic, assistant_pic in history: | |
if user_message: | |
messages.append({ | |
"role": "user", | |
"content": user_message, | |
"profile": user_profile, | |
"picture": user_pic | |
}) | |
if assistant_message: | |
messages.append({ | |
"role": "assistant", | |
"content": assistant_message, | |
"profile": assistant_profile, | |
"picture": assistant_pic | |
}) | |
data = { | |
"preferences": { | |
"max_char": max_tokens, | |
"temperature": temperature, | |
"top_p": top_p, | |
"system_message": system_message | |
}, | |
"conversation_history": messages, | |
"input": message | |
} | |
response = requests.post(API_URL, headers=headers, data=json.dumps(data)) | |
if response.status_code == 200: | |
response_json = response.json() | |
assistant_reply = response_json["msq"]["message"][0] | |
history.append((message, assistant_reply, "You", "P-ALPLE", USER_PIC_PATH, ASSISTANT_PIC_PATH)) | |
save_conversation(history) | |
return history, assistant_reply | |
else: | |
return history, "Error: " + response.json().get("error", "Unknown error occurred.") | |
def render_message(history): | |
messages_html = "" | |
for user_message, assistant_message, user_profile, assistant_profile, user_pic, assistant_pic in history: | |
if user_message: | |
messages_html += f"<div style='display: flex; align-items: center; margin-bottom: 10px;'>" | |
if user_pic: | |
messages_html += f"<img src='{user_pic}' style='width: 40px; height: 40px; border-radius: 50%; margin-right: 10px;'>" | |
messages_html += f"{user_message}</div><br>" | |
if assistant_message: | |
messages_html += f"<div style='display: flex; align-items: center; margin-bottom: 10px;'>" | |
if assistant_pic: | |
messages_html += f"<img src='{assistant_pic}' style='width: 40px; height: 40px; border-radius: 50%; margin-right: 10px;'>" | |
messages_html += f"{assistant_message}</div><br>" | |
return messages_html | |
with gr.Blocks(css=".chatbox {height: 400px; overflow-y: auto; border: 1px solid #ccc; padding: 10px; background-color: #f9f9f9;}") as demo: | |
def auth_and_load(auth_key): | |
if check_auth(auth_key): | |
history = load_conversation() | |
return render_message(history), gr.update(visible=True), gr.update(visible=False) | |
return "", gr.update(visible=False), gr.update(visible=True) | |
def authorize_and_proceed(auth_key): | |
save_auth(auth_key) | |
return auth_and_load(auth_key) | |
gr.Markdown("## P-MSQ Chat Interface") | |
chatbot_output = gr.HTML(elem_id="chatbox", visible=False) | |
msg_input = gr.Textbox( | |
show_label=False, | |
placeholder="Type your message and press Enter...", | |
lines=2, | |
elem_id="input-text", | |
visible=False | |
) | |
send_btn = gr.Button("Send", visible=False) | |
regen_btn = gr.Button("Clear", visible=False) | |
auth_key_input = gr.Textbox(label="Enter your auth key:", type="password", visible=True) | |
auth_btn = gr.Button("Authorize", visible=True) | |
system_message = gr.Textbox(value="You are P-MSQ (Messaging Service Query), a friendly AI Chatbot that can help in any situations.", label="System message", visible=False) | |
gr.Markdown("### Settings", visible=False) | |
max_tokens = gr.Slider(minimum=1, maximum=2048, value=1024, step=1, label="Max new tokens", visible=False) | |
top_p = gr.Slider(minimum=0, maximum=2, value=0.8, step=0.1, label="Top P", visible=False) | |
temperature = gr.Slider(minimum=0.1, maximum=1, value=0.7, step=0.1, label="Temperature", visible=False) | |
history_state = gr.State([]) | |
last_message_state = gr.State("") | |
def user_interaction(message, history, system_message, max_tokens, top_p, temperature): | |
history, assistant_reply = respond(message, history, system_message, max_tokens, top_p, temperature) | |
return render_message(history), history, "", message | |
def regenerate_response(history, last_message, system_message, max_tokens, top_p, temperature): | |
return "", [] | |
msg_input.submit(user_interaction, | |
inputs=[msg_input, history_state, system_message, max_tokens, top_p, temperature], | |
outputs=[chatbot_output, history_state, msg_input, last_message_state]) | |
send_btn.click(user_interaction, | |
inputs=[msg_input, history_state, system_message, max_tokens, top_p, temperature], | |
outputs=[chatbot_output, history_state, msg_input, last_message_state]) | |
regen_btn.click(regenerate_response, | |
inputs=[history_state, last_message_state, system_message, max_tokens, top_p, temperature], | |
outputs=[chatbot_output, history_state]) | |
auth_btn.click(auth_and_load, inputs=auth_key_input, outputs=[chatbot_output, chatbot_output, auth_btn]) | |
auth_key_input.submit(authorize_and_proceed, inputs=auth_key_input, outputs=[chatbot_output, chatbot_output, auth_btn]) | |
with gr.Row(visible=False): | |
send_btn | |
regen_btn | |
gr.HTML(""" | |
<style> | |
#chatbox { | |
max-height: 400px; | |
overflow-y: auto; | |
border: 1px solid #ccc; | |
background-color: #242424; | |
padding: 10px; | |
} | |
#input-text { | |
width: 100%; | |
box-sizing: border-box; | |
} | |
.gr-button { | |
margin: 5px; | |
padding: 8px 16px; | |
font-size: 14px; | |
} | |
.gr-row { | |
justify-content: flex-end; | |
} | |
</style> | |
<script> | |
const chatbox = document.getElementById('chatbox'); | |
function scrollToBottom() { | |
chatbox.scrollTop = chatbox.scrollHeight; | |
} | |
function handleNewMessage() { | |
setTimeout(scrollToBottom, 50); | |
} | |
window.addEventListener('message', handleNewMessage); | |
</script> | |
""") | |
if __name__ == "__main__": | |
demo.launch() | |