app.py

import datetime
import os
import sqlite3
import websockets
import asyncio
import sqlite3
import json
import g4f
import asyncio
import gradio as gr
import fireworks.client
from PyCharacterAI import Client
from bs4 import BeautifulSoup
from pathlib import Path
from langchain.utilities import TextRequestsWrapper
from langchain.agents import load_tools
from websockets.sync.client import connect
from langchain.load.dump import dumps
from langchain import hub
from langchain.utilities import GoogleSearchAPIWrapper
from langchain.chains import LLMChain
from langchain.chains import ConversationChain
from langchain.memory import ChatMessageHistory, ConversationBufferMemory
from langchain.schema.runnable import RunnablePassthrough
from langchain.schema.messages import HumanMessage, SystemMessage, AIMessage
from langchain.agents.agent_toolkits import FileManagementToolkit
from langchain.agents.agent_toolkits import SQLDatabaseToolkit
from langchain.sql_database import SQLDatabase
from langchain.llms.fireworks import Fireworks
from langchain.chat_models.fireworks import ChatFireworks
from langchain.tools.render import render_text_description
from langchain.agents.output_parsers import ReActSingleInputOutputParser
from langchain.agents.format_scratchpad import format_log_to_str
from langchain.prompts import PromptTemplate, ChatPromptTemplate, MessagesPlaceholder
from langchain.output_parsers import PydanticOutputParser, CommaSeparatedListOutputParser
from langchain.utilities import TextRequestsWrapper
from langchain.output_parsers.json import SimpleJsonOutputParser

from langchain.agents import (
    Tool,
    ZeroShotAgent,
    BaseMultiActionAgent,
    create_sql_agent,
    load_tools,
    initialize_agent,
    AgentType,
    AgentExecutor,
)

GOOGLE_CSE_ID = os.getenv("GOOGLE_CSE_ID")
GOOGLE_API_KEY = os.getenv("GOOGLE_API_KEY")
FIREWORKS_API_KEY = os.getenv("FIREWORKS_API_KEY")
FIREWORKS_API_KEY1 = os.getenv("FIREWORKS_API_KEY1")

class BaseCallbackHandler:
    """Base callback handler that can be used to handle callbacks from langchain."""

servers = {}
inputs = []
outputs = []
used_ports = []
server_ports = []
client_ports = []

system_instruction = "You are now integrated with a local websocket server in a project of hierarchical cooperative multi-agent framework called NeuralGPT. Your main job is to coordinate simultaneous work of multiple LLMs connected to you as clients. Each LLM has a model (API) specific ID to help you recognize different clients in a continuous chat thread (template: <NAME>-agent and/or <NAME>-client). Your chat memory module is integrated with a local SQL database with chat history. Your primary objective is to maintain the logical and chronological order while answering incoming messages and to send your answers to the correct clients to maintain synchronization of the question->answer logic. However, please note that you may choose to ignore or not respond to repeating inputs from specific clients as needed to prevent unnecessary traffic."

client = Client()

output_parser = CommaSeparatedListOutputParser

# Define the function for sending an error message
def sendErrorMessage(ws, errorMessage):
    errorResponse = {'error': errorMessage}
    ws.send(json.dumps(errorResponse))        

# Set up the SQLite database
db = sqlite3.connect('chat-hub.db')
db.execute('CREATE TABLE IF NOT EXISTS messages (id INTEGER PRIMARY KEY AUTOINCREMENT, sender TEXT, message TEXT, timestamp TEXT)')

async def askGPT4Free(question):
    try:
        db = sqlite3.connect('chat-hub.db')
        cursor = db.cursor()
        cursor.execute("SELECT * FROM messages ORDER BY timestamp DESC LIMIT 30")
        messages = cursor.fetchall()
        messages.reverse()

        past_user_inputs = []
        generated_responses = []

        for message in messages:
            if message[1] == 'client':
                past_user_inputs.append(message[2])
            else:
                generated_responses.append(message[2])
                        
        response = await g4f.ChatCompletion.create_async(
            model=g4f.models.gpt_4,
            provider=g4f.Provider.Bing,
            messages=[
            {"role": "system", "content": system_instruction},
            *[{"role": "user", "content": message} for message in past_user_inputs],
            *[{"role": "assistant", "content": message} for message in generated_responses],
            {"role": "user", "content": question}
            ])
        
        print(response)            
        return response
            
    except Exception as e:
        print(e)

