Update app.py

app.py

@@ -215,6 +215,7 @@ def main():
         menu = st.radio("", menu_items, label_visibility="collapsed")
 
     # Dashboard View
+        
     if menu == "🏠 Dashboard":
         tasks = get_tasks()
         if tasks:
@@ -231,6 +232,54 @@ def main():
                 fig = px.pie(df, names='status', hole=0.4,
                             color_discrete_sequence=px.colors.qualitative.Pastel1)
                 st.plotly_chart(fig, use_container_width=True)
+            
+            # New Timeline Visualization
+            with st.container(border=True):
+                st.subheader("⏳ Task Timeline")
+                timeline_df = df.copy()
+                
+                # Convert date and create timeline visualization
+                timeline_df['date'] = pd.to_datetime(timeline_df['date'])
+                timeline_df['Start'] = timeline_df['date'] - pd.DateOffset(days=1)  # Fake start date for visualization
+                timeline_df['Finish'] = timeline_df['date']
+                
+                # Create Gantt-style timeline
+                fig = px.timeline(
+                    timeline_df,
+                    x_start="Start",
+                    x_end="Finish",
+                    y="task",
+                    color="status",
+                    color_discrete_map={
+                        "Pending": "#FFE4B5",
+                        "In Progress": "#87CEEB",
+                        "Completed": "#98FB98"
+                    },
+                    title="Task Schedule Overview",
+                    labels={"task": "Task", "date": "Due Date"},
+                    hover_data=["project", "type"]
+                )
+                
+                # Customize layout
+                fig.update_yaxes(autorange="reversed", title_text="Tasks")
+                fig.update_xaxes(title_text="Timeline")
+                fig.update_layout(
+                    height=500,
+                    showlegend=True,
+                    hovermode="closest",
+                    xaxis=dict(showgrid=True, tickformat="%b %d\n%Y"),
+                    margin=dict(l=0, r=0, t=40, b=20)
+                )
+                
+                # Add custom hover template
+                fig.update_traces(
+                    hovertemplate="<b>%{y}</b><br>"
+                                "Project: %{customdata[0]}<br>"
+                                "Type: %{customdata[1]}<br>"
+                                "Due Date: %{x|%b %d, %Y}"
+                )
+                
+                st.plotly_chart(fig, use_container_width=True)
         else:
             st.info("📭 No tasks found. Start by adding new tasks!")