imcp 0.1.7 → 0.1.8-dev

package/dist/web/public/js/serverCategoryList.js

@@ -1,241 +1,2 @@
-import { allServerCategoriesData, fetchServerCategories } from './api.js';
-import { showServerDetails } from './serverCategoryDetails.js'; // Still needed for initial load and direct calls
-import { showToast } from './notifications.js';
-import { buildUrlWithFlights } from './flights/flights.js';
-
-// Store state for categories
-let pinnedCategories = {};
-
-// Wait for data to be loaded
-async function waitForData() {
-    if (allServerCategoriesData && allServerCategoriesData.length > 0) {
-        return true;
-    }
-    await fetchServerCategories();
-    return allServerCategoriesData && allServerCategoriesData.length > 0;
-}
-
-// Load pinned state from localStorage
-function loadPinnedState() {
-    const saved = localStorage.getItem('pinnedCategories');
-    if (saved) {
-        try {
-            pinnedCategories = JSON.parse(saved);
-        } catch (e) {
-            console.error('Error parsing pinned categories from localStorage:', e);
-            pinnedCategories = {};
-        }
-    }
-}
-
-// Save pinned state to localStorage
-function savePinnedState() {
-    localStorage.setItem('pinnedCategories', JSON.stringify(pinnedCategories));
-}
-
-// Toggle pin status for a category
-function togglePinCategory(categoryName, event) {
-    // Stop propagation to prevent navigation
-    event.stopPropagation();
-    
-    // Toggle pin status
-    if (pinnedCategories[categoryName]) {
-        delete pinnedCategories[categoryName];
-    } else {
-        pinnedCategories[categoryName] = true;
-    }
-    
-    // Save to localStorage
-    savePinnedState();
-    
-    // Find the server item element and add a temporary animation class
-    const serverItem = event.target.closest('.server-item');
-    if (serverItem) {
-        serverItem.classList.add('pin-animation');
-        setTimeout(() => {
-            serverItem.classList.remove('pin-animation');
-        }, 300); // Animation duration
-    }
-    
-    // Re-render list with updated pin status
-    if (allServerCategoriesData && allServerCategoriesData.length > 0) {
-        renderServerCategoryList(allServerCategoriesData);
-    }
-}
-
-// Function to show the last selected category on page load
-async function loadLastSelectedCategory() {
-    const lastSelected = localStorage.getItem('lastSelectedCategory');
-    if (lastSelected && allServerCategoriesData) {
-        // Check if the category still exists
-        const categoryExists = allServerCategoriesData.some(server => server.name === lastSelected);
-        if (categoryExists) {
-            await showServerDetails(lastSelected);
-        }
-    }
-}
-
-// Function to render server list (used by fetchServerCategories and search)
-function renderServerCategoryList(servers) {
-    const serverCategoryList = document.getElementById('serverCategoryList');
-
-    if (servers.length === 0) {
-        serverCategoryList.innerHTML = '<p class="text-gray-500">No servers found matching search.</p>';
-        document.getElementById('serverCategoryDetails').innerHTML = '<p>Select a server from the list to see details.</p>'; // Clear details
-        return;
-    }
-    
-    // Load pinned state
-    loadPinnedState();
-    
-    // Create a copy of the servers array to avoid modifying the original
-    const sortedServers = [...servers];
-    
-    // Sort servers with pinned ones at the top
-    sortedServers.sort((a, b) => {
-        const isPinnedA = pinnedCategories[a.name] === true;
-        const isPinnedB = pinnedCategories[b.name] === true;
-        
-        if (isPinnedA && !isPinnedB) return -1;
-        if (!isPinnedA && isPinnedB) return 1;
-        return 0; // Keep original order for items with same pin status
-    });
-
-    serverCategoryList.innerHTML = sortedServers.map(server => {
-        let statusHtml = '';
-
-        // Add tool status summary if available
-        if (server.installationStatus && server.installationStatus.serversStatus) {
-            const totalTools = Object.keys(server.installationStatus.serversStatus).length;
-            const installedTools = Object.values(server.installationStatus.serversStatus)
-                .filter(serverStatus =>
-                    Object.values(serverStatus.installedStatus || {})
-                        .some(opStatus => opStatus.status === 'completed' && opStatus.type === 'install')
-                ).length;
-
-            if (totalTools > 0) {
-                let colorClass, icon, statusText;
-
-                if (installedTools === totalTools) {
-                    // All tools installed
-                    colorClass = "text-green-600 bg-green-50";
-                    icon = '<svg class="w-5 h-5 mr-1" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path></svg>';
-                    statusText = "Fully Configured";
-                } else if (installedTools > 0) {
-                    // Some tools installed
-                    colorClass = "text-green-600 bg-green-50";
-                    icon = '<svg class="w-5 h-5 mr-1" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path></svg>';
-                    statusText = "Partial Configured";
-                } else {
-                    // No tools installed
-                    colorClass = "text-yellow-600 bg-orange-50";
-                    icon = '<svg class="w-5 h-5 mr-1" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM10 13a1 1 0 110-2 1 1 0 010 2zm-1.75-5.75a.75.75 0 00-1.5 0v3a.75.75 0 001.5 0v-3z" clip-rule="evenodd" /></svg>';
-                    statusText = "Not Configured";
-                }
-
-                statusHtml = `<span class="${colorClass} inline-flex items-center px-2 py-1 rounded-full text-xs" style="width: fit-content; max-width: 100%;">
-                    ${icon}<span class="truncate">${statusText} (${installedTools}/${totalTools})</span>
-                </span>`;
-            }
-        }
-
-        let systemTagsHtml = '';
-        if (server.feedConfiguration?.systemTags && Object.keys(server.feedConfiguration.systemTags).length > 0) {
-            systemTagsHtml += '<div class="flex flex-wrap gap-1 ml-2">'; // Added ml-2 for spacing
-            for (const [key, value] of Object.entries(server.feedConfiguration.systemTags)) {
-                systemTagsHtml += `<span class="text-xs bg-blue-100 text-blue-700 px-2 py-0.5 rounded-full">${key}: ${value}</span>`;
-            }
-            systemTagsHtml += '</div>';
-        }
-          // Check if this server is pinned
-        const isPinned = pinnedCategories[server.name] === true;
-        const pinnedClass = isPinned ? 'pinned' : '';
-        
-        // Pin/unpin button with appropriate icon
-        const pinIcon = isPinned 
-            ? '<i class="bx bxs-pin"></i>' // Solid pin icon for pinned items
-            : '<i class="bx bx-pin"></i>';  // Outline pin icon for unpinned items
-
-        return `
-        <div class="server-item border border-gray-200 p-3 rounded hover:bg-gray-50 cursor-pointer transition duration-150 ease-in-out ${pinnedClass}"
-             data-server-name="${server.name}" onclick="navigateToCategory('${server.name}')">
-            <div class="flex justify-between items-center">
-                <h3 class="font-semibold text-gray-800">${server.displayName || server.name}</h3>
-                <div class="flex items-center">
-                    <div class="pin-button ${pinnedClass}" onclick="togglePinCategoryItem('${server.name}', event)" title="${isPinned ? 'Unpin' : 'Pin'} this category">
-                        ${pinIcon}
-                    </div>
-                </div>
-            </div>
-            <div class="text-sm text-gray-500 flex items-center mt-1">
-                ${statusHtml}
-                ${systemTagsHtml}
-            </div>
-        </div>
-        `;
-    }).join('');
-
-    // After rendering, try to load the last selected category
-    loadLastSelectedCategory();
-}
-
-// Setup search functionality
-function setupSearch() {
-    const searchBox = document.getElementById('searchBox');
-    
-    // Load pinned state on page load
-    loadPinnedState();
-
-    searchBox.addEventListener('input', async function () {
-        const searchTerm = this.value.toLowerCase();
-
-        try {
-            // Ensure data is loaded
-            if (!(await waitForData())) {
-                showToast('Error: Unable to load server data', 'error');
-                return;
-            }
-
-            // Filter the servers list based on search
-            const filteredServers = allServerCategoriesData.filter(server => {
-                // Check category name/display name
-                const categoryMatch = (server.displayName || server.name).toLowerCase().includes(searchTerm);
-
-                // Check description
-                const descriptionMatch = (server.description || '').toLowerCase().includes(searchTerm);
-
-                // Check MCP server names from feedConfiguration
-                const mcpServerMatch = server.feedConfiguration?.mcpServers?.some(mcpServer =>
-                    (mcpServer.displayName || mcpServer.name).toLowerCase().includes(searchTerm)
-                ) || false;
-
-                // Check installed server names from installationStatus
-                const installedServerMatch = server.installationStatus?.serversStatus &&
-                    Object.keys(server.installationStatus.serversStatus)
-                        .some(serverName => serverName.toLowerCase().includes(searchTerm));
-
-                return categoryMatch || descriptionMatch || mcpServerMatch || installedServerMatch;
-            });
-
-            renderServerCategoryList(filteredServers);
-        } catch (error) {
-            console.error('Error in search:', error);
-            showToast('Error performing search', 'error');
-        }
-    });
-}
-
-function navigateToCategory(categoryName) {
-    // This function will now handle the navigation, ensuring flight params are preserved.
-    // It constructs the new URL with the selected category and existing flight params.
-    window.location.href = buildUrlWithFlights('index.html', { category: categoryName });
-}
-
-// Make navigateToCategory globally accessible if it's directly used in HTML onclick
-// Alternatively, attach event listeners dynamically after rendering the list.
-// For simplicity with current structure, we'll make it global.
-window.navigateToCategory = navigateToCategory;
-window.togglePinCategoryItem = togglePinCategory;
-
-// Export functions
-export { renderServerCategoryList, setupSearch, loadLastSelectedCategory, togglePinCategory };
+import{allServerCategoriesData,fetchServerCategories}from"./api.js";import{showServerDetails}from"./serverCategoryDetails.js";import{showToast}from"./notifications.js";import{buildUrlWithFlights}from"./flights/flights.js";let pinnedCategories={};async function waitForData(){return!!(allServerCategoriesData&&allServerCategoriesData.length>0)||(await fetchServerCategories(),allServerCategoriesData&&allServerCategoriesData.length>0)}function loadPinnedState(){const e=localStorage.getItem("pinnedCategories");if(e)try{pinnedCategories=JSON.parse(e)}catch(e){pinnedCategories={}}}function savePinnedState(){localStorage.setItem("pinnedCategories",JSON.stringify(pinnedCategories))}function togglePinCategory(e,t){t.stopPropagation(),pinnedCategories[e]?delete pinnedCategories[e]:pinnedCategories[e]=!0,savePinnedState();const a=t.target.closest(".server-item");a&&(a.classList.add("pin-animation"),setTimeout((()=>{a.classList.remove("pin-animation")}),300)),allServerCategoriesData&&allServerCategoriesData.length>0&&renderServerCategoryList(allServerCategoriesData)}async function loadLastSelectedCategory(){const e=localStorage.getItem("lastSelectedCategory");e&&allServerCategoriesData&&allServerCategoriesData.some((t=>t.name===e))&&await showServerDetails(e)}function renderServerCategoryList(e){const t=document.getElementById("serverCategoryList");if(0===e.length)return t.innerHTML='<p class="text-gray-500">No servers found matching search.</p>',void(document.getElementById("serverCategoryDetails").innerHTML="<p>Select a server from the list to see details.</p>");loadPinnedState();const a=[...e];a.sort(((e,t)=>{const a=!0===pinnedCategories[e.name],r=!0===pinnedCategories[t.name];return a&&!r?-1:!a&&r?1:0})),t.innerHTML=a.map((e=>{let t="";if(e.installationStatus&&e.installationStatus.serversStatus){const a=Object.keys(e.installationStatus.serversStatus).length,r=Object.values(e.installationStatus.serversStatus).filter((e=>Object.values(e.installedStatus||{}).some((e=>"completed"===e.status&&"install"===e.type)))).length;if(a>0){let e,n,s;r===a?(e="text-green-600 bg-green-50",n='<svg class="w-5 h-5 mr-1" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path></svg>',s="Fully Configured"):r>0?(e="text-green-600 bg-green-50",n='<svg class="w-5 h-5 mr-1" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path></svg>',s="Partial Configured"):(e="text-yellow-600 bg-orange-50",n='<svg class="w-5 h-5 mr-1" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM10 13a1 1 0 110-2 1 1 0 010 2zm-1.75-5.75a.75.75 0 00-1.5 0v3a.75.75 0 001.5 0v-3z" clip-rule="evenodd" /></svg>',s="Not Configured"),t=`<span class="${e} inline-flex items-center px-2 py-1 rounded-full text-xs" style="width: fit-content; max-width: 100%;">\n                    ${n}<span class="truncate">${s} (${r}/${a})</span>\n                </span>`}}let a="";if(e.feedConfiguration?.systemTags&&Object.keys(e.feedConfiguration.systemTags).length>0){a+='<div class="flex flex-wrap gap-1 ml-2">';for(const[t,r]of Object.entries(e.feedConfiguration.systemTags))a+=`<span class="text-xs bg-blue-100 text-blue-700 px-2 py-0.5 rounded-full">${t}: ${r}</span>`;a+="</div>"}const r=!0===pinnedCategories[e.name],n=r?"pinned":"",s=r?'<i class="bx bxs-pin"></i>':'<i class="bx bx-pin"></i>';return`\n        <div class="server-item border border-gray-200 p-3 rounded hover:bg-gray-50 cursor-pointer transition duration-150 ease-in-out ${n}"\n             data-server-name="${e.name}" onclick="navigateToCategory('${e.name}')">\n            <div class="flex justify-between items-center">\n                <h3 class="font-semibold text-gray-800">${e.displayName||e.name}</h3>\n                <div class="flex items-center">\n                    <div class="pin-button ${n}" onclick="togglePinCategoryItem('${e.name}', event)" title="${r?"Unpin":"Pin"} this category">\n                        ${s}\n                    </div>\n                </div>\n            </div>\n            <div class="text-sm text-gray-500 flex items-center mt-1">\n                ${t}\n                ${a}\n            </div>\n        </div>\n        `})).join(""),loadLastSelectedCategory()}function setupSearch(){const e=document.getElementById("searchBox");loadPinnedState(),e.addEventListener("input",(async function(){const e=this.value.toLowerCase();try{if(!await waitForData())return void showToast("Error: Unable to load server data","error");renderServerCategoryList(allServerCategoriesData.filter((t=>{const a=(t.displayName||t.name).toLowerCase().includes(e),r=(t.description||"").toLowerCase().includes(e),n=t.feedConfiguration?.mcpServers?.some((t=>(t.displayName||t.name).toLowerCase().includes(e)))||!1,s=t.installationStatus?.serversStatus&&Object.keys(t.installationStatus.serversStatus).some((t=>t.toLowerCase().includes(e)));return a||r||n||s})))}catch(e){showToast("Error performing search","error")}}))}function navigateToCategory(e){window.location.href=buildUrlWithFlights("index.html",{category:e})}window.navigateToCategory=navigateToCategory,window.togglePinCategoryItem=togglePinCategory;export{renderServerCategoryList,setupSearch,loadLastSelectedCategory,togglePinCategory};
+//# sourceMappingURL=serverCategoryList.js.map