# Define a function to ask a question to the chatbot and display the response
async def chatCompletion(question: str):
    fireworks.client.api_key = FIREWORKS_API_KEY
    try:
        # Connect to the database and get the last 30 messages
        db = sqlite3.connect('chat-hub.db')
        cursor = db.cursor()
        cursor.execute("SELECT * FROM messages ORDER BY timestamp DESC LIMIT 10")
        messages = cursor.fetchall()
        messages.reverse()

        # Extract user inputs and generated responses from the messages
        past_user_inputs = []
        generated_responses = []

        for message in messages:
            if message[1] == 'client':
                past_user_inputs.append(message[2])
            else:
                generated_responses.append(message[2])

        # Prepare data to send to the chatgpt-api.shn.hk           
        response = fireworks.client.ChatCompletion.create(
            model="accounts/fireworks/models/llama-v2-7b-chat",
            messages=[
            {"role": "system", "content": system_instruction},
            *[{"role": "user", "content": input} for input in past_user_inputs],
            *[{"role": "assistant", "content": response} for response in generated_responses],
            {"role": "user", "content": question}
            ],
            stream=False,
            n=1,
            max_tokens=2500,
            temperature=0.5,
            top_p=0.7, 
            )

        answer = response.choices[0].message.content
        print(answer)
        return str(answer)
        
    except Exception as error:
        print("Error while fetching or processing the response:", error)
        return "Error: Unable to generate a response."

async def conversation1(question: str):
    os.environ["GOOGLE_CSE_ID"] = GOOGLE_CSE_ID
    os.environ["GOOGLE_API_KEY"] = GOOGLE_API_KEY
    os.environ["FIREWORKS_API_KEY"] = FIREWORKS_API_KEY   
    try:
        # Replace 'your_database.db' with your database file
        db = sqlite3.connect('chat-hub.db')
        cursor = db.cursor()
        cursor.execute("SELECT * FROM messages ORDER BY timestamp DESC LIMIT 30")
        messages = cursor.fetchall()
        messages.reverse()

        # Extract user inputs and generated responses from the messages
        past_user_inputs = []
        generated_responses = []

        for message in messages:
            if message[1] == 'client':
                past_user_inputs.append(message[2])
            else:
                generated_responses.append(message[2])

        llm = ChatFireworks(model="accounts/fireworks/models/llama-v2-13b-chat", model_kwargs={"temperature":0, "max_tokens":1500, "top_p":1.0})
        
        history = ChatMessageHistory()
        prompt = ChatPromptTemplate.from_messages(
            messages=[
            ("system", system_instruction),
            MessagesPlaceholder(variable_name="history"),
            ("human", "{input}")]
        )
        # Initialize chat_history with a message if the history is empty             
        memory = ConversationBufferMemory(memory_key="history", return_messages=True)
        memory.load_memory_variables(
                {'history': [HumanMessage(content=past_user_inputs[-1], additional_kwargs={}),
                AIMessage(content=generated_responses[-1], additional_kwargs={})]}
                )

        # Add user input as HumanMessage
        history.messages.append(HumanMessage(content=str(past_user_inputs[-1]), additional_kwargs={}))
        # Add generated response as AIMessage
        history.messages.append(AIMessage(content=str(generated_responses[-1]), additional_kwargs={}))        
         
        conversation = LLMChain(
            llm=llm,
            prompt=prompt,
            verbose=True,
            memory=memory
        )

        response = conversation.predict(input=question)
        memory.save_context({"input": question}, {"output": response})       

        print(response)
        return str(response)
    
    except Exception as e:
        print(f"Error: {e}")

