fix pattern deletion bug

.gitignore

@@ -10,3 +10,4 @@ patterns/cached_svg/
 patterns/cached_images/custom_*
 # Node.js and build files
 node_modules/
+*.log

main.py

@@ -422,9 +422,19 @@ async def delete_theta_rho_file(request: DeleteFileRequest):
         raise HTTPException(status_code=404, detail="File not found")
 
     try:
+        # Delete the pattern file
         os.remove(file_path)
         logger.info(f"Successfully deleted theta-rho file: {request.file_name}")
-        return {"success": True}
+        
+        # Clean up cached preview image and metadata
+        from modules.core.cache_manager import delete_pattern_cache
+        cache_cleanup_success = delete_pattern_cache(request.file_name)
+        if cache_cleanup_success:
+            logger.info(f"Successfully cleaned up cache for {request.file_name}")
+        else:
+            logger.warning(f"Cache cleanup failed for {request.file_name}, but pattern was deleted")
+        
+        return {"success": True, "cache_cleanup": cache_cleanup_success}
     except Exception as e:
         logger.error(f"Failed to delete theta-rho file {request.file_name}: {str(e)}")
         raise HTTPException(status_code=500, detail=str(e))

modules/core/cache_manager.py

@@ -83,6 +83,27 @@ def get_cache_path(pattern_file):
     safe_name = filename.replace('\\', '_')
     return os.path.join(cache_dir, f"{safe_name}.webp")
 
+def delete_pattern_cache(pattern_file):
+    """Delete cached preview image and metadata for a pattern file."""
+    try:
+        # Remove cached image
+        cache_path = get_cache_path(pattern_file)
+        if os.path.exists(cache_path):
+            os.remove(cache_path)
+            logger.info(f"Deleted cached image: {cache_path}")
+        
+        # Remove from metadata cache
+        metadata_cache = load_metadata_cache()
+        if pattern_file in metadata_cache:
+            del metadata_cache[pattern_file]
+            save_metadata_cache(metadata_cache)
+            logger.info(f"Removed {pattern_file} from metadata cache")
+        
+        return True
+    except Exception as e:
+        logger.error(f"Failed to delete cache for {pattern_file}: {str(e)}")
+        return False
+
 def load_metadata_cache():
     """Load the metadata cache from disk."""
     try:

static/js/index.js

@@ -145,6 +145,30 @@ async function getPreviewFromCache(pattern) {
     }
 }
 
