npm - imcp - Versions diffs - 0.1.5 → 0.1.6 - Mend

imcp 0.1.5 → 0.1.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (186) hide show

package/.github/ISSUE_TEMPLATE/JitAccess.yml +28 -0
package/.github/acl/access.yml +20 -0
package/.github/compliance/inventory.yml +5 -0
package/.github/policies/jit.yml +19 -0
package/.github/workflows/build.yml +28 -0
package/.roo/rules-code/rules.md +88 -0
package/docs/ONBOARDING_PAGE_DESIGN.md +260 -0
package/docs/Telemetry.md +136 -0
package/memory-bank/activeContext.md +26 -0
package/memory-bank/decisionLog.md +91 -0
package/memory-bank/productContext.md +41 -0
package/memory-bank/progress.md +35 -0
package/memory-bank/systemPatterns.md +10 -0
package/package.json +1 -5
package/src/cli/commands/install.ts +139 -0
package/src/cli/commands/list.ts +113 -0
package/src/cli/commands/pull.ts +16 -0
package/src/cli/commands/serve.ts +39 -0
package/src/cli/commands/uninstall.ts +64 -0
package/src/cli/index.ts +82 -0
package/src/core/installers/clients/BaseClientInstaller.ts +341 -0
package/src/core/installers/clients/ClientInstaller.ts +222 -0
package/src/core/installers/clients/ClientInstallerFactory.ts +43 -0
package/src/core/installers/clients/ClineInstaller.ts +35 -0
package/src/core/installers/clients/ExtensionInstaller.ts +165 -0
package/src/core/installers/clients/GithubCopilotInstaller.ts +79 -0
package/src/core/installers/clients/MSRooCodeInstaller.ts +32 -0
package/src/core/installers/index.ts +11 -0
package/src/core/installers/requirements/BaseInstaller.ts +85 -0
package/src/core/installers/requirements/CommandInstaller.ts +231 -0
package/src/core/installers/requirements/GeneralInstaller.ts +133 -0
package/src/core/installers/requirements/InstallerFactory.ts +114 -0
package/src/core/installers/requirements/NpmInstaller.ts +271 -0
package/src/core/installers/requirements/NugetInstaller.ts +203 -0
package/src/core/installers/requirements/PipInstaller.ts +207 -0
package/src/core/installers/requirements/RequirementInstaller.ts +42 -0
package/src/core/loaders/ConfigurationLoader.ts +298 -0
package/src/core/loaders/ConfigurationProvider.ts +462 -0
package/src/core/loaders/InstallOperationManager.ts +367 -0
package/src/core/loaders/ServerSchemaLoader.ts +117 -0
package/src/core/loaders/ServerSchemaProvider.ts +99 -0
package/src/core/loaders/SystemSettingsManager.ts +278 -0
package/src/core/metadatas/constants.ts +122 -0
package/src/core/metadatas/recordingConstants.ts +65 -0
package/src/core/metadatas/types.ts +202 -0
package/src/core/onboard/FeedOnboardService.ts +501 -0
package/src/core/onboard/OnboardProcessor.ts +356 -0
package/src/core/onboard/OnboardStatus.ts +60 -0
package/src/core/onboard/OnboardStatusManager.ts +416 -0
package/src/core/validators/FeedValidator.ts +135 -0
package/src/core/validators/IServerValidator.ts +21 -0
package/src/core/validators/SSEServerValidator.ts +43 -0
package/src/core/validators/ServerValidatorFactory.ts +51 -0
package/src/core/validators/StdioServerValidator.ts +313 -0
package/src/index.ts +44 -0
package/src/services/InstallationService.ts +102 -0
package/src/services/MCPManager.ts +249 -0
package/src/services/RequirementService.ts +627 -0
package/src/services/ServerService.ts +161 -0
package/src/services/TelemetryService.ts +59 -0
package/src/utils/UpdateCheckTracker.ts +86 -0
package/src/utils/adoUtils.ts +293 -0
package/src/utils/clientUtils.ts +72 -0
package/src/utils/feedUtils.ts +31 -0
package/src/utils/githubAuth.ts +212 -0
package/src/utils/githubUtils.ts +164 -0
package/src/utils/logger.ts +195 -0
package/src/utils/macroExpressionUtils.ts +104 -0
package/src/utils/osUtils.ts +700 -0
package/src/utils/versionUtils.ts +114 -0
package/src/web/contract/serverContract.ts +74 -0
package/src/web/public/css/detailsWidget.css +235 -0
package/src/web/public/css/modal.css +757 -0
package/src/web/public/css/notifications.css +101 -0
package/src/web/public/css/onboard.css +107 -0
package/src/web/public/css/serverCategoryList.css +120 -0
package/src/web/public/css/serverDetails.css +139 -0
package/src/web/public/index.html +359 -0
package/src/web/public/js/api.js +132 -0
package/src/web/public/js/detailsWidget.js +264 -0
package/src/web/public/js/flights/flights.js +127 -0
package/src/web/public/js/modal/index.js +52 -0
package/src/web/public/js/modal/installModal.js +162 -0
package/src/web/public/js/modal/installation.js +266 -0
package/src/web/public/js/modal/loadingModal.js +182 -0
package/src/web/public/js/modal/modalSetup.js +595 -0
package/src/web/public/js/modal/modalUtils.js +37 -0
package/src/web/public/js/modal/versionUtils.js +20 -0
package/src/web/public/js/modal.js +42 -0
package/src/web/public/js/notifications.js +137 -0
package/src/web/public/js/onboard/formProcessor.js +1037 -0
package/src/web/public/js/onboard/index.js +374 -0
package/src/web/public/js/onboard/publishHandler.js +172 -0
package/src/web/public/js/onboard/state.js +76 -0
package/src/web/public/js/onboard/templates.js +342 -0
package/src/web/public/js/onboard/uiHandlers.js +1076 -0
package/src/web/public/js/onboard/validationHandlers.js +493 -0
package/src/web/public/js/serverCategoryDetails.js +364 -0
package/src/web/public/js/serverCategoryList.js +241 -0
package/src/web/public/js/settings.js +314 -0
package/src/web/public/modal.html +84 -0
package/src/web/public/onboard.html +296 -0
package/src/web/public/settings.html +135 -0
package/src/web/public/styles.css +277 -0
package/src/web/server.ts +478 -0
package/tsconfig.json +18 -0
package/wiki/Installation.md +3 -0
package/wiki/Publish.md +3 -0
package/dist/cli/commands/install.js.map +0 -1
package/dist/cli/commands/list.js.map +0 -1
package/dist/cli/commands/pull.js.map +0 -1
package/dist/cli/commands/serve.js.map +0 -1
package/dist/cli/commands/start.js.map +0 -1
package/dist/cli/commands/sync.js.map +0 -1
package/dist/cli/commands/uninstall.js.map +0 -1
package/dist/cli/index.js.map +0 -1
package/dist/core/ConfigurationLoader.js.map +0 -1
package/dist/core/ConfigurationProvider.js.map +0 -1
package/dist/core/InstallationService.js.map +0 -1
package/dist/core/MCPManager.js.map +0 -1
package/dist/core/RequirementService.js.map +0 -1
package/dist/core/ServerSchemaLoader.js.map +0 -1
package/dist/core/ServerSchemaProvider.js.map +0 -1
package/dist/core/constants.js.map +0 -1
package/dist/core/installers/BaseInstaller.js.map +0 -1
package/dist/core/installers/ClientInstaller.js.map +0 -1
package/dist/core/installers/CommandInstaller.js.map +0 -1
package/dist/core/installers/GeneralInstaller.js.map +0 -1
package/dist/core/installers/InstallerFactory.js.map +0 -1
package/dist/core/installers/NpmInstaller.js.map +0 -1
package/dist/core/installers/PipInstaller.js.map +0 -1
package/dist/core/installers/RequirementInstaller.js.map +0 -1
package/dist/core/installers/clients/BaseClientInstaller.js.map +0 -1
package/dist/core/installers/clients/ClientInstaller.js.map +0 -1
package/dist/core/installers/clients/ClientInstallerFactory.js.map +0 -1
package/dist/core/installers/clients/ClineInstaller.js.map +0 -1
package/dist/core/installers/clients/ExtensionInstaller.js.map +0 -1
package/dist/core/installers/clients/GithubCopilotInstaller.js.map +0 -1
package/dist/core/installers/clients/MSRooCodeInstaller.js.map +0 -1
package/dist/core/installers/index.js.map +0 -1
package/dist/core/installers/requirements/BaseInstaller.js.map +0 -1
package/dist/core/installers/requirements/CommandInstaller.js.map +0 -1
package/dist/core/installers/requirements/GeneralInstaller.js.map +0 -1
package/dist/core/installers/requirements/InstallerFactory.js.map +0 -1
package/dist/core/installers/requirements/NpmInstaller.js.map +0 -1
package/dist/core/installers/requirements/NugetInstaller.js.map +0 -1
package/dist/core/installers/requirements/PipInstaller.js.map +0 -1
package/dist/core/installers/requirements/RequirementInstaller.js.map +0 -1
package/dist/core/loaders/ConfigurationLoader.js.map +0 -1
package/dist/core/loaders/ConfigurationProvider.js.map +0 -1
package/dist/core/loaders/InstallOperationManager.js.map +0 -1
package/dist/core/loaders/ServerSchemaLoader.js.map +0 -1
package/dist/core/loaders/ServerSchemaProvider.js.map +0 -1
package/dist/core/loaders/SystemSettingsManager.js.map +0 -1
package/dist/core/metadatas/constants.js.map +0 -1
package/dist/core/metadatas/recordingConstants.js.map +0 -1
package/dist/core/metadatas/types.js.map +0 -1
package/dist/core/onboard/FeedOnboardService.js.map +0 -1
package/dist/core/onboard/OnboardProcessor.js.map +0 -1
package/dist/core/onboard/OnboardStatus.js.map +0 -1
package/dist/core/onboard/OnboardStatusManager.js.map +0 -1
package/dist/core/types.js.map +0 -1
package/dist/core/validators/FeedValidator.js.map +0 -1
package/dist/core/validators/IServerValidator.js.map +0 -1
package/dist/core/validators/SSEServerValidator.js.map +0 -1
package/dist/core/validators/ServerValidatorFactory.js.map +0 -1
package/dist/core/validators/StdioServerValidator.js.map +0 -1
package/dist/index.js.map +0 -1
package/dist/services/InstallRequestValidator.js.map +0 -1
package/dist/services/InstallationService.js.map +0 -1
package/dist/services/MCPManager.js.map +0 -1
package/dist/services/RequirementService.js.map +0 -1
package/dist/services/ServerService.js.map +0 -1
package/dist/services/TelemetryService.js.map +0 -1
package/dist/utils/UpdateCheckTracker.js.map +0 -1
package/dist/utils/adoUtils.js.map +0 -1
package/dist/utils/clientUtils.js.map +0 -1
package/dist/utils/feedUtils.js.map +0 -1
package/dist/utils/githubAuth.js.map +0 -1
package/dist/utils/githubUtils.js.map +0 -1
package/dist/utils/logger.js.map +0 -1
package/dist/utils/macroExpressionUtils.js.map +0 -1
package/dist/utils/osUtils.js.map +0 -1
package/dist/utils/versionUtils.js.map +0 -1
package/dist/web/contract/serverContract.js.map +0 -1
package/dist/web/server.js.map +0 -1