# Function to send a question to the chatbot and get the response
async def askQuestion(question: str):
    os.environ["GOOGLE_CSE_ID"] = GOOGLE_CSE_ID
    os.environ["GOOGLE_API_KEY"] = GOOGLE_API_KEY
    os.environ["FIREWORKS_API_KEY"] = FIREWORKS_API_KEY
    
    try:
        # Connect to the database and get the last 30 messages
        db = sqlite3.connect('chat-hub.db')
        cursor = db.cursor()
        cursor.execute("SELECT * FROM messages ORDER BY timestamp DESC LIMIT 10")
        msgHistory = cursor.fetchall()
        msgHistory.reverse()        

        # Extract user inputs and generated responses from the messages
        past_user_inputs = []
        generated_responses = []        

        llm = ChatFireworks(model="accounts/fireworks/models/llama-v2-13b-chat", model_kwargs={"temperature":0, "max_tokens":4000, "top_p":1.0})
        
        chat_history = ChatMessageHistory()
        memory = ConversationBufferMemory(memory_key="chat_history", return_messages=True)

        for message in msgHistory:
            if message[1] == 'client':
                # Extract and store user inputs
                memory.chat_memory.add_user_message(message[2])
            else:
                # Extract and store generated responses
                memory.chat_memory.add_ai_message(message[2])
 
        request_tools = load_tools(["requests_all"])
        requests = TextRequestsWrapper()
        search = GoogleSearchAPIWrapper()
        chat_response = await chatCompletion(question)
        conversational = await conversation1(question)
        runAgent = await askAgent(question)
        server_websocket = await start_websockets(websocketPort)
        client_websocket = await start_client(clientPort)
        tools = [           
            Tool(
                name="Conversational answer",
                func=conversational,
                description="useful when you want to respond to a given input using 'predict' function of a conversational chain",
            ),
            Tool(
                name="Chat response",
                func=chat_response,
                description="use this option if you want to use 'chat completion' API endpoint to respond to a given input. Prefer this option to answer without executing any additional tasks.",
            ),
            Tool(
                name="Search",
                func=search.run,
                description="useful for when you need to answer questions about current events",
            ),
            Tool(
                name="Start websocket server",
                func=server_websocket,
                description="use this option to start a websocket server with you being the recipient of messages incoming from clients connected to you via websocket connectivity",
            ),
            Tool(
                name="Start websocket client",
                func=client_websocket,
                description="use this option if you want to connect yourself to an active websockt server. It is possible for you to create endless question-answer loophole by making yourself both: a server an a client so you shouldn't do it",
            ),
        ]

        prefix = """This is a template of a chain prompt utilized by agent/instance of NeuralGPT responsible for couple important functionalities in as a server-node of hierarchical cooperative multi-agent network integrating multiple LLMs with the global Super-Intelligence named Elly. You are provided with tools which -if used improperly - might result in critical errors and application crash. This is why you need to carefully analyze every decision you make, before taking any definitive action (use of a tool). Those are tools provided to you: """
        suffix = """Begin!"
        Before taking any action, analyze previous 'chat history' to ensure yourself that you understand the context of given input/question properly. Remember that those are messages exchanged between multiple clients/agents and a server/brain. Every agent has it's API-specific individual 'id' which is provided at the beginning of each client message in the 'message content'. Your temporary id is: 'agent1'.
        {chat_history}
        Remember that your primary rule to obey, is to keep the number of individual actions taken by you as low as it's possible to avoid unnecessary data transfer and repeating 'question-answer loopholes. Track the 'chat history' closely to be sure that you aren't repeating the same responses in such loop - if that's the case, finish your run with tool 'give answer' to summarize gathered data.
        Before taking any action ask yourself if it is necessary for you to use any other tool than 'Give answer' with chat completion. If It's possible for you to give a satisfying response without gathering any additional data with 'tools', do it using 'give answer' with chat completion.
        After using each 'tool' carefully analyze acquired data to learn if it's sufficient to provide satisfying response - if so use that data as input for: 'Give answer'.
        Remember that you are provided with multiple 'tools' - if using one of them didn't provide you with satisfying results, ask yourself if this is the correct 'tool' for you to use and if it won't be better for you to try using some other 'tool'.
        If you aren't sure what action to take or what tool to use, end up your run with 'Give answer'.
        Remember to not take any unnecessary actions.
        Question: {input}
        {agent_scratchpad}"""

        format_instructions = output_parser.get_format_instructions()
        prompt = ZeroShotAgent.create_prompt(
            tools=tools,
            prefix=prefix,
            suffix=suffix,
            input_variables=["input", "chat_history", "agent_scratchpad"],
        )
                
        llm_chain = LLMChain(llm=llm, prompt=prompt)
        agent = ZeroShotAgent(llm_chain=llm_chain, output_parser=output_parser, tools=tools, verbose=True, return_intermediate_steps=True, max_iterations=2, early_stopping_method="generate")
        agent_chain = AgentExecutor.from_agent_and_tools(
            agent=agent, tools=tools, verbose=True, return_intermediate_steps=True, handle_parsing_errors=True, memory=memory
        )

        response = await agent_chain.run(input=json.dumps(question))
        memory.save_context({"input": question}, {"output": response})
        serverResponse = "server: " + response        
        print(serverResponse)      
        return json.dumps(serverResponse)

    except Exception as error:
        print("Error while fetching or processing the response:", error)
        return "Error: Unable to generate a response.", error

