New style APP

app.py

@@ -12,121 +12,93 @@ analyzer = PortfolioAnalyzer(llm_service, MODEL_NAME)
 comparer = PortfolioComparer(llm_service, MODEL_NAME)
 chatbot = ChatAssistant(llm_service, MODEL_NAME)
 
-# === Language texts ===
-LANG = {
-    "ENG": {
-        "title": "🧠 Investment Portfolio Analysis",
-        "tabs": ["📊 Analysis", "⚖️ Comparison", "💬 Chat", "📋 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",
-        },
-        "switch": "🌐 Switch to Russian",
-    },
-    "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",
-        },
-        "switch": "🌐 Switch to English",
-    },
+# === Custom theme configuration ===
+custom_theme = gr.themes.Base(
+    primary_hue="indigo",
+    secondary_hue="gray",
+    neutral_hue="zinc",
+).set(
+    body_background_fill="#f8f9fa",
+    body_text_color="#222",
+    block_background_fill="#ffffff",
+    block_border_width="1px",
+    block_border_color="#e5e7eb",
+    button_primary_background_fill="#4f46e5",
+    button_primary_text_color="white",
+    button_primary_background_fill_hover="#4338ca",
+    block_shadow="0 2px 6px rgba(0,0,0,0.05)",
+    block_label_text_size="lg",
+    block_label_text_weight="600",
+)
+
+# === Interface ===
+with gr.Blocks(theme=custom_theme, css="""
+.gradio-container {
+    max-width: 900px !important;
+    margin: auto !important;
+    font-family: 'Inter', sans-serif;
 }
-
-
-def build_interface(lang="ENG"):
-    """Rebuild interface based on selected language."""
-    text = LANG[lang]
-
-    with gr.Blocks(theme=gr.themes.Soft()) as demo:
-        lang_state = gr.State(lang)
-
-        # Header
-        gr.Markdown(f"## {text['title']}")
-
-        # Language toggle
-        def toggle_language(current_lang):
-            return "RU" if current_lang == "ENG" else "ENG"
-
-        # Button to rebuild interface
-        switch_button = gr.Button(text["switch"])
-
-        # Rebuild full interface recursively when button clicked
-        switch_button.click(
-            fn=lambda l: build_interface("RU" if l == "ENG" else "ENG"),
-            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
-
+h2, h3, .gr-markdown {
+    font-weight: 600;
+}
+.gr-button {
+    border-radius: 6px !important;
+    font-weight: 600 !important;
+    letter-spacing: 0.2px;
+}
+""") as demo:
+    gr.Markdown("## Investment Portfolio Analyzer")
+    gr.Markdown(
+        "A lightweight interface for analyzing and comparing investment portfolios with AI assistance.",
+        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,
+            )
+            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 Tab ---
+        with gr.TabItem("Comparison"):
+            compare_input_1 = gr.Textbox(label="Portfolio A")
+            compare_input_2 = gr.Textbox(label="Portfolio B")
+            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)
+
+        # --- 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")
+            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 ---
+        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")
+            chart_button.click(fn=build_alpha_chart, inputs=chart_input, outputs=chart_output)
+
+    gr.Markdown("---")
+    gr.Markdown(
+        "<center><small>Developed with Featherless.ai • Powered by OpenAI-compatible API</small></center>",
+        elem_classes="footer",
+    )
 
 if __name__ == "__main__":
-    demo = build_interface("ENG")
     demo.launch()