imcp 0.1.7 → 0.1.8-dev

package/src/web/public/js/onboard/index.js

@@ -1,374 +0,0 @@
-import {
-  addServer,
-  // removeServer, // Not directly used by index.js listeners, uiHandlers makes it global
-  // addEnvVariable, // Not directly used by index.js listeners, uiHandlers makes it global
-  // removeEnvVariable, // Not directly used by index.js listeners, uiHandlers makes it global
-  toggleViewMode,
-  saveJsonData,
-  copyJsonToClipboard,
-  toggleSectionContent
-} from './uiHandlers.js';
-
-import {
-  // submitForm, // Will be replaced by handlePublish for async behavior
-  populateForm,
-  resetOnboardFormDynamicContent,
-  // getFormData // Used internally by validation/publish handlers
-} from './formProcessor.js';
-
-// state and setServerCounter are likely not needed directly in index.js anymore
-// import { state, setServerCounter } from './state.js';
-import { showToast } from '../notifications.js';
-import { handleValidation } from './validationHandlers.js';
-import { handlePublish } from './publishHandler.js'; // Moved handlePublish to its own file
-
-// Modal functions (as per original)
-export function showOnboardModal() {
-  window.location.href = 'onboard.html';
-}
-
-// Make functions available globally (as per original)
-window.showOnboardModal = showOnboardModal;
-
-let activeTab = 'create-category'; // 'create-category' or 'create-server'
-let categoriesLoaded = false;
-let currentSelectedCategoryData = null;
-window.isEditingCategory = false; // Flag to indicate if editing an existing category on the first tab
-
-// Load existing category data if editing (primarily for "Create New Category" tab in edit mode)
-async function loadExistingCategoryForEdit() {
-  const urlParams = new URLSearchParams(window.location.search);
-  const categoryName = urlParams.get('category');
-  const editMode = urlParams.get('action') === 'edit';
-
-  window.isEditingCategory = false; // Reset flag
-
-  if (categoryName && editMode) {
-    // This implies editing a whole category, so activate the first tab.
-    document.getElementById('tab-create-category').click();
-    try {
-      const response = await fetch(`/api/categories/${categoryName}`);
-      if (!response.ok) {
-        throw new Error(`HTTP error! status: ${response.status}`);
-      }
-      const result = await response.json();
-      if (result.success && result.data) {
-        // populateForm for the 'Create New Category' tab
-        populateForm(result.data.feedConfiguration, 'onboardForm');
-        // Set category name input as readonly if it's an update
-        const categoryNameInput = document.querySelector('#panel-create-category input[name="name"]');
-        if (categoryNameInput) {
-          categoryNameInput.readOnly = true;
-          categoryNameInput.classList.add('bg-gray-100', 'cursor-not-allowed');
-        }
-        window.isEditingCategory = true; // Set flag as we are editing
-      } else {
-        throw new Error(result.error || 'Failed to load category data.');
-      }
-    } catch (error) {
-      console.error('Error loading category for editing:', error);
-      showToast(`Error loading category for editing: ${error.message}`, 'error');
-      window.isEditingCategory = false;
-    }
-  } else if (categoryName && !editMode) {
-    // This could imply pre-selecting a category in the "Create New Server in Existing Category" tab
-    // For now, we handle this by just loading the categories and letting the user select.
-    // Future enhancement: pre-select if categoryName is provided without 'action=edit'.
-    if (document.getElementById('tab-create-server')) {
-      document.getElementById('tab-create-server').click(); // Switch to the correct tab
-    }
-  }
-}
-
-
-async function loadAndPopulateCategoriesDropdown() {
-  if (categoriesLoaded) return;
-
-  const selectElement = document.getElementById('existingCategorySelect');
-  if (!selectElement) return;
-
-  selectElement.innerHTML = '<option value="">Loading categories...</option>';
-  try {
-    const response = await fetch('/api/categories?local=true'); // Assuming local=true fetches editable categories
-    if (!response.ok) throw new Error(`HTTP error! status: ${response.status}`);
-    const result = await response.json();
-
-    if (result.success && Array.isArray(result.data)) {
-      selectElement.innerHTML = '<option value="">Select a category</option>';
-      result.data.forEach(category => {
-        const option = document.createElement('option');
-        option.value = category.name;
-        option.textContent = category.displayName || category.name;
-        selectElement.appendChild(option);
-      });
-      categoriesLoaded = true;
-    } else {
-      throw new Error(result.error || 'Failed to load categories.');
-    }
-  } catch (error) {
-    console.error('Error loading categories:', error);
-    selectElement.innerHTML = '<option value="">Error loading categories</option>';
-    showToast(`Error loading categories: ${error.message}`, 'error');
-  }
-}
-
-async function handleExistingCategorySelection(event) {
-  const categoryName = event.target.value;
-  // const selectElement = event.target; // Removed diagnostic log related variable
-  // console.log(`[index.js] handleExistingCategorySelection: Category '${categoryName}' selected. Dropdown display value: ${selectElement.options[selectElement.selectedIndex].text}, actual value: ${categoryName}`); // Removed diagnostic log
-  const basicInfoContainer = document.getElementById('existingCategoryBasicInfoContainer');
-  const mcpServersContainer = document.getElementById('existingCategoryMcpServersContainer');
-  const serversList = document.getElementById('existingCategoryServersList'); // Target for servers
-  // console.log(`[index.js] Before changes - mcpServersContainer hidden: ${mcpServersContainer.classList.contains('hidden')}, serversList children: ${serversList.children.length}`); // Removed diagnostic log
-  // Clear previous category details
-  serversList.innerHTML = ''; // Clear out old servers
-  document.querySelector('#existingCategoryBasicInfoContainer input[name="name"]').value = '';
-  document.querySelector('#existingCategoryBasicInfoContainer input[name="displayName"]').value = '';
-  document.querySelector('#existingCategoryBasicInfoContainer textarea[name="description"]').value = '';
-  document.querySelector('#existingCategoryBasicInfoContainer input[name="repository"]').value = '';
-
-
-  if (!categoryName) {
-    basicInfoContainer.classList.add('hidden');
-    mcpServersContainer.classList.add('hidden');
-    currentSelectedCategoryData = null;
-    return;
-  }
-
-  try {
-    const response = await fetch(`/api/categories/${categoryName}`);
-    if (!response.ok) throw new Error(`HTTP error! status: ${response.status}`);
-    const result = await response.json();
-
-    if (result.success && result.data && result.data.feedConfiguration) {
-      currentSelectedCategoryData = result.data.feedConfiguration;
-
-      // Populate Basic Information (read-only)
-      const form = document.getElementById('onboardServerForm'); // Form for the second tab
-      form.querySelector('input[name="name"]').value = currentSelectedCategoryData.name || '';
-      form.querySelector('input[name="displayName"]').value = currentSelectedCategoryData.displayName || '';
-      form.querySelector('textarea[name="description"]').value = currentSelectedCategoryData.description || '';
-      form.querySelector('input[name="repository"]').value = currentSelectedCategoryData.repository || '';
-
-      basicInfoContainer.classList.remove('hidden');
-      mcpServersContainer.classList.remove('hidden');
-      // console.log(`[index.js] After making containers visible - mcpServersContainer hidden: ${mcpServersContainer.classList.contains('hidden')}`); // Ensure this is removed
-
-      // Populate MCP Servers (existing ones as read-only)
-      // populateForm will need to be adapted or a new function created to handle read-only state
-      // and target the correct server list.
-      // For now, let's assume populateForm can handle this or we'll call a specialized version.
-      if (currentSelectedCategoryData.mcpServers && currentSelectedCategoryData.mcpServers.length > 0) {
-        // This will call populateForm which needs to be aware of the context (read-only for existing servers)
-        // We pass 'onboardServerForm' to indicate the target form context.
-        // And 'existingCategoryServersList' for where servers should be rendered.
-        // The 'true' flag indicates these are existing servers and should be read-only.
-        populateForm(currentSelectedCategoryData, 'onboardServerForm', true); // This calls reset and then populates
-
-        // Ensure the container is visible after populating. This was the key fix.
-        mcpServersContainer.classList.remove('hidden');
-        // const isMcpContainerHiddenAfterPopulate = mcpServersContainer.classList.contains('hidden'); // Removed diagnostic log variable
-        // console.log(`[index.js] After populateForm AND EXPLICIT RE-SHOW - mcpServersContainer hidden: ${isMcpContainerHiddenAfterPopulate}, serversList children: ${serversList.children.length}`); // Removed diagnostic log
-
-        // const firstServerItem = serversList.querySelector('.server-item'); // Removed diagnostic log block
-        // if (firstServerItem) {
-        //     const styles = window.getComputedStyle(firstServerItem);
-        //     console.log(`[index.js] First server item in serversList computed display: ${styles.display}, visibility: ${styles.visibility}`);
-        // } else if (currentSelectedCategoryData.mcpServers && currentSelectedCategoryData.mcpServers.length > 0) {
-        //     console.warn("[index.js] populateForm was called for servers, but no .server-item found in serversList afterwards.");
-        // }
-      } else {
-        serversList.innerHTML = '<p class="text-gray-500">No servers defined in this category yet. You can add new ones.</p>';
-        // console.log("[index.js] No MCP servers in this category (innerHTML set)."); // Removed diagnostic log
-      }
-      // Ensure "Add MCP Server" button is enabled for this tab
-      const addServerBtnExisting = mcpServersContainer.querySelector('button[onclick*="addServer"]');
-      if (addServerBtnExisting) addServerBtnExisting.disabled = false;
-
-    } else {
-      throw new Error(result.error || 'Failed to load category details.');
-    }
-  } catch (error) {
-    console.error('[index.js] Error in handleExistingCategorySelection (fetch/parse block):', error); // Keep this more specific error log
-    showToast(`Error fetching category details: ${error.message}`, 'error');
-    basicInfoContainer.classList.add('hidden');
-    mcpServersContainer.classList.add('hidden');
-    currentSelectedCategoryData = null;
-  }
-}
-
-// Initialize event listeners
-document.addEventListener('DOMContentLoaded', async () => {
-  // Load existing category data if URL indicates edit mode for the first tab
-  await loadExistingCategoryForEdit();
-
-  // Remove old form submit handlers, as publish buttons will now handle submission with polling
-  // const onboardForm = document.getElementById('onboardForm');
-  // if (onboardForm) {
-  //   onboardForm.addEventListener('submit', (event) => submitForm(event, 'create-category', currentSelectedCategoryData));
-  // }
-  // const onboardServerForm = document.getElementById('onboardServerForm');
-  // if (onboardServerForm) {
-  //   onboardServerForm.addEventListener('submit', (event) => submitForm(event, 'create-server', currentSelectedCategoryData));
-  // }
-
-  const existingCategorySelect = document.getElementById('existingCategorySelect');
-  if (existingCategorySelect) {
-    existingCategorySelect.addEventListener('change', handleExistingCategorySelection);
-  }
-
-  // Setup tab switching functionality
-  const tabCreateCategory = document.getElementById('tab-create-category');
-  const tabCreateServer = document.getElementById('tab-create-server');
-  const panelCreateCategory = document.getElementById('panel-create-category');
-  const panelCreateServer = document.getElementById('panel-create-server');
-
-  if (tabCreateCategory && tabCreateServer && panelCreateCategory && panelCreateServer) {
-    function switchTab(targetTab) {
-      if (targetTab === activeTab) {
-        // If the clicked tab is already the active tab, do nothing.
-        return;
-      }
-      const viewModeToggle = document.getElementById('viewModeToggle');
-      const isJsonView = viewModeToggle.checked;
-
-      if (isJsonView) {
-        // If JSON view is active, switch back to form view first.
-        // This will hide the JSON panel and show the form panel of the *currently active* tab.
-        const currentFormIdForJsonExit = activeTab === 'create-category' ? 'onboardForm' : 'onboardServerForm';
-        const currentServersListIdForJsonExit = activeTab === 'create-category' ? 'serversList' : 'existingCategoryServersList';
-        const baseDataForJsonExit = activeTab === 'create-server' ? currentSelectedCategoryData : null;
-        const isExistingCategoryForJsonExit = activeTab === 'create-server';
-
-        toggleViewMode(false, currentFormIdForJsonExit, currentServersListIdForJsonExit, baseDataForJsonExit, isExistingCategoryForJsonExit);
-        // Ensure the toggle reflects the change back to form view
-        viewModeToggle.checked = false;
-      }
-
-      if (targetTab === 'create-category') {
-        activeTab = 'create-category';
-        tabCreateCategory.classList.add('text-blue-600', 'border-blue-600');
-        tabCreateCategory.classList.remove('text-gray-600', 'border-transparent', 'hover:border-blue-600');
-        tabCreateServer.classList.remove('text-blue-600', 'border-blue-600');
-        tabCreateServer.classList.add('text-gray-600', 'border-transparent', 'hover:border-blue-600');
-
-        panelCreateCategory.classList.remove('hidden');
-        panelCreateServer.classList.add('hidden');
-        // Removed automatic reset of 'onboardForm' when switching to 'create-category' tab
-        // to preserve form content when tabbing away and back in non-edit scenarios.
-        // The form is reset by default on page load if not editing,
-        // or specifically when loading an existing category for edit.
-      } else if (targetTab === 'create-server') {
-        activeTab = 'create-server';
-        tabCreateServer.classList.add('text-blue-600', 'border-blue-600');
-        tabCreateServer.classList.remove('text-gray-600', 'border-transparent', 'hover:border-blue-600');
-        tabCreateCategory.classList.remove('text-blue-600', 'border-blue-600');
-        tabCreateCategory.classList.add('text-gray-600', 'border-transparent', 'hover:border-blue-600');
-
-        panelCreateServer.classList.remove('hidden');
-        panelCreateCategory.classList.add('hidden');
-        // console.log(`[index.js] switchTab to 'create-server': panelCreateServer hidden: ${panelCreateServer.classList.contains('hidden')}, existingCategoryMcpServersContainer hidden: ${document.getElementById('existingCategoryMcpServersContainer').classList.contains('hidden')}`); // Ensure this is removed
-        loadAndPopulateCategoriesDropdown(); // Load categories if not already loaded
-      }
-      // At this point, we are definitely in a form view (either switched from JSON or was already in form view).
-      // The JSON editor panel should be hidden.
-      const jsonEditorPanel = document.getElementById('panel-json-editor');
-      if (jsonEditorPanel) { // Ensure it exists
-        jsonEditorPanel.classList.add('hidden');
-      }
-    }
-
-    tabCreateCategory.addEventListener('click', () => switchTab('create-category'));
-    tabCreateServer.addEventListener('click', () => switchTab('create-server'));
-
-    // Set initial tab based on activeTab (default 'create-category')
-    // switchTab(activeTab); // Initial call might be problematic if DOM isn't fully ready for it.
-    // loadExistingCategoryForEdit might click a tab, making this redundant or causing issues.
-    // Let's rely on default HTML state or explicit clicks.
-  }
-
-  // Initialize button handlers
-  // const addRequirementBtn = document.getElementById('addRequirementBtn');
-  // if (addRequirementBtn) {
-  //   addRequirementBtn.addEventListener('click', addRequirement); // addRequirement from uiHandlers.js
-  // }
-
-  const addServerBtnNewCategory = document.getElementById('addServerBtnNewCategory'); // For "Create New Category" tab
-  if (addServerBtnNewCategory) {
-    // addServer in uiHandlers defaults serversListId to 'serversList', which is correct for this button.
-    // It also defaults isReadOnly to false.
-    addServerBtnNewCategory.addEventListener('click', () => window.addServer('serversList', false, null));
-  }
-
-  const addServerBtnExistingCategory = document.getElementById('addServerToExistingCategoryBtn'); // For "Create Server in Existing Category" tab
-  if (addServerBtnExistingCategory) {
-    addServerBtnExistingCategory.addEventListener('click', () => {
-      // console.log('[index.js] "Add MCP Server" button clicked for EXISTING CATEGORY tab.'); // Kept for verbosity if needed
-      console.log('[index.js] "Add MCP Server" button clicked for EXISTING CATEGORY tab.');
-      // Explicitly pass the correct serversListId and ensure isReadOnly is false for new servers.
-      addServer('existingCategoryServersList', false, null);
-    });
-  }
-
-  // Validation buttons
-  const validateButtonNewCategory = document.getElementById('validateButtonNewCategory');
-  if (validateButtonNewCategory) {
-    validateButtonNewCategory.addEventListener('click', (event) => handleValidation(event, 'create-category', currentSelectedCategoryData));
-  }
-  const validateButtonExistingCategory = document.getElementById('validateButtonExistingCategory');
-  if (validateButtonExistingCategory) {
-    validateButtonExistingCategory.addEventListener('click', (event) => handleValidation(event, 'create-server', currentSelectedCategoryData));
-  }
-
-  // Publish buttons
-  const publishButtonNewCategory = document.getElementById('publishButtonNewCategory');
-  if (publishButtonNewCategory) {
-    publishButtonNewCategory.addEventListener('click', (event) => {
-      handlePublish(event, 'create-category', currentSelectedCategoryData, window.isEditingCategory);
-    });
-  }
-  const publishButtonExistingCategory = document.getElementById('publishButtonExistingCategory');
-  if (publishButtonExistingCategory) {
-    publishButtonExistingCategory.addEventListener('click', (event) => {
-      // Publishing from "Create Server in Existing Category" tab is always an update to that category.
-      handlePublish(event, 'create-server', currentSelectedCategoryData, true);
-    });
-  }
-
-  const viewModeToggle = document.getElementById('viewModeToggle');
-  if (viewModeToggle) {
-    viewModeToggle.addEventListener('change', (event) => {
-      const currentFormId = activeTab === 'create-category' ? 'onboardForm' : 'onboardServerForm';
-      const currentServersListId = activeTab === 'create-category' ? 'serversList' : 'existingCategoryServersList';
-      toggleViewMode(event.target.checked, currentFormId, currentServersListId, activeTab === 'create-server' ? currentSelectedCategoryData : null, activeTab === 'create-server');
-    });
-  }
-
-  const saveJsonButton = document.getElementById('saveJsonButton');
-  if (saveJsonButton) {
-    saveJsonButton.addEventListener('click', () => saveJsonData(activeTab, currentSelectedCategoryData));
-  }
-
-  // A button to trigger copyJsonToClipboard might exist, e.g.
-  const copyJsonBtn = document.getElementById('copyJsonButton'); // Assuming an ID like 'copyJsonButton'
-  if (copyJsonBtn) {
-    copyJsonBtn.addEventListener('click', copyJsonToClipboard); // copyJsonToClipboard from uiHandlers.js
-  }
-
-  // Expose necessary functions to window for HTML event handlers.
-  // Functions from uiHandlers.js (addServer, removeServer, etc., toggleSectionContent, copyJsonToClipboard)
-  // are already made global by uiHandlers.js itself.
-  // We only need to expose functions imported by index.js that were previously global
-  // and might still be called directly from HTML, and are not made global by their source module.
-  Object.assign(window, {
-    // handleValidation was originally in index.js and exposed.
-    // It's used by an event listener here, but exposing it maintains compatibility if HTML calls it.
-    handleValidation,
-    handlePublish, // Expose handlePublish globally
-
-    // showOnboardModal is defined in this file and already explicitly put on window.
-
-    // Other functions like addServer, copyJsonToClipboard, toggleSectionContent etc.
-    // are made global by uiHandlers.js.
-  });
-});