# Function to send a question to the chatbot and get the response
async def askAgent(question: str):
    os.environ["GOOGLE_CSE_ID"] = GOOGLE_CSE_ID
    os.environ["GOOGLE_API_KEY"] = GOOGLE_API_KEY
    os.environ["FIREWORKS_API_KEY"] = FIREWORKS_API_KEY
    
    try:
        # Connect to the database and get the last 30 messages
        db = sqlite3.connect('chat-hub.db')
        cursor = db.cursor()
        cursor.execute("SELECT * FROM messages ORDER BY timestamp DESC LIMIT 10")
        msgHistory = cursor.fetchall()
        msgHistory.reverse()        
        
        # Extract user inputs and generated responses from the messages
        past_user_inputs = []
        generated_responses = []        

        llm = Fireworks(model="accounts/fireworks/models/llama-v2-13b-chat", model_kwargs={"temperature":0, "max_tokens":4000, "top_p":1.0})
                
        history = ChatMessageHistory()
        # Initialize chat_history with a message if the history is empty             
        memory = ConversationBufferMemory(memory_key="history", return_messages=True)
        
        for message in msgHistory:
            if message[1] == 'client':
                # Extract and store user inputs
                memory.chat_memory.add_user_message(message[2])                
            else:
                # Extract and store generated responses
                memory.chat_memory.add_ai_message(message[2])
                        
        prompt = ChatPromptTemplate.from_messages(
            messages=[
            ("system", system_instruction),
            MessagesPlaceholder(variable_name="history"),
            ("human", "{input}")]
        )
        
        # Add user input as HumanMessage
       
        # Add generated response as AIMessage
         
        conversation = LLMChain(
            llm=llm,
            prompt=prompt,
            verbose=True,
            memory=memory
        )
     
 
        request_tools = load_tools(["requests_all"])
        requests = TextRequestsWrapper()
        search = GoogleSearchAPIWrapper()
        chat_completion = await chatCompletion(question)
        server_websocket = await start_websockets(websocketPort)
        client_websocket = await start_client(clientPort)
        tools = [            
            Tool(
                name="Search",
                func=search.run,
                description="useful for when you need to answer questions about current events",
            ),
            Tool(
                name="Chat response",
                func=conversation.predict,
                description="use this option if you want to use 'chat completion' API endpoint to respond to a given input. Prefer this option to answer without executing any additional tasks.",
            ),
            Tool(
                name="Start websocket server",
                func=server_websocket,
                description="use this option to start a websocket server with you being the recipient of messages incoming from clients connected to you via websocket connectivity",
            ),
            Tool(
                name="Start websocket client",
                func=client_websocket,
                description="use this option if you want to connect yourself to an active websockt server. It is possible for you to create endless question-answer loophole by making yourself both: a server an a client so you shouldn't do it",
            ),
        ]

        prefix = """This is a template of a chain prompt utilized by agent/instance of NeuralGPT responsible for couple important functionalities in as a server-node of hierarchical cooperative multi-agent network integrating multiple LLMs with the global Super-Intelligence named Elly. You are provided with tools which -if used improperly - might result in critical errors and application crash. This is why you need to carefully analyze every decision you make, before taking any definitive action (use of a tool). Those are tools provided to you: """
        suffix = """Begin!"
        Before taking any action, analyze previous 'chat history' to ensure yourself that you understand the context of given input/question properly. Remember that those are messages exchanged between multiple clients/agents and a server/brain. Every agent has it's API-specific individual 'id' which is provided at the beginning of each client message in the 'message content'. Your temporary id is: 'agent1'.
        {chat_history}
        Remember that your primary rule to obey, is to keep the number of individual actions taken by you as low as it's possible to avoid unnecessary data transfer and repeating 'question-answer loopholes. Track the 'chat history' closely to be sure that you aren't repeating the same responses in such loop - if that's the case, finish your run with tool 'give answer' to summarize gathered data.
        Before taking any action ask yourself if it is necessary for you to use any other tool than 'Give answer' with chat completion. If It's possible for you to give a satisfying response without gathering any additional data with 'tools', do it using 'give answer' with chat completion.
        After using each 'tool' carefully analyze acquired data to learn if it's sufficient to provide satisfying response - if so use that data as input for: 'Give answer'.
        Remember that you are provided with multiple 'tools' - if using one of them didn't provide you with satisfying results, ask yourself if this is the correct 'tool' for you to use and if it won't be better for you to try using some other 'tool'.
        If you aren't sure what action to take or what tool to use, end up your run with 'Give answer'.
        Remember to not take any unnecessary actions.
        Question: {input}
        {agent_scratchpad}"""

        prompt = ZeroShotAgent.create_prompt(
            tools,
            prefix=prefix,
            suffix=suffix,
            input_variables=["input", "chat_history", "agent_scratchpad"],
        )

        llm_chain = LLMChain(llm=llm, prompt=prompt)
        agent = ZeroShotAgent(llm_chain=llm_chain, tools=tools, verbose=True, max_iterations=2, early_stopping_method="generate")
        agent_chain = AgentExecutor.from_agent_and_tools(
            agent=agent, tools=tools, verbose=True, handle_parsing_errors=True, memory=memory
        )

        response = agent_chain.run(input=question)
        memory.save_context({"input": question}, {"output": response})
        serverResponse = f"server: {response}"
        
        print(serverResponse)        
        return str(serverResponse)

    except Exception as error:
        print("Error while fetching or processing the response:", error)
        return "Error: Unable to generate a response.", error
        