+// Clear a specific pattern from IndexedDB cache
+async function clearPatternFromIndexedDB(pattern) {
+    try {
+        if (!previewCacheDB) await initPreviewCacheDB();
+        
+        const transaction = previewCacheDB.transaction([PREVIEW_CACHE_STORE_NAME], 'readwrite');
+        const store = transaction.objectStore(PREVIEW_CACHE_STORE_NAME);
+        
+        await new Promise((resolve, reject) => {
+            const deleteRequest = store.delete(pattern);
+            deleteRequest.onsuccess = () => {
+                logMessage(`Cleared ${pattern} from IndexedDB cache`, LOG_TYPE.DEBUG);
+                resolve();
+            };
+            deleteRequest.onerror = () => {
+                logMessage(`Failed to clear ${pattern} from IndexedDB: ${deleteRequest.error}`, LOG_TYPE.WARNING);
+                reject(deleteRequest.error);
+            };
+        });
+    } catch (error) {
+        logMessage(`Error clearing pattern from IndexedDB: ${error.message}`, LOG_TYPE.WARNING);
+    }
+}
+
 // Save preview to IndexedDB cache with size management
 async function savePreviewToCache(pattern, previewData) {
     try {
@@ -781,10 +805,55 @@ async function showPatternPreview(pattern) {
         // Setup preview panel events
         setupPreviewPanelEvents(pattern);
     } catch (error) {
-        logMessage(`Error showing preview: ${error.message}`, LOG_TYPE.ERROR);
+        logMessage(`Error showing preview for ${pattern}: ${error.message}`, LOG_TYPE.ERROR);
+        
+        // Show error state in preview panel instead of hiding it
+        showPreviewError(pattern, error.message);
     }
 }
 
+function showPreviewError(pattern, errorMessage) {
+    const previewPanel = document.getElementById('patternPreviewPanel');
+    const layoutContainer = document.querySelector('.layout-content-container');
+    
+    // Show error state in preview panel
+    const patternName = pattern.replace('.thr', '').split('/').pop();
+    document.getElementById('patternPreviewTitle').textContent = `Error: ${patternName}`;
+    
+    // Show error image or placeholder
+    const img = document.getElementById('patternPreviewImage');
+    img.src = 'data:image/svg+xml;base64,' + btoa(`
+        <svg width="400" height="300" xmlns="http://www.w3.org/2000/svg">
+            <rect width="100%" height="100%" fill="#f3f4f6"/>
+            <text x="50%" y="40%" text-anchor="middle" font-family="Arial, sans-serif" font-size="16" fill="#6b7280">
+                Pattern Not Found
+            </text>
+            <text x="50%" y="60%" text-anchor="middle" font-family="Arial, sans-serif" font-size="12" fill="#9ca3af">
+                ${patternName}
+            </text>
+            <text x="50%" y="75%" text-anchor="middle" font-family="Arial, sans-serif" font-size="10" fill="#ef4444">
+                File may have been deleted
+            </text>
+        </svg>
+    `);
+    
+    // Clear coordinates
+    document.getElementById('firstCoordinate').textContent = '(0, 0)';
+    document.getElementById('lastCoordinate').textContent = '(0, 0)';
+    
+    // Show preview panel with error state
+    previewPanel.classList.remove('translate-x-full');
+    if (window.innerWidth >= 1024) {
+        layoutContainer.parentElement.classList.add('preview-open');
+        previewPanel.classList.remove('lg:opacity-0', 'lg:pointer-events-none');
+    } else {
+        layoutContainer.parentElement.classList.remove('preview-open');
+    }
+    
+    // Setup events so user can still close the panel
+    setupPreviewPanelEvents(pattern);
+}
+
 function hidePatternPreview() {
     const previewPanel = document.getElementById('patternPreviewPanel');
     const layoutContainer = document.querySelector('.layout-content-container');
@@ -938,6 +1007,24 @@ function setupPreviewPanelEvents(pattern) {
                 if (result.success) {
                     logMessage(`Pattern deleted successfully: ${pattern}`, LOG_TYPE.SUCCESS);
                     showStatusMessage(`Pattern "${pattern.split('/').pop()}" deleted successfully`);
+                    
+                    // Clear from in-memory caches
+                    previewCache.delete(pattern);
+                    imageCache.delete(pattern);
+                    
+                    // Clear from IndexedDB cache
+                    await clearPatternFromIndexedDB(pattern);
+                    
+                    // Clear from localStorage patterns list cache
+                    const cachedPatterns = JSON.parse(localStorage.getItem(PATTERNS_CACHE_KEY) || '{}');
+                    if (cachedPatterns.data) {
+                        const index = cachedPatterns.data.indexOf(pattern);
+                        if (index > -1) {
+                            cachedPatterns.data.splice(index, 1);
+                            localStorage.setItem(PATTERNS_CACHE_KEY, JSON.stringify(cachedPatterns));
+                        }
+                    }
+                    
                     // Remove the pattern card
                     const selectedCard = document.querySelector('.pattern-card.selected');
                     if (selectedCard) {

static/js/playlists.js

@@ -173,6 +173,30 @@ async function getPreviewFromCache(pattern) {
 }
 
 // Save preview to IndexedDB cache with size management
+// Clear a specific pattern from IndexedDB cache
+async function clearPatternFromIndexedDB(pattern) {
+    try {
+        if (!previewCacheDB) await initPreviewCacheDB();
+        
+        const transaction = previewCacheDB.transaction([PREVIEW_CACHE_STORE_NAME], 'readwrite');
+        const store = transaction.objectStore(PREVIEW_CACHE_STORE_NAME);
+        
+        await new Promise((resolve, reject) => {
+            const deleteRequest = store.delete(pattern);
+            deleteRequest.onsuccess = () => {
+                logMessage(`Cleared ${pattern} from IndexedDB cache`, LOG_TYPE.DEBUG);
+                resolve();
+            };
+            deleteRequest.onerror = () => {
+                logMessage(`Failed to clear ${pattern} from IndexedDB: ${deleteRequest.error}`, LOG_TYPE.WARNING);
+                reject(deleteRequest.error);
+            };
+        });
+    } catch (error) {
+        logMessage(`Error clearing pattern from IndexedDB: ${error.message}`, LOG_TYPE.WARNING);
+    }
+}
+
 async function savePreviewToCache(pattern, previewData) {
     try {
         if (!previewCacheDB) await initPreviewCacheDB();