Upload 45 files

index.html

@@ -14,11 +14,11 @@
     <script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.0/dist/chart.umd.min.js"></script>
     
     <!-- Styles -->
-    <link rel="stylesheet" href="/static/css/main.css">
-    <link rel="stylesheet" href="/static/css/toast.css">
-    <script src="/static/js/trading-pairs-loader.js" defer></script>
-    <script src="/static/js/toast.js" defer></script>
-    <script src="/static/js/app.js" defer></script>
+    <link rel="stylesheet" href="/static/css/main.css?v=2">
+    <link rel="stylesheet" href="/static/css/toast.css?v=2">
+    <script src="/static/js/trading-pairs-loader.js?v=2" defer></script>
+    <script src="/static/js/toast.js?v=2" defer></script>
+    <script src="/static/js/app.js?v=2" defer></script>
     
     <!-- Favicon -->
     <link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>🚀</text></svg>">

static/js/app.js

@@ -27,38 +27,17 @@
 // =============================================================================
 // Toast Notification System (use the one from toast.js)
 // =============================================================================
-// Create a proxy that will use window.toastManager when it's available
-const ToastManager = {
-    get _manager() {
-        return window.toastManager || window.toast;
-    },
-    init() {
-        if (this._manager && this._manager.init) this._manager.init();
-    },
-    show(message, type = 'info', duration = 5000) {
-        if (this._manager) return this._manager.show(message, type, duration);
-        console.log(`Toast: ${type} - ${message}`);
-    },
-    remove(toast) {
-        if (toast && toast.remove) toast.remove();
-    },
-    success(message, duration) {
-        if (this._manager && this._manager.success) return this._manager.success(message, duration);
-        return this.show(message, 'success', duration);
-    },
-    error(message, duration) {
-        if (this._manager && this._manager.error) return this._manager.error(message, duration);
-        return this.show(message, 'error', duration);
-    },
-    warning(message, duration) {
-        if (this._manager && this._manager.warning) return this._manager.warning(message, duration);
-        return this.show(message, 'warning', duration);
-    },
-    info(message, duration) {
-        if (this._manager && this._manager.info) return this._manager.info(message, duration);
-        return this.show(message, 'info', duration);
-    }
-};
+// Helper function to get toast manager (loaded from toast.js)
+function getToast() {
+    return window.toastManager || window.toast || {
+        init() {},
+        show(msg, type) { console.log(`Toast: ${type} - ${msg}`); },
+        success(msg) { this.show(msg, 'success'); },
+        error(msg) { this.show(msg, 'error'); },
+        warning(msg) { this.show(msg, 'warning'); },
+        info(msg) { this.show(msg, 'info'); }
+    };
+}
 
 // =============================================================================
 // Global State
