Update src/services/spot_engine.py

src/services/spot_engine.py

@@ -59,15 +59,15 @@ def spot_volume_tracker(user_keys, user_id) -> None:
                                         
     def create_html_report(hot_tokens: List[Dict[str, Any]]) -> str:
         """
-        Generates a mobile-responsive, QuantVAT-branded HTML report.
-        Aligned with Phase 1: 5-column layout + Analysis Engine compatibility.
+        Generates the 'Ultimate' branded HTML report.
+        Features: Fluid scaling for all screens, no-wrap data, and integrated navigation.
         """
         date_prefix = datetime.datetime.now().strftime("%b-%d-%y_%H-%M")
         user_dir = get_user_temp_dir(user_id) 
         html_file = user_dir / f"Spot_Analysis_Report_{date_prefix}.html"
         current_time = now_str("%d-%m-%Y %H:%M:%S")
 
-        # Logic for header summary
+        # Summary Metrics Calculation
         max_flip = max((t.get('flipping_multiple', 0) for t in hot_tokens), default=0)
         large_cap_count = len([t for t in hot_tokens if t.get('large_cap')])
 
@@ -97,73 +97,102 @@ def spot_volume_tracker(user_keys, user_id) -> None:
                 }}
                 .header {{ 
                     background: linear-gradient(180deg, rgba(16, 185, 129, 0.1) 0%, transparent 100%);
-                    padding: 40px 20px; 
+                    padding: 30px 15px; 
                     text-align: center; 
                     border-bottom: 1px solid var(--border);
                 }}
-                .header h1 {{ margin: 0; font-size: 1.5rem; color: var(--accent-green); font-weight: 800; text-transform: uppercase; }}
-                .header p {{ margin: 10px 0 0; font-size: 0.85rem; color: var(--text-dim); font-family: 'JetBrains Mono', monospace; }}
+                .header h1 {{ margin: 0; font-size: 1.3rem; color: var(--accent-green); font-weight: 800; text-transform: uppercase; }}
+                .header p {{ margin: 8px 0 0; font-size: 0.8rem; color: var(--text-dim); font-family: 'JetBrains Mono', monospace; }}
                 
                 .summary {{ 
                     background: var(--bg-card); 
-                    padding: 20px; 
-                    margin: 20px; 
+                    padding: 15px; 
+                    margin: 15px; 
                     border-radius: 12px; 
                     border: 1px solid var(--border);
-                    font-size: 0.9rem;
-                    line-height: 1.6;
+                    font-size: 0.85rem;
+                    line-height: 1.5;
+                    text-align: center;
                 }}
                 .summary b {{ color: var(--accent-green); }}
 
                 .table-container {{ 
-                    overflow-x: auto; 
-                    margin: 0 20px; 
+                    margin: 0 10px; 
                     border-radius: 12px; 
                     border: 1px solid var(--border); 
                     background: var(--bg-card);
+                    overflow: hidden; /* Manage fit via scaling, not scrolling */
                 }}
-                table {{ width: 100%; border-collapse: collapse; }}
+                table {{ width: 100%; border-collapse: collapse; table-layout: fixed; }}
+                
                 th {{ 
                     background: rgba(0, 0, 0, 0.2); 
                     color: var(--text-dim); 
-                    padding: 15px 10px; 
+                    padding: 12px 5px; 
                     text-align: left; 
-                    font-size: 0.7rem; 
+                    font-size: 0.65rem; 
                     text-transform: uppercase; 
                     letter-spacing: 1px;
                     border-bottom: 1px solid var(--border);
+                    white-space: nowrap;
                 }}
                 td {{ 
                     padding: 0; 
                     border-bottom: 1px solid #2b3139; 
-                    height: 55px; 
+                    height: 52px; 
                     vertical-align: middle; 
-                    font-size: 0.9rem; 
+                    font-size: 0.85rem; 
+                    white-space: nowrap; /* Prevent data wrap */
                 }}
                 tr:last-child td {{ border-bottom: none; }}
                 
-                /* Large Cap Highlight Style */
                 tr.large-cap {{ background: rgba(16, 185, 129, 0.03); }}
                 tr.large-cap td:first-child {{ border-left: 3px solid var(--accent-green); }}
 
