npm - imcp - Versions diffs - 0.0.14 → 0.0.16 - Mend

imcp 0.0.14 → 0.0.16

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 (136) hide show

package/dist/core/ConfigurationProvider.d.ts +1 -0
package/dist/core/ConfigurationProvider.js +15 -0
package/dist/core/InstallationService.js +2 -7
package/dist/core/MCPManager.d.ts +11 -2
package/dist/core/MCPManager.js +24 -1
package/dist/core/RequirementService.js +2 -8
package/dist/core/installers/clients/BaseClientInstaller.d.ts +51 -0
package/dist/core/installers/clients/BaseClientInstaller.js +160 -0
package/dist/core/installers/clients/ClientInstaller.d.ts +16 -9
package/dist/core/installers/clients/ClientInstaller.js +80 -527
package/dist/core/installers/clients/ClientInstallerFactory.d.ts +20 -0
package/dist/core/installers/clients/ClientInstallerFactory.js +37 -0
package/dist/core/installers/clients/ClineInstaller.d.ts +18 -0
package/dist/core/installers/clients/ClineInstaller.js +124 -0
package/dist/core/installers/clients/GithubCopilotInstaller.d.ts +34 -0
package/dist/core/installers/clients/GithubCopilotInstaller.js +162 -0
package/dist/core/installers/clients/MSRooCodeInstaller.d.ts +15 -0
package/dist/core/installers/clients/MSRooCodeInstaller.js +122 -0
package/dist/core/installers/requirements/BaseInstaller.d.ts +11 -34
package/dist/core/installers/requirements/BaseInstaller.js +5 -116
package/dist/core/installers/requirements/CommandInstaller.d.ts +6 -1
package/dist/core/installers/requirements/CommandInstaller.js +7 -0
package/dist/core/installers/requirements/GeneralInstaller.d.ts +6 -1
package/dist/core/installers/requirements/GeneralInstaller.js +9 -4
package/dist/core/installers/requirements/NpmInstaller.d.ts +46 -7
package/dist/core/installers/requirements/NpmInstaller.js +150 -58
package/dist/core/installers/requirements/PipInstaller.d.ts +9 -0
package/dist/core/installers/requirements/PipInstaller.js +66 -28
package/dist/core/onboard/FeedOnboardService.d.ts +50 -13
package/dist/core/onboard/FeedOnboardService.js +263 -88
package/dist/core/onboard/OnboardProcessor.d.ts +79 -0
package/dist/core/onboard/OnboardProcessor.js +290 -0
package/dist/core/onboard/OnboardStatus.d.ts +49 -0
package/dist/core/onboard/OnboardStatus.js +10 -0
package/dist/core/onboard/OnboardStatusManager.d.ts +57 -0
package/dist/core/onboard/OnboardStatusManager.js +176 -0
package/dist/core/types.d.ts +4 -5
package/dist/core/validators/FeedValidator.d.ts +8 -1
package/dist/core/validators/FeedValidator.js +60 -7
package/dist/core/validators/IServerValidator.d.ts +19 -0
package/dist/core/validators/IServerValidator.js +2 -0
package/dist/core/validators/SSEServerValidator.d.ts +15 -0
package/dist/core/validators/SSEServerValidator.js +39 -0
package/dist/core/validators/ServerValidatorFactory.d.ts +24 -0
package/dist/core/validators/ServerValidatorFactory.js +45 -0
package/dist/core/validators/StdioServerValidator.d.ts +46 -0
package/dist/core/validators/StdioServerValidator.js +229 -0
package/dist/services/InstallRequestValidator.d.ts +1 -1
package/dist/services/ServerService.d.ts +9 -6
package/dist/services/ServerService.js +18 -7
package/dist/utils/adoUtils.d.ts +29 -0
package/dist/utils/adoUtils.js +252 -0
package/dist/utils/clientUtils.d.ts +0 -7
package/dist/utils/clientUtils.js +0 -42
package/dist/utils/githubUtils.d.ts +10 -0
package/dist/utils/githubUtils.js +22 -0
package/dist/utils/macroExpressionUtils.d.ts +38 -0
package/dist/utils/macroExpressionUtils.js +116 -0
package/dist/utils/osUtils.d.ts +4 -20
package/dist/utils/osUtils.js +78 -23
package/dist/web/contract/serverContract.d.ts +3 -1
package/dist/web/public/css/notifications.css +48 -17
package/dist/web/public/css/onboard.css +66 -3
package/dist/web/public/index.html +84 -16
package/dist/web/public/js/api.js +3 -6
package/dist/web/public/js/flights/flights.js +127 -0
package/dist/web/public/js/modal/installation.js +5 -5
package/dist/web/public/js/modal/modalSetup.js +3 -2
package/dist/web/public/js/notifications.js +66 -27
package/dist/web/public/js/onboard/ONBOARDING_PAGE_DESIGN.md +338 -0
package/dist/web/public/js/onboard/formProcessor.js +810 -255
package/dist/web/public/js/onboard/index.js +328 -85
package/dist/web/public/js/onboard/publishHandler.js +132 -0
package/dist/web/public/js/onboard/state.js +61 -17
package/dist/web/public/js/onboard/templates.js +217 -249
package/dist/web/public/js/onboard/uiHandlers.js +679 -117
package/dist/web/public/js/onboard/validationHandlers.js +378 -0
package/dist/web/public/js/serverCategoryList.js +15 -2
package/dist/web/public/onboard.html +191 -45
package/dist/web/public/styles.css +91 -1
package/dist/web/server.d.ts +0 -10
package/dist/web/server.js +131 -22
package/package.json +2 -2
package/src/core/ConfigurationProvider.ts +15 -0
package/src/core/InstallationService.ts +2 -7
package/src/core/MCPManager.ts +26 -1
package/src/core/RequirementService.ts +2 -9
package/src/core/installers/clients/BaseClientInstaller.ts +196 -0
package/src/core/installers/clients/ClientInstaller.ts +97 -608
package/src/core/installers/clients/ClientInstallerFactory.ts +43 -0
package/src/core/installers/clients/ClineInstaller.ts +135 -0
package/src/core/installers/clients/GithubCopilotInstaller.ts +179 -0
package/src/core/installers/clients/MSRooCodeInstaller.ts +133 -0
package/src/core/installers/requirements/BaseInstaller.ts +13 -136
package/src/core/installers/requirements/CommandInstaller.ts +9 -1
package/src/core/installers/requirements/GeneralInstaller.ts +11 -4
package/src/core/installers/requirements/NpmInstaller.ts +178 -61
package/src/core/installers/requirements/PipInstaller.ts +68 -29
package/src/core/onboard/FeedOnboardService.ts +346 -0
package/src/core/onboard/OnboardProcessor.ts +305 -0
package/src/core/onboard/OnboardStatus.ts +55 -0
package/src/core/onboard/OnboardStatusManager.ts +188 -0
package/src/core/types.ts +4 -5
package/src/core/validators/FeedValidator.ts +79 -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 +259 -0
package/src/services/InstallRequestValidator.ts +1 -1
package/src/services/ServerService.ts +22 -7
package/src/utils/adoUtils.ts +291 -0
package/src/utils/clientUtils.ts +0 -44
package/src/utils/githubUtils.ts +24 -0
package/src/utils/macroExpressionUtils.ts +121 -0
package/src/utils/osUtils.ts +89 -24
package/src/web/contract/serverContract.ts +74 -0
package/src/web/public/css/notifications.css +48 -17
package/src/web/public/css/onboard.css +107 -0
package/src/web/public/index.html +84 -16
package/src/web/public/js/api.js +3 -6
package/src/web/public/js/flights/flights.js +127 -0
package/src/web/public/js/modal/installation.js +5 -5
package/src/web/public/js/modal/modalSetup.js +3 -2
package/src/web/public/js/notifications.js +66 -27
package/src/web/public/js/onboard/ONBOARDING_PAGE_DESIGN.md +338 -0
package/src/web/public/js/onboard/formProcessor.js +864 -0
package/src/web/public/js/onboard/index.js +374 -0
package/src/web/public/js/onboard/publishHandler.js +132 -0
package/src/web/public/js/onboard/state.js +76 -0
package/src/web/public/js/onboard/templates.js +343 -0
package/src/web/public/js/onboard/uiHandlers.js +758 -0
package/src/web/public/js/onboard/validationHandlers.js +378 -0
package/src/web/public/js/serverCategoryList.js +15 -2
package/src/web/public/onboard.html +296 -0
package/src/web/public/styles.css +91 -1
package/src/web/server.ts +167 -58

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

