+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/client/img/android-chrome-192x192.png b/client/img/android-chrome-192x192.png
new file mode 100644
index 0000000000000000000000000000000000000000..cbf095c7bfbbdebc08cbc5996f3078830964714d
Binary files /dev/null and b/client/img/android-chrome-192x192.png differ
diff --git a/client/img/android-chrome-512x512.png b/client/img/android-chrome-512x512.png
new file mode 100644
index 0000000000000000000000000000000000000000..e6832e50c185182c953d14f453f15a72816917f7
Binary files /dev/null and b/client/img/android-chrome-512x512.png differ
diff --git a/client/img/apple-touch-icon.png b/client/img/apple-touch-icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..0a35a4d4290e11079898534cdbd2bd4b19d13e54
Binary files /dev/null and b/client/img/apple-touch-icon.png differ
diff --git a/client/img/favicon-16x16.png b/client/img/favicon-16x16.png
new file mode 100644
index 0000000000000000000000000000000000000000..bd3430eadd5419b00ace9c42fbb3a248a5587aa8
Binary files /dev/null and b/client/img/favicon-16x16.png differ
diff --git a/client/img/favicon-32x32.png b/client/img/favicon-32x32.png
new file mode 100644
index 0000000000000000000000000000000000000000..193dcd29809471f4c16c17b8cd7b767533b5772d
Binary files /dev/null and b/client/img/favicon-32x32.png differ
diff --git a/client/img/favicon.ico b/client/img/favicon.ico
new file mode 100644
index 0000000000000000000000000000000000000000..065b3dcc767c6c2998487ef859856fab54c25c82
Binary files /dev/null and b/client/img/favicon.ico differ
diff --git a/client/img/gpt.png b/client/img/gpt.png
new file mode 100644
index 0000000000000000000000000000000000000000..ec489ea08f55c7947f07e872505b39bd1f83c919
Binary files /dev/null and b/client/img/gpt.png differ
diff --git a/client/img/site.webmanifest b/client/img/site.webmanifest
new file mode 100644
index 0000000000000000000000000000000000000000..f8eab4d70e5d5c21f077ab35a8dd7751c30f1de2
--- /dev/null
+++ b/client/img/site.webmanifest
@@ -0,0 +1,19 @@
+{
+ "name": "",
+ "short_name": "",
+ "icons": [
+ {
+ "src": "/assets/img/android-chrome-192x192.png",
+ "sizes": "192x192",
+ "type": "image/png"
+ },
+ {
+ "src": "/assets/img/android-chrome-512x512.png",
+ "sizes": "512x512",
+ "type": "image/png"
+ }
+ ],
+ "theme_color": "#ffffff",
+ "background_color": "#ffffff",
+ "display": "standalone"
+}
\ No newline at end of file
diff --git a/client/img/user.png b/client/img/user.png
new file mode 100644
index 0000000000000000000000000000000000000000..e6ada6311285bc0aa088d0640518af26916b837f
Binary files /dev/null and b/client/img/user.png differ
diff --git a/client/js/api-key.js b/client/js/api-key.js
new file mode 100644
index 0000000000000000000000000000000000000000..9fb9108197406ebe2788baf042686f6a5573ff2c
--- /dev/null
+++ b/client/js/api-key.js
@@ -0,0 +1,33 @@
+const showApiKeyButton = document.getElementById("show-api-key-button");
+const apiKeyInput = document.getElementById("API-key");
+const apiKeyOkButton = document.getElementById("api-key-ok-button");
+
+showApiKeyButton.addEventListener("click", () => {
+ showApiKeyButton.classList.add("hidden");
+
+ apiKeyInput.classList.remove("hidden");
+ apiKeyOkButton.classList.remove("hidden");
+});
+
+apiKeyOkButton.addEventListener("click", () => {
+ localStorage.setItem("API-key", apiKeyInput.value);
+
+ apiKeyInput.classList.add("hidden");
+ apiKeyOkButton.classList.add("hidden");
+
+ showApiKeyButton.classList.remove("hidden");
+});
+
+window.addEventListener("DOMContentLoaded", () => {
+ const apiKey = localStorage.getItem("API-key");
+ if (apiKey) {
+ apiKeyInput.value = apiKey;
+ }
+});
+
+(function () {
+ function get_api_key_from_input() {
+ return apiKeyInput.value;
+ }
+ window.get_api_key_from_input = get_api_key_from_input;
+})();
diff --git a/client/js/chat.js b/client/js/chat.js
new file mode 100644
index 0000000000000000000000000000000000000000..7e33eb246a2407d923e6c4bb9b99da989ae86141
--- /dev/null
+++ b/client/js/chat.js
@@ -0,0 +1,516 @@
+const query = (obj) =>
+ Object.keys(obj)
+ .map((k) => encodeURIComponent(k) + "=" + encodeURIComponent(obj[k]))
+ .join("&");
+const url_prefix = document.querySelector('body').getAttribute('data-urlprefix')
+const markdown = window.markdownit();
+const message_box = document.getElementById(`messages`);
+const message_input = document.getElementById(`message-input`);
+const box_conversations = document.querySelector(`.top`);
+const spinner = box_conversations.querySelector(".spinner");
+const stop_generating = document.querySelector(`.stop-generating`);
+const send_button = document.querySelector(`#send-button`);
+const user_image = `
`;
+const gpt_image = `
`;
+let prompt_lock = false;
+
+hljs.addPlugin(new CopyButtonPlugin());
+
+message_input.addEventListener("blur", () => {
+ window.scrollTo(0, 0);
+});
+
+message_input.addEventListener("focus", () => {
+ document.documentElement.scrollTop = document.documentElement.scrollHeight;
+});
+
+const delete_conversations = async () => {
+ localStorage.clear();
+ await new_conversation();
+};
+
+const handle_ask = async () => {
+ message_input.style.height = `80px`;
+ window.scrollTo(0, 0);
+ let message = message_input.value;
+
+ if (message.length > 0) {
+ message_input.value = ``;
+ message_input.dispatchEvent(new Event("input"));
+ await ask_gpt(message);
+ }
+};
+
+const remove_cancel_button = async () => {
+ stop_generating.classList.add(`stop-generating-hiding`);
+
+ setTimeout(() => {
+ stop_generating.classList.remove(`stop-generating-hiding`);
+ stop_generating.classList.add(`stop-generating-hidden`);
+ }, 300);
+};
+
+const ask_gpt = async (message) => {
+ try {
+ message_input.value = ``;
+ message_input.innerHTML = ``;
+ message_input.innerText = ``;
+
+ add_conversation(window.conversation_id, message.substr(0, 16));
+ window.scrollTo(0, 0);
+ window.controller = new AbortController();
+
+ jailbreak = document.getElementById("jailbreak");
+ model = document.getElementById("model");
+ prompt_lock = true;
+ window.text = ``;
+ window.token = message_id();
+
+ stop_generating.classList.remove(`stop-generating-hidden`);
+
+ add_user_message_box(message);
+
+ message_box.scrollTop = message_box.scrollHeight;
+ window.scrollTo(0, 0);
+ await new Promise((r) => setTimeout(r, 500));
+ window.scrollTo(0, 0);
+
+ message_box.innerHTML += `
+
+ `;
+
+ message_box.scrollTop = message_box.scrollHeight;
+ window.scrollTo(0, 0);
+ await new Promise((r) => setTimeout(r, 1000));
+ window.scrollTo(0, 0);
+
+ const response = await fetch(`${url_prefix}/backend-api/v2/conversation`, {
+ method: `POST`,
+ signal: window.controller.signal,
+ headers: {
+ "content-type": `application/json`,
+ accept: `text/event-stream`,
+ },
+ body: JSON.stringify({
+ api_key: get_api_key_from_input(),
+ conversation_id: window.conversation_id,
+ action: `_ask`,
+ model: model.options[model.selectedIndex].value,
+ jailbreak: jailbreak.options[jailbreak.selectedIndex].value,
+ meta: {
+ id: window.token,
+ content: {
+ conversation: await get_conversation(window.conversation_id),
+ internet_access: document.getElementById("switch").checked,
+ content_type: "text",
+ parts: [
+ {
+ content: message,
+ role: "user",
+ },
+ ],
+ },
+ },
+ }),
+ });
+
+ const reader = response.body.getReader();
+
+ while (true) {
+ const { value, done } = await reader.read();
+ if (done) break;
+
+ chunk = decodeUnicode(new TextDecoder().decode(value));
+
+ if (chunk.includes(`