-                /* Interactive Redirection Link */
+                /* Redirection Link Button */
                 .ticker-btn {{
-                    display: block; width: 100%; height: 100%; padding: 15px 10px;
+                    display: block; width: 100%; height: 100%; padding: 14px 8px;
                     color: var(--accent-green); text-decoration: none; font-weight: 800; 
                     box-sizing: border-box; transition: background 0.2s;
                 }}
                 .ticker-btn:active {{ background: rgba(16, 185, 129, 0.1); }}
+
+                /* Fluid Scaling Logic for Mobile */
+                @media (max-width: 480px) {{
+                    td {{ font-size: 0.72rem; }}
+                    th {{ font-size: 0.58rem; padding: 10px 4px; }}
+                    .ticker-btn {{ padding: 10px 4px !important; }}
+                    .mono {{ font-size: 0.68rem; }}
+                    .header h1 {{ font-size: 1.1rem; }}
+                    .summary {{ font-size: 0.75rem; margin: 10px; }}
+                }}
                 
+                /* Dashboard Navigation Button */
+                .nav-box {{ text-align: center; margin: 30px 0; }}
+                .back-btn {{
+                    display: inline-flex;
+                    align-items: center;
+                    padding: 12px 24px;
+                    background: transparent;
+                    border: 1px solid var(--text-dim);
+                    color: var(--text-dim);
+                    border-radius: 8px;
+                    text-decoration: none;
+                    font-weight: 800;
+                    font-size: 0.85rem;
+                    transition: all 0.2s;
+                }}
+                .back-btn:hover {{ border-color: #fff; color: #fff; background: rgba(255,255,255,0.05); }}
+
                 .mono {{ font-family: 'JetBrains Mono', monospace; }}
                 .vol-high {{ color: #ef4444; font-weight: bold; }}
                 
                 .footer {{ 
                     text-align: center; 
-                    padding: 40px 20px; 
+                    padding: 30px 20px; 
                     font-size: 0.75rem; 
                     color: var(--text-dim); 
                     border-top: 1px solid var(--border);
-                    margin-top: 20px;
                 }}
             </style>
         </head>
@@ -181,8 +210,12 @@ def spot_volume_tracker(user_keys, user_id) -> None:
             <table>
                 <thead>
                     <tr>
-                        <th style="width: 45px; text-align:center;">#</th>
-                        <th>Ticker</th>       <th>Market Cap</th>   <th>Volume</th>       <th>Spot VTMR</th>    </tr>
+                        <th style="width: 12%; text-align:center;">#</th>
+                        <th style="width: 25%;">Ticker</th>
+                        <th style="width: 23%;">Market Cap</th>
+                        <th style="width: 22%;">Volume</th>
+                        <th style="width: 18%;">Spot VTMR</th>
+                    </tr>
                 </thead>
                 <tbody>
         """
@@ -193,15 +226,17 @@ def spot_volume_tracker(user_keys, user_id) -> None:
             vtmr = token.get('flipping_multiple', 0)
             vol_class = "vol-high" if vtmr >= 2 else ""
             sym = token.get('symbol', '???')
+            
+            # redirection to Deep Diver
             link = f'<a href="/deep-diver?ticker={sym}" class="ticker-btn">{sym}</a>'
 
             html_content += f"""
                 <tr class="{row_class}">
                     <td style="text-align:center; color:var(--text-dim);" class="mono">#{i+1}</td>
                     <td>{link}</td>
-                    <td style="padding-left:10px;" class="mono">${short_num(token.get('marketcap', 0))}</td>
-                    <td style="padding-left:10px;" class="mono">${short_num(token.get('volume', 0))}</td>
-                    <td class="mono {vol_class}" style="padding-left:10px;">{vtmr:.2f}x</td>
+                    <td style="padding-left:5px;" class="mono">${short_num(token.get('marketcap', 0))}</td>
+                    <td style="padding-left:5px;" class="mono">${short_num(token.get('volume', 0))}</td>
+                    <td class="mono {vol_class}" style="padding-left:5px;">{vtmr:.2f}x</td>
                 </tr>
             """
         
@@ -209,6 +244,11 @@ def spot_volume_tracker(user_keys, user_id) -> None:
                 </tbody>
             </table>
             </div>
+
+            <div class="nav-box">
+                <a href="/home" class="back-btn">← BACK TO DASHBOARD</a>
+            </div>
+
             <div class="footer">
                 Report by QuantVat using SpotVolTracker v2.6
             </div>