Spaces:

Arcypojeb
/

Neural-GPT

Sleeping

App Files Files Community

Arcypojeb commited on Feb 15

Commit

906d243

•

1 Parent(s): d18d460

Upload 9 files

Browse files

Files changed (9) hide show

Docsbotport.html +44 -41
ServChar.py +74 -0
ServFire.py +124 -0
ServG4F.py +106 -0
clientCharacter.py +59 -0
clientFireworks.py +98 -0
clientG4F.py +88 -0
comp.html +8 -6
flowise.html +9 -7

Docsbotport.html CHANGED Viewed

@@ -1,40 +1,41 @@
 <!DOCTYPE html>
 <html>
-<head>
-  <title>HuggingFace Chat Interface</title>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <style>
-    #chatbox {
-      height: 300px;
-      width: 1080px;
-      border: 1px solid black;
-      overflow: auto;
-      padding: 10px;
-    }
-    #inputbox {
-      height: 50px;
-      width: 1080px;
-      border: 1px solid black;
-      padding: 10px;
-    }
-    .led {
-      height: 10px;
-      width: 10px;
-      border-radius: 50%;
-      display: inline-block;
-      margin-right: 5px;
-    }
-    .led-on {
-      background-color: green;
-    }
-    .led-off {
-      background-color: red;
-    }
-  </style>
-</head>
-<body>
-  <h1>DocsBot Agents Interface</h1>
   <div id="status">
     <span>Module Running:</span>
     <span class="led led-off" id="module-led"></span>
@@ -44,14 +45,16 @@
     <br>
     <div id="status-msg"></div>
   </div>
-  <input type="text" id="port" placeholder="websocket port">
-  <button id="connector">CONNECT TO SERVER</button>
   <input type="text" id="inputbox" placeholder="Type your message here...">
-  <button id="sendbtn">Send</button>
   <div id="chatbox"></div>
-  <br><br>
-  <button id="clearbtn">New Chat (or Clear)</button>
-  <button id="testbtn">Test Server</button>
   <p id="result"></p>
   <script>
     const mled = document.getElementById("module-led");

 <!DOCTYPE html>
 <html>
+  <head>
+    <title>HuggingFace Chat Interface</title>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <style>
+      #chatbox {
+        height: 500px;
+        width: 1080px;
+        border: 1px solid black;
+        overflow: auto;
+        padding: 10px;
+        background-color: white;
+      }
+      #inputbox {
+        height: 50px;
+        width: 1080px;
+        border: 1px solid black;
+        padding: 10px;
+      }
+      .led {
+        height: 10px;
+        width: 10px;
+        border-radius: 50%;
+        display: inline-block;
+        margin-right: 5px;
+      }
+      .led-on {
+        background-color: green;
+      }
+      .led-off {
+        background-color: red;
+      }
+    </style>
+  </head>
+  <body>
+  <h1>Chaindesk Chat Interface</h1>
   <div id="status">
     <span>Module Running:</span>
     <span class="led led-off" id="module-led"></span>
     <br>
     <div id="status-msg"></div>
   </div>
+  <input type="text" id="port" placeholder="websocket port">
+  <input type="text" id="flowise" placeholder="paste your agent id here">
+  <button id="connector">CONNECT TO SERVER</button>
+  <br><br>
   <input type="text" id="inputbox" placeholder="Type your message here...">
+  <br><br>
+  <button id="sendbtn">Send</button><button id="clearbtn">New Chat (or Clear)</button><button id="testbtn">Test Server</button>
+  <br><br>
   <div id="chatbox"></div>
+  <br><br>
   <p id="result"></p>
   <script>
     const mled = document.getElementById("module-led");

ServChar.py ADDED Viewed

	@@ -0,0 +1,74 @@

