feat: update graph titles and enhance font styling for clarity and consistency

app.py

@@ -808,7 +808,15 @@ def create_combined_time_series_graph(df):
     # Update layout - use simple boolean values everywhere
     # Make chart responsive instead of fixed width
     fig.update_layout(
-        title="Babydegen agents",
+        title=dict(
+            text="Modius Agents",
+            font=dict(
+                family="Arial, sans-serif",
+                size=22,
+                color="black",
+                weight="bold"
+            )
+        ),
         xaxis_title=None,  # Remove x-axis title to use annotation instead
         yaxis_title=None,  # Remove the y-axis title as we'll use annotations instead
         template="plotly_white",
@@ -835,7 +843,7 @@ def create_combined_time_series_graph(df):
         yref="y",
         text="Percent drawdown",
         showarrow=False,
-        font=dict(size=14, family="Arial, sans-serif", color="black", weight="bold"),  # Smaller font size
+        font=dict(size=14, family="Arial, sans-serif", color="black", weight="bold"),  # Ensure bold weight
         textangle=-90,  # Rotate text to be vertical
         align="center"
     )
@@ -847,7 +855,7 @@ def create_combined_time_series_graph(df):
         yref="y",
         text="Agent APR",
         showarrow=False,
-        font=dict(size=14, family="Arial, sans-serif", color="black", weight="bold"),  # Smaller font size
+        font=dict(size=14, family="Arial, sans-serif", color="black", weight="bold"),  # Ensure bold weight
         textangle=-90,  # Rotate text to be vertical
         align="center"
     )
@@ -860,10 +868,28 @@ def create_combined_time_series_graph(df):
         yref="paper",
         text="Date",
         showarrow=False,
-        font=dict(size=14, family="Arial, sans-serif", color="black", weight="bold"),  # Match y-axis font
+        font=dict(size=14, family="Arial, sans-serif", color="black", weight="bold"),  # Ensure bold weight
         align="center"
     )
     
+    # Update layout for legend
+    fig.update_layout(
+        legend=dict(
+            orientation="h",
+            yanchor="bottom",
+            y=1.02,
+            xanchor="right",
+            x=1,
+            groupclick="toggleitem",
+            font=dict(
+                family="Arial, sans-serif",
+                size=12,
+                color="black",
+                weight="bold"
+            )
+        )
+    )
+    
     # Update y-axis with fixed range of -50 to +100 for psychological effect
     fig.update_yaxes(
         showgrid=True, 
@@ -873,7 +899,7 @@ def create_combined_time_series_graph(df):
         autorange=False,  # Disable autoscaling
         range=[-50, 100],  # Set fixed range from -50 to +100
         tickformat=".2f",  # Format tick labels with 2 decimal places
-        tickfont=dict(size=12, family="Arial, sans-serif", color="black", weight="bold"),  # Smaller font for tick labels
+        tickfont=dict(size=12, family="Arial, sans-serif", color="black", weight="bold"),  # Ensure bold weight
         title=None  # Remove the built-in axis title since we're using annotations
     )
     
@@ -886,7 +912,7 @@ def create_combined_time_series_graph(df):
         autorange=True,  # Explicitly enable autoscaling
         tickformat="%b %d",  # Simplified date format without time
         tickangle=-30,  # Angle the labels for better readability
-        tickfont=dict(size=12, family="Arial, sans-serif", color="black", weight="bold"),  # Smaller font for tick labels
+        tickfont=dict(size=12, family="Arial, sans-serif", color="black", weight="bold"),  # Ensure bold weight
         title=None  # Remove built-in title to use annotation instead
     )
     
@@ -1030,7 +1056,15 @@ def create_combined_time_series_graph(df):
         
         # Simplified layout with adjusted y-axis range and increased size
         simple_fig.update_layout(
-            title="Babydegen agents",
+            title=dict(
+                text="Modius Agents",
+                font=dict(
+                    family="Arial, sans-serif",
+                    size=22,
+                    color="black",
+                    weight="bold"
+                )
+            ),
             xaxis_title=None,  # Remove x-axis title to use annotation instead
             yaxis_title=None,  # Remove the y-axis title as we'll use annotations instead
                     yaxis=dict(
@@ -1054,7 +1088,7 @@ def create_combined_time_series_graph(df):
             yref="y",
             text="Percent drawdown",
             showarrow=False,
-            font=dict(size=12, family="Arial, sans-serif", color="black"),  # Even smaller font for fallback
+            font=dict(size=12, family="Arial, sans-serif", color="black", weight="bold"),  # Add bold weight
             textangle=-90,  # Rotate text to be vertical
             align="center"
         )
@@ -1066,7 +1100,7 @@ def create_combined_time_series_graph(df):
             yref="y",
             text="Agent APR",
             showarrow=False,
-            font=dict(size=12, family="Arial, sans-serif", color="black"),  # Even smaller font for fallback
+            font=dict(size=12, family="Arial, sans-serif", color="black", weight="bold"),  # Add bold weight
             textangle=-90,  # Rotate text to be vertical
             align="center"
         )
@@ -1079,19 +1113,36 @@ def create_combined_time_series_graph(df):
             yref="paper",
             text="Date",
             showarrow=False,
-            font=dict(size=12, family="Arial, sans-serif", color="black"),  # Match y-axis font
+            font=dict(size=12, family="Arial, sans-serif", color="black", weight="bold"),  # Add bold weight
             align="center"
         )
         
+        # Update legend font for fallback graph
+        simple_fig.update_layout(
+            legend=dict(
+                font=dict(
+                    family="Arial, sans-serif",
+                    size=12,
+                    color="black",
+                    weight="bold"
+                )
+            )
+        )
+        
         # Apply autoscaling to the x-axis for the fallback graph
         simple_fig.update_xaxes(
             autorange=True,  # Explicitly enable autoscaling
             tickformat="%b %d",  # Simplified date format without time
             tickangle=-30,
-            tickfont=dict(size=12),
+            tickfont=dict(size=12, family="Arial, sans-serif", color="black", weight="bold"),  # Add bold weight
             title=None  # Remove built-in title to use annotation instead
         )
         
+        # Update y-axis tick font for fallback graph
+        simple_fig.update_yaxes(
+            tickfont=dict(size=12, family="Arial, sans-serif", color="black", weight="bold")  # Add bold weight
+        )
+        
         # Add a note about hidden agents if there are more than MAX_VISIBLE_AGENTS
         if len(unique_agents) > MAX_VISIBLE_AGENTS:
             simple_fig.add_annotation(