Add local store reset button

src/static/scripts/mask.js

@@ -10,11 +10,14 @@ document.getElementById('backendType').addEventListener('change', function() {
 
 // shows/hides custom input fields when checkbox is checked
 document.getElementById('LLMcustom').addEventListener('change', function() {
-    var llmInputDiv = document.getElementById('LLMInput'); 
+    var llmInputDiv = document.getElementById('LLMInput');
+    var llmInputReset = document.getElementById('LLMReset');
     if (this.checked === true) {
         llmInputDiv.style.display = 'flex'; // Show the LLMInput div
+        llmInputReset.style.display = 'flex';
     } else {
         llmInputDiv.style.display = 'none'; // Hide the LLMInput div
+        llmInputReset.style.display = 'none';
     }
 });
 
@@ -49,6 +52,16 @@ document.getElementById('inputForm').addEventListener('submit', function(event)
     }
 });
 
+// Reset stored values when reset button is clicked
+document.getElementById('btnLLMReset').addEventListener('click', function() {
+    alert('Reset stored custom LLM settings');
+    document.getElementById('inputLLMurl').value = "";
+    localStorage.setItem('LLMURL', "");
+
+    document.getElementById('inputLLMmodel').value = "";
+    localStorage.setItem('LLMMODEL', "");
+});
+
 document.getElementById('inputForm').addEventListener('submit', function(event) {
     event.preventDefault(); // Prevent the default form submission
 

src/static/styles/style.css

@@ -36,11 +36,7 @@ footer {
     white-space: pre-wrap; /* Preserve whitespace */
 }
 
-#LLMInput {
-    display: none; /* Hide by default */
-}
-
-#LLMcustomLabel {
+#LLMcustomLabel, #LLMReset, #LLMInput {
     display: none; /* Hide by default */
 }
 

src/templates/html/mask.html

@@ -44,6 +44,9 @@ <h3>Input</h3>
                             <div class="flex-item">
                                 <input type="text" name="LLMMODEL" id="inputLLMmodel" placeholder="e.g.: llama3.2:latest"></input>
                             </div>
+                            <div id="LLMReset" class="flex-item">
+                                <button id="btnLLMReset"type="button">Reset</button>
+                            </div>
                         </div>
                         <div class="flex-item">
                             <input type="submit" value="Submit">