Refactor game rotation timeline to use time segments and improve visualization

app.py

@@ -700,12 +700,30 @@ with tab5:
             game_rot_stats = check_rotation.reindex(game_rot_cols,axis="columns")
             game_rot_stats = game_rot_stats.drop_duplicates(subset='backlog_lookup')
 
-            fig = px.timeline(data_frame=check_rotation, x_start='Start', x_end='Finish', y='Resource', range_x=[0,check_rotation["Finish"].max()], text='Task')
+            # Create proper time segments
+            check_rotation['TimeSegment'] = check_rotation.apply(
+                lambda row: {
+                    'Start': row['Start'],
+                    'Total': row['Finish'] - row['Start']
+                }, axis=1
+            )
+            
+            fig = px.timeline(data_frame=check_rotation, 
+                            x_start='Start', 
+                            x_end='Finish', 
+                            y='Resource',
+                            range_x=[0, 48],  # Full game length
+                            text='Task')
             
             fig.layout.xaxis.type = 'linear'
-            fig.data[0].x = check_rotation.delta.tolist()
-            fig.data[0].y = check_rotation.Task.tolist()
-            fig.update_yaxes(autorange="reversed") 
+            fig.update_yaxes(categoryorder='category ascending')
+            
+            # Update traces to show proper time segments
+            for i in range(len(fig.data)):
+                fig.data[i].x = [
+                    (seg['Start'], seg['Start'] + seg['Total']) 
+                    for seg in check_rotation['TimeSegment']
+                ] 
 
             # Create a color map for each unique player
             player_colors = px.colors.qualitative.Plotly[:len(check_rotation['PLAYER_NAME'].unique())]