fix(ui): apply Select All count display consistently across all init*Select functions

Extend the Select All button count fix from initToolSelect to
initResourceSelect, initPromptSelect, and initGatewaySelect for
consistency. Remove stale originalText + setTimeout pattern from all
three sibling functions. Update Playwright assertions to match new
button text format and add JS unit tests for count display behavior.

Closes #3833

Signed-off-by: Mihai Criveti <crivetimihai@gmail.com>

Author: crivetimihai

mcpgateway/static/admin.js

@@ -10316,6 +10316,18 @@ function initResourceSelect(
             } else {
                 warnBox.textContent = "";
             }
+
+            // Update the Select All button text to show count
+            if (selectBtnId) {
+                const currentSelectBtn = document.getElementById(selectBtnId);
+                if (currentSelectBtn) {
+                    if (count > 0) {
+                        currentSelectBtn.textContent = `Select All (${count})`;
+                    } else {
+                        currentSelectBtn.textContent = "Select All";
+                    }
+                }
+            }
         } catch (error) {
             console.error("Error updating resource select:", error);
         }
@@ -10362,7 +10374,6 @@ function initResourceSelect(
         selectBtn.parentNode.replaceChild(newSelectBtn, selectBtn);
 
         newSelectBtn.addEventListener("click", async () => {
-            const originalText = newSelectBtn.textContent;
             newSelectBtn.disabled = true;
             newSelectBtn.textContent = "Selecting all resources...";
 
@@ -10445,14 +10456,11 @@ function initResourceSelect(
                 allIds.forEach((id) => editSel.add(String(id)));
 
                 update();
-
-                newSelectBtn.textContent = `✓ All ${allIds.length} resources selected`;
-                setTimeout(() => {
-                    newSelectBtn.textContent = originalText;
-                }, 2000);
             } catch (error) {
                 console.error("Error selecting all resources:", error);
                 alert("Failed to select all resources. Please try again.");
+                newSelectBtn.disabled = false;
+                update(); // Reset button text via update()
             } finally {
                 newSelectBtn.disabled = false;
             }
@@ -10731,6 +10739,18 @@ function initPromptSelect(
             } else {
                 warnBox.textContent = "";
             }
+
+            // Update the Select All button text to show count
+            if (selectBtnId) {
+                const currentSelectBtn = document.getElementById(selectBtnId);
+                if (currentSelectBtn) {
+                    if (count > 0) {
+                        currentSelectBtn.textContent = `Select All (${count})`;
+                    } else {
+                        currentSelectBtn.textContent = "Select All";
+                    }
+                }
+            }
         } catch (error) {
             console.error("Error updating prompt select:", error);
         }
@@ -10776,7 +10796,6 @@ function initPromptSelect(
         newSelectBtn.dataset.listenerAttached = "true";
         selectBtn.parentNode.replaceChild(newSelectBtn, selectBtn);
         newSelectBtn.addEventListener("click", async () => {
-            const originalText = newSelectBtn.textContent;
             newSelectBtn.disabled = true;
             newSelectBtn.textContent = "Selecting all prompts...";
 
@@ -10859,14 +10878,11 @@ function initPromptSelect(
                 allIds.forEach((id) => editSel.add(String(id)));
 
                 update();
-
-                newSelectBtn.textContent = `✓ All ${allIds.length} prompts selected`;
-                setTimeout(() => {
-                    newSelectBtn.textContent = originalText;
-                }, 2000);
             } catch (error) {
                 console.error("Error selecting all prompts:", error);
                 alert("Failed to select all prompts. Please try again.");
+                newSelectBtn.disabled = false;
+                update(); // Reset button text via update()
             } finally {
                 newSelectBtn.disabled = false;
             }
@@ -11125,6 +11141,18 @@ function initGatewaySelect(
             } else {
                 warnBox.textContent = "";
             }
+
+            // Update the Select All button text to show count
+            if (selectBtnId) {
+                const currentSelectBtn = document.getElementById(selectBtnId);
+                if (currentSelectBtn) {
+                    if (count > 0) {
+                        currentSelectBtn.textContent = `Select All (${count})`;
+                    } else {
+                        currentSelectBtn.textContent = "Select All";
+                    }
+                }
+            }
         } catch (error) {
             console.error("Error updating gateway select:", error);
         }
@@ -11172,7 +11200,6 @@ function initGatewaySelect(
 
         newSelectBtn.addEventListener("click", async () => {
             // Disable button and show loading state
-            const originalText = newSelectBtn.textContent;
             newSelectBtn.disabled = true;
             newSelectBtn.textContent = "Selecting all gateways...";
 
@@ -11265,18 +11292,13 @@ function initGatewaySelect(
 
                 update();
 
-                newSelectBtn.textContent = `✓ All ${allGatewayIds.length} gateways selected`;
-                setTimeout(() => {
-                    newSelectBtn.textContent = originalText;
-                }, 2000);
-
                 // Reload associated items after selecting all
                 reloadAssociatedItems();
             } catch (error) {
                 console.error("Error in Select All:", error);
                 alert("Failed to select all gateways. Please try again.");
                 newSelectBtn.disabled = false;
-                newSelectBtn.textContent = originalText;
+                update(); // Reset button text via update()
             } finally {
                 newSelectBtn.disabled = false;
             }