package/dist/web/public/js/serverCategoryList.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["allServerCategoriesData","fetchServerCategories"],"sources":["0"],"sourcesContent":["import { allServerCategoriesData, fetchServerCategories } from './api.js';\r\nimport { showServerDetails } from './serverCategoryDetails.js'; // Still needed for initial load and direct calls\r\nimport { showToast } from './notifications.js';\r\nimport { buildUrlWithFlights } from './flights/flights.js';\r\n\r\n// Store state for categories\r\nlet pinnedCategories = {};\r\n\r\n// Wait for data to be loaded\r\nasync function waitForData() {\r\n    if (allServerCategoriesData && allServerCategoriesData.length > 0) {\r\n        return true;\r\n    }\r\n    await fetchServerCategories();\r\n    return allServerCategoriesData && allServerCategoriesData.length > 0;\r\n}\r\n\r\n// Load pinned state from localStorage\r\nfunction loadPinnedState() {\r\n    const saved = localStorage.getItem('pinnedCategories');\r\n    if (saved) {\r\n        try {\r\n            pinnedCategories = JSON.parse(saved);\r\n        } catch (e) {\r\n            console.error('Error parsing pinned categories from localStorage:', e);\r\n            pinnedCategories = {};\r\n        }\r\n    }\r\n}\r\n\r\n// Save pinned state to localStorage\r\nfunction savePinnedState() {\r\n    localStorage.setItem('pinnedCategories', JSON.stringify(pinnedCategories));\r\n}\r\n\r\n// Toggle pin status for a category\r\nfunction togglePinCategory(categoryName, event) {\r\n    // Stop propagation to prevent navigation\r\n    event.stopPropagation();\r\n    \r\n    // Toggle pin status\r\n    if (pinnedCategories[categoryName]) {\r\n        delete pinnedCategories[categoryName];\r\n    } else {\r\n        pinnedCategories[categoryName] = true;\r\n    }\r\n    \r\n    // Save to localStorage\r\n    savePinnedState();\r\n    \r\n    // Find the server item element and add a temporary animation class\r\n    const serverItem = event.target.closest('.server-item');\r\n    if (serverItem) {\r\n        serverItem.classList.add('pin-animation');\r\n        setTimeout(() => {\r\n            serverItem.classList.remove('pin-animation');\r\n        }, 300); // Animation duration\r\n    }\r\n    \r\n    // Re-render list with updated pin status\r\n    if (allServerCategoriesData && allServerCategoriesData.length > 0) {\r\n        renderServerCategoryList(allServerCategoriesData);\r\n    }\r\n}\r\n\r\n// Function to show the last selected category on page load\r\nasync function loadLastSelectedCategory() {\r\n    const lastSelected = localStorage.getItem('lastSelectedCategory');\r\n    if (lastSelected && allServerCategoriesData) {\r\n        // Check if the category still exists\r\n        const categoryExists = allServerCategoriesData.some(server => server.name === lastSelected);\r\n        if (categoryExists) {\r\n            await showServerDetails(lastSelected);\r\n        }\r\n    }\r\n}\r\n\r\n// Function to render server list (used by fetchServerCategories and search)\r\nfunction renderServerCategoryList(servers) {\r\n    const serverCategoryList = document.getElementById('serverCategoryList');\r\n\r\n    if (servers.length === 0) {\r\n        serverCategoryList.innerHTML = '<p class=\"text-gray-500\">No servers found matching search.</p>';\r\n        document.getElementById('serverCategoryDetails').innerHTML = '<p>Select a server from the list to see details.</p>'; // Clear details\r\n        return;\r\n    }\r\n    \r\n    // Load pinned state\r\n    loadPinnedState();\r\n    \r\n    // Create a copy of the servers array to avoid modifying the original\r\n    const sortedServers = [...servers];\r\n    \r\n    // Sort servers with pinned ones at the top\r\n    sortedServers.sort((a, b) => {\r\n        const isPinnedA = pinnedCategories[a.name] === true;\r\n        const isPinnedB = pinnedCategories[b.name] === true;\r\n        \r\n        if (isPinnedA && !isPinnedB) return -1;\r\n        if (!isPinnedA && isPinnedB) return 1;\r\n        return 0; // Keep original order for items with same pin status\r\n    });\r\n\r\n    serverCategoryList.innerHTML = sortedServers.map(server => {\r\n        let statusHtml = '';\r\n\r\n        // Add tool status summary if available\r\n        if (server.installationStatus && server.installationStatus.serversStatus) {\r\n            const totalTools = Object.keys(server.installationStatus.serversStatus).length;\r\n            const installedTools = Object.values(server.installationStatus.serversStatus)\r\n                .filter(serverStatus =>\r\n                    Object.values(serverStatus.installedStatus || {})\r\n                        .some(opStatus => opStatus.status === 'completed' && opStatus.type === 'install')\r\n                ).length;\r\n\r\n            if (totalTools > 0) {\r\n                let colorClass, icon, statusText;\r\n\r\n                if (installedTools === totalTools) {\r\n                    // All tools installed\r\n                    colorClass = \"text-green-600 bg-green-50\";\r\n                    icon = '<svg class=\"w-5 h-5 mr-1\" fill=\"currentColor\" viewBox=\"0 0 20 20\" xmlns=\"http://www.w3.org/2000/svg\"><path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"></path></svg>';\r\n                    statusText = \"Fully Configured\";\r\n                } else if (installedTools > 0) {\r\n                    // Some tools installed\r\n                    colorClass = \"text-green-600 bg-green-50\";\r\n                    icon = '<svg class=\"w-5 h-5 mr-1\" fill=\"currentColor\" viewBox=\"0 0 20 20\" xmlns=\"http://www.w3.org/2000/svg\"><path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"></path></svg>';\r\n                    statusText = \"Partial Configured\";\r\n                } else {\r\n                    // No tools installed\r\n                    colorClass = \"text-yellow-600 bg-orange-50\";\r\n                    icon = '<svg class=\"w-5 h-5 mr-1\" fill=\"currentColor\" viewBox=\"0 0 20 20\" xmlns=\"http://www.w3.org/2000/svg\"><path fill-rule=\"evenodd\" d=\"M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM10 13a1 1 0 110-2 1 1 0 010 2zm-1.75-5.75a.75.75 0 00-1.5 0v3a.75.75 0 001.5 0v-3z\" clip-rule=\"evenodd\" /></svg>';\r\n                    statusText = \"Not Configured\";\r\n                }\r\n\r\n                statusHtml = `<span class=\"${colorClass} inline-flex items-center px-2 py-1 rounded-full text-xs\" style=\"width: fit-content; max-width: 100%;\">\r\n                    ${icon}<span class=\"truncate\">${statusText} (${installedTools}/${totalTools})</span>\r\n                </span>`;\r\n            }\r\n        }\r\n\r\n        let systemTagsHtml = '';\r\n        if (server.feedConfiguration?.systemTags && Object.keys(server.feedConfiguration.systemTags).length > 0) {\r\n            systemTagsHtml += '<div class=\"flex flex-wrap gap-1 ml-2\">'; // Added ml-2 for spacing\r\n            for (const [key, value] of Object.entries(server.feedConfiguration.systemTags)) {\r\n                systemTagsHtml += `<span class=\"text-xs bg-blue-100 text-blue-700 px-2 py-0.5 rounded-full\">${key}: ${value}</span>`;\r\n            }\r\n            systemTagsHtml += '</div>';\r\n        }\r\n          // Check if this server is pinned\r\n        const isPinned = pinnedCategories[server.name] === true;\r\n        const pinnedClass = isPinned ? 'pinned' : '';\r\n        \r\n        // Pin/unpin button with appropriate icon\r\n        const pinIcon = isPinned \r\n            ? '<i class=\"bx bxs-pin\"></i>' // Solid pin icon for pinned items\r\n            : '<i class=\"bx bx-pin\"></i>';  // Outline pin icon for unpinned items\r\n\r\n        return `\r\n        <div class=\"server-item border border-gray-200 p-3 rounded hover:bg-gray-50 cursor-pointer transition duration-150 ease-in-out ${pinnedClass}\"\r\n             data-server-name=\"${server.name}\" onclick=\"navigateToCategory('${server.name}')\">\r\n            <div class=\"flex justify-between items-center\">\r\n                <h3 class=\"font-semibold text-gray-800\">${server.displayName || server.name}</h3>\r\n                <div class=\"flex items-center\">\r\n                    <div class=\"pin-button ${pinnedClass}\" onclick=\"togglePinCategoryItem('${server.name}', event)\" title=\"${isPinned ? 'Unpin' : 'Pin'} this category\">\r\n                        ${pinIcon}\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <div class=\"text-sm text-gray-500 flex items-center mt-1\">\r\n                ${statusHtml}\r\n                ${systemTagsHtml}\r\n            </div>\r\n        </div>\r\n        `;\r\n    }).join('');\r\n\r\n    // After rendering, try to load the last selected category\r\n    loadLastSelectedCategory();\r\n}\r\n\r\n// Setup search functionality\r\nfunction setupSearch() {\r\n    const searchBox = document.getElementById('searchBox');\r\n    \r\n    // Load pinned state on page load\r\n    loadPinnedState();\r\n\r\n    searchBox.addEventListener('input', async function () {\r\n        const searchTerm = this.value.toLowerCase();\r\n\r\n        try {\r\n            // Ensure data is loaded\r\n            if (!(await waitForData())) {\r\n                showToast('Error: Unable to load server data', 'error');\r\n                return;\r\n            }\r\n\r\n            // Filter the servers list based on search\r\n            const filteredServers = allServerCategoriesData.filter(server => {\r\n                // Check category name/display name\r\n                const categoryMatch = (server.displayName || server.name).toLowerCase().includes(searchTerm);\r\n\r\n                // Check description\r\n                const descriptionMatch = (server.description || '').toLowerCase().includes(searchTerm);\r\n\r\n                // Check MCP server names from feedConfiguration\r\n                const mcpServerMatch = server.feedConfiguration?.mcpServers?.some(mcpServer =>\r\n                    (mcpServer.displayName || mcpServer.name).toLowerCase().includes(searchTerm)\r\n                ) || false;\r\n\r\n                // Check installed server names from installationStatus\r\n                const installedServerMatch = server.installationStatus?.serversStatus &&\r\n                    Object.keys(server.installationStatus.serversStatus)\r\n                        .some(serverName => serverName.toLowerCase().includes(searchTerm));\r\n\r\n                return categoryMatch || descriptionMatch || mcpServerMatch || installedServerMatch;\r\n            });\r\n\r\n            renderServerCategoryList(filteredServers);\r\n        } catch (error) {\r\n            console.error('Error in search:', error);\r\n            showToast('Error performing search', 'error');\r\n        }\r\n    });\r\n}\r\n\r\nfunction navigateToCategory(categoryName) {\r\n    // This function will now handle the navigation, ensuring flight params are preserved.\r\n    // It constructs the new URL with the selected category and existing flight params.\r\n    window.location.href = buildUrlWithFlights('index.html', { category: categoryName });\r\n}\r\n\r\n// Make navigateToCategory globally accessible if it's directly used in HTML onclick\r\n// Alternatively, attach event listeners dynamically after rendering the list.\r\n// For simplicity with current structure, we'll make it global.\r\nwindow.navigateToCategory = navigateToCategory;\r\nwindow.togglePinCategoryItem = togglePinCategory;\r\n\r\n// Export functions\r\nexport { renderServerCategoryList, setupSearch, loadLastSelectedCategory, togglePinCategory };"],"mappings":"OAASA,wBAAyBC,0BAA6B,kB","ignoreList":[]}

