Datasourceforcryptocurrency-4

Running

App Files Files Community

Really-amin commited on Nov 19

Commit

40f032f

verified ·

1 Parent(s): 93ece91

Upload 322 files

Browse files

Files changed (13) hide show

.gitattributes +1 -0
Dockerfile +10 -37
__pycache__/ai_models.cpython-313.pyc +0 -0
__pycache__/config.cpython-313.pyc +0 -0
__pycache__/hf_unified_server.cpython-313.pyc +3 -0
__pycache__/main.cpython-313.pyc +0 -0
__pycache__/simple_server.cpython-313.pyc +0 -0
dashboard.html +102 -627
hf_console.html +87 -333
hf_unified_server.py +42 -38
index (1).html +0 -0
main.py +17 -29
unified_dashboard.html +190 -47

.gitattributes CHANGED Viewed

@@ -36,3 +36,4 @@ saved_model/**/* filter=lfs diff=lfs merge=lfs -text
 data/crypto_monitor.db filter=lfs diff=lfs merge=lfs -text
 hf-data-engine/data/crypto_monitor.db filter=lfs diff=lfs merge=lfs -text
 app/data/crypto_monitor.db filter=lfs diff=lfs merge=lfs -text

 data/crypto_monitor.db filter=lfs diff=lfs merge=lfs -text
 hf-data-engine/data/crypto_monitor.db filter=lfs diff=lfs merge=lfs -text
 app/data/crypto_monitor.db filter=lfs diff=lfs merge=lfs -text
+__pycache__/hf_unified_server.cpython-313.pyc filter=lfs diff=lfs merge=lfs -text

Dockerfile CHANGED Viewed

@@ -1,51 +1,24 @@
-FROM python:3.10-slim
 WORKDIR /app