@@ -153,7 +132,7 @@ document.addEventListener('DOMContentLoaded', () => {
     console.log('🚀 Initializing Crypto Intelligence Hub...');
     
     // Initialize toast manager
-    ToastManager.init();
+    getToast().init();
     
     // Check API status
     checkAPIStatus();
@@ -244,7 +223,7 @@ function loadTabData(tabId) {
 
 function refreshCurrentTab() {
     loadTabData(AppState.currentTab);
-    ToastManager.success('Data refreshed successfully');
+    getToast().success('Data refreshed successfully');
 }
 
 // =============================================================================
@@ -478,7 +457,7 @@ async function loadDashboard() {
         console.log('✅ Dashboard loaded successfully');
     } catch (error) {
         console.error('❌ Error loading dashboard:', error);
-        ToastManager.error('Failed to load dashboard. Please check the backend.');
+        getToast().error('Failed to load dashboard. Please check the backend.');
         
         // Show error state
         const systemStatusDiv = document.getElementById('system-status');
@@ -687,7 +666,7 @@ async function loadMarketData() {
         console.log('✅ Market data loaded successfully');
     } catch (error) {
         console.error('❌ Error loading market data:', error);
-        ToastManager.error('Failed to load market data');
+        getToast().error('Failed to load market data');
         
         if (marketDiv) marketDiv.innerHTML = `<div class="alert alert-error">Error loading market data: ${error.message}</div>`;
         if (trendingDiv) trendingDiv.innerHTML = '<div class="alert alert-error">Error loading trending coins</div>';
@@ -701,7 +680,7 @@ async function loadMarketData() {
 
 async function fetchNewsFromAPI() {
     console.log('📥 Fetching news from CryptoCompare API...');
-    ToastManager.info('Fetching latest news from CryptoCompare...');
+    getToast().info('Fetching latest news from CryptoCompare...');
     
     const newsListDiv = document.getElementById('news-list');
     if (!newsListDiv) return;
@@ -718,16 +697,16 @@ async function fetchNewsFromAPI() {
         console.log('Fetch news result:', data);
         
         if (data.success) {
-            ToastManager.success(`Successfully fetched and saved ${data.saved} news articles!`);
+            getToast().success(`Successfully fetched and saved ${data.saved} news articles!`);
             // Reload news list
             loadNews();
         } else {
-            ToastManager.error(`Failed to fetch news: ${data.error}`);
+            getToast().error(`Failed to fetch news: ${data.error}`);
             newsListDiv.innerHTML = `<div class="alert alert-error">Error: ${data.error}</div>`;
         }
     } catch (error) {
         console.error('❌ Error fetching news:', error);
-        ToastManager.error('Failed to fetch news from API');
+        getToast().error('Failed to fetch news from API');
         newsListDiv.innerHTML = `<div class="alert alert-error">Error fetching news: ${error.message}</div>`;
     }
 }
@@ -837,14 +816,14 @@ async function loadNews() {
             `;
             
             console.log('✅ News loaded successfully');
-            ToastManager.success(`Loaded ${sortedNews.length} news articles`);
+            getToast().success(`Loaded ${sortedNews.length} news articles`);
     } else {
             newsListDiv.innerHTML = '<div class="alert alert-warning">No news articles available at the moment. Click "Fetch Latest News" to load articles.</div>';
             console.warn('No news data available');
         }
     } catch (error) {
         console.error('❌ Error loading news:', error);
-        ToastManager.error('Failed to load news');
+        getToast().error('Failed to load news');
         newsListDiv.innerHTML = `<div class="alert alert-error">Error loading news: ${error.message}<br>Please check your internet connection and try again.</div>`;
     }
 }
@@ -963,7 +942,7 @@ async function loadModels() {
         console.log('✅ Models loaded successfully');
     } catch (error) {
         console.error('❌ Error loading models:', error);
-        ToastManager.error('Failed to load models');
+        getToast().error('Failed to load models');
         
         if (modelsStatusDiv) modelsStatusDiv.innerHTML = `<div class="alert alert-error">Error loading models status: ${error.message}</div>`;
         if (modelsListDiv) modelsListDiv.innerHTML = '<div class="alert alert-error">Error loading models list</div>';
@@ -971,7 +950,7 @@ async function loadModels() {
 }
 
 async function initializeModels() {
-    ToastManager.info('Initializing models... This may take a moment.');
+    getToast().info('Initializing models... This may take a moment.');
     
     const modelsStatusDiv = document.getElementById('models-status');
     if (modelsStatusDiv) {
@@ -992,18 +971,18 @@ async function initializeModels() {
         const modelsFailed = data.models_failed || data.pipelines_failed || 0;
         
         if (isOk) {
-            ToastManager.success(`Models initialized successfully! ${modelsLoaded} model(s) loaded.`);
+            getToast().success(`Models initialized successfully! ${modelsLoaded} model(s) loaded.`);
         } else if (modelsLoaded > 0) {
-            ToastManager.warning(`Models partially initialized: ${modelsLoaded} loaded, ${modelsFailed} failed`);
+            getToast().warning(`Models partially initialized: ${modelsLoaded} loaded, ${modelsFailed} failed`);
         } else {
-            ToastManager.warning('No models loaded. Using fallback mode.');
+            getToast().warning('No models loaded. Using fallback mode.');
         }
         
         // Reload models list and status
         await loadModels();
     } catch (error) {
         console.error('Error initializing models:', error);
-        ToastManager.error('Failed to initialize models: ' + error.message);
+        getToast().error('Failed to initialize models: ' + error.message);
         
         if (modelsStatusDiv) {
             modelsStatusDiv.innerHTML = `<div class="alert alert-error">Error initializing models: ${error.message}</div>`;
@@ -1029,7 +1008,7 @@ function loadSettings() {
 }
 
 function saveSettings() {
-    ToastManager.success('Settings saved successfully!');
+    getToast().success('Settings saved successfully!');
 }
 
 function toggleTheme() {
@@ -1155,7 +1134,7 @@ function createConfidenceBar(confidence) {
 }
 
 async function analyzeGlobalSentiment() {
-    ToastManager.info('Analyzing global market sentiment...');
+    getToast().info('Analyzing global market sentiment...');
     const resultDiv = document.getElementById('global-sentiment-result');
     if (resultDiv) {
         resultDiv.innerHTML = '<div class="loading"><div class="spinner"></div> Analyzing...</div>';
@@ -1208,14 +1187,14 @@ async function analyzeGlobalSentiment() {
             createSentimentGauge('global-sentiment-gauge', confidence, sentimentClass);
         }, 100);
         
-            ToastManager.success('Sentiment analysis complete!');
+            getToast().success('Sentiment analysis complete!');
         } else {
             resultDiv.innerHTML = '<div class="alert alert-warning">Sentiment analysis unavailable</div>';
         }
     } catch (error) {
         console.error('Error analyzing sentiment:', error);
         resultDiv.innerHTML = `<div class="alert alert-error">Error: ${error.message}</div>`;
-        ToastManager.error('Failed to analyze sentiment');
+        getToast().error('Failed to analyze sentiment');
     }
 }
 
@@ -1224,11 +1203,11 @@ async function analyzeAssetSentiment() {
     const text = document.getElementById('asset-sentiment-text')?.value;
     
     if (!symbol) {
-        ToastManager.warning('Please select a trading pair');
+        getToast().warning('Please select a trading pair');
         return;
     }
     
-    ToastManager.info('Analyzing asset sentiment...');
+    getToast().info('Analyzing asset sentiment...');
     const resultDiv = document.getElementById('asset-sentiment-result');
     if (resultDiv) {
         resultDiv.innerHTML = '<div class="loading"><div class="spinner"></div> Analyzing...</div>';
@@ -1282,14 +1261,14 @@ async function analyzeAssetSentiment() {
                 createSentimentGauge('asset-sentiment-gauge', confidence, sentimentClass);
             }, 100);
             
-            ToastManager.success('Asset sentiment analysis complete!');
+            getToast().success('Asset sentiment analysis complete!');
         } else {
             resultDiv.innerHTML = '<div class="alert alert-warning">Sentiment analysis unavailable</div>';
         }
     } catch (error) {
         console.error('Error analyzing asset sentiment:', error);
         resultDiv.innerHTML = `<div class="alert alert-error">Error: ${error.message}</div>`;
-        ToastManager.error('Failed to analyze asset sentiment');
+        getToast().error('Failed to analyze asset sentiment');
     }
 }
 
@@ -1298,11 +1277,11 @@ async function analyzeSentiment() {
     const mode = document.getElementById('sentiment-mode')?.value || 'auto';
     
     if (!text || text.trim() === '') {
-        ToastManager.warning('Please enter text to analyze');
+        getToast().warning('Please enter text to analyze');
         return;
     }
     
-    ToastManager.info('Analyzing sentiment...');
+    getToast().info('Analyzing sentiment...');
     const resultDiv = document.getElementById('sentiment-result');
     if (resultDiv) {
         resultDiv.innerHTML = '<div class="loading"><div class="spinner"></div> Analyzing...</div>';
@@ -1353,14 +1332,14 @@ async function analyzeSentiment() {
             createSentimentGauge('sentiment-gauge', confidence, sentimentClass);
         }, 100);
         
-            ToastManager.success('Sentiment analysis complete!');
+            getToast().success('Sentiment analysis complete!');
         } else {
             resultDiv.innerHTML = '<div class="alert alert-warning">Sentiment analysis unavailable</div>';
         }
     } catch (error) {
         console.error('Error analyzing sentiment:', error);
         resultDiv.innerHTML = `<div class="alert alert-error">Error: ${error.message}</div>`;
-        ToastManager.error('Failed to analyze sentiment');
+        getToast().error('Failed to analyze sentiment');
     }
 }
 
@@ -1373,11 +1352,11 @@ async function runTradingAssistant() {
     const context = document.getElementById('trading-context')?.value;
     
     if (!symbol) {
-        ToastManager.warning('Please select a trading symbol');
+        getToast().warning('Please select a trading symbol');
         return;
     }
     
-    ToastManager.info('Generating trading signal...');
+    getToast().info('Generating trading signal...');
     const resultDiv = document.getElementById('trading-assistant-result');
     if (resultDiv) {
         resultDiv.innerHTML = '<div class="loading"><div class="spinner"></div> Analyzing...</div>';
@@ -1420,14 +1399,14 @@ async function runTradingAssistant() {
                     </p>
             </div>
         `;
-            ToastManager.success('Trading signal generated!');
+            getToast().success('Trading signal generated!');
         } else {
             resultDiv.innerHTML = '<div class="alert alert-warning">Trading signal unavailable</div>';
         }
     } catch (error) {
         console.error('Error generating trading signal:', error);
         resultDiv.innerHTML = `<div class="alert alert-error">Error: ${error.message}</div>`;
-        ToastManager.error('Failed to generate trading signal');
+        getToast().error('Failed to generate trading signal');
     }
 }
 
@@ -1449,7 +1428,7 @@ function formatNumber(num) {
 // =============================================================================
 
 window.AppState = AppState;
-window.ToastManager = ToastManager;
+// ToastManager is loaded from toast.js as window.toastManager
 window.toggleSidebar = toggleSidebar;
 window.switchTab = switchTab;
 window.refreshCurrentTab = refreshCurrentTab;