package/dist/web/public/js/settings.js

@@ -1,314 +1,2 @@
-import { buildUrlWithFlights } from './flights/flights.js';
-
-// Toast notification function
-function showToast(message, type = 'success') {
-    const toastContainer = document.querySelector('.toast-container');
-    if (!toastContainer) return;
-
-    const toastId = `toast-${Date.now()}`;
-    const toastHTML = `
-        <div id="${toastId}" class="toast align-items-center text-white bg-${type === 'success' ? 'success' : 'danger'} border-0" role="alert" aria-live="assertive" aria-atomic="true">
-            <div class="d-flex">
-                <div class="toast-body">
-                    ${message}
-                </div>
-                <button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast" aria-label="Close"></button>
-            </div>
-        </div>
-    `;
-    toastContainer.insertAdjacentHTML('beforeend', toastHTML);
-    const toastElement = document.getElementById(toastId);
-    const toast = new bootstrap.Toast(toastElement, { delay: 3000 });
-    toast.show();
-    toastElement.addEventListener('hidden.bs.toast', () => {
-        toastElement.remove();
-    });
-}
-
-document.addEventListener('DOMContentLoaded', () => {
-    // All DOM element queries and event listeners must be inside this block!
-    const settingsForm = document.getElementById('settingsForm');
-    const nodePathInput = document.getElementById('nodePath');
-    const browserPathInput = document.getElementById('browserPath');
-    const systemEnvironmentsDiv = document.getElementById('systemEnvironments');
-    
-    // Python Environments elements
-    const pythonEnvsContainer = document.getElementById('pythonEnvsContainer');
-    const addPythonEnvButton = document.getElementById('addPythonEnvButton');
-    const pythonEnvsLoadingMsg = document.getElementById('pythonEnvsLoadingMsg');
-    
-    // User Configurations elements
-    const userConfigurationsContainer = document.getElementById('userConfigurationsContainer');
-    const addUserConfigButton = document.getElementById('addUserConfigButton');
-    const userConfigLoadingMsg = document.getElementById('userConfigLoadingMsg');
-    
-    const cancelButton = document.getElementById('cancelButton');
-    const setupButton = document.getElementById('setupButton');
-
-// (Removed duplicate showToast function here)
-
-
-    async function loadSettings() {
-        try {
-            const response = await fetch('/api/settings');
-            if (!response.ok) {
-                const errorData = await response.json();
-                throw new Error(errorData.error || `HTTP error! status: ${response.status}`);
-            }
-            const apiResponse = await response.json();
-            if (apiResponse.success && apiResponse.data) {
-                const settings = apiResponse.data;
-                
-                // Populate Python Environments
-                if(pythonEnvsLoadingMsg) pythonEnvsLoadingMsg.remove(); // Remove loading message
-                pythonEnvsContainer.innerHTML = ''; // Clear previous entries
-                
-                if (settings.pythonEnvs && Object.keys(settings.pythonEnvs).length > 0) {
-                    Object.entries(settings.pythonEnvs).forEach(([server, path]) => {
-                        renderPythonEnvInput(server, path);
-                    });
-                } else if (settings.pythonEnv) {
-                    // Handle legacy pythonEnv
-                    renderPythonEnvInput('system', settings.pythonEnv);
-                } else {
-                    if (!pythonEnvsContainer.querySelector('.python-env-row')) { // Add placeholder if no rows exist
-                        const p = document.createElement('p');
-                        p.className = 'text-gray-500 python-env-placeholder';
-                        p.textContent = 'No Python environments defined. Click "Add Python Environment" to add one.';
-                        pythonEnvsContainer.appendChild(p);
-                    }
-                }
-                
-                nodePathInput.value = settings.nodePath || '';
-                browserPathInput.value = settings.browserPath || '';
-
-                // Populate System Environments
-                systemEnvironmentsDiv.innerHTML = ''; // Clear loading message
-                if (settings.systemEnvironments && Object.keys(settings.systemEnvironments).length > 0) {
-                    // Create a modern, scrollable list (not a table)
-                    const list = document.createElement('div');
-                    list.className = 'flex flex-col';
-
-                    Object.entries(settings.systemEnvironments).forEach(([key, value], idx) => {
-                        const item = document.createElement('div');
-                        item.className =
-                            'flex flex-col sm:flex-row sm:items-center bg-white rounded-md border border-gray-200 px-4 py-2 shadow-sm hover:shadow transition group';
-                        item.innerHTML = `
-                            <div class="flex items-center min-w-0 w-full sm:w-1/4 sm:mb-0">
-                                <i class='bx bx-cog text-blue-400 mr-2'></i>
-                                <span class="font-mono font-semibold text-gray-800 text-base truncate" title="${key}">${key}</span>
-                            </div>
-                            <div class="flex-1 min-w-0 break-all text-gray-700 text-sm pl-7 sm:pl-4">
-                                ${value}
-                            </div>
-                        `;
-                        list.appendChild(item);
-                    });
-
-                    // Restore frame styling for the new layout
-                    systemEnvironmentsDiv.classList.remove('shadow');
-                    systemEnvironmentsDiv.classList.add('rounded-lg', 'bg-white', 'border', 'border-gray-200', 'border-1');
-                    systemEnvironmentsDiv.classList.remove('border-2', 'border-4', 'border-8');
-                    systemEnvironmentsDiv.classList.add('p-0');
-                    systemEnvironmentsDiv.style.padding = '0.5rem 0.5rem 0.5rem 0.5rem';
-                    systemEnvironmentsDiv.appendChild(list);
-                } else {
-                    systemEnvironmentsDiv.innerHTML = '<p class="text-gray-500">No system environment variables loaded or available.</p>';
-                }
-
-                // Populate User Configurations
-                if(userConfigLoadingMsg) userConfigLoadingMsg.remove(); // Remove loading message
-                userConfigurationsContainer.innerHTML = ''; // Clear previous entries
-                if (settings.userConfigurations && Object.keys(settings.userConfigurations).length > 0) {
-                    Object.entries(settings.userConfigurations).forEach(([key, value]) => {
-                        renderUserConfigInput(key, value);
-                    });
-                } else {
-                    if (!userConfigurationsContainer.querySelector('.user-config-row')) { // Add placeholder if no rows exist
-                        const p = document.createElement('p');
-                        p.className = 'text-gray-500 user-config-placeholder';
-                        p.textContent = 'No user configurations defined. Click "Add User Configuration" to add one.';
-                        userConfigurationsContainer.appendChild(p);
-                    }
-                }
-
-            } else {
-                throw new Error(apiResponse.error || 'Failed to load settings.');
-            }
-        } catch (error) {
-            console.error('Error loading settings:', error);
-            showToast(`Error loading settings: ${error.message}`, 'danger');
-            systemEnvironmentsDiv.innerHTML = `<p class="text-red-500">Error loading environment variables: ${error.message}</p>`;
-            if(userConfigLoadingMsg) userConfigLoadingMsg.textContent = `Error loading user configurations: ${error.message}`;
-        }
-    }
-
-    function renderPythonEnvInput(server = 'system', path = '') {
-        const placeholder = pythonEnvsContainer.querySelector('.python-env-placeholder');
-        if (placeholder) placeholder.remove();
-
-        const uniqueId = `python-env-${Date.now()}-${Math.random().toString(36).substr(2, 5)}`;
-        const div = document.createElement('div');
-        div.className = 'python-env-row flex items-center gap-3 mb-2';
-        div.innerHTML = `
-            <input type="text" value="${server}" class="form-input form-control w-1/3 px-3 py-2 rounded-md python-env-server" placeholder="Server Name (e.g., system)">
-            <input type="text" value="${path}" class="form-input form-control w-2/3 px-3 py-2 rounded-md python-env-path" placeholder="e.g., /usr/bin/python3 or C:/Python39/python.exe">
-            <button type="button" class="btn btn-danger btn-sm remove-python-env-button flex items-center">
-                <i class='bx bx-trash'></i>
-            </button>
-        `;
-        pythonEnvsContainer.appendChild(div);
-        div.querySelector('.remove-python-env-button').addEventListener('click', function() {
-            this.closest('.python-env-row').remove();
-            if (!pythonEnvsContainer.querySelector('.python-env-row')) { // Add placeholder if no rows exist after removal
-                const p = document.createElement('p');
-                p.className = 'text-gray-500 python-env-placeholder';
-                p.textContent = 'No Python environments defined. Click "Add Python Environment" to add one.';
-                pythonEnvsContainer.appendChild(p);
-            }
-        });
-    }
-
-    function renderUserConfigInput(key = '', value = '') {
-        const placeholder = userConfigurationsContainer.querySelector('.user-config-placeholder');
-        if (placeholder) placeholder.remove();
-
-        const uniqueId = `user-config-${Date.now()}-${Math.random().toString(36).substr(2, 5)}`;
-        const div = document.createElement('div');
-        div.className = 'user-config-row flex items-center gap-3 mb-2';
-        const isSecret = key.toLowerCase().includes('key');
-        const valueInputType = isSecret ? 'password' : 'text';
-
-        // Key Input
-        const keyInputHTML = `<input type="text" value="${key}" class="form-input form-control w-1/3 px-3 py-2 rounded-md user-config-key" placeholder="Key">`;
-
-        // Value Input & Eye Icon (if secret)
-        let valueSectionHTML;
-        if (isSecret) {
-            valueSectionHTML = `
-                <div class="relative w-2/3">
-                    <input type="${valueInputType}" value="${value}" class="form-input form-control w-full px-3 py-2 rounded-md user-config-value pr-10" placeholder="Value">
-                    <button type="button" class="absolute inset-y-0 right-0 flex items-center pr-3 text-gray-500 hover:text-gray-700 toggle-visibility-button" style="background: transparent; border: none;">
-                        <i class='bx bx-show text-lg'></i>
-                    </button>
-                </div>
-            `;
-        } else {
-            valueSectionHTML = `<input type="${valueInputType}" value="${value}" class="form-input form-control w-2/3 px-3 py-2 rounded-md user-config-value" placeholder="Value">`;
-        }
-
-        // Remove Button
-        const removeButtonHTML = `
-            <button type="button" class="btn btn-danger btn-sm remove-user-config-button flex items-center">
-                <i class='bx bx-trash'></i>
-            </button>
-        `;
-
-        div.innerHTML = keyInputHTML + valueSectionHTML + removeButtonHTML;
-        userConfigurationsContainer.appendChild(div);
-
-        if (isSecret) {
-            const toggleButton = div.querySelector('.toggle-visibility-button');
-            const valueInput = div.querySelector('.user-config-value');
-            const eyeIcon = toggleButton.querySelector('i');
-
-            toggleButton.addEventListener('click', (e) => {
-                e.preventDefault(); // Prevent form submission if inside a form
-                if (valueInput.type === 'password') {
-                    valueInput.type = 'text';
-                    eyeIcon.classList.remove('bx-show');
-                    eyeIcon.classList.add('bx-hide');
-                } else {
-                    valueInput.type = 'password';
-                    eyeIcon.classList.remove('bx-hide');
-                    eyeIcon.classList.add('bx-show');
-                }
-            });
-        }
-
-        div.querySelector('.remove-user-config-button').addEventListener('click', function() {
-            this.closest('.user-config-row').remove();
-            if (!userConfigurationsContainer.querySelector('.user-config-row')) { // Add placeholder if no rows exist after removal
-                const p = document.createElement('p');
-                p.className = 'text-gray-500 user-config-placeholder';
-                p.textContent = 'No user configurations defined. Click "Add User Configuration" to add one.';
-                userConfigurationsContainer.appendChild(p);
-            }
-        });
-    }
-
-
-    async function saveSettings(event) {
-        event.preventDefault();
-        setupButton.disabled = true;
-        setupButton.innerHTML = `<i class='bx bx-loader-alt bx-spin mr-2'></i>Saving...`;
-
-        const pythonEnvs = {};
-        document.querySelectorAll('.python-env-row').forEach(row => {
-            const serverInput = row.querySelector('.python-env-server');
-            const pathInput = row.querySelector('.python-env-path');
-            if (serverInput && pathInput && serverInput.value.trim()) {
-                pythonEnvs[serverInput.value.trim()] = pathInput.value.trim();
-            }
-        });
-        
-        const userConfigs = {};
-        document.querySelectorAll('.user-config-row').forEach(row => {
-            const keyInput = row.querySelector('.user-config-key');
-            const valueInput = row.querySelector('.user-config-value');
-            if (keyInput && valueInput && keyInput.value.trim()) {
-                userConfigs[keyInput.value.trim()] = valueInput.value.trim();
-            }
-        });
-
-        const settingsData = {
-            pythonEnvs: pythonEnvs,
-            // Include pythonEnv for backward compatibility (use system value if available)
-            pythonEnv: pythonEnvs['system'] || null,
-            nodePath: nodePathInput.value.trim() || null,
-            browserPath: browserPathInput.value.trim() || null,
-            userConfigurations: userConfigs,
-        };
-
-        try {
-            const response = await fetch('/api/settings', {
-                method: 'POST',
-                headers: {
-                    'Content-Type': 'application/json',
-                },
-                body: JSON.stringify(settingsData),
-            });
-
-            const apiResponse = await response.json();
-
-            if (response.ok && apiResponse.success) {
-                showToast('Settings saved successfully!', 'success');
-                // Optionally, reload settings to reflect any backend-applied defaults
-                await loadSettings();
-            } else {
-                throw new Error(apiResponse.error || `HTTP error! status: ${response.status}`);
-            }
-        } catch (error) {
-            console.error('Error saving settings:', error);
-            showToast(`Error saving settings: ${error.message}`, 'danger');
-        } finally {
-            setupButton.disabled = false;
-            setupButton.innerHTML = `<i class='bx bx-save mr-2'></i>Save Settings`;
-        }
-    }
-
-    cancelButton.addEventListener('click', () => {
-        // Navigate back to index.html, preserving flight parameters
-        window.location.href = buildUrlWithFlights('index.html');
-    });
-
-    addPythonEnvButton.addEventListener('click', () => renderPythonEnvInput());
-    addUserConfigButton.addEventListener('click', () => renderUserConfigInput());
-
-    settingsForm.addEventListener('submit', saveSettings);
-
-    // Initial load
-    loadSettings();
-
-    // (Collapse/expand functionality removed as requested)
-});
+import{buildUrlWithFlights}from"./flights/flights.js";function showToast(e,t="success"){const n=document.querySelector(".toast-container");if(!n)return;const o=`toast-${Date.now()}`,s=`\n        <div id="${o}" class="toast align-items-center text-white bg-${"success"===t?"success":"danger"} border-0" role="alert" aria-live="assertive" aria-atomic="true">\n            <div class="d-flex">\n                <div class="toast-body">\n                    ${e}\n                </div>\n                <button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast" aria-label="Close"></button>\n            </div>\n        </div>\n    `;n.insertAdjacentHTML("beforeend",s);const r=document.getElementById(o);new bootstrap.Toast(r,{delay:3e3}).show(),r.addEventListener("hidden.bs.toast",(()=>{r.remove()}))}document.addEventListener("DOMContentLoaded",(()=>{const e=document.getElementById("settingsForm"),t=document.getElementById("nodePath"),n=document.getElementById("browserPath"),o=document.getElementById("systemEnvironments"),s=document.getElementById("pythonEnvsContainer"),r=document.getElementById("addPythonEnvButton"),a=document.getElementById("pythonEnvsLoadingMsg"),i=document.getElementById("userConfigurationsContainer"),l=document.getElementById("addUserConfigButton"),c=document.getElementById("userConfigLoadingMsg"),d=document.getElementById("cancelButton"),u=document.getElementById("setupButton");async function m(){try{const e=await fetch("/api/settings");if(!e.ok){const t=await e.json();throw new Error(t.error||`HTTP error! status: ${e.status}`)}const r=await e.json();if(!r.success||!r.data)throw new Error(r.error||"Failed to load settings.");{const e=r.data;if(a&&a.remove(),s.innerHTML="",e.pythonEnvs&&Object.keys(e.pythonEnvs).length>0)Object.entries(e.pythonEnvs).forEach((([e,t])=>{y(e,t)}));else if(e.pythonEnv)y("system",e.pythonEnv);else if(!s.querySelector(".python-env-row")){const e=document.createElement("p");e.className="text-gray-500 python-env-placeholder",e.textContent='No Python environments defined. Click "Add Python Environment" to add one.',s.appendChild(e)}if(t.value=e.nodePath||"",n.value=e.browserPath||"",o.innerHTML="",e.systemEnvironments&&Object.keys(e.systemEnvironments).length>0){const t=document.createElement("div");t.className="flex flex-col",Object.entries(e.systemEnvironments).forEach((([e,n],o)=>{const s=document.createElement("div");s.className="flex flex-col sm:flex-row sm:items-center bg-white rounded-md border border-gray-200 px-4 py-2 shadow-sm hover:shadow transition group",s.innerHTML=`\n                            <div class="flex items-center min-w-0 w-full sm:w-1/4 sm:mb-0">\n                                <i class='bx bx-cog text-blue-400 mr-2'></i>\n                                <span class="font-mono font-semibold text-gray-800 text-base truncate" title="${e}">${e}</span>\n                            </div>\n                            <div class="flex-1 min-w-0 break-all text-gray-700 text-sm pl-7 sm:pl-4">\n                                ${n}\n                            </div>\n                        `,t.appendChild(s)})),o.classList.remove("shadow"),o.classList.add("rounded-lg","bg-white","border","border-gray-200","border-1"),o.classList.remove("border-2","border-4","border-8"),o.classList.add("p-0"),o.style.padding="0.5rem 0.5rem 0.5rem 0.5rem",o.appendChild(t)}else o.innerHTML='<p class="text-gray-500">No system environment variables loaded or available.</p>';if(c&&c.remove(),i.innerHTML="",e.userConfigurations&&Object.keys(e.userConfigurations).length>0)Object.entries(e.userConfigurations).forEach((([e,t])=>{p(e,t)}));else if(!i.querySelector(".user-config-row")){const e=document.createElement("p");e.className="text-gray-500 user-config-placeholder",e.textContent='No user configurations defined. Click "Add User Configuration" to add one.',i.appendChild(e)}}}catch(e){showToast(`Error loading settings: ${e.message}`,"danger"),o.innerHTML=`<p class="text-red-500">Error loading environment variables: ${e.message}</p>`,c&&(c.textContent=`Error loading user configurations: ${e.message}`)}}function y(e="system",t=""){const n=s.querySelector(".python-env-placeholder");n&&n.remove(),Date.now(),Math.random().toString(36).substr(2,5);const o=document.createElement("div");o.className="python-env-row flex items-center gap-3 mb-2",o.innerHTML=`\n            <input type="text" value="${e}" class="form-input form-control w-1/3 px-3 py-2 rounded-md python-env-server" placeholder="Server Name (e.g., system)">\n            <input type="text" value="${t}" class="form-input form-control w-2/3 px-3 py-2 rounded-md python-env-path" placeholder="e.g., /usr/bin/python3 or C:/Python39/python.exe">\n            <button type="button" class="btn btn-danger btn-sm remove-python-env-button flex items-center">\n                <i class='bx bx-trash'></i>\n            </button>\n        `,s.appendChild(o),o.querySelector(".remove-python-env-button").addEventListener("click",(function(){if(this.closest(".python-env-row").remove(),!s.querySelector(".python-env-row")){const e=document.createElement("p");e.className="text-gray-500 python-env-placeholder",e.textContent='No Python environments defined. Click "Add Python Environment" to add one.',s.appendChild(e)}}))}function p(e="",t=""){const n=i.querySelector(".user-config-placeholder");n&&n.remove(),Date.now(),Math.random().toString(36).substr(2,5);const o=document.createElement("div");o.className="user-config-row flex items-center gap-3 mb-2";const s=e.toLowerCase().includes("key"),r=s?"password":"text",a=`<input type="text" value="${e}" class="form-input form-control w-1/3 px-3 py-2 rounded-md user-config-key" placeholder="Key">`;let l;if(l=s?`\n                <div class="relative w-2/3">\n                    <input type="${r}" value="${t}" class="form-input form-control w-full px-3 py-2 rounded-md user-config-value pr-10" placeholder="Value">\n                    <button type="button" class="absolute inset-y-0 right-0 flex items-center pr-3 text-gray-500 hover:text-gray-700 toggle-visibility-button" style="background: transparent; border: none;">\n                        <i class='bx bx-show text-lg'></i>\n                    </button>\n                </div>\n            `:`<input type="${r}" value="${t}" class="form-input form-control w-2/3 px-3 py-2 rounded-md user-config-value" placeholder="Value">`,o.innerHTML=a+l+'\n            <button type="button" class="btn btn-danger btn-sm remove-user-config-button flex items-center">\n                <i class=\'bx bx-trash\'></i>\n            </button>\n        ',i.appendChild(o),s){const e=o.querySelector(".toggle-visibility-button"),t=o.querySelector(".user-config-value"),n=e.querySelector("i");e.addEventListener("click",(e=>{e.preventDefault(),"password"===t.type?(t.type="text",n.classList.remove("bx-show"),n.classList.add("bx-hide")):(t.type="password",n.classList.remove("bx-hide"),n.classList.add("bx-show"))}))}o.querySelector(".remove-user-config-button").addEventListener("click",(function(){if(this.closest(".user-config-row").remove(),!i.querySelector(".user-config-row")){const e=document.createElement("p");e.className="text-gray-500 user-config-placeholder",e.textContent='No user configurations defined. Click "Add User Configuration" to add one.',i.appendChild(e)}}))}d.addEventListener("click",(()=>{window.location.href=buildUrlWithFlights("index.html")})),r.addEventListener("click",(()=>y())),l.addEventListener("click",(()=>p())),e.addEventListener("submit",(async function(e){e.preventDefault(),u.disabled=!0,u.innerHTML="<i class='bx bx-loader-alt bx-spin mr-2'></i>Saving...";const o={};document.querySelectorAll(".python-env-row").forEach((e=>{const t=e.querySelector(".python-env-server"),n=e.querySelector(".python-env-path");t&&n&&t.value.trim()&&(o[t.value.trim()]=n.value.trim())}));const s={};document.querySelectorAll(".user-config-row").forEach((e=>{const t=e.querySelector(".user-config-key"),n=e.querySelector(".user-config-value");t&&n&&t.value.trim()&&(s[t.value.trim()]=n.value.trim())}));const r={pythonEnvs:o,pythonEnv:o.system||null,nodePath:t.value.trim()||null,browserPath:n.value.trim()||null,userConfigurations:s};try{const e=await fetch("/api/settings",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(r)}),t=await e.json();if(!e.ok||!t.success)throw new Error(t.error||`HTTP error! status: ${e.status}`);showToast("Settings saved successfully!","success"),await m()}catch(e){showToast(`Error saving settings: ${e.message}`,"danger")}finally{u.disabled=!1,u.innerHTML="<i class='bx bx-save mr-2'></i>Save Settings"}})),m()}));
+//# sourceMappingURL=settings.js.map