Upload index.html

index.html

@@ -126,7 +126,12 @@
 
     <footer>
         <div class="price-info" id="live-price-text">价格预测中...</div>
-        <div class="forecast-info" id="forecast-detail-text">---</div>
+        <div class="forecast-info">
+            <div id="forecast-detail-text">---</div>
+            <div id="ai-insight-text" style="color: var(--accent); font-size: 13px; margin-top: 4px; font-style: italic;">
+                AI 正在接入实时消息面进行修正...
+            </div>
+        </div>
     </footer>
 
     <script>
@@ -134,39 +139,80 @@
         let lastFetchTimestamp = 0;
         const CACHE_TTL = 180; // 3分钟刷新逻辑
 
+        // 新增：打字机效果函数，让快讯更有“生成感”
+        function typeWriter(text, element) {
+            element.innerText = "";
+            let i = 0;
+            const timer = setInterval(() => {
+                if (i < text.length) {
+                    element.innerText += text.charAt(i);
+                    i++;
+                } else {
+                    clearInterval(timer);
+                }
+            }, 40); // 调整速度
+        }
+
         async function fetchData() {
             const selectEl = document.getElementById('market-select');
             const market = selectEl.value;
             const marketUpper = market.toUpperCase();
             
-            // 开启 UI 锁定
+            // UI 锁定与初始化状态
             const overlay = document.getElementById('loading-overlay');
             overlay.classList.remove('hidden');
             document.getElementById('loading-msg').innerText = `CALCULATING ${marketUpper} AI PATH...`;
+            document.getElementById('ai-insight-text').innerText = "AI 正在接入实时消息面进行修正...";
             selectEl.disabled = true;
             
-            // 更新看板标签
             document.getElementById('region-title').innerText = `${marketUpper} - 1h`;
             document.getElementById('watermark-text').innerText = `${marketUpper}`;
 
             try {
+                // --- 步骤 1: 获取量化预测数据 (必须先完成) ---
                 const res = await fetch(API_BASE + market);
                 const data = await res.json();
                 
                 if (data.status === "healthy" || data.status === "stale_updating") {
                     lastFetchTimestamp = data.timestamp;
-                    updateSummaryPanel(data);
-                    renderProfessionalChart(data);
+                    updateSummaryPanel(data);   // 更新基础统计文案
+                    renderProfessionalChart(data); // 立即渲染图表
+                    
+                    // 渲染完图表后，隐藏 Loading 遮罩
+                    overlay.classList.add('hidden');
+                    selectEl.disabled = false;
+
+                    // --- 步骤 2: 异步请求 AI 快讯 (不阻塞 UI) ---
+                    fetchAIInsight(market);
                 }
             } catch (e) { 
                 console.error("Fetch Error:", e);
                 document.getElementById('loading-msg').innerText = "NETWORK ERROR";
-            } finally {
                 overlay.classList.add('hidden');
                 selectEl.disabled = false;
             }
         }
 
+        // 新增：独立获取 AI 洞察的函数
+        async function fetchAIInsight(market) {
+            const insightEl = document.getElementById('ai-insight-text');
+            try {
+                const res = await fetch(`/api/insight/${market}`);
+                const data = await res.json();
+                
+                if (data.final_verdict) {
+                    // 使用打字机效果展示生成的快讯内容
+                    typeWriter(data.final_verdict, insightEl);
+                } else if (data.status === "loading") {
+                    // 如果后端还没算完，可以短时间内重试一次
+                    setTimeout(() => fetchAIInsight(market), 3000);
+                }
+            } catch (e) {
+                console.error("Insight Fetch Error:", e);
+                insightEl.innerText = "暂时无法获取 AI 修正建议";
+            }
+        }
+
         function updateSummaryPanel(data) {
             // 1. 实时价格 (左侧)
             const hist = data.history;
@@ -277,6 +323,8 @@
             Plotly.newPlot('chart', traces, layout, config);
         }
 
+        
+
         // 初始化
         fetchData();
         document.getElementById('market-select').onchange = fetchData;