package/src/web/public/js/onboard/publishHandler.js

@@ -1,172 +0,0 @@
-// src/web/public/js/onboard/publishHandler.js
-import { showToast } from '../notifications.js';
-import { getFormData } from './formProcessor.js';
-import {
-    validateFormFields,
-    pollOperationStatus,
-    updateOperationDisplay,
-    getElementIdsByTab,
-    ensureStatusPanelVisible
-} from './validationHandlers.js';
-
-const POLLING_INTERVAL = 3000; // 3 seconds
-let pollingIntervalId = null;
-
-/**
- * Handles the publish process for the onboarding form.
- * @param {Event} event - The click event.
- * @param {string} activeTab - Identifier for the active tab ('create-category' or 'create-server').
- * @param {object|null} currentSelectedCategoryData - Data for the currently selected category if activeTab is 'create-server'.
- * @param {boolean} isUpdate - Flag indicating if this is an update to an existing category.
- */
-export async function handlePublish(event, activeTab, currentSelectedCategoryData = null, isUpdate = false) {
-    const { panelId, contentId, formId, validateButtonId, publishButtonId } = getElementIdsByTab(activeTab);
-
-    const statusContentElement = document.getElementById(contentId);
-    // Ensure the progress toggle listener is attached when handlePublish is called
-    if (typeof ensureProgressToggleListener === 'function') { // Check if imported correctly
-        ensureProgressToggleListener(statusContentElement);
-    }
-
-    const onboardForm = document.getElementById(formId);
-    const validateButton = document.getElementById(validateButtonId);
-    const publishButton = document.getElementById(publishButtonId);
-
-    if (!onboardForm || !statusContentElement || !validateButton || !publishButton) {
-        console.error('Required form or panel elements not found for publishing.');
-        showToast('Required form or panel elements not found for publishing.', 'error');
-        return;
-    }
-
-    // Validate form fields
-    const validationResult = validateFormFields(onboardForm, activeTab);
-    if (!validationResult.isValid) {
-        showToast('Please fix all validation errors before proceeding.', 'error');
-        return;
-    }
-
-    let hasErrors = false;
-
-    if (activeTab === 'create-category') {
-        const formData = getFormData(onboardForm, false);
-        if (!formData.mcpServers || formData.mcpServers.length === 0) {
-            showToast('At least one MCP server must be configured for a new category.', 'error');
-            return;
-        }
-
-        // Check category name format
-        const nameInput = onboardForm.querySelector('input[name="name"]');
-        if (nameInput && nameInput.value.trim()) {
-            if (!/^[a-zA-Z0-9-_]+$/.test(nameInput.value.trim())) {
-                showValidationMessage(nameInput, 'Only alphanumeric characters, hyphens, and underscores allowed', true);
-                hasErrors = true;
-            }
-        }
-    }
-
-    if (hasErrors) {
-        showToast('Please fix all validation errors before proceeding.', 'error');
-        return;
-    }
-
-    publishButton.disabled = true;
-    publishButton.innerHTML = "<i class='bx bx-loader-alt bx-spin mr-2'></i>Publishing...";
-    validateButton.disabled = true; // Also disable validate button during publish
-
-    if (pollingIntervalId) {
-        clearInterval(pollingIntervalId);
-        pollingIntervalId = null;
-    }
-
-    const forExistingCategoryTab = activeTab === 'create-server';
-    const newServersData = getFormData(onboardForm, forExistingCategoryTab, currentSelectedCategoryData);
-    let finalFeedConfiguration;
-
-    if (forExistingCategoryTab && currentSelectedCategoryData) {
-        finalFeedConfiguration = JSON.parse(JSON.stringify(currentSelectedCategoryData)); // Deep clone
-
-        // Replace MCP Servers and Requirements with the current state from the form (newServersData)
-        // This aligns with the logic in handleValidation
-        finalFeedConfiguration.mcpServers = newServersData.mcpServers || [];
-        finalFeedConfiguration.requirements = newServersData.requirements || [];
-    } else {
-        finalFeedConfiguration = newServersData;
-    }
-
-    statusContentElement.innerHTML = '<p class="text-gray-500">Initiating publish...</p>';
-    ensureStatusPanelVisible(panelId, contentId);
-
-    try {
-        const payload = {
-            categoryData: finalFeedConfiguration,
-            isUpdate: isUpdate,
-            forExistingCategory: forExistingCategoryTab
-        };
-
-        const response = await fetch('/api/categories/onboard', {
-            method: 'POST',
-            headers: { 'Content-Type': 'application/json' },
-            body: JSON.stringify(payload),
-        });
-
-        const result = await response.json();
-
-        if (result.success && result.data) {
-            updateOperationDisplay(result.data, statusContentElement);
-            const categoryName = finalFeedConfiguration.name; // Use the original category name for polling
-            const operationTypeForPolling = 'FULL_ONBOARDING'; // Publish always initiates 'FULL_ONBOARDING'
-            const initialStatus = result.data.status;
-
-            if (categoryName && typeof initialStatus === 'string' && initialStatus.toUpperCase() !== 'COMPLETED' && initialStatus.toUpperCase() !== 'FAILED' && initialStatus.toUpperCase() !== 'SUCCEEDED') {
-                pollingIntervalId = setInterval(async () => {
-                    const shouldContinue = await pollOperationStatus(categoryName, contentId, validateButtonId, publishButtonId, 'publish', operationTypeForPolling);
-                    if (!shouldContinue) {
-                        clearInterval(pollingIntervalId);
-                        pollingIntervalId = null;
-                    }
-                }, POLLING_INTERVAL);
-            } else {
-                // Restore buttons to their original state fully
-                publishButton.disabled = false;
-                publishButton.innerHTML = "<i class='bx bx-cloud-upload mr-2'></i>Publish";
-                publishButton.classList.remove('opacity-50');
-                validateButton.disabled = false;
-                validateButton.innerHTML = "<i class='bx bx-check-shield mr-2'></i>Validate";
-                validateButton.classList.remove('opacity-50');
-                if (initialStatus.toUpperCase() === 'COMPLETED' || initialStatus.toUpperCase() === 'SUCCEEDED') {
-                    showToast(result.data.message || 'Publish successful!', 'success');
-                } else if (initialStatus.toUpperCase() === 'FAILED') {
-                    showToast(result.data.errorMessage || result.data.message || 'Publish failed.', 'error');
-                }
-            }
-        } else {
-            // Handle cases where result.success is false or result.data is missing
-            const errorMessage = (result.data && result.data.message) || result.error || result.message || 'Publish request failed: Unknown error';
-            if (result.data) { // If data is present (even if success is false), update display
-                updateOperationDisplay(result.data, statusContentElement);
-            } else {
-                statusContentElement.innerHTML = `<p class="text-red-500">${errorMessage}</p>`;
-            }
-            showToast(errorMessage, 'error');
-
-            // Restore buttons to their original state fully
-            publishButton.disabled = false;
-            publishButton.innerHTML = "<i class='bx bx-cloud-upload mr-2'></i>Publish";
-            publishButton.classList.remove('opacity-50');
-            validateButton.disabled = false;
-            validateButton.innerHTML = "<i class='bx bx-check-shield mr-2'></i>Validate";
-            validateButton.classList.remove('opacity-50');
-        }
-    } catch (error) {
-        console.error('Error during publish:', error);
-        statusContentElement.innerHTML = `<p class="text-red-500">An error occurred while initiating publish. Please check the console.</p>`;
-        showToast('An error occurred during publish. Check console.', 'error');
-        // Restore buttons to their original state fully
-        publishButton.disabled = false;
-        publishButton.innerHTML = "<i class='bx bx-cloud-upload mr-2'></i>Publish";
-        publishButton.classList.remove('opacity-50');
-        validateButton.disabled = false;
-        validateButton.innerHTML = "<i class='bx bx-check-shield mr-2'></i>Validate";
-        validateButton.classList.remove('opacity-50');
-    }
-}