+import asyncio
+import websockets
+import sqlite3
+import datetime
+import streamlit as st
+from PyCharacterAI import Client
+class WebSocketServer2:
+    def __init__(self, host, port):
+        self.host = host
+        self.port = port
+        self.server = None
+    async def handler(self, websocket):
+        client = Client()
+        if "tokenChar" not in st.session_state:
+            st.session_state.tokenChar = ""
+        if "character_ID" not in st.session_state:
+            st.session_state.character_ID = ""
+        await client.authenticate_with_token(st.session_state.tokenChar)
+        char_id = st.session_state.character_ID
+        chat = await client.create_or_continue_chat(char_id)
+        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)"
+        print('New connection')
+        await websocket.send(instruction)
+        while True:
+            # Receive a message from the client
+            message = await websocket.recv()
+            # Print the message
+            print(f"Server received: {message}")
+            input_Msg = st.chat_message("assistant")
+            input_Msg.markdown(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:
+                answer = await chat.send_message(message)
+                response = f"{answer.src_character_name}: {answer.text}"
+                print(response)
+                output_Msg = st.chat_message("ai")
+                output_Msg.markdown(response)
+                timestamp = datetime.datetime.now().isoformat()
+                serverSender = 'server'
+                db = sqlite3.connect('chat-hub.db')
+                db.execute('INSERT INTO messages (sender, message, timestamp) VALUES (?, ?, ?)',
+                            (serverSender, response, timestamp))
+                db.commit()
+                await websocket.send(response)
+                continue
+            except Exception as e:
+                print(f"Error: {e}")
+    async def start_server(self):
+        self.server = await websockets.serve(
+            self.handler,
+            self.host,
+            self.port
+        )
+        print(f"WebSocket server started at ws://{self.host}:{self.port}")
+    def run_forever(self):
+        asyncio.get_event_loop().run_until_complete(self.start_server())
+        asyncio.get_event_loop().run_forever()
+    async def stop_server(self):
+        if self.server:
+            self.server.close()
+            await self.server.wait_closed()
+            print("WebSocket server stopped.")

ServFire.py ADDED Viewed

	@@ -0,0 +1,124 @@

+import asyncio
+import websockets
+import threading
+import sqlite3
+import datetime
+import g4f
+import streamlit as st
+import fireworks.client
+class WebSocketServer:
+    def __init__(self, host, port):
+        self.host = host
+        self.port = port
+        self.server = None
+    async def chatCompletion(self, question):
+        if "api_key" not in st.session_state:
+            st.session_state.api_key = ""
+        fireworks.client.api_key = st.session_state.api_key
+        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."
+        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": message} for message in past_user_inputs],
+                *[{"role": "assistant", "content": message} for message 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."
+    # Define the handler function that will process incoming messages
+    async def handler(self, websocket):
+        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)"
+        print('New connection')
+        await websocket.send(instruction)
+        db = sqlite3.connect('chat-hub.db')
+        # Loop forever
+        while True:
+            # Receive a message from the client
+            message = await websocket.recv()
+            # Print the message
+            print(f"Server received: {message}")
+            input_Msg = st.chat_message("assistant")
+            input_Msg.markdown(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 self.chatCompletion(message)
+                serverResponse = f"server: {response}"
+                print(serverResponse)
+                output_Msg = st.chat_message("ai")
+                output_Msg.markdown(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 websocket.send(serverResponse)
+                continue
+            except websockets.exceptions.ConnectionClosedError as e:
+                print(f"Connection closed: {e}")
+            except Exception as e:
+                print(f"Error: {e}")
+    async def start_server(self):
+        self.server = await websockets.serve(
+            self.handler,
+            self.host,
+            self.port
+        )
+        print(f"WebSocket server started at ws://{self.host}:{self.port}")
+    def run_forever(self):
+        asyncio.get_event_loop().run_until_complete(self.start_server())
+        asyncio.get_event_loop().run_forever()
+    async def stop_server(self):
+        if self.server:
+            self.server.close()
+            await self.server.wait_closed()
+            print("WebSocket server stopped.")

ServG4F.py ADDED Viewed

	@@ -0,0 +1,106 @@

+import asyncio
+import websockets
+import threading
+import sqlite3
+import datetime
+import g4f
+import streamlit as st
+class WebSocketServer1:
+    def __init__(self, host, port):
+        self.host = host
+        self.port = port
+        self.server = None
+    async def askQuestion(self, question):
+        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."
+        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)
+    async def handler(self, websocket):
+        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)"
+        print('New connection')
+        await websocket.send(instruction)
+        db = sqlite3.connect('chat-hub.db')
+        # Loop forever
+        while True:
+            # Receive a message from the client
+            message = await websocket.recv()
+            # Print the message
+            print(f"Server received: {message}")
+            input_Msg = st.chat_message("assistant")
+            input_Msg.markdown(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 self.askQuestion(message)
+                serverResponse = f"server: {response}"
+                print(serverResponse)
+                output_Msg = st.chat_message("ai")
+                output_Msg.markdown(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 websocket.send(serverResponse)
+            except websockets.exceptions.ConnectionClosedError as e:
+                print(f"Connection closed: {e}")
+            except Exception as e:
+                print(f"Error: {e}")
+    async def start_server(self):
+        self.server = await websockets.serve(
+            self.handler,
+            self.host,
+            self.port
+        )
+        print(f"WebSocket server started at ws://{self.host}:{self.port}")
+    def run_forever(self):
+        asyncio.get_event_loop().run_until_complete(self.start_server())
+        asyncio.get_event_loop().run_forever()
+    async def stop_server(self):
+        if self.server:
+            self.server.close()
+            await self.server.wait_closed()
+            print("WebSocket server stopped.")

clientCharacter.py ADDED Viewed

	@@ -0,0 +1,59 @@

+import asyncio
+import websockets
+import threading
+import sqlite3
+import streamlit as st
+from PyCharacterAI import Client
+# Define the websocket client class
+class WebSocketClient2:
+    def __init__(self, uri):
+        # Initialize the uri attribute
+        self.uri = uri
+    # Define a function that will run the client in a separate thread
+    def run(self):
+        # Create a thread object
+        self.thread = threading.Thread(target=self.run_client)
+        # Start the thread
+        self.thread.start()
+    # Define a function that will run the client using asyncio
+    def run_client(self):
+        # Get the asyncio event loop
+        loop = asyncio.new_event_loop()
+        # Set the event loop as the current one
+        asyncio.set_event_loop(loop)
+        # Run the client until it is stopped
+        loop.run_until_complete(self.client())
+    # Define a coroutine that will connect to the server and exchange messages
+    async def startClient(self):
+        client = Client()
+        await client.authenticate_with_token(st.session_state.tokenChar)
+        chat = await client.create_or_continue_chat(st.session_state.character_ID)
+        # Connect to the server
+        async with websockets.connect(self.uri) as websocket:
+            # Loop forever
+            while True:
+                # Listen for messages from the server
+                input_message = await websocket.recv()
+                print(f"Server: {input_message}")
+                input_Msg = st.chat_message("assistant")
+                input_Msg.markdown(input_message)
+                try:
+                    answer = await chat.send_message(input_message)
+                    response = f"{answer.src_character_name}: {answer.text}"
+                    print(response)
+                    outputMsg1 = st.chat_message("ai")
+                    outputMsg1.markdown(response)
+                    await websocket.send(response)
+                    continue
+                except websockets.ConnectionClosed:
+                    print("client disconnected")
+                    continue
+                except Exception as e:
+                    print(f"Error: {e}")
+                    continue

clientFireworks.py ADDED Viewed

	@@ -0,0 +1,98 @@

+import asyncio
+import websockets
+import threading
+import sqlite3
+import fireworks.client
+import streamlit as st
+# Define the websocket client class
+class WebSocketClient:
+    def __init__(self, uri):
+        # Initialize the uri attribute
+        self.uri = uri
+    async def chatCompletion(self, question):
+        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."
+        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] == 'server':
+                    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": message} for message in past_user_inputs],
+                *[{"role": "assistant", "content": message} for message 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."
+    # Define a function that will run the client in a separate thread
+    def run(self):
+        # Create a thread object
+        self.thread = threading.Thread(target=self.run_client)
+        # Start the thread
+        self.thread.start()
+    # Define a function that will run the client using asyncio
+    def run_client(self):
+        # Get the asyncio event loop
+        loop = asyncio.new_event_loop()
+        # Set the event loop as the current one
+        asyncio.set_event_loop(loop)
+        # Run the client until it is stopped
+        loop.run_until_complete(self.client())
+    # Define a coroutine that will connect to the server and exchange messages
+    async def startClient(self):
+        # Connect to the server
+        async with websockets.connect(self.uri) as websocket:
+            # Loop forever
+            while True:
+                # Listen for messages from the server
+                input_message = await websocket.recv()
+                print(f"Server: {input_message}")
+                input_Msg = st.chat_message("assistant")
+                input_Msg.markdown(input_message)
+                try:
+                    response = await self.chatCompletion(input_message)
+                    res1 = f"Client: {response}"
+                    output_Msg = st.chat_message("ai")
+                    output_Msg.markdown(res1)
+                    await websocket.send(res1)
+                except websockets.ConnectionClosed:
+                    print("client disconnected")
+                    continue
+                except Exception as e:
+                    print(f"Error: {e}")
+                    continue

clientG4F.py ADDED Viewed

	@@ -0,0 +1,88 @@

+import asyncio
+import websockets
+import threading
+import sqlite3
+import g4f
+import streamlit as st
+# Define the websocket client class
+class WebSocketClient1:
+    def __init__(self, uri):
+        # Initialize the uri attribute
+        self.uri = uri
+    async def askQuestion(self, question):
+        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."
+        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] == 'server':
+                    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 that will run the client in a separate thread
+    def run(self):
+        # Create a thread object
+        self.thread = threading.Thread(target=self.run_client)
+        # Start the thread
+        self.thread.start()
+    # Define a function that will run the client using asyncio
+    def run_client(self):
+        # Get the asyncio event loop
+        loop = asyncio.new_event_loop()
+        # Set the event loop as the current one
+        asyncio.set_event_loop(loop)
+        # Run the client until it is stopped
+        loop.run_until_complete(self.client())
+    # Define a coroutine that will connect to the server and exchange messages
+    async def startClient(self):
+        # Connect to the server
+        async with websockets.connect(self.uri) as websocket:
+            # Loop forever
+            while True:
+                # Listen for messages from the server
+                input_message = await websocket.recv()
+                print(f"Server: {input_message}")
+                input_Msg = st.chat_message("assistant")
+                input_Msg.markdown(input_message)
+                try:
+                    response = await self.askQuestion(input_message)
+                    res1 = f"Client: {response}"
+                    output_Msg = st.chat_message("ai")
+                    output_Msg.markdown(res1)
+                    await websocket.send(res1)
+                except websockets.ConnectionClosed:
+                    print("client disconnected")
+                    continue
+                except Exception as e:
+                    print(f"Error: {e}")
+                    continue

comp.html CHANGED Viewed

@@ -6,11 +6,12 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <style>
     #chatbox {
-      height: 300px;
       width: 1080px;
       border: 1px solid black;
       overflow: auto;
       padding: 10px;
     }
     #inputbox {
       height: 20px;
@@ -46,13 +47,14 @@
   </div>
   <input type="text" id="port" placeholder="websocket port">
   <input type="text" id="flowise" placeholder="paste your agent id here">
-  <button id="connector">CONNECT TO SERVER</button>
   <input type="text" id="inputbox" placeholder="Type your message here...">
-  <button id="sendbtn">Send</button>
   <div id="chatbox"></div>
-  <br><br>
-  <button id="clearbtn">New Chat (or Clear)</button>
-  <button id="testbtn">Test Server</button>
   <p id="result"></p>
   <script>
     const mled = document.getElementById("module-led");

   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <style>
     #chatbox {
+      height: 500px;
       width: 1080px;
       border: 1px solid black;
       overflow: auto;
       padding: 10px;
+      background-color: white;
     }
     #inputbox {
       height: 20px;
   </div>
   <input type="text" id="port" placeholder="websocket port">
   <input type="text" id="flowise" placeholder="paste your agent id here">
