Back to old version v1.2

app.py

@@ -34,7 +34,7 @@ dark_theme = gr.themes.Base(
 with gr.Blocks(theme=dark_theme, css="""
 /* === Bloomberg / Dark Finance Style === */
 .gradio-container {
-    max-width: 1100px !important; /* unified width (Analysis + ~100px) */
+    max-width: 1100px !important;   /* unified width */
     margin: auto !important;
     font-family: 'Inter', sans-serif;
     background-color: #0d1117 !important;
@@ -42,7 +42,7 @@ with gr.Blocks(theme=dark_theme, css="""
 
 /* === LLM Commentary Styling === */
 #llm_comment_box textarea {
-    max-height: 600px !important;   /* taller commentary block */
+    max-height: 600px !important;   /* slightly smaller than table */
     overflow-y: auto !important;
     background-color: #161b22 !important;
     color: #f0f6fc !important;
@@ -54,9 +54,14 @@ with gr.Blocks(theme=dark_theme, css="""
     padding: 12px !important;
 }
 
-/* Comparison table directly below commentary */
+/* === Comparison Table === */
 #comparison_table {
     margin-top: 8px !important;
+    height: 700px !important;        /* fixed visible height */
+    overflow-y: auto !important;     /* adds scroll if needed */
+}
+#comparison_table table {
+    width: 100% !important;
 }
 
 /* Typography & Buttons */
@@ -97,7 +102,7 @@ h2, h3, .gr-markdown {
     box-shadow: none !important;
 }
 
-/* === Styled comparison table === */
+/* === Styled comparison & metrics tables === */
 .gr-dataframe table {
     border-collapse: collapse !important;
     width: 100% !important;
@@ -116,6 +121,8 @@ h2, h3, .gr-markdown {
     padding: 8px !important;
 }
 """) as demo:
+
+    # === Header ===
     gr.Markdown("## Investment Portfolio Analyzer")
     gr.Markdown(
         "A professional dashboard for analyzing and comparing investment portfolios using AI insights.",
@@ -129,7 +136,7 @@ h2, h3, .gr-markdown {
                 label="Portfolio ID or Link",
                 placeholder="Enter a portfolio ID (e.g. ea856c1b-...)",
                 lines=1,
-                value='b1ef37aa-5b9a-41b4-9394-8823f2de36bb',
+                value="b1ef37aa-5b9a-41b4-9394-8823f2de36bb",
             )
             analyze_button = gr.Button("Run Analysis", variant="primary")
             analyze_output = gr.Textbox(label="Analysis Result", lines=15)
@@ -144,7 +151,7 @@ h2, h3, .gr-markdown {
             # LLM commentary ABOVE the table
             comp_output_comment = gr.Textbox(
                 label="AI Commentary",
-                lines=14,                      # visually balanced with table height
+                lines=14,
                 interactive=False,
                 show_copy_button=True,
                 elem_id="llm_comment_box",
@@ -154,7 +161,6 @@ h2, h3, .gr-markdown {
                 label="Comparative Metrics",
                 wrap=True,
                 elem_id="comparison_table",
-                height=700,                    # keeps proportions consistent
             )
 
             from core.comparison_table import show_comparison_table
@@ -173,12 +179,12 @@ h2, h3, .gr-markdown {
 
         # --- Metrics Table Tab ---
         with gr.TabItem("Metrics Table"):
-            metrics_input = gr.Textbox(label="Portfolio ID", value='b1ef37aa-5b9a-41b4-9394-8823f2de36bb')
+            metrics_input = gr.Textbox(label="Portfolio ID", value="b1ef37aa-5b9a-41b4-9394-8823f2de36bb")
             metrics_button = gr.Button("Load Metrics", variant="primary")
             metrics_output = gr.Dataframe(label="Portfolio Metrics", wrap=True)
             metrics_button.click(fn=show_metrics_table, inputs=metrics_input, outputs=metrics_output)
 
-        # --- AlphaBTC Chart Tab (fixed overlay) ---
+        # --- AlphaBTC Chart Tab ---
         with gr.TabItem("AlphaBTC Chart"):
             chart_input = gr.Textbox(label="Portfolio ID", value="3852a354-e66e-4bc5-97e9-55124e31e687")
             chart_button = gr.Button("Generate Chart", variant="primary")