package/src/web/public/index.html ADDED Viewed

@@ -0,0 +1,359 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>IMCP Server Manager</title>
+    <script src="https://cdn.tailwindcss.com"></script>
+    <link href="https://unpkg.com/boxicons@2.1.4/css/boxicons.min.css" rel="stylesheet">
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.7.2/font/bootstrap-icons.css" rel="stylesheet">
+    <link rel="stylesheet" href="styles.css">
+    <link rel="stylesheet" href="css/modal.css">
+    <link rel="stylesheet" href="css/notifications.css">
+    <link rel="stylesheet" href="css/serverDetails.css">
+    <link rel="stylesheet" href="css/detailsWidget.css">
+    <link rel="stylesheet" href="css/serverCategoryList.css">
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
+    <!-- Alert container for notifications -->
+    <div class="alert-container position-fixed top-0 end-0 p-3">
+    </div>
+</head>
+<body class="bg-gray-50 min-h-screen">
+    <div class="container mx-auto px-4 py-6">
+        <div class="flex items-center justify-between mb-8">
+            <h1 class="text-3xl font-bold text-gray-900 flex items-center">
+                <a href="index.html" class="flex items-center text-gray-900 hover:text-blue-600 transition-colors">
+                    <i class='bx bx-server mr-3 text-blue-600'></i>
+                    IMCP Server Manager
+                </a>
+                <button id="settingsButton"
+                    class="text-gray-700 hover:text-blue-600 transition-colors flex items-center ml-3 mt-1">
+                    <i class='bx bx-cog text-3xl'></i>
+                </button>
+            </h1>
+            <div class="lg:w-2/3 flex justify-end items-center gap-4">
+                <div class="relative w-48 focus-within:w-96 transition-all duration-300 ease-in-out">
+                    <input type="text" id="searchBox" placeholder="Search..."
+                        data-expanded-placeholder="Search servers or tools..." class="w-full px-10 py-2.5 bg-gray-50 border border-gray-200 rounded-lg
+                                text-gray-700 placeholder-gray-400
+                                focus:border-blue-400 focus:ring-2 focus:ring-blue-100
+                                transition-all duration-300 ease-in-out">
+                    <i class='bx bx-search absolute left-3.5 top-1/2 transform -translate-y-1/2 text-gray-400'></i>
+                </div>
+                <button id="onboardButton" style="display: none;"
+                    class="px-4 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700 transition-colors flex items-center">
+                    <i class='bx bx-plus-circle mr-2'></i>
+                    Publish Server
+                </button>
+            </div>
+            <script>
+                document.addEventListener('DOMContentLoaded', () => {
+                    const searchBox = document.getElementById('searchBox');
+                    const expandedPlaceholder = searchBox.dataset.expandedPlaceholder;
+                    searchBox.addEventListener('focus', () => {
+                        setTimeout(() => searchBox.placeholder = expandedPlaceholder, 150);
+                    });
+                    searchBox.addEventListener('blur', () => {
+                        if (!searchBox.value) {
+                            searchBox.placeholder = 'Search...';
+                        }
+                    });
+                });
+            </script>
+        </div>
+        <div class="flex flex-col lg:flex-row gap-6">
+            <!-- Server List Sidebar -->
+            <div class="lg:w-1/3">
+                <div class="bg-white rounded-xl shadow-sm border border-gray-100 p-6">
+                    <h2 class="text-xl font-semibold mb-4 text-gray-900 flex items-center">
+                        <i class='bx bx-list-ul mr-2 text-blue-600'></i>
+                        MCP Server Categories
+                    </h2>
+                    <div class="server-list space-y-3" id="serverCategoryList">
+                        <div class="animate-pulse">
+                            <p class="text-gray-500">Loading MCP server categories...</p>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <!-- Main Content Area -->
+            <div class="lg:w-2/3">
+                <div class="bg-white rounded-xl shadow-sm border border-gray-100 p-6">
+                    <h2 class="text-xl font-semibold mb-4 text-gray-900 flex items-center">
+                        <i class='bx bx-detail mr-2 text-blue-600'></i>
+                        Server Category Details
+                    </h2>
+                    <div id="serverCategoryDetails" class="text-gray-600">
+                        <div class="flex items-center justify-center h-32 text-gray-400">
+                            <div class="text-center">
+                                <i class='bx bx-selection text-4xl mb-2'></i>
+                                <p>Select a server category from the list to see details</p>
+                            </div>
+                        </div>
+                    </div>
+                    <div id="toolMcpsList" class="mt-6 grid gap-4">
+                        <!-- Tool cards will be dynamically inserted here -->
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+    <!-- Installation Modal -->
+    <div id="installModal" class="modal">
+        <div class="modal-content">
+            <div class="flex justify-between items-center mb-4">
+                <h3 id="modalTitle" class="text-xl font-semibold text-gray-900">Install MCP Tool</h3>
+                <span class="close" onclick="closeModal()">&times;</span>
+            </div>
+            <form id="installForm">
+                <!-- Requirements Section -->
+                <div id="modalRequirements" class="mb-6">
+                    <!-- Requirements will be injected here -->
+                </div>
+                <!-- Target Selection Section -->
+                <div id="modalTargets" class="bg-gray-50 rounded-lg">
+                    <!-- Target options will be injected here -->
+                </div>
+                <!-- Environment Variables Section -->
+                <div id="modalEnvInputs" class="space-y-4">
+                    <!-- Environment variable inputs will be injected here -->
+                </div>
+                <!-- Arguments Section -->
+                <div id="modalArguments" class="space-y-4 mb-6">
+                    <!-- Arguments will be injected here -->
+                </div>
+                <div class="flex justify-end space-x-4 mt-6">
+                    <button type="button" onclick="closeModal()"
+                        class="px-4 py-2 text-gray-600 hover:text-gray-800 font-medium rounded-md hover:bg-gray-100 transition-colors">
+                        Cancel
+                    </button>
+                    <button type="submit" class="submit-button">
+                        <i class='bx bx-download mr-2'></i>
+                        Install
+                    </button>
+                </div>
+            </form>
+        </div>
+    </div>
+    <!-- Loading Modal -->
+    <div id="installLoadingModal" class="modal" style="display:none; z-index:2000;">
+        <div class="modal-content" style="text-align:center; pointer-events:auto; position:relative;">
+            <button class="modal-close-button" onclick="hideInstallLoadingModal()" aria-label="Close">&times;</button>
+            <div style="margin-top:40px;">
+                <div class="loading-icon" style="margin-bottom:16px;">
+                    <svg width="48" height="48" viewBox="0 0 48 48" fill="none">
+                        <circle cx="24" cy="24" r="20" stroke="#888" stroke-width="4" opacity="0.2" />
+                        <circle cx="24" cy="24" r="20" stroke="#3498db" stroke-width="4" stroke-linecap="round"
+                            stroke-dasharray="100" stroke-dashoffset="60">
+                            <animateTransform attributeName="transform" type="rotate" from="0 24 24" to="360 24 24"
+                                dur="1s" repeatCount="indefinite" />
+                        </circle>
+                    </svg>
+                </div>
+                <div class="loading-title" style="font-size:1.5rem; font-weight:bold; margin-bottom:8px;">Installing...
+                </div>
+                <div id="installLoadingMessage"
+                    style="min-height:48px; max-height:160px; overflow:auto; background:#f8f8f8; border-radius:6px; padding:12px; font-size:1rem; color:#444; text-align:left;">
+                </div>
+            </div>
+        </div>
+    </div>
+    <!-- Module scripts -->
+    <script type="module">
+        import { fetchServerCategories, handleInstallServer, uninstallTool } from './js/api.js';
+        import { setupSearch } from './js/serverCategoryList.js';
+        import { showServerDetails } from './js/serverCategoryDetails.js';
+        import { showInstallModal, closeModal } from './js/modal.js';
+        // import { showOnboardModal as navigateToOnboard } from './js/onboard/index.js'; // We are directly navigating
+        import flights, { getFlightQueryParameters, buildUrlWithFlights } from './js/flights/flights.js';
+        // Make necessary functions available globally
+        window.showServerDetails = showServerDetails;
+        window.showInstallModal = showInstallModal;
+        // window.showOnboardModal = showOnboardModal; // This might conflict if showOnboardModal is also in onboard/index.js
+        // We'll rely on the event listener above for the main page's onboard button.
+        // If other parts of the app call window.showOnboardModal, they'll need updating too.
+        window.closeModal = closeModal;
+        window.handleInstallServer = handleInstallServer;
+        window.uninstallTool = uninstallTool;
+        // Initialize
+        document.addEventListener('DOMContentLoaded', async () => {
+            setupSearch();
+            const onboardButton = document.getElementById('onboardButton');
+            if (flights.enableOnboard) {
+                onboardButton.style.display = 'flex'; // Make it visible
+                onboardButton.addEventListener('click', () => {
+                    const flightQueryString = getFlightQueryParameters();
+                    window.location.href = buildUrlWithFlights('onboard.html');
+                });
+            }
+            const settingsButton = document.getElementById('settingsButton');
+            settingsButton.addEventListener('click', () => {
+                window.location.href = buildUrlWithFlights('settings.html');
+            });
+            // No 'else' block needed as it's hidden by default via inline style
+            try {
+                // First fetch categories and wait for completion
+                // fetchServerCategories will call renderServerCategoryList, which might call loadLastSelectedCategory.
+                // loadLastSelectedCategory calls showServerDetails.
+                // The logic for setting initial category URL is now more centralized.
+                await fetchServerCategories(); // This populates allServerCategoriesData
+                const urlParams = new URLSearchParams(window.location.search);
+                const categoryParam = urlParams.get('category');
+                const lastSelectedCategoryFromStorage = localStorage.getItem('lastSelectedCategory');
+                if (categoryParam) {
+                    // Category is in URL, load it
+                    await window.showServerDetails(categoryParam);
+                } else if (lastSelectedCategoryFromStorage) {
+                    // Category not in URL, but in localStorage. Redirect to URL with this category and flights.
+                    window.location.href = buildUrlWithFlights('index.html', { category: lastSelectedCategoryFromStorage });
+                    return; // Stop further execution, page will reload
+                } else if (allServerCategoriesData && allServerCategoriesData.length > 0) {
+                    // No category in URL or localStorage, pick first from list and redirect.
+                    window.location.href = buildUrlWithFlights('index.html', { category: allServerCategoriesData[0].name });
+                    return; // Stop further execution, page will reload
+                } else {
+                }
+            } catch (error) {
+                console.error('Error during initialization:', error);
+                // Potentially show a user-friendly error message in the UI
+                const serverCategoryDetailsDiv = document.getElementById('serverCategoryDetails');
+                if (serverCategoryDetailsDiv) {
+                    serverCategoryDetailsDiv.innerHTML = `<p class="text-red-500">Error initializing page: ${error.message}</p>`;
+                }
+                const serverCategoryListDiv = document.getElementById('serverCategoryList');
+                if (serverCategoryListDiv) {
+                    serverCategoryListDiv.innerHTML = `<p class="text-red-500">Could not load categories.</p>`;
+                }
+            }
+            // Fetch and display application version
+            try {
+                const versionResponse = await fetch('/api/version');
+                const appVersionSpan = document.getElementById('appVersion');
+                const versionInfoContainer = document.getElementById('versionInfoContainer');
+                const versionIcon = versionInfoContainer.querySelector('i');
+                // Create tooltip element
+                const tooltip = document.createElement('div');
+                tooltip.className = 'version-tooltip';
+                versionInfoContainer.appendChild(tooltip);
+                let tooltipMessage = "Loading version information...";
+                let isUpdateAvailable = false;
+                if (versionResponse.ok) {
+                    const versionData = await versionResponse.json();
+                    if (versionData.success && versionData.data) {
+                        const currentVersion = versionData.data.version || 'N/A';
+                        appVersionSpan.textContent = currentVersion;
+                        if (versionData.data.availableUpdate) {
+                            isUpdateAvailable = true;
+                            tooltipMessage = versionData.data.availableUpdate.message;
+                        } else {
+                            tooltipMessage = "You're already up to date!";
+                        }
+                    } else {
+                        appVersionSpan.textContent = 'N/A';
+                        tooltipMessage = "Could not retrieve version information.";
+                    }
+                } else {
+                    console.error('Failed to fetch version:', versionResponse.status);
+                    appVersionSpan.textContent = 'N/A';
+                    tooltipMessage = "Failed to fetch version information.";
+                }
+                tooltip.textContent = tooltipMessage;
+                if (isUpdateAvailable) {
+                    versionInfoContainer.classList.add('text-orange-500');
+                    versionIcon.classList.add('text-orange-500');
+                    appVersionSpan.classList.add('text-orange-500');
+                }
+                versionInfoContainer.addEventListener('mouseenter', () => {
+                    tooltip.classList.add('visible');
+                });
+                versionInfoContainer.addEventListener('mouseleave', () => {
+                    // Only hide if the mouse isn't over the tooltip itself
+                    setTimeout(() => { // Add a small delay to allow moving to the tooltip
+                        if (!tooltip.matches(':hover')) {
+                            tooltip.classList.remove('visible');
+                        }
+                    }, 100);
+                });
+                tooltip.addEventListener('mouseleave', () => {
+                    tooltip.classList.remove('visible');
+                });
+                // Keep tooltip visible if clicked, and allow clicking outside to close
+                versionInfoContainer.addEventListener('click', (event) => {
+                    event.stopPropagation();
+                    tooltip.classList.add('visible'); // Ensure it's visible on click
+                });
+                document.addEventListener('click', (event) => {
+                    if (!versionInfoContainer.contains(event.target) && !tooltip.contains(event.target)) {
+                        tooltip.classList.remove('visible');
+                    }
+                });
+            } catch (error) {
+                console.error('Error fetching version:', error);
+                const appVersionSpan = document.getElementById('appVersion');
+                if (appVersionSpan) {
+                    appVersionSpan.textContent = 'N/A';
+                    const versionInfoContainer = document.getElementById('versionInfoContainer');
+                    const tooltip = versionInfoContainer.querySelector('.version-tooltip');
+                    if (tooltip) {
+                        tooltip.textContent = "Error fetching version information.";
+                    }
+                }
+            }
+        });
+    </script>
+    <script src="js/modal.js" type="module"></script>
+    <footer class="text-sm text-gray-600 py-6 mt-10 border-t border-gray-200">
+        <div class="container mx-auto px-4">
+            <div class="flex flex-col sm:flex-row justify-start items-start sm:items-center space-y-2 sm:space-y-0 sm:space-x-6 px-6">
+                <a href="https://github.com/ai-microsoft/imcp" target="_blank" rel="noopener noreferrer"
+                    class="flex items-center text-blue-600 hover:text-blue-700 hover:underline transition-colors"
+                    title="Welcome for any feedback.">
+                    <i class='bx bxl-github mr-1.5'></i> GitHub
+                </a>
+                <span class="hidden sm:inline text-gray-300">|</span>
+                <span id="versionInfoContainer" class="version-info-container flex items-center text-gray-700">
+                    <i class='bx bx-info-circle mr-1.5 text-gray-500'></i>
+                    Version: <span id="appVersion" class="ml-1 font-medium">Loading...</span>
+                </span>
+            </div>
+        </div>
+    </footer>
+</body>
+</html>

