Back to old version.

app.py

@@ -12,115 +12,184 @@ analyzer = PortfolioAnalyzer(llm_service, MODEL_NAME)
 comparer = PortfolioComparer(llm_service, MODEL_NAME)
 chatbot = ChatAssistant(llm_service, MODEL_NAME)
 
-# === Text dictionaries for RU/ENG ===
-LANG_TEXT = {
-    "ENG": {
-        "title": "🧠 Investment Portfolio Analysis",
-        "tabs": ["📊 Analysis", "⚖️ Comparison", "💬 Chat2", "📋 Metrics Table", "📈 AlphaBTC Chart"],
-        "labels": {
-            "analyze_input": "Enter portfolioId or link",
-            "analyze_button": "🔍 Analyze",
-            "analyze_output": "Analysis Result",
-            "compare_1": "Portfolio A",
-            "compare_2": "Portfolio B",
-            "compare_button": "📈 Compare",
-            "compare_output": "Comparison Result",
-            "chat_input": "Ask your question",
-            "chat_button": "Send",
-            "chat_output": "Response",
-            "metrics_input": "Enter portfolioId",
-            "metrics_button": "Show Metrics",
-            "metrics_output": "Portfolio Metrics",
-            "chart_input": "Enter portfolioId",
-            "chart_button": "Plot Chart",
-            "chart_output": "Alpha to BTC Chart",
-        }
-    },
-    "RU": {
-        "title": "🧠 Анализ инвестиционных портфелей",
-        "tabs": ["📊 Анализ", "⚖️ Сравнение", "💬 Диалог", "📋 Таблица метрик", "📈 График AlphaBTC"],
-        "labels": {
-            "analyze_input": "Введите ссылку или portfolioId",
-            "analyze_button": "🔍 Проанализировать",
-            "analyze_output": "📈 Результат анализа",
-            "compare_1": "Портфель 1",
-            "compare_2": "Портфель 2",
-            "compare_button": "📊 Сравнить",
-            "compare_output": "📉 Результат сравнения",
-            "chat_input": "Ваш вопрос",
-            "chat_button": "Отправить",
-            "chat_output": "Ответ",
-            "metrics_input": "Введите portfolioId",
-            "metrics_button": "📥 Показать метрики",
-            "metrics_output": "📊 Метрики портфеля",
-            "chart_input": "Введите portfolioId",
-            "chart_button": "Построить график",
-            "chart_output": "График Alpha к BTC",
-        }
-    }
+# === Bloomberg-style dark theme ===
+dark_theme = gr.themes.Base(
+    primary_hue="violet",
+    secondary_hue="gray",
+    neutral_hue="zinc",
+).set(
+    body_background_fill="#0d1117",          # main background (dark navy)
+    body_text_color="#e6edf3",               # main text
+    block_background_fill="#161b22",         # card background
+    block_border_color="#30363d",            # subtle border
+    button_primary_background_fill="#4f46e5",# indigo-violet accent
+    button_primary_background_fill_hover="#6366f1",
+    button_primary_text_color="#ffffff",
+    input_background_fill="#0d1117",
+    block_shadow="0 2px 6px rgba(0,0,0,0.3)",
+    block_label_text_color="#9da5b4",
+    block_label_text_size="sm",
+)
+
+with gr.Blocks(theme=dark_theme, css="""
+/* === Bloomberg / Dark Finance Style === */
+.gradio-container {
+    max-width: 1000px !important;
+    margin: auto !important;
+    font-family: 'Inter', sans-serif;
+    background-color: #0d1117 !important;
+}
+/* === LLM Commentary Styling === */
+#llm_comment_box textarea {
+    max-height: 420px !important;   /* ограничение высоты */
+    overflow-y: auto !important;    /* вертикальный скроллинг */
+    background-color: #161b22 !important;
+    color: #f0f6fc !important;
+    border: 1px solid #30363d !important;
+    border-radius: 6px !important;
+    font-family: 'JetBrains Mono', monospace !important;
+    font-size: 14px !important;
+    line-height: 1.5 !important;
+    padding: 12px !important;
+}
+/* === Comparison Table === */
+#comparison_table {
+    margin-top: 8px !important;
+}
+#1
+h2, h3, .gr-markdown {
+    font-weight: 600;
+    color: #f0f6fc !important;
+}
+.gr-button {
+    border-radius: 6px !important;
+    font-weight: 600 !important;
+    letter-spacing: 0.3px;
+    box-shadow: 0 2px 4px rgba(0,0,0,0.25);
+}
+.gr-textbox, .gr-dataframe {
+    border-radius: 6px !important;
+}
+.gr-button.primary {
+    background: linear-gradient(90deg, #6366f1, #4f46e5);
+    border: none !important;
+}
+.gr-tab {
+    background-color: #161b22 !important;
+    color: #c9d1d9 !important;
+}
+.gr-tabs {
+    border-bottom: 1px solid #30363d !important;
+}
+.gr-plot {
+    background: #0d1117 !important;
+}
+/* Fix Gradio plot overlay */
+#alpha_chart svg {
+    display: none !important;
+}
+#alpha_chart .wrap {
+    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(
+        "A professional dashboard for analyzing and comparing investment portfolios using AI insights.",
+        elem_classes="subtitle",
+    )
+
+    with gr.Tabs():
+        # --- Analysis Tab ---
+        with gr.TabItem("Analysis"):
+            portfolio_input = gr.Textbox(
+                label="Portfolio ID or Link",
+                placeholder="Enter a portfolio ID (e.g. ea856c1b-...)",
+                lines=1,
+                value='b1ef37aa-5b9a-41b4-9394-8823f2de36bb',
+            )
+            analyze_button = gr.Button("Run Analysis", variant="primary")
+            analyze_output = gr.Textbox(label="Analysis Result", lines=15)
+            analyze_button.click(fn=analyzer.run, inputs=portfolio_input, outputs=analyze_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_comment = gr.Textbox(
+                label="AI Commentary",
+                lines=8,
+                interactive=True,
+                show_copy_button=True,
+                elem_id="llm_comment_box",
+            )
+
+            comp_output_table = gr.Dataframe(
+                label="Comparative Metrics",
+                wrap=True,
+                elem_id="comparison_table",
+            )
+
+            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_table, comp_output_comment],
+            )
+
+        # --- Chat Assistant Tab ---
+        with gr.TabItem("Assistant"):
+            chat_input = gr.Textbox(label="Ask about investments or analysis")
+            chat_button = gr.Button("Send Question", variant="primary")
+            chat_output = gr.Textbox(label="AI Response", lines=8)
+            chat_button.click(fn=chatbot.run, inputs=chat_input, outputs=chat_output)
+
+        # --- Metrics Table Tab ---
+        with gr.TabItem("Metrics Table"):
+            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) ---
+        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")
+            chart_output = gr.Plot(
+                label="Alpha vs BTC",
+                show_label=False,
+                elem_id="alpha_chart",
+            )
+            chart_button.click(fn=build_alpha_chart, inputs=chart_input, outputs=chart_output)
+
+    gr.Markdown("---")
+    gr.Markdown(
+        "<center><small style='color:#6e7681;'>Developed with Featherless.ai • Powered by OpenAI-compatible API</small></center>",
+        elem_classes="footer",
+    )
 
-def build_interface(lang="ENG"):
-    text = LANG_TEXT[lang]
-
-    with gr.Blocks(theme=gr.themes.Soft()) as demo:
-        lang_state = gr.State(lang)
-
-        # Header
-        gr.Markdown(f"## {text['title']}")
-
-        # Language toggle
-        lang_button = gr.Button("🌐 Switch Language (RU / ENG)")
-
-        def switch_language(current_lang):
-            return "RU" if current_lang == "ENG" else "ENG"
-
-        lang_button.click(fn=switch_language, inputs=lang_state, outputs=lang_state).then(
-            fn=lambda l: gr.update(visible=False), inputs=lang_state, outputs=None
-        )
-
-        with gr.Tabs():
-            # --- Tab 1: Analysis ---
-            with gr.TabItem(text["tabs"][0]):
-                inp = gr.Textbox(label=text["labels"]["analyze_input"])
-                btn = gr.Button(text["labels"]["analyze_button"])
-                out = gr.Textbox(label=text["labels"]["analyze_output"], lines=15)
-                btn.click(fn=analyzer.run, inputs=inp, outputs=out)
-
-            # --- Tab 2: Comparison ---
-            with gr.TabItem(text["tabs"][1]):
-                a = gr.Textbox(label=text["labels"]["compare_1"])
-                b = gr.Textbox(label=text["labels"]["compare_2"])
-                cmp_btn = gr.Button(text["labels"]["compare_button"])
-                cmp_out = gr.Textbox(label=text["labels"]["compare_output"], lines=20)
-                cmp_btn.click(fn=comparer.run, inputs=[a, b], outputs=cmp_out)
-
-            # --- Tab 3: Chat ---
-            with gr.TabItem(text["tabs"][2]):
-                chat_in = gr.Textbox(label=text["labels"]["chat_input"])
-                chat_btn = gr.Button(text["labels"]["chat_button"])
-                chat_out = gr.Textbox(label=text["labels"]["chat_output"], lines=8)
-                chat_btn.click(fn=chatbot.run, inputs=chat_in, outputs=chat_out)
-
-            # --- Tab 4: Metrics Table ---
-            with gr.TabItem(text["tabs"][3]):
-                mid = gr.Textbox(label=text["labels"]["metrics_input"])
-                mbtn = gr.Button(text["labels"]["metrics_button"])
-                mout = gr.Dataframe(label=text["labels"]["metrics_output"], wrap=True)
-                mbtn.click(fn=show_metrics_table, inputs=mid, outputs=mout)
-
-            # --- Tab 5: AlphaBTC Chart ---
-            with gr.TabItem(text["tabs"][4]):
-                cid = gr.Textbox(label=text["labels"]["chart_input"], value="3852a354-e66e-4bc5-97e9-55124e31e687")
-                cbtn = gr.Button(text["labels"]["chart_button"])
-                cout = gr.Plot(label=text["labels"]["chart_output"])
-                cbtn.click(fn=build_alpha_chart, inputs=cid, outputs=cout)
-
-    return demo
-
-
-# === Default launch in English ===
 if __name__ == "__main__":
-    demo = build_interface(lang="ENG")
     demo.launch()