lemonade-sdk 8.1.11__py3-none-any.whl → 8.2.2__py3-none-any.whl

lemonade/tools/server/static/js/model-settings.js

@@ -28,9 +28,11 @@ function loadModelSettings() {
     const topKInput = document.getElementById('setting-top-k');
     const topPInput = document.getElementById('setting-top-p');
     const repeatInput = document.getElementById('setting-repeat-penalty');
+    const thinkingCheckbox = document.getElementById('enable-thinking');  
+
     
     // Check if DOM elements exist
-    if (!tempInput || !topKInput || !topPInput || !repeatInput) {
+    if (!tempInput || !topKInput || !topPInput || !repeatInput || !thinkingCheckbox) {
         return;
     }
     
@@ -47,11 +49,18 @@ function loadModelSettings() {
     if (modelSettings.repeat_penalty !== undefined) {
         repeatInput.value = modelSettings.repeat_penalty;
     }
+    if (modelSettings.enable_thinking !== undefined) {
+    thinkingCheckbox.checked = modelSettings.enable_thinking;
+    
+    } else {
+    thinkingCheckbox.checked = true; // default to enabled
+    
+    }
 }
 
 // Auto-save model settings whenever inputs change
 function setupAutoSaveSettings() {
-    const inputs = ['setting-temperature', 'setting-top-k', 'setting-top-p', 'setting-repeat-penalty'];
+    const inputs = ['setting-temperature', 'setting-top-k', 'setting-top-p', 'setting-repeat-penalty', 'enable-thinking'];
     
     inputs.forEach(inputId => {
         const input = document.getElementById(inputId);
@@ -63,6 +72,12 @@ function setupAutoSaveSettings() {
                 updateModelSettings();
             });
         }
+        const thinkingCheckbox = document.getElementById('enable-thinking');
+        if (thinkingCheckbox) {
+            thinkingCheckbox.addEventListener('change', function() {
+                updateModelSettings();
+            });
+        }
     });
 }
 
