Update app.py

app.py

@@ -9,7 +9,7 @@ from utils import (
     create_prediction_chart,
     predict_prices,
 )
-import pandas as pd
+import numpy as np
 
 
 def analyze_stock(symbol, mode, pred_days):
@@ -17,16 +17,12 @@ def analyze_stock(symbol, mode, pred_days):
         stock = yf.Ticker(symbol)
         data = stock.history(period="1y")
 
-        # ✅ Handle jika tidak ada data (misal salah kode atau delisted)
         if data.empty:
             msg = f"No data found for {symbol}. Check the symbol or try adding .JK (e.g., ADRO.JK)"
             return (
                 {"name": "N/A", "current_price": 0, "market_cap": 0, "pe_ratio": 0, "dividend_yield": 0, "volume": 0},
                 {"overall": "N/A", "strength": 0, "support": 0, "resistance": 0, "stop_loss": 0, "details": msg},
-                None,
-                None,
-                None,
-                None,
+                None, None, None, None
             )
 
         indicators = calculate_technical_indicators(data)
@@ -48,22 +44,21 @@ def analyze_stock(symbol, mode, pred_days):
         return (
             {"name": "N/A", "current_price": 0, "market_cap": 0, "pe_ratio": 0, "dividend_yield": 0, "volume": 0},
             {"overall": "Error", "strength": 0, "support": 0, "resistance": 0, "stop_loss": 0, "details": msg},
-            None,
-            None,
-            None,
-            None,
+            None, None, None, None
         )
 
 
 def format_fundamental_output(f):
     return f"""
+    <div class="card">
     <h3>COMPANY FUNDAMENTALS</h3>
-    <b>Name:</b> {f['name']}<br>
-    <b>Current Price:</b> Rp{f['current_price']:,.2f}<br>
-    <b>Market Cap:</b> {f['market_cap']:,}<br>
-    <b>P/E Ratio:</b> {f['pe_ratio']:.2f}<br>
-    <b>Dividend Yield:</b> {f['dividend_yield']:.2f}%<br>
-    <b>Volume:</b> {f['volume']:,}<br>
+    <p><b>Name:</b> {f['name']}</p>
+    <p><b>Current Price:</b> Rp{f['current_price']:,.2f}</p>
+    <p><b>Market Cap:</b> {f['market_cap']:,}</p>
+    <p><b>P/E Ratio:</b> {f['pe_ratio']:.2f}</p>
+    <p><b>Dividend Yield:</b> {f['dividend_yield']:.2f}%</p>
+    <p><b>Volume:</b> {f['volume']:,}</p>
+    </div>
     """
 
 
@@ -72,52 +67,85 @@ def format_signal_output(s):
     detail_list = details.split("\n") if details else []
     formatted_details = "<ul>" + "".join(f"<li>{d}</li>" for d in detail_list) + "</ul>"
     return f"""
+    <div class="card">
     <h3>TECHNICAL SIGNAL SUMMARY</h3>
-    <b>Overall Trend:</b> {s.get('overall','N/A')}<br>
-    <b>Signal Strength:</b> {s.get('strength',0):.2f}%<br>
-    <b>Support:</b> Rp{s.get('support',0):,.2f}<br>
-    <b>Resistance:</b> Rp{s.get('resistance',0):,.2f}<br>
-    <b>Stop Loss:</b> Rp{s.get('stop_loss',0):,.2f}<br><br>
-    <b>Detailed Signals:</b>{formatted_details}
+    <p><b>Overall Trend:</b> {s.get('overall','N/A')}</p>
+    <p><b>Signal Strength:</b> {s.get('strength',0):.2f}%</p>
+    <p><b>Support:</b> Rp{s.get('support',0):,.2f}</p>
+    <p><b>Resistance:</b> Rp{s.get('resistance',0):,.2f}</p>
+    <p><b>Stop Loss:</b> Rp{s.get('stop_loss',0):,.2f}</p>
+    <h4>Detailed Signals:</h4>
+    {formatted_details}
+    </div>
     """
 
 
 def format_ai_output(p):
