imcp 0.0.11 → 0.0.12

package/src/web/public/js/notifications.js

@@ -30,28 +30,26 @@ function showToast(message, type = 'success') {
     });
 }
 
-// Function to show a Bootstrap confirmation dialog
-function showConfirm(message) {
+// Function to show a confirmation dialog using custom modal system
+function showConfirm(title, message) {
     return new Promise((resolve) => {
         const modalId = `confirm-modal-${Date.now()}`;
         const modalHtml = `
-            <div class="modal fade" id="${modalId}" tabindex="-1" aria-labelledby="${modalId}-label" aria-hidden="true">
-                <div class="modal-dialog">
-                    <div class="modal-content">
-                        <div class="modal-header">
-                            <h5 class="modal-title" id="${modalId}-label">Confirm Action</h5>
-                            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
-                        </div>
-                        <div class="modal-body">
-                            ${message}
-                        </div>
-                        <div class="modal-footer">
-                            <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
-                            <button type="button" class="btn btn-primary confirm-action">
-                                <span class="spinner-border spinner-border-sm d-none me-2" role="status" aria-hidden="true"></span>
-                                Confirm
-                            </button>
-                        </div>
+            <div id="${modalId}" class="modal">
+                <div class="modal-content" style="max-width: 400px; margin: 15% auto;">
+                    <div class="modal-header">
+                        <h3 class="text-lg font-semibold text-gray-700">${title}</h3>
+                    </div>
+                    <div style="margin: 1rem 0;">
+                        ${message}
+                    </div>
+                    <div style="display: flex; justify-content: flex-end; gap: 0.5rem; margin-top: 1rem;">
+                        <button type="button" class="cancel-button px-4 py-2 text-gray-600 hover:text-gray-800 font-medium rounded-lg hover:bg-gray-100 transition-colors">
+                            Cancel
+                        </button>
+                        <button type="button" class="confirm-button submit-button">
+                            Confirm
+                        </button>
                     </div>
                 </div>
             </div>
@@ -60,29 +58,30 @@ function showConfirm(message) {
         document.body.insertAdjacentHTML('beforeend', modalHtml);
         
         const modalElement = document.getElementById(modalId);
-        const modal = new bootstrap.Modal(modalElement);
+        modalElement.style.display = 'block';
         
         // Handle confirm button click
-        modalElement.querySelector('.confirm-action').addEventListener('click', (event) => {
-            const button = event.currentTarget;
-            const spinner = button.querySelector('.spinner-border');
-            button.disabled = true;
-            spinner.classList.remove('d-none');
-            
-            // Add small delay to show the loading state
-            setTimeout(() => {
-                modal.hide();
-                resolve(true);
-            }, 300);
+        modalElement.querySelector('.confirm-button').addEventListener('click', () => {
+            modalElement.style.display = 'none';
+            modalElement.remove();
+            resolve(true);
         });
         
-        // Handle modal hidden event
-        modalElement.addEventListener('hidden.bs.modal', () => {
+        // Handle cancel button click
+        modalElement.querySelector('.cancel-button').addEventListener('click', () => {
+            modalElement.style.display = 'none';
             modalElement.remove();
             resolve(false);
         });
-        
-        modal.show();
+
+        // Handle click outside modal
+        modalElement.addEventListener('click', (event) => {
+            if (event.target === modalElement) {
+                modalElement.style.display = 'none';
+                modalElement.remove();
+                resolve(false);
+            }
+        });
     });
 }
 

package/src/web/server.ts

@@ -32,7 +32,11 @@ export interface InstallServersRequestBody {
 }
 
 interface UninstallServersRequestBody {
-  serverList: string[];
+  serverList: Record<string, { removeData?: boolean }>;
+  options: {
+    targets: string[];
+    removeData?: boolean;
+  };
 }
 
 interface ApiResponse<T> {
@@ -155,15 +159,29 @@ app.post('/api/categories/:categoryName/uninstall', async (req: Request<{ catego
     const { categoryName } = req.params;
     const { serverList } = req.body;
 
-    if (!Array.isArray(serverList) || serverList.length === 0) {
+    if (!serverList || Object.keys(serverList).length === 0) {
       return res.status(400).json({
         success: false,
         error: 'Invalid tool list provided'
       });
     }
 
+    const { options } = req.body;
+    if (!options?.targets || options.targets.length === 0) {
+      return res.status(400).json({
+        success: false,
+        error: 'No target clients specified'
+      });
+    }
+
     const results = await Promise.all(
-      serverList.map(serverName => serverService.uninstallMcpServer(categoryName, serverName))
+      Object.entries(serverList).map(([serverName, serverOptions]) =>
+        serverService.uninstallMcpServer(categoryName, serverName, {
+          ...serverOptions,
+          targets: options.targets,
+          removeData: options.removeData ?? serverOptions.removeData
+        })
+      )
     );
 
     const { success, messages } = serverService.formatOperationResults(results);