@@ -0,0 +1,296 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Onboard MCP Category - IMCP</title>
+    <script src="https://cdn.tailwindcss.com"></script>
+    <link href="https://unpkg.com/boxicons@2.1.4/css/boxicons.min.css" rel="stylesheet">
+    <!-- Bootstrap CSS is likely not needed if primarily using Tailwind -->
+    <!-- <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet"> -->
+    <link rel="stylesheet" href="styles.css">
+    <link rel="stylesheet" href="css/onboard.css">
+    <!-- Highlight.js for JSON syntax highlighting -->
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/default.min.css">
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script>
+    <link rel="stylesheet" href="css/modal.css">
+    <link rel="stylesheet" href="css/notifications.css">
+    <script type="module">
+        import flights, { getFlightQueryParameters } from './js/flights/flights.js';
+        if (!flights.enableOnboard) {
+            // Preserve flight params when redirecting
+            window.location.href = `index.html${getFlightQueryParameters()}`;
+        }
+        document.addEventListener('DOMContentLoaded', () => {
+            const flightQueryString = getFlightQueryParameters();
+            const backToServerLink = document.querySelector('a[href="index.html"]');
+            if (backToServerLink) {
+                backToServerLink.href = `index.html${flightQueryString}`;
+            }
+            // Update cancel buttons in forms
+            const cancelButtons = document.querySelectorAll('button[onclick="window.location.href=\'index.html\'"]');
+            cancelButtons.forEach(button => {
+                button.onclick = () => { window.location.href = `index.html${flightQueryString}`; };
+            });
+            const jsonEditorCancelButton = document.querySelector('#jsonEditorActionsContainer button[onclick="window.location.href=\'index.html\'"]');
+             if (jsonEditorCancelButton) {
+                jsonEditorCancelButton.onclick = () => { window.location.href = `index.html${flightQueryString}`; };
+            }
+        });
+    </script>
+</head>
+<body class="bg-gray-50 min-h-screen">
+    <div class="alert-container"></div>
+    <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">
+                <i class='bx bx-server mr-3 text-blue-600'></i>
+                Onboard MCP Category
+            </h1>
+            <a href="index.html" class="text-gray-600 hover:text-gray-900 flex items-center">
+                <i class='bx bx-arrow-back mr-2'></i>
+                Back to Servers
+            </a>
+        </div>
+        <div class="bg-white rounded-xl shadow-sm border border-gray-100 p-6 max-w-6xl mx-auto">
+            <!-- Tab Navigation -->
+            <div class="mb-6 border-b border-gray-200">
+                <nav class="flex space-x-8" aria-label="Tabs">
+                    <button id="tab-create-category" class="py-2 px-4 text-blue-600 border-b-2 border-blue-600 font-semibold focus:outline-none" type="button">
+                        Create New Server Category
+                    </button>
+                    <button id="tab-create-server" class="py-2 px-4 text-gray-600 border-b-2 border-transparent hover:text-blue-600 hover:border-blue-600 font-semibold focus:outline-none" type="button">
+                        Create New Server in Existing Category
+                    </button>
+                </nav>
+                <!-- View Mode Toggle Switch -->
+                <div class="flex justify-end mt-2 mb-4">
+                    <label for="viewModeToggle" class="flex items-center cursor-pointer">
+                        <span class="mr-3 text-sm font-medium text-gray-700">Form View</span>
+                        <div class="relative">
+                            <input type="checkbox" id="viewModeToggle" class="sr-only peer">
+                            <div class="w-10 h-6 bg-gray-200 rounded-full peer peer-focus:ring-2 peer-focus:ring-blue-300 peer-checked:bg-blue-600 peer-checked:after:translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-0.5 after:left-[2px] after:bg-white after:border-gray-300 after:border after:rounded-full after:h-5 after:w-5 after:transition-all"></div>
+                        </div>
+                        <span class="ml-3 text-sm font-medium text-gray-700">JSON View</span>
+                    </label>
+                </div>
+            </div>
+            <!-- Tab Panels -->
+            <div id="panel-create-category">
+                <form id="onboardForm" class="space-y-6">
+                    <!-- Basic Information -->
+                    <div class="space-y-4">
+                        <h2 onclick="toggleSectionContent('basicInformationContent', this.querySelector('.toggle-icon'))" class="text-xl font-semibold text-gray-900 flex items-center justify-between mb-4 cursor-pointer">
+                            <span class="flex items-center">
+                                <i class='bx bx-info-circle mr-2 text-blue-600'></i>
+                                Basic Information
+                            </span>
+                            <i class='bx bx-chevron-down toggle-icon text-xl text-gray-500'></i>
+                        </h2>
+                        <div id="basicInformationContent" class="grid grid-cols-1 md:grid-cols-2 gap-4 p-6 bg-white rounded-lg border border-gray-200 shadow-sm">
+                            <div>
+                                <label class="block text-sm font-medium text-gray-700 mb-1">Category Name*</label>
+                                <input type="text" name="name" required
+                                    class="w-full px-3 py-1.5 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
+                                    placeholder="e.g., ai-coder-tools">
+                            </div>
+                            <div>
+                                <label class="block text-sm font-medium text-gray-700 mb-1">Display Name*</label>
+                                <input type="text" name="displayName" required
+                                    class="w-full px-3 py-1.5 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
+                                    placeholder="e.g., Coder Tools">
+                            </div>
+                            <div class="md:col-span-2">
+                                <label class="block text-sm font-medium text-gray-700 mb-1">Description</label>
+                                <textarea name="description" rows="3"
+                                    class="w-full px-3 py-1.5 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
+                                    placeholder="Describe the purpose and capabilities of this server category"></textarea>
+                            </div>
+                            <div class="md:col-span-2">
+                                <label class="block text-sm font-medium text-gray-700 mb-1">Repository URL</label>
+                                <input type="url" name="repository"
+                                    class="w-full px-3 py-1.5 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
+                                    placeholder="e.g., https://github.com/organization/repository">
+                            </div>
+                        </div>
+                    </div>
+                    <!-- MCP Servers -->
+                    <div class="space-y-4">
+                        <div class="flex justify-between items-center mb-4">
+                            <h2 class="text-xl font-semibold text-gray-900 flex items-center">
+                                <i class='bx bx-server mr-2 text-blue-600'></i>
+                                MCP Servers
+                            </h2>
+                            <button type="button" onclick="addServer()"
+                                class="px-4 py-2 bg-blue-500 text-white rounded-lg hover:bg-blue-600 flex items-center text-sm">
+                                <i class='bx bx-plus mr-2'></i>
+                                Add MCP Server
+                            </button>
+                        </div>
+                        <div id="serversList" class="space-y-4">
+                            <!-- Server configurations will be added here dynamically by serverTemplate -->
+                        </div>
+                    </div>
+                    <div class="flex justify-end space-x-4 pt-6 border-t">
+                        <button type="button" onclick="window.location.href='index.html'"
+                            class="px-6 py-2.5 border border-gray-300 rounded-lg text-gray-600 hover:bg-gray-50">
+                            Cancel
+                        </button>
+                        <button type="button" id="validateButtonNewCategory"
+                            class="px-6 py-2.5 bg-green-500 text-white rounded-lg hover:bg-green-600 flex items-center">
+                            <i class='bx bx-check-shield mr-2'></i>
+                            Validate
+                        </button>
+                        <button type="submit" id="publishButtonNewCategory"
+                            class="px-6 py-2.5 bg-blue-600 text-white rounded-lg hover:bg-blue-700 flex items-center">
+                            <i class='bx bxs-cloud-upload mr-2'></i>
+                            Publish
+                        </button>
+                    </div>
+                    <!-- Validation Status Panel -->
+                    <div id="validationStatusPanelNewCategory" class="hidden p-6 bg-gray-50 rounded-lg border border-gray-200">
+                        <h3 onclick="toggleSectionContent('validationStatusContentNewCategory', this.querySelector('.toggle-icon'))" class="cursor-pointer text-lg font-semibold text-gray-800 mb-3 flex items-center justify-between">
+                            <span class="flex items-center">
+                                <i class='bx bx-analyse mr-2 text-blue-600'></i>Validation Status
+                            </span>
+                            <i class='bx bx-chevron-down toggle-icon text-xl text-gray-500'></i>
+                        </h3>
+                        <div id="validationStatusContentNewCategory" class="text-sm text-gray-700 space-y-2">
+                            <!-- Validation messages will be displayed here -->
+                        </div>
+                    </div>
+                </form>
+            </div>
+            <div id="panel-create-server" class="hidden">
+                <form id="onboardServerForm" class="space-y-6">
+                    <!-- Select Existing Category -->
+                    <div class="space-y-4">
+                        <h2 class="text-xl font-semibold text-gray-900 flex items-center mb-4">
+                            <i class='bx bx-category mr-2 text-blue-600'></i>
+                            Select Server Category
+                        </h2>
+                        <select id="existingCategorySelect" name="categoryName" required
+                            class="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500">
+                            <option value="">Loading categories...</option>
+                        </select>
+                    </div>
+                    <!-- Basic Information (Read-only after category selection) -->
+                    <div id="existingCategoryBasicInfoContainer" class="hidden space-y-4">
+                        <h2 onclick="toggleSectionContent('existingCategoryBasicInformationContent', this.querySelector('.toggle-icon'))" class="text-xl font-semibold text-gray-900 flex items-center justify-between mb-4 cursor-pointer">
+                            <span class="flex items-center">
+                                <i class='bx bx-info-circle mr-2 text-blue-600'></i>
+                                Basic Information (Read-only)
+                            </span>
+                            <i class='bx bx-chevron-down toggle-icon text-xl text-gray-500'></i>
+                        </h2>
+                        <div id="existingCategoryBasicInformationContent" class="grid grid-cols-1 md:grid-cols-2 gap-4 p-6 bg-white rounded-lg border border-gray-200 shadow-sm">
+                            <div>
+                                <label class="block text-sm font-medium text-gray-700 mb-1">Category Name</label>
+                                <input type="text" name="name" readonly class="w-full px-3 py-1.5 border border-gray-300 rounded-lg bg-gray-100 cursor-not-allowed">
+                            </div>
+                            <div>
+                                <label class="block text-sm font-medium text-gray-700 mb-1">Display Name</label>
+                                <input type="text" name="displayName" readonly class="w-full px-3 py-1.5 border border-gray-300 rounded-lg bg-gray-100 cursor-not-allowed">
+                            </div>
+                            <div class="md:col-span-2">
+                                <label class="block text-sm font-medium text-gray-700 mb-1">Description</label>
+                                <textarea name="description" rows="3" readonly class="w-full px-3 py-1.5 border border-gray-300 rounded-lg bg-gray-100 cursor-not-allowed"></textarea>
+                            </div>
+                            <div class="md:col-span-2">
+                                <label class="block text-sm font-medium text-gray-700 mb-1">Repository URL</label>
+                                <input type="url" name="repository" readonly class="w-full px-3 py-1.5 border border-gray-300 rounded-lg bg-gray-100 cursor-not-allowed">
+                            </div>
+                        </div>
+                    </div>
+                    <!-- MCP Servers (Existing read-only, new ones editable) -->
+                    <div id="existingCategoryMcpServersContainer" class="hidden space-y-4">
+                        <div class="flex justify-between items-center mb-4">
+                            <h2 class="text-xl font-semibold text-gray-900 flex items-center">
+                                <i class='bx bx-server mr-2 text-blue-600'></i>
+                                MCP Servers
+                            </h2>
+                            <button type="button" id="addServerToExistingCategoryBtn"
+                                class="px-4 py-2 bg-blue-500 text-white rounded-lg hover:bg-blue-600 flex items-center text-sm">
+                                <i class='bx bx-plus mr-2'></i>
+                                Add MCP Server
+                            </button>
+                        </div>
+                        <div id="existingCategoryServersList" class="space-y-4">
+                            <!-- Server configurations will be added here: existing ones read-only, new ones editable -->
+                        </div>
+                    </div>
+                    <!-- Action Buttons -->
+                    <div class="flex justify-end space-x-4 pt-6 border-t">
+                        <button type="button" onclick="window.location.href='index.html'"
+                            class="px-6 py-2.5 border border-gray-300 rounded-lg text-gray-600 hover:bg-gray-50">
+                            Cancel
+                        </button>
+                        <button type="button" id="validateButtonExistingCategory"
+                            class="px-6 py-2.5 bg-green-500 text-white rounded-lg hover:bg-green-600 flex items-center">
+                            <i class='bx bx-check-shield mr-2'></i>
+                            Validate
+                        </button>
+                        <button type="submit" id="publishButtonExistingCategory"
+                            class="px-6 py-2.5 bg-blue-600 text-white rounded-lg hover:bg-blue-700 flex items-center">
+                            <i class='bx bxs-cloud-upload mr-2'></i>
+                            Publish
+                        </button>
+                    </div>
+                    <!-- Validation Status Panel -->
+                    <div id="validationStatusPanelExistingCategory" class="hidden p-6 bg-gray-50 rounded-lg border border-gray-200">
+                         <h3 onclick="toggleSectionContent('validationStatusContentExistingCategoryTab', this.querySelector('.toggle-icon'))" class="cursor-pointer text-lg font-semibold text-gray-800 mb-3 flex items-center justify-between">
+                            <span class="flex items-center">
+                                <i class='bx bx-analyse mr-2 text-blue-600'></i>Validation Status
+                            </span>
+                            <i class='bx bx-chevron-down toggle-icon text-xl text-gray-500'></i>
+                        </h3>
+                        <div id="validationStatusContentExistingCategoryTab" class="text-sm text-gray-700 space-y-2">
+                            <!-- Validation messages will be displayed here -->
+                        </div>
+                    </div>
+                </form>
+            </div>
+            <!-- JSON Editor Panel -->
+            <div id="panel-json-editor" class="hidden">
+                <h2 class="text-xl font-semibold text-gray-900 flex items-center mb-4">
+                    <i class='bx bx-code-alt mr-2 text-blue-600'></i>
+                    Edit Configuration as JSON
+                </h2>
+                <div class="relative">
+                     <button type="button" onclick="copyJsonToClipboard()" title="Copy JSON to clipboard"
+                        class="absolute top-2 right-2 z-10 px-3 py-1.5 text-xs bg-gray-200 hover:bg-gray-300 text-gray-700 rounded-md flex items-center">
+                        <i class='bx bx-copy mr-1'></i> Copy
+                    </button>
+                    <textarea id="jsonEditorTextarea" rows="20"
+                        class="w-full px-3 py-2 font-mono text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
+                        placeholder="JSON configuration will appear here..."></textarea>
+                </div>
+                <div id="jsonEditorActionsContainer" class="flex justify-end space-x-4 pt-6 border-t mt-6">
+                    <!-- "Apply JSON to Form" button removed -->
+                    <button type="button" onclick="window.location.href='index.html'"
+                        class="px-6 py-2.5 border border-gray-300 rounded-lg text-gray-600 hover:bg-gray-50">
+                        Cancel
+                    </button>
+                    <button type="button" id="saveJsonButton"
+                        class="px-6 py-2.5 bg-blue-600 text-white rounded-lg hover:bg-blue-700 flex items-center">
+                        <i class='bx bxs-cloud-upload mr-2'></i>
+                        Publish JSON
+                    </button>
+                </div>
+            </div>
+    </div>
+    <script src="js/onboard/index.js" type="module"></script>
+    <!-- Highlight.js script can be removed if not using <pre><code> for JSON -->
+</body>
+</html>