-    if not p or not p.get("values"):
-        return "<h3>30-DAY AI FORECAST (CHRONOS-BOLT)</h3><p>No AI prediction data available.</p>"
+    if p is None or not isinstance(p, dict) or "values" not in p or len(p["values"]) == 0:
+        return """
+        <div class="card">
+        <h3>30-DAY AI FORECAST (CHRONOS-BOLT)</h3>
+        <p>No AI prediction data available.</p>
+        </div>
+        """
     tp1 = p["mean_30d"] * 0.97
     tp2 = p["mean_30d"] * 1.02
     sl = p["low_30d"] * 0.95
     return f"""
+    <div class="card">
     <h3>30-DAY AI FORECAST (CHRONOS-BOLT)</h3>
-    <b>Predicted High:</b> Rp{p['high_30d']:,.2f}<br>
-    <b>Predicted Low:</b> Rp{p['low_30d']:,.2f}<br>
-    <b>Expected Change:</b> {p['change_pct']:.2f}%<br><br>
-    <b>TP1:</b> Rp{tp1:,.2f}<br>
-    <b>TP2:</b> Rp{tp2:,.2f}<br>
-    <b>Stop Loss:</b> Rp{sl:,.2f}<br><br>
-    <b>Model Insight:</b><br>{p['summary']}
+    <p><b>Predicted High:</b> Rp{p['high_30d']:,.2f}</p>
+    <p><b>Predicted Low:</b> Rp{p['low_30d']:,.2f}</p>
+    <p><b>Expected Change:</b> {p['change_pct']:.2f}%</p>
+    <p><b>TP1:</b> Rp{tp1:,.2f}</p>
+    <p><b>TP2:</b> Rp{tp2:,.2f}</p>
+    <p><b>Stop Loss:</b> Rp{sl:,.2f}</p>
+    <h4>Model Insight:</h4>
+    <p style="font-size:13px;line-height:1.4;">{p['summary']}</p>
+    </div>
     """
 
 
 with gr.Blocks(css="""
     body { font-family: 'Inter', sans-serif; background-color: #f9fafc; color: #222; }
-    .gradio-container { max-width: 1200px; margin: auto; }
-    h3 { color: #003366; border-bottom: 2px solid #d3d3d3; padding-bottom: 5px; }
-    .panel-box { background: white; padding: 20px; border-radius: 10px; box-shadow: 0 1px 3px rgba(0,0,0,0.1); }
+    .gradio-container { max-width: 1300px; margin: auto; }
+    h1 { text-align:center; color:#003366; margin-bottom:20px; }
+    h3 { color:#003366; margin-bottom:8px; }
+    .card {
+        background: #ffffff;
+        border-radius: 10px;
+        box-shadow: 0 2px 4px rgba(0,0,0,0.08);
+        padding: 18px;
+        margin: 5px;
+        flex: 1;
+        min-width: 0;
+    }
+    .row-flex {
+        display: flex;
+        flex-wrap: wrap;
+        justify-content: space-between;
+        gap: 10px;
+    }
+    ul { margin: 6px 0 0 20px; padding: 0; }
+    li { margin-bottom: 4px; font-size: 14px; }
 """) as demo:
-    gr.HTML("<h1 style='text-align:center;color:#003366;'>📊 STOCK ANALYSIS DASHBOARD</h1>")
+
+    gr.HTML("<h1>STOCK ANALYSIS DASHBOARD</h1>")
 
     with gr.Row():
-        stock_input = gr.Textbox(label="Enter Stock Symbol (e.g. BBCA.JK, ADRO.JK)", placeholder="Type your stock symbol here...")
+        stock_input = gr.Textbox(label="Enter Stock Symbol (e.g. BBCA.JK, ADRO.JK)", placeholder="Type stock symbol...")
         mode_input = gr.Radio(["Technical Analysis", "AI Prediction"], label="Select Analysis Mode", value="Technical Analysis")
-        pred_days_input = gr.Slider(7, 60, value=30, step=1, label="Prediction Days (for AI mode only)")
-        analyze_button = gr.Button("Analyze")
+        pred_days_input = gr.Slider(7, 60, value=30, step=1, label="Prediction Days (AI only)")
+        analyze_button = gr.Button("Analyze", variant="primary")
 
-    with gr.Row():
-        fundamentals_output = gr.HTML(elem_classes="panel-box")
-        signal_output = gr.HTML(elem_classes="panel-box")
-        ai_output = gr.HTML(elem_classes="panel-box")
+    gr.HTML("<hr style='margin:20px 0;'>")
+
+    with gr.Row(elem_classes="row-flex"):
+        fundamentals_output = gr.HTML()
+        signal_output = gr.HTML()
+        ai_output = gr.HTML()
+
+    gr.HTML("<hr style='margin:20px 0;'>")
 
     with gr.Row():
         chart_price = gr.Plot(label="Price Chart")