:gem: [Feature] New ClearChatHistoryButtonBinder: clear chat history

components/buttons_binder.js

@@ -32,6 +32,9 @@ export class ButtonsBinder {
         let chat_history_sidebar_toggle_button_binder =
             new ChatHistorySidebarToggleButtonBinder();
         chat_history_sidebar_toggle_button_binder.bind();
+        let clear_chat_history_button_binder =
+            new ClearChatHistoryButtonBinder();
+        clear_chat_history_button_binder.bind();
         let available_models_select_binder = new AvailableModelsSelectBinder();
         available_models_select_binder.bind();
     }
@@ -269,6 +272,17 @@ class ChatHistorySidebarToggleButtonBinder {
     }
 }
 
+class ClearChatHistoryButtonBinder {
+    constructor() { }
+    bind() {
+        const button = $("#clear-chat-history-button");
+        button.attr("title", "Clear chat history");
+        button.click(() => {
+            chat_history_storer.clear_database();
+        });
+    }
+}
+
 class AvailableModelsSelectBinder {
     constructor() { }
     bind() {

index.html

@@ -37,6 +37,11 @@
                 <ul id="chat-history-sidebar-items" class="navbar-nav justify-content-end flex-grow-1">
                 </ul>
             </div>
+            <div class="d-flex justify-content-start mb-3">
+                <button id="clear-chat-history-button" class="btn">
+                    <i class="fa fa-trash"></i>
+                </button>
+            </div>
         </div>
         <div id="chat-session-container" class="container">
             <div id="messagers-container" class="container my-3 py-1"></div>