Upload 299 files

api_server_extended.py

@@ -983,43 +983,83 @@ async def get_providers_auto_discovery_report():
 
 @app.get("/api/providers/health-summary")
 async def get_providers_health_summary():
-    """Get simplified health summary from auto-discovery report"""
-    report = load_auto_discovery_report()
-    
-    if not report or "stats" not in report:
-        return {
-            "ok": False,
-            "error": "Auto-discovery report not found or invalid",
-            "message": f"Report file not found at {AUTO_DISCOVERY_REPORT_PATH}"
-        }
-    
-    stats = report.get("stats", {})
-    http_providers = report.get("http_providers", {})
-    hf_providers = report.get("hf_providers", {})
-    
-    # Count by status
-    status_counts = {"VALID": 0, "INVALID": 0, "CONDITIONALLY_AVAILABLE": 0}
-    for result in http_providers.get("results", []):
-        status = result.get("status", "UNKNOWN")
-        if status in status_counts:
-            status_counts[status] += 1
-    
-    return {
-        "ok": True,
-        "summary": {
-            "total_active_providers": stats.get("total_active_providers", 0),
-            "http_valid": stats.get("http_valid", 0),
-            "http_invalid": stats.get("http_invalid", 0),
-            "http_conditional": stats.get("http_conditional", 0),
-            "hf_valid": stats.get("hf_valid", 0),
-            "hf_invalid": stats.get("hf_invalid", 0),
-            "hf_conditional": stats.get("hf_conditional", 0),
-            "status_breakdown": status_counts,
-            "execution_time_sec": stats.get("execution_time_sec", 0),
-            "timestamp": stats.get("timestamp", "")
-        },
-        "source": "PROVIDER_AUTO_DISCOVERY_REPORT.json"
-    }
+    """Get simplified health summary from auto-discovery report - always returns 200"""
+    try:
+        report = load_auto_discovery_report()
+        
+        if not report or "stats" not in report:
+            return JSONResponse(
+                status_code=200,
+                content={
+                    "ok": False,
+                    "error": "Auto-discovery report not found or invalid",
+                    "message": f"Report file not found at {AUTO_DISCOVERY_REPORT_PATH}",
+                    "summary": {
+                        "total_active_providers": 0,
+                        "http_valid": 0,
+                        "http_invalid": 0,
+                        "http_conditional": 0,
+                        "hf_valid": 0,
+                        "hf_invalid": 0,
+                        "hf_conditional": 0,
+                        "status_breakdown": {"VALID": 0, "INVALID": 0, "CONDITIONALLY_AVAILABLE": 0},
+                        "execution_time_sec": 0,
+                        "timestamp": ""
+                    }
+                }
+            )
+        
+        stats = report.get("stats", {})
+        http_providers = report.get("http_providers", {})
+        hf_providers = report.get("hf_providers", {})
+        
+        # Count by status
+        status_counts = {"VALID": 0, "INVALID": 0, "CONDITIONALLY_AVAILABLE": 0}
+        for result in http_providers.get("results", []):
+            status = result.get("status", "UNKNOWN")
+            if status in status_counts:
+                status_counts[status] += 1
+        
+        return JSONResponse(
+            status_code=200,
+            content={
+                "ok": True,
+                "summary": {
+                    "total_active_providers": stats.get("total_active_providers", 0),
+                    "http_valid": stats.get("http_valid", 0),
+                    "http_invalid": stats.get("http_invalid", 0),
+                    "http_conditional": stats.get("http_conditional", 0),
+                    "hf_valid": stats.get("hf_valid", 0),
+                    "hf_invalid": stats.get("hf_invalid", 0),
+                    "hf_conditional": stats.get("hf_conditional", 0),
+                    "status_breakdown": status_counts,
+                    "execution_time_sec": stats.get("execution_time_sec", 0),
+                    "timestamp": stats.get("timestamp", "")
+                },
+                "source": "PROVIDER_AUTO_DISCOVERY_REPORT.json"
+            }
+        )
+    except Exception as e:
+        logger.error(f"Error loading health summary: {e}")
+        return JSONResponse(
+            status_code=200,
+            content={
+                "ok": False,
+                "error": str(e),
+                "summary": {
+                    "total_active_providers": 0,
+                    "http_valid": 0,
+                    "http_invalid": 0,
+                    "http_conditional": 0,
+                    "hf_valid": 0,
+                    "hf_invalid": 0,
+                    "hf_conditional": 0,
+                    "status_breakdown": {"VALID": 0, "INVALID": 0, "CONDITIONALLY_AVAILABLE": 0},
+                    "execution_time_sec": 0,
+                    "timestamp": ""
+                }
+            }
+        )
 
 @app.get("/api/apl/summary")
 async def get_apl_summary():
