Update app.py

app.py

@@ -19,7 +19,8 @@ logging.basicConfig(level=logging.INFO, format='%(asctime)s - %(message)s')
 market_state = {
     "bids": {},
     "asks": {},
-    "history": [],
+    "history": [], 
+    "pred_history": [], 
     "current_mid": 0.0,
     "prev_mid": 0.0,
     "ready": False
@@ -53,24 +54,8 @@ def analyze_structure(diff_x, diff_y, current_mid):
 
     projected_price = current_mid + impact
 
-    support_level = None
-    resistance_level = None
-    scan_limit = len(diff_y) // 2
-    
-    for i in range(1, scan_limit):
-        prev_val = diff_y[i-1]
-        curr_val = diff_y[i]
-        dist = diff_x[i]
-
-        if prev_val > 0 and curr_val < 0 and resistance_level is None:
-            resistance_level = current_mid + dist
-        if prev_val < 0 and curr_val > 0 and support_level is None:
-            support_level = current_mid - dist
-
     return {
         "projected": projected_price,
-        "support": support_level,
-        "resistance": resistance_level,
         "net_score": weighted_imbalance
     }
 
@@ -118,10 +103,18 @@ def process_market_data():
             chart_asks.append(vol_a)
 
     analysis = analyze_structure(diff_x, diff_y, mid)
+    
+    now = time.time()
+    if analysis:
+        if not market_state['pred_history'] or (now - market_state['pred_history'][-1]['t'] > 0.5):
+            market_state['pred_history'].append({'t': now, 'p': analysis['projected']})
+            if len(market_state['pred_history']) > HISTORY_LENGTH:
+                market_state['pred_history'].pop(0)
 
     return {
         "mid": mid,
         "history": market_state['history'],
+        "pred_history": market_state['pred_history'],
         "depth_x": diff_x,
         "depth_net": diff_y,
         "depth_bids": chart_bids,
@@ -176,11 +169,6 @@ HTML_PAGE = f"""
         .green {{ color: var(--accent-green); }}
         .red {{ color: var(--accent-red); }}
         
-        .terminal-box {{ margin-top: auto; font-size: 11px; height: 250px; display: flex; flex-direction: column; }}
-        .term-header {{ border-bottom: 1px dashed #444; margin-bottom: 5px; opacity: 0.7; }}
-        #term-logs {{ flex: 1; overflow-y: hidden; display: flex; flex-direction: column-reverse; }}
-        .log-line {{ margin-top: 4px; padding-left: 8px; border-left: 2px solid #333; }}
-        
         #loader {{ position: absolute; top:0; left:0; width:100%; height:100%; background: rgba(0,0,0,0.95); z-index: 999; display: flex; flex-direction: column; justify-content: center; align-items: center; color: var(--accent-green); }}
     </style>
 </head>
@@ -215,19 +203,10 @@ HTML_PAGE = f"""
                     <span class="stat-label">WEIGHTED IMBALANCE SCORE</span>
                     <span id="score-val" class="stat-value">0</span>
                 </div>
-                <div class="stat-box">
-                    <span class="stat-label">MARKET STRUCTURE</span>
-                    <div style="display:flex; justify-content:space-between;"><span>RESIST:</span><span id="res-val" class="red">---</span></div>
-                    <div style="display:flex; justify-content:space-between;"><span>SUPPORT:</span><span id="sup-val" class="green">---</span></div>
-                </div>
                 <div class="stat-box" style="border: 1px solid #444;">
                     <span class="stat-label" style="color:var(--accent-green);">IMPACT PROJECTION</span>
                     <span id="proj-val" class="stat-value">---</span>
                 </div>
-                <div class="terminal-box">
-                    <div class="term-header">> ALGO LOGS</div>
-                    <div id="term-logs"></div>
-                </div>
             </div>
         </div>
     </div>
@@ -239,10 +218,7 @@ HTML_PAGE = f"""
                 status: document.getElementById('loading-status'),
                 price: document.getElementById('live-price'),
                 scoreVal: document.getElementById('score-val'),
-                resVal: document.getElementById('res-val'),
-                supVal: document.getElementById('sup-val'),
-                projVal: document.getElementById('proj-val'),
-                logs: document.getElementById('term-logs')
+                projVal: document.getElementById('proj-val')
             }};
 
             const chartCommon = {{
@@ -254,9 +230,20 @@ HTML_PAGE = f"""
             }};
 
             const priceChart = LightweightCharts.createChart(document.getElementById('tv-price'), chartCommon);
