app.py

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()