@@ -1492,25 +1532,59 @@ async def get_latest_news(
 
 @app.get("/api/models/status")
 async def get_models_status():
-    """Get AI models status and registry info"""
+    """Get AI models status and registry info - honest status reporting"""
     try:
-        from ai_models import get_model_info, registry_status, initialize_models
+        from ai_models import get_model_info, registry_status, HF_MODE, TRANSFORMERS_AVAILABLE, _registry
         
         model_info = get_model_info()
         registry_info = registry_status()
         
+        # Determine honest status
+        if HF_MODE == "off":
+            status = "disabled"
+            status_message = "HF models are disabled (HF_MODE=off). To enable them, set HF_MODE=public or HF_MODE=auth in the environment."
+        elif not TRANSFORMERS_AVAILABLE:
+            status = "transformers_unavailable"
+            status_message = "Transformers library is not installed. Models cannot be loaded."
+        elif not _registry._initialized:
+            status = "not_initialized"
+            status_message = "Models have not been initialized yet."
+        elif len(_registry._pipelines) == 0:
+            status = "no_models_loaded"
+            status_message = f"No models could be loaded. {len(_registry._failed_models)} models failed. Check model IDs or HF access."
+        elif len(_registry._pipelines) > 0:
+            status = "ok" if len(_registry._failed_models) == 0 else "partial"
+            status_message = f"{len(_registry._pipelines)} model(s) loaded successfully"
+            if len(_registry._failed_models) > 0:
+                status_message += f", {len(_registry._failed_models)} failed"
+        else:
+            status = "unknown"
+            status_message = "Unknown status"
+        
         return {
             "success": True,
+            "status": status,
+            "status_message": status_message,
+            "hf_mode": HF_MODE,
+            "models_loaded": len(_registry._pipelines),
+            "models_failed": len(_registry._failed_models),
+            "transformers_available": TRANSFORMERS_AVAILABLE,
+            "initialized": _registry._initialized,
             "models": model_info,
             "registry": registry_info,
+            "failed_models": list(_registry._failed_models.keys())[:10],  # Limit for brevity
+            "loaded_models": list(_registry._pipelines.keys()),
             "database": {
                 "path": str(DB_PATH),
                 "exists": DB_PATH.exists()
             }
         }
     except Exception as e:
+        logger.error(f"Error getting models status: {e}")
         return {
             "success": False,
+            "status": "error",
+            "status_message": f"Error retrieving model status: {str(e)}",
             "error": str(e)
         }
 

static/js/app.js

@@ -130,7 +130,7 @@ function loadAPIEndpoints() {
     ];
     
     // Clear existing options except first one
-    endpointSelect.innerHTML = '<option value="">انتخاب Endpoint...</option>';
+    endpointSelect.innerHTML = '<option value="">Select Endpoint...</option>';
     endpoints.forEach(ep => {
         const option = document.createElement('option');
         option.value = ep.value;
@@ -148,15 +148,15 @@ async function checkAPIStatus() {
         const statusBadge = document.getElementById('api-status');
         if (data.status === 'healthy') {
             statusBadge.className = 'status-badge';
-            statusBadge.innerHTML = '<span class="status-dot"></span><span>✅ سیستم فعال</span>';
+            statusBadge.innerHTML = '<span class="status-dot"></span><span>✅ System Active</span>';
         } else {
             statusBadge.className = 'status-badge error';
-            statusBadge.innerHTML = '<span class="status-dot"></span><span>❌ خطا</span>';
+            statusBadge.innerHTML = '<span class="status-dot"></span><span>❌ Error</span>';
         }
     } catch (error) {
         const statusBadge = document.getElementById('api-status');
         statusBadge.className = 'status-badge error';
-        statusBadge.innerHTML = '<span class="status-dot"></span><span>❌ اتصال برقرار نشد</span>';
+        statusBadge.innerHTML = '<span class="status-dot"></span><span>❌ Connection Failed</span>';
     }
 }
 
@@ -188,12 +188,12 @@ async function loadDashboard() {
             
             systemStatusDiv.innerHTML = `
                 <div class="alert ${healthClass}">
-                    <strong>وضعیت سیستم:</strong> ${healthStatus}<br>
-                    <strong>APIهای آنلاین:</strong> ${statusData.online || 0}<br>
-                    <strong>APIهای تخریب شده:</strong> ${statusData.degraded || 0}<br>
-                    <strong>APIهای آفلاین:</strong> ${statusData.offline || 0}<br>
-                    <strong>میانگین زمان پاسخ:</strong> ${statusData.avg_response_time_ms || 0}ms<br>
-                    <strong>آخرین به‌روزرسانی:</strong> ${new Date(statusData.last_update || Date.now()).toLocaleString('fa-IR')}
+                    <strong>System Status:</strong> ${healthStatus}<br>
+                    <strong>Online APIs:</strong> ${statusData.online || 0}<br>
+                    <strong>Degraded APIs:</strong> ${statusData.degraded || 0}<br>
+                    <strong>Offline APIs:</strong> ${statusData.offline || 0}<br>
+                    <strong>Avg Response Time:</strong> ${statusData.avg_response_time_ms || 0}ms<br>
+                    <strong>Last Update:</strong> ${new Date(statusData.last_update || Date.now()).toLocaleString('en-US')}
                 </div>
             `;
         } catch (statusError) {
@@ -207,7 +207,7 @@ async function loadDashboard() {
         }
     } catch (error) {
         console.error('Error loading dashboard:', error);
-        showError('خطا در بارگذاری داشبورد');
+        showError('Error loading dashboard');
     }
 }
 
@@ -225,7 +225,7 @@ function createCategoriesChart(categories) {
         data: {
             labels: Object.keys(categories),
             datasets: [{
-                label: 'تعداد منابع',
+                label: 'Total Resources',
                 data: Object.values(categories),
                 backgroundColor: 'rgba(102, 126, 234, 0.6)',
                 borderColor: 'rgba(102, 126, 234, 1)',
@@ -258,11 +258,11 @@ async function loadMarketData() {
                         <thead>
                             <tr>
                                 <th>#</th>
-                                <th>نام</th>
-                                <th>قیمت (USD)</th>
-                                <th>تغییر 24h</th>
-                                <th>حجم 24h</th>
-                                <th>مارکت کپ</th>
+                                <th>Name</th>
+                                <th>Price (USD)</th>
+                                <th>24h Change</th>
+                                <th>24h Volume</th>
+                                <th>Market Cap</th>
                             </tr>
                         </thead>
                         <tbody>
@@ -285,12 +285,12 @@ async function loadMarketData() {
                     </table>
                 </div>
                 ${data.total_market_cap ? `<div style="margin-top: 15px; padding: 15px; background: rgba(102, 126, 234, 0.1); border-radius: 10px;">
-                    <strong>کل مارکت کپ:</strong> $${formatNumber(data.total_market_cap)} | 
+                    <strong>Total Market Cap:</strong> $${formatNumber(data.total_market_cap)} | 
                     <strong>BTC Dominance:</strong> ${(data.btc_dominance || 0).toFixed(2)}%
                 </div>` : ''}
             `;
         } else {
-            document.getElementById('market-data').innerHTML = '<div class="alert alert-warning">داده‌ای یافت نشد</div>';
+            document.getElementById('market-data').innerHTML = '<div class="alert alert-warning">No data found</div>';
         }
         
         // Load trending
@@ -308,7 +308,7 @@ async function loadMarketData() {
                                     <span style="font-size: 18px; font-weight: 800; color: var(--primary);">#${index + 1}</span>
                                     <div>
                                         <strong>${coin.symbol || coin.id}</strong> - ${coin.name || 'Unknown'}
-                                        ${coin.market_cap_rank ? `<div style="font-size: 12px; color: var(--text-secondary);">رتبه مارکت کپ: ${coin.market_cap_rank}</div>` : ''}
+                                        ${coin.market_cap_rank ? `<div style="font-size: 12px; color: var(--text-secondary);">Market Cap Rank: ${coin.market_cap_rank}</div>` : ''}
                                     </div>
                                 </div>
                                 <div style="font-size: 20px; font-weight: 700; color: var(--success);">${coin.score ? coin.score.toFixed(2) : 'N/A'}</div>
@@ -317,11 +317,11 @@ async function loadMarketData() {
                     </div>
                 `;
             } else {
-                document.getElementById('trending-coins').innerHTML = '<div class="alert alert-warning">داده‌ای یافت نشد</div>';
+                document.getElementById('trending-coins').innerHTML = '<div class="alert alert-warning">No data found</div>';
             }
         } catch (trendingError) {
             console.warn('Trending endpoint error:', trendingError);
-            document.getElementById('trending-coins').innerHTML = '<div class="alert alert-error">خطا در بارگذاری ارزهای ترند</div>';
+            document.getElementById('trending-coins').innerHTML = '<div class="alert alert-error">Error loading trending coins</div>';
         }
         
         // Load Fear & Greed
@@ -350,23 +350,23 @@ async function loadMarketData() {
                             ${fgLabel}
                         </div>
                         <div style="font-size: 14px; color: var(--text-secondary);">
-                            شاخص ترس و طمع بازار
+                            Market Fear & Greed Index
                         </div>
                         ${sentimentData.timestamp ? `<div style="font-size: 12px; color: var(--text-secondary); margin-top: 10px;">
-                            آخرین به‌روزرسانی: ${new Date(sentimentData.timestamp).toLocaleString('fa-IR')}
+                            Last Update: ${new Date(sentimentData.timestamp).toLocaleString('en-US')}
                         </div>` : ''}
                     </div>
                 `;
             } else {
-                document.getElementById('fear-greed').innerHTML = '<div class="alert alert-warning">داده‌ای یافت نشد</div>';
+                document.getElementById('fear-greed').innerHTML = '<div class="alert alert-warning">No data found</div>';
             }
         } catch (sentimentError) {
             console.warn('Sentiment endpoint error:', sentimentError);
-            document.getElementById('fear-greed').innerHTML = '<div class="alert alert-error">خطا در بارگذاری شاخص ترس و طمع</div>';
+            document.getElementById('fear-greed').innerHTML = '<div class="alert alert-error">Error loading Fear & Greed Index</div>';
         }
     } catch (error) {
         console.error('Error loading market data:', error);
-        showError('خطا در بارگذاری داده‌های بازار');
+        showError('Error loading market data');
     }
 }
 
@@ -406,13 +406,13 @@ async function loadModels() {
                                         <div style="font-size: 12px; color: var(--text-secondary); margin-bottom: 5px;">
                                             ${model.task || model.category || 'N/A'}
                                         </div>
-                                        ${model.category ? `<div style="font-size: 11px; color: var(--text-secondary);">دسته: ${model.category}</div>` : ''}
+                                        ${model.category ? `<div style="font-size: 11px; color: var(--text-secondary);">Category: ${model.category}</div>` : ''}
                                         ${model.requires_auth !== undefined ? `<div style="font-size: 11px; color: var(--text-secondary);">
-                                            ${model.requires_auth ? '🔐 نیاز به احراز هویت' : '🔓 بدون احراز هویت'}
+                                            ${model.requires_auth ? '🔐 Requires Authentication' : '🔓 No Auth Required'}
                                         </div>` : ''}
                                     </div>
                                     <span style="background: ${statusBg}; color: ${statusColor}; padding: 5px 10px; border-radius: 5px; font-size: 12px; font-weight: 600;">
-                                        ${isAvailable ? '✅ در دسترس' : '❌ غیرفعال'}
+                                        ${isAvailable ? '✅ Available' : '❌ Unavailable'}
                                     </span>
                                 </div>
                                 ${model.key ? `<div style="margin-top: 10px; font-size: 11px; color: var(--text-secondary); font-family: monospace;">
@@ -424,7 +424,7 @@ async function loadModels() {
                 </div>
             `;
         } else {
-            document.getElementById('models-list').innerHTML = '<div class="alert alert-warning">هیچ مدلی یافت نشد</div>';
+            document.getElementById('models-list').innerHTML = '<div class="alert alert-warning">No models found</div>';
         }
         
         // Load models status
@@ -433,18 +433,37 @@ async function loadModels() {
             const statusData = await statusRes.json();
             
             const statusDiv = document.getElementById('models-status');
-            const status = statusData.status || statusData.ok ? 'فعال' : 'غیرفعال';
-            const statusClass = statusData.status === 'ok' || statusData.ok ? 'alert-success' : 'alert-warning';
-            
-            statusDiv.innerHTML = `
-                <div class="alert ${statusClass}">
-                    <strong>وضعیت:</strong> ${status}<br>
-                    <strong>مدل‌های بارگذاری شده:</strong> ${statusData.models_loaded || statusData.pipelines_loaded || 0}<br>
-                    <strong>مدل‌های در دسترس:</strong> ${statusData.models_available || statusData.available_models?.length || 0}<br>
-                    ${statusData.mode ? `<strong>حالت:</strong> ${statusData.mode}<br>` : ''}
-                    ${statusData.transformers_available !== undefined ? `<strong>Transformers:</strong> ${statusData.transformers_available ? '✅' : '❌'}<br>` : ''}
-                </div>
-            `;
+            if (statusDiv) {
+                // Use honest status from backend
+                const status = statusData.status || 'unknown';
+                const statusMessage = statusData.status_message || 'Unknown status';
+                const hfMode = statusData.hf_mode || 'unknown';
+                const modelsLoaded = statusData.models_loaded || statusData.pipelines_loaded || 0;
+                const modelsFailed = statusData.models_failed || 0;
+                
+                // Determine status class based on honest status
+                let statusClass = 'alert-warning';
+                if (status === 'ok') statusClass = 'alert-success';
+                else if (status === 'disabled' || status === 'transformers_unavailable') statusClass = 'alert-error';
+                else if (status === 'partial') statusClass = 'alert-warning';
+                
+                statusDiv.innerHTML = `
+                    <div class="alert ${statusClass}">
+                        <strong>Status:</strong> ${statusMessage}<br>
+                        <strong>HF Mode:</strong> ${hfMode}<br>
+                        <strong>Models Loaded:</strong> ${modelsLoaded}<br>
+                        <strong>Models Failed:</strong> ${modelsFailed}<br>
+                        ${statusData.transformers_available !== undefined ? `<strong>Transformers Available:</strong> ${statusData.transformers_available ? '✅ Yes' : '❌ No'}<br>` : ''}
+                        ${statusData.initialized !== undefined ? `<strong>Initialized:</strong> ${statusData.initialized ? '✅ Yes' : '❌ No'}<br>` : ''}
+                        ${hfMode === 'off' ? `<div style="margin-top: 10px; padding: 10px; background: rgba(239, 68, 68, 0.1); border-radius: 5px; font-size: 12px;">
+                            <strong>Note:</strong> HF models are disabled (HF_MODE=off). To enable them, set HF_MODE=public or HF_MODE=auth in the environment.
+                        </div>` : ''}
+                        ${hfMode !== 'off' && modelsLoaded === 0 && modelsFailed > 0 ? `<div style="margin-top: 10px; padding: 10px; background: rgba(245, 158, 11, 0.1); border-radius: 5px; font-size: 12px;">
+                            <strong>Warning:</strong> No models could be loaded. ${modelsFailed} model(s) failed. Check model IDs or HF access.
+                        </div>` : ''}
+                    </div>
+                `;
+            }
         } catch (statusError) {
             console.warn('Models status endpoint error:', statusError);
         }
@@ -460,16 +479,16 @@ async function loadModels() {
                     <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 15px;">
                         <div style="padding: 15px; background: rgba(102, 126, 234, 0.1); border-radius: 10px;">
                             <div style="font-size: 28px; font-weight: 800; color: var(--primary);">${statsData.statistics.total_analyses || 0}</div>
-                            <div style="font-size: 14px; color: var(--text-secondary);">کل تحلیل‌ها</div>
+                            <div style="font-size: 14px; color: var(--text-secondary);">Total Analyses</div>
                         </div>
                         <div style="padding: 15px; background: rgba(16, 185, 129, 0.1); border-radius: 10px;">
                             <div style="font-size: 28px; font-weight: 800; color: var(--success);">${statsData.statistics.unique_symbols || 0}</div>
-                            <div style="font-size: 14px; color: var(--text-secondary);">نمادهای منحصر به فرد</div>
+                            <div style="font-size: 14px; color: var(--text-secondary);">Unique Symbols</div>
                         </div>
                         ${statsData.statistics.most_used_model ? `
                             <div style="padding: 15px; background: rgba(245, 158, 11, 0.1); border-radius: 10px;">
                                 <div style="font-size: 18px; font-weight: 800; color: var(--warning);">${statsData.statistics.most_used_model}</div>
-                                <div style="font-size: 14px; color: var(--text-secondary);">پراستفاده‌ترین مدل</div>
+                                <div style="font-size: 14px; color: var(--text-secondary);">Most Used Model</div>
                             </div>
                         ` : ''}
                     </div>
@@ -480,7 +499,7 @@ async function loadModels() {
         }
     } catch (error) {
         console.error('Error loading models:', error);
-        showError('خطا در بارگذاری مدل‌ها');
+        showError('Error loading models');
     }
 }
 
@@ -491,13 +510,13 @@ async function initializeModels() {
         const data = await response.json();
         
         if (data.success) {
-            showSuccess('مدل‌ها با موفقیت بارگذاری شدند');
+            showSuccess('Models loaded successfully');
             loadModels();
         } else {
-            showError(data.error || 'خطا در بارگذاری مدل‌ها');
+            showError(data.error || 'Error loading models');
         }
     } catch (error) {
-        showError('خطا در بارگذاری مدل‌ها: ' + error.message);
+        showError('Error loading models: ' + error.message);
     }
 }
 
@@ -509,7 +528,7 @@ async function loadSentimentModels() {
         
         const models = data.models || data || [];
         const select = document.getElementById('sentiment-model');
-        select.innerHTML = '<option value="">انتخاب مدل...</option>';
+        select.innerHTML = '<option value="">Select Model...</option>';
         
         models.filter(m => {
             const status = m.status || 'unknown';
@@ -527,21 +546,21 @@ async function loadSentimentModels() {
         if (select.options.length === 1) {
             const option = document.createElement('option');
             option.value = '';
-            option.textContent = 'هیچ مدلی در دسترس نیست';
+            option.textContent = 'No models available';
             option.disabled = true;
             select.appendChild(option);
         }
     } catch (error) {
         console.error('Error loading sentiment models:', error);
         const select = document.getElementById('sentiment-model');
-        select.innerHTML = '<option value="">خطا در بارگذاری مدل‌ها</option>';
+        select.innerHTML = '<option value="">Error loading models</option>';
     }
 }
 
 // Analyze Global Market Sentiment
 async function analyzeGlobalSentiment() {
     const resultDiv = document.getElementById('global-sentiment-result');
-    resultDiv.innerHTML = '<div class="loading"><div class="spinner"></div> در حال تحلیل احساسات بازار...</div>';
+    resultDiv.innerHTML = '<div class="loading"><div class="spinner"></div> Analyzing market sentiment...</div>';
     
     try {
         // Use market text analysis with sample market-related text
@@ -558,7 +577,7 @@ async function analyzeGlobalSentiment() {
         if (!data.available) {
             resultDiv.innerHTML = `
                 <div class="alert alert-warning">
-                    <strong>⚠️ مدل‌ها در دسترس نیستند:</strong> ${data.error || 'مدل‌های AI در حال حاضر در دسترس نیستند'}
+                    <strong>⚠️ Models Not Available:</strong> ${data.error || 'AI models are currently unavailable'}
                 </div>
             `;
             return;
@@ -571,21 +590,21 @@ async function analyzeGlobalSentiment() {
         
         resultDiv.innerHTML = `
             <div class="alert alert-success" style="border-left: 4px solid ${sentimentColor};">
-                <h4 style="margin-bottom: 15px;">احساسات کلی بازار</h4>
+                <h4 style="margin-bottom: 15px;">Global Market Sentiment</h4>
                 <div style="display: grid; gap: 10px;">
                     <div style="text-align: center; padding: 20px;">
                         <div style="font-size: 48px; margin-bottom: 10px;">${sentimentEmoji}</div>
                         <div style="font-size: 24px; font-weight: 700; color: ${sentimentColor}; margin-bottom: 5px;">
-                            ${sentiment === 'bullish' ? 'صعودی' : sentiment === 'bearish' ? 'نزولی' : 'خنثی'}
+                            ${sentiment === 'bullish' ? 'Bullish' : sentiment === 'bearish' ? 'Bearish' : 'Neutral'}
                         </div>
                         <div style="color: var(--text-secondary);">
-                            اعتماد: ${(confidence * 100).toFixed(1)}%
+                            Confidence: ${(confidence * 100).toFixed(1)}%
                         </div>
                     </div>
                     <div style="margin-top: 15px; padding-top: 15px; border-top: 1px solid var(--border);">
-                        <strong>جزئیات:</strong>
+                        <strong>Details:</strong>
                         <div style="margin-top: 5px; font-size: 13px; color: var(--text-secondary);">
-                            این تحلیل بر اساس مدل‌های AI انجام شده است.
+                            This analysis is based on AI models.
                         </div>
                     </div>
                 </div>
@@ -593,8 +612,8 @@ async function analyzeGlobalSentiment() {
         `;
     } catch (error) {
         console.error('Global sentiment analysis error:', error);
-        resultDiv.innerHTML = `<div class="alert alert-error">خطا در تحلیل: ${error.message}</div>`;
-        showError('خطا در تحلیل احساسات بازار');
+        resultDiv.innerHTML = `<div class="alert alert-error">Analysis Error: ${error.message}</div>`;
+        showError('Error analyzing market sentiment');
     }
 }
 
@@ -604,12 +623,12 @@ async function analyzeAssetSentiment() {
     const text = document.getElementById('asset-sentiment-text').value.trim();
     
     if (!symbol) {
-        showError('لطفاً نماد ارز را وارد کنید');
+        showError('Please enter a cryptocurrency symbol');
         return;
     }
     
     const resultDiv = document.getElementById('asset-sentiment-result');
-    resultDiv.innerHTML = '<div class="loading"><div class="spinner"></div> در حال تحلیل...</div>';
+    resultDiv.innerHTML = '<div class="loading"><div class="spinner"></div> Analyzing...</div>';
     
     try {
         // Use provided text or default text with symbol
@@ -626,7 +645,7 @@ async function analyzeAssetSentiment() {
         if (!data.available) {
             resultDiv.innerHTML = `
                 <div class="alert alert-warning">
-                    <strong>⚠️ مدل‌ها در دسترس نیستند:</strong> ${data.error || 'مدل‌های AI در حال حاضر در دسترس نیستند'}
+                    <strong>⚠️ Models Not Available:</strong> ${data.error || 'AI models are currently unavailable'}
                 </div>
             `;
             return;
@@ -639,23 +658,23 @@ async function analyzeAssetSentiment() {
         
         resultDiv.innerHTML = `
             <div class="alert alert-success" style="border-left: 4px solid ${sentimentColor};">
-                <h4 style="margin-bottom: 15px;">نتیجه تحلیل احساسات ${symbol}</h4>
+                <h4 style="margin-bottom: 15px;">Sentiment Analysis Result for ${symbol}</h4>
                 <div style="display: grid; gap: 10px;">
                     <div>
-                        <strong>احساسات:</strong> 
+                        <strong>Sentiment:</strong> 
                         <span style="color: ${sentimentColor}; font-weight: 700; font-size: 18px;">
-                            ${sentimentEmoji} ${sentiment === 'bullish' ? 'صعودی' : sentiment === 'bearish' ? 'نزولی' : 'خنثی'}
+                            ${sentimentEmoji} ${sentiment === 'bullish' ? 'Bullish' : sentiment === 'bearish' ? 'Bearish' : 'Neutral'}
                         </span>
                     </div>
                     <div>
-                        <strong>اعتماد:</strong> 
+                        <strong>Confidence:</strong> 
                         <span style="color: var(--primary); font-weight: 600;">
                             ${(confidence * 100).toFixed(2)}%
                         </span>
                     </div>
                     ${text ? `
                         <div style="margin-top: 15px; padding-top: 15px; border-top: 1px solid var(--border);">
-                            <strong>متن تحلیل شده:</strong>
+                            <strong>Analyzed Text:</strong>
                             <div style="margin-top: 5px; padding: 10px; background: rgba(31, 41, 55, 0.6); border-radius: 5px; font-size: 13px; color: var(--text-secondary);">
                                 "${text.substring(0, 200)}${text.length > 200 ? '...' : ''}"
                             </div>
@@ -666,8 +685,8 @@ async function analyzeAssetSentiment() {
         `;
     } catch (error) {
         console.error('Asset sentiment analysis error:', error);
-        resultDiv.innerHTML = `<div class="alert alert-error">خطا در تحلیل: ${error.message}</div>`;
-        showError('خطا در تحلیل احساسات ارز');
+        resultDiv.innerHTML = `<div class="alert alert-error">Analysis Error: ${error.message}</div>`;
+        showError('Error analyzing asset sentiment');
     }
 }
 
@@ -677,12 +696,12 @@ async function analyzeNewsSentiment() {
     const content = document.getElementById('news-content').value.trim();
     
     if (!title && !content) {
-        showError('لطفاً عنوان یا محتوای خبر را وارد کنید');
+        showError('Please enter news title or content');
         return;
     }
     
     const resultDiv = document.getElementById('news-sentiment-result');
-    resultDiv.innerHTML = '<div class="loading"><div class="spinner"></div> در حال تحلیل...</div>';
+    resultDiv.innerHTML = '<div class="loading"><div class="spinner"></div> Analyzing...</div>';
     
     try {
         const response = await fetch('/api/news/analyze', {
@@ -696,7 +715,7 @@ async function analyzeNewsSentiment() {
         if (!data.available) {
             resultDiv.innerHTML = `
                 <div class="alert alert-warning">
-                    <strong>⚠️ مدل‌ها در دسترس نیستند:</strong> ${data.news?.error || data.error || 'مدل‌های AI در حال حاضر در دسترس نیستند'}
+                    <strong>⚠️ Models Not Available:</strong> ${data.news?.error || data.error || 'AI models are currently unavailable'}
                 </div>
             `;
             return;
@@ -712,21 +731,21 @@ async function analyzeNewsSentiment() {
         
         resultDiv.innerHTML = `
             <div class="alert alert-success" style="border-left: 4px solid ${sentimentColor};">
-                <h4 style="margin-bottom: 15px;">نتیجه تحلیل خبر</h4>
+                <h4 style="margin-bottom: 15px;">News Sentiment Analysis Result</h4>
                 <div style="display: grid; gap: 10px;">
                     <div>
-                        <strong>عنوان:</strong> 
-                        <span style="color: var(--text-primary);">${title || 'بدون عنوان'}</span>
+                        <strong>Title:</strong> 
+                        <span style="color: var(--text-primary);">${title || 'No title'}</span>
                     </div>
                     <div>
-                        <strong>احساسات:</strong> 
+                        <strong>Sentiment:</strong> 
                         <span style="color: ${sentimentColor}; font-weight: 700; font-size: 18px;">
-                            ${sentimentEmoji} ${sentiment === 'bullish' || sentiment === 'positive' ? 'مثبت' : 
-                              sentiment === 'bearish' || sentiment === 'negative' ? 'منفی' : 'خنثی'}
+                            ${sentimentEmoji} ${sentiment === 'bullish' || sentiment === 'positive' ? 'Positive' : 
+                              sentiment === 'bearish' || sentiment === 'negative' ? 'Negative' : 'Neutral'}
                         </span>
                     </div>
                     <div>
-                        <strong>اعتماد:</strong> 
+                        <strong>Confidence:</strong> 
                         <span style="color: var(--primary); font-weight: 600;">
                             ${(confidence * 100).toFixed(2)}%
                         </span>
@@ -736,8 +755,8 @@ async function analyzeNewsSentiment() {
         `;
     } catch (error) {
         console.error('News sentiment analysis error:', error);
-        resultDiv.innerHTML = `<div class="alert alert-error">خطا در تحلیل: ${error.message}</div>`;
-        showError('خطا در تحلیل خبر');
+        resultDiv.innerHTML = `<div class="alert alert-error">Analysis Error: ${error.message}</div>`;
+        showError('Error analyzing news sentiment');
     }
 }
 
@@ -748,12 +767,12 @@ async function analyzeSentiment() {
     const modelKey = document.getElementById('sentiment-model').value;
     
     if (!text.trim()) {
-        showError('لطفاً متنی وارد کنید');
+        showError('Please enter text to analyze');
         return;
     }
     
     const resultDiv = document.getElementById('sentiment-result');
-    resultDiv.innerHTML = '<div class="loading"><div class="spinner"></div> در حال تحلیل...</div>';
+    resultDiv.innerHTML = '<div class="loading"><div class="spinner"></div> Analyzing...</div>';
     
     try {
         let response;
@@ -770,7 +789,7 @@ async function analyzeSentiment() {
         if (!data.available) {
             resultDiv.innerHTML = `
                 <div class="alert alert-warning">
-                    <strong>⚠️ مدل‌ها در دسترس نیستند:</strong> ${data.error || 'مدل‌های AI در حال حاضر در دسترس نیستند'}
+                    <strong>⚠️ Models Not Available:</strong> ${data.error || 'AI models are currently unavailable'}
                 </div>
             `;
             return;
@@ -788,27 +807,27 @@ async function analyzeSentiment() {
         
         resultDiv.innerHTML = `
             <div class="alert alert-success" style="margin-top: 20px; border-left: 4px solid ${sentimentColor};">
-                <h4 style="margin-bottom: 15px;">نتیجه تحلیل احساسات</h4>
+                <h4 style="margin-bottom: 15px;">Sentiment Analysis Result</h4>
                 <div style="display: grid; gap: 10px;">
                     <div>
-                        <strong>احساسات:</strong> 
+                        <strong>Sentiment:</strong> 
                         <span style="color: ${sentimentColor}; font-weight: 700; font-size: 18px;">
-                            ${sentimentEmoji} ${label === 'bullish' || label === 'positive' ? 'صعودی/مثبت' : 
-                              label === 'bearish' || label === 'negative' ? 'نزولی/منفی' : 'خنثی'}
+                            ${sentimentEmoji} ${label === 'bullish' || label === 'positive' ? 'Bullish/Positive' : 
+                              label === 'bearish' || label === 'negative' ? 'Bearish/Negative' : 'Neutral'}
                         </span>
                     </div>
                     <div>
-                        <strong>اعتماد:</strong> 
+                        <strong>Confidence:</strong> 
                         <span style="color: var(--primary); font-weight: 600;">
                             ${(confidence * 100).toFixed(2)}%
                         </span>
                     </div>
                     <div>
-                        <strong>نوع تحلیل:</strong> 
+                        <strong>Analysis Type:</strong> 
                         <span style="color: var(--text-secondary);">${mode}</span>
                     </div>
                     <div style="margin-top: 15px; padding-top: 15px; border-top: 1px solid var(--border);">
-                        <strong>متن تحلیل شده:</strong>
+                        <strong>Analyzed Text:</strong>
                         <div style="margin-top: 5px; padding: 10px; background: rgba(31, 41, 55, 0.6); border-radius: 5px; font-size: 13px; color: var(--text-secondary);">
                             "${text.substring(0, 200)}${text.length > 200 ? '...' : ''}"
                         </div>
@@ -831,8 +850,8 @@ async function analyzeSentiment() {
         
     } catch (error) {
         console.error('Sentiment analysis error:', error);
-        resultDiv.innerHTML = `<div class="alert alert-error">خطا در تحلیل: ${error.message}</div>`;
-        showError('خطا در تحلیل احساسات');
+        resultDiv.innerHTML = `<div class="alert alert-error">Analysis Error: ${error.message}</div>`;
+        showError('Error analyzing sentiment');
     }
 }
 
@@ -856,7 +875,7 @@ function loadSentimentHistory() {
         const historyDiv = document.getElementById('sentiment-history');
         
         if (history.length === 0) {
-            historyDiv.innerHTML = '<div class="alert alert-warning">هیچ تاریخچه‌ای وجود ندارد</div>';
+            historyDiv.innerHTML = '<div class="alert alert-warning">No history available</div>';
             return;
         }
         
@@ -869,11 +888,11 @@ function loadSentimentHistory() {
                         <div style="padding: 12px; background: rgba(31, 41, 55, 0.6); border-radius: 8px; border-left: 3px solid var(--primary);">
                             <div style="display: flex; justify-content: space-between; align-items: start; margin-bottom: 5px;">
                                 <span style="font-weight: 600;">${sentimentEmoji} ${item.label}</span>
-                                <span style="font-size: 11px; color: var(--text-secondary);">${new Date(item.timestamp).toLocaleString('fa-IR')}</span>
+                                <span style="font-size: 11px; color: var(--text-secondary);">${new Date(item.timestamp).toLocaleString('en-US')}</span>
                             </div>
                             <div style="font-size: 12px; color: var(--text-secondary); margin-bottom: 5px;">${item.text}</div>
                             <div style="font-size: 11px; color: var(--text-secondary);">
-                                اعتماد: ${(item.confidence * 100).toFixed(0)}% | مدل: ${item.model}
+                                Confidence: ${(item.confidence * 100).toFixed(0)}% | Model: ${item.model}
                             </div>
                         </div>
                     `;
@@ -891,7 +910,7 @@ async function loadNews() {
         // Try /api/news/latest first, fallback to /api/news
         let response;
         try {
-            response = await fetch('/api/news/latest');
+            response = await fetch('/api/news/latest?limit=20');
         } catch {
             response = await fetch('/api/news?limit=20');
         }
@@ -903,46 +922,149 @@ async function loadNews() {
         if (newsItems.length > 0) {
             const newsDiv = document.getElementById('news-list');
             newsDiv.innerHTML = `
-                <div style="display: grid; gap: 15px;">
-                    ${newsItems.map(item => {
-                        const sentiment = item.sentiment_label || item.sentiment;
-                        const sentimentColor = sentiment === 'positive' || sentiment === 'POSITIVE' ? 'var(--success)' :
-                                               sentiment === 'negative' || sentiment === 'NEGATIVE' ? 'var(--danger)' : 
-                                               'var(--text-secondary)';
-                        const sentimentEmoji = sentiment === 'positive' || sentiment === 'POSITIVE' ? '📈' :
-                                               sentiment === 'negative' || sentiment === 'NEGATIVE' ? '📉' : '➡️';
+                <div style="display: grid; gap: 20px;">
+                    ${newsItems.map((item, index) => {
+                        const sentiment = item.sentiment_label || item.sentiment || 'neutral';
+                        const sentimentLower = sentiment.toLowerCase();
+                        const sentimentConfidence = item.sentiment_confidence || 0;
+                        
+                        // Determine sentiment styling
+                        let sentimentColor, sentimentBg, sentimentEmoji, sentimentLabel;
+                        if (sentimentLower.includes('positive') || sentimentLower.includes('bullish')) {
+                            sentimentColor = '#10b981';
+                            sentimentBg = 'rgba(16, 185, 129, 0.15)';
+                            sentimentEmoji = '📈';
+                            sentimentLabel = 'Bullish';
+                        } else if (sentimentLower.includes('negative') || sentimentLower.includes('bearish')) {
+                            sentimentColor = '#ef4444';
+                            sentimentBg = 'rgba(239, 68, 68, 0.15)';
+                            sentimentEmoji = '📉';
+                            sentimentLabel = 'Bearish';
+                        } else {
+                            sentimentColor = '#6b7280';
+                            sentimentBg = 'rgba(107, 114, 128, 0.15)';
+                            sentimentEmoji = '➡️';
+                            sentimentLabel = 'Neutral';
+                        }
+                        
+                        const publishedDate = item.published_date || item.published_at || item.analyzed_at;
+                        const publishedTime = publishedDate ? new Date(publishedDate).toLocaleString('en-US', {
+                            year: 'numeric',
+                            month: 'short',
+                            day: 'numeric',
+                            hour: '2-digit',
+                            minute: '2-digit'
+                        }) : 'Unknown date';
+                        
+                        const content = item.content || item.description || '';
+                        const contentPreview = content.length > 250 ? content.substring(0, 250) + '...' : content;
                         
                         return `
-                            <div style="padding: 20px; background: rgba(31, 41, 55, 0.6); border-radius: 12px; border-left: 4px solid ${sentimentColor};">
-                                <h4 style="margin-bottom: 10px; color: var(--text-primary);">${item.title || 'بدون عنوان'}</h4>
-                                ${item.content || item.description ? `<p style="color: var(--text-secondary); margin-bottom: 10px; line-height: 1.6;">${(item.content || item.description).substring(0, 200)}...</p>` : ''}
-                                <div style="display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 10px;">
-                                    <div style="display: flex; gap: 15px; align-items: center;">
-                                        <span style="font-size: 12px; color: var(--text-secondary);">
-                                            ${item.source || 'Unknown'}
+                            <div style="padding: 24px; background: rgba(31, 41, 55, 0.6); border-radius: 16px; border-left: 5px solid ${sentimentColor}; transition: transform 0.2s, box-shadow 0.2s; cursor: pointer;" 
+                                 onmouseover="this.style.transform='translateY(-2px)'; this.style.boxShadow='0 10px 25px rgba(0,0,0,0.3)'"
+                                 onmouseout="this.style.transform='translateY(0)'; this.style.boxShadow='none'"
+                                 onclick="${item.url ? `window.open('${item.url}', '_blank')` : ''}">
+                                <div style="display: flex; justify-content: space-between; align-items: start; gap: 15px; margin-bottom: 12px;">
+                                    <h4 style="margin: 0; color: var(--text-primary); font-size: 18px; font-weight: 700; line-height: 1.4; flex: 1;">
+                                        ${item.title || 'No title'}
+                                    </h4>
+                                    <div style="padding: 6px 12px; background: ${sentimentBg}; border-radius: 8px; white-space: nowrap;">
+                                        <span style="font-size: 16px; margin-right: 4px;">${sentimentEmoji}</span>
+                                        <span style="font-size: 12px; font-weight: 600; color: ${sentimentColor};">
+                                            ${sentimentLabel}
                                         </span>
-                                        ${sentiment ? `<span style="font-size: 12px; color: ${sentimentColor};">
-                                            ${sentimentEmoji} ${sentiment}
-                                            ${item.sentiment_confidence ? ` (${(item.sentiment_confidence * 100).toFixed(0)}%)` : ''}
-                                        </span>` : ''}
-                                        ${item.published_date || item.published_at ? `<span style="font-size: 12px; color: var(--text-secondary);">
-                                            ${new Date(item.published_date || item.published_at).toLocaleDateString('fa-IR')}
-                                        </span>` : ''}
                                     </div>
-                                    ${item.url ? `<a href="${item.url}" target="_blank" rel="noopener noreferrer" style="color: var(--primary); text-decoration: none; font-weight: 600;">مطالعه بیشتر →</a>` : ''}
+                                </div>
+                                
+                                ${contentPreview ? `
+                                    <p style="color: var(--text-secondary); margin-bottom: 15px; line-height: 1.7; font-size: 14px;">
+                                        ${contentPreview}
+                                    </p>
+                                ` : ''}
+                                
+                                <div style="display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 10px; padding-top: 12px; border-top: 1px solid rgba(255, 255, 255, 0.1);">
+                                    <div style="display: flex; gap: 15px; align-items: center; flex-wrap: wrap;">
+                                        <div style="display: flex; align-items: center; gap: 6px;">
+                                            <span style="font-size: 12px; color: var(--text-secondary);">📰</span>
+                                            <span style="font-size: 12px; color: var(--text-secondary); font-weight: 500;">
+                                                ${item.source || 'Unknown Source'}
+                                            </span>
+                                        </div>
+                                        
+                                        ${sentimentConfidence > 0 ? `
+                                            <div style="display: flex; align-items: center; gap: 6px;">
+                                                <span style="font-size: 12px; color: var(--text-secondary);">🎯</span>
+                                                <span style="font-size: 12px; color: ${sentimentColor}; font-weight: 600;">
+                                                    ${(sentimentConfidence * 100).toFixed(0)}% confidence
+                                                </span>
+                                            </div>
+                                        ` : ''}
+                                        
+                                        <div style="display: flex; align-items: center; gap: 6px;">
+                                            <span style="font-size: 12px; color: var(--text-secondary);">🕒</span>
+                                            <span style="font-size: 12px; color: var(--text-secondary);">
+                                                ${publishedTime}
+                                            </span>
+                                        </div>
+                                        
+                                        ${item.related_symbols && Array.isArray(item.related_symbols) && item.related_symbols.length > 0 ? `
+                                            <div style="display: flex; align-items: center; gap: 6px;">
+                                                <span style="font-size: 12px; color: var(--text-secondary);">💰</span>
+                                                <div style="display: flex; gap: 4px; flex-wrap: wrap;">
+                                                    ${item.related_symbols.slice(0, 3).map(symbol => `
+                                                        <span style="padding: 2px 8px; background: rgba(59, 130, 246, 0.2); border-radius: 4px; font-size: 11px; color: var(--accent-blue); font-weight: 600;">
+                                                            ${symbol}
+                                                        </span>
+                                                    `).join('')}
+                                                    ${item.related_symbols.length > 3 ? `<span style="font-size: 11px; color: var(--text-secondary);">+${item.related_symbols.length - 3}</span>` : ''}
+                                                </div>
+                                            </div>
+                                        ` : ''}
+                                    </div>
+                                    
+                                    ${item.url ? `
+                                        <a href="${item.url}" target="_blank" rel="noopener noreferrer" 
+                                           style="padding: 8px 16px; background: var(--accent-blue); color: white; text-decoration: none; border-radius: 8px; font-weight: 600; font-size: 13px; transition: background 0.2s;"
+                                           onmouseover="this.style.background='#2563eb'"
+                                           onmouseout="this.style.background='var(--accent-blue)'">
+                                            Read More →
+                                        </a>
+                                    ` : ''}
                                 </div>
                             </div>
                         `;
                     }).join('')}
                 </div>
+                <div style="margin-top: 20px; padding: 15px; background: rgba(59, 130, 246, 0.1); border-radius: 10px; text-align: center;">
+                    <span style="font-size: 14px; color: var(--text-secondary);">
+                        Showing ${newsItems.length} article${newsItems.length !== 1 ? 's' : ''} • 
+                        <span style="color: var(--accent-blue); font-weight: 600;">Last updated: ${new Date().toLocaleTimeString('en-US')}</span>
+                    </span>
+                </div>
             `;
         } else {
-            document.getElementById('news-list').innerHTML = '<div class="alert alert-warning">هیچ خبری یافت نشد</div>';
+            document.getElementById('news-list').innerHTML = `
+                <div class="alert alert-warning" style="text-align: center; padding: 40px;">
+                    <div style="font-size: 48px; margin-bottom: 15px;">📰</div>
+                    <div style="font-size: 18px; font-weight: 600; margin-bottom: 8px;">No news articles found</div>
+                    <div style="font-size: 14px; color: var(--text-secondary);">
+                        News articles will appear here once they are analyzed and stored in the database.
+                    </div>
+                </div>
+            `;
         }
     } catch (error) {
         console.error('Error loading news:', error);
-        showError('خطا در بارگذاری اخبار');
-        document.getElementById('news-list').innerHTML = '<div class="alert alert-error">خطا در بارگذاری اخبار</div>';
+        showError('Error loading news');
+        document.getElementById('news-list').innerHTML = `
+            <div class="alert alert-error" style="text-align: center; padding: 40px;">
+                <div style="font-size: 48px; margin-bottom: 15px;">❌</div>
+                <div style="font-size: 18px; font-weight: 600; margin-bottom: 8px;">Error loading news</div>
+                <div style="font-size: 14px; color: var(--text-secondary);">
+                    ${error.message || 'Failed to fetch news articles. Please try again later.'}
+                </div>
+            </div>
+        `;
     }
 }
 
@@ -968,29 +1090,29 @@ async function loadProviders() {
                             <thead>
                                 <tr>
                                     <th>ID</th>
-                                    <th>نام</th>
-                                    <th>دسته</th>
-                                    <th>نوع</th>
-                                    <th>وضعیت</th>
-                                    <th>جزئیات</th>
+                                    <th>Name</th>
+                                    <th>Category</th>
+                                    <th>Type</th>
+                                    <th>Status</th>
+                                    <th>Details</th>
                                 </tr>
                             </thead>
                             <tbody>
                                 ${providers.map(provider => {
                                     const status = provider.status || 'unknown';
                                     const statusConfig = {
-                                        'VALID': { color: 'var(--success)', bg: 'rgba(16, 185, 129, 0.2)', text: '✅ معتبر' },
-                                        'validated': { color: 'var(--success)', bg: 'rgba(16, 185, 129, 0.2)', text: '✅ معتبر' },
-                                        'available': { color: 'var(--success)', bg: 'rgba(16, 185, 129, 0.2)', text: '✅ در دسترس' },
-                                        'online': { color: 'var(--success)', bg: 'rgba(16, 185, 129, 0.2)', text: '✅ آنلاین' },
-                                        'CONDITIONALLY_AVAILABLE': { color: 'var(--warning)', bg: 'rgba(245, 158, 11, 0.2)', text: '⚠️ شرطی' },
-                                        'INVALID': { color: 'var(--danger)', bg: 'rgba(239, 68, 68, 0.2)', text: '❌ نامعتبر' },
-                                        'unvalidated': { color: 'var(--warning)', bg: 'rgba(245, 158, 11, 0.2)', text: '⚠️ نامعتبر' },
-                                        'not_loaded': { color: 'var(--warning)', bg: 'rgba(245, 158, 11, 0.2)', text: '⚠️ بارگذاری نشده' },
-                                        'offline': { color: 'var(--danger)', bg: 'rgba(239, 68, 68, 0.2)', text: '❌ آفلاین' },
-                                        'degraded': { color: 'var(--warning)', bg: 'rgba(245, 158, 11, 0.2)', text: '⚠️ تخریب شده' }
+                                        'VALID': { color: 'var(--success)', bg: 'rgba(16, 185, 129, 0.2)', text: '✅ Valid' },
+                                        'validated': { color: 'var(--success)', bg: 'rgba(16, 185, 129, 0.2)', text: '✅ Valid' },
+                                        'available': { color: 'var(--success)', bg: 'rgba(16, 185, 129, 0.2)', text: '✅ Available' },
+                                        'online': { color: 'var(--success)', bg: 'rgba(16, 185, 129, 0.2)', text: '✅ Online' },
+                                        'CONDITIONALLY_AVAILABLE': { color: 'var(--warning)', bg: 'rgba(245, 158, 11, 0.2)', text: '⚠️ Conditional' },
+                                        'INVALID': { color: 'var(--danger)', bg: 'rgba(239, 68, 68, 0.2)', text: '❌ Invalid' },
+                                        'unvalidated': { color: 'var(--warning)', bg: 'rgba(245, 158, 11, 0.2)', text: '⚠️ Unvalidated' },
+                                        'not_loaded': { color: 'var(--warning)', bg: 'rgba(245, 158, 11, 0.2)', text: '⚠️ Not Loaded' },
+                                        'offline': { color: 'var(--danger)', bg: 'rgba(239, 68, 68, 0.2)', text: '❌ Offline' },
+                                        'degraded': { color: 'var(--warning)', bg: 'rgba(245, 158, 11, 0.2)', text: '⚠️ Degraded' }
                                     };
-                                    const statusInfo = statusConfig[status] || { color: 'var(--text-secondary)', bg: 'rgba(156, 163, 175, 0.2)', text: '❓ نامشخص' };
+                                    const statusInfo = statusConfig[status] || { color: 'var(--text-secondary)', bg: 'rgba(156, 163, 175, 0.2)', text: '❓ Unknown' };
                                     
                                     return `
                                         <tr>
@@ -1015,11 +1137,11 @@ async function loadProviders() {
                         </table>
                     </div>
                     <div style="margin-top: 15px; padding: 15px; background: rgba(102, 126, 234, 0.1); border-radius: 10px;">
-                        <strong>کل Providerها:</strong> ${providersData.total || providers.length}
+                        <strong>Total Providers:</strong> ${providersData.total || providers.length}
                     </div>
                 `;
             } else {
-                providersDiv.innerHTML = '<div class="alert alert-warning">هیچ Providerی یافت نشد</div>';
+                providersDiv.innerHTML = '<div class="alert alert-warning">No providers found</div>';
             }
         }
         
@@ -1061,10 +1183,10 @@ async function loadProviders() {
         
     } catch (error) {
         console.error('Error loading providers:', error);
-        showError('خطا در بارگذاری Providerها');
+        showError('Error loading providers');
         const providersDiv = document.getElementById('providers-list');
         if (providersDiv) {
-            providersDiv.innerHTML = '<div class="alert alert-error">خطا در بارگذاری Providerها</div>';
+            providersDiv.innerHTML = '<div class="alert alert-error">Error loading providers</div>';
         }
     }
 }
@@ -1073,12 +1195,12 @@ async function loadProviders() {
 async function searchResources() {
     const query = document.getElementById('search-resources').value;
     if (!query.trim()) {
-        showError('لطفاً عبارتی برای جستجو وارد کنید');
+        showError('Please enter a search query');
         return;
     }
     
     const resultsDiv = document.getElementById('search-results');
-    resultsDiv.innerHTML = '<div class="loading"><div class="spinner"></div> در حال جستجو...</div>';
+    resultsDiv.innerHTML = '<div class="loading"><div class="spinner"></div> Searching...</div>';
     
     try {
         const response = await fetch(`/api/resources/search?q=${encodeURIComponent(query)}`);
@@ -1088,7 +1210,7 @@ async function searchResources() {
             resultsDiv.innerHTML = `
                 <div style="margin-top: 15px;">
                     <div style="margin-bottom: 10px; color: var(--text-secondary);">
-                        ${data.count || data.resources.length} نتیجه یافت شد
+                        ${data.count || data.resources.length} result(s) found
                     </div>
                     <div style="display: grid; gap: 10px;">
                         ${data.resources.map(resource => `
@@ -1097,7 +1219,7 @@ async function searchResources() {
                                     <div>
                                         <strong style="font-size: 16px;">${resource.name || 'Unknown'}</strong>
                                         <div style="font-size: 12px; color: var(--text-secondary); margin-top: 5px;">
-                                            دسته: ${resource.category || 'N/A'}
+                                            Category: ${resource.category || 'N/A'}
                                         </div>
                                         ${resource.base_url ? `<div style="font-size: 11px; color: var(--text-secondary); margin-top: 3px; font-family: monospace;">
                                             ${resource.base_url}
@@ -1105,7 +1227,7 @@ async function searchResources() {
                                     </div>
                                     ${resource.free !== undefined ? `
                                         <span style="padding: 5px 10px; border-radius: 5px; background: ${resource.free ? 'rgba(16, 185, 129, 0.2)' : 'rgba(245, 158, 11, 0.2)'}; color: ${resource.free ? 'var(--success)' : 'var(--warning)'}; font-size: 12px;">
-                                            ${resource.free ? '🆓 رایگان' : '💰 پولی'}
+                                            ${resource.free ? '🆓 Free' : '💰 Paid'}
                                         </span>
                                     ` : ''}
                                 </div>
@@ -1115,12 +1237,12 @@ async function searchResources() {
                 </div>
             `;
         } else {
-            resultsDiv.innerHTML = '<div class="alert alert-warning" style="margin-top: 15px;">نتیجه‌ای یافت نشد</div>';
+            resultsDiv.innerHTML = '<div class="alert alert-warning" style="margin-top: 15px;">No results found</div>';
         }
     } catch (error) {
         console.error('Search error:', error);
-        resultsDiv.innerHTML = '<div class="alert alert-error" style="margin-top: 15px;">خطا در جستجو</div>';
-        showError('خطا در جستجو');
+        resultsDiv.innerHTML = '<div class="alert alert-error" style="margin-top: 15px;">Search error</div>';
+        showError('Search error');
     }
 }
 
@@ -1139,20 +1261,20 @@ async function loadDiagnostics() {
             
             statusDiv.innerHTML = `
                 <div class="alert ${healthClass}">
-                    <h4 style="margin-bottom: 10px;">وضعیت سیستم</h4>
+                    <h4 style="margin-bottom: 10px;">System Status</h4>
                     <div style="display: grid; gap: 5px;">
-                        <div><strong>وضعیت کلی:</strong> ${health}</div>
-                        <div><strong>APIهای کل:</strong> ${statusData.total_apis || 0}</div>
-                        <div><strong>آنلاین:</strong> ${statusData.online || 0}</div>
-                        <div><strong>تخریب شده:</strong> ${statusData.degraded || 0}</div>
-                        <div><strong>آفلاین:</strong> ${statusData.offline || 0}</div>
-                        <div><strong>میانگین زمان پاسخ:</strong> ${statusData.avg_response_time_ms || 0}ms</div>
-                        ${statusData.last_update ? `<div><strong>آخرین به‌روزرسانی:</strong> ${new Date(statusData.last_update).toLocaleString('fa-IR')}</div>` : ''}
+                        <div><strong>Overall Status:</strong> ${health}</div>
+                        <div><strong>Total APIs:</strong> ${statusData.total_apis || 0}</div>
+                        <div><strong>Online:</strong> ${statusData.online || 0}</div>
+                        <div><strong>Degraded:</strong> ${statusData.degraded || 0}</div>
+                        <div><strong>Offline:</strong> ${statusData.offline || 0}</div>
+                        <div><strong>Avg Response Time:</strong> ${statusData.avg_response_time_ms || 0}ms</div>
+                        ${statusData.last_update ? `<div><strong>Last Update:</strong> ${new Date(statusData.last_update).toLocaleString('en-US')}</div>` : ''}
                     </div>
                 </div>
             `;
         } catch (statusError) {
-            document.getElementById('diagnostics-status').innerHTML = '<div class="alert alert-error">خطا در بارگذاری وضعیت سیستم</div>';
+            document.getElementById('diagnostics-status').innerHTML = '<div class="alert alert-error">Error loading system status</div>';
         }
         
         // Load error logs
@@ -1169,25 +1291,25 @@ async function loadDiagnostics() {
                         ${errors.slice(0, 10).map(error => `
                             <div style="padding: 15px; background: rgba(239, 68, 68, 0.1); border-left: 4px solid var(--danger); border-radius: 5px;">
                                 <div style="font-weight: 600; color: var(--danger); margin-bottom: 5px;">
-                                    ${error.message || error.error_message || error.type || 'خطا'}
+                                    ${error.message || error.error_message || error.type || 'Error'}
                                 </div>
-                                ${error.error_type ? `<div style="font-size: 12px; color: var(--text-secondary); margin-bottom: 3px;">نوع: ${error.error_type}</div>` : ''}
+                                ${error.error_type ? `<div style="font-size: 12px; color: var(--text-secondary); margin-bottom: 3px;">Type: ${error.error_type}</div>` : ''}
                                 ${error.provider ? `<div style="font-size: 12px; color: var(--text-secondary); margin-bottom: 3px;">Provider: ${error.provider}</div>` : ''}
                                 <div style="font-size: 11px; color: var(--text-secondary); margin-top: 5px;">
-                                    ${error.timestamp ? new Date(error.timestamp).toLocaleString('fa-IR') : ''}
+                                    ${error.timestamp ? new Date(error.timestamp).toLocaleString('en-US') : ''}
                                 </div>
                             </div>
                         `).join('')}
                     </div>
                     ${errors.length > 10 ? `<div style="margin-top: 10px; text-align: center; color: var(--text-secondary); font-size: 12px;">
-                        نمایش ${Math.min(10, errors.length)} از ${errors.length} خطا
+                        Showing ${Math.min(10, errors.length)} of ${errors.length} errors
                     </div>` : ''}
                 `;
             } else {
-                errorsDiv.innerHTML = '<div class="alert alert-success">هیچ خطایی یافت نشد ✅</div>';
+                errorsDiv.innerHTML = '<div class="alert alert-success">No errors found ✅</div>';
             }
         } catch (errorsError) {
-            document.getElementById('error-logs').innerHTML = '<div class="alert alert-warning">خطا در بارگذاری گزارش خطاها</div>';
+            document.getElementById('error-logs').innerHTML = '<div class="alert alert-warning">Error loading error logs</div>';
         }
         
         // Load recent logs
@@ -1214,7 +1336,7 @@ async function loadDiagnostics() {
                                             ${level}
                                         </div>
                                         <div style="font-size: 11px; color: var(--text-secondary);">
-                                            ${log.timestamp ? new Date(log.timestamp).toLocaleString('fa-IR') : ''}
+                                            ${log.timestamp ? new Date(log.timestamp).toLocaleString('en-US') : ''}
                                         </div>
                                     </div>
                                     <div style="font-size: 13px; color: var(--text-primary);">
@@ -1227,14 +1349,14 @@ async function loadDiagnostics() {
                     </div>
                 `;
             } else {
-                logsDiv.innerHTML = '<div class="alert alert-warning">هیچ لاگی یافت نشد</div>';
+                logsDiv.innerHTML = '<div class="alert alert-warning">No logs found</div>';
             }
         } catch (logsError) {
-            document.getElementById('recent-logs').innerHTML = '<div class="alert alert-warning">خطا در بارگذاری لاگ‌ها</div>';
+            document.getElementById('recent-logs').innerHTML = '<div class="alert alert-warning">Error loading logs</div>';
         }
     } catch (error) {
         console.error('Error loading diagnostics:', error);
-        showError('خطا در بارگذاری خطایابی');
+        showError('Error loading diagnostics');
     }
 }
 
@@ -1245,13 +1367,13 @@ async function runDiagnostics() {
         const data = await response.json();
         
         if (data.success) {
-            showSuccess('تشخیص با موفقیت اجرا شد');
+            showSuccess('Diagnostics completed successfully');
             setTimeout(loadDiagnostics, 1000);
         } else {
-            showError(data.error || 'خطا در اجرای تشخیص');
+            showError(data.error || 'Error running diagnostics');
         }
     } catch (error) {
-        showError('خطا در اجرای تشخیص: ' + error.message);
+        showError('Error running diagnostics: ' + error.message);
     }
 }
 
@@ -1262,12 +1384,12 @@ async function testAPI() {
     const bodyText = document.getElementById('api-body').value;
     
     if (!endpoint) {
-        showError('لطفاً یک endpoint انتخاب کنید');
+        showError('Please select an endpoint');
         return;
     }
     
     const resultDiv = document.getElementById('api-result');
-    resultDiv.innerHTML = '<div class="loading"><div class="spinner"></div> در حال ارسال درخواست...</div>';
+    resultDiv.innerHTML = '<div class="loading"><div class="spinner"></div> Sending request...</div>';
     
     try {
         const options = { method };
@@ -1279,8 +1401,8 @@ async function testAPI() {
                 body = JSON.parse(bodyText);
                 options.headers = { 'Content-Type': 'application/json' };
             } catch (e) {
-                showError('JSON نامعتبر در body');
-                resultDiv.innerHTML = '<div class="alert alert-error">خطا در پارس JSON</div>';
+                showError('Invalid JSON in body');
+                resultDiv.innerHTML = '<div class="alert alert-error">JSON parsing error</div>';
                 return;
             }
         }
@@ -1310,15 +1432,15 @@ async function testAPI() {
                 <div class="alert ${statusClass}" style="margin-bottom: 15px;">
                     <div style="display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 10px;">
                         <div>
-                            <strong>${statusEmoji} وضعیت:</strong> ${response.status} ${response.statusText}
+                            <strong>${statusEmoji} Status:</strong> ${response.status} ${response.statusText}
                         </div>
                         <div style="font-size: 12px; color: var(--text-secondary);">
-                            زمان پاسخ: ${responseTime}ms
+                            Response Time: ${responseTime}ms
                         </div>
                     </div>
                 </div>
                 <div style="padding: 15px; background: rgba(31, 41, 55, 0.6); border-radius: 10px;">
-                    <h4 style="margin-bottom: 10px;">پاسخ:</h4>
+                    <h4 style="margin-bottom: 10px;">Response:</h4>
                     <pre style="background: rgba(0, 0, 0, 0.3); padding: 15px; border-radius: 5px; overflow-x: auto; margin-top: 10px; font-size: 12px; max-height: 500px; overflow-y: auto;">${JSON.stringify(data, null, 2)}</pre>
                 </div>
                 <div style="margin-top: 10px; padding: 10px; background: rgba(102, 126, 234, 0.1); border-radius: 5px; font-size: 12px; color: var(--text-secondary);">
@@ -1329,11 +1451,11 @@ async function testAPI() {
     } catch (error) {
         resultDiv.innerHTML = `
             <div class="alert alert-error" style="margin-top: 20px;">
-                <h4>خطا:</h4>
+                <h4>Error:</h4>
                 <p>${error.message}</p>
             </div>
         `;
-        showError('خطا در تست API: ' + error.message);
+        showError('API test error: ' + error.message);
     }
 }
 
@@ -1513,6 +1635,18 @@ async function loadAPIRegistry() {
         
         if (!data.ok) {
             console.warn('API registry not available:', data.error);
+            const registryContainer = document.getElementById('api-registry-section');
+            if (registryContainer) {
+                registryContainer.innerHTML = `
+                    <div class="alert alert-warning" style="padding: 30px; text-align: center;">
+                        <div style="font-size: 48px; margin-bottom: 15px;">📚</div>
+                        <div style="font-size: 18px; font-weight: 600; margin-bottom: 8px;">API Registry Not Available</div>
+                        <div style="font-size: 14px; color: var(--text-secondary);">
+                            ${data.error || 'API registry file not found'}
+                        </div>
+                    </div>
+                `;
+            }
             return;
         }
         
@@ -1520,17 +1654,85 @@ async function loadAPIRegistry() {
         if (registryContainer) {
             const metadata = data.metadata || {};
             const categories = data.categories || [];
+            const rawFiles = data.raw_files_preview || [];
             
             registryContainer.innerHTML = `
-                <div class="card">
-                    <h3>API Registry: ${metadata.name || 'Unknown'}</h3>
-                    <p>Version: ${metadata.version || 'N/A'}</p>
-                    <p>Description: ${metadata.description || 'N/A'}</p>
-                    <h4>Categories:</h4>
-                    <ul>
-                        ${categories.map(cat => `<li>${cat}</li>`).join('')}
-                    </ul>
-                    <p>Total Files: ${data.total_raw_files || 0}</p>
+                <div style="background: rgba(31, 41, 55, 0.6); border-radius: 16px; padding: 24px; margin-bottom: 20px;">
+                    <div style="display: flex; justify-content: space-between; align-items: start; margin-bottom: 20px; flex-wrap: wrap; gap: 15px;">
+                        <div>
+                            <h3 style="margin: 0 0 8px 0; color: var(--text-primary); font-size: 24px; font-weight: 700;">
+                                📚 ${metadata.name || 'API Registry'}
+                            </h3>
+                            <p style="margin: 0; color: var(--text-secondary); font-size: 14px;">
+                                ${metadata.description || 'Comprehensive API registry for cryptocurrency data sources'}
+                            </p>
+                        </div>
+                        <div style="padding: 12px 20px; background: rgba(59, 130, 246, 0.15); border-radius: 10px;">
+                            <div style="font-size: 12px; color: var(--text-secondary); margin-bottom: 4px;">Version</div>
+                            <div style="font-size: 18px; font-weight: 700; color: var(--accent-blue);">${metadata.version || 'N/A'}</div>
+                        </div>
+                    </div>
+                    
+                    <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 15px; margin-bottom: 25px;">
+                        <div style="padding: 15px; background: rgba(16, 185, 129, 0.1); border-radius: 10px; border-left: 4px solid var(--success);">
+                            <div style="font-size: 28px; font-weight: 800; color: var(--success); margin-bottom: 5px;">
+                                ${categories.length}
+                            </div>
+                            <div style="font-size: 12px; color: var(--text-secondary);">Categories</div>
+                        </div>
+                        <div style="padding: 15px; background: rgba(59, 130, 246, 0.1); border-radius: 10px; border-left: 4px solid var(--accent-blue);">
+                            <div style="font-size: 28px; font-weight: 800; color: var(--accent-blue); margin-bottom: 5px;">
+                                ${data.total_raw_files || 0}
+                            </div>
+                            <div style="font-size: 12px; color: var(--text-secondary);">Total Files</div>
+                        </div>
+                        ${metadata.created_at ? `
+                            <div style="padding: 15px; background: rgba(139, 92, 246, 0.1); border-radius: 10px; border-left: 4px solid var(--accent-purple);">
+                                <div style="font-size: 12px; color: var(--text-secondary); margin-bottom: 5px;">Created</div>
+                                <div style="font-size: 14px; font-weight: 600; color: var(--accent-purple);">
+                                    ${new Date(metadata.created_at).toLocaleDateString('en-US')}
+                                </div>
+                            </div>
+                        ` : ''}
+                    </div>
+                    
+                    ${categories.length > 0 ? `
+                        <div style="margin-bottom: 25px;">
+                            <h4 style="margin: 0 0 15px 0; color: var(--text-primary); font-size: 18px; font-weight: 600;">
+                                📂 Categories
+                            </h4>
+                            <div style="display: flex; flex-wrap: wrap; gap: 10px;">
+                                ${categories.map(cat => `
+                                    <span style="padding: 8px 16px; background: rgba(59, 130, 246, 0.15); border-radius: 8px; font-size: 13px; font-weight: 600; color: var(--accent-blue);">
+                                        ${cat.replace(/_/g, ' ').replace(/\b\w/g, l => l.toUpperCase())}
+                                    </span>
+                                `).join('')}
+                            </div>
+                        </div>
+                    ` : ''}
+                    
+                    ${rawFiles.length > 0 ? `
+                        <div>
+                            <h4 style="margin: 0 0 15px 0; color: var(--text-primary); font-size: 18px; font-weight: 600;">
+                                📄 Sample Files (${rawFiles.length} of ${data.total_raw_files || 0})
+                            </h4>
+                            <div style="display: grid; gap: 10px; max-height: 400px; overflow-y: auto;">
+                                ${rawFiles.map(file => `
+                                    <div style="padding: 15px; background: rgba(17, 24, 39, 0.6); border-radius: 10px; border-left: 3px solid var(--accent-blue);">
+                                        <div style="font-weight: 600; color: var(--text-primary); margin-bottom: 5px; font-size: 14px;">
+                                            ${file.filename || 'Unknown file'}
+                                        </div>
+                                        <div style="font-size: 11px; color: var(--text-secondary); margin-bottom: 8px;">
+                                            Size: ${file.size ? (file.size / 1024).toFixed(1) + ' KB' : file.full_size ? (file.full_size / 1024).toFixed(1) + ' KB' : 'N/A'}
+                                        </div>
+                                        ${file.preview ? `
+                                            <pre style="background: rgba(0, 0, 0, 0.3); padding: 10px; border-radius: 5px; font-size: 11px; color: var(--text-secondary); overflow-x: auto; margin: 0; max-height: 100px; overflow-y: auto;">${file.preview}</pre>
+                                        ` : ''}
+                                    </div>
+                                `).join('')}
+                            </div>
+                        </div>
+                    ` : ''}
                 </div>
             `;
         }
@@ -1539,14 +1741,26 @@ async function loadAPIRegistry() {
         const metadataContainer = document.getElementById('api-registry-metadata');
         if (metadataContainer) {
             metadataContainer.innerHTML = `
-                <div class="card">
-                    <h4>Metadata</h4>
-                    <pre>${JSON.stringify(metadata, null, 2)}</pre>
+                <div style="background: rgba(31, 41, 55, 0.6); border-radius: 16px; padding: 24px;">
+                    <h4 style="margin: 0 0 15px 0; color: var(--text-primary); font-size: 18px; font-weight: 600;">Metadata</h4>
+                    <pre style="background: rgba(0, 0, 0, 0.3); padding: 15px; border-radius: 8px; overflow-x: auto; font-size: 12px; color: var(--text-secondary);">${JSON.stringify(metadata, null, 2)}</pre>
                 </div>
             `;
         }
     } catch (error) {
         console.error('Error loading API registry:', error);
+        const registryContainer = document.getElementById('api-registry-section');
+        if (registryContainer) {
+            registryContainer.innerHTML = `
+                <div class="alert alert-error" style="padding: 30px; text-align: center;">
+                    <div style="font-size: 48px; margin-bottom: 15px;">❌</div>
+                    <div style="font-size: 18px; font-weight: 600; margin-bottom: 8px;">Error Loading API Registry</div>
+                    <div style="font-size: 14px; color: var(--text-secondary);">
+                        ${error.message || 'Failed to load API registry data'}
+                    </div>
+                </div>
+            `;
+        }
     }
 }
 

templates/index.html

@@ -1875,28 +1875,28 @@
     <!-- Loading Overlay -->
     <div class="loading-overlay" id="loadingOverlay">
         <div class="loading-spinner-large"></div>
-        <div class="loading-text" id="loadingText">در حال بارگذاری...</div>
+        <div class="loading-text" id="loadingText">Loading...</div>
     </div>
 
     <!-- Feedback Overlay -->
     <div class="feedback-overlay" id="feedbackOverlay">
         <div class="feedback-card">
             <div class="feedback-icon" id="feedbackIcon">✅</div>
-            <div class="feedback-title" id="feedbackTitle">موفق!</div>
-            <div class="feedback-message" id="feedbackMessage">عملیات با موفقیت انجام شد</div>
-            <button class="refresh-btn ripple" onclick="hideFeedback()">بستن</button>
+            <div class="feedback-title" id="feedbackTitle">Success!</div>
+            <div class="feedback-message" id="feedbackMessage">Operation completed successfully</div>
+            <button class="refresh-btn ripple" onclick="hideFeedback()">Close</button>
         </div>
     </div>
 
     <!-- Floating Action Button -->
-    <button class="fab ripple" onclick="scrollToTop()" title="بازگشت به بالا">
+    <button class="fab ripple" onclick="scrollToTop()" title="Back to top">
         ↑
     </button>
 
     <!-- WebSocket Status Indicator -->
     <div id="ws-connection-status" class="ws-status-indicator disconnected">
         <div id="ws-status-dot" class="status-dot status-dot-offline"></div>
-        <span id="ws-status-text" class="ws-status-text">در حال اتصال...</span>
+        <span id="ws-status-text" class="ws-status-text">Connecting...</span>
         <div id="online-users-badge" class="badge badge-info badge-pulse" style="margin-left: 10px;">0</div>
     </div>
 
@@ -1981,10 +1981,10 @@
                         </div>
                     </div>
                     <div class="stat-value shimmer" id="active-users-count">0</div>
-                    <div class="stat-label">کاربران آنلاین</div>
+                    <div class="stat-label">Online Users</div>
                     <div class="stat-change positive">
                         <span>📊</span>
-                        <span>کل نشست‌ها: <span id="total-sessions-count">0</span></span>
+                        <span>Total Sessions: <span id="total-sessions-count">0</span></span>
                     </div>
                     <div class="animated-progress"></div>
                 </div>
@@ -2068,7 +2068,7 @@
                         <span class="icon icon-md" style="margin-left: 8px;"><svg><use href="#icon-diamond"></use></svg></span>
                         Live Market Data
                     </div>
-                    <button class="refresh-btn ripple" onclick="loadMarketData()" data-tooltip="به‌روزرسانی داده‌های بازار">
+                    <button class="refresh-btn ripple" onclick="loadMarketData()" data-tooltip="Refresh market data">
                         <span class="icon icon-sm"><svg><use href="#icon-refresh"></use></svg></span>
                         Refresh
                     </button>
@@ -2077,24 +2077,24 @@
                 <!-- Search Bar -->
                 <div class="search-container">
                     <span class="search-icon icon"><svg><use href="#icon-search"></use></svg></span>
-                    <input type="text" class="search-input" id="marketSearch" placeholder="جستجوی ارز دیجیتال (مثال: Bitcoin, BTC, Ethereum)..." oninput="filterMarketTable()">
+                    <input type="text" class="search-input" id="marketSearch" placeholder="Search cryptocurrency (e.g., Bitcoin, BTC, Ethereum)..." oninput="filterMarketTable()">
                 </div>
                 
                 <!-- Filter Chips -->
                 <div class="filter-chips">
-                    <button class="filter-chip active" onclick="filterByCategory('all')">همه</button>
+                    <button class="filter-chip active" onclick="filterByCategory('all')">All</button>
                     <button class="filter-chip" onclick="filterByCategory('top10')">Top 10</button>
                     <button class="filter-chip" onclick="filterByCategory('gainers')">
                         <span class="icon icon-sm status-icon-success"><svg><use href="#icon-trending-up"></use></svg></span>
-                        در حال رشد
+                        Gainers
                     </button>
                     <button class="filter-chip" onclick="filterByCategory('losers')">
                         <span class="icon icon-sm status-icon-error"><svg><use href="#icon-trending-down"></use></svg></span>
-                        در حال سقوط
+                        Losers
                     </button>
                     <button class="filter-chip" onclick="filterByCategory('volume')">
                         <span class="icon icon-sm"><svg><use href="#icon-volume"></use></svg></span>
-                        حجم بالا
+                        High Volume
                     </button>
                 </div>
                 <div style="overflow-x: auto;">
@@ -2132,12 +2132,27 @@
 
                 <div class="chart-container">
                     <div class="section-title" style="margin-bottom: 20px;">😱 Fear & Greed Index</div>
-                    <div style="text-align: center;">
+                    <div style="text-align: center; padding: 20px;">
                         <canvas id="gaugeChart"></canvas>
-                        <div style="font-size: 48px; font-weight: 900; margin: 20px 0 10px;" id="sentimentValue">50
+                        <div style="margin-top: 20px;">
+                            <div style="font-size: 64px; font-weight: 900; margin-bottom: 10px; line-height: 1;" id="sentimentValue">50</div>
+                            <div style="font-size: 20px; font-weight: 700; margin-bottom: 8px;" id="sentimentText">Neutral</div>
+                            <div style="font-size: 12px; color: var(--text-secondary); margin-bottom: 15px;" id="sentimentDescription">
+                                Market sentiment is balanced
+                            </div>
+                            <!-- Sentiment Meter Bar -->
+                            <div style="width: 100%; height: 8px; background: rgba(255, 255, 255, 0.1); border-radius: 4px; overflow: hidden; margin-bottom: 15px;">
+                                <div id="sentimentBar" style="height: 100%; width: 50%; background: linear-gradient(90deg, #ef4444 0%, #f59e0b 25%, #6b7280 50%, #3b82f6 75%, #10b981 100%); border-radius: 4px; transition: width 0.5s ease;"></div>
+                            </div>
+                            <!-- Sentiment Scale Labels -->
+                            <div style="display: flex; justify-content: space-between; font-size: 10px; color: var(--text-secondary); margin-top: 5px;">
+                                <span>Extreme Fear</span>
+                                <span>Fear</span>
+                                <span>Neutral</span>
+                                <span>Greed</span>
+                                <span>Extreme Greed</span>
+                            </div>
                         </div>
-                        <div style="color: var(--text-secondary); font-size: 16px; font-weight: 600;"
-                            id="sentimentText">Neutral</div>
                     </div>
                 </div>
             </div>
@@ -2985,7 +3000,7 @@ Crypto market is bullish today</textarea>
                 // Show loading state
                 const marketTableBody = document.getElementById('marketTableBody');
                 if (marketTableBody) {
-                    marketTableBody.innerHTML = '<tr><td colspan="6" style="text-align: center; padding: 40px;"><div class="loading"><div class="spinner"></div></div><div style="margin-top: 10px; color: var(--text-secondary);">در حال بارگذاری داده‌های بازار...</div></td></tr>';
+                    marketTableBody.innerHTML = '<tr><td colspan="6" style="text-align: center; padding: 40px;"><div class="loading"><div class="spinner"></div></div><div style="margin-top: 10px; color: var(--text-secondary);">Loading market data...</div></td></tr>';
                 }
 
                 showProgress(60);
@@ -3001,11 +3016,11 @@ Crypto market is bullish today</textarea>
                 showProgress(80);
 
                 // Check if responses are OK
-                if (!marketRes.ok) throw new Error(`خطا در دریافت داده‌های بازار: ${marketRes.status}`);
-                if (!statsRes.ok) throw new Error(`خطا در دریافت آمار: ${statsRes.status}`);
-                if (!sentimentRes.ok) throw new Error(`خطا در دریافت احساسات: ${sentimentRes.status}`);
-                if (!trendingRes.ok) throw new Error(`خطا در دریافت ترندها: ${trendingRes.status}`);
-                if (!defiRes.ok) throw new Error(`خطا در دریافت DeFi: ${defiRes.status}`);
+                if (!marketRes.ok) throw new Error(`Error fetching market data: ${marketRes.status}`);
+                if (!statsRes.ok) throw new Error(`Error fetching stats: ${statsRes.status}`);
+                if (!sentimentRes.ok) throw new Error(`Error fetching sentiment: ${sentimentRes.status}`);
+                if (!trendingRes.ok) throw new Error(`Error fetching trending: ${trendingRes.status}`);
+                if (!defiRes.ok) throw new Error(`Error fetching DeFi: ${defiRes.status}`);
 
                 const [market, stats, sentiment, trending, defi] = await Promise.all([
                     marketRes.json(),
@@ -3017,30 +3032,30 @@ Crypto market is bullish today</textarea>
 
                 // Validate data with more detailed checks
                 if (!market || !Array.isArray(market.cryptocurrencies)) {
-                    throw new Error('داده‌های بازار نامعتبر است: cryptocurrencies array not found');
+                    throw new Error('Invalid market data: cryptocurrencies array not found');
                 }
                 if (!stats || typeof stats !== 'object' || stats === null) {
                     console.error('Invalid stats:', stats);
-                    throw new Error('آمار نامعتبر است: stats object not found');
+                    throw new Error('Invalid stats: stats object not found');
                 }
                 // Check if stats.market exists and is an object
                 if (!stats.market || typeof stats.market !== 'object' || stats.market === null || Array.isArray(stats.market)) {
                     console.error('Invalid stats.market:', stats.market);
                     console.error('Full stats object:', JSON.stringify(stats, null, 2));
-                    throw new Error('آمار نامعتبر است: stats.market object not found');
+                    throw new Error('Invalid stats: stats.market object not found');
                 }
                 if (!sentiment || typeof sentiment !== 'object' || sentiment === null) {
-                    throw new Error('داده‌های احساسات نامعتبر است: sentiment object not found');
+                    throw new Error('Invalid sentiment data: sentiment object not found');
                 }
                 // Note: sentiment can have different structures:
                 // - sentiment.fear_greed_index (from /api/sentiment)
                 // - sentiment.fear_greed_value (from /api/stats)
                 // So we don't validate the exact structure here
                 if (!trending || !Array.isArray(trending.trending)) {
-                    throw new Error('داده‌های ترند نامعتبر است: trending array not found');
+                    throw new Error('Invalid trending data: trending array not found');
                 }
                 if (!defi || typeof defi !== 'object' || defi === null) {
-                    throw new Error('داده‌های DeFi نامعتبر است: defi object not found');
+                    throw new Error('Invalid DeFi data: defi object not found');
                 }
 
                 // Call updateStats with validated data - double check before calling
@@ -3048,7 +3063,7 @@ Crypto market is bullish today</textarea>
                 updateStats(stats, sentiment);
                 } else {
                     console.error('Failed final validation before updateStats:', { stats, sentiment });
-                    throw new Error('داده‌های stats.market نامعتبر است');
+                    throw new Error('Invalid stats.market data');
                 }
                 updateMarketTable(market.cryptocurrencies);
                 updateTrending(trending.trending);
@@ -3060,12 +3075,12 @@ Crypto market is bullish today</textarea>
                 if (marketTableBody) {
                     marketTableBody.innerHTML = `<tr><td colspan="6" style="text-align: center; padding: 40px; color: var(--accent-red);">
                         <div style="font-size: 24px; margin-bottom: 10px;">❌</div>
-                        <div style="font-weight: 600; margin-bottom: 5px;">خطا در بارگذاری داده‌ها</div>
-                        <div style="font-size: 14px; color: var(--text-secondary);">${error.message || 'خطای نامشخص'}</div>
-                        <button onclick="loadMarketData()" style="margin-top: 15px; padding: 10px 20px; background: var(--accent-blue); border: none; border-radius: 8px; color: white; cursor: pointer; font-weight: 600;">تلاش مجدد</button>
+                        <div style="font-weight: 600; margin-bottom: 5px;">Error loading data</div>
+                        <div style="font-size: 14px; color: var(--text-secondary);">${error.message || 'Unknown error'}</div>
+                        <button onclick="loadMarketData()" style="margin-top: 15px; padding: 10px 20px; background: var(--accent-blue); border: none; border-radius: 8px; color: white; cursor: pointer; font-weight: 600;">Try Again</button>
                     </td></tr>`;
                 }
-                showToast('❌ خطا در بارگذاری داده‌های بازار: ' + (error.message || 'خطای نامشخص'), 'error');
+                showToast('❌ Error loading market data: ' + (error.message || 'Unknown error'), 'error');
             }
         }
 
@@ -3162,7 +3177,7 @@ Crypto market is bullish today</textarea>
                 if (!cryptos || !Array.isArray(cryptos) || cryptos.length === 0) {
             const tbody = document.getElementById('marketTableBody');
                     if (tbody) {
-                        tbody.innerHTML = '<tr><td colspan="6" style="text-align: center; padding: 40px; color: var(--text-secondary);">هیچ داده‌ای یافت نشد</td></tr>';
+                        tbody.innerHTML = '<tr><td colspan="6" style="text-align: center; padding: 40px; color: var(--text-secondary);">No data found</td></tr>';
                     }
                     return;
                 }
@@ -3179,7 +3194,7 @@ Crypto market is bullish today</textarea>
                     const marketCap = crypto.market_cap || 0;
                     const volume24h = crypto.volume_24h || 0;
                     const symbol = crypto.symbol || 'N/A';
-                    const name = crypto.name || 'نامشخص';
+                    const name = crypto.name || 'Unknown';
                     const changeClass = change24h >= 0 ? 'positive' : 'negative';
                     const changeIcon = change24h >= 0 ? '📈' : '📉';
 
@@ -3207,7 +3222,7 @@ Crypto market is bullish today</textarea>
                 console.error('Error updating market table:', error);
                 const tbody = document.getElementById('marketTableBody');
                 if (tbody) {
-                    tbody.innerHTML = '<tr><td colspan="6" style="text-align: center; padding: 40px; color: var(--accent-red);">خطا در نمایش داده‌ها</td></tr>';
+                    tbody.innerHTML = '<tr><td colspan="6" style="text-align: center; padding: 40px; color: var(--accent-red);">Error displaying data</td></tr>';
                 }
             }
         }
@@ -3218,12 +3233,12 @@ Crypto market is bullish today</textarea>
                 if (!grid) return;
 
                 if (!trending || !Array.isArray(trending) || trending.length === 0) {
-                    grid.innerHTML = '<div style="text-align: center; padding: 40px; color: var(--text-secondary);">هیچ ترندی یافت نشد</div>';
+                    grid.innerHTML = '<div style="text-align: center; padding: 40px; color: var(--text-secondary);">No trending coins found</div>';
                     return;
                 }
 
                 grid.innerHTML = trending.map((coin, index) => {
-                    const name = coin.name || 'نامشخص';
+                    const name = coin.name || 'Unknown';
                     const symbol = coin.symbol || 'N/A';
                     return `
                 <div style="background: rgba(59, 130, 246, 0.1); border: 1px solid rgba(59, 130, 246, 0.2); border-radius: 12px; padding: 15px; display: flex; align-items: center; gap: 12px;">
@@ -3240,7 +3255,7 @@ Crypto market is bullish today</textarea>
                 console.error('Error updating trending:', error);
                 const grid = document.getElementById('trendingGrid');
                 if (grid) {
-                    grid.innerHTML = '<div style="text-align: center; padding: 40px; color: var(--accent-red);">خطا در نمایش ترندها</div>';
+                    grid.innerHTML = '<div style="text-align: center; padding: 40px; color: var(--accent-red);">Error displaying trending</div>';
                 }
             }
         }
@@ -3260,7 +3275,7 @@ Crypto market is bullish today</textarea>
                 </div>
                 <div style="display: grid; gap: 12px;">
                         ${protocols.length > 0 ? protocols.map((p, i) => {
-                            const name = p.name || 'نامشخص';
+                            const name = p.name || 'Unknown';
                             const chain = p.chain || 'N/A';
                             const tvl = p.tvl || 0;
                             const change24h = p.change_24h || 0;
@@ -3283,14 +3298,14 @@ Crypto market is bullish today</textarea>
                         </div>
                 </div>
             `;
-                        }).join('') : '<div class="empty-state"><div class="empty-state-icon">📦</div><div>هیچ پروتکلی یافت نشد</div></div>'}
+                        }).join('') : '<div class="empty-state"><div class="empty-state-icon">📦</div><div>No protocols found</div></div>'}
                     </div>
                 `;
             } catch (error) {
                 console.error('Error updating DeFi:', error);
                 const list = document.getElementById('defiList');
                 if (list) {
-                    list.innerHTML = '<div style="text-align: center; padding: 40px; color: var(--accent-red);">خطا در نمایش داده‌های DeFi</div>';
+                    list.innerHTML = '<div style="text-align: center; padding: 40px; color: var(--accent-red);">Error displaying DeFi data</div>';
                 }
             }
         }
@@ -3336,29 +3351,81 @@ Crypto market is bullish today</textarea>
         }
 
         function updateCharts(market, sentiment) {
-            const btcDom = market.global.btc_dominance;
-            const ethDom = market.global.eth_dominance;
-            charts.dominance.data.datasets[0].data = [btcDom, ethDom, 100 - btcDom - ethDom];
+            const btcDom = market.global?.btc_dominance || market.btc_dominance || 0;
+            const ethDom = market.global?.eth_dominance || 0;
+            charts.dominance.data.datasets[0].data = [btcDom, ethDom, Math.max(0, 100 - btcDom - ethDom)];
             charts.dominance.update();
 
-            const fg = sentiment.fear_greed_index.value;
+            // Handle different sentiment data structures
+            let fg = 50;
+            let classification = 'Neutral';
+            
+            if (sentiment.fear_greed_index && typeof sentiment.fear_greed_index === 'object') {
+                fg = sentiment.fear_greed_index.value || sentiment.fear_greed_index || 50;
+                classification = sentiment.fear_greed_index.value_classification || sentiment.fear_greed_index.classification || 'Neutral';
+            } else if (typeof sentiment.fear_greed_index === 'number') {
+                fg = sentiment.fear_greed_index;
+                classification = sentiment.fear_greed_label || 'Neutral';
+            } else if (typeof sentiment.fear_greed_value !== 'undefined') {
+                fg = sentiment.fear_greed_value;
+                classification = sentiment.classification || 'Neutral';
+            } else if (typeof sentiment.value !== 'undefined') {
+                fg = sentiment.value;
+                classification = sentiment.classification || 'Neutral';
+            }
+            
+            // Ensure fg is between 0-100
+            fg = Math.max(0, Math.min(100, fg));
+            
             charts.gauge.data.datasets[0].data = [fg, 100 - fg];
 
+            let barColor = '#6b7280';
+            let description = 'Market sentiment is balanced';
+            
             if (fg < 25) {
                 charts.gauge.data.datasets[0].backgroundColor[0] = '#ef4444';
+                barColor = '#ef4444';
+                description = 'Extreme fear - investors are very worried, potential buying opportunity';
             } else if (fg < 45) {
                 charts.gauge.data.datasets[0].backgroundColor[0] = '#f59e0b';
+                barColor = '#f59e0b';
+                description = 'Fear - market shows concern, cautious sentiment';
             } else if (fg < 55) {
                 charts.gauge.data.datasets[0].backgroundColor[0] = '#6b7280';
+                barColor = '#6b7280';
+                description = 'Neutral - balanced market sentiment';
             } else if (fg < 75) {
                 charts.gauge.data.datasets[0].backgroundColor[0] = '#3b82f6';
+                barColor = '#3b82f6';
+                description = 'Greed - optimistic market sentiment';
             } else {
                 charts.gauge.data.datasets[0].backgroundColor[0] = '#10b981';
+                barColor = '#10b981';
+                description = 'Extreme greed - very optimistic, potential correction risk';
             }
 
             charts.gauge.update();
-            document.getElementById('sentimentValue').textContent = fg;
-            document.getElementById('sentimentText').textContent = sentiment.fear_greed_index.classification;
+            
+            const sentimentValueEl = document.getElementById('sentimentValue');
+            const sentimentTextEl = document.getElementById('sentimentText');
+            const sentimentDescEl = document.getElementById('sentimentDescription');
+            const sentimentBarEl = document.getElementById('sentimentBar');
+            
+            if (sentimentValueEl) {
+                sentimentValueEl.textContent = fg;
+                sentimentValueEl.style.color = barColor;
+            }
+            if (sentimentTextEl) {
+                sentimentTextEl.textContent = classification;
+                sentimentTextEl.style.color = barColor;
+            }
+            if (sentimentDescEl) {
+                sentimentDescEl.textContent = description;
+            }
+            if (sentimentBarEl) {
+                sentimentBarEl.style.width = fg + '%';
+                sentimentBarEl.style.background = `linear-gradient(90deg, #ef4444 0%, #f59e0b 25%, #6b7280 50%, #3b82f6 75%, #10b981 100%)`;
+            }
         }
 
         // استفاده از WebSocket Client جدید