package/src/web/public/styles.css CHANGED Viewed

@@ -152,4 +152,94 @@ body {
     outline: none;
     border-color: #2563eb;
     box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);
-}
+}
+/* Onboarding form styles */
+/* Form field styles */
+input[type="text"],
+input[type="url"],
+select,
+textarea {
+    transition: all 0.2s ease;
+}
+input[type="text"]:focus,
+input[type="url"]:focus,
+select:focus,
+textarea:focus {
+    outline: none;
+    border-color: #2563eb;
+    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);
+}
+/* Radio button styles */
+input[type="radio"] {
+    width: 1rem;
+    height: 1rem;
+    border: 2px solid #d1d5db;
+    border-radius: 50%;
+    transition: all 0.2s ease;
+}
+input[type="radio"]:checked {
+    border-color: #2563eb;
+    background-color: #2563eb;
+}
+/* Remove button styles */
+.remove-button {
+    color: #dc2626;
+    transition: all 0.2s ease;
+}
+.remove-button:hover {
+    color: #b91c1c;
+    background-color: #fee2e2;
+}
+/* Add button styles */
+.add-button {
+    background-color: #f3f4f6;
+    transition: all 0.2s ease;
+}
+.add-button:hover {
+    background-color: #e5e7eb;
+    transform: translateY(-1px);
+}
+/* Form section headings */
+.section-heading {
+    color: #1f2937;
+    font-size: 1.25rem;
+    font-weight: 600;
+    margin-bottom: 1rem;
+    display: flex;
+    align-items: center;
+}
+.section-heading i {
+    color: #2563eb;
+    margin-right: 0.5rem;
+}
+/* Required field indicator */
+.required-field::after {
+    content: "*";
+    color: #dc2626;
+    margin-left: 0.25rem;
+}
+/* Form grid layouts */
+.form-grid {
+    display: grid;
+    gap: 1rem;
+    margin-bottom: 1.5rem;
+}
+@media (min-width: 768px) {
+    .form-grid {
+        grid-template-columns: repeat(2, 1fr);
+    }
+}