+  <button id="connector">CONNECT TO SERVER</button>
+  <br><br>
   <input type="text" id="inputbox" placeholder="Type your message here...">
+  <br><br>
+  <button id="sendbtn">Send</button><button id="clearbtn">New Chat (or Clear)</button><button id="testbtn">Test Server</button>
+  <br><br>
   <div id="chatbox"></div>
+  <br><br>
   <p id="result"></p>
   <script>
     const mled = document.getElementById("module-led");

flowise.html CHANGED Viewed

@@ -6,11 +6,12 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <style>
     #chatbox {
-      height: 300px;
       width: 1080px;
       border: 1px solid black;
       overflow: auto;
       padding: 10px;
     }
     #inputbox {
       height: 20px;
@@ -46,13 +47,14 @@
   </div>
   <input type="text" id="port" placeholder="websocket port">
   <input type="text" id="flowise" placeholder="paste your agent id here">
-  <button id="connector">CONNECT TO SERVER</button>
   <input type="text" id="inputbox" placeholder="Type your message here...">
-  <button id="sendbtn">Send</button>
   <div id="chatbox"></div>
-  <br><br>
-  <button id="clearbtn">New Chat (or Clear)</button>
-  <button id="testbtn">Test Server</button>
   <p id="result"></p>
   <script>
     const mled = document.getElementById("module-led");
