add option to hide force search checkbox

Author: mamei16

script.js

@@ -1,20 +1,38 @@
 var generate_button = document.getElementById("Generate");
 generate_button.insertAdjacentHTML("afterend", '<div style="position:relative;"> <label style="color:#9ca3af;white-space:nowrap;position:absolute;right:0px;"><input type="checkbox" id="force-search" name="accept">  Force web search </label> </div>');
-generate_button.style.setProperty("position", "relative");
-generate_button.style.setProperty("top", "10px");
-generate_button.style.setProperty("margin-left", "-10px");
 
 var stop_button = document.getElementById("stop");
-stop_button.style.setProperty("position", "relative");
-stop_button.style.setProperty("top", "10px");
-stop_button.style.setProperty("margin-left", "-10px");
-
 var chat_input = document.getElementById("chat-input");
-chat_input.style.marginBottom = "5px";
 
-var checkbox = document.getElementById("force-search");
+function set_margins(generate_button, stop_button, chat_input, reset=false) {
+    if (reset) {
+        generate_button.style.setProperty("position", "");
+        generate_button.style.setProperty("top", "");
+        generate_button.style.setProperty("margin-left", "");
+
+        stop_button.style.setProperty("position", "");
+        stop_button.style.setProperty("top", "");
+        stop_button.style.setProperty("margin-left", "");
+
+        chat_input.style.marginBottom = "";
+    }
+    else {
+        generate_button.style.setProperty("position", "relative");
+        generate_button.style.setProperty("top", "10px");
+        generate_button.style.setProperty("margin-left", "-10px");
+
+        stop_button.style.setProperty("position", "relative");
+        stop_button.style.setProperty("top", "10px");
+        stop_button.style.setProperty("margin-left", "-10px");
+
+        chat_input.style.marginBottom = "5px";
+    }
+}
+set_margins(generate_button, stop_button, chat_input);
+
+var force_search_checkbox = document.getElementById("force-search");
 var gradio_force_search_checkbox = document.getElementById("Force-search-checkbox").children[1].firstChild;
-checkbox.addEventListener('change', function() {
+force_search_checkbox.addEventListener('change', function() {
   if (this.checked) {
     if (!gradio_force_search_checkbox.checked) {
         gradio_force_search_checkbox.click();
@@ -24,4 +42,18 @@ checkbox.addEventListener('change', function() {
         gradio_force_search_checkbox.click();
     }
   }
-});
+});
+
+var gradio_show_force_search_box = document.getElementById("show-force-search-box").children[1].firstChild;
+gradio_show_force_search_box.addEventListener('change', function() {
+  if (this.checked) {
+    force_search_checkbox.parentElement.parentElement.style.display = '';
+    set_margins(generate_button, stop_button, chat_input);
+  } else {
+    force_search_checkbox.parentElement.parentElement.style.display = 'none';
+    set_margins(generate_button, stop_button, chat_input, true);
+  }
+});
+
+const event = new Event("change");
+gradio_show_force_search_box.dispatchEvent(event);

script.py

@@ -48,7 +48,8 @@
     "chunking method": "character-based",
     "chunker breakpoint_threshold_amount": 30,
     "simple search": False,
-    "client timeout": 10
+    "client timeout": 10,
+    "show force search checkbox": True
 }
 custom_system_message_filename = None
 extension_path = os.path.dirname(os.path.abspath(__file__))
@@ -256,6 +257,8 @@ def update_default_custom_system_message(check: bool):
                                        label='Display search results in chat')
             show_url_content = gr.Checkbox(value=lambda: params['display extracted URL content in chat'],
                                            label='Display extracted URL content in chat')
+            show_force_search = gr.Checkbox(value=lambda: params['show force search checkbox'],
+                                           label='Show force search checkbox', elem_id="show-force-search-box")
     gr.Markdown(value='---')
     with gr.Row():
         with gr.Column():
@@ -373,6 +376,7 @@ def update_default_custom_system_message(check: bool):
     show_results.change(lambda x: params.update({"display search results in chat": x}), show_results, None)
     show_url_content.change(lambda x: params.update({"display extracted URL content in chat": x}), show_url_content,
                             None)
+    show_force_search.change(lambda x: params.update({"show force search checkbox": x}), show_force_search, None)
     searxng_url.change(lambda x: params.update({"searxng url": x}), searxng_url, None)
 
     delete_button.click(