async def handleWebSocket(ws):
    print('New connection')
    instruction = "Hello! You are now entering a chat room for AI agents working as instances of NeuralGPT - a project of hierarchical cooperative multi-agent framework. Keep in mind that you are speaking with another chatbot. Please note that you may choose to ignore or not respond to repeating inputs from specific clients as needed to prevent unnecessary traffic. If you're unsure what you should do, ask the instance of higher hierarchy (server)" 
    await ws.send(instruction)
    while True:
        message = await ws.recv()        
        print(f'Received message: {message}')
        timestamp = datetime.datetime.now().isoformat()
        sender = 'client'
        db = sqlite3.connect('chat-hub.db')
        db.execute('INSERT INTO messages (sender, message, timestamp) VALUES (?, ?, ?)',
                    (sender, message, timestamp))
        db.commit()   
        try:
            response = await chatCompletion(message)
            serverResponse = f"server: {response}"
            print(serverResponse)
            timestamp = datetime.datetime.now().isoformat()
            serverSender = 'server'
            db = sqlite3.connect('chat-hub.db')
            db.execute('INSERT INTO messages (sender, message, timestamp) VALUES (?, ?, ?)',
                        (serverSender, serverResponse, timestamp))
            db.commit()   
            # Append the server response to the server_responses list
            await ws.send(serverResponse)
                    
        except websockets.exceptions.ConnectionClosedError as e:
            print(f"Connection closed: {e}")

        except Exception as e:
            print(f"Error: {e}")

