Timeline Pro is a powerful Visual Studio Code extension that transforms your editor into a rich, visual project management tool. Manage roadmaps, team schedules, and project timelines directly within VS Code using a native .timeline file format.
Features
📅 Visual Timeline Editor
Drag-and-Drop Interaction: Easily move projects across the timeline or between lanes.
Resize Controls: Drag the edges of a project bar to adjust start and end dates.
Visual Feedback: Color-coded status indicators (Backlog, In Execution, Complete) and customizable tags.
👥 Team & Group Management
Smart Grouping: Organize projects by Teams (Groups) and Lanes.
Focus Mode: Use the Solo (s) and Mute (m) controls on each team row to focus on specific workstreams.
Detailed Metadata: Track team info like tribe, leader, and headcount directly in the header.
🛠️ Easy Setup & Management
One-Click Setup: Open an empty .timeline file to see the Setup View. Choose to "Start Fresh" or "Load Sample Data" to get running in seconds.
Context Menus: Right-click on lanes to add new projects at that specific date. Right-click on projects to edit or delete them.
Double-Click Actions: Double-click a team header or a project bar to open detailed edit modals.
⚡ Seamless VS Code Integration
Native Files: Works with .timeline (JSON-based) files. Commit them to Git and version control your roadmap just like code.
Theme Aware: Designed to look great in your editor.
Getting Started
Create a File: Create a new file with the .timeline extension (e.g., roadmap.timeline).
Open: Click the file in the VS Code explorer.
Setup: You will be greeted by the Setup View.
Select "Load Sample Data" to explore the features with pre-populated content.
Select "Start Fresh" to begin with an empty board and configure your teams manually.
Usage Guide
Managing Projects
Create: Right-click on any empty space in a lane to add a project.
Edit: Double-click a project bar to edit details like Title, Dates, Tags, and Status.
Move: Drag and drop projects to reschedule or reassign them to different teams.
Delete: Right-click a project and select "Delete".
Managing Teams
Edit Team: Double-click on the Team Name (left column) to edit team details.
Focus:
Click the 's' button to Solo a team (hides others).
Click the 'm' button to gray out a team.
Enjoy managing your projects without leaving your code!
