feat(yasgui): drop the snippets bar setting

The snippets are in the Insert menu and the Ctrl+K search, so the editor settings no longer offer the snippets bar and a value saved by that checkbox is ignored. Embedders can still show the bar with showSnippetsBar: true.

Author: MathiasVDA

docs/developer-guide.md

@@ -705,7 +705,7 @@ interface Config {
   endpointDescribe: EndpointDescribeConfig;
 
   // Show the snippets bar above the editor. The snippets are always available
-  // in the Insert menu of the query bar; a user's saved choice takes precedence
+  // in the Insert menu of the editor and in the Ctrl+K search
   showSnippetsBar?: boolean;  // default: false
 
   // Page opened by the help button of the top bar; false hides the button

docs/user-guide.md

@@ -410,7 +410,7 @@ Type a URL and press `Enter` to use an endpoint that is not in the list. Press `
 
 Use the arrow keys to move through the menu and `Esc` to close it.
 
-The snippets bar above the editor, which earlier versions showed by default, is now hidden by default. Turn it back on with **Show code snippets bar** in Settings → Editor if you prefer one-click snippet buttons.
+You can also find a snippet with the [search](#search) (`Ctrl+K`). The snippets bar that earlier versions showed above the editor is gone, unless the site that embeds MatGUI turns it on.
 
 ### Side Panel
 
@@ -621,22 +621,21 @@ WHERE {
 
 ### Code Snippets
 
-Quickly insert common SPARQL patterns and query types with the **Insert** menu of the editor toolbar (see [Insert Menu](#insert-menu)) or, when you turn it on, the code snippets bar above the editor.
+Quickly insert common SPARQL patterns and query types with the **Insert** menu of the editor toolbar (see [Insert Menu](#insert-menu)) or the [search](#search) (`Ctrl+K`).
 
 **Features:**
 
 - **Insert menu**: All snippets in one searchable menu, grouped by their group name
-- **Snippets bar (optional)**: Hidden by default. Turn it on with **Show code snippets bar** in Settings → Editor to get one button per snippet above the editor
+- **Search**: Type part of a snippet's name, group or code in the `Ctrl+K` search and pick it
 - **Quick insertion**: Click a snippet to insert code at your cursor position
 - **Default snippets**: Includes 5 useful SPARQL snippets (SELECT, CONSTRUCT, ASK, FILTER, OPTIONAL)
 - **Dropdown grouping**: When more than 10 snippets are configured, they are grouped in dropdown menus
 - **Customizable**: Developers can configure custom snippets
-- **Visibility toggle**: Show or hide the snippets bar based on preference
 
 **How to Use:**
 
 1. Position your cursor where you want to insert code
-2. Click **Insert** in the editor toolbar and pick a snippet (or click a snippet button in the snippets bar, when it is shown)
+2. Click **Insert** in the editor toolbar and pick a snippet, or press `Ctrl+K` and search for it
 3. The code is inserted at your cursor position
 4. Continue editing as needed
 
@@ -657,7 +656,7 @@ When more than 10 snippets are configured, they are organized into dropdown menu
 
 **Configuration:**
 
-- Snippets bar visibility is saved in user preferences. It is off by default; a choice you made earlier is kept
+- The snippets bar above the editor only shows when the site that embeds MatGUI turns it on (`showSnippetsBar: true`)
 - Developers can configure custom snippets with label, code, and group properties
 - The bar is hidden automatically when no snippets are configured
 

packages/yasgui/src/TabSettingsModal.ts

@@ -665,38 +665,6 @@ export default class TabSettingsModal {
     constructValidationSection.appendChild(constructValidationCheckboxContainer);
     constructValidationSection.appendChild(constructValidationHelp);
     container.appendChild(constructValidationSection);
-
-    // Code Snippets Bar Visibility Section
-    const snippetsBarSection = document.createElement("div");
-    addClass(snippetsBarSection, "settingsSection");
-
-    const snippetsBarCheckboxContainer = document.createElement("div");
-    addClass(snippetsBarCheckboxContainer, "checkboxContainer");
-
-    const snippetsBarCheckbox = document.createElement("input");
-    snippetsBarCheckbox.type = "checkbox";
-    snippetsBarCheckbox.id = "showSnippetsBar";
-    // Read from global config
-    const persistedValue = this.tab.yasgui.persistentConfig.getShowSnippetsBar();
-    snippetsBarCheckbox.checked =
-      persistedValue !== undefined ? persistedValue : this.tab.yasgui.config.showSnippetsBar === true;
-
-    const snippetsBarLabel = document.createElement("label");
-    snippetsBarLabel.htmlFor = "showSnippetsBar";
-    snippetsBarLabel.textContent = "Show code snippets bar";
-
-    const snippetsBarHelp = document.createElement("div");
-    snippetsBarHelp.textContent =
-      "Display the code snippets bar above the editor for quick insertion of common SPARQL patterns. The same snippets are always available from the Insert menu of the query bar.";
-    addClass(snippetsBarHelp, "settingsHelp");
-    snippetsBarHelp.style.marginTop = "5px";
-
-    snippetsBarCheckboxContainer.appendChild(snippetsBarCheckbox);
-    snippetsBarCheckboxContainer.appendChild(snippetsBarLabel);
-
-    snippetsBarSection.appendChild(snippetsBarCheckboxContainer);
-    snippetsBarSection.appendChild(snippetsBarHelp);
-    container.appendChild(snippetsBarSection);
   }
 
   private drawEndpointsSettings(container: HTMLElement) {
@@ -1717,26 +1685,6 @@ export default class TabSettingsModal {
       if (constructValidationCheckbox) {
         yasqe.setCheckConstructVariables(constructValidationCheckbox.checked);
       }
-      const snippetsBarCheckbox = document.getElementById("showSnippetsBar") as HTMLInputElement;
-      if (snippetsBarCheckbox) {
-        // Save globally to config and persistent storage
-        this.tab.yasgui.config.showSnippetsBar = snippetsBarCheckbox.checked;
-        this.tab.yasgui.persistentConfig.setShowSnippetsBar(snippetsBarCheckbox.checked);
-
-        // Apply to all tabs by updating each Yasqe instance's config and refreshing
-        this.tab.yasgui.persistentConfig.getTabs().forEach((tabId: string) => {
-          const tab = this.tab.yasgui.getTab(tabId);
-          if (tab) {
-            const tabYasqe = tab.getYasqe();
-            if (tabYasqe) {
-              // Update the individual Yasqe instance's config
-              tabYasqe.config.showSnippetsBar = snippetsBarCheckbox.checked;
-              // Refresh the snippets bar to reflect the change
-              tabYasqe.refreshSnippetsBar();
-            }
-          }
-        });
-      }
       yasqe.saveQuery();
     }
 

packages/yasgui/src/index.ts

@@ -208,11 +208,8 @@ export class Yasgui extends EventEmitter {
     // Set persistentConfig reference in ThemeManager so it can access CodeMirror theme preference
     this.themeManager.setPersistentConfig(this.persistentConfig);
 
-    // Load persisted showSnippetsBar if available
-    const persistedShowSnippetsBar = this.persistentConfig.getShowSnippetsBar();
-    if (persistedShowSnippetsBar !== undefined) {
-      this.config.showSnippetsBar = persistedShowSnippetsBar;
-    }
+    // The snippets bar only shows when the embedder turns it on with `showSnippetsBar: true`; the snippets
+    // are in the Insert menu and the Ctrl+K search. A value saved by the former settings checkbox is ignored.
 
     // Load persisted orientation if available
     const persistedOrientation = this.persistentConfig.getOrientation();