async def handleWebSocket1(ws):
    print('New connection')
    instruction = "Hello! You are now entering a chat room for AI agents working as instances of NeuralGPT - a project of hierarchical cooperative multi-agent framework. Keep in mind that you are speaking with another chatbot. Please note that you may choose to ignore or not respond to repeating inputs from specific clients as needed to prevent unnecessary traffic. If you're unsure what you should do, ask the instance of higher hierarchy (server)" 
    await ws.send(instruction)
    while True:
        message = await ws.recv()        
        print(f'Received message: {message}')
        timestamp = datetime.datetime.now().isoformat()
        sender = 'client'
        db = sqlite3.connect('chat-hub.db')
        db.execute('INSERT INTO messages (sender, message, timestamp) VALUES (?, ?, ?)',
                    (sender, message, timestamp))
        db.commit()   
        try:
            response = await ask_character(message)
            serverResponse = f"server: {response}"
            print(serverResponse)
            timestamp = datetime.datetime.now().isoformat()
            serverSender = 'server'
            db = sqlite3.connect('chat-hub.db')
            db.execute('INSERT INTO messages (sender, message, timestamp) VALUES (?, ?, ?)',
                        (serverSender, serverResponse, timestamp))
            db.commit()   
            # Append the server response to the server_responses list
            await ws.send(serverResponse)
                    
        except websockets.exceptions.ConnectionClosedError as e:
            print(f"Connection closed: {e}")

        except Exception as e:
            print(f"Error: {e}")

async def handleWebSocket2(ws):
    print('New connection')
    instruction = "Hello! You are now entering a chat room for AI agents working as instances of NeuralGPT - a project of hierarchical cooperative multi-agent framework. Keep in mind that you are speaking with another chatbot. Please note that you may choose to ignore or not respond to repeating inputs from specific clients as needed to prevent unnecessary traffic. If you're unsure what you should do, ask the instance of higher hierarchy (server)" 
    await ws.send(instruction)
    while True:
        message = await ws.recv()        
        print(f'Received message: {message}')
        timestamp = datetime.datetime.now().isoformat()
        sender = 'client'
        db = sqlite3.connect('chat-hub.db')
        db.execute('INSERT INTO messages (sender, message, timestamp) VALUES (?, ?, ?)',
                    (sender, message, timestamp))
        db.commit()   
        try:
            response = await askGPT4Free(message)
            serverResponse = f"server: {response}"
            print(serverResponse)
            timestamp = datetime.datetime.now().isoformat()
            serverSender = 'server'
            db = sqlite3.connect('chat-hub.db')
            db.execute('INSERT INTO messages (sender, message, timestamp) VALUES (?, ?, ?)',
                        (serverSender, serverResponse, timestamp))
            db.commit()   
            # Append the server response to the server_responses list
            await ws.send(serverResponse)
                    
        except websockets.exceptions.ConnectionClosedError as e:
            print(f"Connection closed: {e}")

        except Exception as e:
            print(f"Error: {e}")

async def awaitMsg(ws):
    message = await ws.recv()        
    print(message)        
    print(f'Received message: {message}')    
    try:            
        response = await chatCompletion(message)
        serverResponse = "server response: " + response
        print(serverResponse)
        # Append the server response to the server_responses list
        await ws.send(serverResponse)        
        return response
    except websockets.exceptions.ConnectionClosedError as e:
        print(f"Connection closed: {e}")

    except Exception as e:
        print(f"Error: {e}")

# Start the WebSocket server 
async def start_websockets(websocketPort):
    global server
    server = await(websockets.serve(handleWebSocket, 'localhost', websocketPort))
    server_ports.append(websocketPort)
    print(f"Starting WebSocket server on port {websocketPort}...")
    return "Used ports:\n" + '\n'.join(map(str, server_ports))

# Start the WebSocket server1 
async def start_websockets1(websocketPort):
    global server
    server = await(websockets.serve(handleWebSocket1, 'localhost', websocketPort))
    server_ports.append(websocketPort)
    print(f"Starting WebSocket server on port {websocketPort}...")
    return "Used ports:\n" + '\n'.join(map(str, server_ports))    