-# Install system dependencies
-RUN apt-get update && apt-get install -y \
-    build-essential \
-    git \
-    curl \
-    && rm -rf /var/lib/apt/lists/*
-# Copy requirements first for better caching
 COPY requirements.txt .
-# Upgrade pip
-RUN pip install --no-cache-dir --upgrade pip
-# Install dependencies
 RUN pip install --no-cache-dir -r requirements.txt
 # Copy application code
 COPY . .
-# Create necessary directories
-RUN mkdir -p \
-    data/database \
-    data/backups \
-    logs \
-    static/css \
-    static/js \
-    .cache/huggingface
-# Set permissions
-RUN chmod -R 755 /app
-# Environment variables
-ENV PORT=7860 \
-    PYTHONUNBUFFERED=1 \
-    TRANSFORMERS_CACHE=/app/.cache/huggingface \
-    HF_HOME=/app/.cache/huggingface \
-    PYTHONDONTWRITEBYTECODE=1
 # Expose port
 EXPOSE 7860
-# Health check
-HEALTHCHECK --interval=30s --timeout=10s --start-period=60s --retries=3 \
-    CMD curl -f http://localhost:7860/api/health || exit 1
-# Run application
-CMD ["uvicorn", "hf_unified_server:app", "--host", "0.0.0.0", "--port", "7860", "--workers", "1"]

+FROM python:3.10
 WORKDIR /app
+# Create required directories
+RUN mkdir -p /app/logs /app/data /app/data/database /app/data/backups
+# Copy requirements and install dependencies
 COPY requirements.txt .
 RUN pip install --no-cache-dir -r requirements.txt
 # Copy application code
 COPY . .
+# Set environment variables
+ENV USE_MOCK_DATA=false
+ENV PORT=7860
+ENV PYTHONUNBUFFERED=1
 # Expose port
 EXPOSE 7860
+# Launch command
+CMD ["uvicorn", "api_server_extended:app", "--host", "0.0.0.0", "--port", "7860"]

__pycache__/ai_models.cpython-313.pyc CHANGED Viewed

Binary files a/__pycache__/ai_models.cpython-313.pyc and b/__pycache__/ai_models.cpython-313.pyc differ

__pycache__/config.cpython-313.pyc CHANGED Viewed

Binary files a/__pycache__/config.cpython-313.pyc and b/__pycache__/config.cpython-313.pyc differ

__pycache__/hf_unified_server.cpython-313.pyc ADDED Viewed

	@@ -0,0 +1,3 @@

+version https://git-lfs.github.com/spec/v1
+oid sha256:95d175b459a983f328419804aacfc0f73321bc4e516957dfabc266847afc655c
+size 113609

__pycache__/main.cpython-313.pyc ADDED Viewed

Binary file (1.46 kB). View file

__pycache__/simple_server.cpython-313.pyc ADDED Viewed

Binary file (29.1 kB). View file

dashboard.html CHANGED Viewed

@@ -1,638 +1,113 @@
-<!DOCTYPE html>
 <html lang="en">
 <head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Crypto API Monitor - Real Data Dashboard</title>
-    <style>
-        * { margin: 0; padding: 0; box-sizing: border-box; }
-        @keyframes gradientShift {
-            0% { background-position: 0% 50%; }
-            50% { background-position: 100% 50%; }
-            100% { background-position: 0% 50%; }
-        }
-        @keyframes fadeInUp {
-            from {
-                opacity: 0;
-                transform: translateY(30px);
-            }
-            to {
-                opacity: 1;
-                transform: translateY(0);
-            }
-        }
-        @keyframes pulse {
-            0%, 100% { transform: scale(1); }
-            50% { transform: scale(1.05); }
-        }
-        @keyframes shimmer {
-            0% { background-position: -1000px 0; }
-            100% { background-position: 1000px 0; }
-        }
-        body {
-            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
-            background: linear-gradient(-45deg, #667eea, #764ba2, #f093fb, #4facfe);
-            background-size: 400% 400%;
-            animation: gradientShift 15s ease infinite;
-            padding: 20px;
-            color: #1a1a1a;
-            min-height: 100vh;
-        }
-        .container {
-            max-width: 1400px;
-            margin: 0 auto;
-            background: rgba(255, 255, 255, 0.95);
-            backdrop-filter: blur(10px);
-            border-radius: 24px;
-            padding: 40px;
-            box-shadow: 0 20px 60px rgba(0,0,0,0.3);
-            animation: fadeInUp 0.6s ease;
-        }
-        h1 {
-            background: linear-gradient(135deg, #667eea 0%, #764ba2 50%, #f093fb 100%);
-            -webkit-background-clip: text;
-            -webkit-text-fill-color: transparent;
-            background-clip: text;
-            margin-bottom: 10px;
-            font-size: 42px;
-            font-weight: 900;
-            letter-spacing: -1px;
-            animation: shimmer 3s infinite linear;
-            background-size: 1000px 100%;
-        }
-        .subtitle {
-            color: #6c757d;
-            font-size: 16px;
-            margin-bottom: 20px;
-        }
-        .stats-grid {
-            display: grid;
-            grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
-            gap: 24px;
-            margin: 30px 0;
-        }
-        .stat-card {
-            background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);
-            padding: 28px;
-            border-radius: 20px;
-            border: 3px solid transparent;
-            background-clip: padding-box;
-            position: relative;
-            overflow: hidden;
-            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
-            box-shadow: 0 4px 20px rgba(0,0,0,0.08);
-        }
-        .stat-card::before {
-            content: '';
-            position: absolute;
-            top: 0;
-            left: 0;
-            right: 0;
-            bottom: 0;
-            border-radius: 20px;
-            padding: 3px;
-            background: linear-gradient(135deg, #667eea, #764ba2, #f093fb);
-            -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
-            -webkit-mask-composite: xor;
-            mask-composite: exclude;
-            opacity: 0;
-            transition: opacity 0.3s;
-        }
-        .stat-card:hover {
-            transform: translateY(-8px) scale(1.02);
-            box-shadow: 0 12px 40px rgba(102, 126, 234, 0.3);
-        }
-        .stat-card:hover::before {
-            opacity: 1;
-        }
-        .stat-icon {
-            font-size: 32px;
-            margin-bottom: 12px;
-            display: inline-block;
-            animation: pulse 2s infinite;
-        }
-        .stat-value {
-            font-size: 48px;
-            font-weight: 900;
-            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
-            -webkit-background-clip: text;
-            -webkit-text-fill-color: transparent;
-            background-clip: text;
-            margin: 12px 0;
-            line-height: 1;
-        }
-        .stat-value.green {
-            background: linear-gradient(135deg, #10b981 0%, #059669 100%);
-            -webkit-background-clip: text;
-            -webkit-text-fill-color: transparent;
-        }
-        .stat-value.red {
-            background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
-            -webkit-background-clip: text;
-            -webkit-text-fill-color: transparent;
-        }
-        .stat-value.orange {
-            background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
-            -webkit-background-clip: text;
-            -webkit-text-fill-color: transparent;
-        }
-        .stat-label {
-            font-size: 13px;
-            color: #6c757d;
-            text-transform: uppercase;
-            font-weight: 700;
-            letter-spacing: 1px;
-        }
-        .section-header {
-            display: flex;
-            align-items: center;
-            gap: 12px;
-            margin: 40px 0 20px 0;
-            padding-bottom: 16px;
-            border-bottom: 3px solid;
-            border-image: linear-gradient(90deg, #667eea, #764ba2, transparent) 1;
-        }
-        .section-header h2 {
-            font-size: 28px;
-            font-weight: 800;
-            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
-            -webkit-background-clip: text;
-            -webkit-text-fill-color: transparent;
-        }
-        .providers-table {
-            width: 100%;
-            border-collapse: separate;
-            border-spacing: 0;
-            margin: 20px 0;
-            border-radius: 16px;
-            overflow: hidden;
-            box-shadow: 0 4px 20px rgba(0,0,0,0.08);
-        }
-        .providers-table th {
-            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
-            color: white;
-            padding: 18px;
-            text-align: left;
-            font-weight: 700;
-            text-transform: uppercase;
-            font-size: 12px;
-            letter-spacing: 1px;
-        }
-        .providers-table td {
-            padding: 18px;
-            border-bottom: 1px solid #e9ecef;
-            background: white;
-            transition: all 0.2s;
-        }
-        .providers-table tr:hover td {
-            background: linear-gradient(90deg, #f8f9fa 0%, #ffffff 100%);
-            transform: scale(1.01);
-        }
-        .providers-table tr:last-child td {
-            border-bottom: none;
-        }
-        .status-badge {
-            display: inline-flex;
-            align-items: center;
-            gap: 6px;
-            padding: 6px 14px;
-            border-radius: 20px;
-            font-size: 12px;
-            font-weight: 700;
-            text-transform: uppercase;
-            letter-spacing: 0.5px;
-            box-shadow: 0 2px 8px rgba(0,0,0,0.1);
-        }
-        .status-badge::before {
-            content: '';
-            width: 8px;
-            height: 8px;
-            border-radius: 50%;
-            animation: pulse 2s infinite;
-        }
-        .status-online {
-            background: linear-gradient(135deg, #d1fae5 0%, #a7f3d0 100%);
-            color: #065f46;
-            border: 2px solid #10b981;
-        }
-        .status-online::before {
-            background: #10b981;
-            box-shadow: 0 0 10px #10b981;
-        }
-        .status-offline {
-            background: linear-gradient(135deg, #fee2e2 0%, #fecaca 100%);
-            color: #991b1b;
-            border: 2px solid #ef4444;
-        }
-        .status-offline::before {
-            background: #ef4444;
-            box-shadow: 0 0 10px #ef4444;
-        }
-        .status-degraded {
-            background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
-            color: #92400e;
-            border: 2px solid #f59e0b;
-        }
-        .status-degraded::before {
-            background: #f59e0b;
-            box-shadow: 0 0 10px #f59e0b;
-        }
-        .refresh-btn {
-            padding: 14px 28px;
-            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
-            color: white;
-            border: none;
-            border-radius: 12px;
-            font-weight: 700;
-            cursor: pointer;
-            margin: 10px 5px;
-            font-size: 14px;
-            text-transform: uppercase;
-            letter-spacing: 0.5px;
-            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
-            box-shadow: 0 4px 15px rgba(102, 126, 234, 0.4);
-            position: relative;
-            overflow: hidden;
-        }
-        .refresh-btn::before {
-            content: '';
-            position: absolute;
-            top: 50%;
-            left: 50%;
-            width: 0;
-            height: 0;
-            border-radius: 50%;
-            background: rgba(255,255,255,0.3);
-            transform: translate(-50%, -50%);
-            transition: width 0.6s, height 0.6s;
-        }
-        .refresh-btn:hover::before {
-            width: 300px;
-            height: 300px;
-        }
-        .refresh-btn:hover {
-            transform: translateY(-3px);
-            box-shadow: 0 8px 25px rgba(102, 126, 234, 0.5);
-        }
-        .refresh-btn:active {
-            transform: translateY(-1px);
-        }
-        .last-update {
-            display: inline-flex;
-            align-items: center;
-            gap: 8px;
-            color: #6c757d;
-            font-size: 14px;
-            margin: 10px 0;
-            padding: 8px 16px;
-            background: #f8f9fa;
-            border-radius: 20px;
-            font-weight: 600;
-        }
-        .hf-section {
-            margin-top: 40px;
-            padding: 32px;
-            background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
-            border-radius: 20px;
-            border: 3px solid #dee2e6;
-            box-shadow: 0 4px 20px rgba(0,0,0,0.08);
-        }
-        textarea {
-            width: 100%;
-            padding: 16px;
-            border: 3px solid #dee2e6;
-            border-radius: 12px;
-            font-family: 'Consolas', 'Monaco', monospace;
-            margin: 16px 0;
-            font-size: 14px;
-            transition: all 0.3s;
-            background: white;
-        }
-        textarea:focus {
-            outline: none;
-            border-color: #667eea;
-            box-shadow: 0 0 0 4px rgba(102, 126, 234, 0.1);
-        }
-        .sentiment-result {
-            font-size: 56px;
-            font-weight: 900;
-            padding: 32px;
-            background: white;
-            border-radius: 16px;
-            text-align: center;
-            margin: 16px 0;
-            box-shadow: 0 4px 20px rgba(0,0,0,0.08);
-            border: 3px solid #dee2e6;
-            min-height: 120px;
-            display: flex;
-            align-items: center;
-            justify-content: center;
-        }
-        pre {
-            background: #1e293b !important;
-            color: #e2e8f0 !important;
-            padding: 20px !important;
-            border-radius: 12px !important;
-            overflow-x: auto !important;
-            font-size: 13px !important;
-            line-height: 1.6 !important;
-            box-shadow: inset 0 2px 8px rgba(0,0,0,0.3) !important;
-        }
-        .loading {
-            display: inline-block;
-            width: 20px;
-            height: 20px;
-            border: 3px solid #f3f4f6;
-            border-top-color: #667eea;
-            border-radius: 50%;
-            animation: spin 0.8s linear infinite;
-        }
-        @keyframes spin {
-            to { transform: rotate(360deg); }
-        }
-        .response-time {
-            font-weight: 700;
-            padding: 4px 10px;
-            border-radius: 8px;
-            font-size: 13px;
-        }
-        .response-fast {
-            background: #d1fae5;
-            color: #065f46;
-        }
-        .response-medium {
-            background: #fef3c7;
-            color: #92400e;
-        }
-        .response-slow {
-            background: #fee2e2;
-            color: #991b1b;
-        }
-    </style>
 </head>
-<body>
-    <div class="container">
-        <h1>🚀 Crypto API Monitor</h1>
-        <p class="subtitle">Real-time monitoring of cryptocurrency APIs with live data</p>
-        <p class="last-update">⏱️ Last Update: <span id="lastUpdate">Loading...</span></p>
-        <div style="margin: 20px 0;">
-            <button class="refresh-btn" onclick="loadData()">🔄 Refresh Data</button>
-            <button class="refresh-btn" onclick="window.location.href='/hf_console.html'">🤗 HF Console</button>
-            <button class="refresh-btn" onclick="window.location.href='/admin.html'">⚙️ Admin Panel</button>
-            <button class="refresh-btn" onclick="window.location.href='/index.html'">📊 Full Dashboard</button>
-        </div>
-        <div class="stats-grid">
-            <div class="stat-card">
-                <div class="stat-icon">📡</div>
-                <div class="stat-label">Total APIs</div>
-                <div class="stat-value" id="totalAPIs">0</div>
-            </div>
-            <div class="stat-card">
-                <div class="stat-icon">✅</div>
-                <div class="stat-label">Online</div>
-                <div class="stat-value green" id="onlineAPIs">0</div>
-            </div>
-            <div class="stat-card">
-                <div class="stat-icon">❌</div>
-                <div class="stat-label">Offline</div>
-                <div class="stat-value red" id="offlineAPIs">0</div>
-            </div>
-            <div class="stat-card">
-                <div class="stat-icon">⚡</div>
-                <div class="stat-label">Avg Response</div>
-                <div class="stat-value orange" id="avgResponse" style="font-size: 32px;">0ms</div>
-            </div>
-        </div>
-        <div class="section-header">
-            <h2>📊 API Providers Status</h2>
-        </div>
-        <table class="providers-table">
-            <thead>
-                <tr>
-                    <th>Provider</th>
-                    <th>Category</th>
-                    <th>Status</th>
-                    <th>Response Time</th>
-                    <th>Last Check</th>
-                </tr>
-            </thead>
-            <tbody id="providersTable">
-                <tr><td colspan="5" style="text-align: center;">Loading...</td></tr>
-            </tbody>
-        </table>
-        <div class="hf-section">
-            <div class="section-header" style="border: none; margin: 0 0 20px 0;">
-                <h2>🤗 HuggingFace Sentiment Analysis</h2>
-            </div>
-            <p style="color: #6c757d; margin-bottom: 10px;">Enter crypto-related text (one per line) to analyze sentiment using AI:</p>
-            <textarea id="sentimentText" rows="5" placeholder="BTC strong breakout&#10;ETH looks weak&#10;Market is bullish">BTC strong breakout
-ETH looks weak
-Market is bullish today</textarea>
-            <button class="refresh-btn" onclick="runSentiment()">🧠 Analyze Sentiment</button>
-            <div class="sentiment-result" id="sentimentResult">—</div>
-            <pre id="sentimentDetails" style="background: white; padding: 15px; border-radius: 8px; overflow-x: auto; font-size: 12px;"></pre>
         </div>
     </div>
-    <script>
-        async function loadData() {
-            try {
-                // Show loading state
-                const tbody = document.getElementById('providersTable');
-                if (tbody) {
-                    tbody.innerHTML = '<tr><td colspan="5" style="text-align: center; padding: 40px;"><div class="loading"></div><div style="margin-top: 10px; color: #6c757d;">در حال بارگذاری...</div></td></tr>';
-                }
-                if (document.getElementById('lastUpdate')) {
-                    document.getElementById('lastUpdate').textContent = 'در حال بارگذاری...';
-                }
-                // Load status
-                const statusRes = await fetch('/api/status');
-                if (!statusRes.ok) {
-                    throw new Error(`خطا در دریافت وضعیت: ${statusRes.status} ${statusRes.statusText}`);
-                }
-                const status = await statusRes.json();
-                if (!status || typeof status.total_providers === 'undefined') {
-                    throw new Error('داده‌های وضعیت نامعتبر است');
-                }
-                if (document.getElementById('totalAPIs')) {
-                    document.getElementById('totalAPIs').textContent = status.total_providers || 0;
-                }
-                if (document.getElementById('onlineAPIs')) {
-                    document.getElementById('onlineAPIs').textContent = status.online || 0;
-                }
-                if (document.getElementById('offlineAPIs')) {
-                    document.getElementById('offlineAPIs').textContent = status.offline || 0;
-                }
-                if (document.getElementById('avgResponse')) {
-                    document.getElementById('avgResponse').textContent = (status.avg_response_time_ms || 0) + 'ms';
-                }
-                if (document.getElementById('lastUpdate')) {
-                    document.getElementById('lastUpdate').textContent = status.timestamp ? new Date(status.timestamp).toLocaleString('fa-IR') : 'نامشخص';
-                }
-                // Load providers
-                const providersRes = await fetch('/api/providers');
-                if (!providersRes.ok) {
-                    throw new Error(`خطا در دریافت لیست APIها: ${providersRes.status} ${providersRes.statusText}`);
-                }
-                const providers = await providersRes.json();
-                if (!providers || !Array.isArray(providers)) {
-                    throw new Error('لیست APIها نامعتبر است');
-                }
-                if (tbody) {
-                    if (providers.length === 0) {
-                        tbody.innerHTML = '<tr><td colspan="5" style="text-align: center; padding: 40px; color: #6c757d;">هیچ APIای یافت نشد</td></tr>';
-                    } else {
-                        tbody.innerHTML = providers.map(p => {
-                            let responseClass = 'response-fast';
-                            const responseTime = p.response_time_ms || p.avg_response_time_ms || 0;
-                            if (responseTime > 3000) responseClass = 'response-slow';
-                            else if (responseTime > 1000) responseClass = 'response-medium';
-                            return `
-                            <tr>
-                                <td><strong style="font-size: 15px;">${p.name || 'نامشخص'}</strong></td>
-                                <td><span style="background: #f8f9fa; padding: 4px 10px; border-radius: 8px; font-size: 12px; font-weight: 600;">${p.category || 'نامشخص'}</span></td>
-                                <td><span class="status-badge status-${p.status || 'unknown'}">${(p.status || 'unknown').toUpperCase()}</span></td>
-                                <td><span class="response-time ${responseClass}">${responseTime}ms</span></td>
-                                <td style="color: #6c757d; font-size: 13px;">${p.last_fetch ? new Date(p.last_fetch).toLocaleTimeString('fa-IR') : 'نامشخص'}</td>
-                            </tr>
-                        `}).join('');
-                    }
-                }
-            } catch (error) {
-                console.error('Error loading data:', error);
-                const tbody = document.getElementById('providersTable');
-                if (tbody) {
-                    tbody.innerHTML = `<tr><td colspan="5" style="text-align: center; padding: 40px; color: #ef4444;">
-                        <div style="font-size: 24px; margin-bottom: 10px;">❌</div>
-                        <div style="font-weight: 600; margin-bottom: 5px;">خطا در بارگذاری داده‌ها</div>
-                        <div style="font-size: 14px; color: #6c757d; margin-bottom: 15px;">${error.message || 'خطای نامشخص'}</div>
-                        <button onclick="loadData()" style="padding: 10px 20px; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border: none; border-radius: 12px; color: white; cursor: pointer; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px;">تلاش مجدد</button>
-                    </td></tr>`;
-                }
-                if (document.getElementById('lastUpdate')) {
-                    document.getElementById('lastUpdate').textContent = 'خطا در بارگذاری';
-                }
-                alert('❌ خطا در بارگذاری داده‌ها:\n' + (error.message || 'خطای نامشخص'));
-            }
-        }
-        async function runSentiment() {
-            const text = document.getElementById('sentimentText').value;
-            const texts = text.split('\n').filter(t => t.trim());
-            if (texts.length === 0) {
-                alert('Please enter at least one line of text');
-                return;
-            }
-            try {
-                document.getElementById('sentimentResult').textContent = '⏳ Analyzing...';
-                document.getElementById('sentimentDetails').textContent = '';
-                const res = await fetch('/api/hf/run-sentiment', {
-                    method: 'POST',
-                    headers: { 'Content-Type': 'application/json' },
-                    body: JSON.stringify({ texts })
-                });
-                if (!res.ok) {
-                    throw new Error(`HTTP ${res.status}: ${await res.text()}`);
-                }
-                const data = await res.json();
-                const vote = data.vote || 0;
-                let emoji = '😐';
-                let color = '#6c757d';
-                if (vote > 0.2) {
-                    emoji = '📈';
-                    color = '#10b981';
-                } else if (vote < -0.2) {
-                    emoji = '📉';
-                    color = '#ef4444';
-                }
-                document.getElementById('sentimentResult').innerHTML = `
-                    <span style="color: ${color};">${emoji} ${vote.toFixed(3)}</span>
-                `;
-                document.getElementById('sentimentDetails').textContent = JSON.stringify(data, null, 2);
-            } catch (error) {
-                console.error('Error running sentiment:', error);
-                document.getElementById('sentimentResult').innerHTML = '<span style="color: #ef4444;">❌ Error</span>';
-                document.getElementById('sentimentDetails').textContent = 'Error: ' + error.message;
-            }
-        }
-        // Load data on page load
-        loadData();
-        // Auto-refresh every 30 seconds
-        setInterval(loadData, 30000);
-    </script>
 </body>
-</html>

+<!DOCTYPE html>
 <html lang="en">
 <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <title>Crypto Intelligence Dashboard</title>
+    <link rel="preconnect" href="https://fonts.googleapis.com" />
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet" />
+    <link rel="stylesheet" href="/static/css/unified-ui.css" />
+    <link rel="stylesheet" href="/static/css/components.css" />
+    <script defer src="/static/js/ui-feedback.js"></script>
+    <script defer src="/static/js/dashboard-app.js"></script>
 </head>
+<body class="page page-dashboard">
+<header class="top-nav">
+    <div class="branding">
+        <svg width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><circle cx="12" cy="12" r="10"/></svg>
+        <div>
+            <strong>Crypto Intelligence Hub</strong>
+            <small style="color:var(--ui-text-muted);letter-spacing:0.2em;">Real-time data + HF models</small>
         </div>
     </div>
+    <nav class="nav-links">
+        <a class="active" href="/dashboard">Dashboard</a>
+        <a href="/admin">Admin</a>
+        <a href="/hf_console">HF Console</a>
+        <a href="/docs" target="_blank" rel="noreferrer">API Docs</a>
+    </nav>
+</header>
+<main class="page-content">
+    <section class="card" id="intro-card">
+        <div class="section-heading">
+            <h2>Unified Market Pulse</h2>
+            <span class="badge info" id="intro-source">Loading...</span>
+        </div>
+        <p style="color:var(--text-muted);max-width:780px;line-height:1.6;">
+            Live collectors + local fallback registry guarantee resilient insights. All numbers below already honor the FastAPI routes
+            (<code>/api/crypto/prices/top</code>, <code>/api/crypto/market-overview</code>, <code>/health</code>) so you can monitor status even when providers degrade.
+        </p>
+    </section>
+    <section class="card-grid" id="market-metrics">
+        <article class="card"><h3>Total Market Cap</h3><div class="metric-value" id="metric-market-cap">-</div><div class="metric-subtext" id="metric-cap-source"></div></article>
+        <article class="card"><h3>24h Volume</h3><div class="metric-value" id="metric-volume">-</div><div class="metric-subtext" id="metric-volume-source"></div></article>
+        <article class="card"><h3>BTC Dominance</h3><div class="metric-value" id="metric-btc-dom">-</div><div class="metric-subtext">Based on /api/crypto/market-overview</div></article>
+        <article class="card"><h3>System Health</h3><div class="metric-value" id="metric-health">-</div><div class="metric-subtext" id="metric-health-details"></div></article>
+    </section>
+    <section class="card table-card">
+        <div class="section-heading">
+            <h2>Top Assets</h2>
+            <span class="badge info" id="top-prices-source">Loading...</span>
+        </div>
+        <div class="table-wrapper">
+            <table>
+                <thead>
+                <tr><th>Symbol</th><th>Price</th><th>24h %</th><th>Volume</th></tr>
+                </thead>
+                <tbody id="top-prices-table">
+                <tr><td colspan="4">Loading...</td></tr>
+                </tbody>
+            </table>
+        </div>
+    </section>
+    <section class="split-grid">
+        <article class="card" id="overview-card">
+            <div class="section-heading">
+                <h2>Market Overview</h2>
+                <span class="badge info" id="market-overview-source">Loading...</span>
+            </div>
+            <ul class="list" id="market-overview-list"></ul>
+        </article>
+        <article class="card" id="system-card">
+            <div class="section-heading">
+                <h2>System & Rate Limits</h2>
+                <span class="badge info" id="system-status-source">/health</span>
+            </div>
+            <div id="system-health-status" class="metric-subtext"></div>
+            <ul class="list" id="system-status-list"></ul>
+            <div class="section-heading" style="margin-top:24px;">
+                <h2>Configuration</h2>
+            </div>
+            <ul class="list" id="system-config-list"></ul>
+            <div class="section-heading" style="margin-top:24px;">
+                <h2>Rate Limits</h2>
+            </div>
+            <ul class="list" id="rate-limits-list"></ul>
+        </article>
+    </section>
+    <section class="split-grid">
+        <article class="card" id="hf-widget">
+            <div class="section-heading">
+                <h2>HuggingFace Snapshot</h2>
+                <span class="badge info" id="hf-health-status">Loading...</span>
+            </div>
+            <div id="hf-widget-summary" class="metric-subtext"></div>
+            <ul class="list" id="hf-registry-list"></ul>
+        </article>
+        <article class="card">
+            <div class="section-heading">
+                <h2>Live Stream (/ws)</h2>
+                <span class="badge info" id="ws-status">Connecting...</span>
+            </div>
+            <div class="ws-stream" id="ws-stream"></div>
+        </article>
+    </section>
+</main>
 </body>
+</html>

hf_console.html CHANGED Viewed

@@ -1,343 +1,97 @@
-<!DOCTYPE html>
-<html lang="en" dir="rtl">
 <head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>HF Console - Crypto API Monitor</title>
-    <style>
-        * { margin: 0; padding: 0; box-sizing: border-box; }
-        body {
-            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
-            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
-            padding: 20px;
-            direction: rtl;
-        }
-        .container {
-            max-width: 1400px;
-            margin: 0 auto;
-            background: white;
-            border-radius: 16px;
-            padding: 30px;
-            box-shadow: 0 10px 40px rgba(0,0,0,0.2);
-        }
-        h1 {
-            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
-            -webkit-background-clip: text;
-            -webkit-text-fill-color: transparent;
-            margin-bottom: 10px;
-            font-size: 32px;
-        }
-        .subtitle { color: #666; margin-bottom: 30px; }
-        section {
-            margin-bottom: 30px;
-            padding: 20px;
-            background: #f8f9fa;
-            border-radius: 12px;
-            border: 2px solid #e9ecef;
-        }
-        h3 {
-            color: #333;
-            margin-bottom: 15px;
-            font-size: 20px;
-            display: flex;
-            align-items: center;
-            gap: 10px;
-        }
-        .badge {
-            display: inline-block;
-            padding: 4px 12px;
-            border-radius: 12px;
-            font-size: 14px;
-            font-weight: 600;
-        }
-        .badge-success { background: #d1fae5; color: #10b981; }
-        .badge-warning { background: #fef3c7; color: #f59e0b; }
-        .badge-info { background: #dbeafe; color: #3b82f6; }
-        pre {
-            background: #1e293b;
-            color: #e2e8f0;
-            padding: 15px;
-            border-radius: 8px;
-            overflow-x: auto;
-            font-size: 13px;
-            line-height: 1.6;
-            max-height: 300px;
-            overflow-y: auto;
-        }
-        button {
-            padding: 10px 20px;
-            border: none;
-            border-radius: 8px;
-            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
-            color: white;
-            font-weight: 600;
-            cursor: pointer;
-            transition: all 0.3s;
-            margin: 5px;
-        }
-        button:hover {
-            transform: translateY(-2px);
-            box-shadow: 0 4px 12px rgba(102, 126, 234, 0.4);
-        }
-        button:active { transform: translateY(0); }
-        input, textarea {
-            width: 100%;
-            padding: 10px;
-            border: 2px solid #e9ecef;
-            border-radius: 8px;
-            font-family: inherit;
-            margin: 10px 0;
-        }
-        input:focus, textarea:focus {
-            outline: none;
-            border-color: #667eea;
-        }
-        .list-box {
-            max-height: 250px;
-            overflow-y: auto;
-            border: 1px solid #e9ecef;
-            padding: 10px;
-            background: white;
-            border-radius: 8px;
-            margin: 10px 0;
-        }
-        .list-box ul { list-style: none; }
-        .list-box li {
-            padding: 8px;
-            border-bottom: 1px solid #f1f5f9;
-            font-size: 14px;
-            color: #475569;
-        }
-        .list-box li:last-child { border-bottom: none; }
-        .vote-display {
-            font-size: 24px;
-            font-weight: 700;
-            padding: 15px;
-            background: white;
-            border-radius: 8px;
-            text-align: center;
-            margin: 10px 0;
-        }
-        .vote-positive { color: #10b981; }
-        .vote-negative { color: #ef4444; }
-        .vote-neutral { color: #6b7280; }
-        .loading {
-            display: inline-block;
-            width: 16px;
-            height: 16px;
-            border: 3px solid #f3f4f6;
-            border-top-color: #667eea;
-            border-radius: 50%;
-            animation: spin 0.8s linear infinite;
-        }
-        @keyframes spin {
-            to { transform: rotate(360deg); }
-        }
-        .grid {
-            display: grid;
-            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
-            gap: 20px;
-        }
-    </style>
-    <!-- API Configuration -->
-    <script src="config.js"></script>
 </head>
-<body>
-    <div class="container">
-        <h1>🤗 HuggingFace Console</h1>
-        <p class="subtitle">Test HF connectivity, registry, search, and sentiment analysis</p>
-        <div style="background: #f0f9ff; padding: 10px; border-radius: 8px; margin-bottom: 20px; font-size: 13px; color: #0369a1;">
-            <strong>🌐 Environment:</strong> <span id="envInfo">Loading...</span> |
-            <strong>📡 API:</strong> <span id="apiInfo">Loading...</span>
         </div>
-        <section>
-            <h3>
-                <span>📊 Health Status</span>
-                <span class="badge badge-info" id="healthBadge">Loading...</span>
-            </h3>
-            <button onclick="loadHealth()">🔄 Refresh Health</button>
-            <button onclick="doRefresh()">🔃 Force Registry Refresh</button>
-            <pre id="healthOutput">Loading...</pre>
-        </section>
-        <div class="grid">
-            <section>
-                <h3>
-                    <span>🤖 Models Registry</span>
-                    <span class="badge badge-success" id="modelsCount">0</span>
-                </h3>
-                <button onclick="loadModels()">Load Models</button>
-                <div class="list-box" id="modelsList">
-                    <p style="color: #94a3b8;">Click "Load Models" to fetch...</p>
-                </div>
-            </section>
-            <section>
-                <h3>
-                    <span>📚 Datasets Registry</span>
-                    <span class="badge badge-success" id="datasetsCount">0</span>
-                </h3>
-                <button onclick="loadDatasets()">Load Datasets</button>
-                <div class="list-box" id="datasetsList">
-                    <p style="color: #94a3b8;">Click "Load Datasets" to fetch...</p>
-                </div>
-            </section>
         </div>
-        <section>
-            <h3>🔍 Search Registry (Local Snapshot)</h3>
-            <input type="text" id="searchQuery" placeholder="Search query (e.g., crypto, bitcoin, sentiment)" value="crypto">
-            <button onclick="doSearch()">Search Models</button>
-            <button onclick="doSearchDatasets()">Search Datasets</button>
-            <div class="list-box" id="searchResults">
-                <p style="color: #94a3b8;">Enter a query and click search...</p>
             </div>
-        </section>
-        <section>
-            <h3>💭 Sentiment Analysis (Local Pipeline)</h3>
-            <p style="color: #666; font-size: 14px; margin-bottom: 10px;">
-                Enter text samples (one per line) to analyze crypto sentiment using local transformers
-            </p>
-            <textarea id="sentimentTexts" rows="5" placeholder="BTC looks strong&#10;ETH is weak today&#10;Market sentiment is bullish">BTC strong breakout
-ETH looks weak
-Crypto market is bullish today
-Bears are taking control
-Neutral market conditions</textarea>
-            <button onclick="doSentiment()">🧠 Run Sentiment Analysis</button>
-            <div class="vote-display" id="voteDisplay">
-                <span style="color: #94a3b8;">—</span>
             </div>
-            <pre id="sentimentOutput">Results will appear here...</pre>
-        </section>
-    </div>
-    <script>
-        // Use the CONFIG object from config.js
-        const API_BASE = CONFIG.API_BASE;
-        const fetchJSON = CONFIG.fetchJSON;
-        const postJSON = CONFIG.postJSON;
-        // Display environment info
-        function updateEnvironmentInfo() {
-            const envType = CONFIG.IS_HUGGINGFACE_SPACES ? '🤗 HuggingFace Spaces' :
-                           CONFIG.IS_LOCALHOST ? '💻 Localhost' : '🌐 Custom Deployment';
-            document.getElementById('envInfo').textContent = envType;
-            document.getElementById('apiInfo').textContent = CONFIG.API_BASE;
-        }
-        async function loadHealth() {
-            try {
-                const data = await fetchJSON(CONFIG.ENDPOINTS.HF_HEALTH);
-                document.getElementById('healthOutput').textContent = JSON.stringify(data, null, 2);
-                document.getElementById('healthBadge').textContent = data.ok ? '✓ Healthy' : '✗ Unhealthy';
-                document.getElementById('healthBadge').className = data.ok ? 'badge badge-success' : 'badge badge-warning';
-            } catch (err) {
-                document.getElementById('healthOutput').textContent = `Error: ${err.message}`;
-                document.getElementById('healthBadge').textContent = '✗ Error';
-                document.getElementById('healthBadge').className = 'badge badge-warning';
-            }
-        }
-        async function doRefresh() {
-            try {
-                document.getElementById('healthOutput').textContent = 'Refreshing registry...';
-                const data = await postJSON(CONFIG.ENDPOINTS.HF_REFRESH, {});
-                document.getElementById('healthOutput').textContent = JSON.stringify(data, null, 2);
-                await loadHealth();
-            } catch (err) {
-                document.getElementById('healthOutput').textContent = `Error: ${err.message}`;
-            }
-        }
-        async function loadModels() {
-            try {
-                const data = await fetchJSON(`${CONFIG.ENDPOINTS.HF_REGISTRY}?kind=models`);
-                const items = data.items || [];
-                document.getElementById('modelsCount').textContent = items.length;
-                const html = items.length > 0
-                    ? '<ul>' + items.slice(0, 50).map(i => `<li>🤖 ${i.id} • ${i.pipeline_tag || 'N/A'} • <small>${i.source}</small></li>`).join('') + '</ul>'
-                    : '<p style="color: #94a3b8;">No models found</p>';
-                document.getElementById('modelsList').innerHTML = html;
-            } catch (err) {
-                document.getElementById('modelsList').innerHTML = `<p style="color: #ef4444;">Error: ${err.message}</p>`;
-            }
-        }
-        async function loadDatasets() {
-            try {
-                const data = await fetchJSON(`${CONFIG.ENDPOINTS.HF_REGISTRY}?kind=datasets`);
-                const items = data.items || [];
-                document.getElementById('datasetsCount').textContent = items.length;
-                const html = items.length > 0
-                    ? '<ul>' + items.slice(0, 50).map(i => `<li>📚 ${i.id} • <small>${i.source}</small></li>`).join('') + '</ul>'
-                    : '<p style="color: #94a3b8;">No datasets found</p>';
-                document.getElementById('datasetsList').innerHTML = html;
-            } catch (err) {
-                document.getElementById('datasetsList').innerHTML = `<p style="color: #ef4444;">Error: ${err.message}</p>`;
-            }
-        }
-        async function doSearch() {
-            const q = document.getElementById('searchQuery').value;
-            try {
-                const data = await fetchJSON(`${CONFIG.ENDPOINTS.HF_SEARCH}?q=${encodeURIComponent(q)}&kind=models`);
-                const items = data.items || [];
-                const html = items.length > 0
-                    ? `<p style="color: #10b981; font-weight: 600;">Found ${items.length} models</p><ul>` + items.map(i => `<li>🤖 ${i.id}</li>`).join('') + '</ul>'
-                    : '<p style="color: #94a3b8;">No results found</p>';
-                document.getElementById('searchResults').innerHTML = html;
-            } catch (err) {
-                document.getElementById('searchResults').innerHTML = `<p style="color: #ef4444;">Error: ${err.message}</p>`;
-            }
-        }
-        async function doSearchDatasets() {
-            const q = document.getElementById('searchQuery').value;
-            try {
-                const data = await fetchJSON(`${CONFIG.ENDPOINTS.HF_SEARCH}?q=${encodeURIComponent(q)}&kind=datasets`);
-                const items = data.items || [];
-                const html = items.length > 0
-                    ? `<p style="color: #10b981; font-weight: 600;">Found ${items.length} datasets</p><ul>` + items.map(i => `<li>📚 ${i.id}</li>`).join('') + '</ul>'
-                    : '<p style="color: #94a3b8;">No results found</p>';
-                document.getElementById('searchResults').innerHTML = html;
-            } catch (err) {
-                document.getElementById('searchResults').innerHTML = `<p style="color: #ef4444;">Error: ${err.message}</p>`;
-            }
-        }
-        async function doSentiment() {
-            const texts = document.getElementById('sentimentTexts').value.split('\n').filter(t => t.trim());
-            if (texts.length === 0) {
-                alert('Please enter at least one text sample');
-                return;
-            }
-            try {
-                document.getElementById('voteDisplay').innerHTML = '<span class="loading"></span>';
-                document.getElementById('sentimentOutput').textContent = 'Running sentiment analysis...';
-                const data = await postJSON(CONFIG.ENDPOINTS.HF_RUN_SENTIMENT, { texts });
-                const vote = data.vote || 0;
-                let voteClass = 'vote-neutral';
-                let voteEmoji = '😐';
-                if (vote > 0.2) { voteClass = 'vote-positive'; voteEmoji = '📈'; }
-                else if (vote < -0.2) { voteClass = 'vote-negative'; voteEmoji = '📉'; }
-                document.getElementById('voteDisplay').innerHTML = `<span class="${voteClass}">${voteEmoji} ${vote.toFixed(3)}</span>`;
-                document.getElementById('sentimentOutput').textContent = JSON.stringify(data, null, 2);
-            } catch (err) {
-                document.getElementById('voteDisplay').innerHTML = '<span style="color: #ef4444;">Error</span>';
-                document.getElementById('sentimentOutput').textContent = `Error: ${err.message}`;
-            }
-        }
-        // Auto-load health and environment info on page load
-        window.addEventListener('load', () => {
-            updateEnvironmentInfo();
-            loadHealth();
-        });
-    </script>
 </body>
-</html>

+<!DOCTYPE html>
+<html lang="en">
 <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <title>HF Console · Crypto Intelligence</title>
+    <link rel="preconnect" href="https://fonts.googleapis.com" />
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet" />
+    <link rel="stylesheet" href="/static/css/unified-ui.css" />
+    <link rel="stylesheet" href="/static/css/components.css" />
+    <script defer src="/static/js/ui-feedback.js"></script>
+    <script defer src="/static/js/hf-console.js"></script>
 </head>
+<body class="page page-hf-console">
+<header class="top-nav">
+    <div class="branding">
+        <svg width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><circle cx="12" cy="12" r="10"/></svg>
+        <div>
+            <strong>HF Models & Datasets</strong>
+            <small style="color:var(--ui-text-muted);letter-spacing:0.2em;">/api/hf/* endpoints</small>
         </div>
+    </div>
+    <nav class="nav-links">
+        <a href="/dashboard">Dashboard</a>
+        <a href="/admin">Admin</a>
+        <a class="active" href="/hf_console">HF Console</a>
+        <a href="/docs" target="_blank" rel="noreferrer">API Docs</a>
+    </nav>
+</header>
+<main class="page-content">
+    <section class="card">
+        <div class="section-heading">
+            <h2>Registry & Status</h2>
+            <span class="badge info" id="hf-console-health">Loading...</span>
         </div>
+        <p class="metric-subtext" id="hf-console-summary"></p>
+        <ul class="list" id="hf-console-models"></ul>
+    </section>
+    <section class="split-grid">
+        <article class="card">
+            <div class="section-heading"><h2>Sentiment Playground</h2><span class="badge info">POST /api/hf/models/sentiment</span></div>
+            <div class="form-field">
+                <label for="sentiment-model">Sentiment model</label>
+                <select id="sentiment-model">
+                    <option value="auto">auto (ensemble)</option>
+                    <option value="cryptobert">cryptobert</option>
+                    <option value="cryptobert_finbert">cryptobert_finbert</option>
+                    <option value="tiny_crypto_lm">tiny_crypto_lm</option>
+                </select>
             </div>
+            <div class="form-field">
+                <label for="sentiment-texts">Texts (one per line)</label>
+                <textarea id="sentiment-texts" rows="5" placeholder="BTC is breaking out...\nETH looks weak..."></textarea>
             </div>
+            <button class="primary" id="run-sentiment">Run Sentiment</button>
+            <div id="sentiment-results" class="ws-stream" style="margin-top:16px;"></div>
+        </article>
+        <article class="card">
+            <div class="section-heading"><h2>Forecast Sandbox</h2><span class="badge info">POST /api/hf/models/forecast</span></div>
+            <div class="form-field">
+                <label for="forecast-model">Model</label>
+                <select id="forecast-model">
+                    <option value="btc_lstm">btc_lstm</option>
+                    <option value="btc_arima">btc_arima</option>
+                </select>
+            </div>
+            <div class="form-field">
+                <label for="forecast-series">Closing Prices (comma separated)</label>
+                <textarea id="forecast-series" rows="5" placeholder="67650, 67820, 68010, 68120"></textarea>
+            </div>
+            <div class="form-field">
+                <label for="forecast-steps">Future Steps</label>
+                <input type="number" id="forecast-steps" value="3" min="1" max="10" />
+            </div>
+            <button class="primary" id="run-forecast">Forecast</button>
+            <div id="forecast-results" class="ws-stream" style="margin-top:16px;"></div>
+        </article>
+    </section>
+    <section class="card">
+        <div class="section-heading">
+            <h2>HF Datasets</h2>
+            <span class="badge info">GET /api/hf/datasets/*</span>
+        </div>
+        <div class="button-row" style="margin-bottom:16px;">
+            <button class="secondary" data-dataset="market-ohlcv">Market OHLCV</button>
+            <button class="secondary" data-dataset="market-btc">BTC Technicals</button>
+            <button class="secondary" data-dataset="news-semantic">News Semantic</button>
+        </div>
+        <div id="dataset-output" class="ws-stream"></div>
+    </section>
+</main>
 </body>
+</html>

hf_unified_server.py CHANGED Viewed

@@ -36,6 +36,7 @@ from pathlib import Path
 import httpx
 from database import CryptoDatabase
 from ai_models import (
     analyze_chart_points,
     analyze_crypto_sentiment,
@@ -85,7 +86,6 @@ provider_collector = ProviderStatusCollector()
 WORKSPACE_ROOT = Path(__file__).parent
 PROVIDERS_CONFIG_PATH = settings.providers_config_path
 FALLBACK_RESOURCE_PATH = WORKSPACE_ROOT / "crypto_resources_unified_2025-11-11.json"
 LOG_DIR = WORKSPACE_ROOT / "logs"
 APL_REPORT_PATH = WORKSPACE_ROOT / "PROVIDER_AUTO_DISCOVERY_REPORT.json"
@@ -217,11 +217,7 @@ def _format_price_record(record: Dict[str, Any]) -> Dict[str, Any]:
 async def fetch_binance_ohlcv(symbol: str = "BTCUSDT", interval: str = "1h", limit: int = 100):
-    """Fetch OHLCV data from Binance via the shared collector.
-    If live data cannot be retrieved, this helper returns an empty list instead of
-    using any local/mock fallback so that upstream endpoints can fail honestly.
-    """
     try:
         candles = await market_collector.get_ohlcv(symbol, interval, limit)
@@ -235,7 +231,11 @@ async def fetch_binance_ohlcv(symbol: str = "BTCUSDT", interval: str = "1h", lim
         ]
     except CollectorError as exc:
         logger.error("Error fetching OHLCV: %s", exc)
-        return []
 async def fetch_coingecko_prices(symbols: Optional[List[str]] = None, limit: int = 10):
@@ -260,8 +260,15 @@ async def fetch_coingecko_prices(symbols: Optional[List[str]] = None, limit: int
                 return formatted, source
     except CollectorError as exc:
         logger.error("Error fetching aggregated prices: %s", exc)
-        # No local/mock fallback – return an empty list so callers can signal real failure
-        return [], source
 async def fetch_binance_ticker(symbol: str):
@@ -676,7 +683,7 @@ async def get_market():
                 db.save_price(payload)
         except Exception as db_err:
             logger.warning(f"Failed to save market data to DB: {db_err}")
         return {
             "total_market_cap": overview.get("total_market_cap", 0),
             "btc_dominance": overview.get("btc_dominance", 0),
@@ -739,12 +746,14 @@ async def get_multiple_prices(symbols: str = Query("BTC,ETH,SOL", description="C
             except:
                 continue
         if not prices_data:
-            # Fallback to CoinGecko only – no local/mock data
             prices_data, source = await fetch_coingecko_prices(symbol_list)
-        # If still empty, return an empty list with explicit source
         if not prices_data:
-            source = "none"
         return {
             "symbols": symbol_list,
@@ -937,25 +946,14 @@ async def get_all_signals():
 @app.get("/api/sentiment")
 async def get_sentiment():
-    """Get market sentiment data.
-    This endpoint only returns a value when real news data is available.
-    If providers fail, we return an explicit HTTP 503 instead of synthesizing
-    sentiment from placeholder text.
-    """
     try:
         news = await news_collector.get_latest_news(limit=5)
     except CollectorError as exc:
-        logger.warning("Sentiment error due to news provider failure: %s", exc)
-        raise HTTPException(status_code=503, detail="Sentiment data is currently unavailable")
-    if not news:
-        raise HTTPException(status_code=503, detail="Sentiment data is currently unavailable")
-    text = " ".join(item.get("title", "") for item in news).strip()
-    if not text:
-        raise HTTPException(status_code=503, detail="Sentiment data is currently unavailable")
     analysis = analyze_market_text(text)
     score = analysis.get("signals", {}).get("crypto", {}).get("score", 0.0)
     normalized_value = int((score + 1) * 50)
@@ -1353,9 +1351,7 @@ async def hf_dataset_news(limit: int = Query(10, ge=3, le=25)):
         source = "local-fallback"
     if not news:
-        # No mock dataset here – return an empty list when providers have no data
-        items = []
-        source = "none"
     else:
         items = []
         for item in news:
@@ -1564,8 +1560,19 @@ async def get_market_stats():
         }
     except Exception as e:
         logger.error(f"Error in /api/market/stats (duplicate): {e}")
-        # No fake zeroed stats – surface a clear error instead
-        raise HTTPException(status_code=503, detail="Market statistics are currently unavailable")
 @app.get("/api/stats")
@@ -2448,7 +2455,6 @@ async def websocket_endpoint(websocket: WebSocket):
         except:
             pass
 @app.get("/api/market/history")
 async def get_market_history(symbol: str = "BTC", limit: int = 10):
     """
@@ -2518,8 +2524,7 @@ async def get_recent_logs():
     log_file = LOG_DIR / "server.log"
     lines = tail_log_file(log_file, max_lines=200)
     # Wrap plain text lines as structured entries
-    logs = [{"line": line.rstrip("
-")} for line in lines]
     return {"logs": logs, "count": len(logs)}
@@ -2533,8 +2538,7 @@ async def get_error_logs():
     log_file = LOG_DIR / "server.log"
     lines = tail_log_file(log_file, max_lines=400)
     error_lines = [line for line in lines if "ERROR" in line or "WARNING" in line]
-    logs = [{"line": line.rstrip("
-")} for line in error_lines[-200:]]
     return {"errors": logs, "count": len(logs)}

 import httpx
 from database import CryptoDatabase
 from ai_models import (
     analyze_chart_points,
     analyze_crypto_sentiment,
 WORKSPACE_ROOT = Path(__file__).parent
 PROVIDERS_CONFIG_PATH = settings.providers_config_path
 FALLBACK_RESOURCE_PATH = WORKSPACE_ROOT / "crypto_resources_unified_2025-11-11.json"
 LOG_DIR = WORKSPACE_ROOT / "logs"
 APL_REPORT_PATH = WORKSPACE_ROOT / "PROVIDER_AUTO_DISCOVERY_REPORT.json"
 async def fetch_binance_ohlcv(symbol: str = "BTCUSDT", interval: str = "1h", limit: int = 100):
+    """Fetch OHLCV data from Binance via the shared collector."""
     try:
         candles = await market_collector.get_ohlcv(symbol, interval, limit)
         ]
     except CollectorError as exc:
         logger.error("Error fetching OHLCV: %s", exc)
+    fallback_symbol = _normalize_asset_symbol(symbol)
+    fallback = local_resource_service.get_ohlcv(fallback_symbol, interval, limit)
+    if fallback:
+        return fallback
+    return []
 async def fetch_coingecko_prices(symbols: Optional[List[str]] = None, limit: int = 10):
                 return formatted, source
     except CollectorError as exc:
         logger.error("Error fetching aggregated prices: %s", exc)
+    fallback = (
+        local_resource_service.get_prices_for_symbols([sym for sym in symbols or []])
+        if symbols
+        else local_resource_service.get_top_prices(limit)
+    )
+    if fallback:
+        return fallback, "local-fallback"
+    return [], source
 async def fetch_binance_ticker(symbol: str):
                 db.save_price(payload)
         except Exception as db_err:
             logger.warning(f"Failed to save market data to DB: {db_err}")
         return {
             "total_market_cap": overview.get("total_market_cap", 0),
             "btc_dominance": overview.get("btc_dominance", 0),
             except:
                 continue
         if not prices_data:
+            # Fallback to CoinGecko
             prices_data, source = await fetch_coingecko_prices(symbol_list)
         if not prices_data:
+            fallback_prices = local_resource_service.get_prices_for_symbols(symbol_list)
+            if fallback_prices:
+                prices_data = fallback_prices
+                source = "local-fallback"
         return {
             "symbols": symbol_list,
 @app.get("/api/sentiment")
 async def get_sentiment():
+    """Get market sentiment data"""
     try:
         news = await news_collector.get_latest_news(limit=5)
     except CollectorError as exc:
+        logger.warning("Sentiment fallback due to news error: %s", exc)
+        news = []
+    text = " ".join(item.get("title", "") for item in news).strip() or "Crypto market update"
     analysis = analyze_market_text(text)
     score = analysis.get("signals", {}).get("crypto", {}).get("score", 0.0)
     normalized_value = int((score + 1) * 50)
         source = "local-fallback"
     if not news:
+        items = HF_SAMPLE_NEWS[:limit]
     else:
         items = []
         for item in news:
         }
     except Exception as e:
         logger.error(f"Error in /api/market/stats (duplicate): {e}")
+        return {
+            "success": True,
+            "stats": {
+                "total_market_cap": 0,
+                "total_volume_24h": 0,
+                "btc_dominance": 0,
+                "eth_dominance": 0,
+                "active_cryptocurrencies": 0,
+                "markets": 0,
+                "market_cap_change_24h": 0.0,
+                "timestamp": datetime.now().isoformat()
+            }
+        }
 @app.get("/api/stats")
         except:
             pass
 @app.get("/api/market/history")
 async def get_market_history(symbol: str = "BTC", limit: int = 10):
     """
     log_file = LOG_DIR / "server.log"
     lines = tail_log_file(log_file, max_lines=200)
     # Wrap plain text lines as structured entries
+    logs = [{"line": line.rstrip("\n")} for line in lines]
     return {"logs": logs, "count": len(logs)}
     log_file = LOG_DIR / "server.log"
     lines = tail_log_file(log_file, max_lines=400)
     error_lines = [line for line in lines if "ERROR" in line or "WARNING" in line]
+    logs = [{"line": line.rstrip("\n")} for line in error_lines[-200:]]
     return {"errors": logs, "count": len(logs)}

index (1).html ADDED Viewed

The diff for this file is too large to render. See raw diff

main.py CHANGED Viewed

@@ -1,43 +1,31 @@
 """
-Main entry point for HuggingFace Space / local Uvicorn.
-This file exposes `app` so that:
-  * Hugging Face Spaces can auto-discover it (`main:app`)
-  * You can run locally via:  uvicorn main:app --host 0.0.0.0 --port 7860
 """
 from pathlib import Path
 import sys
-# Ensure project root is importable
-CURRENT_DIR = Path(__file__).resolve().parent
-if str(CURRENT_DIR) not in sys.path:
-    sys.path.insert(0, str(CURRENT_DIR))
-_import_error = None
 try:
-    # Canonical unified FastAPI backend with all endpoints used by index.html
-    from hf_unified_server import app  # type: ignore
-except Exception as e:  # pragma: no cover - only used when something is really wrong
-    _import_error = e
-    # Minimal fallback app so deployment never hard-crashes,
-    # but clearly reports what went wrong.
     from fastapi import FastAPI
-    app = FastAPI(title="Crypto Intelligence Hub - Fallback")
     @app.get("/health")
     def health():
-        return {
-            "status": "error",
-            "message": "Failed to import hf_unified_server.app",
-            "detail": str(_import_error),
-        }
     @app.get("/")
     def root():
-        return {
-            "message": "Crypto backend failed to load. "
-                       "Check logs and dependencies. See /health for details."
-        }
 __all__ = ["app"]

 """
+Main entry point for HuggingFace Space
+Loads the unified API server with all endpoints
 """
 from pathlib import Path
 import sys
+# Add current directory to path
+current_dir = Path(__file__).resolve().parent
+sys.path.insert(0, str(current_dir))
+# Import the unified server app
 try:
+    from hf_unified_server import app
+except ImportError as e:
+    print(f"Error importing hf_unified_server: {e}")
+    print("Falling back to basic app...")
+    # Fallback to basic FastAPI app
     from fastapi import FastAPI
+    app = FastAPI(title="Crypto API - Loading...")
     @app.get("/health")
     def health():
+        return {"status": "loading", "message": "Server is starting up..."}
     @app.get("/")
     def root():
+        return {"message": "Cryptocurrency Data API - Initializing..."}
+# Export app for uvicorn
 __all__ = ["app"]

unified_dashboard.html CHANGED Viewed

@@ -8,54 +8,152 @@
     <link rel="stylesheet" href="static/css/design-system.css" />
     <link rel="stylesheet" href="static/css/dashboard.css" />
     <link rel="stylesheet" href="static/css/pro-dashboard.css" />
     <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/chart.umd.min.js" defer></script>
 </head>
-<body data-theme="dark">
     <div class="app-shell">
-        <aside class="sidebar">
-            <div class="brand">
-                <strong>Crypto Monitor HF</strong>
-                <span class="env-pill">
-                    <svg width="12" height="12" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                         <path d="M12 2L2 7L12 12L22 7L12 2Z" stroke="currentColor" stroke-width="1.5" />
                         <path d="M2 17L12 22L22 17" stroke="currentColor" stroke-width="1.5" />
                         <path d="M2 12L12 17L22 12" stroke="currentColor" stroke-width="1.5" />
                     </svg>
-                    HF Space
-                </span>
             </div>
-            <nav class="nav">
-                <button class="nav-button active" data-nav="page-overview">Overview</button>
-                <button class="nav-button" data-nav="page-market">Market</button>
-                <button class="nav-button" data-nav="page-chart">Chart Lab</button>
-                <button class="nav-button" data-nav="page-ai">Sentiment & AI</button>
-                <button class="nav-button" data-nav="page-news">News</button>
-                <button class="nav-button" data-nav="page-providers">Providers</button>
-                <button class="nav-button" data-nav="page-api">API Explorer</button>
-                <button class="nav-button" data-nav="page-debug">Diagnostics</button>
-                <button class="nav-button" data-nav="page-datasets">Datasets & Models</button>
-                <button class="nav-button" data-nav="page-settings">Settings</button>
             </nav>
             <div class="sidebar-footer">
-                Unified crypto intelligence console<br />Realtime data • HF optimized
             </div>
         </aside>
         <main class="main-area">
-            <header class="topbar">
-                <div>
-                    <h1>Unified Intelligence Dashboard</h1>
-                    <p class="text-muted">Live market telemetry, AI signals, diagnostics, and provider health.</p>
-                </div>
-                <div class="status-group">
-                    <div class="status-pill" data-api-health data-state="warn">
-                        <span class="status-dot"></span>
-                        <span>checking</span>
                     </div>
-                    <div class="status-pill" data-ws-status data-state="warn">
-                        <span class="status-dot"></span>
-                        <span>connecting</span>
                     </div>
                 </div>
             </header>
             <div class="page-container">
                 <section id="page-overview" class="page active">
@@ -95,6 +193,30 @@
                             <canvas id="sentiment-chart" height="220"></canvas>
                         </div>
                     </div>
                 </section>
                 <section id="page-market" class="page">
@@ -153,32 +275,53 @@
                 <section id="page-chart" class="page">
                     <div class="section-header">
-                        <h2 class="section-title">Chart Lab</h2>
                         <div class="controls-bar">
-                            <select data-chart-symbol>
                                 <option value="BTC">BTC</option>
                                 <option value="ETH">ETH</option>
                                 <option value="SOL">SOL</option>
                                 <option value="BNB">BNB</option>
                             </select>
-                            <div class="input-chip">
-                                <button class="ghost active" data-chart-timeframe="7d">7D</button>
-                                <button class="ghost" data-chart-timeframe="30d">30D</button>
-                                <button class="ghost" data-chart-timeframe="90d">90D</button>
                             </div>
                         </div>
                     </div>
-                    <div class="glass-card">
-                        <canvas id="chart-lab-canvas" height="260"></canvas>
                     </div>
-                    <div class="glass-card">
-                        <div class="controls-bar">
-                            <label><input type="checkbox" data-indicator value="MA20" checked /> MA 20</label>
-                            <label><input type="checkbox" data-indicator value="MA50" /> MA 50</label>
-                            <label><input type="checkbox" data-indicator value="RSI" /> RSI</label>
-                            <label><input type="checkbox" data-indicator value="Volume" /> Volume</label>
                         </div>
-                        <button class="primary" data-run-analysis>Analyze Chart with AI</button>
                         <div data-ai-insights class="ai-insights"></div>
                     </div>
                 </section>

     <link rel="stylesheet" href="static/css/design-system.css" />
     <link rel="stylesheet" href="static/css/dashboard.css" />
     <link rel="stylesheet" href="static/css/pro-dashboard.css" />
+    <link rel="stylesheet" href="static/css/modern-dashboard.css" />
+    <link rel="stylesheet" href="static/css/glassmorphism.css" />
+    <link rel="stylesheet" href="static/css/light-minimal-theme.css" />
     <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/chart.umd.min.js" defer></script>
+    <script src="static/js/animations.js" defer></script>
+    <script src="static/js/menu-system.js" defer></script>
+    <script src="static/js/huggingface-integration.js" defer></script>
 </head>
+<body data-theme="light">
     <div class="app-shell">
+        <aside class="sidebar sidebar-modern">
+            <div class="brand brand-modern">
+                <div class="brand-icon">
+                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                         <path d="M12 2L2 7L12 12L22 7L12 2Z" stroke="currentColor" stroke-width="1.5" />
                         <path d="M2 17L12 22L22 17" stroke="currentColor" stroke-width="1.5" />
                         <path d="M2 12L12 17L22 12" stroke="currentColor" stroke-width="1.5" />
                     </svg>
+                </div>
+                <div class="brand-text">
+                    <strong>Crypto Monitor HF</strong>
+                    <span class="env-pill">
+                        <svg width="10" height="10" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                            <path d="M12 2L2 7L12 12L22 7L12 2Z" stroke="currentColor" stroke-width="1.5" />
+                        </svg>
+                        HF Space
+                    </span>
+                </div>
             </div>
+            <nav class="nav nav-modern">
+                <button class="nav-button nav-button-modern active" data-nav="page-overview">
+                    <svg width="18" height="18" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                        <path d="M3 9l9-7 9 7v11a2 2 0 01-2 2H5a2 2 0 01-2-2z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+                        <path d="M9 22V12h6v10" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+                    </svg>
+                    <span>Overview</span>
+                </button>
+                <button class="nav-button nav-button-modern" data-nav="page-market">
+                    <svg width="18" height="18" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                        <path d="M3 3v18h18" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
+                        <path d="M7 10l4-4 4 4 6-6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+                    </svg>
+                    <span>Market</span>
+                </button>
+                <button class="nav-button nav-button-modern" data-nav="page-chart">
+                    <svg width="18" height="18" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                        <path d="M3 3v18h18" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
+                        <path d="M7 16l4-4 4 4 6-6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+                    </svg>
+                    <span>Chart Lab</span>
+                </button>
+                <button class="nav-button nav-button-modern" data-nav="page-ai">
+                    <svg width="18" height="18" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                        <path d="M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+                    </svg>
+                    <span>Sentiment & AI</span>
+                </button>
+                <button class="nav-button nav-button-modern" data-nav="page-news">
+                    <svg width="18" height="18" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                        <path d="M4 19.5A2.5 2.5 0 016.5 17H20" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+                        <path d="M6.5 2H20v20H6.5A2.5 2.5 0 014 19.5v-15A2.5 2.5 0 016.5 2z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+                    </svg>
+                    <span>News</span>
+                </button>
+                <button class="nav-button nav-button-modern" data-nav="page-providers">
+                    <svg width="18" height="18" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                        <circle cx="12" cy="12" r="10" stroke="currentColor" stroke-width="2"/>
+                        <path d="M12 6v6l4 2" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
+                    </svg>
+                    <span>Providers</span>
+                </button>
+                <button class="nav-button nav-button-modern" data-nav="page-api">
+                    <svg width="18" height="18" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                        <path d="M21 16V8a2 2 0 00-1-1.73l-7-4a2 2 0 00-2 0l-7 4A2 2 0 003 8v8a2 2 0 001 1.73l7 4a2 2 0 002 0l7-4A2 2 0 0021 16z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+                    </svg>
+                    <span>API Explorer</span>
+                </button>
+                <button class="nav-button nav-button-modern" data-nav="page-debug">
+                    <svg width="18" height="18" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                        <circle cx="12" cy="12" r="10" stroke="currentColor" stroke-width="2"/>
+                        <path d="M12 6v6l4 2" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
+                    </svg>
+                    <span>Diagnostics</span>
+                </button>
+                <button class="nav-button nav-button-modern" data-nav="page-datasets">
+                    <svg width="18" height="18" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                        <path d="M21 16V8a2 2 0 00-1-1.73l-7-4a2 2 0 00-2 0l-7 4A2 2 0 003 8v8a2 2 0 001 1.73l7 4a2 2 0 002 0l7-4A2 2 0 0021 16z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+                    </svg>
+                    <span>Datasets & Models</span>
+                </button>
+                <button class="nav-button nav-button-modern" data-nav="page-settings">
+                    <svg width="18" height="18" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                        <circle cx="12" cy="12" r="3" stroke="currentColor" stroke-width="2"/>
+                        <path d="M12 1v6m0 6v6M5.64 5.64l4.24 4.24m4.24 4.24l4.24 4.24M1 12h6m6 0h6M5.64 18.36l4.24-4.24m4.24-4.24l4.24-4.24" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
+                    </svg>
+                    <span>Settings</span>
+                </button>
             </nav>
             <div class="sidebar-footer">
+                <div class="footer-badge">
+                    <svg width="14" height="14" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                        <path d="M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+                    </svg>
+                    Unified Intelligence Console
+                </div>
             </div>
         </aside>
         <main class="main-area">
+            <header class="modern-header">
+                <div style="display: flex; align-items: center; justify-content: space-between; width: 100%; flex-wrap: wrap; gap: 16px;">
+                    <div>
+                        <h1 style="margin: 0; font-size: 1.75rem; font-weight: 800; background: linear-gradient(135deg, #00D4FF, #8B5CF6, #EC4899); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;">Unified Intelligence Dashboard</h1>
+                        <p class="text-muted" style="margin: 4px 0 0 0; font-size: 0.875rem;">Live market telemetry, AI signals, diagnostics, and provider health.</p>
                     </div>
+                    <div class="status-group" style="display: flex; gap: 12px; align-items: center; position: relative;">
+                        <div class="status-pill" data-api-health data-state="warn" style="padding: 8px 16px; border-radius: 12px; background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.1);">
+                            <span class="status-dot"></span>
+                            <span>checking</span>
+                        </div>
+                        <div class="status-pill" data-ws-status data-state="warn" style="padding: 8px 16px; border-radius: 12px; background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.1);">
+                            <span class="status-dot"></span>
+                            <span>connecting</span>
+                        </div>
+                        <button class="button-3d" data-menu-trigger="theme-menu" style="padding: 8px 16px; position: relative;">
+                            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                                <circle cx="12" cy="12" r="3" stroke="currentColor" stroke-width="2"/>
+                                <path d="M12 1v6m0 6v6M5.64 5.64l4.24 4.24m4.24 4.24l4.24 4.24M1 12h6m6 0h6M5.64 18.36l4.24-4.24m4.24-4.24l4.24-4.24" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
+                            </svg>
+                        </button>
+                        <div class="menu-dropdown" data-menu="theme-menu" style="display: none; top: 100%; right: 0; margin-top: 8px;">
+                            <div class="menu-item" data-action="theme-light">
+                                <span>☀️ Light Theme</span>
+                            </div>
+                            <div class="menu-item" data-action="theme-dark">
+                                <span>🌙 Dark Theme</span>
+                            </div>
+                            <div class="menu-separator"></div>
+                            <div class="menu-item" data-action="settings">
+                                <span>⚙️ Settings</span>
+                            </div>
+                        </div>
                     </div>
                 </div>
+                <div class="header-crypto-list" data-header-crypto-list style="margin-top: 16px; width: 100%;">
+                    <!-- Crypto list will be populated by JavaScript -->
+                </div>
             </header>
             <div class="page-container">
                 <section id="page-overview" class="page active">
                             <canvas id="sentiment-chart" height="220"></canvas>
                         </div>
                     </div>
+                    <div class="glass-card" style="margin-top: 24px;">
+                        <div class="section-header">
+                            <h3>Backend Information</h3>
+                            <span class="text-muted">System Status</span>
+                        </div>
+                        <div data-backend-info class="backend-info-grid" style="display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 16px; margin-top: 16px;">
+                            <div class="backend-info-item">
+                                <span class="info-label">API Status</span>
+                                <span class="info-value" data-api-status>Checking...</span>
+                            </div>
+                            <div class="backend-info-item">
+                                <span class="info-label">WebSocket</span>
+                                <span class="info-value" data-ws-status>Connecting...</span>
+                            </div>
+                            <div class="backend-info-item">
+                                <span class="info-label">Providers</span>
+                                <span class="info-value" data-providers-count>—</span>
+                            </div>
+                            <div class="backend-info-item">
+                                <span class="info-label">Last Update</span>
+                                <span class="info-value" data-last-update>—</span>
+                            </div>
+                        </div>
+                    </div>
                 </section>
                 <section id="page-market" class="page">
                 <section id="page-chart" class="page">
                     <div class="section-header">
+                        <h2 class="section-title">Chart Lab - TradingView Style</h2>
                         <div class="controls-bar">
+                            <select data-chart-symbol style="padding: 8px 12px; border-radius: 8px; background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.1); color: var(--text-primary);">
                                 <option value="BTC">BTC</option>
                                 <option value="ETH">ETH</option>
                                 <option value="SOL">SOL</option>
                                 <option value="BNB">BNB</option>
+                                <option value="ADA">ADA</option>
+                                <option value="DOT">DOT</option>
+                                <option value="MATIC">MATIC</option>
+                                <option value="AVAX">AVAX</option>
                             </select>
+                            <div class="chart-toolbar">
+                                <button class="chart-timeframe-btn active" data-chart-timeframe="1d">1D</button>
+                                <button class="chart-timeframe-btn" data-chart-timeframe="7d">7D</button>
+                                <button class="chart-timeframe-btn" data-chart-timeframe="30d">30D</button>
+                                <button class="chart-timeframe-btn" data-chart-timeframe="90d">90D</button>
                             </div>
                         </div>
                     </div>
+                    <div class="tradingview-chart-container glass-vibrant">
+                        <div class="chart-toolbar">
+                            <div class="chart-indicators">
+                                <label class="chart-indicator-toggle">
+                                    <input type="checkbox" data-indicator="MA20" checked />
+                                    <span>MA 20</span>
+                                </label>
+                                <label class="chart-indicator-toggle">
+                                    <input type="checkbox" data-indicator="MA50" />
+                                    <span>MA 50</span>
+                                </label>
+                                <label class="chart-indicator-toggle">
+                                    <input type="checkbox" data-indicator="RSI" />
+                                    <span>RSI</span>
+                                </label>
+                                <label class="chart-indicator-toggle">
+                                    <input type="checkbox" data-indicator="Volume" checked />
+                                    <span>Volume</span>
+                                </label>
+                            </div>
+                        </div>
+                        <canvas id="chart-lab-canvas" height="400"></canvas>
                     </div>
+                    <div class="glass-card glass-vibrant" style="margin-top: 24px;">
+                        <div class="controls-bar" style="margin-bottom: 16px;">
+                            <button class="primary" data-run-analysis style="background: linear-gradient(135deg, #00D4FF, #8B5CF6);">Analyze Chart with AI</button>
                         </div>
                         <div data-ai-insights class="ai-insights"></div>
                     </div>
                 </section>