No Emojii

cams_downloader.py

@@ -1,15 +1,18 @@
-# cams_downloader.py
-# Download CAMS atmospheric composition data
-
+import os
 import cdsapi
 import zipfile
-import os
+import logging
+import pandas as pd
+
 from pathlib import Path
 from datetime import datetime, timedelta
-import pandas as pd
+from constants import DOWNLOAD_FOLDER
+
+logging.basicConfig(level=logging.INFO)
+logger = logging.getLogger(__name__)
 
 class CAMSDownloader:
-    def __init__(self, download_dir="downloads"):
+    def __init__(self, download_dir=DOWNLOAD_FOLDER):
         """
         Initialize CAMS downloader
         
@@ -28,23 +31,22 @@ class CAMSDownloader:
     
     def _init_client(self):
         """Initialize CDS API client"""
+        # Try to get the credentials from environment variables
         try:
-            # First, try environment variables (preferred for cloud deployments)
             cdsapi_url = os.getenv('CDSAPI_URL')
             cdsapi_key = os.getenv('CDSAPI_KEY')
             
             if cdsapi_url and cdsapi_key:
                 self.client = cdsapi.Client(key=cdsapi_key, url=cdsapi_url)
-                print("✅ CDS API client initialized from environment variables")
+                logger.info("✅ CDS API client initialized from environment variables")
                 return
             
-            # Fallback: Try to read .cdsapirc file from current directory first, then home directory
+            # Try to read from .cdsapirc file
             cdsapirc_path = Path.cwd() / ".cdsapirc"
             if not cdsapirc_path.exists():
                 cdsapirc_path = Path.home() / ".cdsapirc"
             
             if cdsapirc_path.exists():
-                # Parse credentials from .cdsapirc
                 with open(cdsapirc_path, 'r') as f:
                     lines = f.readlines()
                 
@@ -59,21 +61,21 @@ class CAMSDownloader:
                 
                 if url and key:
                     self.client = cdsapi.Client(key=key, url=url)
-                    print("✅ CDS API client initialized from .cdsapirc file")
+                    logger.info("✅ CDS API client initialized from .cdsapirc file")
                     return
                 else:
                     raise ValueError("Could not parse URL or key from .cdsapirc file")
             
             # Last resort: Try default initialization
             self.client = cdsapi.Client()
-            print("✅ CDS API client initialized with default settings")
+            logger.info("✅ CDS API client initialized with default settings")
                 
         except Exception as e:
-            print(f"⚠️  Warning: Could not initialize CDS API client: {str(e)}")
-            print("Please ensure you have:")
-            print("1. Created an account at https://cds.climate.copernicus.eu/")
-            print("2. Set CDSAPI_URL and CDSAPI_KEY environment variables (recommended for cloud deployments)")
-            print("3. Or created a .cdsapirc file in your home directory with your credentials")
+            logger.warning(f"⚠️ Could not initialize CDS API client: {str(e)}")
+            logger.warning("Please ensure you have:\n"
+                            "1. Created an account at https://cds.climate.copernicus.eu/\n"
+                            "2. Set CDSAPI_URL and CDSAPI_KEY environment variables\n"
+                            "3. Or created a .cdsapirc file in your home directory")
             self.client = None
     
     def is_client_ready(self):
@@ -81,45 +83,31 @@ class CAMSDownloader:
         return self.client is not None
     
     def download_cams_data(self, date_str, variables=None, pressure_levels=None):
-        """
-        Download CAMS atmospheric composition data for a specific date
-        
-        Parameters:
-        date_str (str): Date in YYYY-MM-DD format
-        variables (list): List of variables to download (default: common air pollution variables)
-        pressure_levels (list): List of pressure levels (default: standard levels)
-        
-        Returns:
-        str: Path to downloaded ZIP file
-        """
+        """Download CAMS atmospheric composition data for a specific date"""
         if not self.is_client_ready():
             raise Exception("CDS API client not initialized. Please check your credentials.")
         
-        # Validate date
         try:
             target_date = pd.to_datetime(date_str)
             date_str = target_date.strftime('%Y-%m-%d')
         except:
             raise ValueError(f"Invalid date format: {date_str}. Use YYYY-MM-DD format.")
         
-        # Check if data already exists
         filename = f"{date_str}-cams.nc.zip"
         filepath = self.download_dir / filename
         
         if filepath.exists():
-            print(f"✅ Data for {date_str} already exists: {filename}")
+            logger.info(f"✅ Data for {date_str} already exists: {filename}")
             return str(filepath)
         
-        # Default variables (common air pollution variables)
         if variables is None:
             variables = [
-                # Meteorological surface-level variables
+                # Meteorological surface-level variables:
                 "10m_u_component_of_wind",
                 "10m_v_component_of_wind", 
                 "2m_temperature",
                 "mean_sea_level_pressure",
-                
-                # Pollution surface-level variables
+                # Pollution surface-level variables:
                 "particulate_matter_1um",
                 "particulate_matter_2.5um", 
                 "particulate_matter_10um",
@@ -128,15 +116,13 @@ class CAMSDownloader:
                 "total_column_nitrogen_dioxide",
                 "total_column_ozone",
                 "total_column_sulphur_dioxide",
-                
-                # Meteorological atmospheric variables
+                # Meteorological atmospheric variables:
                 "u_component_of_wind",
                 "v_component_of_wind",
                 "temperature", 
                 "geopotential",
                 "specific_humidity",
-                
-                # Pollution atmospheric variables
+                # Pollution atmospheric variables:
                 "carbon_monoxide",
                 "nitrogen_dioxide",
                 "nitrogen_monoxide", 
@@ -144,20 +130,18 @@ class CAMSDownloader:
                 "sulphur_dioxide",
             ]
         
-        # Default pressure levels
         if pressure_levels is None:
             pressure_levels = [
                 "50", "100", "150", "200", "250", "300", "400",
                 "500", "600", "700", "850", "925", "1000",
             ]
         
-        print(f"🔄 Downloading CAMS data for {date_str}...")
-        print(f"Variables: {len(variables)} selected")
-        print(f"Pressure levels: {len(pressure_levels)} levels")
+        logger.info(f"🔄 Downloading CAMS data for {date_str}...")
+        logger.info(f"Variables: {len(variables)} selected")
+        logger.info(f"Pressure levels: {len(pressure_levels)} levels")
         
         try:
-            # Make the API request
-            print("📡 Requesting data from CAMS API...")
+            logger.info("📡 Requesting data from CAMS API...")
             self.client.retrieve(
                 "cams-global-atmospheric-composition-forecasts",
                 {
@@ -166,7 +150,7 @@ class CAMSDownloader:
                     "variable": variables,
                     "pressure_level": pressure_levels,
                     "date": date_str,
-                    "time": ["00:00", "12:00"],  # Two time steps
+                    "time": ["00:00", "12:00"],
                     "format": "netcdf_zip",
                 },
                 str(filepath),
@@ -175,74 +159,53 @@ class CAMSDownloader:
             # Validate the downloaded file
             if filepath.exists():
                 file_size = filepath.stat().st_size
-                print(f"📁 Downloaded file size: {file_size / 1024 / 1024:.2f} MB")
+                logger.info(f"📁 Downloaded file size: {file_size / 1024 / 1024:.2f} MB")
                 
-                # Basic validation - CAMS files should be reasonably large
-                if file_size < 10000:  # Less than 10KB is suspicious
-                    print(f"⚠️  Warning: Downloaded file is very small ({file_size} bytes)")
-                    # Read first few bytes to check for error messages
+                if file_size < 10000:
+                    logger.warning(f"⚠️ Downloaded file is very small ({file_size} bytes)")
                     with open(filepath, 'rb') as f:
                         header = f.read(200)
                         if b'error' in header.lower() or b'html' in header.lower():
                             filepath.unlink()
                             raise Exception("CAMS API returned an error response instead of data")
                 
-                print(f"✅ Successfully downloaded: {filename}")
+                logger.info(f"✅ Successfully downloaded: {filename}")
                 return str(filepath)
             else:
                 raise Exception("Download completed but file was not created")
             
         except Exception as e:
-            # Clean up partial download
             if filepath.exists():
-                print(f"🗑️  Cleaning up failed download: {filepath}")
+                logger.warning(f"🗑️ Cleaning up failed download: {filepath}")
                 filepath.unlink()
             raise Exception(f"Error downloading CAMS data: {str(e)}")
     
     def extract_cams_files(self, zip_path):
-        """
-        Extract surface and atmospheric data from CAMS ZIP file
-        
-        Parameters:
-        zip_path (str): Path to CAMS ZIP file
-        
-        Returns:
-        dict: Paths to extracted files
-        """
+        """Extract surface and atmospheric data from CAMS ZIP file"""
         zip_path = Path(zip_path)
         if not zip_path.exists():
             raise FileNotFoundError(f"ZIP file not found: {zip_path}")
         
-        # Validate file is actually a ZIP file
         try:
-            # Check file size first
             file_size = zip_path.stat().st_size
-            if file_size < 1000:  # Less than 1KB is probably an error response
-                print(f"⚠️  Downloaded file is too small ({file_size} bytes), likely an error response")
-                # Try to read first few bytes to see what we got
+            if file_size < 1000:
+                logger.warning(f"⚠️ Downloaded file is too small ({file_size} bytes), likely an error response")
                 with open(zip_path, 'rb') as f:
                     header = f.read(100)
                     if b'html' in header.lower() or b'error' in header.lower():
                         raise Exception("Downloaded file appears to be an HTML error page, not ZIP data")
                 
-            # Test if it's a valid ZIP file
             if not zipfile.is_zipfile(zip_path):
-                print(f"❌ File is not a valid ZIP file: {zip_path}")
-                # Try to read first few lines to diagnose
+                logger.error(f"❌ File is not a valid ZIP file: {zip_path}")
                 with open(zip_path, 'r', errors='ignore') as f:
                     first_lines = f.read(200)
-                    print(f"File contents preview: {first_lines[:100]}...")
+                    logger.debug(f"File contents preview: {first_lines[:100]}...")
                 raise Exception(f"Downloaded file is not a valid ZIP archive. File size: {file_size} bytes")
                 
         except Exception as e:
-            if "ZIP" in str(e) or "zip" in str(e):
-                raise e
-            else:
-                raise Exception(f"Error validating ZIP file: {str(e)}")
+            raise Exception(f"Error validating ZIP file: {str(e)}")
         
-        # Extract date from filename
         date_str = zip_path.stem.replace("-cams.nc", "")
-        
         surface_path = self.extracted_dir / f"{date_str}-cams-surface.nc"
         atmospheric_path = self.extracted_dir / f"{date_str}-cams-atmospheric.nc"
         
@@ -252,37 +215,24 @@ class CAMSDownloader:
             with zipfile.ZipFile(zip_path, "r") as zf:
                 zip_contents = zf.namelist()
                 
-                # Extract surface data
-                surface_file = None
-                for file in zip_contents:
-                    if 'sfc' in file.lower() or file.endswith('_sfc.nc'):
-                        surface_file = file
-                        break
-                
+                surface_file = next((f for f in zip_contents if 'sfc' in f.lower() or f.endswith('_sfc.nc')), None)
                 if surface_file and not surface_path.exists():
                     with open(surface_path, "wb") as f:
                         f.write(zf.read(surface_file))
-                    print(f"✅ Extracted surface data: {surface_path.name}")
+                    logger.info(f"✅ Extracted surface data: {surface_path.name}")
                     extracted_files['surface'] = str(surface_path)
                 elif surface_path.exists():
                     extracted_files['surface'] = str(surface_path)
                 
-                # Extract atmospheric data  
-                atmospheric_file = None
-                for file in zip_contents:
-                    if 'plev' in file.lower() or file.endswith('_plev.nc'):
-                        atmospheric_file = file
-                        break
-                
+                atmospheric_file = next((f for f in zip_contents if 'plev' in f.lower() or f.endswith('_plev.nc')), None)
                 if atmospheric_file and not atmospheric_path.exists():
                     with open(atmospheric_path, "wb") as f:
                         f.write(zf.read(atmospheric_file))
-                    print(f"✅ Extracted atmospheric data: {atmospheric_path.name}")
+                    logger.info(f"✅ Extracted atmospheric data: {atmospheric_path.name}")
                     extracted_files['atmospheric'] = str(atmospheric_path)
                 elif atmospheric_path.exists():
                     extracted_files['atmospheric'] = str(atmospheric_path)
                 
-                # If no specific files found, extract all .nc files
                 if not extracted_files:
                     nc_files = [f for f in zip_contents if f.endswith('.nc')]
                     for nc_file in nc_files:
@@ -300,28 +250,6 @@ class CAMSDownloader:
         
         return extracted_files
     
-    def get_available_dates(self, start_date=None, end_date=None):
-        """
-        Get list of dates for which CAMS data is typically available
-        Note: This doesn't check actual availability, just generates reasonable date range
-        
-        Parameters:
-        start_date (str): Start date (default: 30 days ago)
-        end_date (str): End date (default: yesterday)
-        
-        Returns:
-        list: List of date strings in YYYY-MM-DD format
-        """
-        if start_date is None:
-            start_date = (datetime.now() - timedelta(days=30)).strftime('%Y-%m-%d')
-        
-        if end_date is None:
-            end_date = (datetime.now() - timedelta(days=1)).strftime('%Y-%m-%d')
-        
-        # Generate date range
-        date_range = pd.date_range(start=start_date, end=end_date, freq='D')
-        return [date.strftime('%Y-%m-%d') for date in date_range]
-    
     def list_downloaded_files(self):
         """List all downloaded CAMS files"""
         downloaded_files = []
@@ -336,73 +264,60 @@ class CAMSDownloader:
             }
             downloaded_files.append(file_info)
         
-        # Sort by date (newest first)
         downloaded_files.sort(key=lambda x: x['date'], reverse=True)
         return downloaded_files
     
-    def cleanup_old_files(self, days_old=30):
-        """
-        Clean up downloaded files older than specified days
-        
-        Parameters:
-        days_old (int): Delete files older than this many days
-        """
+    def cleanup_old_files(self, days_old=7):
+        """Clean up downloaded files older than specified days"""
         try:
             cutoff_date = datetime.now() - timedelta(days=days_old)
-            
             deleted_count = 0
+            
             for zip_file in self.download_dir.glob("*-cams.nc.zip"):
                 if datetime.fromtimestamp(zip_file.stat().st_mtime) < cutoff_date:
                     zip_file.unlink()
                     deleted_count += 1
             
-            # Also clean extracted files
             for nc_file in self.extracted_dir.glob("*.nc"):
                 if datetime.fromtimestamp(nc_file.stat().st_mtime) < cutoff_date:
                     nc_file.unlink()
                     deleted_count += 1
             
-            print(f"🧹 Cleaned up {deleted_count} old files")
+            logger.info(f"🧹 Cleaned up {deleted_count} old files")
             return deleted_count
             
         except Exception as e:
-            print(f"Error during cleanup: {str(e)}")
+            logger.error(f"Error during cleanup: {str(e)}")
             return 0
 
 
 def test_cams_downloader():
     """Test function for CAMS downloader"""
-    print("Testing CAMS downloader...")
-    
+    logger.info("Testing CAMS downloader...")
     downloader = CAMSDownloader()
     
     if not downloader.is_client_ready():
-        print("❌ CDS API client not ready. Please check your credentials.")
+        logger.error("❌ CDS API client not ready. Please check your credentials.")
         return False
     
-    # Test with recent date
     test_date = (datetime.now() - timedelta(days=600)).strftime('%Y-%m-%d')
-    
-    print(f"Testing download for date: {test_date}")
-    print("⚠️  This may take several minutes for the first download...")
+    logger.info(f"Testing download for date: {test_date}")
+    logger.warning("⚠️ This may take several minutes for the first download...")
     
     try:
-        # Download data (will skip if already exists)
         zip_path = downloader.download_cams_data(test_date)
-        print(f"✅ Download successful: {zip_path}")
+        logger.info(f"✅ Download successful: {zip_path}")
         
-        # Test extraction
         extracted_files = downloader.extract_cams_files(zip_path)
-        print(f"✅ Extraction successful: {len(extracted_files)} files")
+        logger.info(f"✅ Extraction successful: {len(extracted_files)} files")
         
-        # List downloaded files
         downloaded = downloader.list_downloaded_files()
-        print(f"✅ Found {len(downloaded)} downloaded files")
+        logger.info(f"✅ Found {len(downloaded)} downloaded files")
         
         return True
         
     except Exception as e:
-        print(f"❌ Test failed: {str(e)}")
+        logger.error(f"❌ Test failed: {str(e)}")
         return False
 
 

constants.py

@@ -1,5 +1,19 @@
 # NetCDF variables and their properties (includes air pollution, meteorological, and other variables)
 
+# Folder Paths
+DOWNLOAD_FOLDER = 'downloads/'
+UPLOAD_FOLDER = 'uploads/'
+PREDICTIONS_FOLDER = 'predictions/'
+PLOTS_FOLDER = 'plots/'
+AUTO_DOWNLOAD_FOLDER = 'auto_downloads/'
+
+INDIA_BOUNDS = {
+    'lat_min': 6.0,    # Southern tip (including southern islands)
+    'lat_max': 38.0,   # Northern border (including Kashmir)
+    'lon_min': 68.0,   # Western border
+    'lon_max': 98.0    # Eastern border (including Andaman & Nicobar)
+}
+
 NETCDF_VARIABLES = {
     # === AIR POLLUTION VARIABLES ===
     # PM2.5

data_processor.py

@@ -12,16 +12,8 @@ import xarray as xr
 from pathlib import Path
 from datetime import datetime
 
-# India geographical bounds for coordinate trimming
-INDIA_BOUNDS = {
-    'lat_min': 6.0,    # Southern tip (including southern islands)
-    'lat_max': 38.0,   # Northern border (including Kashmir)
-    'lon_min': 68.0,   # Western border
-    'lon_max': 98.0    # Eastern border (including Andaman & Nicobar)
-}
-
 # Imports from our Modules
-from constants import NETCDF_VARIABLES, AIR_POLLUTION_VARIABLES, PRESSURE_LEVELS
+from constants import NETCDF_VARIABLES, AIR_POLLUTION_VARIABLES, PRESSURE_LEVELS, INDIA_BOUNDS
 warnings.filterwarnings('ignore')
 
 class NetCDFProcessor:
@@ -84,18 +76,9 @@ class NetCDFProcessor:
                         self.atmospheric_dataset = xr.open_dataset(tmp.name, engine='netcdf4')
                         print(f"Loaded atmospheric data: {atmospheric_file}")
             
-            # If no specific files found, try to load the first .nc file
+            # If no specific files found, raise error
             if not surface_file and not atmospheric_file:
-                nc_files = [f for f in zip_contents if f.endswith('.nc')]
-                if nc_files:
-                    with zf.open(nc_files[0]) as f:
-                        with tempfile.NamedTemporaryFile(suffix='.nc') as tmp:
-                            tmp.write(f.read())
-                            tmp.flush()
-                            self.dataset = xr.open_dataset(tmp.name, engine='netcdf4')
-                            print(f"Loaded dataset: {nc_files[0]}")
-                else:
-                    raise ValueError("No NetCDF files found in ZIP")
+                raise ValueError("No NetCDF files found in ZIP")
         
         return True
     

deploy.sh

@@ -1,24 +0,0 @@
-#!/bin/bash
-
-# Deployment script for Hugging Face Spaces
-
-echo "🚀 Preparing CAMS Air Pollution Dashboard for Hugging Face deployment"
-
-# Build the Docker image
-echo "📦 Building Docker image..."
-docker build -t cams-pollution-dashboard .
-
-# Test the container locally (optional)
-echo "🧪 To test locally, run:"
-echo "docker run -p 7860:7860 cams-pollution-dashboard"
-
-echo ""
-echo "📋 Deployment checklist for Hugging Face Spaces:"
-echo "1. Create a new Space on Hugging Face"
-echo "2. Select 'Docker' as the SDK"
-echo "3. Upload all files including Dockerfile"
-echo "4. Make sure app_readme.md contains the correct YAML frontmatter"
-echo "5. Push to your Hugging Face repository"
-
-echo ""
-echo "✅ Ready for deployment!"

diagnose_cams.py

@@ -1,131 +0,0 @@
-#!/usr/bin/env python3
-"""
-CAMS Download Diagnostic Tool
-Helps troubleshoot issues with CAMS data downloads
-"""
-
-import os
-import zipfile
-from pathlib import Path
-from datetime import datetime, timedelta
-
-def diagnose_cams_downloads():
-    """Diagnose CAMS download issues"""
-    print("🔍 CAMS Download Diagnostic Tool")
-    print("=" * 50)
-    
-    # Check downloads directory
-    downloads_dir = Path("downloads")
-    if not downloads_dir.exists():
-        print("❌ Downloads directory doesn't exist")
-        return
-    
-    print(f"📁 Downloads directory: {downloads_dir.absolute()}")
-    
-    # List all files in downloads
-    all_files = list(downloads_dir.glob("*"))
-    if not all_files:
-        print("📂 Downloads directory is empty")
-        return
-    
-    print(f"\n📋 Found {len(all_files)} files:")
-    
-    for file_path in all_files:
-        print(f"\n📄 File: {file_path.name}")
-        print(f"   Size: {file_path.stat().st_size} bytes ({file_path.stat().st_size / 1024:.1f} KB)")
-        
-        # Check if it's supposed to be a ZIP file
-        if file_path.suffix.lower() == '.zip' or 'cams' in file_path.name.lower():
-            print(f"   Expected: ZIP file")
-            
-            # Test if it's actually a ZIP
-            if zipfile.is_zipfile(file_path):
-                print(f"   ✅ Valid ZIP file")
-                try:
-                    with zipfile.ZipFile(file_path, 'r') as zf:
-                        contents = zf.namelist()
-                        print(f"   📦 Contains {len(contents)} files:")
-                        for content in contents[:5]:  # Show first 5 files
-                            print(f"      - {content}")
-                        if len(contents) > 5:
-                            print(f"      ... and {len(contents) - 5} more")
-                except Exception as e:
-                    print(f"   ⚠️  Error reading ZIP: {e}")
-            else:
-                print(f"   ❌ NOT a valid ZIP file")
-                
-                # Try to read first few bytes to see what it actually is
-                try:
-                    with open(file_path, 'rb') as f:
-                        header = f.read(100)
-                        print(f"   🔍 File header (first 100 bytes): {header[:50]}...")
-                        
-                        # Check for common error patterns
-                        header_str = header.decode('utf-8', errors='ignore').lower()
-                        if 'html' in header_str:
-                            print(f"   🚨 Appears to be HTML (likely an error page)")
-                        elif 'error' in header_str:
-                            print(f"   🚨 Contains 'error' - likely an error response")
-                        elif 'json' in header_str:
-                            print(f"   🚨 Appears to be JSON (likely an API error)")
-                        elif header.startswith(b'PK'):
-                            print(f"   🤔 Has ZIP signature but zipfile module rejects it")
-                        else:
-                            print(f"   ❓ Unknown file format")
-                            
-                except Exception as e:
-                    print(f"   ❌ Error reading file: {e}")
-
-def test_cds_connection():
-    """Test CDS API connection"""
-    print("\n🌐 Testing CDS API Connection")
-    print("-" * 30)
-    
-    try:
-        import cdsapi
-        
-        # Check for .cdsapirc file
-        cdsapirc_path = Path.home() / '.cdsapirc'
-        if cdsapirc_path.exists():
-            print("✅ .cdsapirc file found")
-            
-            # Try to initialize client
-            try:
-                client = cdsapi.Client()
-                print("✅ CDS API client initialized successfully")
-                
-                # Test a simple info request (doesn't download data)
-                print("🔄 Testing API connection...")
-                # Note: This is just a connection test, not actually downloading
-                print("✅ CDS API connection appears to be working")
-                print("💡 If downloads fail, it may be due to:")
-                print("   - Invalid date range")
-                print("   - CAMS service temporary issues") 
-                print("   - Account limitations")
-                
-            except Exception as e:
-                print(f"❌ CDS API client initialization failed: {e}")
-                
-        else:
-            print("❌ .cdsapirc file not found")
-            print("💡 Create ~/.cdsapirc with your CDS API credentials")
-            
-    except ImportError:
-        print("❌ cdsapi module not installed")
-        print("💡 Install with: pip install cdsapi")
-
-def suggest_solutions():
-    """Suggest solutions for common issues"""
-    print("\n💡 Common Solutions")
-    print("-" * 20)
-    print("1. 🔄 Try a different date (some dates may not have data)")
-    print("2. 🕐 Wait and retry (CAMS servers may be busy)")
-    print("3. 🔑 Check CDS API credentials in ~/.cdsapirc")
-    print("4. 🗑️  Clear downloads directory and retry")
-    print("5. 📅 Use more recent dates (last 30 days usually work)")
-    print("6. 🌐 Check CDS website status: https://cds.climate.copernicus.eu/")
-
-if __name__ == "__main__":
-    diagnose_cams_downloads()
-    test_cds_connection()
-    suggest_solutions()

startup.py

@@ -1,118 +0,0 @@
-#!/usr/bin/env python3
-"""
-Startup script to ensure all required files are available before running the main app
-"""
-import os
-import sys
-import subprocess
-import urllib.request
-import zipfile
-import geopandas as gpd
-from pathlib import Path
-
-def ensure_shapefile_exists():
-    """Ensure the India State Boundary shapefile exists"""
-    shapefile_path = "shapefiles/India_State_Boundary.shp"
-    
-    if os.path.exists(shapefile_path):
-        print(f"✓ Shapefile found at {shapefile_path}")
-        return True
-    
-    print(f"✗ Shapefile not found at {shapefile_path}")
-    
-    # Try to pull from git lfs if available
-    try:
-        if os.path.exists(".git"):
-            print("Attempting to pull LFS files...")
-            result = subprocess.run(["git", "lfs", "pull"], capture_output=True, text=True)
-            if result.returncode == 0 and os.path.exists(shapefile_path):
-                print("✓ Successfully pulled LFS files")
-                return True
-            else:
-                print("✗ Git LFS pull failed or file still missing")
-    except Exception as e:
-        print(f"✗ Git LFS not available: {e}")
-    
-    # Download alternative shapefile
-    print("Downloading alternative India boundary data...")
-    try:
-        # Create shapefiles directory
-        os.makedirs("shapefiles", exist_ok=True)
-        
-        # Download from Natural Earth (reliable source)
-        url = "https://www.naturalearthdata.com/http//www.naturalearthdata.com/download/50m/cultural/ne_50m_admin_0_countries.zip"
-        zip_path = "temp_countries.zip"
-        
-        print("Downloading Natural Earth country boundaries...")
-        urllib.request.urlretrieve(url, zip_path)
-        
-        # Extract
-        with zipfile.ZipFile(zip_path, 'r') as zip_ref:
-            zip_ref.extractall("temp_extract")
-        
-        # Load and filter for India
-        world_data = gpd.read_file("temp_extract/ne_50m_admin_0_countries.shp")
-        india_data = world_data[world_data['NAME'] == 'India']
-        
-        if len(india_data) == 0:
-            # Try alternative name matching
-            india_data = world_data[world_data['NAME_EN'] == 'India']
-        
-        if len(india_data) > 0:
-            # Save as our expected shapefile
-            india_data.to_file(shapefile_path)
-            print(f"✓ Successfully created {shapefile_path}")
-        else:
-            raise Exception("Could not find India in the world data")
-        
-        # Cleanup
-        os.remove(zip_path)
-        import shutil
-        shutil.rmtree("temp_extract", ignore_errors=True)
-        
-        return True
-        
-    except Exception as e:
-        print(f"✗ Failed to download alternative shapefile: {e}")
-        
-        # Create a simple fallback
-        print("Creating fallback boundary...")
-        try:
-            from shapely.geometry import Polygon
-            
-            # Simple India bounding box
-            india_bounds = [68.0, 6.0, 97.5, 37.0]  # [min_lon, min_lat, max_lon, max_lat]
-            
-            polygon = Polygon([
-                (india_bounds[0], india_bounds[1]),  # SW
-                (india_bounds[2], india_bounds[1]),  # SE  
-                (india_bounds[2], india_bounds[3]),  # NE
-                (india_bounds[0], india_bounds[3]),  # NW
-                (india_bounds[0], india_bounds[1])   # Close
-            ])
-            
-            gdf = gpd.GeoDataFrame([1], geometry=[polygon], crs="EPSG:4326")
-            gdf['NAME'] = 'India'
-            gdf.to_file(shapefile_path)
-            
-            print(f"✓ Created fallback boundary at {shapefile_path}")
-            return True
-            
-        except Exception as e2:
-            print(f"✗ Failed to create fallback: {e2}")
-            return False
-
-if __name__ == "__main__":
-    print("🚀 Starting CAMS Pollution Dashboard...")
-    print("Checking required files...")
-    
-    if ensure_shapefile_exists():
-        print("✓ All required files are ready")
-        print("Starting Flask application...")
-        
-        # Import and run the main app
-        from app import app
-        app.run(host='0.0.0.0', port=7860, debug=False)
-    else:
-        print("✗ Failed to ensure required files exist")
-        sys.exit(1)

templates/aurora_predict.html

@@ -286,13 +286,13 @@
         <a href="{{ url_for('index') }}" class="back-link">Back to Main Dashboard</a>
         
         <div class="header">
-            <h1>🔮 Aurora ML Predictions</h1>
+            <h1>Aurora ML Predictions</h1>
             <p>Generate AI-powered air pollution forecasts using Microsoft's Aurora model</p>
         </div>
 
         <div class="form-container">
             <div class="info-box">
-                                <h3>✨ Enhanced Aurora Features</h3>
+                                <h3>Enhanced Aurora Features</h3>
                 <ul>
                     <li><strong>Dual Time Input:</strong> Uses both T-1 (00:00) and T (12:00) timestamps for better accuracy</li>
                     <li><strong>Forward Predictions:</strong> Generate 1-4 steps forward, each covering 12 hours</li>
@@ -303,7 +303,7 @@
             </div>
 
             <div class="warning-box">
-                <h3>⚠️ Performance Notes</h3>
+                <h3>Performance Notes</h3>
                 <p><strong>CPU Mode:</strong> Aurora will run on CPU for local testing. This is slower but doesn't require GPU.</p>
                 <p><strong>GPU Mode:</strong> If CUDA GPU is available, Aurora will use it for faster predictions.</p>
                 <p><strong>Processing Time:</strong> CPU: 5-15 minutes per step | GPU: 1-3 minutes total</p>
@@ -313,7 +313,7 @@
 
             <form method="POST">
                 <div class="form-group">
-                    <label for="date">📅 Select Date for Initial Conditions:</label>
+                    <label for="date">Select Date for Initial Conditions:</label>
                     <input type="date" 
                            id="date" 
                            name="date" 
@@ -327,7 +327,7 @@
                 </div>
 
                 <div class="form-group">
-                    <label for="steps">🔢 Number of Forward Prediction Steps:</label>
+                    <label for="steps">Number of Forward Prediction Steps:</label>
                     <select id="steps" name="steps" required>
                         <option value="1">1 step (12 hours forward) - Fastest</option>
                         <option value="2" selected>2 steps (24 hours forward) - CPU Friendly</option>
@@ -341,14 +341,14 @@
                 </div>
 
                 <button type="submit" class="btn" id="predictBtn">
-                    🚀 Generate Aurora Predictions
+                    Generate Aurora Predictions
                 </button>
             </form>
 
             <!-- Loading Overlay -->
             <div class="loading-overlay" id="loadingOverlay">
                 <div class="loading-content">
-                    <div class="aurora-icon">🔮</div>
+                    <div class="aurora-icon"></div>
                     <h2 style="color: #667eea; margin-bottom: 10px;">Aurora AI Processing</h2>
                     <p style="color: #666; margin-bottom: 20px;">Generating atmospheric predictions using Microsoft's Aurora model...</p>
                     
@@ -393,7 +393,7 @@
             </div>
 
             <div style="margin-top: 30px; padding: 20px; background: #f5f5f5; border-radius: 10px;">
-                <h3 style="color: #555; margin-bottom: 15px;">📊 What You'll Get:</h3>
+                <h3 style="color: #555; margin-bottom: 15px;">What You'll Get:</h3>
                 <ul style="color: #666; margin-left: 20px;">
                     <li>Interactive visualization of predicted air pollution concentrations</li>
                     <li>Step-by-step forecast evolution over time</li>

templates/aurora_prediction_plot.html

@@ -238,12 +238,12 @@
         <a href="{{ url_for('index') }}" class="back-link">Back to Main Dashboard</a>
         
         <div class="header">
-            <h1>🔮 Aurora ML Prediction Results</h1>
+            <h1>Aurora ML Prediction Results</h1>
             <p>AI-powered atmospheric forecasting visualization</p>
         </div>
 
         <div class="step-indicator">
-            <h3>📊 Current View: Step {{ step + 1 }} of {{ max_steps }}</h3>
+            <h3>Current View: Step {{ step + 1 }} of {{ max_steps }}</h3>
             <p>Forecast time: T+{{ (step + 1) * 12 }}h ahead from initial conditions</p>
         </div>
 
@@ -251,7 +251,7 @@
             <div class="controls-container" id="controlsContainer">
                 <div class="controls-row">
                     <div class="form-group">
-                        <label for="variable">🧪 Variable:</label>
+                        <label for="variable">Variable:</label>
                         <select id="variable" name="variable">
                             {% for var in variables %}
                             <option value="{{ var }}" {% if var == var_name %}selected{% endif %}>
@@ -262,7 +262,7 @@
                     </div>
 
                     <div class="form-group">
-                        <label for="step">⏰ Forecast Step:</label>
+                        <label for="step">Forecast Step:</label>
                         <select id="step" name="step">
                             {% for s in steps %}
                             <option value="{{ s }}" {% if s == step %}selected{% endif %}>
@@ -273,7 +273,7 @@
                     </div>
 
                     <div class="form-group">
-                        <label for="color_theme">🎨 Color Theme:</label>
+                        <label for="color_theme">Color Theme:</label>
                         <select id="color_theme" name="color_theme">
                             {% for theme_id, theme_name in color_themes.items() %}
                             <option value="{{ theme_id }}" {% if theme_id == current_color_theme %}selected{% endif %}>
@@ -286,7 +286,7 @@
                     <div class="form-group">
                         <label>&nbsp;</label>
                         <button type="submit" class="btn" id="updateBtn">
-                            🔄 Update View
+                            Update View
                             <div class="mini-loading" id="miniLoading"></div>
                         </button>
                     </div>
@@ -302,7 +302,7 @@
 
         <div class="info-grid">
             <div class="info-card">
-                <h3>🔬 Variable Information</h3>
+                <h3>Variable Information</h3>
                 <p><strong>Variable:</strong> {{ var_name }}</p>
                 <p><strong>Forecast Step:</strong> {{ step }}</p>
                 <p><strong>Time Ahead:</strong> {{ step * 6 }} hours</p>
@@ -310,7 +310,7 @@
             </div>
 
             <div class="info-card">
-                <h3>🤖 Model Information</h3>
+                <h3>Model Information</h3>
                 <p><strong>Model:</strong> Microsoft Aurora Air Pollution</p>
                 <p><strong>Version:</strong> 0.4</p>
                 <p><strong>Type:</strong> Foundation Model</p>
@@ -318,7 +318,7 @@
             </div>
 
             <div class="info-card">
-                <h3>📈 Forecast Details</h3>
+                <h3>Forecast Details</h3>
                 <p><strong>Total Steps:</strong> {{ steps|length }}</p>
                 <p><strong>Step Interval:</strong> 6 hours</p>
                 <p><strong>Max Forecast:</strong> {{ (steps|length - 1) * 6 }} hours</p>
@@ -327,15 +327,15 @@
         </div>
 
         <div class="download-section">
-            <h3 style="color: #667eea; margin-bottom: 20px;">📁 Download Prediction Data</h3>
+            <h3 style="color: #667eea; margin-bottom: 20px;">Download Prediction Data</h3>
             <p style="margin-bottom: 20px; color: #666;">
                 Download the complete NetCDF file containing all forecast steps and variables
             </p>
             <a href="{{ download_url }}" class="download-btn">
-                💾 Download NetCDF File
+                Download NetCDF File
             </a>
             <a href="{{ url_for('aurora_predict') }}" class="download-btn" style="background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);">
-                🔮 Generate New Prediction
+                Generate New Prediction
             </a>
         </div>
     </div>
@@ -370,7 +370,7 @@
                 miniLoading.style.display = 'inline-block';
                 controlsContainer.classList.add('form-updating');
                 updateBtn.disabled = true;
-                updateBtn.textContent = '🔄 Updating...';
+                updateBtn.textContent = 'Updating...';
             }
             
             // Auto-hide loading indicator if page doesn't redirect within 10 seconds
@@ -384,7 +384,7 @@
                 miniLoading.style.display = 'none';
                 controlsContainer.classList.remove('form-updating');
                 updateBtn.disabled = false;
-                updateBtn.innerHTML = '🔄 Update View<div class="mini-loading" id="miniLoading"></div>';
+                updateBtn.innerHTML = 'Update View<div class="mini-loading" id="miniLoading"></div>';
             }
         });
     </script>

templates/aurora_variables.html

@@ -141,17 +141,17 @@
 <body>
     <div class="container">
         <a href="{{ url_for('prediction_runs') }}" class="back-link">← Back to Prediction Runs</a>
-        
-        <h1>🔮 Aurora Prediction Variables</h1>
-        
+
+        <h1>Aurora Prediction Variables</h1>
+
         <div class="info-box">
-            <strong>📁 Run Directory:</strong> {{ run_dir }}<br>
-            <strong>📊 Steps Available:</strong> {{ steps_data|length }} ({{ (steps_data|length * 12) }}h coverage)
+            <strong>Run Directory:</strong> {{ run_dir }}<br>
+            <strong>Steps Available:</strong> {{ steps_data|length }} ({{ (steps_data|length * 12) }}h coverage)
         </div>
 
         <!-- Step 1: Step Selection -->
         <div class="method-section">
-            <h2>⏰ Step 1: Select Prediction Step</h2>
+            <h2>Step 1: Select Prediction Step</h2>
             <p>Choose which prediction time step to analyze:</p>
             <div class="step-selector">
                 {% for step_data in steps_data %}
@@ -165,8 +165,8 @@
 
         <!-- Step 2: Variable Selection (hidden until step selected) -->
         <div id="variableSection" class="hidden-section">
-            <div class="form-section">
-                <h2>🧪 Step 2: Select Variable</h2>
+                <div class="form-section">
+                <h2>Step 2: Select Variable</h2>
                 <div id="variableLoading" class="loading">Loading variables...</div>
                 <div id="variableContent" class="hidden-section">
                     <form method="POST" action="{{ url_for('aurora_plot') }}" id="plotForm">
@@ -182,7 +182,7 @@
                         
                         <!-- Step 3: Pressure Level (shown for atmospheric variables) -->
                         <div id="pressureSection" class="hidden-section">
-                            <h2>📊 Step 3: Select Pressure Level</h2>
+                            <h2>Step 3: Select Pressure Level</h2>
                             <div class="form-group">
                                 <label for="pressure_level">Pressure Level (hPa):</label>
                                 <select name="pressure_level" id="pressure_level">
@@ -192,7 +192,7 @@
 
                         <!-- Step 4: Color Theme Selection -->
                         <div id="plotOptionsSection" class="hidden-section">
-                            <h2>🎨 Step 4: Select Color Theme</h2>
+                            <h2>Step 4: Select Color Theme</h2>
                             <div class="form-group">
                                 <label for="color_theme">Select Color Scheme:</label>
                                 <select name="color_theme" id="color_theme" onchange="updateColorPreview()">
@@ -212,12 +212,12 @@
                         </div>
 
                             <!-- Step 5: Generate Plot -->
-                            <h2>📈 Step 5: Generate Plot</h2>
+                            <h2>Step 5: Generate Plot</h2>
                             <button type="submit" name="plot_type" value="static" class="btn" id="staticPlotBtn" disabled>
-                                📊 Generate Static Plot
+                                Generate Static Plot
                             </button>
                             <button type="submit" name="plot_type" value="interactive" class="btn btn-success" id="interactivePlotBtn" disabled>
-                                🌐 Generate Interactive Plot
+                                Generate Interactive Plot
                             </button>
                         </div>
                     </form>
@@ -227,9 +227,9 @@
 
         <!-- Download Section -->
         <div class="method-section">
-            <h2>💾 Download Data</h2>
+            <h2>Download Data</h2>
             <a href="{{ url_for('download_prediction_netcdf', filename=run_dir) }}" class="btn btn-secondary">
-                📥 Download All Files
+                Download All Files
             </a>
         </div>
     </div>

templates/gallery.html

@@ -245,7 +245,7 @@
 <body>
     <div class="container">
         <div class="header">
-            <h1>📊 Plot Gallery</h1>
+            <h1>Plot Gallery</h1>
             <p style="text-align: center; color: #7f8c8d; margin-top: 10px;">
                 View and manage all your saved pollution maps
             </p>
@@ -255,7 +255,7 @@
             <a href="{{ url_for('index') }}" class="btn btn-secondary">← Back to Dashboard</a>
             <a href="{{ url_for('cleanup') }}" class="btn btn-danger" 
                onclick="return confirm('This will delete plots older than 24 hours. Continue?')">
-                🧹 Clean Old Plots
+                Clean Old Plots
             </a>
         </div>
 
@@ -279,29 +279,28 @@
 
         <!-- Interactive Plots Section -->
         <div class="section">
-            <h2>🎯 Interactive Plots</h2>
+            <h2>Interactive Plots</h2>
             {% if interactive_plots %}
                 <div class="plots-grid">
                     {% for plot in interactive_plots %}
                     <div class="plot-card">
                         <div class="plot-preview interactive">
-                            🌍
                         </div>
                         <div class="plot-info">
                             <h3>{{ plot.variable|title }} - {{ plot.region|title }}{{ ' (' + plot.plot_type + ')' if plot.plot_type else '' }}</h3>
                             <div class="plot-meta">
-                                <span>📅 {{ plot.created.strftime('%Y-%m-%d %H:%M') }}</span>
-                                <span>🎨 {{ plot.theme|title }}</span>
-                                <span>📁 {{ "%.1f"|format(plot.size/1024) }} KB</span>
-                                <span>🌐 Interactive</span>
+                                <span>{{ plot.created.strftime('%Y-%m-%d %H:%M') }}</span>
+                                <span>{{ plot.theme|title }}</span>
+                                <span>{{ "%.1f"|format(plot.size/1024) }} KB</span>
+                                <span>Interactive</span>
                             </div>
                             <div class="plot-actions">
-                                <a href="{{ url_for('view_interactive_plot', filename=plot.filename) }}" 
-                                   class="btn-small btn-view">👁️ View</a>
-                                <a href="{{ url_for('serve_plot', filename=plot.filename) }}" 
-                                   class="btn-small btn-download" download>💾 Download</a>
-                                <button onclick="deletePlot('{{ plot.filename }}')" 
-                                        class="btn-small btn-delete">🗑️ Delete</button>
+                                          <a href="{{ url_for('view_interactive_plot', filename=plot.filename) }}" 
+                                              class="btn-small btn-view">View</a>
+                                          <a href="{{ url_for('serve_plot', filename=plot.filename) }}" 
+                                              class="btn-small btn-download" download>Download</a>
+                                          <button onclick="deletePlot('{{ plot.filename }}')" 
+                                                     class="btn-small btn-delete">Delete</button>
                             </div>
                         </div>
                     </div>
@@ -317,7 +316,7 @@
 
         <!-- Static Plots Section -->
         <div class="section">
-            <h2>📊 Static Plots</h2>
+            <h2>Static Plots</h2>
             {% if static_plots %}
                 <div class="plots-grid">
                     {% for plot in static_plots %}
@@ -325,23 +324,23 @@
                         <div class="plot-preview">
                             <img src="{{ url_for('serve_plot', filename=plot.filename) }}" 
                                  alt="{{ plot.variable }} plot" 
-                                 onerror="this.style.display='none'; this.parentElement.innerHTML='<div style=\'color: #e74c3c; text-align: center;\'>📷<br>Preview unavailable</div>'">
+                                 onerror="this.style.display='none'; this.parentElement.innerHTML='<div style=\'color: #e74c3c; text-align: center;\'>Preview unavailable</div>'">
                         </div>
                         <div class="plot-info">
                             <h3>{{ plot.variable|title }} - {{ plot.region|title }}{{ ' (' + plot.plot_type + ')' if plot.plot_type else '' }}</h3>
                             <div class="plot-meta">
-                                <span>📅 {{ plot.created.strftime('%Y-%m-%d %H:%M') }}</span>
-                                <span>🎨 {{ plot.theme|title }}</span>
-                                <span>📁 {{ "%.1f"|format(plot.size/1024) }} KB</span>
-                                <span>🖼️ {{ plot.extension.upper() }}</span>
+                                <span>{{ plot.created.strftime('%Y-%m-%d %H:%M') }}</span>
+                                <span>{{ plot.theme|title }}</span>
+                                <span>{{ "%.1f"|format(plot.size/1024) }} KB</span>
+                                <span>{{ plot.extension.upper() }}</span>
                             </div>
                             <div class="plot-actions">
-                                <a href="{{ url_for('serve_plot', filename=plot.filename) }}" 
-                                   class="btn-small btn-view" target="_blank">👁️ View</a>
-                                <a href="{{ url_for('serve_plot', filename=plot.filename) }}" 
-                                   class="btn-small btn-download" download>💾 Download</a>
-                                <button onclick="deletePlot('{{ plot.filename }}')" 
-                                        class="btn-small btn-delete">🗑️ Delete</button>
+                                          <a href="{{ url_for('serve_plot', filename=plot.filename) }}" 
+                                              class="btn-small btn-view" target="_blank">View</a>
+                                          <a href="{{ url_for('serve_plot', filename=plot.filename) }}" 
+                                              class="btn-small btn-download" download>Download</a>
+                                          <button onclick="deletePlot('{{ plot.filename }}')" 
+                                                     class="btn-small btn-delete">Delete</button>
                             </div>
                         </div>
                     </div>
@@ -363,8 +362,8 @@
             viewButtons.forEach(button => {
                 button.addEventListener('click', function() {
                     const originalText = this.textContent;
-                    this.textContent = '⏳ Loading...';
-                    
+                    this.textContent = 'Loading...';
+
                     // Reset after a delay if still on page
                     setTimeout(() => {
                         this.textContent = originalText;
@@ -376,8 +375,8 @@
             downloadButtons.forEach(button => {
                 button.addEventListener('click', function() {
                     const originalText = this.textContent;
-                    this.textContent = '📥 Downloading...';
-                    
+                    this.textContent = 'Downloading...';
+
                     setTimeout(() => {
                         this.textContent = originalText;
                     }, 2000);
@@ -403,7 +402,7 @@
                     }
                     
                     const originalText = button.textContent;
-                    button.textContent = '🗑️ Deleting...';
+                    button.textContent = 'Deleting...';
                     button.disabled = true;
 
                     fetch(`/delete_plot/${filename}`, {
@@ -432,7 +431,7 @@
                                 background: #27ae60; color: white; padding: 15px 25px;
                                 border-radius: 8px; font-weight: bold; box-shadow: 0 4px 12px rgba(0,0,0,0.3);
                             `;
-                            successMsg.textContent = `✅ ${filename} deleted successfully`;
+                            successMsg.textContent = `${filename} deleted successfully`;
                             document.body.appendChild(successMsg);
                             
                             setTimeout(() => {

templates/index.html

@@ -155,11 +155,11 @@
 </head>
 <body>
     <div class="container">
-        <h1>🌍 CAMS Air Pollution Visualization</h1>
+        <h1>CAMS Air Pollution Visualization</h1>
         
         <div style="text-align: center; margin-bottom: 20px;">
             <a href="{{ url_for('gallery') }}" class="btn">
-                📊 View Plot Gallery
+                View Plot Gallery
             </a>
         </div>
         
@@ -172,9 +172,9 @@
         {% endwith %}
         
         <div class="info-box">
-            <strong>📡 System Status:</strong>
+            <strong>System Status:</strong>
             <span class="status-indicator {% if cds_ready %}status-ready{% else %}status-error{% endif %}">
-                {% if cds_ready %}✅ CDS API Ready{% else %}❌ CDS API Not Configured{% endif %}
+                {% if cds_ready %}CDS API Ready{% else %}CDS API Not Configured{% endif %}
             </span>
             {% if not cds_ready %}
                                 <small class="help-text">
@@ -185,7 +185,7 @@
         
         <div class="two-column">
             <div class="method-section">
-                <h2>📁 Method 1: Upload File</h2>
+                <h2>Method 1: Upload File</h2>
                 <p>Upload your own NetCDF (.nc) or ZIP (.zip) file containing CAMS data</p>
                 
                 <form action="/upload" method="post" enctype="multipart/form-data">
@@ -197,12 +197,12 @@
                             <strong>Maximum size:</strong> 500MB
                         </div>
                     </div>
-                    <button type="submit" class="btn">📤 Upload & Analyze</button>
+                    <button type="submit" class="btn">Upload & Analyze</button>
                 </form>
             </div>
             
             <div class="method-section">
-                <h2>📅 Method 2: Download by Date</h2>
+                <h2>Method 2: Download by Date</h2>
                 <p>Download CAMS data for a specific date (requires CDS API)</p>
                 
                 <form action="/download_date" method="post">
@@ -213,7 +213,7 @@
                     </div>
                     
                     <button type="submit" class="btn" id="download_btn" {% if not cds_ready %}disabled{% endif %}>
-                        ⬇️ Download & Analyze
+                        Download & Analyze
                     </button>
                     
                     {% if not cds_ready %}
@@ -242,7 +242,7 @@
         {% endif %} -->
         
             <div class="method-section">
-            <h2>🗂️ Method 3: Choose from Recent Files</h2>
+            <h2>Method 3: Choose from Recent Files</h2>
             <p>Select a previously uploaded or downloaded file for visualization.</p>
             <form id="recentFileForm" action="" method="get" style="display: flex; gap: 10px; align-items: center;">
                 <select name="recent_file" id="recent_file" required style="flex: 1;">
@@ -259,11 +259,11 @@
 
         <div class="container">
             <div class="method-section" style="border-left: 4px solid #9b59b6;">
-                <h2>🔮 Method 4: Aurora ML Predictions</h2>
+                <h2>Method 4: Aurora ML Predictions</h2>
                 <p>Generate AI-powered air pollution forecasts using Microsoft's Aurora foundation model</p>
                 
                 <div style="background: #f8f9ff; padding: 15px; border-radius: 8px; margin: 15px 0; border: 2px solid #e3e7ff;">
-                    <p style="margin-bottom: 10px;"><strong>🚀 Enhanced Aurora Features:</strong></p>
+                    <p style="margin-bottom: 10px;"><strong>Enhanced Aurora Features:</strong></p>
                     <ul style="margin-left: 20px; color: #666;">
                         <li>Uses dual timestamps (T-1 and T) for improved prediction accuracy</li>
                         <li>Forward predictions from 1-4 steps (12-48 hours coverage)</li>
@@ -276,15 +276,15 @@
                 {% if aurora_available is defined and aurora_available %}
                     <div style="display: flex; gap: 15px; flex-wrap: wrap;">
                         <a href="{{ url_for('aurora_predict') }}" class="btn" style="background: linear-gradient(135deg, #9b59b6 0%, #8e44ad 100%);">
-                            🔮 Generate Aurora Predictions
+                            Generate Aurora Predictions
                         </a>
                         <a href="{{ url_for('prediction_runs') }}" class="btn" style="background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);">
-                            📊 Browse Existing Predictions
+                            Browse Existing Predictions
                         </a>
                     </div>
                 {% else %}
                     <button class="btn" disabled style="background: #bdc3c7; cursor: not-allowed;">
-                        🔮 Aurora Model Not Available
+                        Aurora Model Not Available
                     </button>
                     <p style="margin-top: 10px; font-size: 14px; color: #721c24;">
                         Aurora dependencies not installed. Requires PyTorch and aurora-forecast package.
@@ -294,7 +294,7 @@
         </div>
 
         <div class="container">
-            <h2>📋 How to Use</h2>
+            <h2>How to Use</h2>
             <ol style="line-height: 1.8;">
                 <li><strong>Choose your method:</strong> Upload your own file or download data by date</li>
                 <li><strong>File Analysis:</strong> The system will detect air pollution variables in your data</li>
@@ -303,13 +303,13 @@
             </ol>
             
             <div class="info-box">
-                <strong>💡 Supported Variables:</strong>
+                <strong>Supported Variables:</strong>
                 PM2.5, PM10, PM1, NO₂, SO₂, O₃, CO, NO, NH₃, Total Column measurements, and more
             </div>
         </div>
         
         <div class="cleanup-section">
-            <h3>🧹 Maintenance</h3>
+            <h3>Maintenance</h3>
             <p>Clean up old files to free up disk space</p>
             <a href="/cleanup" class="btn">Clean Old Files</a>
         </div>
@@ -337,7 +337,7 @@
                 uploadForm.addEventListener('submit', function(e) {
                     const submitBtn = this.querySelector('button[type="submit"]');
                     if (submitBtn) {
-                        addLoadingState(submitBtn, '📁 Upload File');
+                        addLoadingState(submitBtn, 'Upload File');
                     }
                 });
             }
@@ -352,7 +352,7 @@
                     }
                     const submitBtn = this.querySelector('button[type="submit"]');
                     if (submitBtn) {
-                        addLoadingState(submitBtn, '📥 Download CAMS Data');
+                        addLoadingState(submitBtn, 'Download CAMS Data');
                     }
                 });
             }
@@ -362,7 +362,7 @@
             if (cleanupBtn) {
                 cleanupBtn.addEventListener('click', function(e) {
                     e.preventDefault();
-                    this.textContent = '🧹 Cleaning...';
+                    this.textContent = 'Cleaning...';
                     this.style.pointerEvents = 'none';
                     window.location.href = this.href;
                 });
@@ -388,7 +388,7 @@
             // Show loading state
             const submitBtn = this.querySelector('button[type="submit"]');
             if (submitBtn) {
-                addLoadingState(submitBtn, '🚀 Analyze');
+                addLoadingState(submitBtn, 'Analyze');
             }
             
             const [filename, filetype] = val.split('|');

templates/interactive_plot.html

@@ -197,34 +197,34 @@
 <body>
     <div class="container">
         <div class="header">
-            <h1>🌍 Interactive Air Pollution Map</h1>
+            <h1>Interactive Air Pollution Map</h1>
             <p style="text-align: center; color: #7f8c8d; margin-top: 10px;">
                 Hover over the map to see exact coordinates and pollution values. Use the toolbar to zoom, pan, and download.
             </p>
         </div>
 
         <div class="instructions">
-            <h3>🎯 How to Use This Interactive Map:</h3>
+            <h3>How to Use This Interactive Map:</h3>
             <ul>
-                <li><strong>🖱️ Hover:</strong> Move your mouse over any point to see exact coordinates, pollution values, and location data</li>
-                <li><strong>🔍 Zoom:</strong> Use mouse wheel, zoom buttons in toolbar, or draw a rectangle to zoom to specific area</li>
-                <li><strong>📍 Pan:</strong> Click and drag to move around the map</li>
-                <li><strong>📥 Download:</strong> Click the camera icon in the toolbar to download as PNG image</li>
-                <li><strong>🔄 Reset:</strong> Double-click anywhere to reset zoom to original view</li>
-                <li><strong>✏️ Annotate:</strong> Use drawing tools in the toolbar to add lines, shapes, and annotations</li>
+                <li><strong>Hover:</strong> Move your mouse over any point to see exact coordinates, pollution values, and location data</li>
+                <li><strong>Zoom:</strong> Use mouse wheel, zoom buttons in toolbar, or draw a rectangle to zoom to specific area</li>
+                <li><strong>Pan:</strong> Click and drag to move around the map</li>
+                <li><strong>Download:</strong> Click the camera icon in the toolbar to download as PNG image</li>
+                <li><strong>Reset:</strong> Double-click anywhere to reset zoom to original view</li>
+                <li><strong>Annotate:</strong> Use drawing tools in the toolbar to add lines, shapes, and annotations</li>
             </ul>
         </div>
 
         <div class="controls">
             <a href="{{ url_for('index') }}" class="btn btn-back">← Back to Dashboard</a>
-            {% if plot_info.png_path %}
-            <a href="{{ url_for('serve_plot', filename=plot_info.png_path.split('/')[-1]) }}" 
-               class="btn btn-download" download>📥 Download PNG</a>
-            {% endif %}
-            {% if plot_info.html_path %}
-            <a href="{{ url_for('serve_plot', filename=plot_info.html_path.split('/')[-1]) }}" 
-               class="btn btn-download" download>📄 Download HTML</a>
-            {% endif %}
+                {% if plot_info.png_path %}
+                <a href="{{ url_for('serve_plot', filename=plot_info.png_path.split('/')[-1]) }}" 
+                    class="btn btn-download" download>Download PNG</a>
+                {% endif %}
+                {% if plot_info.html_path %}
+                <a href="{{ url_for('serve_plot', filename=plot_info.html_path.split('/')[-1]) }}" 
+                    class="btn btn-download" download>Download HTML</a>
+                {% endif %}
         </div>
 
         <div class="plot-container">
@@ -234,57 +234,57 @@
         </div>
 
         <div class="plot-info">
-            <h2 style="color: #2c3e50; margin-bottom: 20px;">📊 Plot Information</h2>
+            <h2 style="color: #2c3e50; margin-bottom: 20px;">Plot Information</h2>
             
             <div class="info-grid">
                 <div class="info-item">
-                    <h3>🧪 Variable</h3>
+                    <h3>Variable</h3>
                     <p>{{ plot_info.variable }}</p>
                 </div>
                 
                 {% if plot_info.units %}
                 <div class="info-item">
-                    <h3>📏 Units</h3>
+                    <h3>Units</h3>
                     <p>{{ plot_info.units }}</p>
                 </div>
                 {% endif %}
                 
                 {% if plot_info.pressure_level %}
                 <div class="info-item">
-                    <h3>🌡️ Pressure Level</h3>
+                    <h3>Pressure Level</h3>
                     <p>{{ plot_info.pressure_level }} hPa</p>
                 </div>
                 {% endif %}
                 
                 <div class="info-item">
-                    <h3>🎨 Color Theme</h3>
+                    <h3>Color Theme</h3>
                     <p>{{ plot_info.color_theme }}</p>
                 </div>
                 
                 <div class="info-item">
-                    <h3>📏 Data Shape</h3>
+                    <h3>Data Shape</h3>
                     <p>{{ plot_info.shape }}</p>
                 </div>
                 
                 <div class="info-item">
-                    <h3>⏰ Generated</h3>
+                    <h3>Generated</h3>
                     <p>{{ plot_info.generated_time }}</p>
                 </div>
             <!-- </div>
 
             <div class="info-grid"> -->
                 <div class="info-item">
-                    <h3>📊 Minimum Value</h3>
+                    <h3>Minimum Value</h3>
                     <p>{{ "%.3f"|format(plot_info.data_range.min) }}{% if plot_info.units %} {{ plot_info.units }}{% endif %}</p>
                 </div>
                 
                 <div class="info-item">
-                    <h3>📊 Maximum Value</h3>
+                    <h3>Maximum Value</h3>
                     <p>{{ "%.3f"|format(plot_info.data_range.max) }}{% if plot_info.units %} {{ plot_info.units }}{% endif %}</p>
                 </div>
                 
                 <div class="info-item">
-                    <h3>📊 Average Value</h3>
+                    <h3>Average Value</h3>
                     <p>{{ "%.3f"|format(plot_info.data_range.mean) }}{% if plot_info.units %} {{ plot_info.units }}{% endif %}</p>
                 </div>
             </div>
@@ -297,11 +297,11 @@
             console.log('Interactive plot page loaded');
             
             // Check if Plotly is loaded
-            if (typeof Plotly === 'undefined') {
+                if (typeof Plotly === 'undefined') {
                 console.error('Plotly is not loaded!');
                 document.getElementById('plotly-container').innerHTML = 
                     '<div style="padding: 40px; text-align: center; color: red; border: 2px dashed red; margin: 20px;">' +
-                    '<h3>⚠️ Plot Loading Error</h3>' +
+                    '<h3>Plot Loading Error</h3>' +
                     '<p>Plotly library failed to load. Please refresh the page or check your internet connection.</p>' +
                     '</div>';
                 return;
@@ -310,13 +310,13 @@
             // Look for the plotly div
             const plotDiv = document.querySelector('[id^="interactive-plot"]') || document.querySelector('.plotly-graph-div');
             
-            if (!plotDiv) {
+                if (!plotDiv) {
                 console.error('No Plotly div found!');
                 document.getElementById('plotly-container').innerHTML = 
                     '<div style="padding: 40px; text-align: center; color: orange; border: 2px dashed orange; margin: 20px;">' +
-                    '<h3>⚠️ Plot Not Found</h3>' +
+                    '<h3>Plot Not Found</h3>' +
                     '<p>The interactive plot could not be initialized. The data may be processing.</p>' +
-                    '<button onclick="location.reload()" style="padding: 10px 20px; background: #3498db; color: white; border: none; border-radius: 5px; cursor: pointer;">🔄 Refresh Page</button>' +
+                    '<button onclick="location.reload()" style="padding: 10px 20px; background: #3498db; color: white; border: none; border-radius: 5px; cursor: pointer;">Refresh Page</button>' +
                     '</div>';
                 return;
             }
@@ -333,11 +333,11 @@
             // Add loading indicator for downloads
             const downloadButtons = document.querySelectorAll('.btn-download');
             downloadButtons.forEach(button => {
-                button.addEventListener('click', function() {
+                    button.addEventListener('click', function() {
                     const originalText = this.textContent;
-                    this.textContent = '⏳ Preparing download...';
+                    this.textContent = 'Preparing download...';
                     this.style.pointerEvents = 'none';
-                    
+
                     setTimeout(() => {
                         this.textContent = originalText;
                         this.style.pointerEvents = 'auto';

templates/plot.html

@@ -222,7 +222,7 @@
 </head>
 <body>
     <div class="container">
-        <h1>🗺️ {{ plot_info.variable }} Visualization</h1>
+        <h1>{{ plot_info.variable }} Visualization</h1>
         
         {% with messages = get_flashed_messages(with_categories=true) %}
             {% if messages %}
@@ -233,7 +233,7 @@
         {% endwith %}
         
         <div class="breadcrumb">
-            <a href="{{ url_for('index') }}">🏠 Home</a> → 
+            <a href="{{ url_for('index') }}">Home</a> → 
             <a href="javascript:history.back()">Variable Selection</a> → 
             Visualization
         </div>
@@ -247,10 +247,10 @@
                 
                 <div class="plot-controls">
                     <button onclick="downloadPlot()" class="btn btn-download">
-                        💾 Download Image
+                        Download Image
                     </button>
                     <button onclick="toggleFullscreen()" class="btn btn-secondary">
-                        🔍 View Fullscreen
+                        View Fullscreen
                     </button>
                 </div>
             </div>
@@ -258,7 +258,7 @@
         
         <div class="two-column">
             <div class="info-section">
-                <h2>📊 Variable Information</h2>
+                <h2>Variable Information</h2>
                 <div class="info-grid">
                     <div class="info-item">
                         <strong>Variable:</strong>
@@ -290,7 +290,7 @@
             </div>
             
             <div class="info-section">
-                <h2>📈 Data Statistics</h2>
+                <h2>Data Statistics</h2>
                 <div class="stats-grid">
                     <div class="stat-item">
                         <div class="stat-value">{{ "%.3f"|format(plot_info.data_range.min) }}</div>
@@ -313,23 +313,23 @@
         </div>
         
         <div class="action-section">
-            <h2>🛠️ Actions</h2>
+            <h2>Actions</h2>
             <div class="button-group">
                 <a href="javascript:history.back()" class="btn btn-secondary">
                     ← Create Another Visualization
                 </a>
                 <a href="{{ url_for('index') }}" class="btn btn-secondary">
-                    🏠 Back to Home
+                    Back to Home
                 </a>
                 <button onclick="sharePlot()" class="btn">
-                    📤 Share Plot
+                    Share Plot
                 </button>
             </div>
         </div>
         
         <div class="technical-section">
             <details>
-                <summary><h3>🔧 Technical Details</h3></summary>
+                <summary><h3>Technical Details</h3></summary>
                 <div class="technical-content">
                     <div class="technical-grid">
                         <div>

templates/prediction_runs.html

@@ -237,7 +237,7 @@
 <body>
     <div class="container">
         <div class="header">
-            <h1>🔮 Aurora Prediction Runs</h1>
+            <h1>Aurora Prediction Runs</h1>
             <p>Browse and manage your atmospheric prediction runs</p>
         </div>
 
@@ -269,30 +269,26 @@
                 {% for run in runs %}
                 <div class="run-card">
                     <div class="run-header">
-                        <div class="run-title">📅 {{ run.date }}</div>
+                        <div class="run-title">{{ run.date }}</div>
                         <div class="run-status {{ 'status-available' if run.available else 'status-unavailable' }}">
-                            {{ '✅ Available' if run.available else '❌ Missing' }}
+                            {{ 'Available' if run.available else 'Missing' }}
                         </div>
                     </div>
 
                     <div class="run-details">
                         <div class="detail-item">
-                            <span class="detail-icon">🕐</span>
                             <span class="detail-label">Run Time:</span>
                             <span class="detail-value">{{ run.run_timestamp[:8] }} {{ run.run_timestamp[9:].replace('_', ':') }}</span>
                         </div>
                         <div class="detail-item">
-                            <span class="detail-icon">📊</span>
                             <span class="detail-label">Steps:</span>
                             <span class="detail-value">{{ run.steps }} steps</span>
                         </div>
                         <div class="detail-item">
-                            <span class="detail-icon">⏱️</span>
                             <span class="detail-label">Coverage:</span>
                             <span class="detail-value">{{ run.time_coverage_hours }}h forward</span>
                         </div>
                         <div class="detail-item">
-                            <span class="detail-icon">📥</span>
                             <span class="detail-label">Input Times:</span>
                             <span class="detail-value">{{ run.input_times|join(", ") }}</span>
                         </div>
@@ -302,20 +298,20 @@
                         {% if run.available %}
                             <a href="{{ url_for('aurora_variables', run_dir=run.relative_path) }}" 
                                class="btn">
-                                📊 View Variables
+                                View Variables
                             </a>
                             <a href="{{ url_for('download_prediction_netcdf', filename=run.relative_path) }}" 
                                class="btn btn-secondary">
-                                💾 Download Files
+                                Download Files
                             </a>
                         {% else %}
                             <button class="btn" disabled>
-                                ❌ File Not Available
+                                File Not Available
                             </button>
                         {% endif %}
                         
                         <a href="{{ url_for('aurora_predict') }}" class="btn btn-secondary">
-                            🔄 Create New Run
+                            Create New Run
                         </a>
                     </div>
                 </div>
@@ -323,11 +319,11 @@
 
             {% else %}
                 <div class="no-runs">
-                    <h3>🔮 No Aurora Prediction Runs Found</h3>
+                    <h3>No Aurora Prediction Runs Found</h3>
                     <p>You haven't created any Aurora predictions yet.</p>
                     <p style="margin-top: 20px;">
                         <a href="{{ url_for('aurora_predict') }}" class="btn">
-                            🚀 Create Your First Prediction
+                            Create Your First Prediction
                         </a>
                     </p>
                 </div>

templates/variables.html

@@ -196,7 +196,7 @@
 </head>
 <body>
     <div class="container">
-        <h1>🔬 Variable Selection</h1>
+        <h1>Variable Selection</h1>
         
         {% with messages = get_flashed_messages(with_categories=true) %}
             {% if messages %}
@@ -207,7 +207,7 @@
         {% endwith %}
         
         <div class="breadcrumb">
-            <a href="{{ url_for('index') }}">🏠 Home</a> → Variable Selection
+            <a href="{{ url_for('index') }}">Home</a> → Variable Selection
         </div>
         
         <form action="/visualize" method="post" id="visualizeForm">
@@ -215,7 +215,7 @@
             <input type="hidden" name="is_download" value="{{ is_download }}">
             
             <div class="form-section">
-                <h2>📊 Select Air Pollution Variable</h2>
+                <h2>Select Air Pollution Variable</h2>
                 <p>Found {{ variables|length }} air pollution variable(s) in your data. Select one below:</p>
                 
                 <div class="form-group">
@@ -241,7 +241,7 @@
             </div>
 
             <div class="pressure-section" id="pressureSection" style="display: none;">
-                <h3>🌡️ Pressure Level Selection</h3>
+                <h3>Pressure Level Selection</h3>
                 <p>This is an atmospheric variable. Please select a pressure level:</p>
                 
                 <div class="form-group">
@@ -263,14 +263,14 @@
                         <option value="1000">1000 hPa (Surface Level)</option>
                     </select>
                     <div class="info-text">
-                        💡 <strong>Tip:</strong> 850 hPa is commonly used for atmospheric analysis (pre-selected)
+                        <strong>Tip:</strong> 850 hPa is commonly used for atmospheric analysis (pre-selected)
                     </div>
                 </div>
             </div>
             
             <!-- Time Selection -->
             <div class="form-section" id="timeSection" style="display: none;">
-                <h3>⏰ Time Selection</h3>
+                <h3>Time Selection</h3>
                 <p>Multiple time steps available. Please select a time:</p>
                 
                 <div class="form-group">
@@ -279,13 +279,13 @@
                         <option value="">-- Loading available times --</option>
                     </select>
                     <div class="info-text">
-                        💡 <strong>Tip:</strong> Latest time is usually pre-selected
+                        <strong>Tip:</strong> Latest time is usually pre-selected
                     </div>
                 </div>
             </div>
             
             <div class="form-section">
-                <h2>🎨 Color Theme</h2>
+                <h2>Color Theme</h2>
                 <div class="form-group">
                     <label for="color_theme">Select Color Scheme:</label>
                     <select name="color_theme" id="color_theme" onchange="updateColorPreview()">
@@ -311,10 +311,10 @@
                     </label>
                     <div style="display: flex; gap: 10px; flex-wrap: wrap;">
                         <button type="submit" formaction="{{ url_for('visualize') }}" class="btn">
-                            📊 Generate Static Plot (PNG)
+                            Generate Static Plot (PNG)
                         </button>
                         <button type="submit" formaction="{{ url_for('visualize_interactive') }}" class="btn btn-interactive">
-                            🎯 Generate Interactive Plot (with hover info)
+                            Generate Interactive Plot (with hover info)
                         </button>
                     </div>
                     <p style="margin-top: 10px; font-size: 14px; color: #7f8c8d;">
@@ -324,7 +324,7 @@
                 </div>
                 
                 <div class="loading-message" id="loadingMessage" style="display: none;">
-                    <p>🔄 Generating map visualization... This may take a moment.</p>
+                    <p>Generating map visualization... This may take a moment.</p>
                     <div class="spinner"></div>
                 </div>
             </div>
@@ -512,13 +512,13 @@
             
             // Determine which button was clicked
             const submitEvent = e.submitter;
-            let loadingText = '⏳ Generating...';
+            let loadingText = 'Generating...';
             
             if (submitEvent && submitEvent.formAction) {
                 if (submitEvent.formAction.includes('visualize_interactive')) {
-                    loadingText = '🎯 Creating Interactive Plot...';
+                    loadingText = 'Creating Interactive Plot...';
                 } else {
-                    loadingText = '📊 Creating Static Plot...';
+                    loadingText = 'Creating Static Plot...';
                 }
             }
             

templates/view_interactive.html

@@ -137,7 +137,7 @@
 <body>
     <div class="container">
         <div class="header">
-            <h1>🌍 Interactive Plot Viewer</h1>
+            <h1>Interactive Plot Viewer</h1>
             <p style="color: #7f8c8d; margin-top: 10px;">
                 Viewing saved interactive plot: {{ plot_info.filename }}
             </p>
@@ -145,9 +145,9 @@
 
         <div class="controls">
             <a href="{{ url_for('gallery') }}" class="btn btn-secondary">← Back to Gallery</a>
-            <a href="{{ url_for('index') }}" class="btn btn-secondary">🏠 Dashboard</a>
-            <a href="{{ url_for('serve_plot', filename=plot_info.filename) }}" 
-               class="btn btn-download" download>📥 Download HTML</a>
+                <a href="{{ url_for('index') }}" class="btn btn-secondary">Dashboard</a>
+                <a href="{{ url_for('serve_plot', filename=plot_info.filename) }}" 
+                    class="btn btn-download" download>Download HTML</a>
         </div>
 
         <div class="plot-container">
@@ -157,38 +157,38 @@
         </div>
 
         <div class="plot-info-section">
-            <h2 style="color: #2c3e50; margin-bottom: 20px;">📊 Plot Information</h2>
+            <h2 style="color: #2c3e50; margin-bottom: 20px;">Plot Information</h2>
             
             <div class="info-grid">
                 <div class="info-item">
-                    <h3>🧪 Variable</h3>
+                    <h3>Variable</h3>
                     <p>{{ plot_info.variable }}</p>
                 </div>
                 
                 {% if plot_info.pressure_level %}
                 <div class="info-item">
-                    <h3>🌡️ Pressure Level</h3>
+                    <h3>Pressure Level</h3>
                     <p>{{ plot_info.pressure_level }}</p>
                 </div>
                 {% endif %}
                 
                 <div class="info-item">
-                    <h3>🎨 Color Theme</h3>
+                    <h3>Color Theme</h3>
                     <p>{{ plot_info.theme }}</p>
                 </div>
                 
                 <div class="info-item">
-                    <h3>⏰ Generated</h3>
+                    <h3>Generated</h3>
                     <p>{{ plot_info.generated_time }}</p>
                 </div>
                 
                 <div class="info-item">
-                    <h3>🎯 Type</h3>
+                    <h3>Type</h3>
                     <p>{{ plot_info.plot_type }} Plot</p>
                 </div>
                 
                 <div class="info-item" style="grid-column: 1 / -1;">
-                    <h3>📁 Filename</h3>
+                    <h3>Filename</h3>
                     <p style="font-family: monospace; background: #f8f9fa; padding: 8px; border-radius: 4px; word-break: break-all;">{{ plot_info.filename }}</p>
                 </div>
             </div>