> ## Documentation Index
> Fetch the complete documentation index at: https://how.forget.work/llms.txt
> Use this file to discover all available pages before exploring further.

# ✏️ Tasks List

> Manage your tasks with ease

<Frame>
  <img src="https://mintcdn.com/complish/mKWC-X_dZjIrqgMC/images/features/list-overview.png?fit=max&auto=format&n=mKWC-X_dZjIrqgMC&q=85&s=480a601e8be2184bf7fddf9f798c3dfb" style={{ borderRadius: "0.5rem" }} width="2562" height="1416" data-path="images/features/list-overview.png" />
</Frame>

## Overview

The List is where you can add, edit, and delete tasks.

## Add a task

There are two ways to add a task:

### 1. Click the "Plus" button

You can hover at either the bottom of the list...

<Frame>
  <img src="https://mintcdn.com/complish/mKWC-X_dZjIrqgMC/images/features/list-plus-bottom.png?fit=max&auto=format&n=mKWC-X_dZjIrqgMC&q=85&s=3cb29e1307b91597c1506c1b02112c57" style={{ borderRadius: "0.5rem" }} width="1496" height="420" data-path="images/features/list-plus-bottom.png" />
</Frame>

... or the top of the list...

<Frame>
  <img src="https://mintcdn.com/complish/mKWC-X_dZjIrqgMC/images/features/list-plus-top.png?fit=max&auto=format&n=mKWC-X_dZjIrqgMC&q=85&s=849c5c7a50e6dc391a82cbe182e5beeb" style={{ borderRadius: "0.5rem" }} width="1468" height="376" data-path="images/features/list-plus-top.png" />
</Frame>

... to reveal the "Plus" button. Clicking it will add a new task to the list.

### 2. Press `Enter` or `return` on your keyboard

Click on any existing task to start editing it. Then, press `Enter` or
`return` on your keyboard to add a new task below it.

<Frame>
  <video autoPlay muted loop playsInline controls className="w-full" src="https://cdn.forget.work/add-a-task-enter-key.mp4" />
</Frame>

## Edit a task

Simply click on any task to start editing it.

## Delete a task

Hover over a task to reveal the "Delete" button. Clicking it will delete
the task.

<Frame>
  <img src="https://mintcdn.com/complish/mKWC-X_dZjIrqgMC/images/features/list-delete-task.png?fit=max&auto=format&n=mKWC-X_dZjIrqgMC&q=85&s=3e6f8be3387fdbc52fb124c5fd582c04" style={{ borderRadius: "0.5rem" }} width="1498" height="460" data-path="images/features/list-delete-task.png" />
</Frame>

## Redo a completed task

Hover over a completed task to reveal the "Redo" button. Clicking it
will mark the task as incomplete.

<Frame>
  <img src="https://mintcdn.com/complish/mKWC-X_dZjIrqgMC/images/features/list-redo.png?fit=max&auto=format&n=mKWC-X_dZjIrqgMC&q=85&s=b1051284418c882c02b2761b6bd5bdff" style={{ borderRadius: "0.5rem" }} width="1360" height="374" data-path="images/features/list-redo.png" />
</Frame>

<Info>
  The Focus Time for a "Redo" task will be computed as the max of the previous
  focus time and the current focus time.
</Info>

## Reorder tasks

Simply drag and drop a task to reorder it.

## Time Track

Hover over a completed task to reveal the time spent on it.

<Frame>
  <img src="https://mintcdn.com/complish/mKWC-X_dZjIrqgMC/images/features/list-time-track.png?fit=max&auto=format&n=mKWC-X_dZjIrqgMC&q=85&s=759bba5ca34b28c0a2b3420c02e349a2" style={{ borderRadius: "0.5rem" }} width="1338" height="360" data-path="images/features/list-time-track.png" />
</Frame>
