New style APP (Tab Changes v1.7)

app.py

@@ -74,6 +74,25 @@ h2, h3, .gr-markdown {
     background: transparent !important;
     box-shadow: none !important;
 }
+/* === Styled comparison table === */
+.gr-dataframe table {
+    border-collapse: collapse !important;
+    width: 100% !important;
+    color: #c9d1d9 !important;
+    background-color: #161b22 !important;
+}
+.gr-dataframe th {
+    background-color: #21262d !important;
+    color: #f0f6fc !important;
+    font-weight: 600 !important;
+    text-transform: uppercase;
+    border-bottom: 1px solid #30363d !important;
+}
+.gr-dataframe td {
+    border-top: 1px solid #30363d !important;
+    padding: 8px !important;
+}
+
 """) as demo:
     gr.Markdown("## Investment Portfolio Analyzer")
     gr.Markdown(
@@ -94,13 +113,15 @@ h2, h3, .gr-markdown {
             analyze_output = gr.Textbox(label="Analysis Result", lines=15)
             analyze_button.click(fn=analyzer.run, inputs=portfolio_input, outputs=analyze_output)
 
-        # --- Comparison Tab ---
-        with gr.TabItem("Comparison"):
-            compare_input_1 = gr.Textbox(label="Portfolio A", value='3852a354-e66e-4bc5-97e9-55124e31e687')
-            compare_input_2 = gr.Textbox(label="Portfolio B", value='b1ef37aa-5b9a-41b4-9394-8823f2de36bb')
-            compare_button = gr.Button("Compare Portfolios", variant="primary")
-            compare_output = gr.Textbox(label="Comparison Result", lines=20)
-            compare_button.click(fn=comparer.run, inputs=[compare_input_1, compare_input_2], outputs=compare_output)
+        # --- Comparison Table Tab ---
+        with gr.TabItem("Comparison Table"):
+            comp_input_1 = gr.Textbox(label="Portfolio A", value="3852a354-e66e-4bc5-97e9-55124e31e687")
+            comp_input_2 = gr.Textbox(label="Portfolio B", value="b1ef37aa-5b9a-41b4-9394-8823f2de36bb")
+            comp_button = gr.Button("Load Comparison", variant="primary")
+            comp_output = gr.Dataframe(label="Comparative Metrics", wrap=True)
+            from core.comparison_table import show_comparison_table
+            comp_button.click(fn=show_comparison_table, inputs=[comp_input_1, comp_input_2], outputs=comp_output)
+
 
         # --- Chat Assistant Tab ---
         with gr.TabItem("Assistant"):

core/comparison_table.py

@@ -0,0 +1,52 @@
+"""
+🇬🇧 Module: comparison_table.py
+Purpose: Generates comparative DataFrame for two portfolios with styled metric differences.
+
+🇷🇺 Модуль: comparison_table.py
+Назначение: создаёт сравнительную таблицу метрик двух портфелей в формате DataFrame
+с визуальными индикаторами различий и форматированными значениями.
+"""
+
+import pandas as pd
+import asyncio
+from services.output_api import fetch_metrics_async, extract_portfolio_id
+
+
+def show_comparison_table(portfolio_a: str, portfolio_b: str):
+    """Public function for Gradio: build a styled comparison DataFrame."""
+    pid_a = extract_portfolio_id(portfolio_a)
+    pid_b = extract_portfolio_id(portfolio_b)
+    if not pid_a or not pid_b:
+        return "❌ Invalid portfolio IDs."
+
+    try:
+        df = asyncio.run(_build_comparison_df(pid_a, pid_b))
+        return df
+    except Exception as e:
+        return f"❌ Error building comparison table: {e}"
+
+
+async def _build_comparison_df(p1: str, p2: str) -> pd.DataFrame:
+    """Async helper to build portfolio comparison DataFrame."""
+    m1 = await fetch_metrics_async(p1)
+    m2 = await fetch_metrics_async(p2)
+    if not m1 or not m2:
+        raise ValueError("Metrics unavailable for one or both portfolios.")
+
+    # Union of all metrics
+    all_keys = sorted(set(m1.keys()) | set(m2.keys()))
+    rows = []
+    for k in all_keys:
+        v1 = m1.get(k, 0)
+        v2 = m2.get(k, 0)
+        diff = v1 - v2
+        symbol = "▲" if diff > 0 else "▼" if diff < 0 else "—"
+        rows.append({
+            "Metric": k,
+            "Portfolio A": round(v1, 3),
+            "Portfolio B": round(v2, 3),
+            "Δ Difference": f"{symbol} {diff:+.3f}"
+        })
+
+    df = pd.DataFrame(rows, columns=["Metric", "Portfolio A", "Portfolio B", "Δ Difference"])
+    return df