Update app.py

app.py

@@ -77,35 +77,38 @@ def update_analysis(symbol, prediction_days):
         )
 
     fundamentals = f"""
-#### COMPANY FUNDAMENTALS
-**Name:** {fundamental_info.get('name', 'N/A')} ({symbol.upper()})  
-**Current Price:** Rp{fundamental_info.get('current_price', 0):,.2f}  
-**Market Cap:** {fundamental_info.get('market_cap', 0):,}  
-**P/E Ratio:** {fundamental_info.get('pe_ratio', 0):.2f}  
-**Dividend Yield:** {fundamental_info.get('dividend_yield', 0):.2f}%  
-**Volume:** {fundamental_info.get('volume', 0):,}  
+<h4>COMPANY FUNDAMENTALS</h4>
+<b>Name:</b> {fundamental_info.get('name', 'N/A')} ({symbol.upper()})<br>
+<b>Current Price:</b> Rp{fundamental_info.get('current_price', 0):,.2f}<br>
+<b>Market Cap:</b> {fundamental_info.get('market_cap', 0):,}<br>
+<b>P/E Ratio:</b> {fundamental_info.get('pe_ratio', 0):.2f}<br>
+<b>Dividend Yield:</b> {fundamental_info.get('dividend_yield', 0):.2f}%<br>
+<b>Volume:</b> {fundamental_info.get('volume', 0):,}<br>
 """
 
+    details_list = "".join(
+        [f"<li>{line.strip()}</li>" for line in signals.get("details", "").split("\n") if line.strip()]
+    )
+
     trading_signal = f"""
-#### TECHNICAL SIGNAL SUMMARY
-**Overall Trend:** {signals.get('overall', 'N/A')}  
-**Signal Strength:** {signals.get('strength', 0):.2f}%  
-**Support:** Rp{signals.get('support', 0):,.2f}  
-**Resistance:** Rp{signals.get('resistance', 0):,.2f}  
-**Stop Loss:** Rp{signals.get('stop_loss', 0):,.2f}  
-
-**Detailed Signals:**
-{signals.get('details', '')}
+<h4>TECHNICAL SIGNAL SUMMARY</h4>
+<b>Overall Trend:</b> {signals.get('overall', 'N/A')}<br>
+<b>Signal Strength:</b> {signals.get('strength', 0):.2f}%<br>
+<b>Support:</b> Rp{signals.get('support', 0):,.2f}<br>
+<b>Resistance:</b> Rp{signals.get('resistance', 0):,.2f}<br>
+<b>Stop Loss:</b> Rp{signals.get('stop_loss', 0):,.2f}<br><br>
+<b>Detailed Signals:</b>
+<ul style="margin-top: 8px; padding-left: 20px; line-height: 1.6;">
+{details_list}
+</ul>
 """
 
     prediction = f"""
-#### 30-DAY AI FORECAST (CHRONOS-BOLT)
-**Predicted High:** Rp{predictions.get('high_30d', 0):,.2f}  
-**Predicted Low:** Rp{predictions.get('low_30d', 0):,.2f}  
-**Expected Change:** {predictions.get('change_pct', 0):.2f}%  
-
-**Model Insight:**  
-{predictions.get('summary', 'No analysis available')}
+<h4>30-DAY AI FORECAST (CHRONOS-BOLT)</h4>
+<b>Predicted High:</b> Rp{predictions.get('high_30d', 0):,.2f}<br>
+<b>Predicted Low:</b> Rp{predictions.get('low_30d', 0):,.2f}<br>
+<b>Expected Change:</b> {predictions.get('change_pct', 0):.2f}%<br><br>
+<b>Model Insight:</b><br>{predictions.get('summary', 'No analysis available')}
 """
 
     return (
@@ -125,8 +128,9 @@ with gr.Blocks(
     title="REXPRO FINANCIAL AI DASHBOARD",
     theme=gr.themes.Soft(primary_hue="blue", secondary_hue="gray"),
     css="""
+        @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
         body {
-            background-color: #fafafa;
+            background-color: #f9fafb;
             color: #1e293b;
             font-family: 'Inter', 'Segoe UI', Arial, sans-serif;
         }
@@ -139,6 +143,7 @@ with gr.Blocks(
         h2, h3, h4 {
             color: #1e3a8a;
             font-weight: 600;
+            margin-bottom: 6px;
         }
         .gr-markdown {
             background-color: #ffffff;
@@ -156,6 +161,7 @@ with gr.Blocks(
         .gr-textbox input {
             background-color: #ffffff !important;
             color: #1e293b !important;
+            border: 1px solid #d1d5db !important;
         }
         .gr-slider {
             background-color: #ffffff !important;
@@ -165,6 +171,13 @@ with gr.Blocks(
             border: 1px solid #e2e8f0;
             border-radius: 10px;
         }
+        ul {
+            margin: 0;
+            padding: 0 0 0 18px;
+        }
+        li {
+            margin-bottom: 4px;
+        }
     """,
 ) as app:
     gr.Markdown("# REXPRO FINANCIAL AI DASHBOARD")
@@ -189,21 +202,21 @@ with gr.Blocks(
         )
         analyze_button = gr.Button("RUN ANALYSIS")
 
-    gr.Markdown("___")
+    gr.Markdown("---")
 
     with gr.Row():
         with gr.Column(scale=1):
-            fundamentals_output = gr.Markdown()
+            fundamentals_output = gr.HTML()
         with gr.Column(scale=1):
-            signal_output = gr.Markdown()
+            signal_output = gr.HTML()
 
-    gr.Markdown("___")
+    gr.Markdown("---")
 
     with gr.Tab("MARKET CHARTS"):
         with gr.Row():
             price_chart = gr.Plot(label="PRICE & MOVING AVERAGES")
             technical_chart = gr.Plot(label="TECHNICAL INDICATORS OVERVIEW")
-        gr.Markdown("___")
+        gr.Markdown("---")
         prediction_chart = gr.Plot(label="AI FORECAST PROJECTION")
 
     with gr.Tab("AI FORECAST SUMMARY"):
@@ -211,8 +224,8 @@ with gr.Blocks(
             predicted_high = gr.Textbox(label="PREDICTED HIGH (30D)", interactive=False)
             predicted_low = gr.Textbox(label="PREDICTED LOW (30D)", interactive=False)
             predicted_change = gr.Textbox(label="EXPECTED CHANGE (%)", interactive=False)
-        gr.Markdown("___")
-        prediction_summary = gr.Markdown()
+        gr.Markdown("---")
+        prediction_summary = gr.HTML()
 
     analyze_button.click(
         fn=update_analysis,