-            const priceSeries = priceChart.addLineSeries({{ color: '#2962FF', lineWidth: 2 }});
-            const predSeries = priceChart.addLineSeries({{ color: '#ff9800', lineWidth: 2, lineStyle: 2 }});
-            let supportLine = null, resistanceLine = null;
+            const priceSeries = priceChart.addLineSeries({{ color: '#2962FF', lineWidth: 2, title: 'Price' }});
+            
+            const pastPredSeries = priceChart.addLineSeries({{ 
+                color: '#555555', 
+                lineWidth: 1, 
+                title: 'Past Prediction' 
+            }});
+
+            const futurePredSeries = priceChart.addLineSeries({{ 
+                color: '#ff9800', 
+                lineWidth: 2, 
+                lineStyle: 2, 
+                title: 'Projection' 
+            }});
 
             const rawChart = LightweightCharts.createChart(document.getElementById('tv-raw'), {{
                 ...chartCommon,
@@ -288,15 +275,6 @@ HTML_PAGE = f"""
             }});
             ['tv-price', 'tv-raw', 'tv-net'].forEach(id => resizeObserver.observe(document.getElementById(id)));
 
-            function log(msg, type='neutral') {{
-                const div = document.createElement('div');
-                div.className = 'log-line';
-                div.style.borderLeftColor = type === 'bull' ? '#66fcf1' : type === 'bear' ? '#ff3b3b' : '#333';
-                div.innerHTML = `<span style="opacity:0.5">${{new Date().toLocaleTimeString()}}</span> ${{msg}}`;
-                dom.logs.prepend(div);
-                if (dom.logs.children.length > 15) dom.logs.removeChild(dom.logs.lastChild);
-            }}
-
             function connect() {{
                 const proto = window.location.protocol === 'https:' ? 'wss' : 'ws';
                 const url = `${{proto}}://${{window.location.host}}/ws`;
@@ -316,46 +294,35 @@ HTML_PAGE = f"""
                         const t = Math.floor(d.t); 
                         if (!seen.has(t)) {{ seen.add(t); cleanHistory.push({{ time: t, value: d.p }}); }}
                     }});
+
+                    const predHistory = [];
+                    const seenP = new Set();
+                    if(data.pred_history) {{
+                        data.pred_history.forEach(d => {{
+                            const t = Math.floor(d.t);
+                            if(!seenP.has(t)) {{ seenP.add(t); predHistory.push({{ time: t, value: d.p }}); }}
+                        }});
+                    }}
+
                     if (cleanHistory.length) {{
                         priceSeries.setData(cleanHistory);
+                        pastPredSeries.setData(predHistory);
+
                         const last = cleanHistory[cleanHistory.length-1];
                         dom.price.innerText = last.value.toLocaleString(undefined, {{minimumFractionDigits: 2}});
                         
                         if (data.analysis) {{
-                            const {{ projected, support, resistance, net_score }} = data.analysis;
+                            const {{ projected, net_score }} = data.analysis;
                             
-                            const forecast = [];
-                            forecast.push(last);
-                            for(let i=1; i<=10; i++) {{
-                                forecast.push({{ time: last.time + (i * 60), value: projected }});
-                            }}
-                            predSeries.setData(forecast);
+                            futurePredSeries.setData([
+                                last,
+                                {{ time: last.time + 60, value: projected }}
+                            ]);
                             
                             dom.projVal.innerText = projected.toLocaleString(undefined, {{minimumFractionDigits: 0, maximumFractionDigits: 0}});
 
                             dom.scoreVal.innerText = net_score.toFixed(2);
                             dom.scoreVal.className = net_score > 0 ? "stat-value green" : "stat-value red";
-
-                            if (support) {{
-                                dom.supVal.innerText = support.toFixed(0);
-                                if (!supportLine) supportLine = priceSeries.createPriceLine({{ price: support, color: '#00e676', title: 'SUP' }});
-                                else supportLine.applyOptions({{ price: support }});
-                            }} else {{
-                                dom.supVal.innerText = '---';
-                                if (supportLine) {{ priceSeries.removePriceLine(supportLine); supportLine = null; }}
-                            }}
-                            if (resistance) {{
-                                dom.resVal.innerText = resistance.toFixed(0);
-                                if (!resistanceLine) resistanceLine = priceSeries.createPriceLine({{ price: resistance, color: '#ff1744', title: 'RES' }});
-                                else resistanceLine.applyOptions({{ price: resistance }});
-                            }} else {{
-                                dom.resVal.innerText = '---';
-                                if (resistanceLine) {{ priceSeries.removePriceLine(resistanceLine); resistanceLine = null; }}
-                            }}
-
-                            if (Math.abs(net_score) > 20 && Math.random() > 0.98) {{
-                                log(net_score > 0 ? "Momentum: Buying Pressure" : "Momentum: Selling Pressure", net_score > 0 ? 'bull' : 'bear');
-                            }}
                         }}
                     }}