package/src/web/server.ts CHANGED Viewed

@@ -2,14 +2,32 @@ import express, { Request, Response } from 'express';
 import path from 'path';
 import { fileURLToPath } from 'url';
 import { ServerSchema } from '../core/ServerSchemaProvider.js';
+import {
+  RequirementConfig,
+  FeedConfiguration,
+  MCPServerCategory,
+  McpConfig,
+  EnvVariableConfig
+} from '../core/types.js';
+import {
+  ApiResponse,
+  ListQueryParams,
+  InstallServersRequestBody,
+  UninstallServersRequestBody,
+  OnboardRequestBody,
+  OnboardServerConfig,
+  OnboardRequirementConfig,
+  RequirementType
+} from './contract/serverContract.js';
+import { OperationStatus, OnboardingProcessStatus } from '../core/onboard/OnboardStatus.js';
 import { SUPPORTED_CLIENT_NAMES } from '../core/constants.js';
 import { serverService } from '../services/ServerService.js';
+import { feedOnboardService } from '../core/onboard/FeedOnboardService.js';
 import { openBrowser } from '../utils/osUtils.js';
-import { ServerInstallOptions } from '../core/types.js';
 import { Logger } from '../utils/logger.js';
 import { configProvider } from '../core/ConfigurationProvider.js';
