Render row selection controls server-side in SelectionTable for improved usability

templates/base.html

@@ -351,44 +351,8 @@
                     return token ? idBase + '-' + token : idBase;
                 }
 
-    // Ensure every selectable table has a row-selection control block. If the
-    // page author didn't render the controls, create them automatically and
-    // insert them before the table so the behavior is available out-of-the-box.
-                function ensureControlsForTable(table) {
-                    if (!table) return;
-        // detect an existing nearby toggle button
-                    var existing = table.previousElementSibling && table.previousElementSibling.querySelector && table.previousElementSibling.querySelector('[id^="toggle-row-selection"]');
-                    if (existing) return; // already present
-
-        // generate a short token for unique IDs
-                    var token = (Date.now().toString(16) + Math.floor(Math.random()*0xffff).toString(16));
-
-                    var wrapper = document.createElement('div');
-                    wrapper.className = 'row-selection-controls-wrapper';
-                    wrapper.innerHTML = '<div class="d-flex justify-content-between align-items-center mb-2">'
-                    + '  <div>'
-                    + '    <button class="btn btn-outline-secondary btn-sm" id="toggle-row-selection-' + token + '" type="button">Enable row selection</button>'
-                    + '    <div id="selection-controls-' + token + '" class="btn-group ms-2" role="group" style="display:none;">'
-                    + '      <button type="button" class="btn btn-sm btn-outline-primary" id="select-all-' + token + '">Select all</button>'
-                    + '      <button type="button" class="btn btn-sm btn-outline-secondary" id="clear-selection-' + token + '">Clear</button>'
-                    + '    </div>'
-                    + '  </div>'
-                    + '  <div>'
-                    + '    <small class="text-muted">Selected: <span id="selected-count-' + token + '">0</span></small>'
-                    + '  </div>'
-                    + '</div>';
-
-        // Insert the controls immediately before the table (or its responsive wrapper)
-                    var container = table.closest('.table-responsive') || table;
-                    container.parentNode.insertBefore(wrapper, container);
-                }
-
-    // Create controls for any table that looks selectable but lacks a control block
-                Array.from(document.querySelectorAll('table')).forEach(function(t){
-                    if (t.querySelector && (t.querySelector('input[name="selection"]') || t.querySelector('input[type="checkbox"]'))) {
-                        ensureControlsForTable(t);
-                    }
-                });
+                // Injector removed: selection controls are rendered server-side
+                // by `SelectionTable.row_selection_controls` (now set as `caption`).
 
     // For every toggle button (supports both unsuffixed and suffixed IDs)
                 document.querySelectorAll('button[id^="toggle-row-selection"]').forEach(function(toggleBtn) {