New style APP (Tab Changes v2.0)

app.py

@@ -39,6 +39,24 @@ with gr.Blocks(theme=dark_theme, css="""
     font-family: 'Inter', sans-serif;
     background-color: #0d1117 !important;
 }
+/* === LLM Commentary Styling === */
+#llm_comment_box textarea {
+    max-height: 220px !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;
+}
+
 h2, h3, .gr-markdown {
     font-weight: 600;
     color: #f0f6fc !important;
@@ -119,24 +137,29 @@ h2, h3, .gr-markdown {
             comp_input_2 = gr.Textbox(label="Portfolio B", value="b1ef37aa-5b9a-41b4-9394-8823f2de36bb")
             comp_button = gr.Button("Load Comparison", variant="primary")
 
-            # Таблица и комментарий — два разных вывода
-            comp_output_table = gr.Dataframe(label="Comparative Metrics", wrap=True)
+            # комментарий теперь над таблицей
             comp_output_comment = gr.Textbox(
                 label="AI Commentary",
                 lines=8,
                 interactive=False,
                 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")