+import { onboardStatusManager } from '../core/onboard/OnboardStatusManager.js';
 const __dirname = path.dirname(fileURLToPath(import.meta.url));
 const app = express();
@@ -17,37 +35,6 @@ const app = express();
 app.use('/', express.static(path.join(__dirname, '..', '..', 'src', 'web', 'public')));
 app.use(express.json());
-// API Routes
-interface ListQueryParams {
-  local?: string;
-}
-export interface UpdateRequirementsRequestBody {
-  requirements: {
-    name: string;
-    updateVersion: string;
-  }[];
-}
-export interface InstallServersRequestBody {
-  serverList: Record<string, ServerInstallOptions>;
-}
-interface UninstallServersRequestBody {
-  serverList: Record<string, { removeData?: boolean }>;
-  options: {
-    targets: string[];
-    removeData?: boolean;
-  };
-}
-interface ApiResponse<T> {
-  success: boolean;
-  data?: T;
-  error?: string;
-}
 // Get available targets
 app.get('/api/targets', async (req: Request, res: Response) => {
   try {
@@ -92,35 +79,34 @@ app.get('/api/categories', async (req: Request<{}, {}, {}, ListQueryParams>, res
       error: message
     });
   }
+});
+// Get server schema
+app.get('/api/categories/:categoryName/servers/:serverName/schema', async (req: Request<{ categoryName: string; serverName: string }>, res: Response) => {
+  try {
+    const { categoryName, serverName } = req.params;
+    const schema = await serverService.getServerSchema(categoryName, serverName);
-  // Get server schema
-  app.get('/api/categories/:categoryName/servers/:serverName/schema', async (req: Request<{ categoryName: string; serverName: string }>, res: Response) => {
-    try {
-      const { categoryName, serverName } = req.params;
-      const schema = await serverService.getServerSchema(categoryName, serverName);
-      if (!schema) {
-        return res.status(404).json({
-          success: false,
-          error: `Schema not found for server ${serverName} in category ${categoryName}`
-        });
-      }
-      const response: ApiResponse<ServerSchema> = {
-        success: true,
-        data: schema
-      };
-      res.json(response);
-    } catch (error) {
-      const message = error instanceof Error ? error.message : 'Unknown error';
-      res.status(500).json({
+    if (!schema) {
+      return res.status(404).json({
         success: false,
-        error: `Failed to get schema for server ${req.params.serverName} in category ${req.params.categoryName}: ${message}`
+        error: `Schema not found for server ${serverName} in category ${categoryName}`
       });
     }
-  });
+    const response: ApiResponse<ServerSchema> = {
+      success: true,
+      data: schema
+    };
+    res.json(response);
+  } catch (error) {
+    const message = error instanceof Error ? error.message : 'Unknown error';
+    res.status(500).json({
+      success: false,
+      error: `Failed to get schema for server ${req.params.serverName} in category ${req.params.categoryName}: ${message}`
+    });
+  }
 });
 // Get categories data (including feed configuration)
@@ -150,6 +136,8 @@ app.get('/api/categories/:categoryName', async (req: Request<{ categoryName: str
   }
 });
+// Handle server category onboarding
 // Install servers for a category
 app.post('/api/categories/:categoryName/install', async (req: Request<{ categoryName: string }, {}, InstallServersRequestBody>, res: Response) => {
   try {
@@ -182,8 +170,128 @@ app.post('/api/categories/:categoryName/install', async (req: Request<{ category
       error: `Failed to install server for ${req.params.categoryName}: ${message}`
     });
   }
 });
+// Handle server category onboarding
+app.post('/api/categories/onboard', async (req: Request<{}, {}, OnboardRequestBody>, res: Response) => {
+  try {
+    const { categoryData, forExistingCategory } = req.body; // Extract forExistingCategory from request body
+    // Basic validation for categoryData presence and essential fields for this endpoint
+    if (!categoryData || !categoryData.name || !categoryData.displayName) {
+      return res.status(400).json({
+        success: false,
+        error: 'Category data, including name and display name, is required.'
+      });
+    }
+    // categoryData is now expected to be a FeedConfiguration object directly from the client
+    const feedConfiguration: FeedConfiguration = categoryData as FeedConfiguration;
+    // Structural validation is now primarily handled by FeedOnboardService.validateStaticConfig
+    // The service will throw an error if the structure is invalid, which will be caught by the catch block below.
+    const operationResult = await feedOnboardService.onboardFeed(feedConfiguration, forExistingCategory);
+    // The response now directly reflects the OperationStatus returned by the service.
+    // The client will use data.onboardingId (which is the categoryName) to poll for status updates.
+    const response: ApiResponse<typeof operationResult> = {
+      success: operationResult.status !== OnboardingProcessStatus.FAILED, // Or a more nuanced success check
+      // Ensure data.onboardingId is the categoryName for polling
+      data: { ...operationResult, onboardingId: feedConfiguration.name }
+    };
+    res.status(operationResult.status === OnboardingProcessStatus.FAILED ? 500 : 200).json(response);
+  } catch (error) {
+    const message = error instanceof Error ? error.message : 'Unknown error';
+    res.status(500).json({
+      success: false,
+      error: `Failed to ${req.body.isUpdate ? 'update' : 'create'} server category: ${message}`
+    });
+  }
+});
+// Validate feed configuration
+app.post('/api/categories/onboard/validate', async (req: Request<{}, {}, OnboardRequestBody>, res: Response) => {
+  try {
+    const { categoryData, forExistingCategory } = req.body;
+    if (!categoryData || !categoryData.name) {
+      return res.status(400).json({
+        success: false,
+        error: 'Category name is required in categoryData for validation.'
+      });
+    }
+    // categoryData is now expected to be a FeedConfiguration object directly from the client
+    const feedConfigurationToValidate: FeedConfiguration = categoryData as FeedConfiguration;
+    // Structural validation is now primarily handled by FeedOnboardService.validateStaticConfig
+    // The service will throw an error if the structure is invalid, which will be caught by the catch block below.
+    // Call the service, which now returns OperationStatus & { feedConfiguration? }
+    // serverName parameter has been removed from validateFeed
+    const validationOperationResult = await feedOnboardService.validateFeed(feedConfigurationToValidate, forExistingCategory);
+    // The response includes the operation status and the feed configuration that was validated.
+    // The client will use data.onboardingId (which is the categoryName) to poll for status updates.
+    const response: ApiResponse<typeof validationOperationResult> = {
+      success: validationOperationResult.status !== OnboardingProcessStatus.FAILED,
+      // Ensure data.onboardingId is the categoryName for polling
+      data: { ...validationOperationResult, onboardingId: feedConfigurationToValidate.name }
+    };
+    res.status(validationOperationResult.status === OnboardingProcessStatus.FAILED ? 500 : 200).json(response);
+  } catch (error) {
+    const message = error instanceof Error ? error.message : 'Unknown error';
+    res.status(500).json({
+      success: false,
+      error: `Failed to validate server category: ${message}`
+    });
+  }
+});
+// Get category onboarding/validation operation status
+app.get('/api/categories/:categoryName/onboard/status', async (req: Request<{ categoryName: string }>, res: Response) => {
+  try {
+    const { categoryName } = req.params;
+    // categoryName is now the identifier for the operation status
+    const status = await onboardStatusManager.getStatus(categoryName);
+    if (!status) {
+      return res.status(404).json({
+        success: false,
+        error: `No active operation found for category ${categoryName}`
+      });
+    }
+    // Construct the response data based on the retrieved OnboardStatus
+    const responseData: OperationStatus = {
+      onboardingId: status.onboardingId, // This will be the categoryName
+      status: status.status,
+      message: status.currentStep || status.errorMessage || 'Processing...',
+      lastQueried: new Date().toISOString(),
+      ...(status.validationStatus && { validationStatus: status.validationStatus }),
+      ...(status.prInfo && { prInfo: status.prInfo }),
+      ...(status.result && { result: status.result }),
+      ...(status.errorMessage && { errorMessage: status.errorMessage }),
+      ...(status.operationType && { operationType: status.operationType }),
+    };
+    const response: ApiResponse<OperationStatus> = {
+      success: true,
+      data: responseData
+    };
+    res.json(response);
+  } catch (error) {
+    const message = error instanceof Error ? error.message : 'Unknown error';
+    res.status(500).json({
+      success: false,
+      error: `Failed to get operation status for category ${req.params.categoryName}: ${message}`
+    });
+  }
+});
 // Uninstall tools from a server
 app.post('/api/categories/:categoryName/uninstall', async (req: Request<{ categoryName: string }, {}, UninstallServersRequestBody>, res: Response) => {
   try {
@@ -232,6 +340,7 @@ app.post('/api/categories/:categoryName/uninstall', async (req: Request<{ catego
   }
 });
 export async function startWebServer(port = 3000): Promise<void> {
   return new Promise((resolve, reject) => {
     const server = app.listen(port, () => {