diff --git a/src/interface/desktop/assets/icons/trash-solid.svg b/src/interface/desktop/assets/icons/trash-solid.svg
new file mode 100644
index 00000000..768d80f8
--- /dev/null
+++ b/src/interface/desktop/assets/icons/trash-solid.svg
@@ -0,0 +1 @@
+
diff --git a/src/interface/desktop/chat.html b/src/interface/desktop/chat.html
index 4997ef99..8b77fe22 100644
--- a/src/interface/desktop/chat.html
+++ b/src/interface/desktop/chat.html
@@ -377,6 +377,32 @@
chat();
}
}
+
+ async function clearConversationHistory() {
+ let chatInput = document.getElementById("chat-input");
+ let originalPlaceholder = chatInput.placeholder;
+ let chatBody = document.getElementById("chat-body");
+
+ const hostURL = await window.hostURLAPI.getURL();
+ const khojToken = await window.tokenAPI.getToken();
+ const headers = { 'Authorization': `Bearer ${khojToken}` };
+
+ fetch(`${hostURL}/api/chat/history?client=desktop`, { method: "DELETE", headers })
+ .then(response => response.ok ? response.json() : Promise.reject(response))
+ .then(data => {
+ chatBody.innerHTML = "";
+ loadChat();
+ chatInput.placeholder = "Cleared conversation history";
+ })
+ .catch(err => {
+ chatInput.placeholder = "Failed to clear conversation history";
+ })
+ .finally(() => {
+ setTimeout(() => {
+ chatInput.placeholder = originalPlaceholder;
+ }, 2000);
+ });
+ }
@@ -400,7 +426,12 @@
@@ -514,15 +545,17 @@
#chat-footer {
padding: 0;
+ margin: 8px;
display: grid;
grid-template-columns: minmax(70px, 100%);
grid-column-gap: 10px;
grid-row-gap: 10px;
}
- #chat-footer > * {
- padding: 15px;
- border-radius: 5px;
- border: 1px solid #475569;
+ #input-row {
+ display: grid;
+ grid-template-columns: auto 32px;
+ grid-column-gap: 10px;
+ grid-row-gap: 10px;
background: #f9fafc
}
.option:hover {
@@ -543,6 +576,26 @@
#chat-input:focus {
outline: none !important;
}
+ .input-row-button {
+ background: var(--background-color);
+ border: none;
+ border-radius: 5px;
+ padding: 5px;
+ font-size: 14px;
+ font-weight: 300;
+ line-height: 1.5em;
+ cursor: pointer;
+ transition: background 0.3s ease-in-out;
+ }
+ .input-row-button:hover {
+ background: var(--primary-hover);
+ }
+ .input-row-button:active {
+ background: var(--primary-active);
+ }
+ .input-row-button-img {
+ width: 24px;
+ }
.option-enabled {
box-shadow: 0 0 12px rgb(119, 156, 46);