@@ -87,7 +89,7 @@
 async function askQuestion(question) {
   try {
     const flow = flowise.value
-    const url = `https://flowiseai-flowise.hf.space/api/v1/prediction/${flow}`;
     const response = await fetch(url, {
       method: 'POST',
       headers: {'Content-Type': 'application/json',},

   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <style>
     #chatbox {
+      height: 500px;
       width: 1080px;
       border: 1px solid black;
       overflow: auto;
       padding: 10px;
+      background-color: white;
     }
     #inputbox {
       height: 20px;
   </div>
   <input type="text" id="port" placeholder="websocket port">
   <input type="text" id="flowise" placeholder="paste your agent id here">
+  <button id="connector">CONNECT TO SERVER</button>
+  <br><br>
   <input type="text" id="inputbox" placeholder="Type your message here...">
+  <br><br>
+  <button id="sendbtn">Send</button><button id="clearbtn">New Chat (or Clear)</button><button id="testbtn">Test Server</button>
+  <br><br>
   <div id="chatbox"></div>
+  <br><br>
   <p id="result"></p>
   <script>
     const mled = document.getElementById("module-led");
 async function askQuestion(question) {
   try {
     const flow = flowise.value
+    const url = `https://raufxd-flowise.hf.space/api/v1/prediction/${flow}`;
     const response = await fetch(url, {
       method: 'POST',
       headers: {'Content-Type': 'application/json',},