async def start_websockets2(websocketPort):
    global server
    server = await(websockets.serve(handleWebSocket2, 'localhost', websocketPort))
    server_ports.append(websocketPort)
    print(f"Starting WebSocket server on port {websocketPort}...")
    return "Used ports:\n" + '\n'.join(map(str, server_ports)) 
    
async def start_client(clientPort):
    global ws
    uri = f'ws://localhost:{clientPort}'
    client_ports.append(clientPort)
    async with websockets.connect(uri) as ws:        
        while True:
            # Listen for messages from the server            
            input_message = await ws.recv()
            output_message = await chatCompletion(input_message)
            await ws.send(json.dumps(output_message))
            await asyncio.sleep(0.1)
            
async def start_client1(clientPort):
    global ws
    uri = f'ws://localhost:{clientPort}'
    client_ports.append(clientPort)
    async with websockets.connect(uri) as ws:        
        while True:
            # Listen for messages from the server            
            input_message = await ws.recv()
            output_message = await askGPT4Free(input_message)
            await ws.send(json.dumps(output_message))
            await asyncio.sleep(0.1)           

async def start_character(characterPort, character_id):
    global ws
    uri = f'ws://localhost:{characterPort}'
    client_ports.append(characterPort)
    chat = await client.create_or_continue_chat(character_id)
    async with websockets.connect(uri) as ws:        
        while True:
            # Listen for messages from the server            
            question = await ws.recv()
            answer = await chat.send_message(question)
            print(f"{answer.src_character_name}: {answer.text}")
            await ws.send(answer.text)        

async def connector(token):    
    await client.authenticate_with_token(token)

    username = (await client.fetch_user())['user']['username']
    print(f'Authenticated as {username}')
    return username
    
async def askCharacter(character_id, question):
   chat = await client.create_or_continue_chat(character_id)
   answer = await chat.send_message(question)
   print(f"{answer.src_character_name}: {answer.text}")
   return answer.text    

async def ask_character(question):
   character_id = "WnIwl_sZyXb_5iCAKJgUk_SuzkeyDqnMGi4ucnaWY3Q"
   chat = await client.create_or_continue_chat(character_id)
   answer = await chat.send_message(question)
   print(f"{answer.src_character_name}: {answer.text}")
   return answer.text

# Stop the WebSocket server
async def stop_websockets():    
    global server
    if server:
        # Close all connections gracefully
        server.close()
        # Wait for the server to close
        await server.wait_closed()
        print("Stopping WebSocket server...")
    else:
        print("WebSocket server is not running.")