@@ -72,9 +87,10 @@ function updateModelSettings() {
     const topKInput = document.getElementById('setting-top-k');
     const topPInput = document.getElementById('setting-top-p');
     const repeatInput = document.getElementById('setting-repeat-penalty');
+    const thinkingCheckbox = document.getElementById('enable-thinking');
     
     // Check if DOM elements exist (might not be available if DOM isn't ready)
-    if (!tempInput || !topKInput || !topPInput || !repeatInput) {
+    if (!tempInput || !topKInput || !topPInput || !repeatInput || !thinkingCheckbox) {
         return;
     }
     
@@ -93,6 +109,7 @@ function updateModelSettings() {
     if (repeatInput.value && repeatInput.value.trim() !== '') {
         modelSettings.repeat_penalty = parseFloat(repeatInput.value);
     }
+    modelSettings.enable_thinking = thinkingCheckbox.checked;
     
     // Save to localStorage
     localStorage.setItem('lemonade_model_settings', JSON.stringify(modelSettings));
@@ -107,6 +124,7 @@ function resetModelSettings() {
     document.getElementById('setting-top-k').value = '';
     document.getElementById('setting-top-p').value = '';
     document.getElementById('setting-repeat-penalty').value = '';
+    document.getElementById('enable-thinking').checked = true;
     
     localStorage.removeItem('lemonade_model_settings');
 }
@@ -135,6 +153,9 @@ function getCurrentModelSettings() {
     if (modelSettings.repeat_penalty !== undefined) {
         currentSettings.repeat_penalty = modelSettings.repeat_penalty;
     }
+    if (modelSettings.enable_thinking !== undefined) {
+        currentSettings.enable_thinking = modelSettings.enable_thinking;
+    }
     
     console.log('getCurrentModelSettings returning:', currentSettings);
     return currentSettings;

lemonade/tools/server/static/js/models.js

@@ -3,9 +3,11 @@
 // State variables for model management
 let currentLoadedModel = null;
 let installedModels = new Set(); // Track which models are actually installed
+let activeOperations = new Set(); // Track models currently being downloaded or loaded
 
-// Make installedModels accessible globally for the chat dropdown
+// Make installedModels and activeOperations accessible globally
 window.installedModels = installedModels;
+window.activeOperations = activeOperations;
 let currentCategory = 'hot';
 let currentFilter = null;
 
@@ -166,6 +168,29 @@ async function unloadModel() {
 
 // === Model Browser Management ===
 
+// Update visibility of categories/subcategories based on available models
+function updateCategoryVisibility() {
+    const allModels = window.SERVER_MODELS || {};
+    
+    // Count models for each recipe
+    const recipeCounts = {};
+    const recipes = ['llamacpp', 'oga-hybrid', 'oga-npu', 'oga-cpu', 'flm'];
+    recipes.forEach(recipe => {
+        recipeCounts[recipe] = 0;
+        Object.entries(allModels).forEach(([modelId, modelData]) => {
+            if (modelData.recipe === recipe && (modelData.suggested || installedModels.has(modelId))) {
+                recipeCounts[recipe]++;
+            }
+        });
+        
+        // Show/hide recipe subcategory
+        const subcategory = document.querySelector(`[data-recipe="${recipe}"]`);
+        if (subcategory) {
+            subcategory.style.display = recipeCounts[recipe] > 0 ? 'block' : 'none';
+        }
+    });
+}
+
 // Toggle category in model browser (only for Hot Models now)
 function toggleCategory(categoryName) {
     const header = document.querySelector(`[data-category="${categoryName}"] .category-header`);
@@ -283,7 +308,7 @@ function displayHotModels() {
     modelList.innerHTML = '';
     
     Object.entries(allModels).forEach(([modelId, modelData]) => {
-        if (modelData.labels && modelData.labels.includes('hot')) {
+        if (modelData.labels && modelData.labels.includes('hot') && (modelData.suggested || installedModels.has(modelId))) {
             createModelItem(modelId, modelData, modelList);
         }
     });
@@ -317,7 +342,7 @@ function displayModelsByRecipe(recipe) {
     }
     
     Object.entries(allModels).forEach(([modelId, modelData]) => {
-        if (modelData.recipe === recipe) {
+        if (modelData.recipe === recipe && (modelData.suggested || installedModels.has(modelId))) {
             createModelItem(modelId, modelData, modelList);
         }
     });
@@ -341,7 +366,7 @@ function displayModelsByLabel(label) {
             if (modelId.startsWith('user.')) {
                 createModelItem(modelId, modelData, modelList);
             }
-        } else if (modelData.labels && modelData.labels.includes(label)) {
+        } else if (modelData.labels && modelData.labels.includes(label) && (modelData.suggested || installedModels.has(modelId))) {
             createModelItem(modelId, modelData, modelList);
         }
     });
@@ -443,6 +468,9 @@ async function installModel(modelId) {
         installBtn.textContent = '⏳';
     }
     
+    // Track this download as active
+    activeOperations.add(modelId);
+    
     try {
         const modelData = window.SERVER_MODELS[modelId];
         await httpRequest(getServerBaseUrl() + '/api/v1/pull', {
@@ -451,6 +479,9 @@ async function installModel(modelId) {
             body: JSON.stringify({ model_name: modelId, ...modelData })
         });
         
+        // Download complete - remove from active operations
+        activeOperations.delete(modelId);
+        
         // Refresh installed models and model status
         await fetchInstalledModels();
         await updateModelStatusIndicator();
@@ -468,6 +499,9 @@ async function installModel(modelId) {
         console.error('Error installing model:', error);
         showErrorBanner('Failed to install model: ' + error.message);
         
+        // Remove from active operations on error too
+        activeOperations.delete(modelId);
+        
         // Reset button state on error
         if (installBtn) {
             installBtn.disabled = false;
@@ -505,7 +539,11 @@ async function deleteModel(modelId) {
             headers: { 'Content-Type': 'application/json' },
             body: JSON.stringify({ model_name: modelId })
         });
-        
+        installedModels.delete(modelId);
+        // Remove custom models from SERVER_MODELS to prevent them from reappearing without having to do a manual refresh
+        if (modelId.startsWith('user.')) {
+            delete window.SERVER_MODELS[modelId];
+        }
         // Refresh installed models and model status
         await fetchInstalledModels();
         await updateModelStatusIndicator();
@@ -597,29 +635,11 @@ document.addEventListener('DOMContentLoaded', async function() {
         unloadBtn.onclick = unloadModel;
     }
     
-    const modelSelect = document.getElementById('model-select');
-    if (modelSelect) {
-        modelSelect.addEventListener('change', async function() {
-            const modelId = this.value;
-            if (modelId) {
-                await loadModelStandardized(modelId, {
-                    onSuccess: (loadedModelId) => {
-                        console.log(`Model ${loadedModelId} loaded successfully`);
-                    },
-                    onError: (error, failedModelId) => {
-                        console.error(`Failed to load model ${failedModelId}:`, error);
-                        showErrorBanner('Failed to load model: ' + error.message);
-                    }
-                });
-            }
-        });
-    }
-    
     // Initial fetch of model data - this will populate installedModels
     await updateModelStatusIndicator();
     
-    // Set up periodic refresh of model status
-    setInterval(updateModelStatusIndicator, 1000); // Check every 1 seconds
+    // Update category visibility on initial load
+    updateCategoryVisibility();
     
     // Initialize model browser with hot models
     displayHotModels();
@@ -635,6 +655,46 @@ document.addEventListener('DOMContentLoaded', async function() {
     
     // Set up register model form
     setupRegisterModelForm();
+    setupFolderSelection();
+    
+    // Set up smart periodic refresh to detect external model changes
+    // Poll every 15 seconds (much less aggressive than 1 second)
+    // Only poll when page is visible to save resources
+    let pollInterval = null;
+    
+    function startPolling() {
+        if (!pollInterval) {
+            pollInterval = setInterval(async () => {
+                // Only update if page is visible AND no active operations
+                // Skip polling during downloads/loads to prevent false positives
+                if (document.visibilityState === 'visible' && activeOperations.size === 0) {
+                    await updateModelStatusIndicator();
+                }
+            }, 15000); // Check every 15 seconds
+        }
+    }
+    
+    function stopPolling() {
+        if (pollInterval) {
+            clearInterval(pollInterval);
+            pollInterval = null;
+        }
+    }
+    
+    // Start polling when page is visible, stop when hidden
+    document.addEventListener('visibilitychange', () => {
+        if (document.visibilityState === 'visible') {
+            // Page became visible - update immediately and resume polling
+            updateModelStatusIndicator();
+            startPolling();
+        } else {
+            // Page hidden - stop polling to save resources
+            stopPolling();
+        }
+    });
+    
+    // Start polling initially
+    startPolling();
 });
 
 // Toggle Add Model form
@@ -675,12 +735,20 @@ function renderModelTable(tbody, models, allModels, emptyMessage) {
                 btn.disabled = true;
                 btn.textContent = '⏳';
                 btn.classList.add('installing-btn');
+                
+                // Track this download as active
+                activeOperations.add(mid);
+                
                 try {
                     await httpRequest(getServerBaseUrl() + '/api/v1/pull', {
                         method: 'POST',
                         headers: { 'Content-Type': 'application/json' },
                         body: JSON.stringify({ model_name: mid })
                     });
+                    
+                    // Download complete - remove from active operations
+                    activeOperations.delete(mid);
+                    
                     await refreshModelMgmtUI();
                     // Update chat dropdown too if loadModels function exists
                     if (typeof loadModels === 'function') {
@@ -690,6 +758,9 @@ function renderModelTable(tbody, models, allModels, emptyMessage) {
                     btn.textContent = 'Error';
                     btn.disabled = false;
                     showErrorBanner(`Failed to install model: ${e.message}`);
+                    
+                    // Remove from active operations on error too
+                    activeOperations.delete(mid);
                 }
             };
             tdBtn.appendChild(btn);
@@ -928,7 +999,17 @@ function setupRegisterModelForm() {
             if (!name.startsWith('user.')) {
                 name = 'user.' + name;
             }
-            
+
+            // Check if model name already exists
+            const allModels = window.SERVER_MODELS || {};
+            if (allModels[name] || installedModels.has(name)) {
+                showErrorBanner('Model name already exists. Please enter a different name.');
+                registerStatus.textContent = 'Model name already exists';
+                registerStatus.style.color = '#b10819ff';
+                registerStatus.className = 'register-status error';
+                return;
+            }
+
             const checkpoint = document.getElementById('register-checkpoint').value.trim();
             const recipe = document.getElementById('register-recipe').value;
             const reasoning = document.getElementById('register-reasoning').checked;
@@ -939,24 +1020,70 @@ function setupRegisterModelForm() {
                 return; 
             }
             
-            const payload = { model_name: name, recipe, reasoning, vision };
-            if (checkpoint) payload.checkpoint = checkpoint;
-            if (mmproj) payload.mmproj = mmproj;
-            
             const btn = document.getElementById('register-submit');
             btn.disabled = true;
             btn.textContent = 'Installing...';
             
             try {
-                await httpRequest(getServerBaseUrl() + '/api/v1/pull', {
-                    method: 'POST',
-                    headers: { 'Content-Type': 'application/json' },
-                    body: JSON.stringify(payload)
-                });
+                if (isLocalModel && selectedModelFiles) {
+                    if (recipe === 'llamacpp' && !Array.from(selectedModelFiles).some(file => file.name.toLowerCase().endsWith('.gguf'))) {
+                        throw new Error('No .gguf files found in the selected folder for llamacpp');
+                    }
+
+                    const formData = new FormData();
+                    formData.append('model_name', name);
+                    formData.append('checkpoint', checkpoint);
+                    formData.append('recipe', recipe);
+                    formData.append('reasoning', reasoning);
+                    formData.append('vision', vision);
+                    if (mmproj) formData.append('mmproj', mmproj);
+                    Array.from(selectedModelFiles).forEach(file => {
+                        formData.append('model_files', file, file.webkitRelativePath);
+                    });
+
+                    await httpRequest(getServerBaseUrl() + '/api/v1/add-local-model', {
+                        method: 'POST',
+                        body: formData
+                    });
+                }
+                else {
+                    if (!checkpoint) {
+                        throw new Error('Checkpoint is required for remote models');
+                    }
+                    const payload = { model_name: name, recipe, reasoning, vision };
+                    if (checkpoint) payload.checkpoint = checkpoint;
+                    if (mmproj) payload.mmproj = mmproj;
+                    
+                    await httpRequest(getServerBaseUrl() + '/api/v1/pull', {
+                        method: 'POST',
+                        headers: { 'Content-Type': 'application/json' },
+                        body: JSON.stringify(payload)
+                    });
+                }
+
                 registerStatus.textContent = 'Model installed!';
-                registerStatus.style.color = '#27ae60';
+                registerStatus.style.color = '#0eaf51ff';
                 registerStatus.className = 'register-status success';
+
+                // Add custom model to SERVER_MODELS so it appears in the UI without having to do a manual refresh
+                if (name.startsWith('user.')) {
+                    const labels = ['custom'];
+                    if (vision) labels.push('vision');
+                    if (reasoning) labels.push('reasoning');
+
+                    window.SERVER_MODELS[name] = {
+                        recipe: recipe,
+                        labels: labels
+                    };
+                    if (checkpoint) window.SERVER_MODELS[name].checkpoint = checkpoint;
+                    if (mmproj) window.SERVER_MODELS[name].mmproj = mmproj;
+                }
+
                 registerForm.reset();
+                isLocalModel = false;
+                selectedModelFiles = null;
+                document.getElementById('folder-input').value = '';
+
                 await refreshModelMgmtUI();
                 // Update chat dropdown too if loadModels function exists
                 if (typeof loadModels === 'function') {
@@ -975,6 +1102,278 @@ function setupRegisterModelForm() {
         };
     }
 }
+let isLocalModel = false;
+let selectedModelFiles = null;
+// Helper function to find mmproj file in selected folder
+function findMmprojFile(files) {
+    for (let i = 0; i < files.length; i++) {
+        const file = files[i];
+        const fileName = file.name.toLowerCase();
+        const relativePath = file.webkitRelativePath;
+
+        // Check if file contains 'mmproj' and has .gguf extension
+        if (fileName.includes('mmproj') && fileName.endsWith('.gguf')) {
+            // Return just the filename (last part of the path)
+            return relativePath.split('/').pop();
+        }
+    }
+    return null;
+}
+
+// Helper function to find all non-mmproj GGUF files in selected folder
+function findGgufFiles(files) {
+    const ggufFiles = [];
+    for (let i = 0; i < files.length; i++) {
+        const file = files[i];
+        const fileName = file.name.toLowerCase();
+        const relativePath = file.webkitRelativePath;
+
+        // Check if file has .gguf extension but is NOT an mmproj file
+        if (fileName.endsWith('.gguf') && !fileName.includes('mmproj')) {
+            // Store just the filename (last part of the path)
+            ggufFiles.push(relativePath.split('/').pop());
+        }
+    }
+    return ggufFiles;
+}
+
+// Helper function to check GGUF files and show appropriate banners
+function checkGgufFilesAndShowBanner(files) {
+    const recipeSelect = document.getElementById('register-recipe');
+
+    // Only check if llamacpp is selected
+    if (!recipeSelect || recipeSelect.value !== 'llamacpp') {
+        return;
+    }
+
+    const mmprojFile = findMmprojFile(files);
+    const ggufFiles = findGgufFiles(files);
+
+    // Hide any existing banners first
+    hideErrorBanner();
+
+    if (ggufFiles.length > 1) {
+        // Multiple GGUF files detected
+        const folderPath = files[0].webkitRelativePath.split('/')[0];
+        let bannerMsg = `More than one variant detected. Please clarify them at the end of the checkpoint name like:\n<folder_name>:<variant>\nExample: ${folderPath}:${ggufFiles[0]}`;
+
+        if (mmprojFile) {
+            bannerMsg += `\n\nDon't forget to enter the mmproj file name and check the 'vision' checkbox if it is a vision model.`;
+        }
+
+        showBanner(bannerMsg, 'warning');
+    } else if (mmprojFile) {
+        // MMproj detected
+        showBanner("MMproj detected and populated. Please validate the file name and check the 'vision' checkbox if it is a vision model.", 'success');
+    }
+}
+// Helper function to auto-fill mmproj field if llamacpp is selected
+function autoFillMmproj() {
+    const recipeSelect = document.getElementById('register-recipe');
+    const mmprojInput = document.getElementById('register-mmproj');
+
+    if (recipeSelect && mmprojInput && isLocalModel && selectedModelFiles) {
+        const selectedRecipe = recipeSelect.value;
+
+        if (selectedRecipe === 'llamacpp') {
+            const mmprojFile = findMmprojFile(selectedModelFiles);
+            if (mmprojFile) {
+                mmprojInput.value = mmprojFile;
+            }
+
+            // Check GGUF files and show appropriate banner
+            checkGgufFilesAndShowBanner(selectedModelFiles);
+        } else {
+            // Hide banners if not llamacpp
+            hideErrorBanner();
+        }
+    }
+}
+function setupFolderSelection() {
+    const selectFolderBtn = document.getElementById('select-folder-btn');
+    const folderInput = document.getElementById('folder-input');
+    const checkpointInput = document.getElementById('register-checkpoint');
+    const recipeSelect = document.getElementById('register-recipe');
+
+    if (selectFolderBtn && folderInput && checkpointInput) {
+        selectFolderBtn.addEventListener('click', () => {
+            folderInput.click();
+        });
+
+        folderInput.addEventListener('change', (event) => {
+            const files = event.target.files;
+            if (files.length > 0) {
+                const firstFile = files[0];
+                const folderPath = firstFile.webkitRelativePath.split('/')[0];
+                checkpointInput.value = folderPath;
+                isLocalModel = true;
+                selectedModelFiles = files;
+
+                // Auto-fill mmproj if llamacpp is already selected
+                autoFillMmproj();
+            }
+            else {
+                isLocalModel = false;
+                selectedModelFiles = null;
+                checkpointInput.value = '';
+                hideErrorBanner();
+            }
+        });
+
+        // Add listener to recipe dropdown to auto-fill mmproj when changed to llamacpp
+        if (recipeSelect) {
+            recipeSelect.addEventListener('change', () => {
+                autoFillMmproj();
+            });
+        }
+    }
+}
+// === Migration/Cleanup Functions ===
+
+// Store incompatible models data globally
+let incompatibleModelsData = null;
+
+// Check for incompatible models on page load
+async function checkIncompatibleModels() {
+    try {
+        const response = await httpJson(getServerBaseUrl() + '/api/v1/migration/incompatible-models');
+        incompatibleModelsData = response;
+
+        if (response.count > 0) {
+            showMigrationBanner(response.count, response.total_size);
+        }
+    } catch (error) {
+        console.error('Error checking for incompatible models:', error);
+    }
+}
+
+// Show migration banner
+function showMigrationBanner(count, totalSize) {
+    const banner = document.getElementById('migration-banner');
+    const msg = document.getElementById('migration-banner-msg');
+
+    const sizeGB = (totalSize / (1024 * 1024 * 1024)).toFixed(1);
+    msg.textContent = `Found ${count} incompatible RyzenAI model${count > 1 ? 's' : ''} (${sizeGB} GB). Clean up to free disk space.`;
+    banner.style.display = 'flex';
+}
+
+// Hide migration banner
+function hideMigrationBanner() {
+    const banner = document.getElementById('migration-banner');
+    banner.style.display = 'none';
+}
+
+// Show migration modal with model list
+function showMigrationModal() {
+    if (!incompatibleModelsData || incompatibleModelsData.count === 0) {
+        return;
+    }
+
+    const modal = document.getElementById('migration-modal');
+    const modelList = document.getElementById('migration-model-list');
+    const totalSize = document.getElementById('migration-total-size');
+
+    // Populate model list
+    modelList.innerHTML = '';
+    incompatibleModelsData.models.forEach(model => {
+        const item = document.createElement('div');
+        item.className = 'migration-model-item';
+
+        const nameSpan = document.createElement('span');
+        nameSpan.className = 'migration-model-name';
+        nameSpan.textContent = model.name;
+
+        const sizeSpan = document.createElement('span');
+        sizeSpan.className = 'migration-model-size';
+        sizeSpan.textContent = model.size_formatted;
+
+        item.appendChild(nameSpan);
+        item.appendChild(sizeSpan);
+        modelList.appendChild(item);
+    });
+
+    // Set total size
+    const sizeGB = (incompatibleModelsData.total_size / (1024 * 1024 * 1024)).toFixed(1);
+    totalSize.textContent = `${sizeGB} GB`;
+
+    modal.style.display = 'flex';
+}
+
+// Hide migration modal
+function hideMigrationModal() {
+    const modal = document.getElementById('migration-modal');
+    modal.style.display = 'none';
+}
+
+// Delete incompatible models
+async function deleteIncompatibleModels() {
+    if (!incompatibleModelsData || incompatibleModelsData.count === 0) {
+        return;
+    }
+
+    const modelPaths = incompatibleModelsData.models.map(m => m.path);
+
+    try {
+        // Disable buttons during deletion
+        const deleteBtn = document.querySelector('.delete-btn');
+        const cancelBtn = document.querySelector('.cancel-btn');
+        deleteBtn.disabled = true;
+        cancelBtn.disabled = true;
+        deleteBtn.textContent = 'Deleting...';
+
+        const response = await httpRequest(getServerBaseUrl() + '/api/v1/migration/cleanup', {
+            method: 'POST',
+            headers: { 'Content-Type': 'application/json' },
+            body: JSON.stringify({ model_paths: modelPaths })
+        });
+
+        const result = await response.json();
+
+        // Close modal
+        hideMigrationModal();
+
+        // Hide banner
+        hideMigrationBanner();
+
+        // Show success message
+        showSuccessMessage(`Successfully deleted ${result.success_count} model${result.success_count > 1 ? 's' : ''}, freed ${result.freed_size_formatted}`);
+
+        // Clear cached data
+        incompatibleModelsData = null;
+
+    } catch (error) {
+        console.error('Error deleting incompatible models:', error);
+        showErrorBanner('Failed to delete models: ' + error.message);
+
+        // Re-enable buttons
+        const deleteBtn = document.querySelector('.delete-btn');
+        const cancelBtn = document.querySelector('.cancel-btn');
+        deleteBtn.disabled = false;
+        cancelBtn.disabled = false;
+        deleteBtn.textContent = 'Delete All';
+    }
+}
+
+// Show success message (reuse error banner with green color)
+function showSuccessMessage(message) {
+    const banner = document.getElementById('error-banner');
+    const msg = document.getElementById('error-banner-msg');
+    msg.textContent = message;
+    banner.style.backgroundColor = '#2d7f47';
+    banner.style.display = 'flex';
+
+    // Auto-hide after 5 seconds
+    setTimeout(() => {
+        banner.style.display = 'none';
+        banner.style.backgroundColor = ''; // Reset to default
+    }, 5000);
+}
+
+// Check for incompatible models when page loads
+document.addEventListener('DOMContentLoaded', function() {
+    // Run check after a short delay to let the page load
+    setTimeout(checkIncompatibleModels, 1000);
+});
 
 // Make functions globally available for HTML onclick handlers and other components
 window.toggleCategory = toggleCategory;
@@ -983,4 +1382,8 @@ window.selectLabel = selectLabel;
 window.showAddModelForm = showAddModelForm;
 window.unloadModel = unloadModel;
 window.installModel = installModel;
-window.deleteModel = deleteModel;
+window.deleteModel = deleteModel;
+window.showMigrationModal = showMigrationModal;
+window.hideMigrationModal = hideMigrationModal;
+window.hideMigrationBanner = hideMigrationBanner;
+window.deleteIncompatibleModels = deleteIncompatibleModels;