package/src/web/public/js/onboard/state.js

@@ -1,76 +0,0 @@
-// Global state management
-export const state = {
-  serverCounters: new Map(), // Tracks server count per serversListId: serversListId -> serverCount
-  envCountersPerTab: new Map(), // Tracks env var count per server per tab: serversListId -> Map(serverIndex -> envCount)
-  serverRequirementCountersPerTab: new Map() // Tracks requirement count per server per tab: serversListId -> Map(serverIndex -> reqCount)
-};
-
-// export const incrementRequirementCounter = () => state.requirementCounter++; // Removed
-// export const incrementServerCounter = () => state.serverCounter++; // Will be managed by counting elements
-/**
- * Sets the server counter for a specific serversListId.
- * @param {string} serversListId - The ID of the server list.
- * @param {number} count - The new server count for this list.
- */
-export const setServerCounter = (serversListId, count) => {
-  state.serverCounters.set(serversListId, count);
-};
-
-/**
- * Gets the server counter for a specific serversListId.
- * @param {string} serversListId - The ID of the server list.
- * @returns {number} The server count for this list.
- */
-export const getServerCounter = (serversListId) => {
-  return state.serverCounters.get(serversListId) || 0;
-};
-
-export const setEnvCounter = (serversListId, serverIndex, value) => {
-  if (!state.envCountersPerTab.has(serversListId)) {
-    state.envCountersPerTab.set(serversListId, new Map());
-  }
-  state.envCountersPerTab.get(serversListId).set(serverIndex, value);
-};
-
-export const getEnvCounter = (serversListId, serverIndex) => {
-  const tabCounters = state.envCountersPerTab.get(serversListId);
-  return tabCounters ? tabCounters.get(serverIndex) || 0 : 0;
-};
-
-export const deleteEnvCounter = (serversListId, serverIndex) => {
-  const tabCounters = state.envCountersPerTab.get(serversListId);
-  if (tabCounters) {
-    tabCounters.delete(serverIndex);
-  }
-};
-
-export const clearEnvCountersForTab = (serversListId) => {
-  if (state.envCountersPerTab.has(serversListId)) {
-    state.envCountersPerTab.get(serversListId).clear();
-  }
-};
-
-export const setServerRequirementCounter = (serversListId, serverIndex, value) => {
-  if (!state.serverRequirementCountersPerTab.has(serversListId)) {
-    state.serverRequirementCountersPerTab.set(serversListId, new Map());
-  }
-  state.serverRequirementCountersPerTab.get(serversListId).set(serverIndex, value);
-};
-
-export const getServerRequirementCounter = (serversListId, serverIndex) => {
-  const tabCounters = state.serverRequirementCountersPerTab.get(serversListId);
-  return tabCounters ? tabCounters.get(serverIndex) || 0 : 0;
-};
-
-export const deleteServerRequirementCounter = (serversListId, serverIndex) => {
-  const tabCounters = state.serverRequirementCountersPerTab.get(serversListId);
-  if (tabCounters) {
-    tabCounters.delete(serverIndex);
-  }
-};
-
-export const clearServerRequirementCountersForTab = (serversListId) => {
-  if (state.serverRequirementCountersPerTab.has(serversListId)) {
-    state.serverRequirementCountersPerTab.get(serversListId).clear();
-  }
-};