Time Tracking

The Time Tracking page gives you a complete view of your logged time across all projects. You can review, edit, and manage time blocks in three different views, each suited to a different level of detail.

Views

Switch between views using the Day, Week, and Month buttons at the top of the page. Use the arrow buttons to navigate forward and backward in time, or click Today to jump to the current date.

Day View

The day view shows all time blocks for a single day in full detail.

Timeline Bar — A horizontal bar at the top visualizes your entire day. Work blocks are shown as colored segments (using each project’s color), and breaks appear as hatched gaps. Hover over a segment to see the project name, time range, and duration. Click a segment to edit it.

Detail Table — Below the timeline, a table lists every time block and break with:

• Project — Name and color indicator
• Flow / Ticket — The Flow or ticket key assigned to the block
• From / To — Start and end times (active blocks show “now” instead of an end time)
• Duration — How long the block lasted
• Takt — The rounding interval applied to this block
• Actions — Edit, split, or delete the block

Summary Footer — At the bottom, you see total work time, total break time, and total elapsed time for the day.

Week View

The week view shows a seven-day grid (Monday through Sunday) with a summary for each day.

Each day card displays:

• Day name and date
• Stacked color bars — A vertical bar chart showing time per project, proportional to hours worked
• Total hours for the day
• A green pulse if a block is currently active

Click any day to switch to the day view for that date.

Below the grid, a Week Total section shows the total hours for the week and a breakdown by project.

Month View

The month view shows a calendar grid for the entire month. Each day cell displays the total hours worked, with color-coded indicators for the projects you worked on. Click any day to drill down to the day view.

Creating Time Blocks

Automatic (via Timer)

The primary way to create time blocks is through the timer. When you start your work day and switch between projects and Flows, time blocks are created automatically.

Manual

You can also add time blocks manually:

1. In the day view, click “Add Block” at the bottom of the table
2. Select a project and optionally a Flow
3. Set the start time and end time
4. Save the block

Manual blocks are useful for logging time after the fact — for example, if you forgot to start the timer or need to record work done outside of DevFlow.

Editing Time Blocks

Click the edit icon on any time block (or click directly on a timeline segment) to modify it. You can change:

• The project and Flow assignment
• The start and end times
• The description or ticket key

Changes are saved immediately.

Splitting Time Blocks

If a single block covers work on multiple tasks, you can split it into two blocks. Click the split icon on a completed block to divide it at a chosen time. This is useful when you forgot to switch context during a work session.

Deleting Time Blocks

Click the delete icon on any block to remove it. A confirmation is shown before deletion.

Takt Rounding

Time blocks can be rounded to a configurable interval (the Takt). For example, with a 15-minute Takt, a block that lasted 22 minutes would be rounded up to 30 minutes. The Takt value applied to each block is shown in the day view table.

Takt settings can be configured:

• Globally in your personal settings (the default for all projects)
• Per project in the project settings (overrides the global default)

Conflict Detection

DevFlow detects overlapping time blocks. If two blocks cover the same time period, the conflict is flagged so you can correct it by editing or deleting one of the entries.