package/src/web/public/js/api.js ADDED Viewed

@@ -0,0 +1,132 @@
+import { renderServerCategoryList } from './serverCategoryList.js';
+import { showToast } from './notifications.js';
+// Global store for server data
+let allServerCategoriesData = [];
+// Make it available globally for legacy code
+window.allServerCategoriesData = allServerCategoriesData;
+// Fetch and display servers
+async function fetchServerCategories() {
+    try {
+        // Fetch all servers (without filters)
+        const response = await fetch('/api/categories');
+        if (!response.ok) throw new Error(`HTTP error! status: ${response.status}`);
+        const responseData = await response.json();
+        if (!responseData.success || !responseData.data) {
+            throw new Error(`API Error fetching servers: ${responseData.error || 'Invalid data format'}`);
+        }
+        allServerCategoriesData = window.allServerCategoriesData = responseData.data; // Update both local and global references
+        // Use the renderServerCategoryList function to display servers
+        renderServerCategoryList(allServerCategoriesData);
+        // Check if search is active
+        const searchTerm = document.getElementById('searchBox').value.toLowerCase();
+        if (searchTerm) {
+            const filteredServerCategories = allServerCategoriesData.filter(server =>
+                (server.displayName || server.name).toLowerCase().includes(searchTerm) ||
+                (server.description || '').toLowerCase().includes(searchTerm)
+            );
+            renderServerCategoryList(filteredServerCategories);
+        }
+    } catch (error) {
+        console.error('Error fetching servers:', error);
+        document.getElementById('serverCategoryList').innerHTML =
+            '<p class="text-red-600">Error loading servers. Please check console and try again.</p>';
+        document.getElementById('serverCategoryDetails').innerHTML = ''; // Clear details on error
+    }
+}
+// Handle MCP tool installation
+async function handleInstallServer(event, categoryName, serverName, callback, options = {}) {
+    event.preventDefault(); // Prevent page reload
+    console.log("Handling install for:", categoryName, serverName);
+    // Get selected targets from the form if not provided in options
+    const selectedTargets = options.targets || [...document.querySelectorAll('input[name="targets"]:checked')]
+        .map(cb => cb.value);
+    if (selectedTargets.length === 0) {
+        showToast('Please select at least one target', 'error');
+        return;
+    }
+    // Get environment variables from the form
+    const form = event.target;
+    const formData = new FormData(form);
+    const envValues = {};
+    formData.forEach((value, key) => {
+        if (!key.startsWith('targets') && value) { // Skip target checkboxes
+            envValues[key] = value;
+        }
+    });
+    try {
+        const serverList = {};
+        serverList[serverName] = {
+            env: envValues,
+            targetClients: selectedTargets
+        }; // Use serverName as key
+        const response = await fetch(`/api/categories/${categoryName}/install`, {
+            method: 'POST',
+            headers: { 'Content-Type': 'application/json' },
+            body: JSON.stringify({ serverList: serverList })
+        });
+        if (!response.ok) {
+            const errorData = await response.text();
+            throw new Error(`Installation failed: ${errorData || response.statusText}`);
+        }
+        showToast('MCP server "' + serverName + '" for ' + categoryName + ' installation initiated successfully!', 'success');
+        window.closeModal();
+        fetchServerCategories(); // Refresh the main server list
+        window.showServerDetails(categoryName); // Refresh the details pane
+    } catch (error) {
+        console.error('Error installing MCP server:', error);
+        showToast('Error installing MCP server: ' + error.message + '. Please check console.', 'error');
+    }
+}
+async function uninstallTool(name) {
+    const serverTitle = document.querySelector('#serverCategoryDetails h3')?.textContent;
+    if (!serverTitle) {
+        showToast('No server selected.', 'error');
+        return;
+    }
+    const uninstallConfirmed = await showConfirm(`Do you want to uninstall tool '${name}' from ${serverTitle}?`);
+    if (!uninstallConfirmed) {
+        return;
+    }
+    try {
+        const response = await fetch(`/api/categories/${serverTitle}/uninstall-tool`, {
+            method: 'POST',
+            headers: { 'Content-Type': 'application/json' },
+            body: JSON.stringify({ toolName: name })
+        });
+        if (!response.ok) {
+            const errorData = await response.text();
+            throw new Error(`Uninstall failed: ${errorData || response.statusText}`);
+        }
+        showToast(`Tool '${name}' uninstall initiated successfully!`, 'success');
+        fetchServerCategories();
+        window.showServerDetails(serverTitle);
+    } catch (error) {
+        console.error('Error uninstalling tool:', error);
+        showToast(`Error uninstalling tool: ${error.message}`, 'error');
+    }
+}
+export {
+    allServerCategoriesData,
+    fetchServerCategories,
+    handleInstallServer,
+    uninstallTool
+};