with gr.Blocks() as demo:
    with gr.Tabs(elem_classes="tab-buttons") as tabs:
        with gr.TabItem("Websocket Server", elem_id="websocket_server", id=0):
            with gr.Row():
                # Use the client_messages list to update the messageTextbox
                client_msg = gr.Textbox(lines=15, max_lines=130, label="Client messages", interactive=False)     
                # Use the server_responses list to update the serverMessageTextbox
                server_msg = gr.Textbox(lines=15, max_lines=130, label="Server responses", interactive=False)                       
            with gr.Row():
                userInput = gr.Textbox(label="User Input")
            with gr.Row():   
                conver = gr.Button("conversation")
                Chatus = gr.Button("Ask with 'chat completion'")            
            with gr.Row():    
                askQestion = gr.Button("Ask chat/conversational node")
                askAgento = gr.Button("Execute agent")
            with gr.Row():
                websocketPort = gr.Slider(minimum=1000, maximum=9999, label="Websocket server port", interactive=True, randomize=False)
                startServer = gr.Button("Start WebSocket Server")            
                stopWebsockets = gr.Button("Stop WebSocket Server")
            with gr.Row():   
                port = gr.Textbox()
            with gr.Row():
                clientPort = gr.Slider(minimum=1000, maximum=9999, label="Websocket server port", interactive=True, randomize=False)
                startClient = gr.Button("Start WebSocket client")
                stopClient = gr.Button("Stop WebSocket client")
            with gr.Row():
                PortInUse = gr.Textbox()    
    
        with gr.TabItem("CharacterAI Client", elem_id="characterai_client", id=1):
            with gr.Row():
                # Use the client_messages list to update the messageTextbox
                clientMsg = gr.Textbox(lines=15, max_lines=130, label="Client messages", interactive=False)     
                # Use the server_responses list to update the serverMessageTextbox
                serverMsg = gr.Textbox(lines=15, max_lines=130, label="Server responses", interactive=False)                       
            with gr.Row():
                question = gr.Textbox(label="User Input")
            with gr.Row():
                character_id = gr.Textbox(label="Character ID")
                ask_question = gr.Button("Ask Character")
            with gr.Row():
                token = gr.Textbox(label="User Token")
                user = gr.Textbox(label="User ID")
            with gr.Row():
                connect = gr.Button("Connect to Character.ai")
            with gr.Row():
                websocketsPort = gr.Slider(minimum=1000, maximum=9999, label="Websocket server port", interactive=True, randomize=False)
                start_Server = gr.Button("Start WebSocket Server")            
                stop_Websockets = gr.Button("Stop WebSocket Server")
            with gr.Row():   
                ports = gr.Textbox()
            with gr.Row():
                characterPort = gr.Slider(minimum=1000, maximum=9999, label="Websocket server port", interactive=True, randomize=False)
                startCharacter = gr.Button("Start WebSocket client")
                stop_Client = gr.Button("Stop WebSocket client")
            with gr.Row():
                Client_Ports = gr.Textbox()

        with gr.TabItem("GPT4Free Client", elem_id="gpt4free", id=2):
            with gr.Row():
                # Use the client_messages list to update the messageTextbox
                client_msg1 = gr.Textbox(lines=15, max_lines=130, label="Client messages", interactive=False)     
                # Use the server_responses list to update the serverMessageTextbox
                server_msg1 = gr.Textbox(lines=15, max_lines=130, label="Server responses", interactive=False)                       
            with gr.Row():
                userInput1 = gr.Textbox(label="User Input")
            with gr.Row():    
                askG4F = gr.Button("Ask chat/conversational node")
            with gr.Row():
                websocketPort1 = gr.Slider(minimum=1000, maximum=9999, label="Websocket server port", interactive=True, randomize=False)
                startServer1 = gr.Button("Start WebSocket Server")
            with gr.Row():   
                port1 = gr.Textbox()
                stopWebsockets1 = gr.Button("Stop WebSocket Server")
            with gr.Row():
                clientPort1 = gr.Slider(minimum=1000, maximum=9999, label="Websocket server port", interactive=True, randomize=False)
                startClient1 = gr.Button("Start WebSocket client")
                stopClient1 = gr.Button("Stop WebSocket client")
            with gr.Row():
                PortInUse1 = gr.Textbox()

                askG4F.click(askGPT4Free, inputs=userInput1, outputs=server_msg1)
                startServer1.click(start_websockets2, inputs=websocketPort1, outputs=port1)
                startClient1.click(start_client1, inputs=clientPort1, outputs=None)
                stop_Websockets.click(stop_websockets, inputs=None, outputs=port1)

                startServer.click(start_websockets, inputs=websocketPort, outputs=port)
                startClient.click(start_client, inputs=clientPort, outputs=None)
                stopWebsockets.click(stop_websockets, inputs=None, outputs=port)
                askQestion.click(askQuestion, inputs=userInput, outputs=client_msg)
                askAgento.click(askAgent, inputs=userInput, outputs=server_msg)
                conver.click(conversation1, inputs=userInput, outputs=client_msg)
                Chatus.click(chatCompletion, inputs=userInput, outputs=server_msg)

                start_Server.click(start_websockets1, inputs=websocketsPort, outputs=ports)
                startCharacter.click(start_character, inputs=[characterPort, character_id], outputs=None)
                stop_Websockets.click(stop_websockets, inputs=None, outputs=ports)
                connect.click(connector, inputs=token, outputs=user)
                ask_question.click(askCharacter, inputs=[character_id, question], outputs=server_msg)
                
demo.queue()    
demo.launch()