rivista grafica modulo forecasting

app.py

@@ -38,7 +38,7 @@ if not os.path.exists(demo_csv_path):
         f.write(csv_content)
 
 def forecast_logic(file):
-    if file is None: raise gr.Error("Carica un file CSV")
+    if file is None: raise gr.Error("Seleziona un file CSV")
     if isinstance(file, list): file = file[0]
     
     img, text = forecast.predict_workload(file)
@@ -184,21 +184,32 @@ with gr.Blocks(title="NGT AI Platform", theme=theme, css_paths="style.css") as d
             
             with gr.Row(elem_classes="responsive-row"):
                 with gr.Column(scale=1):
-                    with gr.Group():
-                        gr.Markdown("### 1. Configurazione")
-                        with gr.Row():
-                            gr.Dropdown(["Customer Care"], label="Business Unit", value="Customer Care")
-                            gr.Dropdown(["Ass. Tecnica"], label="Reparto", value="Ass. Tecnica")
+                    gr.Markdown("### 1. Configurazione")
+                    with gr.Row():
+                        gr.Dropdown(["Customer Care"], label="Business Unit", value="Customer Care")
+                        gr.Dropdown(["Ass. Tecnica"], label="Reparto", value="Ass. Tecnica")
                         gr.Dropdown(["Inbound Calls"], label="Attività", value="Inbound Calls")
-                    
-                    gr.Markdown("### 2. Dati Storici")
-                    forecast_file = gr.File(label="Seleziona Export (.csv)", file_types=[".csv"], height=100, interactive=False)
-                    forecast_btn = gr.Button("🔮 Genera Grafico Interattivo", variant="primary")
                 
-                with gr.Column(scale=3): 
+                with gr.Column(scale=1):
+                    gr.Markdown("### 2. Dati Storici")
+                    with gr.Row():
+                        forecast_file = gr.File(
+                            label="Seleziona Export (.csv)", 
+                            file_types=[".csv"], 
+                            height=100,
+                            interactive=False
+                        )
+            with gr.Row(elem_classes="responsive-row"):
+                forecast_btn = gr.Button("🔮 Genera\nGrafico", variant="primary", scale=1)
+
+            with gr.Row(elem_classes="responsive-row"):
+                with gr.Column():
                     gr.Markdown("### 📊 Dashboard Interattiva")
-                    forecast_plot = gr.Plot(label="Analisi Volumi")
-                    forecast_stats = gr.Textbox(label="KPI Backtesting", lines=4)
+                    # show_label=False rende il grafico più pulito senza il titolino grigio sopra
+                    forecast_plot = gr.Plot(show_label=False)
+
+            with gr.Row(elem_classes="responsive-row"):
+                forecast_stats = gr.Textbox(label="KPI Backtesting & Performance", lines=3)
             
             forecast_btn.click(
                 forecast_logic, 

style.css

@@ -9,7 +9,7 @@
 }
 
 .h4-margin{
-    margin-left: 4px 6px 6px 4px;
+    margin: 4px 6px 6px 4px;
 }
 
 .logo-container img { margin-bottom: 4px !important; object-fit: contain; }